@charset "utf-8";
/* CSS Document */

/* キャンペーン独自CSS */
#campaign.cmp-chrometour_2409{ font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#campaign.cmp-chrometour_2409 .mv{ background: #000 url(/special/cp/2024/chrometour_2409/images/mv-bg_sp.jpg) center top no-repeat; padding: 20px 0 50px;}
#campaign.cmp-chrometour_2409 .mv h1{ width: 519px; margin: 0 auto 390px;}
#campaign.cmp-chrometour_2409 .mv p{ font-size: 30px; line-height: 1.6; color: #fff; padding: 0 40px;}
#campaign.cmp-chrometour_2409 .tit-box{ text-align: center; margin-bottom: 40px;}
#campaign.cmp-chrometour_2409 .tit-box .tit{ font-size: 58px; font-weight: 900; line-height: 1.2; display: inline-block;}
#campaign.cmp-chrometour_2409 .tit-box .tit span{ font-family: "Roboto Condensed", sans-serif; font-size: 24px; font-weight: 700; display: block; margin-top: 20px;}
#campaign.cmp-chrometour_2409 .tit-box p{ font-size: 30px; line-height: 1.8; text-align: left; margin-top: 25px !important; padding: 0 40px;}
#campaign.cmp-chrometour_2409 .sec01{ padding: 50px 0 60px;}
#campaign.cmp-chrometour_2409 .sec01 .tit-box .tit{ color: rgb(176, 38, 38); background: -webkit-linear-gradient(0deg, rgba(188, 151, 61, 1) 0%, rgba(176, 38, 38, 1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#campaign.cmp-chrometour_2409 .sec01 .present-list{ padding: 0 40px; margin-bottom: 50px;}
#campaign.cmp-chrometour_2409 .sec01 .present-list li:first-of-type{ margin-bottom: 40px;}

#campaign.cmp-chrometour_2409 .sec01 .cmpn-offer-bg{ margin: 0 30px;}
#campaign.cmp-chrometour_2409 .sec01 .cmpn-offer-bg{ border: solid 10px #0071BE; box-shadow: 0 0 26px rgba(0, 0, 0, 0.25);}
#campaign.cmp-chrometour_2409 .sec01 .cmpn-offer-bg .cmpn-offer,
#campaign.cmp-chrometour_2409 .sec01 .cmpn-offer-bg .cmpn-entered{ border: none !important; box-shadow: none !important;}
#campaign.cmp-chrometour_2409 .sec01 .cmpn-offer-bg .cmpn-entered{ margin: 0 !important;}
#campaign.cmp-chrometour_2409 .sec01 .cmpn-offer-bg .cmpn-purchased{ padding: 30px 20px 20px; border-top: 10px solid #0071BE;}
#campaign.cmp-chrometour_2409 .sec01 .cmpn-offer-bg .cmpn-purchased p{ font-size: 30px; line-height: 1.8; text-align: left; margin-bottom: 20px !important;}
#campaign.cmp-chrometour_2409 .sec01 .cmpn-offer-bg .cmpn-purchased .button{ box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); text-align: center; margin-bottom: 20px;}
#campaign.cmp-chrometour_2409 .sec01 .cmpn-offer-bg .cmpn-purchased .button a{ background: #ffec3f; font-size: 32px; font-weight: 500; color: #000 !important; text-decoration: none !important; display: block; padding: 40px 0 50px 0;}
#campaign.cmp-chrometour_2409 .sec01 .cmpn-offer-bg .cmpn-purchased .button a:hover{ opacity: 0.8;}
#campaign.cmp-chrometour_2409 .sec01 .cmpn-offer-bg .cmpn-purchased .button a img{ width: 16px; margin: -8px 0 0 10px; vertical-align: middle;}
#campaign.cmp-chrometour_2409 .sec01 .cmpn-offer-bg .cmpn-purchased p.notes{ font-size: 24px !important; line-height: 1.4 !important; color: #ff0000; text-align: center; margin-bottom: 15px !important;}

#campaign.cmp-chrometour_2409 .sec01 .review-box-bg{ color: rgb(176, 38, 38); background: -webkit-linear-gradient(0deg, rgba(188, 151, 61, 1) 0%, rgba(176, 38, 38, 1) 100%); box-shadow: 0 0 26px rgba(0, 0, 0, 0.25); padding: 10px; margin: 40px 30px 0;}
#campaign.cmp-chrometour_2409 .sec01 .review-box-bg .review-box{ background: #fff;}
#campaign.cmp-chrometour_2409 .sec01 .review-box-bg .review-box .tit{ background: -webkit-linear-gradient(0deg, rgba(188, 151, 61, 1) 0%, rgba(176, 38, 38, 1) 100%); font-size: 32px; font-weight: 900; letter-spacing: 1px; color: #fff; text-align: center; padding: 5px 0 15px;}
#campaign.cmp-chrometour_2409 .sec01 .review-box-bg .review-box ul li{ padding: 30px; border-bottom: 1px dotted #000;}
#campaign.cmp-chrometour_2409 .sec01 .review-box-bg .review-box ul li:last-of-type{ border-bottom: none;}
#campaign.cmp-chrometour_2409 .sec01 .review-box-bg .review-box ul li .item-box{ display: flex; align-items: center; margin-bottom: 10px; padding: 0 10px;}
#campaign.cmp-chrometour_2409 .sec01 .review-box-bg .review-box ul li .item-box p{ font-size: 36px; font-weight: 900; line-height: 1.3; margin-right: auto !important;}
#campaign.cmp-chrometour_2409 .sec01 .review-box-bg .review-box ul li .item-box .item img{ width: 150px;}
#campaign.cmp-chrometour_2409 .sec01 .review-box-bg .review-box ul li .text{ font-size: 26px; line-height: 1.6; margin-bottom: 20px !important; padding: 0 10px;}
#campaign.cmp-chrometour_2409 .sec01 .review-box-bg .review-box ul li .button{ box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); text-align: center;}
#campaign.cmp-chrometour_2409 .sec01 .review-box-bg .review-box ul li .button a{ background: #ffec3f; font-size: 28px; font-weight: 600; color: #000 !important; text-decoration: none !important; display: block; padding: 10px 0 15px 0;}
#campaign.cmp-chrometour_2409 .sec01 .review-box-bg .review-box ul li .button a:hover{ opacity: 0.8;}
#campaign.cmp-chrometour_2409 .sec01 .review-box-bg .review-box ul li .button a img{ width: 16px; margin: -8px 0 0 10px; vertical-align: middle;}
#campaign.cmp-chrometour_2409 .sec02{ background: #0179ac; padding: 50px 0 60px;}
#campaign.cmp-chrometour_2409 .sec02 .tit-box .tit{ color: #fff;}
#campaign.cmp-chrometour_2409 .sec02 .box{ margin: 0 40px;}
#campaign.cmp-chrometour_2409 .sec03{ background: #000 url(/special/cp/2024/chrometour_2409/images/sec03-bg_sp.jpg) center top repeat-y; background-size: 100%; padding: 50px 40px; margin-bottom: 50px;}
#campaign.cmp-chrometour_2409 .sec03 .tit-box .tit{ color: #fff;}
#campaign.cmp-chrometour_2409 .sec03 ul li:first-of-type{ margin-bottom: 40px;}
#campaign.cmp-chrometour_2409 .sec03 ul li .img{ filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2)); margin-bottom: 25px;}
#campaign.cmp-chrometour_2409 .sec03 ul li .stit{ font-size: 30px; font-weight: 900; line-height: 1; color: #fff; text-align: center; margin-bottom: 18px;}
#campaign.cmp-chrometour_2409 .sec03 ul li p{ font-size: 26px; line-height: 1.8; color: #fff;}
#campaign.cmp-chrometour_2409 .sec03 .btn{ margin-bottom: 60px;}
#campaign.cmp-chrometour_2409 .sec03 .btn a{ filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.2));}

#campaign #cmpn-offer{ background: #fff; margin: 0;}
#campaign #cmpn-about{ margin-top: 0;}
#campaign #cmpn-about strong{ font-weight: bold; color: #000;}