@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{
	background-image: url(../image/body_backimg.jpg);
	background-repeat-x: repeat;background-repeat-y: repeat;}
.text_center{text-align: center;}
.m_font {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif; color: #333;}

.m_w_334{max-width:334px !important;}
#w_780{width:780px;}

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{
	border-top: solid 5px #000;
	background-image: url(../image/header_backimg.jpg);
	background-repeat-x: repeat;
	height: 95px;
}
.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: 1000px; } }



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); } }
  @media screen and (min-width: 400px) {
    .header .header_left {
      max-width: 100%; } }
  @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;
}

.comp_h2{font-size: 36px;display: inline-block;vertical-align: super;}
@media screen and (max-width: 640px) {
.comp_h2{font-size: 24px;} }
.p_t_30{padding-top:30px;}
.section_padding_t .bg_sub_h.comp_shop_wra{width: 95%;}

.insta_wra{height:450px;overflow: hidden;}

.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 img{max-width:100%;}

@media screen and (min-width: 920px) {
.content_left.max_content{text-align: left;}
.content_right.max_content{text-align: right;}
}

.sec_content .sec_content_text{
	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: 90%;
	width: 1000px;
	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: 45%;
}

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


.right_mid_width{
	float:right;
	max-width: 45%;
}

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


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

.left_mid_width{
	float:none;
	max-width: 95%;
	width:450px;
	margin-left:auto;
	margin-right:auto;
	padding-right: 0;
	padding-left: 0;
}
.right_mid_width{
	float:none;
	max-width: 95%;
	width:450px;
	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: 81px;
      bottom: 0;
      left: 0;
      margin-top: 10px;
      max-width: 100%; } }
  @media screen and (min-width: 920px) {
    .header .header_right {
      padding-bottom: 6px;
      position: initial;
      width: auto;
      border: none;
      height: 70px;
      margin-top: 0px;
      max-width: 65%; } }
  @media screen and (min-width: 1018px) {
    .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: 25px; } }
    .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: 9px; } }
    @media screen and (min-width: 400px) {
      .header .header_right .header_button {
        padding: 8px 2px;
        font-size: 10px;
        margin-top: 9px; } }
    @media screen and (min-width: 920px) {
      .header .header_right .header_button {
        padding: 8px 12px;
        font-size: 13px;
        margin-top: 9px; } }
    @media screen and (min-width: 1018px) {
      .header .header_right .header_button {
        padding: 8px 12px;
        font-size: 13px;
        margin-top: 9px; } }

#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; } }


#top_sec{
	background-color:rgba(40,40,10,0.1);
	position: relative;
}

.head_mainpic_wrap{
	text-align:center;
	font-size: 0;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.head_mainpic_wrap img{max-width:100%;}
.head_mainpic_word{position: absolute;width: 100%;max-width: 1000px;bottom: 10%;}
.head_mainpic_word img {max-width: 60%;}


#sec00 {
  margin-top: 10px; }
  
  
.sec01_image_wrap{
	font-size: 0;
	text-align:center;
}
.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; } }
        
.sec0_txt{letter-spacing: 1px;width: 90%;margin: auto;}


@media screen and (max-width: 399px) {
  .sec0_txt {
    font-size: 15px;} }
@media screen and (min-width: 400px) {
  .sec0_txt {
    font-size: 16px;} }
@media screen and (min-width: 920px) {
  .sec0_txt {
    font-size: 20px;} }
@media screen and (min-width: 1018px) {
  .sec0_txt {
    font-size: 22px;
    padding-top: 5px; } }


#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; } }

#smile_h2{text-shadow: 0px 0px 3px #fff, 0px 0px 4px #fff, 0px 0px 5px #fff, 0px 0px 6px #fff, 0px 0px 7px #fff, 0px 0px 8px #fff, 0px 0px 9px #fff;width: 100%;position: absolute;bottom: 0;}
.bg_pic{text-align: center;position: relative;}
.bg_pic img{max-width:95%;}

.sec_h {
  text-align: center; }
  @media screen and (max-width: 399px) {
    .sec_h {
      margin-top: 40px;
      font-size: 22px;
      font-weight: bold;
      letter-spacing: 2px; } }
  @media screen and (min-width: 400px) {
    .sec_h {
      font-size: 24px;
      font-weight: bold;
      letter-spacing: 3px;
      margin-top: 50px; } }
  @media screen and (min-width: 920px) {
    .sec_h {
      font-size: 36px;
      font-weight: bold;
      letter-spacing: 5px;
      margin-top: 70px; } }
  @media screen and (min-width: 1018px) {
    .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: 20px;
      font-size: 22px;
      line-height: 22px;
      font-weight: bold;
      letter-spacing: 2px; } }
  @media screen and (min-width: 400px) {
    .sec_h3 {
      font-size: 24px;
      line-height: 25px;
      font-weight: bold;
      letter-spacing: 3px;
      margin-top: 20px; } }
  @media screen and (min-width: 920px) {
    .sec_h3 {
      font-size: 24px;
      line-height: 24px;
      font-weight: bold;
      letter-spacing: 3px;
      margin-top: 0px; } }
  @media screen and (min-width: 1018px) {
    .sec_h3 {
      font-size: 25px;
      line-height: 25px;
      font-weight: bold;
      letter-spacing: 3px; margin-top: 0px; } }
      

@media screen and (max-width: 399px) {
  .sec_content {
    margin-top: 30px; }
  .sec_content.top_banner_wrap {
    text-align:center;margin-top: 0px;
    padding-bottom: 5px;max-width:95%;margin-left: auto;
    margin-right: auto; }
  .sec_content.top_banner_wrap img {
    max-width:100%; } }
@media screen and (min-width: 400px) {
  .sec_content {
    margin-top: 30px; }
  .sec_content.top_banner_wrap {
    text-align:center;margin-top: 0px;
    padding-bottom: 5px;max-width:95%;margin-left: auto;
    margin-right: auto; }
  .sec_content.top_banner_wrap img {
    max-width:100%; } }
@media screen and (min-width: 920px) {
  .sec_content {
    margin-top: 30px; }
  .sec_content.top_banner_wrap {
    text-align:center;margin-top: 0px;
    padding-bottom: 5px;margin-left: auto;
    margin-right: auto; }
  .sec_content.top_banner_wrap img {
    max-width:100%; } }
@media screen and (min-width: 1018px) {
  .sec_content {
    margin-top: 40px; }
  .sec_content.top_banner_wrap {
    text-align:center;margin-top: 0px;
    padding-bottom: 5px; }
  .sec_content.top_banner_wrap img {
    max-width:100%; } }

.section_padding_t{
	padding-top:30px;
}

.content_left {
  float: left; }
  @media screen and (max-width: 399px) {
    .content_left {
      width: 100%;
    text-align: center; float: none;} }
  @media screen and (min-width: 400px) {
    .content_left {
      width: 100%;
    text-align: center; float: none;} }
  @media screen and (min-width: 920px) {
    .content_left {
      width: 50%;float: left; } }
  @media screen and (min-width: 1018px) {
    .content_left {
      width: 500px;float: left; } }
  .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: 500px;float: right; } }
  .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: 14px;
      line-height: 18px;} }
  @media screen and (min-width: 400px) {
    .sec01_txt {
      font-size: 14px;
      line-height: 18px;} }
  @media screen and (min-width: 920px) {
    .sec01_txt {
      font-size: 14px;
      line-height: 18px;} }
  @media screen and (min-width: 1018px) {
    .sec01_txt {
      font-size: 16px;
      line-height: 21px;} }
      
.sec01_txt a{
margin-bottom: 5%;}
@media screen and (max-width: 399px) {
	.sec01_txt a{
	font-size: 14px; } }
@media screen and (min-width: 400px) {
	.sec01_txt a{
	font-size: 14px; } }
@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: 14px; } }
  @media screen and (min-width: 400px) {
    figcaption {
      font-size: 14px; } }
  @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; }

#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: #000;
    color: #fff;
    font-size: 12px;
}

#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: auto;background-color: rgb(122,114,103);text-align: left;padding-bottom: 30px;}
header{position: fixed;width: 100%;z-index: 21;}
#top_sec{padding-top:100px;}
#nav_input:checked ~ #header_nav {display: block;}

.header .header_right a {width: 35%;margin-left: 6%;vertical-align: middle;height: 20px;margin-top: 25px;    margin-bottom: 25px;padding: 12px;background-color: #fff;text-align: center;border-radius: 22px;}


}