@charset "UTF-8";
/* -----------------------------------------------------------
CSS Information

File name:     style.css
Created:       2019.12.10
Style Info:    エーゲ海セレスティアルクルーズ　CSS
----------------------------------------------------------- */
/* ------------------------------------ */
/* Base */
/* ------------------------------------ */
#celestyal-aegean {color:#505050;}
#celestyal-aegean a {text-decoration:none;color:#505050;}
#celestyal-aegean a:hover {text-decoration:none;opacity:.75;}
#celestyal-aegean a:active,
#celestyal-aegean a:focus {text-decoration:none;outline:none;}
#celestyal-aegean img {max-width:100%;height:auto;vertical-align:bottom;}
#celestyal-aegean .sec_blue {background:#e9f2fa;}
#celestyal-aegean .sec_beige {background:#f4f2ea;}
#celestyal-aegean .sec_inner {overflow:hidden;max-width:1040px;margin:0 auto;padding:60px 0;}
#celestyal-aegean .sec_tit {margin-bottom:35px;padding-bottom:30px;text-align:center;background:url(../img/title_bar.png) center bottom no-repeat;}
#celestyal-aegean .sec_tit span {font-size:1.6rem;font-weight:bold;line-height:1.4;display:block;color:#000;}
#celestyal-aegean .sec p {font-size:1.6rem;line-height:1.8;}
#celestyal-aegean .taC {text-align:center;}
#celestyal-aegean .color_red {color:#f40000;}
@media (min-width: 768px), print {
  #celestyal-aegean .dis_sp {display:none;}
}
@media screen and (max-width: 1100px) {
  #celestyal-aegean .sec_inner {padding:60px 5%;}
}
@media screen and (max-width: 767px) {
  #celestyal-aegean .dis_pc {display:none;}
	#celestyal-aegean .sec_inner {padding:30px 5%;}
	#celestyal-aegean .sec_tit {margin-bottom:25px;padding-bottom:18px;}
	#celestyal-aegean .sec_tit img {width:75%;max-width:400px;}
	#celestyal-aegean .sec_tit span {font-size:1.4rem;}
	#celestyal-aegean .sec p {font-size:1.5rem;line-height:1.7;}
}
@media screen and (max-width: 480px) {
  #celestyal-aegean .sec_tit {margin-bottom:5vw;padding-bottom:3vw;background-size:75% auto;}
	#celestyal-aegean .sec_tit span {font-size:3.25vw;}
	#celestyal-aegean .sec p {font-size:1.4rem;}
}

/* ------------------------------------ */
/* Visual */
/* ------------------------------------ */
#celestyal-aegean .visual > div {z-index:1 !important;}
#celestyal-aegean .visual_slider {position:relative;z-index:2;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:480px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
@media screen and (max-width: 767px) {
  #celestyal-aegean .visual_slider {height:auto;}
}

/* ------------------------------------ */
/* Navi */
/* ------------------------------------ */
#celestyal-aegean .local_nav {background:#2ca8fe;}
#celestyal-aegean .local_nav li a {font-size:1.6rem;display:block;color:#fff;}
#celestyal-aegean .local_nav li span {font-weight:bold;}
@media (min-width: 768px), print {
  #celestyal-aegean .local_nav ul {display:table;width:100%;max-width:1100px;margin:0 auto;}
	#celestyal-aegean .local_nav li {display:table-cell;vertical-align:middle;}
	#celestyal-aegean .local_nav li + li {border-left:1px solid #6cc2fe;}
	#celestyal-aegean .local_nav li a {font-size:1.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:80px;padding:0 30px;text-align:center;color:#fff;}
}
@media (min-width: 1101px), print {
  #celestyal-aegean .local_nav li span {display:inline-block;padding-right:20px;background:url(../img/icon_arr.png) right center/13px auto no-repeat;}
}
@media screen and (max-width: 1100px) {
  #celestyal-aegean .local_nav ul {table-layout:fixed;}
	#celestyal-aegean .local_nav li a {font-size:1.4rem;position:relative;padding:0 13% 0 5%;}
	#celestyal-aegean .local_nav li a::after {position:absolute;top:50%;right:5%;width:12px;height:13px;content:'';-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(../img/icon_arr.png) center center/100% auto no-repeat;}
}
@media screen and (max-width: 767px) {
  #celestyal-aegean .local_nav li + li {border-top:1px solid #fff;}
	#celestyal-aegean .local_nav li a {padding:15px 5%;}
}

/* ------------------------------------ */
/* 紹介 */
/* ------------------------------------ */
#celestyal-aegean .sec_intro .intro_tit {margin-bottom:35px;text-align:center;}
#celestyal-aegean .sec_intro .link_btn a {font-size:1.8rem;font-weight:bold;position:relative;display:block;width:100%;padding:10px 15px;text-align:center;color:#fff;border-radius:4px;background:#41cab4;}
#celestyal-aegean .sec_intro .link_btn a::after {font-family:FontAwesome;font-size:80%;position:absolute;top:50%;right:15px;content:'\f078';-webkit-transform:translateY(-50%);transform:translateY(-50%);}
@media (min-width: 981px), print {
  #celestyal-aegean .sec_intro .wrap {position:relative;padding-left:39.4%;}
	#celestyal-aegean .sec_intro .img {position:absolute;top:0;left:0;width:35.3%;max-width:368px;}
	#celestyal-aegean .sec_intro .link_btn {margin-top:15px;text-align:right;}
	#celestyal-aegean .sec_intro .link_btn a {display:inline-block;max-width:376px;}
}
@media screen and (max-width: 980px) and (min-width: 768px) {
  #celestyal-aegean .sec_intro .wrap {width:84%;max-width:580px;}
	#celestyal-aegean .sec_intro .link_btn {margin:0 5%;}
}
@media screen and (max-width: 980px) {
  #celestyal-aegean .sec_intro .wrap {margin:0 auto;}
	#celestyal-aegean .sec_intro .intro_tit {margin-bottom:20px;}
	#celestyal-aegean .sec_intro .img {width:64%;margin:20px auto;}
	#celestyal-aegean .sec_intro .link_btn a {font-size:1.6rem;}
}

/* ------------------------------------ */
/* ルートマップ */
/* ------------------------------------ */
#celestyal-aegean .sec_map .tit {font-size:1.8rem;font-weight:bold;line-height:1.5;position:relative;margin-bottom:10px;padding-left:20px;color:#000;}
#celestyal-aegean .sec_map p + .tit {margin-top:20px;}
#celestyal-aegean .sec_map .tit::after {position:absolute;top:3px;left:0;width:8px;height:20px;content:'';}
#celestyal-aegean .sec_map .tit_green::after {background:#41cab4;}
#celestyal-aegean .sec_map .tit_blue::after {background:#2ca8fe;}
#celestyal-aegean .sec_map p strong {font-weight:normal;color:#fe4e61;}
@media (min-width: 1101px), print {
  #celestyal-aegean .sec_map .wrap {position:relative;padding-left:61.5%;}
	#celestyal-aegean .sec_map .img {position:absolute;top:0;left:0;width:55.76%;max-width:580px;}
}
@media screen and (max-width: 1100px) {
  #celestyal-aegean .sec_map .wrap {margin:0 auto;}
	#celestyal-aegean .sec_map .img {margin:20px auto;text-align:center;}
	#celestyal-aegean .sec_map .tit {font-size:1.7rem;padding-left:15px;}
	#celestyal-aegean .sec_map .tit::after {width:5px;height:18px;}
}
@media screen and (max-width: 1100px) and (min-width: 768px) {
  #celestyal-aegean .sec_map .wrap {width:84%;max-width:580px;}
}
@media screen and (max-width: 767px) {
  #celestyal-aegean .sec_map .tit {font-size:1.6rem;}
	#celestyal-aegean .sec_map .tit::after {top:2px;}
}
@media screen and (max-width: 480px) {
  #celestyal-aegean .sec_map .tit {font-size:1.5rem;}
	#celestyal-aegean .sec_map .tit::after {top:1px;}
}

/* ------------------------------------ */
/* 都市紹介 */
/* ------------------------------------ */
#celestyal-aegean .sec_destination .list {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:-40px;}
#celestyal-aegean .sec_destination .list::after {display:block;width:22.3%;content:'';}
#celestyal-aegean .sec_destination .list li {width:22.3%;margin-bottom:40px;}
#celestyal-aegean .sec_destination .list .img {margin-bottom:20px;}
#celestyal-aegean .sec_destination .list .name {font-size:1.8rem;font-weight:bold;line-height:1.4;margin-bottom:10px;color:#000;}
#celestyal-aegean .sec_destination .list p {font-size:1.4rem;line-height:1.7;margin-bottom:10px;}
#celestyal-aegean .sec_destination .list p + p {margin-top:10px;}
#celestyal-aegean .sec_destination .list p small {font-size:inherit;color:#2ca8fe;}
@media screen and (max-width: 767px) {
  #celestyal-aegean .sec_destination .list {max-width:480px;margin:0 auto -20px;}
	#celestyal-aegean .sec_destination .list::after,
	#celestyal-aegean .sec_destination .list li {width:48.2%;}
	#celestyal-aegean .sec_destination .list li {margin-bottom:20px;}
	#celestyal-aegean .sec_destination .list .img {margin-bottom:10px;}
	#celestyal-aegean .sec_destination .list .name {font-size:1.5rem;margin-bottom:5px;}
	#celestyal-aegean .sec_destination .list p {font-size:1.3rem;line-height:1.6;margin-bottom:5px;}
}
@media screen and (max-width: 767px) {
  #celestyal-aegean .sec_destination .list .name {font-size:1.4rem;}
}

/* ------------------------------------ */
/* TSJ のポイント */
/* ------------------------------------ */
#celestyal-aegean .sec_point .point_list li {border:1px solid #41cab4;border-top:0;background:#fff;}
#celestyal-aegean .sec_point .point_tit {position:relative;text-align:center;background:#41cab4;}
#celestyal-aegean .sec_point .point_tit::before {position:absolute;top:0;left:10px;width:74px;height:45px;content:'';background:url(../img/point_num_01.png) left top/100% auto no-repeat;}
#celestyal-aegean .sec_point .point_list li:nth-of-type(1) .point_tit::before {background-image:url(../img/point_num_01.png);}
#celestyal-aegean .sec_point .point_list li:nth-of-type(2) .point_tit::before {background-image:url(../img/point_num_02.png);}
#celestyal-aegean .sec_point .point_list li:nth-of-type(3) .point_tit::before {background-image:url(../img/point_num_03.png);}
#celestyal-aegean .sec_point .point_tit img {width:60px;height:auto;}
#celestyal-aegean .sec_point .point_tit strong {font-size:1.8rem;font-weight:bold;line-height:1.5;display:block;margin-top:10px;color:#fff;}
#celestyal-aegean .sec_point .point_txt {padding:17px 40px 25px;}
#celestyal-aegean .sec_point .point_txt p {font-size:1.4rem;line-height:1.7;}
@media (min-width: 981px), print {
  #celestyal-aegean .sec_point .point_list {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
	#celestyal-aegean .sec_point .point_list li {width:31.53%;}
	#celestyal-aegean .sec_point .point_tit {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:142px;}
}
@media screen and (max-width: 980px) {
  #celestyal-aegean .sec_point .point_list {width:84%;margin:0 auto;}
	#celestyal-aegean .sec_point .point_list li {margin-bottom:20px;}
	#celestyal-aegean .sec_point .point_tit {padding:15px;}
	#celestyal-aegean .sec_point .point_tit strong {font-size:1.6rem;}
}
@media screen and (max-width: 980px) and (min-width: 768px) {
  #celestyal-aegean .sec_point .point_tit strong br {display:none;}
}
@media screen and (max-width: 767px) {
  #celestyal-aegean .sec_point .point_txt {padding:15px 20px 20px;}
}
@media screen and (max-width: 480px) {
  #celestyal-aegean .sec_point .point_tit::before {width:15vw;}
	#celestyal-aegean .sec_point .point_tit img {width:12vw;}
}

/* ------------------------------------ */
/* セレスティアルクルーズとは */
/* ------------------------------------ */
#celestyal-aegean .sec_about .wrap {position:relative;margin-top:50px;}
#celestyal-aegean .sec_about .img {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
#celestyal-aegean .sec_about .img > img {width:49.2%;}
#celestyal-aegean .sec_about .tit {font-size:1.8rem;font-weight:bold;line-height:1.5;margin-bottom:15px;color:#000;}
@media (min-width: 981px), print {
  #celestyal-aegean .sec_about .wrap {min-height:254px;}
	#celestyal-aegean .sec_about .wrap:nth-of-type(1) {padding-left:53.84%;}
	#celestyal-aegean .sec_about .wrap:nth-of-type(2) {padding-right:53.84%;}
	#celestyal-aegean .sec_about .img {position:absolute;top:0;width:50%;max-width:520px;}
	#celestyal-aegean .sec_about .wrap:nth-of-type(1) .img {left:0;}
	#celestyal-aegean .sec_about .wrap:nth-of-type(2) .img {right:0;}
	#celestyal-aegean .sec_about .img > img {max-width:256px;}
	#celestyal-aegean .sec_about p {font-size:1.6rem;}
}
@media screen and (max-width: 980px) {
  #celestyal-aegean .sec_about .img {margin:0 auto 20px;}
}
@media screen and (max-width: 980px) and (min-width: 768px) {
  #celestyal-aegean .sec_about .wrap {width:81%;margin:50px auto 0;}
}
@media screen and (max-width: 767px) {
  #celestyal-aegean .sec_about .wrap {margin-top:30px;}
	#celestyal-aegean .sec_about .tit {font-size:1.6rem;margin-bottom:10px;}
}
@media screen and (max-width: 480px) {
  #celestyal-aegean .sec_about .tit {font-size:1.5rem;}
}

/* ------------------------------------ */
/* Tour */
/* ------------------------------------ */
#celestyal-aegean .tourlist_tit {line-height:1.4;overflow:hidden;margin-top:50px;margin-bottom:20px;padding:12px 15px 12px 35px;border:1px solid #2ca8fe;background:#fff;}
#celestyal-aegean .tourlist_tit strong {font-size:2.3rem;display:inline-block;margin-right:35px;vertical-align:middle;color:#000;}
#celestyal-aegean .tourlist_tit small {font-size:1.6rem;display:inline-block;vertical-align:middle;color:#505050;}
@media screen and (max-width: 980px) {
  #celestyal-aegean .tourlist_tit strong {font-size:2rem;margin-right:15px;}
}
@media screen and (max-width: 767px) {
  #celestyal-aegean .tourlist_tit {margin-top:30px;padding:10px 5px 10px 15px;}
	#celestyal-aegean .tourlist_tit strong {font-size:1.8rem;}
	#celestyal-aegean .tourlist_tit small {font-size:1.4rem;}
}
@media screen and (max-width: 480px) {
  #celestyal-aegean .tourlist_tit {padding:5px 2px 5px 15px;}
	#celestyal-aegean .tourlist_tit strong {font-size:1.5rem;margin-right:1vw;}
	#celestyal-aegean .tourlist_tit small {font-size:1.3rem;}
}

/* tour color */
#celestyal-aegean .tourlist,
#celestyal-aegean .tourlist a {color:#000;}
#celestyal-aegean .tourlist.tabpanel .tour_tab li {border-color:#6cc2fe;}
#celestyal-aegean .tourlist.tabpanel .tour_tab li span {color:#fff;background:#2ca8fe;}
#celestyal-aegean .tourlist.tabpanel .tour_tab li.selected {border-color:#0060de;}
#celestyal-aegean .tourlist.tabpanel .tour_tab li.selected span {background:#0060de;}
#celestyal-aegean .tourlist.tabpanel .tour_tab li.selected span::after {border-top-color:#0060de;}
#celestyal-aegean .tourlist .tour_cnt_head .cnt_head_01 {border-color:#2ca8fe;}
#celestyal-aegean .tourlist .tour_cnt_head .cnt_head_01 .tour_dep {color:#2ca8fe;border-color:#2ca8fe;}
#celestyal-aegean .tourlist .tour_cnt_head .tour_comment_tit {background:#41cab4;}
#celestyal-aegean .tourlist .tour_cnt_wrap .tour_info_list .tit {font-weight:bold;color:#2ca8fe;border:1px solid #2ca8fe;background:#fff;}
#celestyal-aegean .tourlist .tour_cnt_wrap .tour_info_tab_panel .tour_btn a {color:#fff;background:#41cab4;}
@media (min-width: 768px), print {
  #celestyal-aegean .tourlist.tabpanel .tour_tab {padding-bottom:20px;}
	#celestyal-aegean .tourlist.tabpanel .tour_tab li span {font-size:1.8rem;}
	#celestyal-aegean .tourlist .tour_cnt_wrap {padding:10px 15px;}
	#celestyal-aegean .tourlist .tour_cnt_wrap .tour_info_tab_nav li:not(.active) span {border-color:#2ca8fe;background:#2ca8fe;}
	#celestyal-aegean .tourlist .tour_cnt_wrap .tour_info_tab_panel .panel_cnt {padding-right:170px;}
	#celestyal-aegean .tourlist .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .att .att_01 {display:inline-block;}
}
@media screen and (max-width: 980px) {
  #celestyal-aegean .tourlist .tour_cnt_head .cnt_head_01 {display:none;}
}
@media screen and (max-width: 767px) {
  #celestyal-aegean .tourlist {margin:0 auto;max-width:480px;}
	#celestyal-aegean .tourlist.tabpanel .tour_panel {padding-bottom:0;background:transparent;}
	#celestyal-aegean .tourlist.tabpanel .tour_tab {padding:0 0 20px;}
	#celestyal-aegean .tourlist .tour_cnt {border-top:0;-webkit-box-shadow:none;box-shadow:none;}
	#celestyal-aegean .tourlist .tour_cnt_head {background:transparent;padding-bottom:0;}
	#celestyal-aegean .tourlist .tour_cnt_head .tour_img {float:none;width:100%;margin-bottom:10px;}
	#celestyal-aegean .tourlist .tour_cnt_head .cnt_head_02 {float:none;width:100%;}
	#celestyal-aegean .tourlist .tour_cnt_wrap .tour_info_tab_nav li span {background:#2ca8fe;}
	#celestyal-aegean .tourlist .tour_cnt_wrap .tour_info_tab_nav li.active span {background:#0060de;}
	#celestyal-aegean .tourlist .tour_cnt_wrap .tour_info_tab_panel {border-color:#0060de;}
	#celestyal-aegean .tourlist .tour_cnt_wrap .tour_info_tab_panel .tour_price_tit {width:80px;}
	#celestyal-aegean .tourlist .tour_cnt_wrap .tour_info_tab_panel .tour_price_tit span {line-height:1.4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:48px;padding:0;text-align:center;}
}
@media screen and (max-width: 640px) {
  #celestyal-aegean .tourlist .tour_cnt_wrap .tour_info_tab_panel .tour_price {width:calc(100% + 10px);}
}
@media screen and (max-width: 480px) {
  #celestyal-aegean .tourlist .tour_cnt_wrap .tour_info_tab_panel .tour_price_txt .min_price {font-size:1.9rem;}
}

/* -------------------------------------------------------- */
/* フリーオーダー (共通記述) */
/* -------------------------------------------------------- */
#celestyal-aegean .contact_box {overflow:hidden;background:#fff;}
#celestyal-aegean .contact_box p {color:#787878;}
#celestyal-aegean .contact_box .tit {color:#000;}
#celestyal-aegean .contact_box .contact_tel a {color:#0060de;}
@media (min-width: 768px), print {
  #celestyal-aegean .contact_box {width:100%;max-width:1040px;margin:40px auto;padding:30px 40px;}
	#celestyal-aegean .contact_box p {font-size:1.5rem;line-height:1.6;}
	#celestyal-aegean .contact_box .tit {font-size:3rem;margin-bottom:5px;}
	#celestyal-aegean .contact_box .contact_tel {font-family:'arial', sans-serif;font-size:6rem;font-weight:bold;line-height:1;margin:0 auto;letter-spacing:-.02em;color:#0060de;}
	#celestyal-aegean .contact_box .contact_tel a {pointer-events:none;}
	#celestyal-aegean .contact_box .contact_tel::before {font-family:FontAwesome;font-size:4.8rem;display:inline-block;margin-right:10px;content:'\f095';-webkit-transform:rotate(10deg);transform:rotate(10deg);}
}
@media screen and (min-width: 981px), print {
  #celestyal-aegean .contact_box {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;-ms-flex-align:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:70px auto;border:solid 1px #c8c8c8;}
	#celestyal-aegean .contact_box .wrap_01 {width:55%;}
	#celestyal-aegean .contact_box .wrap_02 {width:45%;max-width:450px;}
	#celestyal-aegean .contact_box .contact_tel {text-align:right;}
}
@media screen and (max-width: 980px) and (min-width: 768px) {
  #celestyal-aegean .contact_box .wrap_01,
	#celestyal-aegean .contact_box .wrap_02 {text-align:center;}
	#celestyal-aegean .contact_box .tit {font-size:2.7rem;margin-bottom:20px;text-align:center;}
}
@media screen and (max-width: 980px) {
	#celestyal-aegean .contact_box .wrap_01 {margin:0 auto 20px;}
	#celestyal-aegean .contact_box .wrap_02 {max-width:480px;margin:0 auto;}
}
@media screen and (max-width: 767px) {
  #celestyal-aegean .contact_box {overflow:hidden;padding:20px 5%;text-align:center;}
	#celestyal-aegean .contact_box p {font-size:1.2rem;}
	#celestyal-aegean .contact_box .tit {font-size:1.8rem;line-height:1.4;margin-bottom:10px;}
	#celestyal-aegean .contact_box .contact_tel a {font-size:1.6rem;font-weight:bold;line-height:40px;position:relative;display:block;height:44px;margin:0 3px;text-decoration:none;border-radius:5px;}
	#celestyal-aegean .contact_box .contact_tel a::before {position:absolute;top:0;height:100%;}
	#celestyal-aegean .contact_box .contact_tel a {padding-left:10px;color:#0060de;border:2px solid #0060de;background:#fff;}
	#celestyal-aegean .contact_box .contact_tel a::before {font-family:FontAwesome;font-size:3rem;position:absolute;left:5px;content:'\f095';-webkit-transform:rotate(10deg);transform:rotate(10deg);}
}
@media screen and (max-width: 640px) {
	#celestyal-aegean .contact_box .wrap_01 {margin-bottom:15px;}
  #celestyal-aegean .contact_box p {text-align:left;}
}