@charset "utf-8";
/*
* ★★CSS for PC
*
* @date 2020.02.15
* @author Miura
*/

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

------------------------------------------ */
.sp{display: none;}
.disnon{display: none !important;}
#widewrapper{ width: 100%;}
#contentsArea a:hover{ opacity:0.8;}
#contents.column1{ width:100%; padding: 0; background:#e9e9eb;}
/* ---keyVisual--- */
#keyVisual{ width: 100%; height:auto; margin-bottom: 0; background: #bf0000;}
#keyVisual .main{width: 1190px; margin: 0 auto;}
#keyVisual .main h1{text-indent:inherit; float: left; width: 36%; text-align: center; padding-top: 20px;}
#keyVisual .main ul{display: block; float: right; max-height: 472px; overflow: hidden;}


/* ---search--- */
.column1 #search-box #domestic-search-box{ padding: 30px 48px;}
.column1 #search-box{ width: 100%; border: none; padding: 48px 0; display: flex; flex-flow: column wrap; justify-content: center; margin-bottom: 0;}
.column1 #search-box h1{
    width: 1040px;
    margin: 0 auto;
    background: #000;
    color: #fff;
    text-align: center;
    font-size: 22px;
    padding: 12px 0 10px;
    letter-spacing: 2px;
}
.column1 #search-box-body{
    width: 1038px;
    border: 1px solid #000;
    margin: 0 auto;
}
/* ---cpninfo--- */
#cpInfo{ width: 1040px; margin: 0 auto; padding: 48px 0; letter-spacing: 1px;}
#cpInfo h2{  background: #bf0000; color: #ffffff; font-size: 22px; text-align: center; padding: 12px 0 10px; letter-spacing: 2px;}
#cpInfo dl{ font-size: 85%; line-height: 1.5em; border:1px solid #bf0000; background: #fff; border-top: none; padding: 20px 47px;}
#cpInfo dt {
    color: #bf0a0a;
    font-weight: bold;
    padding: 16px 0 8px;
}
#cpInfo dd { margin: 0 0 16px; line-height: 180%;}
#contentsArea #cpInfo a{ color: #0769b0;}
#contentsArea #cpInfo a :hover{ text-decoration: underline; }
/* ---totop--- */
#contents .toPpageTop{
    position: fixed;
    right: 32px;
    bottom: 32px;
    opacity: 0.7;
    line-height: 0;
}
#contents {position: relative;}


.atntxt {
	text-align: center; padding: 15px; color: #823B3D; font-size: 12px;
}

.main_splogo {display:none;}


.cpnholder{width: 1070px; margin: 0 auto;}
#contentsArea .cpnholder a.kakunin {color: #0769b0;}
#contentsArea .couponOneClick a:hover{ opacity: inherit; text-decoration: none;}
#contentsArea #cpDetail .tableholder a{color: #0769b0;}
.cpnholder.jssBox.allList{width: 1070px !important;}
.cpnholder{ padding-bottom: 48px !important;}
.cpnholder > li{margin-top: 48px !important; margin: 0 10px 0 !important;}
.cpnholder.jssBox.allList li.jss{width: 336px !important;}


@media all and (min-width: 720px) and (max-width: 1024px) {
    #widewrapper{width: 100%; min-width: none;;}
    #keyVisual .main{width: 100%;}
    #keyVisual .main ul{width: 60%;}
    #keyVisual li img{width: 100%; max-width: 759px; display: block;}
    #keyVisual .main h1{width: 40%; padding-top: 15px;}
    #keyVisual .main h1 img{width: 80%;}
    .cpnholder.jssBox.allList{width: 100% !important; margin: 0 auto;}
    .cpnholder.jssBox.allList li.jss{width: 46.8% !important;}
    .cpnholder > li{ margin: 25px 15px 0 15px !important;}
    #cpInfo{width: 100%;}
    .column1 #search-box h1{width: 100%;}
    .column1 #search-box-body{width: calc( 100% - 2px );}
}

.cpLinkwindow {width: 250px; margin: 0 auto; padding: 35px 0 25px;}
.cpLinkwindow a.arr-green-windowA {
    transition: all 0.3s ease;
    background-color: #cacaca;
    position: relative;
    border-radius: 5px;
    font-weight: normal;
    margin-right: 10px;
    padding: 5px 6px;
    top: -5px;
    color: #333333;
    text-decoration: none;
    font-size: 12px;
  }
  .cpLinkwindow a.arr-green-windowB::after {
    background: url(https://img.travel.rakuten.co.jp/special/sales/template/html/images/Linkwindow.svg) center center no-repeat;
      background-size: auto;
    background-size: auto;
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    right: -20px;
    top: 50%;
    margin-top: -8px;
    background-size: 16px;
  }

.cpnholder .char{min-height: 112px;}