@charset "utf-8";
/*
* ★★CSS for PC
* @date 2022.5.30
*/

.sp{display: none;}
#widewrapper{ width: 100%; min-width: 1040px;}
#contentsArea a:hover{ opacity:0.8;}
#contents.column1{ width:100%; padding: 0; background:#f3f3f3;}
/* ---keyVisual--- */
#keyVisual{ width: 100%; height:471px; margin-bottom: 0; position: relative; background: #333;}
#keyVisual.pr_absolute::before{ z-index: 1;}
#keyVisual h1{ width: 400px; position: absolute; text-indent: 0; top: 0; left: 50%; margin-left: -200px;}
#keyVisual .keyLeft{ position: absolute; top: 0; left: 0px; width: calc(50% - 200px);}
#keyVisual .keyRight{ position: absolute; top: 0; right: 0; width: calc(50% - 200px);}
#keyVisual ul li{ height: 472px; background-size: cover; display: flex; align-items: flex-end; color: #fff;}
#keyVisual .keyLeft li:first-child{ background-image: url(../images/keyvisual1.jpg); background-position: left center;}
#keyVisual .keyRight li:first-child{ background-image: url(../images/keyvisual2.jpg); background-position: center center; justify-content: end;}
#keyVisual ul li p{ padding: 12px; text-shadow: 0 0 6px #000, 0 0 3px #000;}
/* cpnSchedule */
#mainContents .cpnSchedule{ padding-top: 24px; text-align: center; font-size: 95%; line-height: 1.5em;}
/* ---couponBnr--- */
#contents .cpn{
    max-width: 1120px;
    margin: 0 auto;
    padding: 40px 0;
}
#contents .cpn h2{ text-align:center; font-size: 24px; color: #333; line-height: 1.5em;}
.cpOutLink {
	width: 266px;
	margin: 16px auto 0;
	position: relative;
}
.cpn .cpOutLink a.arr-green-windowA {
	background-color: #ffffff;
	border-radius: 5px;
	font-weight: normal;
	margin-right: 8px;
	padding: 4px 8px;
	color: #444444;
	text-decoration: none;
	font-size: 12px;
}
.cpn .cpOutLink a.arr-green-windowA:hover{ text-decoration: none;}
.cpOutLink::after {
	background: url(https://img.travel.rakuten.co.jp/share/assets/temp/common/images/Linkwindow.svg) center center no-repeat;
	position: absolute;
	content: "";
	width: 16px;
	height: 16px;
	right: 3px;
	top: 50%;
	margin-top: -8px;
	background-size: 16px;
}
/* ---search--- */
.column1 #search-box{ width: 100%; border: none; padding: 40px 0;}
.column1 #search-box h2{
    max-width: 1040px;
    margin: 0 auto;
    background: #333;
    color: #fff;
    text-align: center;
    font-size: 22px;
    padding: 16px 0;
}
.column1 #search-box-body{
    max-width: 1038px;
    border: 1px solid #E8E8E8;
    margin: 0 auto;
}
.column1 #search-box .f_chu_1000{ display: none;}
/* ---cpninfo--- */
#cpInfo{ width: 944px; margin: 0 auto; padding: 40px 0;}
#cpInfo h2{ font-size: 22px; text-align: center;}
#cpInfo dl{ font-size: 85%; line-height: 1.5em;}
#cpInfo dt {
    color: #bf0a0a;
    font-weight: bold;
    margin: 16px 0 8px;
}
#cpInfo dd {
    margin: 16px 0;
}
#cpInfo a{ text-decoration: underline!important; color: #bf0a0a!important;}
#cpInfo a :hover{ text-decoration: none;}
/* ---totop--- */
#contents .toPpageTop{
    position: fixed;
    right: 32px;
    bottom: 32px;
    opacity: 0.7;
    line-height: 0;
    z-index: 1;
}
#contents {position: relative;}
.surveyArea{background-color: #fff;}
/* coupon1click */
#contentsArea .couponimg a:hover{ text-decoration: none;}
.cpnholder.jssBox.allList{ width: auto; justify-content: center; background: none;}
.cpnholder.jssBox.allList li.jss{ width: 37%; margin: 28px 14px 0 14px;}
.couponOneClick{ max-width: none;}
.cpnholder .btmarea{ max-width: none; padding-left: 8px;}
.cpnholder .btmarea .link .main{padding:12px 5px 12px 15px; border-radius: 24px;}
.popUpplanCP .detailholder {
    max-height: 80vh !important;
}
.popUpplanCP{    
    width: 80vw !important;
    left:10%;
    top:10%;
}
.tableholder{ width: auto; margin-left: 0; left: 0;}
.detailholder td.cpnInfoT{ padding: 5px 20px 5px 5px;}
body{ min-width: 1160px;}
/* 20221024 */
ul.hotelLimited li:first-child{ width: 70%;}
ul.hotelLimited li:last-child{ width: 30%;}
@media screen and (min-width: 1741px){
    .cpnholder .btmarea {
        margin-left: auto;
        margin-right: auto;
    }
}