@charset "utf-8";

body {
  line-height: unset;

  color: #4c4948;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;

}

/*背景固定*/
/*body::before {
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url("../img/photo/bg.png") center/cover no-repeat;
}*/

#sidr-frame {z-index:9999;}/* スライドナビが下に隠れるので */

/*----------------------------------
content
--------------------------------------*/
#content{
  /*background-image: url(../img/lead_bg.jpg);*/
  /*background-image: url(../img/bg_c_8.png);*/
}
/*#content IMG{width:100%;vertical-align:bottom;}*/
#content A{}
/*#content A{background:transparent;webkit-tap-highlight-color:rgba(242, 41, 103, 0.3);}*/
#content A:active,
#content A:hover{}
#content A:hover IMG{opacity:0.8;}
#content INPUT[type="radio"] {
-webkit-transform: scale(1.2);
transform: scale(1.2);
margin-left:0.5em;
position:relative;
}
#content  EM{font-style:normal;font-weight:bold;}
#content SELECT{
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: small;
text-indent: 0.2em;
color: #000;
border: 1px solid #ccc;
cursor: pointer;
padding:5px 0;
background:#fff;
}
#content SELECT:disabled{background:#ccc;}
/*----------------------------------
general class
--------------------------------------*/
#content .alignC{text-align:center;}
#content .alignL{text-align:left;}
#content .alignR{text-align:right;}
#content .floatL{float:left;}
#content .floatR{float:right;}
#content .clearfix{overflow:hidden;}


/* --------------------------------------------------
  モーダル表示
-------------------------------------------------- */
/* モーダル表示時の背景 */
#modal-overlay{
    position: fixed;
    top: 0;
    z-index: 950;
    display: none;
    width: 100%;
    height: 100%;
    background:rgba(0, 0, 0, 0.5);
}

/* モーダルを閉じるボタン */
.close_modal {cursor:pointer; background-color:#222; color:#fff; text-align:center; font-size:1.16em; padding:0.5em; border-radius:6px; margin-top:3.125vw;}

/* モーダル起動ボタン */
.modal-btn {cursor:pointer;}

/* モーダルターゲット共通 固定・消去など */
.modal-content {display:none;  box-sizing:border-box; position:fixed; background-color:#fff; width:93.75%; padding:3.125vw;  z-index:1000; overflow-y:auto; box-shadow:0 0 10px 0 rgba(0,0,0,0.5)}


/* メインビジュアル・スライダー */
#content #main_visual {background-color:#fff;}
#content #main_visual img {width: 100%;}
#content #main_visual h2 {position:relative; z-index:1;}
#content #main_visual .slider {margin-top:-25%;}
#content #main_visual .slick-dots {bottom:25px;}/* ↓ dots を変更 */
#content #main_visual .slick-dots li {width: 8px; height: 8px; padding:0 10px;}
#content #main_visual .slick-dots li button {width: 8px; height: 8px;}
#content #main_visual .slick-dots li button:before {display:none;}
#content #main_visual .slick-dots li button:after {display:block; position:absolute; top:0; left:0; content:""; width:8px; height:8px; background-color:#fff; border:2px solid #fff; border-radius:100px;}
#content #main_visual .slick-dots li.slick-active button:after {background-color:#006cc8;}


.btn_1 {
    background-color: #002656;
    border-radius: 100%;
    box-shadow: 0 0 0 3px #fff, 0 0 0 8px #002656;
    width: 20%;
    float:right;
}
.btn_1 img {
    margin-top: -7%;
    padding-bottom: 7%;
    /*width: 20%!important;*/
}














#btn_cont {
  background-image: url("../img/top/bg_c_8.png");
  box-shadow: 0 3px 1px;
  margin-bottom: 10px;
  /*margin-top: -11px;*/
  /*background: #f6f0f1;*/
  /*border-bottom: 1px solid;
  border-top: 1px solid;*/
}
#btn_move {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /*padding: 5px;*/
}
#btn_move ul {
    /*border-collapse: separate;
    border-spacing: 7px 0;*/
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center;
}

#btn_move ul li {
  display: table-cell;
  font-size: 0vw;
  -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  -webkit-animation: gelatine 1s 1;
  animation: gelatine 1s 1;
  /*-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  -webkit-animation: gelatine 0.6s 2;
  animation: gelatine 0.6s 2;*/
}
#btn_move ul li img {
  width: 100%;
}
#btn1 {
    background: #24a1d8;
}
#btn2 {
    background: #fe4365;
}
#btn3 {
    background: #86bc00;
}
#btn4 {
    background: #ff7e75;
}


#box_a_cont {

}

#box_a {
  /*width: 93.3%;
  margin-left:auto;
  margin-right:auto;

  padding: 10px 0 1px 0;


  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 5px;*/
}
.slider-for .sp-slide .slide_title{
  padding: 12px;
  background: #fff;
  /*height: 130px;*/
  font-size: 3vw;
}
.slick-center img {
    border: 1px solid #ff4f22;
    box-sizing: border-box;
}
#box_a {
    box-shadow: 0 0 3px 3px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
    padding: 10px 0;
    width: 93.3%;
}
#box_a #main_visual img {
  border: 3px solid #fff;
  box-sizing: border-box;
  width: 100%;
  box-shadow: 1px 1px 3px #333;
  box-sizing: border-box;
  width: 100%;
}
#box_s  {
  /*background: #fff none repeat scroll 0 0;*/
  background-image: url("../img/photo/hotel_bg.png");
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3%;
  padding: 2%;
  width: 93%;
  border-radius: 5px;
}
#box_title {
  background: rgba(0, 0, 0, 0.15);
  color: #ffffff;
  font-size: 4vw;
  font-weight: bold;
  margin-top: 4%;
  margin-bottom: 1%;
  padding: 2%;
  text-align: center;
  /*text-shadow: 2px 2px #034;*/
}
#box_text {
  color:#323232;
  padding:5px;
}

.list-box {
    /*display: table;*/
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    /*background: #fff;*/
}
.list-img, .list-text {
    /*display: table-cell;*/
    /*position: relative;
    vertical-align: top;*/
}
.list-img img {
    /*border: 4px solid #ff3232;*/
    box-sizing: border-box;
}
.list-img, .list-text {
    /*display: table-cell;*/
    /*position: relative;
    vertical-align: top;*/
}
#tao_ul {
    padding: 4px;
}
#tao_ul li:first-child {
    background: #ff7e75;
    color: #fff;
    font-size: 4vw;
    padding: 5px;
    text-align: center;
}
#tao_ul #tao_title_1 {
  background: #444 none repeat scroll 0 0;
  color: #fff;
  font-size: 4vw;
  padding: 5px;
  text-align: center;
}
#tao_ul #tao_title_2 {
  background: #069c85 none repeat scroll 0 0;
  color: #fff;
  font-size: 4vw;
  padding: 5px;
  text-align: center;
}
#tao_ul li {
    color: #000;
    font-size: 3.5vw;
    padding: 10px;
}


#title_box {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
#title_box_2 {
  /*width: 90%;
  margin-left: auto;
  margin-right: auto;*/
}
.t_top_01 {
  font-size: 4vw;
  font-weight: bold;
  color:#ff8a00;
  border-bottom: 3px solid;
}
.t_top_01 span {
  text-shadow: 2px 2px 1px #fff;
}
.t_top_02 {
  font-size: 4vw;
  font-weight: bold;
  color:#44886e;
}
.t_top_03 {
  font-size: 4vw;
  font-weight: bold;
  color:#447088;
}
#sc_01 {
  border-bottom: 1px dashed;
  line-height: 2;
}

#sc_02 ul {
  /*border: 1px dashed;*/
  margin-bottom: 4%;
  padding: 2%;
}
#sc_02 ul li {
  font-size: 3.3vw;
  padding-left: 1em;
  text-indent: -1em;
}


#sc_03 ul li {
  font-size: 3.3vw;
  padding-left: 1em;
  text-indent: -1em;
}
#sc_03 ul li span {
  color: #56ab02;
  font-weight: bold;
  width: 30px;
}



#plan_box {
  width: 95%;
  margin:30px auto;
  border:1px solid #cccccc;
  background: #fff;
}
#plan_box img {
  width: 100%;
}
.hotel_box {
  width: 95%;
  margin:10px auto;
}
.hotel_box img {
  width: 100%;
  box-sizing: border-box;
  border:3px solid #fff;
  box-shadow: 0 0 9px #000;
}
#plan_box_text {
  font-size: 4vw;
  padding: 11px;
}
#plan_box_text span{
  color:#03285b;
  border-bottom:  1px dashed #c2c0c0;
}
#plan_box_text ul li {
  padding-left: 1em;
  text-indent: -1em;
}
#plan_box_text ul li span {
  color:#03285b;
  border-bottom:  1px dashed #c2c0c0;
}
label {
    /*background: rgba(0, 0, 0, 0) linear-gradient(#e9a993 0%, #e78e70 30%, #e67149 50%, #E76032 100%) repeat scroll 0 0;
    border: 3px solid #e9a993;
    box-shadow: 0 0 0 2px #ffffff inset;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    margin: 0;
    padding: 12px;
    text-align: center;
    width: 100%;

    -webkit-transition: 0.8s;
	  -moz-transition: 0.8s;
	  -o-transition: 0.8s;
	  -ms-transition: 0.8s;
	  transition: 0.8s;*/
}
label:hover {
    /*background: rgba(0, 0, 0, 0) linear-gradient(#e9a993 0%, #ecb8a6 30%, #eec0b0 50%, #f1cbbd 100%) repeat scroll 0 0;
    border: 3px solid #eec0b0;
    box-shadow: 0 0 0 2px #ffffff inset;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    margin: 0;
    padding: 12px;
    text-align: center;
    width: 100%;*/
}

#off_btn label {
    background: #b0b0b0 none repeat scroll 0 0;
    border: 3px solid #b0b0b0;
    box-shadow: 0 0 0 2px #ffffff inset;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    margin: 0;
    padding: 12px;
    text-align: center;
    width: 100%;

    -webkit-transition: 0.8s;
	  -moz-transition: 0.8s;
	  -o-transition: 0.8s;
	  -ms-transition: 0.8s;
	  transition: 0.8s;
}

.fa-flag{
  margin-right: 10px;
}
.hotel_title {
  color:#00a9de;
  /*margin-left:4%;*/
  font-family: Meiryo;
  padding-top: 10px;
  font-size: 4vw;
  font-weight: bold;
  text-align: center;
  border-bottom: 3px solid;
}
.hotel_title_2 {
  color:#00a9de;
  margin-left:4%;
  font-family: Meiryo;
  padding-top: 10px;
  font-size: 4vw;
  padding-left: 3em;
  text-indent: -1.3em;
}

.plan_box_title {
	position: relative;
	height: 35px;
	line-height: 18px;
	padding: 0 1em;
  padding-bottom: 4px;
  padding-top: 4px;
	/*background-color: #ffb000;*/
	background-color: #41a4a7;
  width: 85%;
  color:#fff;
  font-size: 3.5vw;
  /*box-shadow: -4px 5px 2px 0 #c7c7c7;*/
}
.plan_box_title::after {
	content: '';
	position: absolute;
}
.plan_box_title::after {
	top: 0;
	right: 0;
	z-index: 2;
	border-width: 20px;
	border-style: solid;
	border-color: transparent;
	border-right-color: #fff;
}



.plan_box_title_1 {
    background-color: #41a4a7;
    color: #fff;
    font-size: 3.5vw;
    height: 35px;
    line-height: 37px;
    padding: 0 1em;
    position: relative;
    width: 85%;
}
.plan_box_title_1::after {
    content: "";
    position: absolute;
}
.plan_box_title_1::after {
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 18px 20px;
    right: 0;
    top: 0;
    z-index: 2;
}

#tabnavi ul{
  margin-top: 3px;
  padding:0;
  display:table;
  table-layout: fixed;
  width:100%;

  border-collapse:separate;
  border-spacing: 3px 0;　
}
#tabnavi li{
  display:table-cell;
  text-align:center;
  font-size: 3vw;

}
#tabnavi li:not(:last-child) {
  /*border-right:1px solid #825146;*/
}
#tabnavi li:a {
  display:block;
}


#ft_1 {
  background-image: url("../img/photo/act_02_hotel_title.png");
  background-position: 29% 64%;
  background-repeat: no-repeat;
  background-size: 90% auto;
  font-size: 3vw;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
#ft_1 h3 {
  box-shadow: 1px 1px 1px #333;
  font-size: 4vw;
  font-weight: bold;
  padding-bottom: 5%;
  padding-top: 3%;
  padding-left: 32%;
  text-indent: -3em;

  display: block;
  position: relative;
  border-bottom: 1px solid #D9D9D6;
  color: #ff2d6c;
  font-weight: bold;
  text-decoration: none;
}

#ft_1 h3::after {
  border-left: 8px solid transparent;
  border-top: 8px solid #ff2d6c;
  content: "";
  display: block;
  height: 0;
  margin: -3px 0 0;
  position: absolute;
  right: 27px;
  top: 42%;
  transform: rotate(45deg);
  width: 0;
}

#ft_1 h3 span {
  font-size: 3vw;
}

#ft {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
#ft h3{
    position: relative;
    color: #1b9485;
    font-size:4vw;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em -0.5em 1.7em;
    border-bottom: 3px dotted #0094ff;
    text-align: center;
}

#ft h3:before{
    background: #54baec none repeat scroll 0 0;
    content: "";
    height: 31%;
    left: 4%;
    position: absolute;
    top: 4%;
    width: 3%;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

#ft h3:after{
    content: "";
    position: absolute;
    background:#0094ff;
    top: 43%;
    left: 0;
    height: 41%;
    width: 4%;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}


#basic {
  width: 100%;
}

.list_cont {
  background-image:url("../img/photo/gaikan.jpg");
  /*background-size: cover;*/
}

#basic_box {
  background:#fcfce1;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  padding: 2%;
}

#content #basic_box img {
  /*border: 3px solid #fff;
  box-shadow: 0px 0px 6px;
  box-sizing: border-box;*/
  /*float: right;*/
  /*width: 100%;*/
}
.basic_s {
  background-color: #fff;
  border-radius: 5px;
  box-sizing: border-box;
  margin-bottom: 5%;
  margin-left: auto;
  margin-right: auto;
  padding: 3%;
  width: 94%;
  border: 1px solid #fec9ee;
}
.basic_title_1 {
  width: 90%;
  margin: 0 auto;
}
.basic_title_2 {
  width: 70%;
  margin: 0 auto;
}
.basic_title_3 img {
  background: #fff6e6;
  padding: 5%;
  box-sizing: border-box;
  border-bottom: 1px solid #c3c3c3;
}

/*.basic_title img {
  width: 100%;
}*/

#content .basic_float img {
  width: 50%;
  margin-top: 3%;
  float:left;
  box-sizing: border-box;

  border: 3px solid #fff;
  box-shadow: 0 0 6px;
  box-sizing: border-box;
}
.basic_text {
  width: 46%;
  padding: 3%;
  float:right;
  box-sizing: border-box;
  color: #333;
  font-size: 3vw;
}

.btn_08  {
  border: none!important;
}
.btn_08:hover  {
  background:none!important;
}


.acordion {
    /*background: #fff6e6 none repeat scroll 0 0;*/
    /*border-radius: 6px;*/
    /*margin-bottom: 14px;*/
    margin-left: auto;
    margin-right: auto;
    /*padding-bottom: 3%;*/
    /*padding-top: 3px;*/
    /*border-bottom: 1px solid #c3c3c3;*/
    width: 100%;
}
.no_acordion {
  background-image: url("../img/photo/bg9.jpg");
  background-size: 100% 100%;
  /*border-radius: 6px;*/
  margin-left: auto;
  margin-right: auto;
  margin-top: 1%;
  /*padding: 26px;*/
  width: 100%;
  padding-bottom: 1%;
  padding-top: 3%;
}

.b_text {
  color: #fff;
  font-size: 3.3vw;
  font-weight: bold;
  padding-top: 3%;
  text-align: left;
  width: 49%;
}
.button {
  background: rgba(0, 0, 0, 0) linear-gradient(90deg, #ff9992 0%, #f1b0ab 21%, #f4b6b2 49%, #f1b0ab 80%, #ff9992 100%) repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}

.sankaku {
    border-bottom: 40px solid #6ecfff;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    height: 0;
    margin-bottom: -4px;
    margin-left: 38px;
    margin-top: -7px;
    width: 0;
}
.ul_01 li {
  color: #fff;
  font-size: 3.3vw;
  font-weight: bold;
  margin-bottom: 8px;
}
.ul_01 li:nth-child(2n) {
    border-bottom: 2px solid #ff9992;
    color: #333;
}
.ul_01 li span {
    background: rgba(0, 0, 0, 0) linear-gradient(90deg, #ff9992 0%, #f1b0ab 21%, #f4b6b2 49%, #f1b0ab 80%, #ff9992 100%) repeat scroll 0 0;
    color: #fff;
    margin: 0 4px 0 0;
    padding: 0 6px;
}
#tab_4 ul {
  border-collapse: separate;
  border-spacing: 3px 0;
  display: table;
  margin-top: 3px;
  padding: 0;
  table-layout: fixed;
  width: 100%;
}

#tab_4 ul li {
  display: table-cell;
  font-size: 3vw;
  text-align: center;
}
#tab_4 ul li {
    background: rgba(0, 0, 0, 0) linear-gradient(135deg, #f4b6b2 0%, #f29a93 21%, #f27871 49%, #f29a93 80%, #f4b6b2 100%) repeat scroll 0 0;
    border: 3px solid #fcaeae;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #ffffff inset;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    /*height: 100%;*/
    padding: 24% 0;
    text-align: center;
    transition: all 0.8s ease 0s;
    width: 100%;
    transition: .2s;
}
#tab_4 ul li:hover {
  background: rgba(0, 0, 0, 0) linear-gradient(135deg, #f4b6b2 0%, #f29a93 21%, #f4b6b2 49%, #f29a93 80%, #f4b6b2 100%) repeat scroll 0 0;
  border: 3px solid #f4b6b2;
  box-shadow: 0 0 0 2px #ffffff inset;
  box-sizing: border-box;
  color: #ffffff;
  display: block;
  /*height: 100%;*/
  padding: 24% 0;
  text-align: center;
  width: 100%;

  transform: rotate(20deg);
-webkit-transform: rotate(20deg);

}


.bg4 {
  background: rgba(0, 0, 0, 0) url("../img/photo/op.jpg") repeat scroll 0 0 / 100% 100%;
  /*padding: 40px 0 10px;*/
}
.bg4 .photo {
  width: 90%;
  margin:0 auto;
  padding-bottom: 3%;
}
.photo_s_box {
  width: 100%;
  height:100%;
  position: relative;
}
.p_t_0 {
  color: #608b03;
  font-size: 3.4vw;
  font-weight: bold;
  left: 17%;
  position: absolute;
  top: 9%;
}

.t_g_box {
  position: absolute;
  top:18%;
  left: 8%;
}
.p_s_t {
  color: #aa4912;
  font-size: 3vw;
  width: 93%;
}
.t_2 {
  float: left;
  width: 38%;
  padding-right: 2%;
}
.p_s_t span {
  border-bottom: 1px dashed;
  line-height: 1.8em;
}
#content .bg4 .t_2 img {
  border: 3px solid #fff;
  box-shadow: 1px 1px 3px;
  box-sizing: border-box;
}

#event {
  /*background: rgba(0, 0, 0, 0) url("../img/photo/07_bg.png") repeat scroll 0 0 / 100% 100%;*/
  /*padding-bottom: 10%;*/
  /*padding-top: 3%;*/
    /*background:url("../img/photo/gaikan.jpg") center/cover no-repeat;*/
}
/*背景固定*/
#event::before {
  /*content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background:url("../img/photo/gaikan.jpg") center/cover no-repeat;*/
}
.event_ul {
  /*background:url("../img/photo/kanko_main.jpg") center/cover no-repeat;*/
  background: #fff none repeat scroll 0 0;
  /*display: table;*/
  margin: auto;
  /*table-layout: fixed;*/
  width: 97%;
  box-sizing: border-box;
  padding-bottom: 6%;
}

.event_ul li {
  /*display: table-cell;*/
}
.eu_title {
  width: 97%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  text-align: center;
  border-top: 4px dashed #fff;
  /*background: #fff;*/
  /*padding-top: 3%;*/
}
.eu_title_s {
  /*background: #516c8c;*/
  /*background: rgba(0, 0, 0, 0) linear-gradient(135deg, #3aa3d2 0%, #3aa3d2 21%, #1b98f7 49%, #2668bf 80%, #0b57c1 100%) repeat scroll 0 0;*/
  /*border-bottom: 2px dashed #0081ac;
  border-top: 2px dashed #0081ac;*/
  color: #fff;
  font-size: 4vw;
  font-weight: bold;
  margin: auto;
  width: 100%;
  border-top: 11px solid #fff;
}
.eu_title_s ul {
  /*border-spacing: 16px;*/
  box-sizing: border-box;
  display: table;
  margin: auto;
  table-layout: fixed;
  width: 100%;
}
.eu_title_s ul li {
  border: 4px double;
  /*box-shadow: 4px 4px;*/
  display: table-cell;
}
.event_box a {
  padding:0!important;
}
.event_box {
  box-sizing: border-box;
  /*padding-bottom: 6%;*/
  /*padding-top: 3%;*/
  width: 100%;
}
.event_gazo {
  /*background:url("../img/photo/tourism.gif")  no-repeat;*/
  padding-top: 3%;
  width: 97%;
  margin:0 auto;
  background: #fff;
  /*color: #000;*/
  font-size: 3vw;
  /*font-weight: bold;*/
  /*border-bottom: 1vw dotted;*/
  /*text-align: center;*/
}
.event_gazo img {
  float: left;
  /*margin-bottom: 6%;*/
  padding: 9% 3%;
  width: 30%;
}
.event_gazo span {
  /*color: #FF9A03;
  font-size: 5vw;
  font-weight: bold;
  border-bottom: 7vw double;
  text-align: left;
  vertical-align: top;*/
}
#pick_info {
  padding-bottom: 9%;
}
#pick_info span {
  color: #009999;
  font-size: 4vw;
  font-weight: bold;
}
#pick_info span img {
  width: 8%;
  float: none;
  margin-bottom: 0;
  padding: 0;
}

.event_border {
  border-left:1px solid #e0dddd;
  border-right:1px solid #e0dddd;
  border-bottom:1px solid #e0dddd;
}
.event_border img {
  box-sizing: border-box;
  /*float: left;*/
  /*width: 30%;*/
  margin:20% 3% 3% 3%;
}
.event_border .eb_img {
  float: left;
  width: 34%;
}
.event_border .eb_img img {
  border: 2px solid #fff;
  box-shadow: 2px 2px 2px;

}
.event_border .eb_img div {
  color:#dd1616;
  padding-left: 6%;
  /*text-align: center;*/
  font-size: 3vw;
  font-weight: bold;
}
.fa-jpy{
  color: #dd1616!important;
}
.event_center {
  color: #006c9f;
  text-align: center;
  font-size: 4vw;
  font-weight: bold;
  padding-top:3%;
  /*height: 25px;*/
  border-top: 3px solid;
}
.event_center a {
  color: #006c9f;
}
#content .event_sbox .event_simg {
  margin: 0 auto;
  padding-top:5%;
}

.event_text_box {
  margin-left: 36%;
}
.event_text_b span {
  border-bottom: 1px dashed;
}

.event_text  {
  margin-left: auto;
  margin-right: auto;
  padding: 3%!important;
  width: 100%;
  box-sizing: border-box;
  text-align: left!important;
}
.event_hotel  {
  color: #7b6459!important;
  padding: 2%;
  margin:2% 0;
  font-size: 3.5vw;
  font-weight: bold;
  line-height: 1.3;
}
.event_hotel:after {
content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
background: linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
}
.event_hotel span {
  font-size: 2.5vw;
}

.event_text_box img {
  width: 90%;
  /*padding-left: 3%;*/
  /*float: left;*/
  /*box-sizing: border-box;*/
}
.event_icon ul {
  display: table;
  table-layout: fixed;
  border-spacing: 2px 1px;
}
.event_icon ul li {
  display: table-cell;
}
.event_text ul li {
    font-size: 3vw;
    padding-left: 1em;
    text-indent: -1em;
    display: table;
}
.event_text ul li span {
    color: #56ab02;
    font-weight: bold;
}
.event_text_b {
  color: #009ed0;
  font-size: 3vw;
  padding-bottom: 3%;
  /*padding-left: 3%;*/
  /*padding: 3%;*/
  /*border: 1px solid #d1d1d1;*/
  /*margin-top: 3%;*/
}
.event_tour {
  /*background: #000;*/
}
.event_tour ul {
  border-spacing: 2px;
  box-sizing: border-box;
  display: table;
  padding: 1%;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}
.event_tour ul li {
  border: 4px solid #fff;
  font-weight: bold;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.3);
  display: table-cell;
}
.event_tour ul li a {
  color: #fff;
  display: block;
  font-size: 3vw;
  padding: 25% 0%;

  border: 4px solid #fff;
  border-radius: 10px;
}
.event_tour ul li a span {
  border-bottom: 2px dotted #fff;
}
.event_tour ul li a:hover {
  background: rgba(255, 255, 255, 0.2);
}
.et_1 {
  /*background-color: #3AA3D2;*/
  background: rgba(0, 0, 0, 0) linear-gradient(135deg, #3AA3D2 0%, #3AA3D2 21%, #1b98f7 49%, #2668bf 80%, #0b57c1 100%) repeat scroll 0 0;
}
.et_2 {
  /*background: #CE79BC;*/
  background: rgba(0, 0, 0, 0) linear-gradient(135deg, #CE79BC 0%, #CE79BC 21%, #cc6ab7 49%, #d14eb4 80%, #d02aab 100%) repeat scroll 0 0;
}
.et_3 {
  /*background: #FF8700;*/
  background: rgba(0, 0, 0, 0) linear-gradient(135deg, #FF8700 0%, #FF8700 21%, #fc9f35 49%, #f4971d 80%, #ff9100 100%) repeat scroll 0 0;
}
.et_4 {
  /*background: #6FAF22;*/
  background: rgba(0, 0, 0, 0) linear-gradient(135deg, #6FAF22 0%, #6FAF22 21%, #7eb33f 49%, #7cde06 80%, #87f405 100%) repeat scroll 0 0;
}

#products {
  background: rgba(0, 0, 0, 0) url("../img/photo/06_bg.png") repeat scroll 0 0 / 100% 100%;
  padding-bottom: 6%;
}
#cc_box {
  width: 90%;
  margin: 0 auto;
  background-image: url("../img/photo/06_bg02.png");
  background-size: 100% auto;
}
#content #cc_box .cc_img {
  width: 60%;
  margin: 0 auto;
  padding-top:5%;
}
#ff_t {
  padding: 3% 0;
}
.cc_text {
  /*background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;*/
  border-top: 7px double #50a678;
  color: #333;
  font-size: 3.5vw;
  margin-left: auto;
  margin-right: auto;
  padding: 3%;
  /*width: 90%;*/
}
.cc_text span {
  border-top: 1px double #50a678;
  color: #333;
  font-size: 2.5vw;
}


.b_text2 {
    background-color: #fb8a98;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    font-size: 3vw!important;
    padding: 2%;
    position: relative;
    text-align: center;
    width: 100%;
}
.op_box_2 {
  text-align: right;
  padding-top:2%;
}
.op_box_2 span {
    color: #005b9d;
    text-shadow: 1px 1px #fff;
    font-size: 3.5vw;
    font-weight: bold;
}


#tab_3 ul {
    border-collapse: separate;
    border-spacing: 3px 0;
    display: table;
    margin-top: 3px;
    padding: 0;
    table-layout: fixed;
    width: 100%;
}
#tab_3 ul li {
    display: table-cell;
    text-align: center;
}
#tab_3 ul li a {
    background: rgba(0, 0, 0, 0) linear-gradient(135deg, #72bcf1 0%, #4eacf0 21%, #38a4f2 49%, #4eacf0 80%, #72bcf1 100%) repeat scroll 0 0;
    border: 3px solid #72bcf1;
    box-shadow: 0 0 0 2px #ffffff inset;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    font-size: 3vw;
    padding: 11px 0;
    text-align: center;
    transition: all 0.8s ease 0s;
    width: 100%;
}

#tab_3 ul li a:hover {
    background: rgba(0, 0, 0, 0) linear-gradient(135deg, #38a4f2 0%, #4eacf0 21%, #72bcf1 49%, #4eacf0 80%, #38a4f2 100%) repeat scroll 0 0;
    border: 3px solid #38a4f2;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    margin: 0;
    padding: 11px 0;
    text-align: center;
    width: 100%;
}

.no_link {
    background: #d1d1d1 none repeat scroll 0 0;
    border: 3px solid #d1d1d1;
    box-shadow: 0 0 0 2px #ffffff inset;
    box-sizing: border-box;
    color: #ffffff;
    display: block;
    font-size: 3vw;
    padding: 11px 0;
    text-align: center;
    width: 100%;
}

#content .link_all img {
  margin-left: 6%;
  width: 23%;
}
#area_btn {
  background: #fff;
  padding:1%;
  box-sizing: border-box;
  width: 97%;
  margin-left: auto;
  margin-right: auto;
}
#area_btn ul {
  /*background: #ffffe2 none repeat scroll 0 0;*/
  /*border-bottom: 2px solid;*/
  border-spacing: 1px 0;
  display: table;
  /*padding-bottom: 2%;*/
  /*padding-top: 2%;*/
  table-layout: fixed;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
#area_btn ul li {
  border: 4px solid #fff;
  border-radius:5px;
  box-sizing: border-box;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#area_btn ul li a {
  color: #fff;
  line-height: 1.3;
  border: 4px solid;
}


/*btn*/
.btnlink {
    background: #666 url("../img/photo/aro.png") no-repeat scroll 50% 93%;
    background-size:20% auto;
    /*border-radius: 5px;*/
    overflow: hidden;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.3);
    margin-bottom: 3px;
    margin-right: 3px;
    transition: background-position 0s ease 0s, all 0.5s ease 0s, all 0s linear 0s, background-color 0s ease 0s, all 0.5s ease 0s, all 0s ease-in 0s;
}
.btnlink:hover {
    background-color: #000;
    background-position: 50% 98%;

}
.btnlink A {
  border-radius: 5px;
  display: block;
  font-size: 2.5vw;
  font-weight: bold;
  /*padding: 8% 0 29%;*/
  text-align: center;
}

.btnlink A:hover {
    text-decoration: none;
}
.btnlink.typeB {
    background-color: #446241;
}
.btnlink.typeB:hover {
    background-color: #76a171;
}

.btnlink.typeC {
    background-color: #163f5f;
}
.btnlink.typeC:hover {
    background-color: #41617a;
}

.btnlink.typeD {
    background-color: #b37e1b;
}
.btnlink.typeD:hover {
    background-color: #a7874a;
}
/*.btnlink.typeD {
    background-color: #ed993f;
}
.btnlink.typeD:hover {
    background-color: #ffaa4f;
}*/
.btnlink.typeE {
    background-color: #9D3D1C;
}
.btnlink.typeE:hover {
    background-color: #a25f48;
}

.btnlink.typeF {
  background-color: #0083cd;
}
.btnlink.typeF:hover {
  background-color: #4fa3d2;
}

.btnlink.typeG {
  background-color: #00b659;
}
.btnlink.typeG:hover {
  background-color: #47bd80;
}
.btnlink img {
  width: 100%;
  margin:-3px;
}

/*btn*/

#mid {
  background-image: url("../img/photo/02_bg.png");
  background-position: 100% 0%;
  background-size: 100% 26%;
  width: 100%;
}
.mid_box {
  width: 90%;
  margin:0 auto;
}
.mid_postion {
  position: relative;
  width: 100%;
  height: 100%;
}
.m_p01 {
  bottom: 2%;
  left: 16%;
  position: absolute;
  width: 70%;
}
.m_p01 a {
  display: block;
  /*padding: 5% 10%;*/
}
.list_box {
  display: table;
  /*background-image: url("../img/photo/yakushimaso.jpg");*/
  /*background-size: cover;*/
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  /*box-shadow: 2px 2px 2px #000;*/
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.list_htl_1 {
  /*background-image: url("../img/photo/yakushimaso.jpg");
  background-size: cover;*/
  color:#b54646;
}
.list_htl_2 {
  /*background-image: url("../img/photo/marinblue.jpg");
  background-size: cover;*/
  color:#0ca2c9;
}
.list_htl_3 {
  color:#1fa635;
}
.list_box_img {
    box-sizing: border-box;
    display: table-cell;
    padding: 2%;
    position: relative;
    vertical-align: middle;
    width: 30%;
}
.list_box_img img {
    box-sizing: border-box;
    /*border: 2px solid #fff;*/
    /*box-shadow: 3px 3px 4px #333;*/
    border-radius: 10%;
}

.list_box_basic .list_title_s_4 span  {
  color:#678;
  border-bottom: 3px solid #678;
  font-size: 3.5vw;
}
.info_1 ul li .btn_propaty {
  position: absolute;
  top: 77%;
  left: 71%;
  border: 0!important;
}
.info_1 {
  background-image: url("../img/top/P1160673.JPG");
  background-size: cover;
  /*background: #4777f2;*/
  margin-left: auto;
  margin-right: auto;
  /*padding: 2%;*/
  width: 100%;
  height: 100%;
  /*border: 1px solid #e3e3e3;*/
}
.info_1 ul {
  /*box-shadow:0 0 3px inset;
  padding: 2%;*/
}
.info_1 ul li img {
  width: 30%;
  float: left;
  border: 4px solid #FFF;
  margin: 1.2% 3% 0% 0%;
  box-sizing: border-box;
}
.info_1 ul li p {
    font-size: 3vw;
    padding-left: 1em;
    /*text-indent: -1em;*/
}
.info_1 ul li {
  /*border: 1px solid #999;*/
  /*margin-top:2%;*/
  box-shadow: 1px 1px 3px #929292;
  /*color:#ff3d3d;*/
  /*font-size:3.5vw;*/
  /*background: #f97f00;*/
  padding: 2%;
}
.info_1 ul li span {
    color: #56ab02;
    font-weight: bold;
}
.info_1 ul li:first-child span {
    /*color: #ff3d3d;*/
}
.info_red {
  color:#ff1919;
  padding-left: 1em;
  text-indent: -1em;
}


.info_1 .info_list {
  box-shadow: none;
  display: table;
  table-layout: fixed;
  border-spacing: 22px 0px;
  width: 100%;
}
.info_1 .info_list li:first-child {
  color:#3d3d3d;
  font-size:3vw;
}
.info_1 .info_list li {
  display: table-cell;
}
.info_1 .info_list span {
  color: #f92e4c;
  margin-left: 13%;
  border-bottom: 2px solid;
  font-size: 4vw;
}

.list_title_s {
  /*border-bottom: 10px double #fff;*/
  font-size: 4.5vw;
  /*font-weight: bold;*/
  margin-top: 5%;
  /*width: 92%;*/
  /*color: #cb3636;*/
  /*background: #0003;*/
  /*text-align: center;*/
  box-sizing: border-box;
  padding: 4%;
  /*box-shadow: 2px 2px 2px #000;*/
  /*text-shadow: 2px 2px #000;*/
}
.list_title_s span {
  border-bottom: 3px dotted;
}
.list_title_s_2 {
    border-bottom: 3px dotted #0a9dce;
    font-size: 3.5vw;
    font-weight: bold;
    margin-top: 3%;
    width: 92%;
    color: #0a9dce;
}
.list_title_s_2 span {
    font-size: 2vw;
}
.list_title_s_3 {
    border-bottom: 3px dotted #6633CC;
    font-size: 3.5vw;
    font-weight: bold;
    margin-top: 3%;
    width: 92%;
    color: #6633CC;
}
.list_title_s_3 span {
    font-size: 2vw;
}
.list_title_s_4 {
    /*border-bottom: 3px dotted #2d2d2d;*/
    font-size: 3.5vw;
    font-weight: bold;
    padding-top:5%;
    padding-bottom: 5%;
    /*margin-top: 5%;*/
    /*margin-bottom: 5%;*/
    margin-left: auto;
    margin-right: auto;
    width: 97%;
    color: #333333;
    display: block;
}
.list_title_s_4 span {
    font-size: 2vw;
}
.list_title_s_4 img {
    width: 25%!important;
    vertical-align:middle!important;
    float: right;
}
.basic_cont {
  background-color: rgba(255, 255, 255, 0.3);
  /*background-image:url("../img/photo/kanko_main.jpg");
  background-size: cover;*/
  width:97%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10%;
  box-sizing: border-box;
  padding: 2%;
  /*border: 3px solid #000;*/
}
.basic_ac {
  background: #fff6e6;
}


.info_price {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3%;
}
.info_price ul {
  box-shadow: 0 0 3px inset;
  padding: 2%;
}
.info_price ul li {
  font-size: 3vw;
  padding-left: 1em;
  text-indent: -1em;
  border-bottom: 1px dotted;
}
/*.details {
  background: #f97f00 none repeat scroll 0 0;
  color: #fff;
  position: relative;
  text-align: center;
  z-index: -1;
}*/
.details2 {
  background: #f97f00 none repeat scroll 0 0;
  color: #fff;
  /*position: relative;*/
  text-align: center;
  /*z-index: -1;*/
  width: 100%;
}
#content .list_title_s img {
  width: 30%;
  /*padding-left: 5%;*/
  float: right;
  vertical-align: middle;
}
.list_box p {
    font-size: 3vw;
    padding-right: 5%;
    padding-top: 3%;
}


.list2_cont {
  background-image: url(../img/photo/05_bg.png);
  padding-bottom: 3%;
  padding-top: 3%;
}
#content .list2_gazo {
  width: 95%;
  margin:0 auto;
}
.list2_box {
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #c9c9c9;
  display: table;
  margin: 0 auto;
  width: 95%;
}
.list2_box_img {
    box-sizing: border-box;
    display: table-cell;
    padding: 2% 5% 2% 2%;
    position: relative;
    vertical-align: middle;
    width: 38%;
}
.list2_box_img img {
  box-shadow: 0 0 3px;
  border: 2px solid #fff;
}
#content .list2_box_img a img {
  box-shadow: none;
  border: none;
  width:70%;
  margin-top:10%;
}
.list2_title_s {
    border-bottom: 3px dotted #CF020D;
    font-size: 4.5vw;
    font-weight: bold;
    margin-top: 7%;
    width: 92%;
    color: #CF020D;
}

.list2_box p {
    font-size: 3vw;
    padding-right: 5%;
    padding-top: 3%;
}
.list2_box ul li {
  font-size: 3vw;
  padding-left: 1em;
  text-indent: -1em;
}
.list2_box ul li span {
  color: #56ab02;
  font-weight: bold;
}

.table_gazo {
  border: 1px solid #c3c3c3;
  margin-bottom: 2%;
  margin-left: auto;
  margin-right: auto;
  padding: 1%;
  width: 97%;
}


/*.trigger {
  background-image: url("../img/arrow_0.png");
  background-position: 12% 98%;
  background-repeat: no-repeat;
  background-size: 7vw;
}
.trigger.active {background-image:url("../img/arrow_1.png");}*/


.arrow_box {
  box-sizing: border-box;
  /*padding-right: 6%;*/
  /*text-align: center;*/
  margin-top: -9%;
}
.arrow_box img {
  width: 8%!important;
  padding-bottom: 2%;
}

.option_tilte {
  margin-top: 3%;
}

#notice {
  margin-top:3%;
  padding: 5%;
}
#notice span {
  color:#900;
}
#notice ul li {
  padding-left: 1em;
text-indent: -1em;
}


.pdf_btn {
  background: #009;
  border-radius: 4%;
  padding: 3%;
  text-align: center;
  margin: 3%;
}
.pdf_btn a {
  color: #fff;

}
#rental_info {
  width: 97%;
  margin-left:auto;
  margin-right: auto;
  background: #fff;
  font-size: 3vw;
}
#rental_info h2 {
  background: #ff0606;
  color:#ffffff;
  font-size: 5vw;
  text-align: center;
}
#rental_info ul {
  padding:3%;
}
#rental_info ul li {
  padding-left: 1em;
  text-indent: -1em;
}
.option_phone {
  font-size:3vw;
  width: 66%;
  height: 100%;
  float: right;
  box-sizing: border-box;
  padding:2%;

  background-color:#F8E475;
  border-radius:5px;
  color:#222;
  position:relative;
}
.option_phone::after{
  border-top:solid 7px transparent;
  border-bottom:solid 7px transparent;
  border-right:solid 10px #F8E475;
  left:-10px;
  content:"";
  display:block;
  height:0;
  top:60%;
  position:absolute;
  width:0;
}
.option_phone h2 {
  color: #0076a2;
  /*background-image: url("../img/top/gourmet_bg.png");*/
  /*background: #5895FF;*/
  padding: 1%;
  text-align: center;
  font-size: 3vw;
}
.option_phone span {
  color: #006e28;
  font-weight: bold;
  font-size: 3vw;
}
.option_phone_num {
  color:#900;
  font-weight: bold;
  font-size: 4vw;
}

#link_01 img {
  width: 37%;
  margin-left: 2%;
}
hr.style_1 {
    background-color: #ffef97;
    border-width: 0;
    height: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5%;
    width: 90%;
}
.modal-content .tao_title {
  color: #900;
  text-align: center;
  font-size: 5vw;
  font-weight: bold;
  padding-bottom: 2%;
}

.submenu li img {
  /*max-width: 100%!important;*/
  width: auto!important;
  vertical-align: middle!important;
}

.indent_ul li {
  text-indent: -1em;
  padding-left: 1em;
}
.indent_ul li span {
  font-size:3.5vw;
}


.myButton3 {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25));
	background:-moz-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-webkit-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-o-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:-ms-linear-gradient(top, #ffc477 5%, #fb9e25 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #fb9e25 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25',GradientType=0);
	background-color:#ffc477;


	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	/*font-family:Arial;*/
	font-size:5vw;
	font-weight:bold;
	padding:3%;
	text-decoration:none;
	/*text-shadow:1px 1px 0px #fff;*/
  width:80%;
  text-align:center;
  margin-bottom:3%;
  margin-left: 8%;
  border-radius: 6px;

  /*border: 1px solid;
  box-shadow: 1px 1px 5px;*/
}

.myButton3:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477));
	background:-moz-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-webkit-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-o-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:-ms-linear-gradient(top, #fb9e25 5%, #ffc477 100%);
	background:linear-gradient(to bottom, #fb9e25 5%, #ffc477 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477',GradientType=0);
	/*background-color:rgba(217, 217, 217, 0.42);*/
}

.tab_link {
  background-image: url(../img/top/diving[0].png);
  width: 100%;
  display: table;
  table-layout: fixed;
  border-spacing: 3px;
  box-sizing: border-box;
}
.tab_link li {
  display: table-cell;
  border: double 4px #fff;
}
.tab_link li a:hover {
  opacity: 0.9;
}
.tab_link img {
  width: 100%;
}

#acMenu{
  width:98%;
  border:3px solid #009999;
  border-radius:4px;
  margin:3% auto 7%;
  background:#fff;
}
#acMenu dt{
    display:block;
    margin:0 auto;
    position:relative;
    cursor:pointer;
    background:url(./../img/photo/icon_close.png) no-repeat 98% 50%;
    padding:5px 20px 5px 5px;
    background-size:20px auto;
    text-align:left;
    }
#acMenu dt.open{background:url(./../img/photo/icon_open.png) no-repeat 98% 50%;background-size:20px auto;}
#acMenu dt IMG.img2{width:90%;}
#acMenu dd{
    display:none;
    margin:0 auto;
    padding:10px;
    font-size:14px;
    line-height:160%;
}

.news {
  margin-top: 3%;
  margin-bottom: 6%;
}
.news_title:first-letter {
font-size: 8vw;
color: #ffa800;
}
.news_title {
  color:#445;
  font-size: 5vw;
  font-weight: bold;
  text-align: center;
  border-bottom: solid 3px skyblue;
  position: relative;
}
.news_title:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffc778;
  bottom: -3px;
  width: 30%;
}

ul.new_ul{
  position: relative;
  padding: 3%;
  /*font: 14px/1.6 'arial narrow', sans-serif;*/
  /*border: solid 2px #adcce8;*/
  border-radius:8px;
  color: #3db2d8;
  width:97%;
  box-sizing: border-box;
  margin-left:auto;
  margin-right: auto;
  /*margin-top: 3%;*/
  /*background: #fff;*/
}

ul.new_ul li{
  /*font-weight: bold;*/
  border-bottom: dashed 1px #448ccb;
}
ul.new_ul li a{
  color:#0089cd;
  font-size: 3vw;
}
ul.new_ul li a:hover{
  color:#6aaccd;
}

.new_ul span{
  color:#ff9000;
  font-size: 3vw;
  font-weight: bold;
}
/*search
------------------------------------------------------------------*/
#search{
  margin-top:20px;
}
#searchbox{
  background-image: url("../img/top/bg_c_8.png");
  background-size: 100%;
  width: 93%;
  margin: 0 auto;
  border: 2px solid #fff;
  box-sizing: border-box;
  padding: 4%;
  border-radius: 5px;
  box-shadow: 2px 2px 4px #333;
}
#search DL{overflow:hidden;margin-top:10px;}
#search DT{
  font-size: 3vw;
  width:27%;
  float:left;
  vertical-align:middle;
  /*line-height:36px;*/
  background: #5ba1ce;
  color:#fff;
  text-align: center;
  border-radius: 8px;
  padding: 1% 0;
}
/*#search .serchcontSelect06 DT{line-height:100%;}*/
#search DD{width:71%;float:right;}
#search EM{font-style:normal;color:#642010;padding-top:3px;display:inline-block;line-height:120%;}
#search LABEL{
  display:inline-block;
  color:#000;
  font-size: 3vw;
  /*padding-right:1em;*/
}
#search #datepicker{width:33%;}
#search .ui-datepicker-trigger{width:15%;position:relative;left:5px;}
#search SELECT{
width:98%;
color: #000;
background-color:#fff;
border: 1px solid #ccc;
cursor: pointer;
}

#sendbtn {
  font-weight: bold;
  /*background:rgba(0, 0, 0, 0) linear-gradient(135deg, #38a4f2 0%, #4eacf0 21%, #72bcf1 49%, #4eacf0 80%, #38a4f2 100%) repeat scroll 0 0;*/
  display: inline-block;
  padding: 1%;
  text-decoration: none;
  background: #f9645f;
  color: #FFF;
  border-radius: 4px;
  box-shadow: 0px 0px 0px 5px #f9645f;
  border: dashed 1px #FFF;
  margin: 5% 20%;
  width: 60%;
  text-align: center;
  font-size: 4vw;
}
#sendbtn:hover {
  opacity:0.9;
}

#search .search_btn{
  /*margin-left: auto;*/
}

.serchcontSelect01 dt{
  background: #FFA79F;
}
.serchcontSelect02 dt{
  background: #fbaf5d;
}
.serchcontSelect03 dt{
  background: #9FCDFF;
}
.serchcontSelect04 dt{
  background: #96e79f;
}
.serchcontSelect05 dt{
  background: #a48be2;
}
.serchcontSelect06 dt{
  background: #ffb0d1;
}

/*#search_title {
  font-size: 5vw;
  text-align: center;
  font-weight: bold;
  color:#605858;
}*/
#search_title:first-letter {
font-size: 8vw;
color: #f9645f;
}
#search_title {
  color:#445;
  font-size: 5vw;
  font-weight: bold;
  text-align: center;
  border-bottom: solid 3px skyblue;
  position: relative;
}
#search_title:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #f9645f;
  bottom: -3px;
  width: 30%;
}
#search_title span {
  color:#00c0ff;
}


#tab_cont {
  margin-top: 3%;
}
#tab_cont ul{
    display: table;
    table-layout: fixed;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    border-spacing: 1px 0;
}
#tab_cont li a{
    display: block;
    text-align: center;
    color: #fff;
    padding:10%;
}
#tab_cont ul.tabs li{
    background-image: url("../img/top/point_ash.png");
    font-size: 3vw;
    display:table-cell;
}

#tab_cont ul.tabs li.active a{
    /*background-image: url("../img/top/point_blue.png");*/
    background: #7b6459;
    /*padding: 10%;*/
}
#tab_cont ul.tabs li a span{
    font-size: 2vw;
}
#tab_cont ul.panels{
    clear:both;
    /*padding:3% 2%;*/
    /*border: 1px solid #000;*/
    position: relative;
    top:-1px;
    /*z-index: -1;*/
}
#tab_cont ul.panels > li.panel {
  display: none;
}
#tab_cont ul.panels > li.panel.active {
  display: block;
}
.b_t {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 3%;
  box-sizing: border-box;
}

.info_cont {
  /*margin-top:3%;*/
  background-image: url("../img/photo/bg_contents2.jpg");
  padding-top:8%;
  padding-bottom:8%;
}
.info_box {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  border: 5px solid #fff;
  padding: 2%;
  background-image: url("../img/photo/bg_tl2.png");
  background-size: 20%;
  margin-bottom: 3%;
  box-shadow: 2px 2px 3px;
  box-sizing: border-box;
  border-radius: 10px;
}
.info_text {
  color:#234;
}
.info_tit {
  text-align: center;
  font-size: 5vw;
  color:#5c5c5c;
}
.plus_box {
  width:70%;
  margin-left:auto;
  margin-right:auto;
}
.plus_box img {
  width:100%;
}
.info_aco {
  width:91%;
  margin-left: auto;
  margin-right: auto;
  font-size: 3vw;
}
.info_aco h2 {
  color:#c11d35;
  font-weight: bold;
  text-align: center;
  /*margin-top: 4%;*/
  font-size:4vw;
}
.info_in {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 1%;
}
.info_aco .h2_green {
  color:#33995f;
}


.tour_line_box {
  background-image: url("../img/photo/side_bg_box03.png");
  background-size: 7%;
  /*width: 100%;*/
  padding:3%;
}
.tl_title {
  text-align: center;
  color: #6c6c6c;
  font-size: 5vw;
  font-weight: bold;
}
.tl_ul_box {
  /*background-image: url("../img/photo/bg_c_8.png");
  padding: 1%;
  border-radius: 10px;*/
}
.tour_line_box ul {
  display: table;
  border-collapse: separate;
  border-spacing: 8px 0;
  margin: 5px auto 15px auto;
  table-layout: fixed;
  width: 97%;
  box-sizing: border-box;
}
.tour_line_box ul li {
  display: table-cell;
  width: 100%;
  margin-bottom: 5%;
  border: 1px solid #d4d4d4;
}
.tour_line_box ul li img {
  width: 100%;
}

.tour_title:first-letter {
font-size: 8vw;
color: #7b6459;
}
.tour_title {
  color:#445;
  font-size: 5vw;
  font-weight: bold;
  text-align: center;
  border-bottom: solid 3px #009e92;
  position: relative;
}
.tour_title:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #7b6459;
  bottom: -3px;
  width: 30%;
}
.tour_title span {
  color:#009e92;
}

#f_box {
  width: 90%;
  background: #fff;
  margin-left: auto;
  margin-right: auto;
  margin-top:6%;
  font-size: 3vw;
  line-height: 2;
  text-align: center;
}
#f_box span {
  border-bottom: 1px dotted #696969;

}



#main_visual {
  background-image: url(../img/top/diving[0].png);
  background-size: cover;
  width: 100%;
  height: 100%;
  position: relative;
}
#main_visual h2 img {
  /*margin-bottom: 33%;*/
  padding: 8%;
  box-sizing: border-box;
}
.tob_btn_1 {
  position: absolute;
  width: 45%;
  left: 5%;
  top: 53%;
  z-index: 100;
}
.tob_btn_2 {
  position: absolute;
  width: 39%;
  left: 56%;
  top: 42%;
  z-index: 100;
}

.hr_1 {
  margin:5px;
  color:#fff;
  border-top: 1px solid #fff;
}

#select_title:first-letter {
font-size: 8vw;
color: #7b6459;
}
#select_title {
  color:#445;
  font-size: 5vw;
  font-weight: bold;
  text-align: center;
  border-bottom: solid 3px #f3582e;
  position: relative;
}
#select_title:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #7b6459;
  bottom: -3px;
  width: 30%;
}
#select_title span {
  color:#f3582e;
}