@charset "utf-8";
#main_guide{padding:0%;background: url(../images/bg_texture.gif); width: 100% !important;}

#main_guide .w980{padding:3% 0 0 0 ;}

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  width: 100%;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  margin:1px 0px 0px 1px;
  width: calc(99.5%/3);
  height: 50px;
/*  border-bottom: 3px solid #5ab4bd;*/
  background-color: #dedede;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 20px 60px 0;
  line-height:150%;
  clear: both;
  overflow: hidden;}

.tab_content h3{
    margin: 5% 0 3% 0;
    line-height: 160%;padding-bottom:5%;
}
@media only screen and (max-width: 767px) {
.tab_content {
  padding: 20px 15px 0;
}
.tab_item {
  margin:1px 0px 0px 1px;
  width: calc(99%/3);
  height: 50px;
/*  border-bottom: 3px solid #5ab4bd;*/
  background-color: #d4d4d4;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
}
    

/*選択されているタブのコンテンツのみを表示*/
#box01:checked ~ #box01,
#box02:checked ~ #box02,
#box03:checked ~ #box03,
#box04:checked ~ #box04,
#box05:checked ~ #box05,
#box06:checked ~ #box06,
#box07:checked ~ #box07,
#box08:checked ~ #box08,
#box09:checked ~ #box09 {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #5ab4bd;
  color: #fff;
}


.kimg_guide{
    background-image: url("../guide/images/kimg_guide.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 300px;
/*    height: 375px;*/
    position:relative;
    border-bottom:1px solid #999;
}


.kimg_entry-exit{
    background-image: url("../information/entry-exit/images/kimg_entry-exit.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    height: 300px;
    position:relative;
    border-bottom:1px solid #999;
}


.price-list{
    float: right;
    width: 34%;
    background-color:#DED9D1;
    padding: 3%;
    margin-left: 3%;
}

@media only screen and (max-width: 767px) {
.price-list{
    float: none;
    width: 92%;
    margin:2% 0;
}
}
.price-list h4{
    width: 90%;
    margin: 0 auto;
}
    
.kimg_txt{
    position:absolute;
    bottom: 0;
    width: 100%;
    display: block;
    text-align: center;
    background-color: rgba(152,129,74,0.5);
    font-size: 200%;
    color: #fff;
    padding:2% 0 1% 0;
    line-height: 110%;

}
.kimg_txt span{
    font-family: 'Philosopher', sans-serif;
    display: block;
    width: 100%;
    font-size: 50%;
}
.kimg_txt h1{
    font-weight: 400 !important;
    letter-spacing: 0.5px;
}

.box_img_god{
    float:right;
    width: 40%;
    font-size: 80%;
    padding: 0 0 1% 3%;
    line-height: 150%;
}
.box_img_god img{
    width: 100%;
}


@media only screen and (max-width: 767px) {
.box_img_god{
    float:none;
    width: 100%;
    font-size: 80%;
    padding: 0 0 2% 0;
}
.kimg_guide{
    height: 320px;
}
    
.kimg_txt{
    font-size: 160%;
    padding:4% 0 2% 0;
}
#main_guide h2{
    font-size: 140%;
    margin: 0;
    }
#main_guide .w980{
    padding: 0% !important;
    }
}


#main_guide h2{
    margin: 3% 0;
    padding-bottom: 2%;
    border-bottom: 3px solid #111;
}
.box_greeting{
    font-size: 100%;
    line-height:200%;
    padding:1% 10% 3% 10%;
    margin:2% 0; 
    border-bottom:1px solid #999;
}

.box_greeting2{
    font-size: 100%;
    line-height:200%;
    padding:1% 10% 1% 10%;
    margin:2% 0 0 0; 
}

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

@media only screen and (max-width: 767px) {
#main_guide h2{
    margin: 5% 0 4% 0;
}
    
    .box_greeting{
    font-size:100%;
    line-height:160%;
    padding:1% 0 5% 0 ;
    margin:2% 0; 
    border-bottom:1px solid #999;
}
.box_greeting2{
    font-size: 100%;
    line-height:160%;
    padding:0%;
    margin:2% 0 0 0; 
}
}

.sr-table table {
    width: 100%;
    text-align: left;
    font-size: 90%;
}

@media only screen and (max-width: 767px) { .sr-table table tr {
    display: block;
  }
.sr-table table {
    max-width:330px !important;
}
} 
.sr-table table tr th {
  padding:10px 20px;
  vertical-align: middle;
  border-bottom: 1px solid #ebe4d6;
  background: #fffef6;
  font-weight: bold;
white-space: nowrap;
	background-clip: padding-box;
}

@media only screen and (max-width: 767px) {
    .sr-table table tr th {
    display: block;
        text-align: center;
  background: #fffef6;
    padding: 4px 0;
  }
}

.sr-table table tr td {
    width: 100%;
    padding: 6px 10px;
    vertical-align: middle !important;
    border-bottom: 1px solid #ebe4d6;
    letter-spacing: .025em;
    line-height: 1.5;
    vertical-align: top;
    background-color: #fff;
	background-clip: padding-box;
}

@media only screen and (max-width: 767px) {
    .sr-table table tr td {
        display: block;
        background-color: #fff;
    width:96%;
            padding:3% 2%;
        
    }

.sr-table table tr td:nth-of-type(1) {
        display: block;
    border-bottom: none;
    overflow: hidden;
 }
}

    
@media only screen and (max-width: 767px) { .sr-table table tr td:nth-of-type(2) {
    border-top: 1px solid #d7d7d7;
  }
}
.attention {
  margin-top: 8px;
}

.attention li {
  font-size: 90%;
  letter-spacing: .025em;
  line-height: 1.5;
  padding-left: 16px;
　margin-bottom: 5px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .attention li {
  }
}

.attention li:before {
  content: "※";
  position: absolute;
  top: 11px;
  left: 0;
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.table_god{font-size:84%;font-weight: 500; margin:2% auto 3% auto !important;}
.table_god .table_cell{ width:auto; padding:0 2% 0 0; line-height:150%; width: 310px;}
.table_god .table_cell img{ width:100%;}

@media only screen and (max-width: 767px) {
.table_god .table_cell{ width:auto; padding:8% 2% 0 0; line-height:150%; width:100%;}
}

.link_guide{ border:1px solid #CCC; background-color:#FFF;  text-align:center; width:600px;height:60px;}
.link_guide ul{ margin:0 auto; max-width:550px; text-align:center;}
.link_guide li { background-image:url(../img/icon_arrow_02.gif); background-position:bottom center; background-repeat:no-repeat; margin:1%; float:left; width:30%; padding:2.5% 0;}
.link_guide a{ text-decoration:none;}
.link_guide li:hover{opacity: 0.7 ;}

#main_guide h3{ font-size:120%; text-align:left; border: 0; padding: 0; margin: 0;}
#main_guide h3 .stxt{ font-size:70%; font-weight:400}

#main_guide .table_cell{ line-height:160%; font-size:90%;}
#main_guide .table_cell img{ width:98%; margin:1% 0%;}

.box_taishikan{ padding: 3%; border: 1px solid #ccc}



/* ここ後で共通にして消すやつ */

ul.photo_list {
  width: auto;
  display: -webkit-flex;
  -js-display: flex;
  display: flex;
  margin:2% auto 3% auto!important;
  align-items: flex-start;
}

ul.photo_list li{
width:50%;
padding:0 0 0 15px;
font-size:12px !important;
line-height:120%;
}
ul.photo_list li:first-child{
padding:0px !important;
}

ul.photo_list li img{
  width:100%;
}

@media only screen and (max-width: 767px) {
ul.photo_list {
  width: 100%;
}
ul.photo_list li{
font-size:80% !important;
    line-height:140%;
}
}


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

}