/*all*/

body{ font-family: Helvetica , "小塚ゴシック" , "Gothic" , sans-serif; font-size: 14px; line-height: 1.7;}
img{ width: 100%; height: auto }
.sp{ display: block !important; }
.pc{ display: none; }

/*header*/
header.main_header{position: relative;}
.main_area{ line-height: 0; position: relative;}
/*
header.main_header h1{max-width: 200px; width: 70%; margin: 0; line-height: 0;}
*/

 header.main_header h1{
 position: absolute; top: 0; left:0; max-width: 150px;
	/*
 	-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
	*/
    }


 .info_btn{ position: absolute; top: 0; right: 0; max-width: 50px;}
 .main_header nav{background: #2b0f04;}
 .main_header nav ul{ width: 100%; text-align: center;}
 .main_header nav ul li{
 	width: 50%; display: inline-block; background: #2b0f04;
 	font-size: 14px;
 	border-bottom: 1px solid #fff; box-sizing: border-box;
 }
 .main_header nav ul li.top_menu{ display: none; width: 0; font-size: 0; transition: 0.3s;}
 .main_header nav ul li a{line-height: 42px; display: block; }
  .main_header nav ul li:nth-of-type(2n-1){ border-left: 1px solid #fff;}
  .main_header nav ul li a{ color: #fff; text-decoration: none;}

.main_visial{ position: relative; }
/*.notice_close{ position: relative; max-width: 960px; margin: 0px auto;}*/

/*
.main_visial .video_wrap{ display: none; }
*/

/*
.head_wright{background: #2b0f04; color: #7d624d; text-align: center; padding: 0px 0px;}
.head_wright address{ max-width: 200px; width: 70%; margin: 0 auto; line-height: 0;}
*/
  .content_wp{ padding: 20px 10px 20px; max-width: 960px; margin: 0 auto;}
  .sld_area{ line-height: 0; padding: 0 10px;}
  .t_gl{ margin-top: 10px; padding-left: 10px;}
  .t_gl figure{ margin: 0; padding-right: 10px; box-sizing: border-box; width: 33.3%; line-height:0; display: inline-block;}
  .txt_box{ padding: 0px 10px 5px; }

  .bnr_area{ padding: 10px 10px; line-height: 0; margin-bottom: 20px;}


.notice{ margin-top: 40px; padding: 0px 10px 5px; }
.notice p{ text-align: center; color: #6d1a44; font-size: 18px; font-weight: bold; max-width: 960px; margin: 20px auto;}


.fukidashi_txt{position: relative;}
.fukidashi_txt p{
	background-image: linear-gradient(
		-45deg, #553323 25%,
		#7a513b 25%, #7a513b 50%,
		#553323 50%, #553323 75%,
		#7a513b 75%, #7a513b
		);
	background-size: 8px 8px; margin: 0 10px; line-height: 40px; color: #fff; font-size: 15px; text-align: center;
	position: relative;
}
.fukidashi_txt:before{
	content: "";
	position: absolute; display: block; width: 17px; height: 17px; transform: rotate(-45deg);
	background-image: linear-gradient(
		#553323 25%,
		#7a513b 25%, #7a513b 50%,
		#553323 50%, #553323 75%,
		#7a513b 75%, #7a513b
		);
	background-size: 11px 11px; left: 50%; bottom: -9px; margin: 0 0 0 -9px;
}

.sns_area .tw, .sns_area .amb{
	height: 400px; overflow: scroll; padding: 0 10px;
	width: 80%; display: inline-block;
	vertical-align: top; box-sizing: border-box;
	margin-bottom: 20px;
}
.sns_header{padding: 10px; border-bottom: 1px solid rgba(15,70,100,.12); text-align: left;}
.sns_header h1{ font-size: 21px; line-height: 1;}
.sns_header h1 span{ display: inline-block; font-size: 12px; margin-top: 5px;}
.sns_header h1 span a{text-decoration: none;}
.sns_area ul{ margin: 10px auto 10px; padding: 0; text-align: center; line-height: 0;}
.sns_area ul li{ margin: 0 5px 10px; display: inline-block; max-width: 50px; }

.shop_info{ margin-top: 30px; }
.shop_info p{ text-align: center; }
.shop_info h2{ text-align: center; color: #6d1a44; font-size: 21px; font-weight: bold; margin-top: 10px;}
.shop_logo{ width: 24px; margin: 0 auto;}
.info{ margin: 0 10px; border-top: 8px solid #2b0f04; padding-top: 10px;}
.tel{max-width: 430px; width: 70%; margin: 0px auto;}

.info ul li{ color: #2b0f04; text-align: center;}

/*
.info ul li{ color: #2b0f04; background: #efefef; text-align: center;}
.info ul li:nth-of-type(2n){ background: #fff; }
*/
.info address p{ color: #6d1a44; font-size: 15px; font-weight: bold; padding: 20px 0 20px;}
.info p{ color: #6d1a44; font-size: 21px; font-weight: bold; padding: 0 0 10px; text-align: center; }
.info h2{ text-align: center; color: #6d1a44; font-size: 21px; font-weight: bold; margin-top: 10px;}



.map{ line-height: 0; height: 320px; margin-bottom: 20px;}

.fot_sns{ background: #7d624d;  padding: 10px 0;}
.fot_sns ul{ text-align: center; line-height: 0;}
.fot_sns ul li{ margin: 0 5px; display: inline-block; max-width: 50px;}
.fot_nav{ background: #472a12; padding: 6px 0;}
.fot_nav ul li{ line-height: 30px; text-align: center; }
.fot_nav ul li a{ text-decoration: none; color: #fff; font-size: 14px; display: block;}

.fot_wright{background: #2b0f04; color: #7d624d; text-align: center; padding: 20px 0 20px; margin-top: 40px;}
.fot_wright address{ max-width: 400px; width: 70%; margin: 0 auto; line-height: 0;}
.fot_wright p{ margin-top: 5px; }

/*sld*/
.sld_area .bx-wrapper {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: none; border: none; background: #fff;
    margin: 0 auto 10px;
}
.sld_area .bx-wrapper .bx-pager, .sld_area .bx-wrapper .bx-controls-auto { bottom: 10px;}
.sld_area .bx-wrapper .bx-pager.bx-default-pager a { background: rgba(255, 255, 255, 0.5);}
.sld_area .bx-wrapper .bx-pager.bx-default-pager a:hover,
.sld_area .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus{ background: rgba(255, 255, 255, 0.8);}
.sld_area .bx-viewport{ position: relative; }
/*.sld_area .bx-viewport:before{
	content: ""; width: 100%; height: 100%; position: absolute;
	top: 0; left: 0; background: rgba(43, 15, 4, 0.3); z-index: 100;
}*/
.sld_area .bx-viewport:after{
	content: ""; width: 70px; height: 37px; background: url(../img/icon_gl.png);
	background-size: cover; position: absolute; right: 6px; bottom: 6px;
}


/**/

.sp_video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.sp_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*menu*/

.menu{}
.menu h1{ text-align: center; color: #fff; font-size: 20px; line-height: 0; padding: 0 10px;}
.menu h2{ text-align: center; color: #6d1a44; font-size: 21px; font-weight: bold; margin-top: 10px;}
.menu dl{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding: 0 10px;
}
.pt .menu dl{ border-bottom: 1px solid #999; margin-bottom: 20px;}

.menu dt{
	display: inline-block; width: 70%; background: #fff; box-sizing: border-box; padding: 14px 5px; vertical-align: top; color: #333;
	font-weight: bold; border-top: 1px solid #999;
	}
.menu dt.pc{ display: none; }
.menu dt span{ display: block; font-style: italic; font-size: 11px; font-weight: 100;}
.menu dd{
	display: inline-block; width: 30%; text-align: right; background: #fff;
	box-sizing: border-box; padding: 14px 5px; vertical-align: top;
	border-top: 1px solid #999;color: #333;
}
.menu p{ margin: 10px 0; padding: 0 10px;}
/*.menu .cl dt, .menu .cl dd{background: #fff;}*/

.menu_head{ border-bottom: 4px solid #000; margin: 20px 10px 0; }
.menu_head p{ margin: 0 auto; }

.menu dt:nth-of-type(2n),
.menu dd:nth-of-type(2n){ background: #fff; }
/*.menu .cl dt:nth-of-type(2n),
.menu .cl dd:nth-of-type(2n){ background: #efefef; }*/
.menu_note{ text-align: right; font-size: 12px; }

.sub header.main_header h1{ max-width:  180px; width: 40%; }

.sub.pt .menu dt{ width: 100%; font-weight: bold; font-size: 15px; padding: 10px 10px 0; text-align: center;}
.sub.pt .menu dt span{ font-size: 12px; text-decoration: none; font-weight: 100; }
.sub.pt .menu dd{width: 100%; padding: 0px 10px 5px; font-size: 13px; text-align: center;}


.notice_close p {
	font-size: 14px;
}

/* twitter */
.twitter_wrap {
	max-width: 480px;
	margin: 1rem auto;
}



/* 768px */
@media screen and (min-width: 769px){

	.sp{ display: none; }
	.pc{ display: block; }


/*
	.top .main_visial img{ display: none; }
	.top header.main_header h1 img{ display: none; }
	.main_visial .video_wrap{display: block; height: 100%;width: 100%; top: 0; left: 0;}
	#video {width: 100%;height: auto;}
	a{ -moz-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; opacity: 1;}
	a:hover{ opacity: 0.6; }
*/

	.info_btn {max-width: 75px;}
	header.main_header h1 {max-width: 500px;}
	/*
	.main_header nav { width: 100%; z-index: 100; height: 52px; overflow: hidden;}
	.main_header nav ul{ width: auto; margin: 0 auto;}
	.main_header nav ul li{
		width: auto; font-size: 18px; border-bottom: 0px solid #fff;
		box-sizing: border-box; border-left: 1px solid #fff; background: none;
	}
	.main_header nav ul li:last-child{ border-right: 1px solid #fff; }
	.main_header nav ul li a{padding: 0 9px; line-height: 52px;}
	.sld_area .bx-viewport:after{ width: 210px; height: 112px; }

	.nav_on .main_header nav { position: fixed; top: 0; left: 0;}
	.nav_on .main_header nav ul li.top_menu{ display: inline-block; width: auto; font-size: 16px;}
	.nav_on .main_header nav ul li{ font-size: 16px;}
	.nav_on .main_header nav ul li a{padding: 0 11px;}
	.nav_on .main_header nav ul li.top_menu a{ width: 26px; }
	.nav_on .main_header nav ul li.top_menu a img{ vertical-align: middle; }
*/


	.content_wp { padding: 20px 10px 40px;}
	.nav_on .content_wp { padding: 72px 10px 40px;}
	.sld_area .bx-wrapper .bx-pager, .sld_area .bx-wrapper .bx-controls-auto { bottom: 20px;}
	.sld_area .bx-wrapper .bx-pager.bx-default-pager a{
		width: 16px; height: 16px; margin: 0 7px;
	    -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
	}
	.top_gl{ margin-bottom: 20px; }
	.sns_area{ text-align:  center; }
	.sns_area .tw, .sns_area .amb { height: 380px; border: 1px solid rgba(15,70,100,.12); width: 40%; margin: 0 1% 20px;}
	.sns_area ul{ padding: 0 10px; text-align: center; line-height: 0;}
	.sns_area ul li{ margin: 0 5px 5px; display: inline-block; max-width: 50px; }
	.shop_info{ margin-top: 60px }
	.shop_logo { margin: 0 auto 10px;}
	.tel { max-width: 240px;}
	.info ul li { font-size: 16px;}
	.shop_info p, .info address p{ font-size: 21px; }

	/*menu*/
	.menu dl{ width: 50%; vertical-align: top; box-sizing: border-box; margin-bottom: 15px;}
	.menu dl.m_left{ float: left; border-right: 1px solid #fff; padding: 0 10px 0 10px;}
	.menu dl.m_right{border-left: 1px solid #fff; padding: 0 10px 0 10px;}
	.menu dt.pc{ display: inline-block; }
	.menu h2, .menu_note{ clear: both; }
	/*.menu .cl dt, .menu .cl dd{background: #efefef;}
	.menu .cl dt:nth-of-type(2n),
	.menu .cl dd:nth-of-type(2n){ background: #fff; }*/

	.sub header.main_header h1{ max-width: 280px;}

	.sub.pt .menu dl{ width: 100%; }
	.sub.pt .menu dt{ width: 40%; font-weight: bold; font-size: 15px; padding: 10px; vertical-align: middle;}
	.sub.pt .menu dt span{}
	.sub.pt .menu dd{width: 60%; padding:10px; font-size: 13px; text-align: left;}

	.sp_video{ display: none; }
}



/* 941px */
@media screen and (min-width: 941px){
	.main_header nav ul li a{ padding: 0 22px;}

	.nav_on .main_header nav ul li.top_menu{ display: inline-block; width: auto; font-size: 16px;}
	.nav_on .main_header nav ul li{ font-size: 17px;}
	.nav_on .main_header nav ul li a{padding: 0 21px;}
}