@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

File name:      page_info.css
Created:        2018-03-01
Style Info:     基本情報　CSS
----------------------------------------------------------- */

/* --------------------------------------------------------
 HEAD TITLE
-----------------------------------------------------------*/
.basicInfo .content_head {background:#007de5;}
@media (min-width:768px) {
  .basicInfo .content_head {height:91px;margin-bottom:20px;background:#007de5 url(../img/info/hd_title.png) left top no-repeat;}
  .basicInfo .content_head .txt_01 {display:none;}
  .basicInfo .content_head_txt {font-size:.847em;}
}
@media (max-width:1140px) and (min-width:768px) {
  .basicInfo .content_head {background-image:none;border:1px dashed #000;padding:20px 15px;}
  .basicInfo .content_head .txt_01 {display:block;width:277px;height:44px;margin:0 auto;background:url(../img/info/hd_title_txt_01.png) center center no-repeat;text-indent:-9999px;}
}
@media (max-width:767px) {
  .basicInfo {padding:0;}
  .basicInfo .content_head {margin-bottom:15px;}
  .basicInfo .content_head .txt_01 {display:none;}
  .basicInfo .content_head img {width:100%;height:auto;}
}

/* --------------------------------------------------------
 LEAD
-----------------------------------------------------------*/
.basicInfo .sec_lead {overflow:hidden;}
.basicInfo .sec_lead .lead_box_tit img {width:100%;height:auto;}
.basicInfo .sec_lead .lead_box_cnt {position:relative;background:url(../img/info/lead_box_bg_02.png) left top repeat-y;padding:0 15px 9px 15px;
  -webkit-background-size:100% auto;
  background-size:100% auto;}
.basicInfo .sec_lead .lead_box_cnt::after {content:"";position:absolute;bottom:-20px;left:0;width:100%;height:20px;
  background:url(../img/info/lead_box_bg_03.png) left top no-repeat;
  -webkit-background-size:100% auto;
  background-size:100% auto;}
.basicInfo .sec_lead .lead_box .inner {background:#fff;border-radius:5px;padding:4px 15px;}
.basicInfo .sec_lead .lead_box dl {overflow:hidden;}
.basicInfo .sec_lead .lead_box dt {clear:left;float:left;width:70px;padding:6px 0 5px 0;color:#007de5;font-weight:bold;line-height:1.6;}
.basicInfo .sec_lead .lead_box dd {padding:6px 0 5px 70px;border-bottom:1px solid #dcdcdc;line-height:1.6;}
.basicInfo .sec_lead .lead_box dd:last-of-type {border-bottom:0;}
.basicInfo .sec_lead .lead_img {float:left;}
.basicInfo .sec_lead .lead_img p {margin-top:5px;font-size:.847em;line-height:1.6;}
.basicInfo .sec_lead .lead_intro {overflow:hidden;}
.basicInfo .sec_lead .lead_intro_tit {color:#007de5;font-weight:bold;line-height:1.6;}
.basicInfo .sec_lead .lead_intro p {line-height:1.8;}
@media (min-width:768px) {/*PC*/
  .basicInfo .sec_lead {margin-bottom:30px;}
  .basicInfo .sec_lead .lead_box {float:right;width:57.3%;}
  .basicInfo .sec_lead .lead_img {width:39.3%;}
  .basicInfo .sec_lead .lead_intro {clear:both;width:100%;}
  .basicInfo .sec_lead .lead_intro_tit {margin:15px 0 10px 0;font-size:1.231em;}
}
@media (max-width:767px) {/*SP*/
  .basicInfo .sec_lead {margin:0 15px 20px 15px;}
  .basicInfo .sec_lead .lead_box_cnt {margin-bottom:20px;background-image:url(../img/info/sp/lead_box_bg_02.png);}
  .basicInfo .sec_lead .lead_box_cnt::after {background-image:url(../img/info/sp/lead_box_bg_03.png);}
  .basicInfo .sec_lead .lead_img {width:36.4%;}
  .basicInfo .sec_lead .lead_intro {float:right;width:58.4%;}
  .basicInfo .sec_lead .lead_intro_tit {margin:0 0 5px 0;font-size:1.154em;}
}
@media (max-width:360px) {
  .basicInfo .sec_lead .lead_img {margin-bottom:10px;}
  .basicInfo .sec_lead .lead_img,
  .basicInfo .sec_lead .lead_intro {float:none;width:100%;}
}


/* --------------------------------------------------------
 section
-----------------------------------------------------------*/
.basicInfo .sec p {line-height:1.8;}
.basicInfo .sec p + p {margin-top:20px;}
.basicInfo .sec_title_01 {padding:18px 70px 15px 80px;}
.basicInfo .sec_title_01::before {display:none;}
.basicInfo .sec_title_01 .icon {position:absolute;top:50%;}
.basicInfo .sec_title_01 .icon img {width:100%;height:auto;}
.basicInfo .sec_title_02 {position:relative;font-size:1.154em;line-height:1.6;font-weight:bold;border-bottom:1px solid #dcdcdc;padding-bottom:8px;margin:30px 0 15px 0;}
.basicInfo .sec_title_02:first-of-type {margin:0 0 15px 0;}
.basicInfo .sec_title_02::after {position:absolute;content:"";bottom:-1px;left:0;width:80px;height:1px;background:#007de5;}
.basicInfo .sec .img {max-width:767px;margin:0 auto;}
.basicInfo .sec p + .img {margin-top:30px;}
.basicInfo .sec p + .caution_txt {margin-top:15px;}
.basicInfo .sec .caution_txt {color:#f08c00;}
.basicInfo .sec .contact_list li {overflow:hidden;line-height:1.8;}
.basicInfo .sec .contact_list li .txt_01 {color:#007de5;font-weight:bold;margin-right:10px;}
.basicInfo .sec .contact_list li .txt_02 {margin-right:10px;}
.basicInfo .sec .contact_list li .link_txt a {text-decoration:underline;color:#1446dc;}
.basicInfo .sec .contact_list li .link_txt a::before {content:"\f0da";font-family:FontAwesome;}
@media (min-width:768px) {/*PC*/
  .basicInfo .sec {margin-bottom:40px;}
  .basicInfo .sec_title_01 .icon {height:40px;width:40px;position:absolute;left:15px;top:50%;margin-top:-20px;}
  .basicInfo .sec_title_01 span {display:block;height:auto;}
}
@media (max-width:767px) {/*SP*/
  .basicInfo .sec_title_01 {background-image:none;font-size:1.154em;padding-left:60px;}
  .basicInfo .sec_title_01 .icon {height:33px;width:33px;left:10px;margin-top:-16px;}
  .basicInfo .sec .accordion_cnt {padding:15px 15px 30px 15px;}
  .basicInfo .sec p {line-height:1.6;}
  .basicInfo .sec p + p {margin-top:15px;}
  .basicInfo .sec_title_02 {line-height:1.4;padding-bottom:5px;margin-bottom:12px;}
  .basicInfo .sec p + .sec_title_02,
  .basicInfo .sec .img + .sec_title_02,
  .basicInfo .sec p + .img {margin-top:20px;}
  .basicInfo .sec .contact_list li {line-height:1.6;}
  .basicInfo .sec .caution_txt {color:#fa3934;}
}
@media (max-width:360px) {
  .basicInfo .sec .contact_list li {margin-bottom:5px;}
  .basicInfo .sec .contact_list li .txt_01 {display:block;}
}


/* 拡大画像を別窓で表示する */
@media (max-width:767px) { /* SP */
  .basicInfo .sec .img_link_btn + .img {margin-top:20px;}
  .basicInfo .sec .img_link_btn {margin-top:20px;}
  .basicInfo .sec .img_link_btn a {display:block;color:#fff;position:relative;height:30px;line-height:30px;color:#fff;text-align:center;background:#78bbb1;border-radius:20px;}
  .basicInfo .sec .img_link_btn a::after {content:"\f054";font-family:FontAwesome;display:inline-block;position:absolute;right:10px;top:0;line-height:30px;margin-left:0;}
}

/* ダウンロードボタン */
.basicInfo .sec .download_btn {margin-top:15px;}
.basicInfo .sec .download_btn a {display:block;height:54px;border-radius:10px;border:2px solid #eb1e78;text-align:center;line-height:54px;font-size:1.154em;
  background:#ff5574;position:relative;color:#fff;font-weight:bold;
  background: -moz-linear-gradient(top, #ffc8d4 0%, #ff8fa3 5%, #ff718b 65%, #ff5574 100%);
  background: -webkit-linear-gradient(top, #ffc8d4 0%,#ff8fa3 5%,#ff718b 65%,#ff5574 100%);
  background: linear-gradient(to bottom, #ffc8d4 0%,#ff8fa3 5%,#ff718b 65%,#ff5574 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8fa3', endColorstr='#ff5574',GradientType=0 );}
.basicInfo .sec .download_btn a:after {content:"\f054";position:absolute;top:50%;right:10px;width:10px;height:16px;margin-top:-8px;line-height:1;font-family:FontAwesome;}
@media (min-width:768px) {/*PC*/
  .basicInfo .sec .download_btn {position:relative;height:57px;overflow:hidden;padding:2px 50px 0 330px;background:url(../img/info/txt_01.png) 44px center no-repeat;}
}
@media (max-width:767px) {/*SP*/
}

/* フライトスケジュール */
.basicInfo .sec .flight_panel:not(.selected) {display:none;}
.basicInfo .sec .flight_panel p + .flight_tit {margin-top:30px;}
.basicInfo .sec .flight_tit {font-weight:bold;font-size:1.154em;}
.basicInfo .sec .flight_tit span {display:inline-block;}
.basicInfo .sec .flight_tit span.departure::after {content:"→";margin:0 10px;}
.basicInfo .sec .flight_table {border:1px solid #dcdcdc;width:100%;margin-bottom:10px;}
.basicInfo .sec .flight_table td {line-height:1.6;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;}
.basicInfo .sec .flight_table thead td {font-weight:bold;background:#e0f0ee;}
.basicInfo .sec .flight_table p + p {margin:0;}
.basicInfo .sec .flight_table + p {font-size:.924em;}
@media (min-width:768px) { /* PC */
  .basicInfo .sec .flight_tabpanel {margin-top:25px;}
  .basicInfo .sec .flight_tit {margin-bottom:15px;}
  .basicInfo .sec .flight_tab {height:30px;border-bottom:1px solid #78bbb1;}
  .basicInfo .sec .flight_tab ul {overflow:hidden;margin:0 6px;}
  .basicInfo .sec .flight_tab li {width:108px;float:left;}
  .basicInfo .sec .flight_tab li span {margin:0 3px;display:block;height:29px;line-height:29px;color:#646464;text-align:center;font-weight:bold;background:#fff;border:1px solid #dcdcdc;border-bottom:0;cursor:pointer;}
  .basicInfo .sec .flight_tab li.selected span {height:30px;color:#323232;border:1px solid #78bbb1;border-bottom:0;}
  .basicInfo .sec .flight_panel {padding-top:25px;}
  .basicInfo .sec .flight_table td > div {display:table;width:100%;}
  .basicInfo .sec .flight_table td > div p {display:table-cell;padding:10px;vertical-align:top;line-height:1.6;}
  .basicInfo .sec .flight_table .td_01 {width:35%;}
  .basicInfo .sec .flight_table tbody .td_01 p:first-of-type {background:#fffbe5;}
  .basicInfo .sec .flight_table .td_01 p:first-of-type {width:56%;border-right:1px solid #dcdcdc;}
  .basicInfo .sec .flight_table .td_02 {width:22%;}
  .basicInfo .sec .flight_table .td_02 p:first-of-type {width:50%;border-right:1px solid #dcdcdc;}
  .basicInfo .sec .flight_table .td_03 {width:33%;}
  .basicInfo .sec .flight_table .td_03 p:first-of-type {width:43%;border-right:1px solid #dcdcdc;}
  .basicInfo .sec .flight_table .td_04 {width:10%;}
  .basicInfo .sec .flight_table .td_04 p:first-of-type {width:100%;}
}
@media (max-width:767px) { /* SP */
  .basicInfo .sec .flight_tabpanel {margin-top:20px;}
  .basicInfo .sec .flight_tab ul {overflow:hidden;margin:0 -2px;}
  .basicInfo .sec .flight_tab li {float:left;width:33.333333%;height:30px;line-height:30px;margin-bottom:10px;}
  .basicInfo .sec .flight_tab li span {display:block;margin:0 2px;height:30px;line-height:30px;font-size:1.077em;font-weight:bold;background:#bc9449;border-radius:5px;color:#fff;text-align:center;cursor:pointer;}
  .basicInfo .sec .flight_tab li.selected span {position:relative;background:#323232;}
  .basicInfo .sec .flight_tab li.selected span::after {content:"";display:block;position:absolute;bottom:-6px;left:50%;margin-left:-6px;width:0;height:0;border-style:solid;border-width:6px 6px 0 6px;border-color:#323232 transparent transparent transparent;}
  .basicInfo .sec .flight_panel {padding-top:10px;}
  .basicInfo .sec .flight_tit {margin-bottom:12px;position:relative;line-height:1.4;font-weight:bold;border-bottom:1px solid #dcdcdc;padding-bottom:5px;}
  .basicInfo .sec .flight_tit::after {position:absolute;content:"";bottom:-1px;left:0;width:80px;height:1px;background:#78bbb1;}
  .basicInfo .sec .flight_tit span.arrival {display:block;}
  .basicInfo .sec .flight_table td {padding:8px 10px 5px 10px;vertical-align:top;}
  .basicInfo .sec .flight_table td p {line-height:1.4;}
  .basicInfo .sec .flight_table thead td {color:#323232;}
  .basicInfo .sec .flight_table thead .td_01 p:first-of-type::after,
  .basicInfo .sec .flight_table thead .td_02 p:first-of-type::after {content:"／";}
  .basicInfo .sec .flight_table tbody .td_01 p:first-of-type {color:#1446dc;font-size:.847em;margin-bottom:2px;}
}

/* 写真リスト */
.basicInfo .sec .img_list.flow {overflow:hidden;margin:0 -5px 30px -6px;}
.basicInfo .sec .img_list.flow li {float:left;width:33.333333%;margin-top:15px;}
.basicInfo .sec .img_list.flow .inner {margin:0 5px 0 6px;}
.basicInfo .sec .img_list.flow .img_capture {font-size:.924em;margin-top:5px;}
@media (max-width:767px) { /* SP */
  .basicInfo .sec .img_list.flow {margin:0 -3px 20px -3px;}
  .basicInfo .sec .img_list.flow li {width:50%;margin-top:10px;}
  .basicInfo .sec .img_list.flow .inner {margin:0 3px;}
  .basicInfo .sec .img_link_btn {margin-top:20px;}
  .basicInfo .sec .img_link_btn a {display:block;color:#fff;position:relative;height:30px;line-height:30px;color:#fff;text-align:center;background:#bc9449;border-radius:20px;}
  .basicInfo .sec .img_link_btn a::after {content:"\f054";font-family:FontAwesome;display:inline-block;position:absolute;right:10px;top:0;line-height:30px;margin-left:0;}
}

/* 囲み記事スタイル */
@media (min-width:768px) { /* PC */
  .basicInfo .sec.box {position:relative;border:11px solid #78c8ea;border-radius:15px;background:#fff;padding:0 30px 20px 30px;}
  .basicInfo .sec.box .sec_title_01 {padding:0;background:none;margin:-6px 0 12px -17px;}
  .basicInfo .sec.box .sec_title_01 span {display:block;height:auto;}
  .basicInfo .sec.box .sec_title_01::before,
  .basicInfo .sec.box .sec_title_01 .txt,
  .basicInfo .sec.box .sec_title_01 .icon,
  .basicInfo .sec.box .sec_title_01::after {display:none;}
  .basicInfo .sec.box .sec_title_02 {font-size:1.154em;font-weight:bold;padding:0 0 0 20px;margin-bottom:5px;border-bottom:0;background:url(../img/common/arr_right_02.png) left 5px no-repeat;}
  .basicInfo .sec.box .sec_title_02::after {display:none;}
  .basicInfo .sec.box p + .sec_title_02 {margin-top:15px;}
}
@media (max-width:767px) { /* SP */
  .basicInfo .sec.box .accordion_cnt {padding-bottom:0;}
}

/* 旅に役立つリンク集 */
@media (max-width:767px) { /* SP */
  .basicInfo .btn_link {margin:30px 15px;}
  .basicInfo .btn_link a {position:relative;display:block;border-radius:40px;height:40px;line-height:40px;color:#fff;text-align:center;font-size:1.154em;
    background:#bc9449 url(../img/info/sp/icon_link_01.png) 15px center no-repeat;
    -webkit-background-size:30px auto;
    background-size:30px auto;}
  .basicInfo .btn_link a::after {content:"\f054";font-family:FontAwesome;position:absolute;top:50%;right:15px;width:20px;height:20px;margin-top:-10px;text-align:right;line-height:20px;}
}

/* --------------------------------------------------------
 SIDE 旅の基本情報
-----------------------------------------------------------*/
@media (min-width:1041px) {
  .basicInfo .side {margin-bottom:70px;}
  .basicInfo .side.is-fixed {position:fixed;top:10px;z-index:2;width:260px;}
  .basicInfo .side.is-absolute {position:absolute;bottom:0;width:260px;}
}
@media (min-width:1041px) and (max-width:1139px) {
  .basicInfo .side.is-fixed {left:15px;width:calc(25% - 15px);width:-webkit-calc(25% - 8px);}
}