@charset "utf-8";
/* CSS Document */

/*
Theme Name: noname
Version:1.0
*/

/*------------------------------------------------------------
リセット
-------------------------------------------------------------*/

#footer_menu {
	
 margin: 0;
 padding: 0;
	}


.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

img{
	border:none;
}


/*------------------------------------------------------------
文字・共通要素
-------------------------------------------------------------*/

@import url(https://fonts.googleapis.com/css?family=Lora);

.samplefont {
	font-size: 24px;
	font-family: 'Henny Penny', cursive;	
}

.navi{font-size:12px;color:#8C7238 !important; font-family: 'Lora', serif;}


#head2{font-size:12px;color:#8C7238 !important; font-family: 'Lora', serif;
	width:950px;
	background-color:#ffffff;
}


a { text-decoration: none;}
a:link { color: #8C7238; } 
a:visited { color: #8C7238; }
a:hover { color: #8C7238; } 
a:active { color: #8C7238; }
a:hover { text-decoration: none;}

h1 ,h2 ,h3 ,h4 ,h5 ,h6{
 	clear:both;
}

.clear{
	clear:both;
}


.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/*------------------------------------------------------------
レイアウト
-------------------------------------------------------------*/

body{
	width:100%;
	text-align:center;
	margin:0 auto;
	padding:0;
}

#wrapper{
	margin: 0 auto;
    text-align: center;
    width: 950px;
	padding:0;
}

#sns{
	width:920px;
	margin-top:0px;
	height:17px;
	margin: 0;
	padding: 0;
}

#sns-inner{
	text-align:right;
	width:920px;
	margin: 0;
	padding: 0;
}

ul.sns {margin:0; padding:0;}


#head{
	width:950px;
		clear:both;
}

#content{
	width:950px;
	clear:both;
	margin-top:5px; /*defo45px*/
}

#footer{
	width:920px;
	clear:both;
	margin:45px auto;
}


/*------------------------------------------------------------
ヘッダー
-------------------------------------------------------------*/
#sns li{
	list-style:none;
	text-align:right;
	display:inline;
	padding-left:10px;
}

#head li{
	list-style:none;
	display:inline;
}

.logo{
	margin-right:70px;
}

.navi{
	margin-right:30px;
}

div.line
{
border-bottom:1px solid #886B2E;
border-top:2px solid #886B2E;
padding:15px 0 15px 0;
margin:30px 0 0 0 ;
width:950px;
font-size:12px;
text-align:center;

} 
.line a { text-decoration:underline; color:#886B2E; }


/* 商品一覧のリストの設定 */
#head2 ul li {
display: block;
float: left;
list-style-type: none;
background: #ffffff;
text-align: center;
}


#head2 ul li {
width: 8%;
margin: 0 1.0% 0 1.0%;
}
#head2 ul li:nth-child(10n+1) {
margin: 0 0 0 1.2%;
}
#head2 ul li:nth-child(10n) {
margin: 0 0% 0 1.2%;
}




/*------------------------------------------------------------
フッター
-------------------------------------------------------------*/

#foot-l{
	float:left;
	width:770px;
}

#foot-r{
	float:right;
	text-align:right;
	width:150px;
}

#foot-l li{
	display:inline;
	list-style:none;
}

#foot-r li{
	display:inline;
	list-style:none;
	padding-left:10px;
}

.mu80{
	clear:both;
	margin-top:80px;

}
.navi-f{
	margin-right:-5px;
}

/*------------------------------------------------------------
コンテンツエリア
-------------------------------------------------------------*/
.content-in{
	display:block;
	clear:both;
	text-align:left;
	min-height:500px;
}
.content-in img{
	max-width:100%;
	height:auto;
}
/*------------------------------------------------------------
WP画像
-------------------------------------------------------------*/

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 10px 15px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 15px 10px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}



/*------------------------------------------------------------
PC用
-------------------------------------------------------------*/
@media only screen and (min-width: 960px){
 #sp{
	display:none;
 }
}


/*------------------------------------------------------------
レスポンシブコード
-------------------------------------------------------------*/



@media screen and (max-width: 960px) {

	#wrapper{
		width:100%;
	}
	#sns{
		display:none;
	}
	#head{
		display:none;
	}
	#content{
		width:100%;
	}
	.content-in{
		margin:0 10px;
		min-height:0px;
	}
	#footer{
		width:100%;
	}
	#foot-l{
		display:none;
	}
	#foot-r{
		display:none;
	}
	
	img{
			max-width:100%;
	}
	
	#sp{
			display:block;
	}
	
	#sp-logo{
		padding:20px 0 15px 0; /*defo: 20px 0 25px 0;*/
	}
	
	
	.wc2{
		position:absolute;	
		top:47px;
		right:10px;
		cursor:pointer;
		background-image:url(./img/sp/menu.jpg);
		background-repeat:none;
		width:40px;
		height:42px;
		background-size:40px 42px;
	}
	
	.opened{
		background-image:url(./img/sp/close.jpg);

	}
	.wc3{
		display:block;
		padding:10px 0;
		background:#EFEEEC;
		
	}
	.wc3 a{
		display:block;
		width:100%;
		padding:10px 0;
		color:#8C7238 !important;
		font-size:14px;
	}
	
	
	img.size-full,
	img.size-large,
	img.size-medium,
	.attachment img {
    	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
    	height: auto; /* Override height to match resized width for correct aspect ratio. */
 	margin:20px auto;
 	float:none;
 	display:block;
 	clear:both;
	}

	
}