@charset "utf-8";
/* CSS Document */
body{/*padding: 0;*/margin: 0;-webkit-text-size-adjust:100%;}
/*html{margin: 0;}*/

.clearfix:after{content: "";clear: both;display: block;}

h1{width:100%; height:auto;padding: 0;margin:0;}
h2{width:100%; height:auto;padding:30px 0 0 0;margin:0;text-align:center; }
h3{width:100%; height:auto;padding:30px 0 0 0;margin:0;font-family:"Lucida Grande","メイリオ","Meiryo";text-align:center;	font-size:14px;	letter-spacing:1px;	color:#FFF;}
h4, h5, h6{}
#wrap{ width:100%; height:auto; margin:0 auto;}
.box1{width: 100%;height:auto; margin:0 auto;}

#carousel{width:100%;height:200px;margin:0 auto;padding:50px 0;background-color:#CCC; color:#6FC; text-align:center}

#top_menu{/*外のメニュー*/	width:100%;	height:auto;	margin:0 auto;	padding:0;		}
#top_menu,#top_menu .top_menu {/*中のメニュー　隠れるところ*/margin: 0;padding: 0;list-style: none;}
#top_menu .category {/*中のメニュー見えてるところ*/	/*height: 40px;*/	background-color:#000;	border-bottom:1px solid #666;	line-height:50px;		cursor:pointer;	text-align:center;	font-family: "ＭＳ Ｐ明朝","MS PMincho";	font-size:16px;	letter-spacing:2px;	color:#FFF;	}
#top_menu .top_menu a{/*height: 35px;*/}
#top_menu .top_menu li a{	display:block;	line-height: 50px;	border-bottom:1px dotted #7c481f;	text-align:center;	font-family:"Lucida Grande","メイリオ","Meiryo";	font-size:16px;	letter-spacing:1px;	color: #7c481f;	text-decoration:none;	}
#message{width:68%;height: auto;margin:20px auto 0 auto;padding:16px 6%;font-family: "Lucida Grande","メイリオ","Meiryo";font-size:13px; border:1px solid #8c7c78;color:#8c7c78;line-height:20px;letter-spacing:1px; }

.news-wccweb{width:80%; margin:0px auto }
.new_releace{  width:98%;  height:100px;  margin:0px auto 0px auto;  overflow:auto;  -webkit-overflow-scrolling:touch;  }
.new_releace_iframe{  width:100%;  height:100%;  border:none;  display:block;  }
.new_releace_more{width:60%;max-width:300px;margin:0 auto 0px auto;}
.new_releace_more a{ display:block;padding:10px 0 10px 0;background:#bcb1ab;font-size:15px;font-family: "Lucida Grande","メイリオ","Meiryo";font-weight: bold;color:#FFF;text-decoration:none;}
  
#issue_wrap{	width:100%;	height: auto;	margin:0px auto 0 auto;	background: url(../../image/bg3.jpg) top center repeat;	padding:30px 0 30px 0;	}
#issue_wrap h2{width:99%; margin:0px auto;padding: 0;/*font-size: 18px;letter-spacing: 2px;font-weight: normal;color: #604d3f;*/}
#issue_wrap h2 img{width:100%;}
.issue_box{width:95%;height:auto;margin:0px auto 10px auto;padding: 0; font-size: 0;}
.issue_box iframe{width:100%;height: 750px;margin: 0;padding: 0;font-size: 0;border: 0;}
.issue_box .issue_banner{display: inline-block;width:48%;margin:0px 2% 10px 0px;vertical-align: top}
.issue_box .issue_banner:nth-of-type(2n){width:48%;margin:0px 0 10px 2%;}
.issue_box .issue_banner figure{width:100%;margin:0px 0 5px 0;padding: 0;}
.issue_box .issue_banner figure img{width:100%;height: 120px; margin:0px;padding: 0;}
.issue_box .issue_banner p{margin:0px;padding: 0;font-size: 11px;letter-spacing: 0px;line-height: 14px;font-family: "Lucida Grande","メイリオ","Meiryo";}
.issue_box .issue_banner a{color: black;text-decoration: none}
#issue_wrap #issue{width:90%;margin:0px auto 10px auto; background:#8c7c78;}
#issue_wrap #issue a{display:block;padding:20px 0; color:#FFF;font-size:16px;font-family: "ＭＳ Ｐ明朝","MS PMincho";letter-spacing:2px;line-height:18px;text-align:center;font-weight:bold;text-decoration: none}   

#contents{	width:90%;	height:80px;	margin:0px auto 0 auto;	padding:0;	list-style:none;	}
#contents li{width:49%;height:auto;margin:0 1% 0 0;padding:0px;float:left;}
#contents li:last-of-type{;margin:0 0 0 1%}
#contents li a{display:block;padding:18px 0; color:#FFF;font-size:16px;font-family: "ＭＳ Ｐ明朝","MS PMincho";letter-spacing:2px;line-height:18px;text-align:center;font-weight:bold;text-decoration: none;background:#1f1d1d;	}
#contents li a p:first-of-type{		margin:0px auto 5px auto;padding:0 0;	color:#6a6363;	text-align:center;	font-family: "ＭＳ Ｐ明朝","MS PMincho";	font-size:14px;letter-spacing: 0px;	line-height:18px;font-weight:bold;}
#contents li a .detail{	margin:0px auto;padding: 0; color:#FFF;font-size:14px;font-family:"Lucida Grande","メイリオ","Meiryo";letter-spacing:3px;font-weight:bold;}

#brand{width:100%;height: auto;margin:0 auto;padding:0 0 20px 0;background:url(../../image/bg4.jpg) top center repeat-x;}
#brand_t{ width:97%; height:auto;border-collapse: collapse;margin:0 auto;border-spacing: 0px;}
#brand_t img{ border:0}

.brand_list1{width:98%; max-width:480px;height:50px; margin:10px auto 10px auto;padding:0;list-style:none;}
.brand_list1 li{width:33.333%;max-width:160px;height:auto;margin:0 auto;padding:0px 0 0 0;float:left;text-align:center;/* border-right:1px #CCC solid;*/}
.brand_list1 li a{display:block; }
.brand_list1 li img{width:98%;max-width:158px;border:0}

#brand_eyecatch{width:100%;height:auto; margin:0 auto; padding:30px 0;background:#fcfdf8;}
#brand_eyecatch #list01{width:80%;margin:0 auto 30px auto;padding:0;list-style:none;}
#brand_eyecatch #list01 li{width:50%; margin:0 0px 20px 0;padding:0 0%;float: left;}
#brand_eyecatch #list01 li:last-of-type{ margin:0}
#brand_eyecatch #list02{width:94%;margin:0 auto 0px auto;padding:0;list-style:none;}
#brand_eyecatch #list02 li{width:33%; margin:0 0px 20px 0;padding:0 0%;float: left;}
#brand_eyecatch #list02 li:last-of-type{ margin:0}

#brand_eyecatch ul li a{display:block;margin: 0;padding: 0;text-decoration: none;}
#brand_eyecatch ul li a:hover{opacity:0.3;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}
#brand_eyecatch ul li figure{margin: 0 0 0px 0;padding: 0;}
#brand_eyecatch ul li figure img{width:100%;}
#brand_eyecatch ul li p{/*position: relative;*/width: 100px; margin:0 auto;padding:2px 0 4px 0;text-align: center;font-size: 12px;letter-spacing:0px;line-height: 22px;color:#898989;border-top:1px #dcdddd solid;border-bottom:1px #dcdddd solid;/*background: white;border-radius:5px;*/ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
/*#brand_eyecatch ul li p::before{content: '';display: block; position: absolute;top: 0;left:40%;width: 20%;height: 1px;background: #898989}*/
#brand_eyecatch ul li p .fa-angle-right{margin-left:5px;}
#brand_eyecatch ul li a:hover p{color:black;border-top:1px black solid;border-bottom:1px black solid;}


#fmw{width:100%;height: auto;padding:0 0 20px 0;background:url(../../image/bg5.jpg) top center repeat;}
#fmwg{width:100%;height: auto;padding:0 0 20px 0;background:url(../../image/bg6.jpg) top center repeat;}

/***************************MAP****************************************************/
.information{width:80%;max-width:300px;height: auto;margin:0px auto 0px auto;cursor: pointer;padding:12px 0px 14px 0;background:#101c1c;/*background:rgba();*//*border-radius: 5px;*/border:#202626 1px solid;font-size:15px;font-family: "Lucida Grande","メイリオ","Meiryo";font-weight: bold;color:#FFFFFF;text-align:center;letter-spacing:3px;}
.information_row{display: none;width:80%;height: auto;margin:10px auto 0px auto;	} 
.information2{width:80%;max-width:300px;height: auto;margin:0px auto 0px auto;cursor: pointer;padding:12px 0px 14px 0;background:#19151f;/*background:rgba();*//*border-radius: 5px;*/border:#1f1616 1px solid;font-size:15px;font-family: "Lucida Grande","メイリオ","Meiryo";font-weight: bold;color:#FFFFFF;text-align:center;letter-spacing:3px;}
.information2_row{display: none;width:80%;height: auto;margin:10px auto 0px auto;	} 
/***************************MAP****************************************************/

.fmw{width:100%;max-width:460px;height: auto;margin:0 auto;padding:0px 0px 4px 0px;font-size:12px;font-family: "Lucida Grande","メイリオ","Meiryo";letter-spacing:1px;line-height:22px;color:#D4D4D4;}

.fmw_site{width:50%;max-width:460px;height:auto;margin:10px auto 20px auto;font-size:16px;font-family: "Lucida Grande","メイリオ","Meiryo";letter-spacing:1px;line-height:14px;background:#D4D4D4; font-weight:bold}
.fmw_site a{ display:block;padding:12px 0;text-align:center; color:#415555; text-decoration:none;}

.fmw_news_wrap{width:100%;height:auto;margin:10px auto 10px auto;padding:10px 0%;/*background: rgba(0, 0, 0, 0.2);*/border-top:#4F5959 1px solid;border-bottom:#4F5959 1px solid;}
.fmw_news{width:100%;height:80px;max-height:30px;margin:0px auto;overflow:auto;-webkit-overflow-scrolling:touch;}
.fmw_news_iframe{width:100%;height:100%;margin:0px auto;border:none;}
.fmw_news_iframe iframe{width:100%; height:250px; border:0;}
.shop-news{ font-size:13px !important;}

.photo_gallery{width:100%;height:auto;margin:10px auto 0 auto;}
.photo_gallery_image{width:100%;height:auto;margin:0px auto;}
.photo_gallery_image figure{width:33.333%;height:auto;margin:0 auto 0px auto; padding:0; float:left; text-align:center}
.photo_gallery_image figure img{width:96%; border:0}

#fukuoka{display: block;width:78%;max-width:236px;margin:10px auto 0 auto;padding:15px 7px; font-size: 13px; color:khaki;text-align: center;border: 1px solid khaki;text-decoration: none;font-family: "Lucida Grande","メイリオ","Meiryo";}

#recruit{margin: 0 auto;padding:40px 0 30px 0;background: #f4f4ef}
#recruit a{display:block;width:80%;margin:0px auto 0px auto;padding:0px;text-decoration: none;color: #604c3f;font-size:16px;letter-spacing: 1px;text-align: center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#recruit a:hover {color:#cab49b;}
#recruit a h2{margin: 0 auto 0px auto;padding: 0;text-align: center;}
#recruit a h2 img{width:300px;}
#recruit a p{margin:0 auto 20px auto;padding: 0;font-size: 20px;letter-spacing: 1px;}
#recruit a figure{width:100%;margin: 0 auto 10px auto;padding: 0;}
#recruit a figure img{width:100%;}
#recruit a div{display:block;padding: 20px 0; font-size: 16px;border: 1px solid #cab49b}
#recruit a div .fa-chevron-circle-right{margin-left:5px;}

#sns{width:100%;height:auto;margin:0 auto;padding:0px 0 30px 0;list-style:none;}
#sns li{width:100%;height:auto;margin:6px auto 10px auto;padding:4px 0;}	

.sns{position:relative;width:90%; max-width:450px;height:auto;margin:0px auto 0px auto;}
.sns a{position:absolute;top:0;left:0;width:100%;height:100%; text-indent:-999px;}
.sns img{display:block;width:10%;margin:0px 2% 0px auto;float:left;}
.sns .detail{display:inline-block;width:88%;height:auto; vertical-align:middle;margin:0px 0 0 0%;color:#000;font-size:16px;font-weight: bold;font-family:"Lucida Grande","メイリオ","Meiryo";line-height:18px;}


#sitemap{	width:100%;	height:auto;	background-color:#f3f3f3;	margin:0 auto;	padding:18px 0px;	font-family: "Lucida Grande","メイリオ","Meiryo";	font-size:10px;	color:#000;	letter-spacing:1px;	}
.sitemap{	width:80%;	max-width:300px;	height: auto;	margin:0px auto;		cursor: pointer;	padding:12px 0px;	background:#FFF;	font-size:15px;	font-weight: bold;	color:#2c3838;	text-align:center;		}
.sitemap_row{display: none;width:100%;height: auto;margin:0px auto 0px auto;	} 
/*sitemap*/
#sitemap_list{		width:100%;	height:auto;	margin:0 auto;	padding:0px 0 0px 0;	list-style:none;	}
#sitemap_list li{		width:90%;	height:auto;	margin:8px auto 0px auto;	padding:0px 0;	font-size:15px;	color:#000;	}
#sitemap_list li a{		display:block;	color:#000;	text-decoration:none;	}
.sitemap_list2{		width:90%;	height:auto;	margin:0px auto;	padding:0;	border-bottom:#666666 1px solid;	font-size:18px;	color:#000;	font-weight:bold;	}
.sitemap_list2 a{	width:100%;	height:auto;	display:block;	margin:14px auto 0px auto;	padding:8px 0 0px 0;	color:#000;	text-decoration:none;	}	
/*sitemap*/

#page-top { position: fixed;  bottom: 5%;  right: 10%;  } 
#page-top a {	background:#c1b097;	width:60px;	height:45px;	padding-top:15px;	display: block;	font-family: "ＭＳ Ｐ明朝","MS PMincho";	font-size:16px;	line-height:18px;	text-align:center;	color:#FFFFFF;	text-decoration:none;	} 
#copylight{	width:100%;	height:auto;	background-color:#000;	padding:8px 0;		margin:0 auto;	font-family: "Lucida Grande","メイリオ","Meiryo";	font-size:10px;	text-align:center;	color:#fff;	letter-spacing:1px;	}

.text1{	font-family: "ＭＳ Ｐ明朝","MS PMincho";	font-size:16px;	color:#8c7c78;	font-weight:bold;	letter-spacing:4px;	}
.text1 a:link,.text1 a:visited,.text1 a:hover,.text1 a:visited{color:#8c7c78;text-decoration:none;}

@media screen and (min-width:481px) and ( max-width:1023px) {	
	h2 img{width:50%;}
	/*#contents{	width:100%;	height:60px;	margin:10px auto 0 auto;	padding:0;	list-style:none;	}*/
	
	.contents_link{height:40px;padding:16px 0 10px 0;}
	.contents_link .detail{width:90%;margin:2px 10% 0px auto;background:url(../image/arrow1.png) right  no-repeat;background-size:5% auto;background-position:78% 50%;}
	
	.brand_list1{height:80px; }
	
	#issue_botton{height:48px;}
	#issue_botton .detail{width:100%;margin:0px auto;}
	
	.fmw{width:60%;} 
	.photo_gallery_image figure{width:16.666%;}
	
	.sns img{display:block;width:5%;margin:0px 2% 0px auto;float:left;}
}