@charset "utf-8";
/* etkcms
-----------------------------------------------------------*/
body,p,div,form,input,textarea,ul,li,th,td,h1,h2,h3,h4{ font-family :Quicksand, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', serif;margin:0;padding:0;font-size:16px;line-height:160%;list-style-type:none;-webkit-text-size-adjust:none; }
a{ text-decoration:none;color:#900; }
a:hover{ opacity:0.6;filter:alpha(opacity=60); }
a.bt{ padding:5px 20px;background:#E3C65D;border:1px #999 solid;color:#333; }
img{ max-width:100%;line-height:70%;border:none;vertical-align:bottom; }
strong{ font-weight:100;text-decoration:none; }
/* ------------------------------------------------------- */
.clearFix{ zoom: 1; }
.clearFix:after { content: '';display: block;height: 0;clear: both; }
.alert{ color:#f00; }
.box{ margin-bottom:15px; }
.content_text{ height:0;overflow:hidden; }
.bt_more{ text-align:right;margin-right:15px; }
.center{ text-align:center; }
.pc_only{  }
.sp_only{ display:none; }
.mincho,#news .cont ul li{ font-family: "Sawarabi Mincho", serif; }
.link{ height:0;position:relative;margin-top:-71px;padding-top:71px;/*position:absolute;top:-72px;*/ }
#menu_collections{ margin-top:0;padding-top:0;/*padding-top:75px;margin-top:-75px;*/ }
/* ------------------------------------------------------- */
body{  }
h1{ height:0;overflow:hidden;margin:0; }
h2{ font-size:16px;margin-bottom:15px; }
h3{ font-size:45px;font-weight:normal;margin:0 0 20px; }
h4{ font-size:27px;line-height:150%;font-weight:normal;margin:0 0 50px; }
/* ------------------------------------------------------- */
.wrap{ width:980px;margin:0 auto; }
#wrap{ background:#fff;z-index:100; }

#menu_wrap{ height:47px;padding:10px 0 15px; }
#logo{ width:17%;float:left; }
#logo img{ max-height:49px; }
#menu{ width:81%;float:right; }
#menu li{ /*padding:0 5%;*/ }
#menu a{ display:block;height:auto;line-height:70%;text-align:center;padding:25px 0 10px; }
#menu1{ width:21%;float:left; }
#menu2{ width:18%;float:left; }
#menu4{ width:16%;float:left; }
#menu5{ width:18%;float:left; }
#menu6{ width:21%;float:left; }
#fixedBox{ width:100%;height:72px;z-index:50;background:rgba(255,255,255,0.6);/*padding-bottom:3px;*/ }
.fixed{ position:fixed;top:0; }
.absolute{ position:absolute; }
.relative{ /*position:relative;*/ }
#head_bt_menu{ display:none; }


#menu_side{ display:none; }
#sidr-right .bt{ width:70%; }
#sidr-right p{ width:90%;margin-left:auto;margin-right:auto; }
#side_logo{ width:70%;padding:0 15px;margin-bottom:10px;/*margin:0 auto 10px;*/ }
.sidr .icon_close { margin:15px;text-align: right; }
.sidr .icon_close img{ height:30px; }



#main_cont{ position:relative;padding-top:72px; }

#copyright{ font-size:16px;line-height:100%;text-align:center;padding:45px 0 5px; }

/* ------------------------------------------------------- */
.tbl_form{ background:#fff;width:550px;margin:0 auto; }
.tbl_form th{ background:#444;color:#fff;padding:10px;text-align:right;font-weight:100; }
.tbl_form td{ background:#ddd;color:#000;padding:10px; }
.tbl_form td input[Type=text],#tbl_form td textarea{ border:1px #999 solid;padding:3px;width:200px; }
.tbl_form td textarea{ width:300px;height:120px; }
.tbl_form td input[Type=submit]{ padding:4px 20px; }
.tbl_form .td_submit{ background:#fff; }

.tbl_list{ background:#000;width:671px;margin:0 10px; }
.tbl_list th{ background:#666;color:#fff;padding:10px;text-align:right; }
.tbl_list td{ background:#fff;color:#000;padding:10px; }
.tbl_list td input[Type=text],#tbl_form td textarea{ border:1px #999 solid;padding:3px;width:200px; }
.tbl_list td textarea{ width:300px;height:120px; }
.tbl_list td input[Type=submit]{ padding:4px 20px; }

.list{ width:100%;margin:0 0 30px; }
.list dl{ display:table;width:100%;border-collapse:collapse;border-spacing:0;border-bottom:1px #ccc solid;margin:0;}
.list dt{ width:25%;font-weight:normal;padding:10px 3% 10px 5%; }
.list dd{ padding:10px 5% 10px 3%; }
.list dt,.list dd{ display:table-cell;vertical-align:top; }
/* ------------------------------------------------------- */
.pager { text-align: center; }
.pager li { display: inline-block;margin: 0 5px; }
.pager li a { display: block;padding: 10px;font-size: 1.1em;line-height: 1;border: 1px #6A3906 solid; }
.pager li span { display: block;padding: 10px;font-size: 1.1em;line-height: 1;border: 1px #6A3906 solid;color: #fff;background-color: #6A3906; }
.pager li a:hover, .pager li a.current { color: #fff;background-color: #6A3906; }
.pager .prev { margin-right: 15px; }
.pager .prev a { padding: 10px 15px;color: #fff;background-color: #6A3906; }
.pager .next { margin-left: 15px; }
.pager .next a { padding: 10px 15px;color: #fff;background-color: #6A3906; }
/* ------------------------------------------------------- */
ul.rss_list{ margin:15px; }
ul.rss_list li{ border-bottom:1px #999 dotted;margin-bottom:5px;height:22px;line-height:22px;overflow:hidden; }
ul.rss_list li a{ color:#6B5446; }
/* ------------------------------------------------------- */
/*#youtube{ background:#000;z-index:-1; }
#youtube iframe{ width:100%;height:100%;z-index:-1;min-width:100%; }*/
/*
#opening{ width:100%;opacity:0;filter:alpha(opacity=0); }
#bt_scroll{ height:0;position:relative;width:100%;text-align:center;z-index:100; }
#bt_scroll img{ width:120px;z-index:100; }
*/

#tubular-container{ -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;border:15px #fff solid; }
#tubular-player{ left:50%; }
#window{ width:100%; }
#youtube{ position:relative;width:100%;height:600px; }
#youtube a{ position:absolute;width:100%;height:100%;display:block; }


/* ------------------------------------------------------- */
.bt img:hover{ opacity:0.6;filter:alpha(opacity=60);cursor:pointer; }

.season{ margin-bottom:70px; }
.season_image{ background-position:50% 50%;background-repeat:no-repeat;background-size:cover; }
.season_image .bt{ text-align:center;padding:689px 0 30px; }
.season_image .bt img{ width:105px; }
.season_item{ display:none;background:url(/img/bg_item.jpg) 50% 50%;background-size:cover;padding:100px 0 80px; }
.season .less{ display:none; }
/*.item_wrap{ width:90%;margin:0 auto; }*/
.item_box{ width:36%;float:left;box-shadow:8px 8px 20px 1px rgba(0,0,0,0.4);margin:0 5% 80px; }
.item_box:nth-child(2n+1){ margin-left:9%;clear:both; }
.item_box:nth-child(2n){ margin-right:9%; }
.item_box a{ display:block;color:#000; }
.item_box .item{ background:#fff;text-align:center;padding:6.5%; }
.item_box .item .image{ margin:0 0 30px 0; }
.item_box .item a{ display:inline; }
.less{ text-align:center;border:2px #9E9E9F solid;border-left:none;border-right:none;padding:20px 0; }
.less img{ cursor:pointer; }
/* ------------------------------------------------------- */
#concept{ margin-bottom:45px; }
#concept .image{ background:url(/img/main_concept.jpg) 50% 50%;background-size:cover; }
#concept .image .bt{ text-align:center;padding:689px 0 30px; }
#concept .image .bt img{ width:105px; }
#concept .cont{ background:url(/img/bg_concept.jpg?2) 50% 50%;background-size:cover; }
#concept .cont .txt{ width:58%;background:url(/img/logo.png?1) 5% 50% no-repeat;background-size:280px auto;padding:115px 0 85px 42%; }
#concept .cont .txt p{ line-height:180%; }
/* ------------------------------------------------------- */
#news{ background:url(/img/bg_news.jpg) 50% 50%;background-size:cover;padding:115px 0 155px;margin-bottom:45px; }
#news h2{ margin-bottom:90px; }
#news .cont{ border:3px #231815 solid;padding:30px 3% 15px;margin:0 8%; }
#news .cont ul li{ color:#231815;font-size:18px;line-height:150%;margin-bottom:15px; }
/* ------------------------------------------------------- */
#shop{ margin-bottom:45px; }
#shop .image{ background:url(/img/main_shop.jpg) 50% 50%;background-size:cover; }
#shop .image .bt{ text-align:center;padding:689px 0 30px; }
#shop .image .bt img{ width:105px; }
#shop .cont{  }
#shop .cont .addr{ padding:75px 0; }
#shop .cont .addr .logo{ display:inline-block;margin-right:30px; }
#shop .cont .addr .txt{ display:inline-block;font-size:21px;line-height:150%; }
#map{ height:400px; }
.shop_image{ width:100%;max-width:1920px;padding:45px 0 30px;margin:0 auto; }
.shop_image div{ width:33.3%;float:left;text-align:center; }
.shop_image div:first-child{ margin-left:0.05%; }
.shop_image div:last-child{ margin-right:0.05%; }
/* ------------------------------------------------------- */
#insta{ padding:70px 0;margin-bottom:45px; }
#insta .cont{ padding:70px 0 0; }
#insta_list{ margin:0 3%; }
#insta_list .item{ width:15%;float:left;margin:0 2.5% 5%; }
#insta_list .item a img{ filter: gray;-webkit-filter: grayscale(100%); }
#insta_list .item a img:hover{ filter: none;-webkit-filter: grayscale(0%); }
#insta_list .item a:hover{ opacity:1;filter:alpha(opacity=100); }
/* ------------------------------------------------------- */
#company{ background:url(/img/bg_company.jpg) 50% 50%;background-size:cover;padding:120px 0; }
#company .cont{ margin: 0 3%; }
#company .logo{ margin-bottom:100px; }
#company p{ font-size:21px;line-height:200%; }
/* ------------------------------------------------------- */
#contact{ margin-bottom:45px; }
#contact_form { padding:150px 0 105px;margin:0 3%; }
#contact_form #contact_first{ width:48%;float:left; }
#contact_form #contact_last{ width:48%;float:right; }
#contact_form dl { width: 100%;margin: 0; }
#contact_form dt { font-size: 21px;line-height:120%;padding:0; }
#contact_form dt .nec{ color:#E50012;font-size:85%;font-weight:bold;padding:0;margin:0; }
#contact_form dd { font-size: 21px;word-wrap: break-word;padding: 0;margin:0 0 30px; }
#contact_submit { font-size: 0;text-align: center;margin-top: 30px; }
#contact_form dd input[type="text"],
#contact_form dd textarea,
#contact_form dd select,
#contact_form dd input[type="password"] { width: 100%;max-width: 95%;background-color: #fff;font-size: 21px;-moz-appearance: none;border: 1px solid #231815;padding: 5px;transition: all 0.3s ease 0s; }
#contact_form dd textarea { height: 250px; }
#contact_form dd select{ width:auto;padding:3px; }
#contact_form input[type="submit"] { position: relative;display: inline-block;overflow: visible;width: auto;top: 0;left: 0;background: #DBDCDC;color: #3E3A39;font-size: 21px;line-height:100%;font-weight: normal;text-decoration: none;vertical-align: middle;border: 1px solid #231815;border-radius: 10px;box-sizing: border-box;cursor: pointer;padding: 15px 25px;margin: 0;-webkit-appearance:none; }
#contact_form dd.form_note{ margin-bottom:10px; }
.message{ color:#E50012;font-size:16px;border-left:3px #E50012 solid;padding-left:10px;margin-bottom:15px; }
#contact_form .txt{ font-size:14px; }
/* ------------------------------------------------------- */
#bnr_link{  }
#bnr_link .bnr{ width:32.5%;float:left;text-align:center;margin-right:1.25%; }
#bnr_link .bnr a{ display:block;background:#595757; }
#bnr_link .bnr a:hover{ opacity:1;filter:alpha(opacity=100); }
#bnr_link #bnr_insta{  }
#bnr_link #bnr_fb{  }
#bnr_link #bnr_youtube{ margin-right:0; }
#bnr_link #bnr_insta a:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ecb266+0,dd6142+29,d73b58+71,5d4b90+100 */
	background: #ecb266; /* Old browsers */
	background: -moz-linear-gradient(left,  #ecb266 0%, #dd6142 29%, #d73b58 71%, #5d4b90 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #ecb266 0%,#dd6142 29%,#d73b58 71%,#5d4b90 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #ecb266 0%,#dd6142 29%,#d73b58 71%,#5d4b90 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecb266', endColorstr='#5d4b90',GradientType=1 ); /* IE6-9 */
}
#bnr_link #bnr_fb a:hover{ background:#284C93; }
#bnr_link #bnr_youtube a:hover{ background:#D71718; }


/* ------------------------------------------------------- */
#bt_fixed{ display:none;position:fixed;z-index:300;bottom:10px;right:10px; }
#bt_fixed div{ margin-top:10px; }
/* ------------------------------------------------------- */


/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
@media (max-width: 1320px){
	
	.season_image .bt,#concept .image .bt,#shop .image .bt{ padding:560px 0 30px; }

}
@media (max-width: 980px){
	
	
	.wrap{ width:96%;margin:0 auto; }
	
	#logo{ width:20%;float:left; }
	#menu{ width:75%;float:right; }

	.season_image .bt,#concept .image .bt,#shop .image .bt{ padding:400px 0 30px; }
	.season_image .bt img,#concept .image .bt img,#shop .image .bt img{ width:100px; }
	
	
	
	
	#company{ padding:100px 0; }
	#company .logo{ margin-bottom:50px; }
	
	
	
	
	#concept .cont .txt{ width:100%;background:url(/img/logo.png?1) 50% 110px no-repeat;background-size:280px auto;text-align:center;padding:240px 0 80px 0;margin:0 auto; }
	
	
	#news h2{ margin-bottom:60px; }
	#news .cont{ margin:0 3%; }
	
	
	
	/*#shop .image .bt{ padding:370px 0 75px 0; }*/
	#shop .cont .addr .logo{ display:block;margin-right:0;margin-bottom:15px; }
	#shop .cont .addr .txt{ display:block; }
	
	.shop_image{ padding:70px 0; }
	
	
	

}
@media (max-width: 780px){
	#menu_wrap{ padding:10px 0; }
	#logo{ width:50%;float:left; }
	#menu{ display:none; }
	#head_bt_menu{ display:block;width:50%;float:right;text-align:right; }
	#head_bt_menu div{ display:inline-block;margin-left:10px; }
	#head_bt_menu img{ width:50px;cursor:pointer; }
	
	
	.item_box{ width:80%;float:none;box-shadow:8px 8px 20px 1px rgba(0,0,0,0.4);margin:0 auto 60px; }
	.item_box:nth-child(2n+1){ margin-left:auto; }
	.item_box:nth-child(2n){ margin-right:auto; }
	.item_box:last-child{ margin-bottom:0; }
	/*.item_box .item{ padding:6.5%; }
	.item_box .item .image{ margin:0 0 20px 0; }*/
	
	
	.season_image .bt,#concept .image .bt,#shop .image .bt{ padding:300px 0 20px; }
	.season_image .bt img,#concept .image .bt img,#shop .image .bt img{ width:60px; }
	
	.list{ margin:0 0 30px; }
	.list dl{ display:block; }
	.list dl:first-child dt{ padding-top:0; }
	.list dt{ width:90%;font-weight:bold;padding:10px 3% 0; }
	.list dd{ width:90%;padding:0 3% 10px; }
	.list dt,.list dd{ display:block; }
	
	#bt_fixed img{ width:50px; }
	#bt_foot_cart{ display:none; }
	
}
@media (max-width: 657px){
	body,p,div,form,ul,li,th,td{ font-size:14px;line-height:150%; }
	input,textarea,select{ font-size:16px; }
	h3{ font-size:24px;line-height:140%;margin-bottom:15px; }
	h4{ font-size:18px;line-height:140%;margin-bottom:15px; }
	
	.pc_only{ display:none; }
	.sp_only{ display:block; }
	
	#copyright{ font-size:12px;padding:5px 0 5px; }
	
	
	/*#bt_scroll img{ width:60px; }*/
	#youtube{ background:url(/img/bg_top_image.jpg?1) 50% 50% no-repeat;background-size:contain; }
	#tubular-container,#tubular-shield{ display:none; }
	
	.bt img:hover{ opacity:1;filter:alpha(opacity=100); }
	.season{ margin-bottom:35px; }
	.season_image{  }
	.season_image .bt{ max-width:50%;/*padding:185px 0 38px 0;*/margin:0 auto; }
	.season_item{ padding:50px 0 40px; }
	.item_box{ /*margin:0 3% 20px;*/margin-bottom:30px; }
	.item_box .item .image{ margin:0 0 20px 0; }
	.less{ padding:10px 0; }
	.less img{ max-width:80px; }
	
	
	
	.season_image .bt,#concept .image .bt,#shop .image .bt{ padding:180px 0 15px; }
	.season_image .bt img,#concept .image .bt img,#shop .image .bt img{ /*width:60px;*/ }
	
	#concept{ margin-bottom:45px; }
	#concept .image .bt{ margin:0 auto; }
	/*#concept .cont .txt{ background-size:290px auto;background-position:50% 60px;padding:190px 0 30px 0; }*/
	#concept .cont .txt{ background-size:200px auto;background-position:50% 40px;padding:140px 0 30px 0; }
	#concept .cont .txt p{ line-height:150%; }
	
	
	
	
	#news{ padding:50px 0;margin-bottom:45px; }
	#news h2{ max-width:50%;margin:0 auto 30px; }
	#news .cont{ padding:15px 3% 0px; }
	#news .cont ul li{ font-size:16px; }
	
	#shop .image .bt{ max-width:50%;/*padding:190px 0 25px 0;*/margin:0 auto; }
	#shop .cont .addr{ padding:30px 0; }
	#shop .cont .addr .txt{ font-size:14px; }
	#map{ height:300px; }
	.shop_image{ padding:30px 0; }
	.shop_image div{ width:100%;float:none; }
	.shop_image div:first-child{ margin-left:0; }
	.shop_image div:last-child{ margin-right:0; }
	
	
	
	
	#insta{ padding:15px 0 30px; }
	#insta h2{ max-width:80%;margin:0 auto 30px; }
	#insta .cont{ padding:0; }
	#insta_list{ /*margin:0;*/ }
	#insta_list .item{ width:30%;float:left;margin:0 1.5% 3%; }
	#insta_list .item:nth-child(3n){ margin-right:2%; }
	#insta_list .item:nth-child(3n;1){ margin-left:2%; }
	#insta_list .item a img{ filter: none;-webkit-filter: grayscale(0%); }
	
	
	
	
	
	#company{ padding:45px 0; }
	#company .logo{ margin-bottom:15px; }
	#company .logo img{ width:100px; }
	#company p{ font-size:14px;line-height:150%; }
	
	#contact_form { padding:80px 0;margin:0; }
	#contact_form #contact_first{ width:100%;float:none; }
	#contact_form #contact_last{ width:100%;float:none; }
	#contact_form dt { font-size:16px; }
	#contact_form dd { font-size:16px;margin-bottom:15px; }
	#contact_form dd input[type="text"],
	#contact_form dd textarea,
	#contact_form dd select,
	#contact_form dd input[type="password"] { font-size:16px; }
	#contact_form dd textarea { height: 150px; }
	
	
	#bnr_link .bnr{ width:100%;float:none;margin-right:0;margin-bottom:10px; }
	#bnr_link .bnr img{ height:50px; }
	
	#bnr_link #bnr_insta a{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ecb266+0,dd6142+29,d73b58+71,5d4b90+100 */
		background: #ecb266; /* Old browsers */
		background: -moz-linear-gradient(left,  #ecb266 0%, #dd6142 29%, #d73b58 71%, #5d4b90 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #ecb266 0%,#dd6142 29%,#d73b58 71%,#5d4b90 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #ecb266 0%,#dd6142 29%,#d73b58 71%,#5d4b90 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecb266', endColorstr='#5d4b90',GradientType=1 ); /* IE6-9 */
	}
	#bnr_link #bnr_fb a{ background:#284C93; }
	#bnr_link #bnr_youtube a{ background:#D71718; }
	
	
	
	
	
}