@charset "utf-8";

@media (min-width: 740px){
    .heroimgWrap.heroimgWrap-titleImg .mainHeading{
        width: calc(541 / 1920 * 100vw);
    }
    .heroimgWrap.heroimgWrap-titleImg .mainHeading .mainTtl img{
        width: 100%;
    }
}
@media all and (max-width:739px) {
    .heroimgWrap.heroimgWrap-titleImg .mainHeading .mainTtl img{
        width: 100%;
    }
}

.entryEnd{border:2px solid #CC0000; color:#CC0000; font-size:20px; font-weight:bold; text-align: center; padding:15px;}
.period{padding: 30px 50px; background-color: #fddaf0;}
@media all and (max-width:739px) {
.period{padding: 20px;}
}

.jaldp_q{position: relative; width: 85%; margin: 0 auto 15px; font-size: 2.2rem; color: #cc0000; font-weight: bold;}
.jaldp_q::before,.jaldp_q::after{content: ""; display: block; position: absolute; width: 10px; height: 100%; border-left: 2px solid #cc0000; border-right: 2px solid #cc0000;}
.jaldp_q::before{right: 0; top: 0; transform: rotate(45deg);}
.jaldp_q::after{left: 0; top: 0; transform: rotate(-45deg);}
@media all and (max-width:739px) {
.jaldp_q{width: 95%;}
.jaldp_q::before{right: 0; top: 30%; height: 40%; transform: rotate(25deg);}
.jaldp_q::after{left: 0; top: 30%; height: 40%; transform: rotate(-25deg);}
.jaldp_q p{padding: 8%;}
}

.op_item_wrap li{
width:304px\9 !important;
min-height:450px\9;
display:inline-block\9;
vertical-align:top\9;
}

.op_item_wrap{
display:flex;
flex-flow:wrap;
text-align:center;
box-sizing:border-box;
padding:0 0 10px;
margin-top: 10px;
}

.op_item_wrap .op_list{
width:308px;
text-align: center;
margin:0 0 20px 13px;
box-sizing:border-box;
}

.op_list > div{
display:flex;
flex-direction: column;
height: 100%;
}

.op_item_wrap{
margin-left:-13px;
}
@media all and (max-width:739px) {
.op_item_wrap{ padding: 0 10px;}
.op_item_wrap .op_list{width: 100%;}
.op_item_wrap .op_list .op_ref_price{margin: 0 auto;}
.op_item_wrap .op_list .btn_area{width: 100%; left: 0;}
}

.op_item{
width: 100%;
padding:10px 8px;
border: 1px solid #ccc;
border-top:none;
padding-bottom:102px;
height: 100%;
position:relative;
}

.op_item .btnRD span{
background:none;
padding-left:0;
}

.op_icon{
/*
margin-left: -0.6px;
width: 308px;
*/
padding:5px 0;
color:#fff;
font-weight:bold;
font-size:16px;
margin-top:-1px;
}

.meal .op_icon{background:#fcb315;}
.tourism .op_icon{background:#b7c148;}
.car_rental .op_icon{background:#b17f66;}
.bus .op_icon{background:#f18ab1;}
.taxi .op_icon{background:#ffc835;}
.golf .op_icon{background:#76a647;}
.tdl .op_icon{background:#7dc3ed;}
.jr .op_icon{background:#4ca27d;}
.ship .op_icon{background:#6daadd;}
.coupon .op_icon{background:#eb6654;}
.skytree .op_icon{background:#e07ef9;}
.usj .op_icon{background:#fda96b;}

.op_item .op_ttl{
font-size:16px;
line-height:1.5;
font-weight: bold;
}

.op_item .op_price{
color:#c00;
font-size:20px;
font-weight:bold;
border-bottom:2px solid #ccc;
margin-bottom:20px;
padding-bottom:5px;
}

.op_img{
margin-bottom:15px;
}

.op_img img{
width:290px;
}

.op_img img, .op_item h4 img{
vertical-align: bottom;
width:290px;
}
@media all and (max-width:739px) {
    .op_img img, .op_item h4 img{width:100%;}
}

.op_ref{
margin-bottom:20px;
}
.op_ref + .txt_area{
margin-top: -15px;
}

.op_ref_price{
width: 290px;
border: 2px solid #fc2374;
padding: 5px 5px;
color: #fc2374;
font-weight: bold;
margin-left: 0px;
box-sizing: border-box;
}
@media all and (max-width:739px) {
    .op_ref_price{width:100%;}
}

.txt_area{
margin:10px 0;
}

.pc_btnInfo{
border:1px solid #ccc;
border-left:none;
border-right:none;
padding:5px 0;
}

.btn_area{
width:290px;
position: absolute;
bottom:20px;
}

.btn_area .pc_btnInfo img{
width:11px;
margin-right: 5px;
padding: 0;
vertical-align: baseline;
}

.area .btnRD{
background-color: #cc0000;
color: #fff;
text-decoration: none;
text-align: center;
padding: 7px 20px !important;
background-image: none!important;
}

a.iconNone span {
    padding-left: 0;
    background: none;
}

.heroimgWrap.typeImg.heroimgWrap-titleImg.slide_1pages .mainHeading {
    top: 0;
}

.heroimgWrap.heroimgWrap-titleImg .mainHeading {
    text-align: center;
    position: absolute;
    left: 50%;
    width: %;
    max-width: 950px;
    z-index: 60;
    margin-right: -50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, -0%);
}

.heroimgWrap.typeImg.heroimgWrap-titleImg .mainHeading
{
    top: calc(2% - 30px);
}

/* 枠 start */
.op_item_wrap .op_list.op_bdstrong::before {
    pointer-events: none;
}
@media (min-width: 740px) {
.op_item_wrap .op_list.op_bdstrong{
        position: relative;
    }
    .op_item_wrap .op_list.op_bdstrong::before {
        display: block;
        content: "";
        position: absolute;
        background-color: transparent;
        border: 5px #fb7946 solid;
        border-top: 5px #f36026 solid;
        border-bottom: 5px #f36026 solid;
        z-index: 10;
        width: 308px;
        height: calc(100% + 5px);
    }
    .op_list.op_bdstrong > div {
        margin-top: 5px;
    }
}
@media (max-width: 739px) {
    .op_item_wrap .op_list.op_bdstrong {
        background-color: transparent;
        border: 5px #ffa37f solid;
        border-top: 5px #f36026 solid;
        border-bottom: 5px #f36026 solid;
        pointer-events: unset;
    }
}


/* 枠 end */

/* アイコン start */
span.--whatsBikkuriop-titleIcon-01 {
    display: inline-block;
    position: absolute;
    z-index: 11;
    width: 65px;
    height: 58px;
    margin-right: 8px;
    background-image: url(/content/dam/sites/wwwjalcojp/jp/ja/domtour/jaldp/bikkuri-option/img_sites/icon_01.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: text-bottom;
}
@media (min-width: 740px) {
    span.--whatsBikkuriop-titleIcon-01 {
        top: -25px;
        right: 0px;
        height: 65px;
    }
}

@media (max-width: 739px) {
    .meal .op_icon {
        position: relative;
    }
    span.--whatsBikkuriop-titleIcon-01 {
        right: -5px;
        top: -25px;
    }
}
/* アイコン end */