@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------LowerTtl*/
.LowerTtl {color: #000;width: 1020px;margin: 0 auto;padding-top: 40px;margin-bottom:50px;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: 1020px; left: 50%; margin-left: -510px; top: 20px; background-position: top right; position: absolute; height: 400px; background-repeat: no-repeat; }
.LowerTtl h2 { padding-right: 260px; }
.LowerTtl .desc { padding-right: 260px; }

/*-----------------------------------------------------Brand*/
#Brand {width: 1020px;margin: 0 auto;margin-bottom: 80px;display: flex;justify-content: space-between;}
#Brand  h2{padding-bottom:40px;background-color: #f1f1f1;padding: 20px 30px;display: flex;flex-direction: column;justify-content: center;}
#Brand .Entry {padding: 20px;box-sizing: border-box;text-align: center;margin-bottom:0;flex: 1;margin-left: 25px;}
#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;}
#Brand .Entry .btnGlobal a:after { font-size:16px; right: 5px; }
#Brand .Entry .btnGlobal a + a {
    /* margin-top: 10px; */
    margin-left: 10px;
}

#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; }


/*------------------------------------------------ExtagePoint*/
#ExtagePoint {padding-bottom: 40px;}
#ExtagePoint a{ color:#fff}
#ExtagePoint .GeneralTtl { color:#fff; margin-top:40px; }
#ExtagePoint .GeneralTtl:before{content:"";display:block;width: 110px;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 { border-bottom: 1px solid #fff; }
#ExtagePoint .inner {margin-bottom:30px;}
#ExtagePoint .inner .Entry { text-align: left; display: flex; align-items: flex-start; }
#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: 43px;}
#ExtagePoint .inner .Entry h3 { height: 350px; width: 350px; 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;background-color: rgba(0, 0, 0, 0.8);padding: 30px 20px;position: relative;z-index: 9;position: absolute;font-size: 22px;left: 50%;top: 50%;margin-left: -120px;box-sizing: border-box;width: 240px;margin-top: -50px;}
#ExtagePoint .inner .main {flex: 1;padding-left: 40px;}
#ExtagePoint .inner .Entry:nth-child(even) .main {padding-left:0;padding-right: 40px;}
#ExtagePoint .inner .Entry dl { }
#ExtagePoint .inner .Entry dt {font-size: 20px;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;}



/*-----------------------------------------------------dpfMenu*/
#dpfMenu{width: 1020px;margin: 0 auto;}
#dpfMenu li label{padding-left: 0;line-height: 1;padding: 15px 10px 25px 10px;width: 100%;box-sizing: border-box;}
#dpfMenu li.act label{padding-top: 22px;}
#dpfMenu li label:before{ content: none;}
#dpfMenu li label:after{ content: none;}

#dpfMenu ul{display: flex;justify-content: center;}
#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;flex: 1;}
#dpfMenu li + li {margin-left: 10px;}

#dpfMenu li.All{ color:#666;}
#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{content:"\f107";display:block;text-align:center;font-size: 24px;line-height:0;font-family:FontAwesome;/* padding-top: 6px; */font-weight:normal;margin-top: -11px;}

#dpfMenu li.act::after {top: 117%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-width: 10px;margin-left: -10px;z-index: 2;}
#dpfMenu li.act.All::after{border-color: rgba(70,163,170,0); border-top-color: #666;}
#dpfMenu li.act#SCBeach::after{border-color: rgba(70,163,170,0);border-top-color: #46A3AA;}
#dpfMenu li.act#SCAsia::after {border-color:rgba(181,85,85,0); border-top-color: #B55555; }
#dpfMenu li.act#SCEur::after {border-color:rgba(121,165,67,0); border-top-color: #79A543;}
#dpfMenu li.act#SCUsa::after { border-color:rgba(139,82,131,0); border-top-color: #8B5283;}

#dpfMenu li:hover{ cursor:pointer;-webkit-transition: all .3s ease-out; filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}


/*-----------------------------------------------------dpfItem*/
#dpfItem {display: flex;flex-wrap: wrap;padding-top: 40px;box-sizing: border-box;width: 1080px;margin: 0 auto;align-items: baseline;margin-bottom:40px;}
#dpfItem .Entry {position:relative;width: 320px;margin-left: 30px;margin-bottom: 45px;box-sizing:  border-box;display: flex;flex-wrap: wrap;align-items: flex-start;}
#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;width: 80px;box-sizing: border-box;margin-top: 10px;text-align: center;padding: 2px 0px;}
#dpfItem .Entry .thumb img{
    width: 72px;
}
#dpfItem .Entry .main {padding-left: 10px;width: 200px;margin-top: 10px;}
#dpfItem .Entry .main .date {font-size: 12px;padding-bottom: 3px;}
#dpfItem .Entry .main .ttl {font-size: 16px;font-weight: bold;line-height: 1.45;padding-bottom: 5px;}
#dpfItem .Entry .main .ttl span{font-size: 12px;}
#dpfItem .Entry .main .link {font-size: 14px;padding-bottom: 5px;}
#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 {font-size: 12px;}
