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

File name:  style.css
Created:    2019-07-26
Style Info: 【プーケットツアー】当社オリジナル16大特典 CSS
----------------------------------------------------------- */

/* ---------------------- */
/* common */
/* ---------------------- */
.breadcrumb_area li:last-child {pointer-events:none;cursor:default;}
.content_wrapper{overflow:visible;background: #f5f3eb;}
#phuket_tokuten.content {width:1140px;margin:0 auto;padding:0;background:#fff;color:#000;}
#phuket_tokuten p {font-size:15px;line-height:1.8;}
#phuket_tokuten img {width:100%;}
#phuket_tokuten .visual {margin-bottom:25px;}
#phuket_tokuten .visual .sp {display:none;}
#phuket_tokuten .c_inner {width:1040px;margin:0 auto;}
#phuket_tokuten .marker_pink {background:linear-gradient(transparent 60%, #ffc8f0 0%);}
#phuket_tokuten .marker_yellow {background:linear-gradient(transparent 60%, #fff554 0%);}
#phuket_tokuten .sec {margin-bottom:70px;}
#phuket_tokuten .sec_tit {display:flex;align-items:center;justify-content:center;border-top:solid 4px #000;border-bottom:solid 4px #000;background:url(../images/tit_icon_hand.png) no-repeat 10px center;height:110px;margin-bottom:30px;position:relative;}
#phuket_tokuten .sec_tit span {background:linear-gradient(transparent 60%, #fff554 0%);font-size:44px;font-weight:bold;display:inline-block;padding-bottom:5px;line-height:1;}
#phuket_tokuten .sec_tit span.sp {display:none;}
@media screen and (max-width:1160px) {
	#phuket_tokuten.content {width:100%;}
	#phuket_tokuten .c_inner {width:96%;margin:0 auto;}
	#phuket_tokuten .sec_tit span {font-size:34px;}
}
@media screen and (max-width:767px) {
	#phuket_tokuten.content {width:100%;}
	#phuket_tokuten .visual {margin-bottom:3.25vw;}
	#phuket_tokuten .visual .pc {display:none;}
	#phuket_tokuten .visual .sp {display:block;}
	#phuket_tokuten .c_inner {width:90%;margin:0 auto;}
	#phuket_tokuten .sec {margin-bottom:9.375vw;}
	#phuket_tokuten .sec_tit {border-top-width:3px;border-bottom-width:3px;background-size:6.24vw auto;height:auto;padding:4vw 0 3.124vw;margin-bottom:6.25vw;}
	#phuket_tokuten .sec_tit span {font-size:20px;}
	#phuket_tokuten .sec_tit span.pc {display:none;}
	#phuket_tokuten .sec_tit span.sp {display:inline-block;}
}

/* ---------------------- */
/* ページナビ */
/* ---------------------- */
#phuket_tokuten .page_nav ul {display:flex;justify-content:space-between;}
#phuket_tokuten .page_nav ul li {width:31.7%;}
#phuket_tokuten .page_nav ul li a {display:flex;align-items:center;background:#358f38 url(../images/btn_bg.png) center center repeat;position:relative;color:#fff;font-size:22px;line-height:1.2;font-weight:bold;height:80px;padding:0 24px;}
#phuket_tokuten .page_nav ul li a:after {content:"";background:url(../images/arrow_down.png) center center / 100% auto no-repeat;display:block;width:28px;height:100%;position:absolute;right:15px;top:0;}
#phuket_tokuten .page_nav .note {padding:45px 0;}
#phuket_tokuten .page_nav .note p {font-size:20px;font-weight:bold;text-align:center;line-height:1.8;}
#phuket_tokuten .page_nav .note p span {font-weight:bold;}
@media screen and (max-width:1160px) {
	#phuket_tokuten .page_nav ul li a {font-size:20px;padding:0 30px 0 15px;justify-content:center;}
	#phuket_tokuten .page_nav ul li a:after {width:20px;right:15px;}
	#phuket_tokuten .page_nav .note {padding:30px 0;}
	#phuket_tokuten .page_nav .note p {text-align:left;font-size:18px;}
}
@media screen and (max-width:767px) {
	#phuket_tokuten .page_nav ul {display:block;}
	#phuket_tokuten .page_nav ul li {width:100%;margin:0 0 1.5625vw;}
	#phuket_tokuten .page_nav ul li a {font-size:18px;height:12.5vw;}
	#phuket_tokuten .page_nav ul li a:after {width:20px;right:3.125vw;}
	#phuket_tokuten .page_nav .note {padding:3.125vw 0 7.8125vw;}
	#phuket_tokuten .page_nav .note p {font-size:16px;}
}

/* ---------------------- */
/* 特典ナビ */
/* ---------------------- */
#phuket_tokuten .tokuten_nav {position:relative;margin-bottom:30px;}
#phuket_tokuten .tokuten_nav .sp {display:none;}
#phuket_tokuten .tokuten_nav li a {display:block;width:23.75%;height:15.96%;position:absolute;}
#phuket_tokuten .tokuten_nav li img {width:100%;height:auto;}
#phuket_tokuten .tokuten_nav a[href^="#tokuten_01"] {top:21.7%;left:1.73%;}
#phuket_tokuten .tokuten_nav a[href^="#tokuten_02"] {top:21.7%;left:25.76%;}
#phuket_tokuten .tokuten_nav a[href^="#tokuten_03"] {top:21.7%;left:49.8%;}
#phuket_tokuten .tokuten_nav a[href^="#tokuten_04"] {top:21.7%;left:73.84%;}
#phuket_tokuten .tokuten_nav a[href^="#tokuten_05"] {top:39.03%;left:1.73%;}
#phuket_tokuten .tokuten_nav a[href^="#tokuten_06"] {top:39.03%;left:25.76%;}
#phuket_tokuten .tokuten_nav a[href^="#tokuten_07"] {top:39.03%;left:49.8%;}
#phuket_tokuten .tokuten_nav a[href^="#tokuten_08"] {top:39.03%;left:73.84%;}
#phuket_tokuten .tokuten_nav a[href^="#tokuten_09"] {top:56.29%;left:1.73%;}
#phuket_tokuten .tokuten_nav a[href^="#tokuten_10"] {top:56.29%;left:25.76%;}
#phuket_tokuten .tokuten_nav a[href^="#tokuten_11"] {top:56.29%;left:49.8%;}
#phuket_tokuten .tokuten_nav a[href^="#tokuten_12"] {top:56.29%;left:73.84%;}
#phuket_tokuten .tokuten_nav a[href^="#tokuten_13"] {top:73.54%;left:1.73%;}
#phuket_tokuten .tokuten_nav a[href^="#tokuten_14"] {top:73.54%;left:25.76%;}
#phuket_tokuten .tokuten_nav a[href^="#tokuten_15"] {top:73.54%;left:49.8%;}
#phuket_tokuten .tokuten_nav a[href^="#tokuten_16"] {top:73.54%;left:73.84%;}
@media screen and (max-width:767px) {
	#phuket_tokuten .tokuten_nav {margin-bottom:6.25vw;}
	#phuket_tokuten .tokuten_nav .pc {display:none;}
	#phuket_tokuten .tokuten_nav .sp {display:block;}
	#phuket_tokuten .tokuten_nav li a {width:46.56%;height:8.21%;}
	#phuket_tokuten .tokuten_nav a[href^="#tokuten_01"] {top:17.67%;left:2.5%;}
	#phuket_tokuten .tokuten_nav a[href^="#tokuten_02"] {top:17.67%;left:49.84%;}
	#phuket_tokuten .tokuten_nav a[href^="#tokuten_03"] {top:26.84%;left:2.5%;}
	#phuket_tokuten .tokuten_nav a[href^="#tokuten_04"] {top:26.84%;left:49.84%;}
	#phuket_tokuten .tokuten_nav a[href^="#tokuten_05"] {top:36.02%;left:2.5%;}
	#phuket_tokuten .tokuten_nav a[href^="#tokuten_06"] {top:36.02%;left:49.84%;}
	#phuket_tokuten .tokuten_nav a[href^="#tokuten_07"] {top:45.2%;left:2.5%;}
	#phuket_tokuten .tokuten_nav a[href^="#tokuten_08"] {top:45.2%;left:49.84%;}
	#phuket_tokuten .tokuten_nav a[href^="#tokuten_09"] {top:54.38%;left:2.5%;}
	#phuket_tokuten .tokuten_nav a[href^="#tokuten_10"] {top:54.38%;left:49.84%;}
	#phuket_tokuten .tokuten_nav a[href^="#tokuten_11"] {top:63.56%;left:2.5%;}
	#phuket_tokuten .tokuten_nav a[href^="#tokuten_12"] {top:63.56%;left:49.84%;}
	#phuket_tokuten .tokuten_nav a[href^="#tokuten_13"] {top:72.73%;left:2.5%;}
	#phuket_tokuten .tokuten_nav a[href^="#tokuten_14"] {top:72.73%;left:49.84%;}
	#phuket_tokuten .tokuten_nav a[href^="#tokuten_15"] {top:81.91%;left:2.5%;}
	#phuket_tokuten .tokuten_nav a[href^="#tokuten_16"] {top:81.91%;left:49.84%;}
}

/* ---------------------- */
/* 特典の内容をチェック */
/* ---------------------- */
#phuket_tokuten .tokuten_list {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;}
#phuket_tokuten .tokuten_list::after {content:"";display:block;width:30.6%;}
#phuket_tokuten .tokuten_list > li {width:49%;margin-bottom:30px;position:relative;}
#phuket_tokuten .tokuten_list .frame {background:#fff;border:solid 1px #000;padding:0 6% 25px;height:100%;}
#phuket_tokuten .tokuten_list .tit {margin:0 -6.85%;}
#phuket_tokuten .tokuten_list .tit .bord {display:block;position:relative;background:url(../images/tokuten_bg.png);height:100px;display:flex;align-items:center;justify-content:center;margin:20px 6.4% 15px;font-size:24px;font-weight:bold;line-height:1.4;text-align:center;}
#phuket_tokuten .tokuten_list .tit .bord > img {display:block;position:absolute;}
#phuket_tokuten .tokuten_list .com {position:absolute;bottom:0;left:7%;width:86%;}
#phuket_tokuten .tokuten_list .pic {position:relative;margin:15px auto 0;margin-bottom:10px;}
#phuket_tokuten .tokuten_list .pic small {position:absolute;bottom:-20px;left:0;display:block;font-size:13px;}
#phuket_tokuten .tokuten_list ul li {font-size:15px;line-height:1.6;}
#phuket_tokuten .tokuten_list ul li strong {display:block;}
#phuket_tokuten .more_btn {display:none;}
#phuket_tokuten .tokuten_02 .tit .bord > img {width:27%;max-width:121px;top:50%;right:-3%;transform:translateY(-50%);}
#phuket_tokuten .tokuten_03 .tit .bord > img {width:19.2%;max-width:86px;right:2%;bottom:10px;}
#phuket_tokuten .tokuten_10 .pic small {left:12.5%;}
#phuket_tokuten .tokuten_03 .frame,
#phuket_tokuten .tokuten_11 .frame {height:auto;}
#phuket_tokuten .tokuten_12 ul li:nth-child(3) {letter-spacing:-.04em;}
#phuket_tokuten .tokuten_16 ul {min-height:72px;}
@media screen and (max-width:1160px) {
	#phuket_tokuten .tokuten_list > li {margin-bottom:1em;}
	#phuket_tokuten .tokuten_list .tit .bord {font-size:20px;}
}
@media screen and (max-width:980px) {
	#phuket_tokuten .bl_tokuten.off .tokuten_list li:nth-child(n+7) {display:none;}
	#phuket_tokuten .bl_tokuten.off {position:relative; display:block;}
	#phuket_tokuten .bl_tokuten.off:after { content:""; display:block; width:100%; height:300px; position:absolute;bottom:0;background :linear-gradient(to bottom, rgba(255, 255, 255,0) 0%, rgba(255, 255, 255,1) 50%);}
	#phuket_tokuten .bl_tokuten.off:after{height:15.625vw;}
	#phuket_tokuten .more_btn {width:600px; height:80px; margin:0 auto 50px; background:#a0a0a0; border-radius:40px; position:relative; display:block;}
	#phuket_tokuten .more_btn::after {content:"";position:absolute;right:40px;display:block;width:16px;height:16px;border-top: solid 5px #fff;border-right: solid 5px #fff;}
	#phuket_tokuten .more_btn.off{margin-top:-4.6875vw;}
	#phuket_tokuten .more_btn.off::after {top:30%;transform:rotate(135deg) translateY(-50%);}
	#phuket_tokuten .more_btn.on::after {top:50%;transform:rotate(-45deg) translateY(-50%); }
	#phuket_tokuten .more_btn span {color:#fff; font-weight:bold; font-size:4vw; display:block; width:100%; text-align:center;position:absolute; top:50%; left:0; transform:translate(0,-50%);}
}
@media screen and (max-width:767px) {
	#phuket_tokuten .tokuten_list {width:100%;}
	#phuket_tokuten .tokuten_list > li {width:100%;}
	#phuket_tokuten .tokuten_list .tit .bord {height:16.875vw;font-size:18px;margin:3.125vw 6.5% 2.34375vw;}
	#phuket_tokuten .tokuten_list .pic {margin:2.34375vw auto 0;}
	#phuket_tokuten .tokuten_list .pic small {font-size:12px;bottom:-17px;}
	#phuket_tokuten .tokuten_list .com {position:static;width:100%;margin:10px 0 0;}
	#phuket_tokuten .tokuten_16 ul {min-height:auto;}
	#phuket_tokuten .bl_tokuten.off .tokuten_list li:nth-child(6) {height:31.25vw;; overflow:hidden;}
	#phuket_tokuten .more_btn {width:68vw; height:12.5vw; margin:0 auto 6.25vw; background:#a0a0a0; border-radius: 6.25vw; position:relative; display:block;}
	#phuket_tokuten .more_btn::after {width:9px;height:9px;border-top-width:3px;border-right-width:3px;right:20px;}
	#phuket_tokuten .more_btn span {color:#fff; font-weight:bold; font-size:4vw; display:block; width:100%; text-align:center;position:absolute; top:50%; left:0; transform:translate(0,-50%);}
}

/* ---------------------- */
/* オプショナルツアーのご紹介 */
/* ---------------------- */
#phuket_tokuten .sec_optional {margin-bottom:84px;}
#phuket_tokuten .op_tour_bord {overflow:hidden;border:solid 1px #000;padding:35px;}
#phuket_tokuten .op_tour_bord .note {float:left;width:320px;}
#phuket_tokuten .op_tour_bord .note p {margin-bottom:20px;}
#phuket_tokuten .op_tour_bord .pic {float:right;}
#phuket_tokuten .op_tour_bord .btn {width:320px; height:40px; padding:0;}
#phuket_tokuten .op_tour_bord .btn a {display:block; width:100%; height:100%; background:#ffe200; position:relative; border-radius:5px;}
#phuket_tokuten .op_tour_bord .btn a:after {content:"";position:absolute;top:46%;right:20px;display:block;width:9px;height:9px;border-top: solid 3px #505050;border-right: solid 3px #505050;transform:rotate(45deg) translateY(-50%);}
#phuket_tokuten .op_tour_bord .btn a span {font-size:14px; display:block; font-weight:bold; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
@media screen and (max-width:1160px) {
	#phuket_tokuten .op_tour_bord .note {float:none;}
	#phuket_tokuten .op_tour_bord .note ,
	#phuket_tokuten .op_tour_bord .btn {width:100%;}
	#phuket_tokuten .op_tour_bord .pic {float:none;max-width:613px; width:100%; margin:0 auto 30px;}
	#phuket_tokuten .op_tour_bord .btn {width:100%; max-width:600px; margin:0 auto; display:block;}
}
@media screen and (max-width:767px) {
	#phuket_tokuten .sec_optional {margin-bottom:10vw;}
	#phuket_tokuten .op_tour_bord {padding:6.25vw 5.46vw;}
	#phuket_tokuten .op_tour_bord .note ,
	#phuket_tokuten .op_tour_bord .btn {width:100%;}
	#phuket_tokuten .op_tour_bord .btn {height:12.5vw;}
	#phuket_tokuten .op_tour_bord .pic {margin-bottom:3.9vw;}
	#phuket_tokuten .op_tour_bord .btn a:after {right:3.125vw;}
	#phuket_tokuten .op_tour_bord .btn a span {font-size:16px;}
}

/* ---------------------- */
/* 対象ツアー */
/* ---------------------- */
#phuket_tokuten .sec_tour .btn_list {display:flex;justify-content:space-between;}
#phuket_tokuten .sec_tour .btn_list > li {width:18.8%;}
#phuket_tokuten .sec_tour .btn_list > li a {position:relative;display:flex;align-items:center;justify-content:center;border-radius:5px;background:#358f38;font-size:28px;color:#fff;height:80px;padding-right:10px;}
#phuket_tokuten .sec_tour .btn_list > li a:after {content:"";position:absolute;top:46%;right:22px;display:block;width:12px;height:12px;border-top: solid 4px #fff;border-right: solid 4px #fff;transform:rotate(45deg) translateY(-50%);}
@media screen and (max-width:1060px) {
	#phuket_tokuten .sec_tour .btn_list > li a {font-size:24px;}
}
@media screen and (max-width:767px) {
	#phuket_tokuten .sec_tour .btn_list {flex-wrap:wrap;}
	#phuket_tokuten .sec_tour .btn_list::after{content:"";display:block;width:31.5%;}
	#phuket_tokuten .sec_tour .btn_list > li {width:31.5%;margin:0 0 2.5vw;}
	#phuket_tokuten .sec_tour .btn_list > li a {font-size:16px;line-height:1.4;height:12.5vw;}
	#phuket_tokuten .sec_tour .btn_list > li a:after {border-right-width:3px;border-top-width:3px;width:9px;height:9px;right:3.90625vw;}
}

/* ---------------------- */
/* コンテンツフッター */
/* ---------------------- */
#phuket_tokuten .c_footer {margin-bottom:80px;}
#phuket_tokuten .c_footer .bnr_list {display:flex;flex-wrap:wrap;justify-content:space-between;}
#phuket_tokuten .c_footer .bnt_list::after{content:"";display:block;width:48%;}
#phuket_tokuten .c_footer .bnr_list li {width:48%;margin-bottom:20px;}
@media screen and (max-width:767px) {
	#phuket_tokuten .c_footer {margin-bottom:9.375vw;}
	#phuket_tokuten .c_footer .bnr_list {display:block;max-width:500px;width:100%;margin:0 auto;}
	#phuket_tokuten .c_footer .bnt_list::after{display:none;}
	#phuket_tokuten .c_footer .bnr_list li {margin-bottom:3.125vw;width:100%;}
}

/* ---------------------- */
/* for SP（小さめ画面） */
/* ---------------------- */
@media screen and (max-width:321px) {
	#phuket_tokuten .page_nav ul li a,
	#phuket_tokuten .sec_tit span {font-size:16px;}
	#phuket_tokuten .page_nav .note p {font-size:15px;line-height:1.6;}
	#phuket_tokuten .tokuten_list .tit .bord,
	#phuket_tokuten .op_tour_bord .btn a span ,
	#phuket_tokuten .c_footer .tore_btn a span {font-size:15px;}
}