@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
  margin: 0;
  padding: 0;}

body{}

.m_font {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif; }
  
.font_color_b{color:rgb(140,55,32);}
.font_color_w{color:#fff;}
.bg_b{background-color: rgb(32,14,10);}

a:link {
  text-decoration: none; }

a:visited {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

a:active {
  text-decoration: none; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0; }
header{
	height: 80px;
}

#sec_catch .sp_disp{display:none;}
@media screen and (max-width: 510px) {
#sec_catch .sp_disp{display:inline;}
}


#header_nav .sp_disp{display:none;}
@media screen and (max-width: 920px) {
#header_nav .sp_disp{display:block;}
}


.sec_info_box{font-size:13px;letter-spacing: 1px;padding-top: 5px;}

.txt_center{text-align:center;}
.width_wrap {
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 399px) {
    .width_wrap {
      width: 95%; } }
  @media screen and (min-width: 400px) {
    .width_wrap {
      width: 95%; } }
  @media screen and (min-width: 920px) {
    .width_wrap {
      width: 95%; } }
  @media screen and (min-width: 1018px) {
    .width_wrap {
      width: 1000px; } }

@media screen and (max-width: 399px) {
.width_wrap {
width: 95%; } }
@media screen and (min-width: 400px) {
.width_wrap {
width: 95%; } }
@media screen and (min-width: 920px) {
.width_wrap {
width: 95%; } }
@media screen and (min-width: 1018px) {
.width_wrap {
width: 940px; } }

@media screen and (max-width: 920px) {.shop_info_w {padding-bottom: 25px; } }


.menu_txt_wra{font-size: 16px;}
.menu_wrap{width:300px;padding-left:10px;padding-right:10px;display:inline-block;padding-bottom: 50px;}

.menu_name{padding-top: 15px;}
.menu_price{padding-bottom: 15px;}
.menu_txt_wra .menu_text{font-size: 15px;letter-spacing: 1px;max-width: 300px;margin-left: auto;margin-right: auto;}
.menu_txt_wra .menu_name{max-width: 300px;margin-left: auto;margin-right: auto;text-align: center;}
.menu_txt_wra .menu_price{max-width: 300px;margin-left: auto;margin-right: auto;text-align: center;}



#right_up{background-color:rgb(99,132,89);position: absolute;top: 50px;left: calc(50% - 28px);width: 300px;height: 265px;padding-left: 70px;padding-top: 5px;padding-right: 15px;}
#right_up .sec_h{letter-spacing: 5px;padding-bottom: 5px;margin-top: 25px;line-height: 1.2em;}
#right_up .txt_center{font-weight: bold;}
#left_down{position: absolute;top: 109px;right: calc(50% - 28px);z-index: 10;}
#right_down{position: absolute;top: 125px;left: calc(50% - 1px);z-index: 10;}
#left_up{background-color:rgb(198,105,64);position: absolute;top: 30px;right: calc(50% - 50px);width: 336px;height: 285px;padding-right: 65px;padding-left: 15px;padding-top: 5px;}
#left_up .sec_h{letter-spacing: 5px;padding-bottom: 5px;margin-top: 10px;line-height: 1em;}
#left_up .txt_center{font-weight: bold;}

#sec_head01{background-color:rgb(61,101,48);position: relative;font-size: 0;}
#sec_head02{background-color:rgb(184,68,17);;position: relative;font-size: 0;}



@media screen and (max-width: 765px) {
#sec_head01{padding-top: 0px;height: auto;margin-bottom: 50px;}
#sec_head02{padding-top: 0px;height: auto;margin-bottom: 50px;}
#left_down{position: initial;top: 0;right:0;z-index: 0;max-width:95%;width: 346px;margin-left:auto;margin-right:auto;padding-top: 20px;margin-bottom:20px;}
#right_down{position: initial;top: 0;left:0;z-index: 0;max-width:95%;width: 346px;margin-left:auto;margin-right:auto;padding-top: 20px;margin-bottom:20px;}
#left_up{position: initial;top: 0;right: 0;width: 346px;height: auto;padding:0;padding-top: 5px;padding-bottom: 10px;max-width:95%;margin-left:auto;margin-right:auto;margin-bottom: 20px;}
#right_up{position: initial;top: 0;left:0;width: 346px;height: auto;padding:0;padding-top: 5px;padding-bottom: 10px;max-width:95%;margin-left:auto;margin-right:auto;margin-bottom: 20px;}

.sec01_image_wrap{background-color:#fff;}
.sec_info_box{padding-left: 15px;padding-right: 15px;}
}


@media screen and (min-width: 766px) {
#sec_head01{padding-top: 400px;height: 160px;margin-bottom: 1580px;}
#sec_head02{padding-top: 400px;height: 160px;margin-bottom: 1580px;}}


@media screen and (min-width: 1150px) {
#sec_head01{padding-top: 400px;height: 160px;margin-bottom: 1030px;}
#sec_head02{padding-top: 400px;height: 160px;margin-bottom: 980px;}}

.sec_head_img img{max-width:100%;}
.top_margin_1em{margin-top:1em;}
.sec_margin_bottom{padding-bottom: 75px;}


#sec_catch .txt_center{max-width: 90%;margin-left: auto;margin-right: auto;}

h1 {
  background-color: #555;
  font-size: 18px; }
  h1 span {
    color: #fff;
    display: inline-block;
    text-align: left; }
    @media screen and (max-width: 399px) {
      h1 span {
        font-size: 12px;
        letter-spacing: 1px;
        width: 90%; } }
    @media screen and (min-width: 400px) {
      h1 span {
        font-size: 14px;
        width: 90%;
        letter-spacing: 3px;
        font-weight: 100; } }
    @media screen and (min-width: 920px) {
      h1 span {
        font-size: 14px;
        width: 90%;
        letter-spacing: 3px;
        font-weight: 100; } }
    @media screen and (min-width: 1018px) {
      h1 span {
        font-size: 14px;
        width: 1000px; } }

h1.sec_h {
  margin-top: 0; }
  @media screen and (max-width: 399px) {
    h1.sec_h {
      font-size: 16px; } }
  @media screen and (min-width: 400px) {
    h1.sec_h {
      font-size: 17px; } }
  @media screen and (min-width: 920px) {
    h1.sec_h {
      font-size: 18px; } }
  @media screen and (min-width: 1018px) {
    h1.sec_h {
      font-size: 18px; } }

.header .header_left {
  float: left; }
  @media screen and (max-width: 399px) {
    .header .header_left {
      max-width: calc(100% - 80px);margin-top: 5px; } }
  @media screen and (min-width: 400px) {
    .header .header_left {
      max-width: 100%; margin-top: 5px;} }
  @media screen and (min-width: 920px) {
    .header .header_left {
      max-width: 35%; } }
  @media screen and (min-width: 1018px) {
    .header .header_left {
      max-width: 35%; } }
  .header .header_left img {
    max-width: 100%; }
    @media screen and (max-width: 399px) {
      .header .header_left img {
        padding-top: 25px;
        padding-bottom: 15px; } }
    @media screen and (min-width: 400px) {
      .header .header_left img {
        padding-top: 25px;
        padding-bottom: 15px; } }
    @media screen and (min-width: 920px) {
      .header .header_left img {
        padding-top: 25px;
        padding-bottom: 15px; } }
    @media screen and (min-width: 1018px) {
      .header .header_left img {
        padding-top: 25px;
        padding-bottom: 15px; } }
#top_sec .head_text_wrap{
	max-width: 100%;
	width: 100%;
	background-image: url(../image/sub01_header_indexback.jpg);
	background-repeat-x: repeat;
	height:200px;
}

.section_padding_t .bg_sub_h{
	background-image: url(../image/sub01_index_backbar.png);
	background-repeat: no-repeat;
	background-position: bottom;
	max-width:1000px;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	text-align: left;
	height: 76px;
	padding-bottom: 0px;
}

.bg_sub_h img{
	margin-right:30px;
}

.sec_content .sec_content_text{
	width: 85%;
	padding-right: 5%;
	text-align: left;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
}

.content_left iframe {
	max-width: 100%;
}

.small_width_wrap{
	text-align:center;
	max-width: 900px;
	width: 100%;
	font-size: 0;
}

.content_left .map_wrap{
	overflow: hidden;
	height: 298px;
	width: 448px;
	max-width:100%;
	text-align: center;
	display: inline-block;
	border:solid 1px #888;
}

.h_txt{
	padding-top: 40px;
	font-size: 18px;
	line-height: 1.6em;
	text-align:center;
}


.small_width{
	max-width:167px;
	padding:19px;
	display:inline-block;
	vertical-align: top;
	text-align: left;
	font-size: 15px;
}

.sec_content_text h3{
	font-size: 22px;
	font-weight: 100;
	padding-top: 15px;
}
.width_wrap .align_c{
	text-align: center;
}

.bg_sub_h span{
	vertical-align: super;
	font-size: 40px;
	letter-spacing: 10px;
}
.bg_sub_h .sec_h_eng{
	font-size: 32px;
	letter-spacing: 3px;
	
}




@media screen and (max-width: 640px) {
	.bg_sub_h .sec_h_eng {
		font-size: 26px;
		letter-spacing: 2px;
	}
}

@media screen and (max-width: 500px) {
	.bg_sub_h .sec_h_eng {
		font-size: 20px;
		letter-spacing: 1px;
	}
}

@media screen and (max-width: 380px) {
	.bg_sub_h .sec_h_eng {
		font-size: 17px;
		letter-spacing: 1px;
	}
}



@media screen and (max-width: 640px) {
	.bg_sub_h span{
		vertical-align: super;
		font-size: 22px;
		letter-spacing: 2px;
	}
	.bg_sub_h img{
		margin-right: 15px;
		width: 60px;
	}
	.section_padding_t .bg_sub_h{
		height:61px;
	}
}

.left_mid_width{
	float:left;
	max-width: calc(50% - 65px);
	padding-left: 55px;
	padding-right: 10px;
}

.left_mid_width .align_c{
	text-align: left;
}


.right_mid_width{
	float:right;
	max-width: calc(50% - 65px);
	padding-right: 55px;
	padding-left: 10px;
}

.right_mid_width .align_c{
	text-align: right;
}


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

.left_mid_width{
	float:none;
	max-width: 95%;
	width:334px;
	margin-left:auto;
	margin-right:auto;
	padding-right: 0;
	padding-left: 0;
}
.right_mid_width{
	float:none;
	max-width: 95%;
	width:334px;
	margin-left:auto;
	margin-right:auto;
	padding-right: 0;
	padding-left: 0;
	padding-top: 40px;
}
}

.kakou_txt img{
	max-width:90%;
}



.align_c img{
	max-width:100%;
}

.text_item_wrap{
	max-width:782px;
	margin-right:auto;
	margin-left:auto;
	font-size:0;
	width: 90%;
}

.text_item_wrap .txt_item{
	width:50%;
	font-size:14px;
	display:inline-block;
	vertical-align: top;
	padding-top: 20px;
}


@media screen and (max-width: 720px) {
	.text_item_wrap .txt_item{
		width:90%;
		font-size:14px;
		display:inline-block;
		vertical-align: top;
		margin-left: auto;
		margin-right: auto;
	}
}


.text_item_wrap .txt_item h3{
	font-size:24px;
	font-weight:100;
}

.text_item_wrap .txt_item_long{
	width:100%;
	font-size:20px;
	vertical-align: top;
	padding-top: 20px;
}
.text_item_wrap .txt_item_long h3{
	font-size:24px;
	font-weight:100;
}

.txt_item_name_wrap {
	width: 391px;
	max-width:100%;
	font-size: 0;
	display:inline-block;
	text-align:left;
}

.txt_item_name_wrap .txt_item_name{
	font-size:20px;
	vertical-align: top;
	padding-left:19px;
	padding-top:19px;
}
.txt_item_name_wrap .txt_item_name h3{
	font-size:24px;
	font-weight:100;
}

.kakou_txt{
	text-align:center;
	padding-top:35px;
	font-size:24px;
}

#top_sec .head_text_wrap .head_text{
	position: absolute;
	width: 100%;
	bottom: 70px;
	font-size: 42px;
	letter-spacing: 13px;
	margin-left: auto;
	margin-right: auto;
	
}
.header .header_right {
  float: right;
  font-size: 0; }
  @media screen and (max-width: 399px) {
    .header .header_right {
      z-index: 20;
      height: 81px;
      bottom: 0;
      left: 0;
      margin-top: 10px;
      max-width: 100%; } }
  @media screen and (min-width: 400px) {
    .header .header_right {
      z-index: 20;
      height: 68px;
      bottom: 0;
      left: 0;
      margin-top: 10px;
      max-width: 100%; } }
  @media screen and (min-width: 920px) {
    .header .header_right {
      padding-bottom: 6px;
      margin-top: 0px;
      max-width: 65%; } }
      
  .header .header_right a {
    display: inline-block; }
    @media screen and (max-width: 399px) {
      .header .header_right a {
        width: 40%;
        margin-left: 6%;
        vertical-align: middle; } }
    @media screen and (min-width: 400px) {
      .header .header_right a {
        width: 40%;
        margin-left: 6%;
        vertical-align: middle; } }
    @media screen and (min-width: 920px) {
      .header .header_right a {
        width: auto;
        margin-left: 10px; } }
    @media screen and (min-width: 1018px) {
      .header .header_right a {
        width: auto;
        margin-left: 10px;
		margin-right: 10px; } }
    .header .header_right a img {
      max-width: 100%;
      vertical-align: middle; }
  .header .header_right .header_tel{
      text-align: right;
  }
  .header .header_right .header_button {
    text-align: center;
    color: #666; }
    
@media screen and (max-width: 920px){
.header .header_right .header_tel {display: none;}}
    
    @media screen and (max-width: 399px) {
      .header .header_right .header_button {
        padding: 8px 2px;
        font-size: 10px;
        margin-top: 0px; } }
    @media screen and (min-width: 400px) {
      .header .header_right .header_button {
        padding: 8px 2px;
        font-size: 10px; } }
    @media screen and (min-width: 920px) {
      .header .header_right .header_button {
        padding: 15px 12px;
    font-size: 15px;
    margin-top: 10px; } }

#header_nav .sp_tel{display: none;}
@media screen and (max-width: 920px) {
	#header_nav .sp_tel {
		display: inline-block;
		font-size:14px;
		color:#000;
		text-decoration: none;
		font-weight: bold;
		border-radius: unset;
		padding: 10px;
		border: solid 2px #000;
	} 
}
.sec01_image_wrap img{
	max-width:100%;
}

@media screen and (max-width: 399px) {
  #sec01_map_block .sp_disp {
    display: block; } }
@media screen and (min-width: 400px) {
  #sec01_map_block .sp_disp {
    display: none; } }
@media screen and (min-width: 920px) {
  #sec01_map_block .sp_disp {
    display: none; } }
@media screen and (min-width: 1018px) {
  #sec01_map_block .sp_disp {
    display: none; } }
@media screen and (max-width: 399px) {
  #sec01_map_block .sp_none {
    display: none; } }
@media screen and (min-width: 400px) {
  #sec01_map_block .sp_none {
    display: block; } }
@media screen and (min-width: 920px) {
  #sec01_map_block .sp_none {
    display: block; } }
@media screen and (min-width: 1018px) {
  #sec01_map_block .sp_none {
    display: block; } }


.head_mainpic_wrap{
	text-align:center;
	font-size: 0;
	width:100%;
	max-height:550px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	max-width: 1200px;
}
.head_mainpic_wrap img{max-width:100%;}
.head_mainpic_word{position: absolute;width: 100%;bottom: calc(50% - 75px);}


@media screen and (max-width: 640px) {
.head_mainpic_word{position: absolute;width: 100%;bottom:24%;}

}

.head_mainpic_word img {max-width: 30%;}


#sec00 {
  margin-top: 10px; }

@media screen and (max-width: 399px) {
}
@media screen and (min-width: 400px) {
}
@media screen and (min-width: 920px) {
	.sec01_image_wrap{font-size: 0;text-align:center;max-width:1000px;margin-left:auto;margin-right:auto;}
}
@media screen and (min-width: 1151px) {
	.sec01_image_wrap{font-size: 0;text-align:center;max-width:1200px;margin-left:auto;margin-right:auto;}
}

#hexa_icon_wrap{text-align: center;font-size: 0;}
#hexa_icon_wrap span{margin-left: 25px;margin-right: 25px;display: inline-block;padding-top: 15px;padding-left: 0;padding-right: 0;width: auto;}


@media screen and (max-width: 641px) {
	#hexa_icon_wrap span{margin-left: 3%;margin-right: 3%;padding-left: 2%;padding-right: 2%;display: inline-block;padding-top: 15px;width: 40%;}
}


@media screen and (max-width: 399px) {
.sec01_image_wrap span {margin-left: 3%;margin-right: 3%;padding-left: 2%;padding-right: 2%;display: inline-block;padding-top: 15px;width: 40%; } }

@media screen and (min-width: 400px) {
.sec01_image_wrap span {margin-left: 3%;margin-right: 3%;padding-left: 2%;padding-right: 2%;display: inline-block;padding-top: 15px;width: 40%; } }

@media screen and (min-width: 920px) {
.sec01_image_wrap span {margin-left: 3%;margin-right: 3%;padding-left: 2%;padding-right: 2%;display: inline-block;padding-top: 15px;width: 40%; } }

@media screen and (min-width: 1150px) {
.sec01_image_wrap span{
	margin-left:25px;
	margin-right:25px;
	display: inline-block;
	padding-top: 15px;
	padding-left: 0;padding-right: 0;
	max-width: 300px;
}}
.sec01_image_wrap span{
vertical-align: top;
}
.sec_wrap {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  @media screen and (max-width: 399px) {
    .sec_wrap {
      margin-top: 20px; } }
  @media screen and (min-width: 400px) {
    .sec_wrap {
      margin-top: 30px; } }
  @media screen and (min-width: 920px) {
    .sec_wrap {
      margin-top: 30px; } }
  @media screen and (min-width: 1018px) {
    .sec_wrap {
      width: 1000px;
      margin-top: 30px; } }
#top_to_contact img {
  max-width: 100%; }

.link_text {
  margin-top: 3px; }

.info_box {
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: top;
  text-align: center; }
  @media screen and (max-width: 399px) {
    .info_box {
      width: 40%;
      height: 0;
      padding-bottom: 40%;
      margin: 5%; } }
  @media screen and (min-width: 400px) {
    .info_box {
      width: 40%;
      height: 0;
      padding-bottom: 40%;
      margin: 5%; } }
  @media screen and (min-width: 920px) {
    .info_box {
      width: 22%;
      height: 0;
      padding-bottom: 20%;
      margin: 1.5%; } }
  @media screen and (min-width: 1018px) {
    .info_box {
      width: 220px;
      height: 220px;
      margin: 15px;
      padding-bottom: 0; } }
  .info_box span {
    display: inline-block;
    text-align: center;
    text-shadow: 1px 1px 4px #FFF; }
    @media screen and (max-width: 399px) {
      .info_box span {
        width: 100%;
        font-weight: 500; } }
    @media screen and (min-width: 400px) {
      .info_box span {
        width: 100%;
        font-weight: 500; } }
    @media screen and (min-width: 920px) {
      .info_box span {
        font-weight: 500; } }
    @media screen and (min-width: 1018px) {
      .info_box span {
        width: 220px;
        font-weight: 500; } }

#sec00_info_1 {
  background-image: url(../image/sec00_point01_back.png); }

#sec00_info_2 {
  background-image: url(../image/sec00_point02_back.png); }

#sec00_info_3 {
  background-image: url(../image/sec00_point03_back.png); }

#sec00_info_4 {
  background-image: url(../image/sec00_point04_back.png); }

.font_size_zero {
  font-size: 0; }

@media screen and (max-width: 399px) {
  .small_info {
    font-size: 20px;
    padding-top: 45%; } }
@media screen and (min-width: 400px) {
  .small_info {
    font-size: 20px;
    padding-top: 45%; } }
@media screen and (min-width: 920px) {
  .small_info {
    font-size: 23px;
    padding-top: 40%; } }
@media screen and (min-width: 1018px) {
  .small_info {
    font-size: 25px;
    padding-top: 100px; } }

@media screen and (max-width: 399px) {
  .big_info {
    font-size: 24px;
    margin-top: 6%; } }
@media screen and (min-width: 400px) {
  .big_info {
    font-size: 24px;
    margin-top: 6%; } }
@media screen and (min-width: 920px) {
  .big_info {
    font-size: 26px;
    margin-top: 5px; } }
@media screen and (min-width: 1018px) {
  .big_info {
    font-size: 35px;
    margin-top: 5px; } }

.sec_h {
  text-align: center; }
  @media screen and (max-width: 599px) {
    .sec_h {
      margin-top: 40px;
      font-size: 18px;
      font-weight: bold;
      letter-spacing: 1px; } }
  @media screen and (min-width: 600px) {
    .sec_h {
      font-size: 20px;
      font-weight: bold;
      letter-spacing: 2px;
      margin-top: 50px; } }
  @media screen and (min-width: 920px) {
    .sec_h {
      font-size: 29px;
      font-weight: bold;
      letter-spacing: 5px;
      margin-top: 70px; } }
  @media screen and (min-width: 1200px) {
    .sec_h {
      font-size: 36px;
      font-weight: bold;
      letter-spacing: 5px;
      padding-bottom: 10px;
      margin-top: 40px; } }
      
      
.sec_h3 {
  text-align: left; }
  @media screen and (max-width: 399px) {
    .sec_h3 {
      margin-top: 40px;
      font-size: 22px;
      font-weight: 100;
      letter-spacing: 2px; } }
  @media screen and (min-width: 400px) {
    .sec_h3 {
      font-size: 24px;
      font-weight: 100;
      letter-spacing: 3px;
      margin-top: 0px; } }
  @media screen and (min-width: 920px) {
    .sec_h3 {
      font-size: 22px;
      font-weight: 100;
      letter-spacing: 3px;
      margin-top: 0px; } }
  @media screen and (min-width: 1018px) {
    .sec_h3 {
      font-size: 28px;
      font-weight: 100;
      letter-spacing: 5px; margin-top: 0px; } }
      

@media screen and (max-width: 399px) {
  .sec_content {
    margin-top: 30px; } }
@media screen and (min-width: 400px) {
  .sec_content {
    margin-top: 15px; } }
@media screen and (min-width: 920px) {
  .sec_content {
    margin-top: 15px; } }
@media screen and (min-width: 1018px) {
  .sec_content {
    margin-top: 30px; } }

.section_padding_t{
	padding-top:30px;
}

.content_left {
  float: left; }
  @media screen and (max-width: 399px) {
    .content_left {
      width: 100%;
    text-align: center; } }
  @media screen and (min-width: 400px) {
    .content_left {
      width: 100%;
    text-align: center; } }
  @media screen and (min-width: 920px) {
    .content_left {
      width: 50%; } }
  @media screen and (min-width: 1018px) {
    .content_left {
      width: 420px; } }
  .content_left img {
    max-width: 100%; }

.content_right {
  float: right; }
  @media screen and (max-width: 399px) {
    .content_right {
      width: 100%;
    max-width: 452px;
    float: none;
    margin-left: auto;
    margin-right: auto; } }
  @media screen and (min-width: 400px) {
    .content_right {
      width: 100%;
    max-width: 452px;
    float: none;
    margin-left: auto;
    margin-right: auto; } }
  @media screen and (min-width: 920px) {
    .content_right {
      width: 50%; 
    float: right;} }
  @media screen and (min-width: 1018px) {
    .content_right {
      width: 420px; } }
  .content_right img {
    max-width: 100%; }

.sec01_txt_line {
  margin-left: 3%;
  margin-right: auto;
  margin-bottom: 5%; }

.sec01_txt {
  margin-bottom: 5%;
  margin-left: 3%; }
  @media screen and (max-width: 399px) {
    .sec01_txt {
      font-size: 11px; } }
  @media screen and (min-width: 400px) {
    .sec01_txt {
      font-size: 11px; } }
  @media screen and (min-width: 920px) {
    .sec01_txt {
      font-size: 13px; } }
  @media screen and (min-width: 1018px) {
    .sec01_txt {
      font-size: 16px; } }
      
.sec01_txt a{
margin-bottom: 5%;}
@media screen and (max-width: 399px) {
	.sec01_txt a{
	font-size: 11px; } }
@media screen and (min-width: 400px) {
	.sec01_txt a{
	font-size: 11px; } }
@media screen and (min-width: 920px) {
	.sec01_txt a{
	font-size: 14px; } }
@media screen and (min-width: 1018px) {
	.sec01_txt a{
	font-size: 16px; } }

@media screen and (max-width: 399px) {
  figure {
    margin: 5px; } }
@media screen and (min-width: 400px) {
  figure {
    margin: 5px; } }
@media screen and (min-width: 920px) {
  figure {
    margin: 1em 40px; } }
@media screen and (min-width: 1018px) {
  figure {
    margin: 1em 40px; } }

figcaption {
  text-align: center; }
  @media screen and (max-width: 399px) {
    figcaption {
      font-size: 11px; } }
  @media screen and (min-width: 400px) {
    figcaption {
      font-size: 11px; } }
  @media screen and (min-width: 920px) {
    figcaption {
      font-size: 16px; } }
  @media screen and (min-width: 1018px) {
    figcaption {
      font-size: 16px; } }

.center {
  text-align: center; }

.color_red {
  color: red; }

.margin_l {
  margin-top: 50px; }

.sec03_top_txt {
  font-size: 17px; }

.sec_03_table_wrap {
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px; }
  @media screen and (max-width: 399px) {
    .sec_03_table_wrap {
      width: 100%; } }
  @media screen and (min-width: 400px) {
    .sec_03_table_wrap {
      width: 100%; } }
  @media screen and (min-width: 920px) {
    .sec_03_table_wrap {
      width: 100%;
      max-width: 800px; } }
  @media screen and (min-width: 1018px) {
    .sec_03_table_wrap {
      width: 800px; } }
  .sec_03_table_wrap table {
    border-spacing: 0px; }
    @media screen and (max-width: 399px) {
      .sec_03_table_wrap table {
        width: 100%; } }
    @media screen and (min-width: 400px) {
      .sec_03_table_wrap table {
        width: 100%; } }
    @media screen and (min-width: 920px) {
      .sec_03_table_wrap table {
        width: 100%; } }
    @media screen and (min-width: 1018px) {
      .sec_03_table_wrap table {
        width: 100%; } }
  .sec_03_table_wrap th {
    width: 148px;
    background-color: #c7c0b4;
    border-right: 1px solid #fff; }
    .sec_03_table_wrap th :last-child {
      border-right: 1px solid #c7c0b4; }
  .sec_03_table_wrap td {
    text-align: center;
    border: 1px solid #c7c0b4;
    font-size: 20px; }
  @media screen and (max-width: 399px) {
    .sec_03_table_wrap tbody {
      font-size: 0; }
    .sec_03_table_wrap tr {
      display: inline-block;
      width: 50%; }
    .sec_03_table_wrap th {
      display: block;
      height: 32px;
      font-size: 16px;
      width: 100%;
      border: 1px solid #fff;
      height: 50px; }
    .sec_03_table_wrap td {
      display: block;
      font-size: 16px;
      padding: 13px 0; } }
  @media screen and (min-width: 400px) {
    .sec_03_table_wrap tbody {
      font-size: 0; }
    .sec_03_table_wrap tr {
      display: inline-block;
      width: 50%; }
    .sec_03_table_wrap th {
      display: block;
      height: 32px;
      font-size: 16px;
      width: 100%;
      border: 1px solid #fff;
      height: 50px; }
    .sec_03_table_wrap td {
      display: block;
      font-size: 16px;
      padding: 13px 0; } }
  @media screen and (min-width: 920px) {
    .sec_03_table_wrap tr {
      display: table-row; }
    .sec_03_table_wrap th {
      display: table-cell;
      width: 148px; }
    .sec_03_table_wrap td {
      display: table-cell; } }
  @media screen and (min-width: 1018px) {
    .sec_03_table_wrap tr {
      display: table-row; }
    .sec_03_table_wrap th {
      display: table-cell;
      width: 148px; }
    .sec_03_table_wrap td {
      display: table-cell; } }
  .sec_03_table_wrap .color_gold {
    background-color: #8e6f33;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 100;
    text-align: center;
    padding: 18px 26px; }
    @media screen and (max-width: 399px) {
      .sec_03_table_wrap .color_gold {
        font-size: 15px;
        border: 1px solid #c7c0b4;
        padding: 18px 0px;
        width: calc(100% - 2px);
        height: 52px; } }
    @media screen and (min-width: 400px) {
      .sec_03_table_wrap .color_gold {
        font-size: 15px;
        border: 1px solid #c7c0b4;
        padding: 18px 0px;
        width: calc(100% - 2px);
        height: 52px; } }
    @media screen and (min-width: 920px) {
      .sec_03_table_wrap .color_gold {
        font-size: 15px;
        padding: 18px 26px;
        border-right: none;
        width: 148px; } }
    @media screen and (min-width: 1018px) {
      .sec_03_table_wrap .color_gold {
        font-size: 16px;
        width: 148px; } }
  .sec_03_table_wrap .margin_s img {
    max-width: 95%; }

#sec_03_small_table_wrap {
  margin-top: 25px; }
  #sec_03_small_table_wrap .content_right {
    text-align: center; }
    @media screen and (max-width: 399px) {
      #sec_03_small_table_wrap .content_right {
        width: 100%;
        margin-top: 30px; } }
    @media screen and (min-width: 400px) {
      #sec_03_small_table_wrap .content_right {
        width: 100%;
        margin-top: 30px; } }
    @media screen and (min-width: 920px) {
      #sec_03_small_table_wrap .content_right {
        width: 50%; } }
    @media screen and (min-width: 1018px) {
      #sec_03_small_table_wrap .content_right {
        width: 275px; } }
  @media screen and (max-width: 399px) {
    #sec_03_small_table_wrap .content_left {
      width: 100%; } }
  @media screen and (min-width: 400px) {
    #sec_03_small_table_wrap .content_left {
      width: 100%; } }
  @media screen and (min-width: 920px) {
    #sec_03_small_table_wrap .content_left {
      width: 50%; } }
  @media screen and (min-width: 1018px) {
    #sec_03_small_table_wrap .content_left {
      width: 500px; } }

#charge_info {
  height: 144px;
  border: 1px solid #c7c0b4;
  border-radius: 12px;
  margin-left: auto;
  width: 275px;
  margin-right: auto; }

#charge_info_title {
  font-size: 25px;
  padding-top: 30px;
  padding-bottom: 15px; }

#charge_info_price {
  font-size: 20px; }

.margin_s {
  margin-top: 15px; }

.left_bar_content {
  border-left: 5px solid #c7c0b4;
  font-size: 20px;
  padding-top: 5px;
  padding-left: 10px; }
  .left_bar_content .large_txt {
    font-size: 30px; }

.gray_h {
  background-color: #555555;
  padding: 30px;
  color: #ffffff;
  margin-bottom: 70px; }
  .gray_h .color_y {
    color: #ffff00; }

#time_select_txt {
  text-align: center; }

#user_input_txt {
  text-align: center; }

.map_left {
  float: left; }
  @media screen and (max-width: 399px) {
    .map_left {
      width: 100%; } }
  @media screen and (min-width: 400px) {
    .map_left {
      width: 100%; } }
  @media screen and (min-width: 920px) {
    .map_left {
      width: 50%; } }
  @media screen and (min-width: 1018px) {
    .map_left {
      width: 50%; } }
  .map_left .access_h {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 23%;
    margin-left: 5%;
    letter-spacing: 2px;
    font-size: 15px; }
  .map_left .access_d {
    display: inline-block;
    vertical-align: top;
    width: 70%;
    text-align: left; }
    @media screen and (max-width: 399px) {
      .map_left .access_d {
        font-size: 12px; } }
    @media screen and (min-width: 400px) {
      .map_left .access_d {
        font-size: 13px; } }
    @media screen and (min-width: 920px) {
      .map_left .access_d {
        font-size: 13px; } }
    @media screen and (min-width: 1018px) {
      .map_left .access_d {
        font-size: 14px; } }
    .map_left .access_d a {
      color: #000; }
  .map_left .map_text_block {
    margin-bottom: 20px; }

.float_l {
  float: left;
  width: 100%; }

.map_right {
  float: right; }
  @media screen and (max-width: 399px) {
    .map_right {
      width: 100%; } }
  @media screen and (min-width: 400px) {
    .map_right {
      width: 100%; } }
  @media screen and (min-width: 920px) {
    .map_right {
      width: 50%; } }
  @media screen and (min-width: 1018px) {
    .map_right {
      width: 50%; } }
  .map_right iframe {
    width: 100%;
    height: 300px;
    border: none; }

footer {
  margin-top: 80px; }
  footer #to_top_bg {
    height: 150px;
    background-color: rgb(122,114,103); }
    footer #to_top_bg #to_topwrap {
      margin-left: auto;
      margin-right: auto; }
      @media screen and (max-width: 399px) {
        footer #to_top_bg #to_topwrap {
          width: 100%; } }
      @media screen and (min-width: 400px) {
        footer #to_top_bg #to_topwrap {
          width: 100%; } }
      @media screen and (min-width: 920px) {
        footer #to_top_bg #to_topwrap {
          width: 100%; } }
      @media screen and (min-width: 1018px) {
        footer #to_top_bg #to_topwrap {
          width: 1000px; } }
      footer #to_top_bg #to_topwrap #to_top {
        float: left;
        margin-top: 50px; }
        @media screen and (max-width: 399px) {
          footer #to_top_bg #to_topwrap #to_top {
            text-align: center;
            margin-left: 0;
            width: 100%; }
            footer #to_top_bg #to_topwrap #to_top img {
              max-width: 90%; } }
        @media screen and (min-width: 400px) {
          footer #to_top_bg #to_topwrap #to_top {
            text-align: center;
            margin-left: 0;
            width: 100%; }
            footer #to_top_bg #to_topwrap #to_top img {
              max-width: 90%; } }
        @media screen and (min-width: 920px) {
          footer #to_top_bg #to_topwrap #to_top {
            text-align: left;
            margin-left: 25px;
            display: block;
            width: auto; }
            footer #to_top_bg #to_topwrap #to_top img {
              max-width: 100%; } }
        @media screen and (min-width: 1018px) {
          footer #to_top_bg #to_topwrap #to_top {
            text-align: left;
            margin-left: 0;
            display: block;
            width: auto; }
            footer #to_top_bg #to_topwrap #to_top img {
              max-width: 100%; } }
      footer #to_top_bg #to_topwrap #to_top_r {
        float: right;
        margin-top: 25px;
        margin-right: 25px; }
        @media screen and (max-width: 399px) {
          footer #to_top_bg #to_topwrap #to_top_r {
            display: none; } }
        @media screen and (min-width: 400px) {
          footer #to_top_bg #to_topwrap #to_top_r {
            display: none; } }
        @media screen and (min-width: 920px) {
          footer #to_top_bg #to_topwrap #to_top_r {
            display: block; } }
        @media screen and (min-width: 1018px) {
          footer #to_top_bg #to_topwrap #to_top_r {
            display: block; } }
		#to_top_r a{
		    margin-left: 20px;
		}
#banner_back {
  background-color: #555; }


#shop_info_sec .content_left{text-align:left;}

.shop_info_h{padding-top: 9px;padding-bottom: 3px;border-bottom: solid 1px #000;}

.shop_info_title{line-height: 1.8em;padding-left: 0.5em;}

.shop_info_txt{padding-bottom: 9px;}

.shop_info_w{padding-top: 9px;}

.tel_link{font-size: 18px;font-weight: bold;letter-spacing: 2px;}

#shop_info_tel_link{padding-top: 15px;padding-bottom: 20px;}

#map_sec_wrap{max-width:90%;width: 940px;margin-left: auto;margin-right: auto;height: 300px;padding-top: 20px;}

#map_wrap iframe{max-width:100%;width:940px;height:300px;max-width:100%;}

#to_top{text-align: center;padding-top: 100px;}

#footer_menu_wrap{text-align:center;}

#footer_text_menu{padding-top: 25px;}
#footer_text_menu a{margin-left:15px;margin-right:15px;}

#footer_sns_menu{padding-top: 25px;}


@media screen and (max-width: 920px) {
#footer_nav{display:none;}
}


#footer_banner{padding-top: 35px;}
#footer_banner .font_color_b{padding-bottom: 5px;}
#footer_banner img{max-width:100%;}

#banner_wrap {
  padding-top: 50px;
  padding-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 0; }

.banner_sin_block {
  display: inline-block;
  padding: 15px; 
  text-align: left;}

.banner_txt {
  color: #FFF;
  font-size: 15px; }

@media screen and (min-width: 1017px) {
  #banner_wrap {
    width: 1000px; } }
@media screen and (min-width: 767px) and (max-width: 1016px) {
  #banner_wrap {
    width: 750px; } }
@media screen and (min-width: 517px) and (max-width: 766px) {
  #banner_wrap {
    width: 500px; } }
@media screen and (min-width: 320px) and (max-width: 516px) {
  #banner_wrap {
    width: 320px; }

  .banner_img img {
    width: 140px; }

  .banner_txt {
    width: 140px;
    font-size: 13px; }

  .banner_sin_block {
    padding: 10px;
    vertical-align: top; } }

#copyright{
	text-align: center;
    background-color: rgb(51,24,17);
    color: #fff;
    font-size: 14px;
    padding-top:40px;
    padding-bottom:40px;
    letter-spacing: 2px;
}

#fb_link{
	text-align: center;
	padding-top: 10px;
}

#fb_link a{
	text-align: center;
	margin-left: 30px;
}
.unshown {
	display: none;
}

#nav_open {
	display: none;
	position: relative;
	width: 50px;
	height: 44px;
}

@media screen and (max-width: 920px){
#nav_open {
	display: inline-block;
	width: 30px;
	height: 22px;
	vertical-align: middle;
	padding: 24px;
	position: relative;
}
}
#nav_open span {
	position: absolute;
	height: 3px;
	width: 25px;
	border-radius: 3px;
	background: #222;
	display: block;
	content: '';
	cursor: pointer;
	transition: all .4s;
}
#nav_open span:nth-of-type(1) {top: 24px;}
#nav_open span:nth-of-type(2) {top: 32px;}
#nav_open span:nth-of-type(3) {top: 40px;}


#nav_input:checked ~ #nav_open span:nth-of-type(1) {-webkit-transform: translateY(8px) rotate(-45deg);transform: translateY(8px) rotate(-45deg);}
#nav_input:checked ~ #nav_open span:nth-of-type(2) {opacity: 0;}
#nav_input:checked ~ #nav_open span:nth-of-type(3) {-webkit-transform: translateY(-8px) rotate(45deg);  transform: translateY(-8px) rotate(45deg);}


header{position:static;}
@media screen and (max-width: 920px){
#header_nav {display: none;z-index: 99;position: absolute;left: 0;width: 100%;height: 100vh;background-color: rgb(122,114,103);text-align: left;}
header{position: fixed;width: 100%;z-index: 21;background-color: #FFF;}
#top_sec{padding-top:80px;}
#nav_input:checked ~ #header_nav {display: block;}

.header .header_right .nav_menu {width: 90%;margin-left: 5%;vertical-align: middle;height: 26px;margin-top: 5px;padding-top: 5px;padding-bottom:8px;background-color: #fff;text-align: center;font-size: 22px;}

.header .header_right .sns_menu{width: 30px;margin-left: 5%;vertical-align: middle;height: 30px;margin-top: 10px;padding-top: 15px;padding-bottom: 15px;text-align: center;font-size: 0;background: none;}

.header .header_right .banner_menu{margin-left: 5%;vertical-align: middle;margin-top: 5px;padding-top: 5px;padding-bottom: 5px;text-align: center;font-size: 0;background: none;width: 90%;}

.banner_menu_line{font-weight:bold;padding-top: 10px;text-align: center;font-size: 15px;}

.sp_none{display:none;}

}

.menu_img{
	text-align: center;
}