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

.sp{display: none;}
#widewrapper{ width: 100%; min-width: 1040px;}
#contentsArea a:visited:hover, #contentsArea a:link:hover, #contentsArea a:visited:active, #contentsArea a:link:active{ text-decoration: none !important;}
#contentsArea a:hover{ opacity:0.8; }
#contents.column1{ width:100%; padding: 0; background:#f3f3f3;}
/* ---keyVisual--- */

#keyVisual{ width: 100%; margin-bottom: 0; background:#1D2E4C; border-top: 1px solid #1D2E4C; border-bottom: 1px solid #1D2E4C;}
#keyVisual.pr_absolute::before{ z-index: 1;}
    #keyVisual .main h1 {
        text-indent: inherit;
        text-align: center;
        line-height: 0;
    }#keyVisual ul{ width: 100%; display: flex; }
#keyVisual ul li{ width: 33.3%; height: 180px; background-size: cover; background-color: #fff; background-position: center center; background-repeat: no-repeat;}
#keyVisual ul li:nth-child(2){ width: calc(33.4% - 2px); border-left: 1px solid #1D2E4C; border-right: 1px solid #1D2E4C;}
#keyVisual .keyTop li:nth-child(1){ background-image: url(../images/keyvisual1.jpg); }
#keyVisual .keyTop li:nth-child(2){ background-image: url(../images/logo_pc.png); background-size: 90%;}
#keyVisual .keyTop li:nth-child(3){ background-image: url(../images/keyvisual2.jpg);}
#keyVisual .keyBtm li:nth-child(1){ background-image: url(../images/keyvisual3.jpg);}
#keyVisual .keyBtm li:nth-child(2){ background-image: url(../images/keyvisual4.jpg);}
#keyVisual .keyBtm li:nth-child(3){ background-image: url(../images/keyvisual5.jpg);}
/* ---couponBnr--- */
#contents .cpn{
    max-width: 1080px;
    margin: 0 auto;
    padding: 40px 0;
}
#contents .cpn h2{ text-align:center; font-size: 24px; color: #1D2E4C;;}
.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: #1D2E4C;
    color: #fff;
    text-align: center;
    font-size: 22px;
    padding: 16px 0;
}
.column1 #search-box-body{
    max-width: 1038px;
    border: 1px solid #1D2E4C;
    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: 34%; padding: 8px; margin: 16px 8px;}
.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: 1080px;}


.coupon__box__holder{justify-content: center;}