@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------LowerTtl*/
.LowerTtl {width: 92.6%;margin: 0 auto;padding-top: 30px;margin-bottom: 10px;position: relative;}
.LowerTtl h2{color: #000 !important;text-shadow: none;-webkit-text-shadow: none;-moz-text-shadow: none;-ms-text-shadow: none;}
.LowerTtl:before {content:"";background-image: url(/kaigai/business/asset/images/tour/pamf_image.png);display: block;width: 120px;height: 100px;background-repeat: no-repeat;background-size: contain;position: absolute;top: 30px;right: 5px;margin-left: 0;left: auto;}
.LowerTtl h2 {padding-right: 140px;line-height: 1.4;padding-bottom: 22px;}
.LowerTtl h2 p{
}
.LowerTtl h2 p + p{
    padding-top: 5px;
}
.LowerTtl .desc {
    padding-bottom: 5px;
    padding-right: 0;
    line-height: 1.5;
}
.LowerTtl h2 .main{
    font-size: 6vw;
}
.LowerTtl h2 .main span{
    letter-spacing: 2px;
    margin-right: 0;
}

/*-----------------------------------------------------Brand*/
#Brand {margin-bottom: 30px;width: 92.6%;margin: 0 auto;border: 1px solid #ccc;padding: 9px;box-sizing: border-box;display: block;margin-bottom: 25px;padding-bottom: 0;}
#Brand h2{
    font-weight: normal;
    padding: 0;
    display: block;
    text-align: center;
    padding-bottom: 10px;
    background-color: inherit;
    position: relative;
    font-size: 5vw;
}
#Brand h2 strong{
    font-weight: normal;
}
#Brand h2:after{font-size:2.2rem;position: absolute;right: -2px;top:50%;margin-top: -1.1em;content:"\f107";font-family:FontAwesome;}
#Brand h2.active:after{content:"\f106"; }



#Brand .Entry {padding: 20px;box-sizing: border-box;text-align: center;margin-bottom: 20px;margin-left: 0;}
#Brand .Entry#smart { background-color: #EEF3F4; }
#Brand .Entry#extage { background-color: #F7F4EE; }
#Brand .Entry#imp { background-color: #F2EEF4; }
#Brand .Entry dl { }
#Brand .Entry dt { padding-bottom: 5px; }
#Brand .Entry dt img { width: auto; height: 30px; }
#Brand .Entry dd {padding-bottom: 5px;font-weight: bold;}
#Brand .Entry dd p{font-size: 12px;}
#Brand .Entry dd p + p{font-size: 18px;}
#Brand .Entry ul {padding-bottom: 9px;text-align: left;}
#Brand .Entry li {padding-left: 11px;}
#Brand .Entry li + li {margin-top: 2px;}
#Brand .Entry li:before{content: "\f0c8";display:block;float:left;margin-left: -13px;width: 0.8em;font-size: 10px;padding-top: 2px;text-align:center;font-family:FontAwesome;}

#Brand .Entry .btnGlobal a {padding: 10px 0px 10px 0px;font-size: 12px;box-sizing: border-box;color: #fff;}
#Brand .Entry .btnGlobal a:after { font-size:16px; right: 5px; }
#Brand .Entry .btnGlobal a + a {}

#Brand .Entry#smart dd,
#Brand .Entry#smart li strong { color: #26549F; }
#Brand .Entry#smart .btnGlobal a { background-color: #26549F; border:1px solid #26549F; }
#Brand .Entry#smart .btnGlobal a:hover { background-color: #fff; color:#26549F; }

#Brand .Entry#extage dd,
#Brand .Entry#extage li strong { color: #929146; }
#Brand .Entry#extage .btnGlobal a { background-color: #929146; border:1px solid #929146; }
#Brand .Entry#extage .btnGlobal a:hover { background-color: #fff; color:#929146; }

#Brand .Entry#imp dd,
#Brand .Entry#imp li strong { color: #6d3c94; }
#Brand .Entry#imp .btnGlobal a { background-color: #70359e; border:1px solid #6d3c94; }
#Brand .Entry#imp .btnGlobal a:hover { background-color: #fff; color:#6d3c94; }

#Brand .AccWrap .AccClose {line-height: 1;text-align: center;padding-bottom:5px;border-radius: 3px;background-color: #ececec;margin-bottom: 15px;}
#Brand .AccWrap .AccClose:after {content: "CLOSE";font-family: 'EB Garamond', serif;letter-spacing: 3px;font-weight: bold;}
#Brand .AccWrap .AccClose:before {content: "\f106";font-family:FontAwesome;display: block;font-size: 1.8rem;}
#Brand .AccWrap .AccClose.active {}
/*------------------------------------------------ExtagePoint*/
#ExtagePoint {}
#ExtagePoint a{ color:#fff}
#ExtagePoint .GeneralTtl {color:#fff;margin-top: 17px;}
#ExtagePoint .GeneralTtl:before{content:"";display:block;width: 100px;height: 50px;background-image: url(/kaigai/business/asset/images/tour/logo_extage_white.png);background-size:contain;background-position: center;background-repeat: no-repeat;margin: 0 auto;padding-bottom: 20px;}
#ExtagePoint .GeneralTtl .main {font-size: 4vw;border-bottom: 1px solid #fff;}
#ExtagePoint .GeneralTtl .main strong{display:block;font-size: 4.5vw;}
#ExtagePoint .inner {margin:0 auto;width:92.6%; }
#ExtagePoint .inner .Entry {text-align: left;display: block;}
#ExtagePoint .inner .Entry:nth-child(even) { flex-flow: row-reverse; }
#ExtagePoint .inner .Entry:nth-child(1) h3 { background-image:url(/kaigai/business/asset/images/tour/extage_service01.jpg)}
#ExtagePoint .inner .Entry:nth-child(2) h3 { background-image:url(/kaigai/business/asset/images/tour/extage_service02.jpg)}
#ExtagePoint .inner .Entry:nth-child(3) h3 { background-image:url(/kaigai/business/asset/images/tour/extage_service03.jpg)}
#ExtagePoint .inner .Entry:nth-child(4) h3 { background-image:url(/kaigai/business/asset/images/tour/extage_service04.jpg)}

#ExtagePoint .inner .Entry + .Entry {margin-top: 35px;}
#ExtagePoint .inner .Entry h3 {height: 100px;width: 100%;margin-bottom: 10px;position:relative;background-repeat: no-repeat;background-size: cover;background-position: center;}
#ExtagePoint .inner .Entry h3 p {text-align: center;color: #fff;padding: 40px 0 0 0;font-size: 5vw;box-sizing: border-box;width: 10em;margin: 0 auto;height: 100%;left: 50%;margin-left: -5em;top: 0;}
#ExtagePoint .inner .main {
    padding-left: 0;
}
#ExtagePoint .inner .Entry:nth-child(even) .main {padding-left:0;padding-right: 0;}
#ExtagePoint .inner .Entry dl { }
#ExtagePoint .inner .Entry dt {font-size: 4vw;color: #d4c88e;display: inline-block;letter-spacing: 1px;padding-bottom: 1px;border-bottom: 1px solid #d4c88e;}
#ExtagePoint .inner .Entry dt span{ font-size:16px}
#ExtagePoint .inner .Entry dd {padding-top: 8px;color: #fff;}
#ExtagePoint .inner .Entry dl + dl {margin-top: 25px;}

.Remodalcancel{width: 92.6%;margin: 0 auto;margin-bottom: 20px;padding-top: 20px;}
.remodal-confirm,
.remodal-cancel{padding: 10px 15px !important;width: 100%;}

/*-----------------------------------------------------dpfMenu*/
#dpfMenu{width: 92.6%;margin: 0 auto;}
#dpfMenu li label{padding-left: 0;box-sizing: border-box;font-size: 1.2rem;line-height: 1.4;padding: 10px;padding-right: 15px;width: 100%;}
#dpfMenu li.act label{
    padding-top: 10px;
}
#dpfMenu li label:before{ content: none;}
#dpfMenu li label:after{ content: none;}

#dpfMenu ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
#dpfMenu li {background-color: #f1f1f1;font-weight:bold;-webkit-transition: all .3s ease-out;position:relative;border-radius: 3px;-webkit-border-radius : 3px;-moz-border-radius: 3px;text-align: center;width: 49%;margin-bottom: 7px;flex: inherit;}
#dpfMenu li + li {
    margin-left: 0;
}

#dpfMenu li.All{color:#666;width: 100%;}
#dpfMenu li#SCBeach{ color:#46A3AA;}
#dpfMenu li#SCAsia{ color:#B55555;}
#dpfMenu li#SCEur{ color:#79A543;}
#dpfMenu li#SCUsa{ color:#8B5283;}

#dpfMenu li.act{color:#fff !important;}

#dpfMenu li.act.All{ background-color:#666;}
#dpfMenu li.act#SCBeach{ background-color:#46A3AA;}
#dpfMenu li.act#SCAsia{ background-color:#B55555;}
#dpfMenu li.act#SCEur{ background-color:#79A543;}
#dpfMenu li.act#SCUsa{ background-color:#8B5283;}

#dpfMenu li:after{position: absolute;right: 8px;top:50%;margin-top: -0.5em;line-height: 1;content: "\f107";font-family:FontAwesome;}
#dpfMenu li.act::after { content:"";}

#dpfMenu li:hover{ cursor:pointer;-webkit-transition: all .3s ease-out;}


/*-----------------------------------------------------dpfItem*/
#dpfItem {padding-top: 10px;box-sizing: border-box;width: 92.6%;margin: 0 auto;}
#dpfItem .Entry {position:relative;box-sizing:  border-box;display: flex;flex-wrap: wrap;border: 1px solid #ccc;padding: 10px;margin-bottom: 20px;align-items: flex-start;width: 100%;margin-left: 0;}
#dpfItem .Entry .icon {font-size: 12px;width: 100%;display: flex;}
#dpfItem .Entry .icon span{background-color: #242424;display: inline-block;color: #fff;padding: 0 10px;}
#dpfItem .Entry.exe .icon span { background-color:#929146;}
#dpfItem .Entry.smart .icon span { background-color:#26549F;}
#dpfItem .Entry.imp .icon span{ background-color:#6d3c94;}
#dpfItem .Entry .icon span + span{margin-left: 7px;font-weight: normal;background-color: #C51D4F !important;}
#dpfItem .Entry .thumb {border: 2px solid #e0e0e0;line-height: 0;box-sizing: border-box;margin-top: 10px;text-align: center;padding: 2px;max-width: 80px;line-height: 0;}
#dpfItem .Entry .thumb img{
    width: 72px;
}

#dpfItem .Entry .main {padding-left: 10px;margin-top: 10px;flex: 1;}
#dpfItem .Entry .main .date {padding-bottom: 3px;}
#dpfItem .Entry .main .ttl {font-size: 4vw;font-weight: bold;line-height: 1.45;padding-bottom: 5px;}
#dpfItem .Entry .main .ttl span{font-size: 3vw;}
#dpfItem .Entry .main .link {padding-bottom: 5px;font-size: 1.4rem;}
#dpfItem .Entry .main .link li{}
#dpfItem .Entry .main .link li a { display: flex; line-height: 1.4; text-decoration: none; }
#dpfItem .Entry .main .link li a:before {content: "\f138";font-family: FontAwesome;padding-top: 1px;padding-right: 3px;display: flex;flex-direction: column;height: 100%;}
#dpfItem .Entry .main .link li a p { text-decoration: underline; }
#dpfItem .Entry .main .link li a p:hover { text-decoration: none; }
#dpfItem .Entry .main .link li + li { padding-top: 3px; }
#dpfItem .Entry .main .lastdate {}