@charset "utf-8";
.ss-contents{font-family: 'Noto Sans JP', sans-serif; color: #333; }
.ss-container { margin-top: 0;}
.ss-container a { color: #1D54A7; transition: all 0.3s ease;}
.ss-container a:hover { opacity: 0.8; transition: all 0.3s ease;}
.mainTtl{ padding: 0; font-weight: 700; margin: auto auto 40px auto;}
.mainTtl b{ font-size: 56px;}
.m_pc { display: block;}
.m_sp { display: none!important;}
#topBnrBox{text-align: center; height: 550px; position: relative; overflow: hidden; background: url(https://img.travel.rakuten.co.jp/camp/mail/202310/images/topImg01.jpg) no-repeat top center; background-size: cover;}
#topBnrBox h1{ position: absolute; left: calc(50% - 325px); top: calc(50% - 230px); z-index: 5;}

.entryBox{ width: 950px; margin: 0 auto;}
.entryBox .txts{ font-size: 12px; text-align: center;}
.entryBox .txts a{ text-decoration: underline; color: #333;}
.entryBox .txts a:hover{ text-decoration: none ;}
.entryBox .edate{ font-size: 16px; width: 610px; margin: 0 auto 20px; line-height: 1.6; letter-spacing: 1px;}
.entryBox .edate em{display: flex; justify-content: flex-start; font-style: normal; margin-bottom: 5px;}
.entryBox .edate span{
    margin-right: 8px;
    border-radius: 4px;
    border: 1px solid #333;
    text-align: center;
    font-size: 16px;
    padding: 2px 8px 4px;
    display: inline-block;
}
.entryBox .ppup{text-align: center; position: relative;}
.entryBox .ppup:after{ content: url(https://img.travel.rakuten.co.jp/camp/mail/images/iconOpen.png); margin-left: 4px;}
.entryBox .ppup .btnp{ display: inline-block; font-size: 16px; background: #eaeaea; text-align: center; margin: 32px auto 0; position: relative; color: #333; padding: 12px; border-radius: 5px;}

.btnMb{ margin: 24px auto 0; text-align: center;}
.btnMb a{ display: block; margin: 0 auto; font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif; position: relative; width: 430px; font-size: 28px; color: #fff; background: #00CA00; border-radius: 10rem; padding: 1.5rem 0; }
.btnMb a:hover{opacity: .7; transition: .2s ease-out,box-shadow .1s ease-out,-webkit-box-shadow .1s ease-out;}
.btnMb a::after{ content: "";transform: rotate(45deg);display: block; position: absolute; top: 50%; right: 1em; width: 0.5em; height: 0.5em; margin-top: -0.25em; border-top: 2px solid #fff; border-right: 2px solid #fff;}

#weekBox { background: #FEF7F3; padding: 60px 0;}
.weekBk { width: 680px; margin: auto; display: flex; justify-content: space-between; align-items: center; font-size: 30px; text-align: center; line-height: 1.5; font-weight: 500;}
.coral { color: #FD772B;}
#weekBox .onsen{text-align: center; padding-top: 50px; font-size: 24px; line-height: 1.8;}
#weekBox .onsen span,.onsen img{display: block; margin: 0 auto;}
#weekBox .onsen span{font-size: 32px; font-weight: bold; color: #F7422A;}
#weekBox .onsen img{padding-top: 20px;}
#weekBox .onsen em{ font-style: normal; font-size: 20px;}
#weekBox .onsen em a{ font-weight: bold; text-decoration: underline;}
#weekBox .onsen em a:hover{ text-decoration: none;}

#STEPBOX{ overflow: hidden; padding: 60px 0;}




.ft10 { font-size: 10px;}
.mgbt8 { margin-bottom: 8px;}
.mgbt16 { margin-bottom: 16px;}
.stBox3 { width: 400px; position: absolute; right: 0; top: 270px; height: 230px;}
.stBox4 { width: 400px; position: absolute; left: 0; top: 270px; height: 230px;}
#STEPBOX .jdsTabMain .stBox3 .name, #STEPBOX .jdsTabMain .stBox4 .name  { padding-bottom: 5px;}
#STEPBOX .jdsTabMain .stBox3 .photo, #STEPBOX .jdsTabMain .stBox4 .photo { margin-bottom: 8px;}

.QandA{ background: #FEF7F3; margin-top: 30px; overflow: hidden; padding: 60px 0; margin-bottom: 30px;}
.QandA dl{ width: 950px; margin: 0 auto 12px;}

.wn{ width: 950px; margin: 24px auto 60px; font-size: 14px; line-height: 1.6;}

.banner-container.column_3{ margin: 0 auto;  width: 972px; border-radius: 10px; }
.banner-container.column_3 .column-list{ width: 300px; margin: 0px 12px 24px; padding: 0; border: none; box-shadow: none; float: none;}
.banner-container.column_3 .column-list a{ padding: 0;}

#bnrBk .banner-container { width: 950px; margin: auto;}
#bnrBk .column_4 .column-list { width: 224px; border: 0;}
#bnrBk .column_4 .column-list img { width: 100%;}
#bnrBk .banner-container a { padding: 0;}
#bnrBk .column_4 { justify-content: space-between; margin-bottom: 30px;}
#bnrBk .column_4 .column-list { margin: auto auto 16px auto;}
#bnrBk .column-list:nth-child(4n) { margin: auto auto 16px auto;}

.gnYWHw label { font-size: 14px;}

.mailmag { width: 570px; margin: auto auto 55px auto; border: 1px solid #CCCCCC; position: relative;}
.mailmag img { display: block; width: 100%;}
.mailImg { height: 588px; overflow: hidden;}
.checkAll { position: absolute; width: 356px; left: calc(50% - 178px); bottom: -35px;}
.checkAll:hover { cursor: pointer;}
.mailImgShow { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); top: 0; left: 0; z-index: 500; text-align: center; display: none;}
.mail_pg { width: 100%; margin: auto; position: relative; height:94%;  padding: 3% 0;}
.mailBlockShow { overflow-y: scroll; height: 94%; text-align: center; z-index: 2; width: 660px; margin: auto;}
.closeBtn { position: absolute; top: 3%; right: calc(50% - 340px); width: 30px; cursor: pointer;}
.closeBtn img{ width: 100%;}

.mailLink { text-align: center; font-size: 22px;}
.mailLink a { text-decoration: underline;}

.qaText { width: 950px; margin:20px auto auto auto; text-align: right;}
.qaText a { text-decoration: underline;}

.bnrBtn01 { width: 350px; margin: auto;}
.bnrBtn01 a { display: block; width: 100%; color: #FD772B; font-size: 18px; padding: 16px 0; border-radius: 50px; text-align: center; border: 1px solid #FD772B; position: relative; font-weight: 700;}
.bnrBtn01 a:after {  
    content: '';  position: absolute; top: calc(50% - 6px); right: 22px;
    display: block;  
    width: 10px;  
    height: 10px;  
    border-right: 1px solid #FD772B;  
    border-top: 1px solid #FD772B;  
    transform: rotate(45deg);   }
.bnrBtn01 a:hover { color: #fff; background: #FD772B}
.bnrBtn01 a:hover:after { border-color: #fff;}
.QandA dd p { font-size: 1em; line-height: 20px; padding: 10px;}
.popUpplanCP .detailholder {  max-height: 680px; overflow: auto;}
.QandA .Switch{ background: #fff url(https://img.travel.rakuten.co.jp/camp/mail/202310/images/arrow_QA1.png) 97% center no-repeat;}
.QandA .Switch.active { color: #FD772B; font-weight: bold; background: #fff url(https://img.travel.rakuten.co.jp/camp/mail/202310/images/arrow_QA2.png) 97% center no-repeat;}
.QandA dl dd { border-left: 2px solid #FD772B; margin: 16px 0 24px; padding: 0 13px;}
.entryTxt{font-size: 14px; line-height: 1.8; color: rgb(77, 77, 77); margin: 16px auto 0px; padding-left: 8%;}

.bnr2207 img{display: block;width: 430px; margin: 0 auto 16px;}
.sc-fzqNJr.hXQgjp{display: none !important;}

.pagetop a { background-color: #FD772B;}



/* ログインフォーム */
#login div#l_rakuten { width: calc(100% - 200px);}
#login .loginBox{border-color: #FD772B; padding: 40px 100px;}
#login .title{background: none; color: #4D4D4D;}
#login .txt2{ text-align: left;}
#login .input dt { font-size: 14px; font-weight: bold; color: #333; width: 25%; float: left; padding-top: 14px;}
#login .input dd { margin-bottom: 10px; text-align: center; width: 75%; float: left;}
#login .input #inputID, #login .input #inputPass{width: 96%;}
#login .input{margin: 0;}
.agreeToPolicy a{color: #333;}
#login .l_submit input{background: none; border: none; width: 80%;}
#login .l_submit #nextstep{font-size: 36px; font-weight: normal; border-radius: 10rem; max-width: 30rem; padding-top: 0.75rem; padding-bottom: 0.75rem;
    background: rgb(191, 0, 0); 
    border-color: rgb(191, 0, 0);
    font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    line-height: 1.5;
    white-space: normal;
    word-break: break-all;
}
#login .l_submit #nextstep:hover{opacity: 0.5;}
#login ul{ padding-top: 30px; font-size: 13px; display: flex;  flex-flow:row nowrap; justify-content:center; }
#login ul li{padding: 0 20px;}
.ss-container #login ul li a{color: #333;}
.ss-container #login ul li a:hover{ text-decoration: none;}
#login a:link{text-decoration: none;}


.zumiBtn{
    font-size: 36px;
    font-weight: normal;
    border-radius: 10rem;
    max-width: 30rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    background: rgb(223, 223, 223);
    border-color: rgb(223, 223, 223);
    font-family: "Noto Sans", "Noto Sans CJK JP", sans-serif;
    line-height: 1.5;
    white-space: normal;
    word-break: break-all;
    text-align: center;
    margin: 0 auto;
}

.zumiBtn:hover{cursor: not-allowed; opacity: 0.7;}



.campUseUl { margin: 32px auto 0; max-width: 1200px;}
.campUseUl li { height: 240px; border: 1px solid #ccc; border-radius: 4px; margin: 0 0 60px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; position: relative;}
.campUseUl li:last-child{margin-bottom: 30px;}
.campUseUl li p { width: 32%; font-weight: bold; font-size: 20px; text-align: center; line-height: 1.5; align-items: center; flex-wrap: wrap;}
.campUseUl li p em{display: block; font-size: 18px; color: #666; font-weight: normal; font-style: normal; margin-top: 8px;}
.campUseUl li p span{color:#FD772B;}
.campUseUl li p.photo{ height: auto;}
.campUseUl li:before { position: absolute; content: ""; display: block; width: 30px; height: 30px; background: url(https://img.travel.rakuten.co.jp/camp/service_debut/202202/images/arrow_green.png) 0 0 no-repeat; left:  calc(50% - 15px); bottom: -50px; transform: rotate(90deg);}
.campUseUl li:last-of-type:before { display: none;}
#CampUse .tabTxt { margin: 0 auto ; max-width: 1200px; line-height: 1.6; font-size: 14px;}
#CampUse .tabTxt span{color: #bf0000;}



/* 春のイメージ */
#Spring #topBnrBox{background: url(https://img.travel.rakuten.co.jp/camp/mail/images/topImg01_spring.jpg) no-repeat top center; background-size: cover;}
#Spring .coral { color: #FD9300;}
#Spring #weekBox .onsen span{color: #5C9B00;}
#Spring .bnrBtn01 a { color: #86AF1C;  border: 1px solid #86AF1C; }
#Spring .bnrBtn01 a:after {  border-right: 1px solid #86AF1C; border-top: 1px solid #86AF1C;  }
#Spring .bnrBtn01 a:hover { color: #fff; background: #86AF1C;}
#Spring .QandA .Switch { background: #fff url(https://img.travel.rakuten.co.jp/camp/mail/images/arrow_QA1spring.png) 97% center no-repeat;}
#Spring .QandA .Switch.active { color: #86AF1C; background: #fff url(https://img.travel.rakuten.co.jp/camp/mail/images/arrow_QA2spring.png) 97% center no-repeat;}
#Spring .QandA dl dd { border-left: 2px solid #5C9B00; }
#Spring .pagetop a { background-color: #5C9B00;}
#Spring #login .loginBox{border-color: #86AF1C; }
#Spring .campUseUl li p span{color:#FD9300;}
#Spring #weekBox{background: #FBFAED;}
#Spring .QandA{background: #FBFAED;}



/* 秋のイメージ */
#Autumn #topBnrBox{background: url(https://img.travel.rakuten.co.jp/camp/mail/images/topImg01_autumn.jpg) no-repeat top center; background-size: cover;}
#Autumn .coral { color: #FD772B;}
#Autumn #weekBox .onsen span{color: #F7422A;}
#Autumn .bnrBtn01 a { color: #FD772B;  border: 1px solid #FD772B; }
#Autumn .bnrBtn01 a:after {  border-right: 1px solid #FD772B; border-top: 1px solid #FD772B;  }
#Autumn .bnrBtn01 a:hover { color: #fff; background: #FD772B;}
#Autumn .QandA .Switch { background: #fff url(https://img.travel.rakuten.co.jp/camp/mail/images/arrow_QA1autumn.png) 97% center no-repeat;}
#Autumn .QandA .Switch.active { color: #FD772B; background: #fff url(https://img.travel.rakuten.co.jp/camp/mail/images/arrow_QA2autumn.png) 97% center no-repeat;}
#Autumn .QandA dl dd { border-left: 2px solid #FD772B; }
#Autumn .pagetop a { background-color: #FD772B;}
#Autumn #login .loginBox{border-color: #FD772B; }
#Autumn .campUseUl li p span{color:#FD772B;}


/* 冬のイメージ */
#Winter #topBnrBox{background: url(https://img.travel.rakuten.co.jp/camp/mail/images/topImg01_winter.jpg) no-repeat top center; background-size: cover;}
#Winter .coral { color: #0D296B;}
#Winter #weekBox { background: #E5EEFD;}
#Winter #weekBox .onsen span{color: #0D296B;}
#Winter .bnrBtn01 a { color: #0D296B; border: 1px solid #0D296B; position: relative;}
#Winter .bnrBtn01 a:after { border-right: 1px solid #0D296B; border-top: 1px solid #0D296B; }
#Winter .bnrBtn01 a:hover {background: #0D296B;}
#Winter .QandA { background: #E5EEFD;}
#Winter .QandA .Switch { background: #fff url(https://img.travel.rakuten.co.jp/camp/mail/images/arrow_QA1winter.png) 97% center no-repeat;}
#Winter .QandA .Switch.active { color: #0D296B;background: #fff url(https://img.travel.rakuten.co.jp/camp/mail/images/arrow_QA2winter.png) 97% center no-repeat;}
#Winter .QandA dl dd { border-left: 2px solid #0D296B;}
#Winter .pagetop a { background-color: #0D296B;}
#Winter #login .loginBox{border-color: #0D296B;}
#Winter .campUseUl li p span{color:#0D296B;}
#Winter .bnrBtn01 a {color: #0D296B;}
#Winter .bnrBtn01 a:hover {color: #fff;}

#weekBox .onsen em a{color: #333;}


@media screen and (min-width: 750px) and (max-width: 1450px){
    .ss-contents{min-width: auto !important;}
    #pointcpn_footer ul{width: 80% !important;}
    #pointcpn_footer ul li img{ width: 100%;}
    #topBnrBox{min-width: auto !important;}
}