@charset "UTF-8";
/* CSS for PC @date */
/* ------------------------------------------

------------------------------------------ */

.sp { display: none }
a:hover{text-decoration:none!important;opacity:.7}


#contents.column1 { color: #333; width: 100%; background: none; padding: 0; }

/* -- Top -- */
#keyVisual{margin:0 auto;width:100%;}
#keyVisual h1{text-indent: inherit; background: url(https://img.travel.rakuten.co.jp/camp/mobile/point/202608/images/pc_img.jpg) no-repeat; background-size: cover; padding: 50px 0 45px; text-align: center; margin-bottom: 30px;}
#keyVisual .mob{text-align: center; margin: 15px 0;}
#keyVisual .termBox { width: 720px; margin: 0 auto 32px; font-size: 16px; line-height: 1.7; text-align: left; }
#keyVisual .termBox p { margin-top: 8px; line-height: 160%; letter-spacing: 0.5px;}
#keyVisual .termBox p em{font-style: normal; font-size: 80%; line-height: 160%; display: inline-block; padding-top: 10px;}
#keyVisual .termBox span { border-radius: 3px; border: 1px solid #333; text-align: center; font-size: 14px; padding: 3px 8px; display: inline-block; margin-right: 10px;}




.greenBg{ background: #F5FFF5; overflow: hidden;}
.wBox { width: 1280px; margin:64px auto; background: #fff; padding: 40px 0;}
.mBox { width: 950px; margin:32px auto; background: #fff; padding: 40px 0;}

.pg_h2{ font-size: 24px; margin: 48px auto 0; text-align: center;}
.pg_h2 + .wBox{ margin-top: 32px;}
.pg_h3 { font-size: 24px; margin: 0 auto 35px; text-align: center;}
.pg_h3.big { font-size: 44px; letter-spacing: 2px;}
.pg_h3 span{ display: block; margin: 0 auto 16px; color: #AC8456;}


.hvJMgY{ margin: 0;}
.campBox{ margin: 24px auto 0; width: 280px;}
.campBox a,.pLink a{ text-decoration: underline !important;}
.campBox a:hover,.pLink a:hover{ text-decoration: none !important;}
#contentsArea .campBox .jds_detialPopUp{
    margin: 0 4px;
    background: #eaeaea;
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 12px;
    color: #333;
    text-decoration: none !important;
}
#contentsArea .entryLink{
    margin: 0 4px;
    background: #eaeaea;
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 12px;
    color: #333;
    text-decoration: none !important;
}
#contentsArea .entryLink:after {
    position: absolute;
    content: url(https://img.travel.rakuten.co.jp/camp/mobile/202207/images/iconOpen.png);
    margin-left: 20px;
  }

.campAt_con{ font-size: 14px; line-height: 160%; margin-bottom: 15px;}
.campAt_con dt{ font-weight: bold; color: #AC8456; font-size: 16px; margin:30px 0 5px; letter-spacing: 1px;}
.campAt_con dd { margin-bottom: 10px; }
.campAt_con dd b{ display: block;}
.campAt_con dt.pink{ font-weight: bold; color: #FF008C;}

.PgBnr { margin: 60px auto 0;}
.PgBnr .bnrBoxUl { display: flex; justify-content: center;}
.PgBnr .bnrBoxUl li { margin: 0 4px ;}
.PgBnr .bnrBoxUl li img{ width: 100%; max-width: 300px;}
.PgBnr .bnrBoxUl li a:hover { opacity: 0.8;}
.btnSH{ width: 360px; margin: 64px auto 0;}
.btnSH a{ display: block; color: #AC8456 !important; font-size: 22px; font-weight: bold; text-align: center; border: 1px solid #AC8456; border-radius: 50px; padding: 14px 0; position: relative;}
.btnSH a::after{content: ""; display: block; position: absolute; top: 50%; right: 20px; width: 0.5em; height: 0.5em; margin-top: -0.15em; border-top: 2px solid #AC8456; border-right: 2px solid #AC8456; transform: rotate(-45deg); }
.pLink a{ display: table; margin: 24px auto 0; background: url(https://img.travel.rakuten.co.jp/camp/service_debut/202202/images/window2.png) right top no-repeat; padding-right: 24px; padding: 2px 24px 0 0;}

.img_sp { text-align: center; margin: 0 auto 48px;}

.img_sp img { margin: auto;}
.ph_h4 { font-size: 16px; margin: 0 auto 25px; text-align: center;}
.p2Exp { width: 550px; margin: 25px auto auto auto; font-size: 12px; line-height: 1.7; text-align: center;}


#FAQ .jdsCoponSwitch{display: block; background-color: #f5f5f5; border-radius: 5px; font-size: 16px; margin-top: 20px; padding:16px 24px; position: relative;}
#FAQ .jdsCoponSwitch:hover{cursor: pointer;}
#FAQ .jdsCoponSwitch::after{display: block; position: absolute; z-index: 9; content: url(https://img.travel.rakuten.co.jp/camp/service_debut/202202/images/Plus.png); right: 16px; top: 50%; margin-top: -12px;}
#FAQ .jdsCoponSwitch.active-submenu::after{content: url(https://img.travel.rakuten.co.jp/camp/service_debut/202202/images/Minus.png);}
#FAQ dd {display: block; border: 1px solid #ccc; padding: 16px 24px; margin-top: 16px; font-size: 14px; line-height: 180%; position: relative;}
#FAQ dd a{color: #006497 !important;}

.black{width:100%; height:100%; background:rgba(0,0,0,.5); position:fixed; top:0; left:0; z-index:99999998}
.popUpplan{ width:1000px; position: fixed; left:calc(50% - 500px); top:10% !important; background:#fff; z-index:99999999; border-radius:12px}
.popUpplan p{padding:20px 40px; color:#000; font-size:15px; line-height:35px; max-height: 600px; overflow:auto}
.popUpplan span{display:block; position:absolute; cursor:pointer; right:-10px; top:-10px; width:30px; height:30px; text-indent:-9999999px; background:url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/close_icon.png) no-repeat;background-size:30px 30px}
.popUpplan h2{background: #AC8456; color:#fff; text-align: center; font-size: 22px; padding: 5px 0 3px; margin-bottom: 10px;}
.popUpplan h2.pink { background: #FF008C; }


.column1 #search-box .searchCategory{ background: none; border: none;}
#Searchbox{ width: 1280px; margin: 80px auto;}
#Searchbox .newtab{ display: flex; justify-content: center; align-items: flex-end;}
#Searchbox .newtab li{ background: #fff; box-sizing: border-box; padding: 12px 0 20px; position: relative;  font-size: 24px; font-weight: bold; color: #999; border: solid #aaa; border-width: 1px 1px 0; border-radius: 5px 5px 0 0; width: 230px; margin: 0 8px -8px; text-align: center; cursor: pointer;}
#Searchbox .newtab li span{font-size: 14px;}
#Searchbox .newtab li.active{ border-color: #D8AD7A; border-width: 8px 8px 0; color: #AE722C; z-index: 1;}
#Searchbox #search-box-body{border: 8px solid #D8AD7A; padding: 64px 64px 32px;}
.column1 #search-box { border: none; }
.column1 #search-box p.searchSubmit a { white-space: normal; text-indent: 0; border: none; height: 50px;}
.column1 #search-box p.searchSubmit a:hover { opacity: 0.75; color: #fff; text-decoration: none;}
.column1 #search-box #domestic-search-box, .column1 #search-box #overseas-search-box { padding: 0 !important; }
#search-box{background: none !important; border: none;}
#search-box.verB.test .explain{ top:-45px !important; left: 430px !important;}
#Searchbox.kankobus .radio-parts{ width: 78px !important;}
#search-box.verB.test .dhAll.dh{margin-top: 0 !important;}
#search-box.verB.test #dap-search-form .sibori{display: none !important;}
#searchForeignSwitchArea1 .InpuDateBox.white{display: none !important;}
#search-box #overseas-search-box .searchCategory li.on:after {top: 66px !important;}
#search-box.verB.test #searchForeignSwitchArea2 .chkDateDP .structure dd{margin-left: 40px !important;}
#search-box.verB.test #shou, #search-box.verB.test #shouB{width: 112px !important;}
#search-box.verB.test #searchSwitchArea5 select#dr-garea, #search-box.verB #searchSwitchArea5 select#dr-barea{width: 300px !important;}
#search-box.verB.test #dh-input-area, #search-box.verB.test #dh-input-areaChuB { width: 140px; float: left;}
.rt-header .rt-nav-link li.rt-nav-active a{ background: none !important;}

.ptsetBox{ margin: 80px auto; width: 100%; text-align: center;}

/*fivepoint*/
.fivepoint p { font-size: 44px; font-weight: 700; text-align: center;}
.iconf{ margin-right: 87px;}
#impontantp{ display: block; padding-top: 48px; margin: 0 auto 78px; }

.bgwb{
    display: none;
}

.bgwbpc p{ 
    margin-right: 14px;
    font-size: 32px;
    text-align: center;
    line-height: 38px;
}

.firpc{
   width:374px;
   height: 98px;
   color:white;
   background-color: #AC8456;
   display: flex;
   align-items: center;
   justify-content: center;
}
.firpc img{
     margin-right:26px;
}
.bgwbpc .firpc > p{
    color:white;
    text-align:center;
}
.secpc{
     width:376px;
     height: 98px;
     color:#333333;
     background-color: #D9D9D9;
     display: flex;
     align-items: center;
     justify-content: center;
}

.secpc img{
       margin-right:26px;
}

.bgwbpc {
       display: flex;
       justify-content: center;
       margin-top: 50px;
       margin-bottom: 80px;
}

.container {
    margin: 0 auto;
    width: 889px;
    height: 158px;
    border: 1px solid #DDDDDD;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;

}
  
.stepf {
    flex: 1;
}
  
.stepf p {
    margin: 0;
    padding-left: 130px;
    line-height: 24px;
}
  
.iconf {
    flex: 0;
}
.step1{
    font-size: 16px;
    font-style: italic;
}

.centered-image {
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.greent{ display: block; margin: 10px auto 8px;}
.greenf{ display: block; margin: 10px auto 8px;}
.greenc{ display: block; margin: 10px auto 8px;}

.contract {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 889px;
    height: 476px;
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    margin-top: 8px;
    height: auto;
}
.text {
    position: absolute;
    top: 18px;
    left: 143px;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 20px;
    line-height: 24px;
}
.stepc{
    font-style: italic;
}
.text p {
    margin: 0;
}
.signimage img {
    margin-top: 75px;
    margin-bottom: 20px;
    padding-left: 143px; 
}


/*travltime*/

.travltime {
    display: block;
    margin: 0 auto;
    width: 889px;
    height: 126px;
    border: 1px solid #DDDDDD;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.right {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 143px;
    font-size: 16px;
    line-height: 24px;
}
  
.iconr {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 14px;
    margin-top: 10px; 
}
  
.step3 {
    font-style: italic;
}



/*timeline*/
.timeline {
    margin: 0 auto;
    width: 889px;
    height: 126px;
    border: 1px solid #DDDDDD;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
  }
  .step4 {
    flex-grow: 1;
    display: flex;
    justify-content: center; 
    padding: 0 0 0 145px;
    font-size: 20px;
  }
  .step4 p{letter-spacing: 1px; font-weight: 900;}
  .step4 span{ display: inline-block; font-style: italic; margin-right: 5px;}
  .iconline {
    flex-grow: 1;
    align-items: center;
    margin-right: 26px;
    margin-top: 10px;
  }
  .timeline .red{
    color: #bf0000 ;
  }
  .italic{
    font-style: italic;
  }
  .fivepointuse{
    background-color: white;
  }
  /*subscribers*/
  .subscribers{
    width:100%;
    height:1157px;
    background-color:#FFF2F9 ;
    margin: 0 auto;
    margin-top:130px;
  }

.spsize {
    display: none !important;
}
  .subscribers p span{
    color:#00B900;
    font-size: 42px;
  }
  .subscribers p{
    font-size:46px;
    text-align: center;
    padding-top: 48px;
    padding-bottom: 20px;
    font-weight: bold;
  }
  .bgwhite1{
    margin: 0 auto;
    margin-top:-8px;
    margin-bottom: 17px;
  }
  .bgwhite1 p{
    font-size:24px;
   padding-top: 52px;
  }
  .pic1 {
    display: flex;
    align-items: center;
    justify-content: center;
}
  .pic1 img{
    display: block;
    margin: 0 auto;
    margin-top: 31px;
  }
  #highlight p {
   font-size: 34px;
   text-align: center;
}
.imgnine{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.forsp{
  display: none !important;
}
.my-button {
    display: inline-block;
    height: 80px;
    width: 426px;
    background-color: #BF0000;
    color: #ffffff;
    text-align: center;
    line-height: 80px;
    border-radius: 40px;
    text-decoration: none;
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    font-size: 32px;
}
body .my-button {
    color:white !important;
}
/*Mobileconnects*/
.Mobileconnects{
    width: 100%;
    height: 703px;
    background-color:#FFF2F9;
    margin-top: -16px;
}
.Mobileconnects p{
    text-align: center;
    color: #AC8456;
    font-size: 30px;
}
.Mobileconnects p span{
font-size: 24px;
    color: #000000;
}
.Mobileconnects .bla {
    color: black;
    font-size: 30px;
  }
  .whitetwo{
    height: 576px;
    width: 850px;
    background-color: white;
    border-radius: 10px;
    margin: 0 auto;
    margin-top:30px;
    margin-bottom: 17px;
  }

  .whitetwo p{
    font-size:18px;
   padding-top: 36px;
   color: #000000;
  }
  .whitetwo p span{
    font-size:14px;
   color: #6F706E;
  }
  .mapimg{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px;
}
.spmap{
  display:none !important;
}
#imp p {
    margin-top: -24px;
    font-size: -8px;
    text-align: center;
 }
 .my-button2 {
    display: inline-block;
    height: 60px;
    width: 400px;
    background-color: #FF41BE;
    color: white;
    text-align: center;
    line-height: 53px;
    border-radius: 40px;
    text-decoration: none;
    display: block;
    margin: 0 auto;
    margin-top: 27px;
    font-size: 22px;
}

body .my-button2 {
    color:white !important;
}

.custom-text {
    margin: 0 auto;
    margin-top: 16px;
    font-size: 12px;
    color: #767676;
    width: 734px;
    height: 48px;
    line-height: 136%;

  }
  .custom-text a { 
    text-decoration: none;
  }

  .bnrBox{
    display: none;
  }

  /*pc*/

  .bgwb{
    display: none;
  }
.fivepoint p span{
font-size: 44px;
}

.bgwbpc p{ 
  margin: 5px 14px 0 0;
  font-size: 30px;
  text-align: center;
  letter-spacing: 2px;
  line-height: 120%;
}
 .firpc{
 width:374px;
 height: 98px;
 color:white;
 background-color: #AC8456;
 display: flex;
 align-items: center;
 justify-content: center;
 }
.firpc img{
   margin-right:26px;
}
.bgwbpc .firpc>p
 {color:white;text-align:center;}
.secpc{
   width:376px;
   height: 98px;
   color:#333333;
   background-color: #D9D9D9;
   display: flex;
   align-items: center;
   justify-content: center;
}
.secpc img{
     margin-right:26px;
}
.bgwbpc {
     display: flex;
     justify-content: center;
     margin: 40px 0 60px;
}



#contentsArea a.apBtn{display: block; width: 500px; margin: 40px auto 0; text-align: center; background: #bf0000; border-radius: 50px; font-size: 30px; color: #fff; font-weight: bold; letter-spacing: 1px; padding: 25px 0 20px;}
#contentsArea a.apBtn:hover{color: #fff; opacity: 0.7;}
.apPr{display: block; width: 500px; margin: 15px auto 0; font-size: 13px; text-align: center;}


.moble {
  width: 640px;
  margin: 0 auto;
}

.moble h3 {
  text-align: center;
  font-size: 24px;
  margin: 60px 0 10px;
}

#contentsArea .moble a {
  display: block;
}

.saitamaBnr{padding: 0 0 40px 145px;}
.saitamaBnr h3{margin-bottom: 10px;}


@media all and (min-width: 750px) and (max-width: 1450px) {
  .container{width: 90%;}
  .contract{width: 90%;}
  .travltime{width: 90%;}
  .timeline{width: 90%;}
  #Searchbox{width: 100%;}
  #pointcpn_footer ul{width: 100% !important;}
  #pointcpn_footer ul li img{width: 100%;}
}

.kvText{text-align: center; letter-spacing: 1px; color: #bf0000; margin-bottom: 30px;}

.step2{font-style: italic;}
#mobBox{padding-top: 100px;}