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

/*-----------------------------------------------------head*/
#contents{
    width: 1000px;
    margin: 0 auto;
    margin-bottom: 80px;
    }
#contents h1 .desc{font-size: 14px;padding-bottom:15px;padding-top: 20px;font-weight: normal;}

.MainBtn{
    margin-bottom: 20px;
}
.MainBtn a{
    text-decoration: none;
    text-align: center;
    display: block;
    background-color: #0e3750;
    width: 500px;
    margin: 0 auto;
    padding: 16px;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    border-radius: 50px;position:relative
}
.MainBtn a:after{position: absolute;right: 15px;top:50%;margin-top: -0.8em;content:"\f105";font-family:FontAwesome;font-size: 24px;}
.MainBtn a:hover{  background-color: #bea31d;}

.SubBtn{
    text-align: center;
    margin-bottom: 20px;
}
.SubBtn a{}

/*-----------------------------------------------------dpfMenu*/
input[type=radio]{display: none;}
input[type=radio]+label {position: relative;display: inline-block;cursor: pointer;padding-left:24px;margin-right: 0px;font-size:14px;}
input[type=radio]+label::before,
input[type=radio]+label::after { position: absolute; display: block; content: ''; top: 0.9em; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
input[type=radio]+label::before { width: 20px; height: 20px; margin-top: -12px; background: #FFF; border: 2px solid #CECECE; }
input[type=radio]+label::after { left: 5px; width: 10px;height: 10px;margin-top: -7px; background: #CECECE;}
input[type=radio]:checked+label::before { border-color:#333333; }
input[type=radio]:checked+label::after {background: #333333;}


#dpfMenu{width: 1020px;margin: 0 auto;}
#dpfMenu li label{padding-left: 0;line-height: 1;padding: 15px 5px 25px 5px;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#SCKokunai{ color:#d2c41c;}
#dpfMenu li#SCImp{ color:#9090d7;}

#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.act#SCKokunai{ background-color:#d2c41c;}
#dpfMenu li.act#SCImp{ background-color:#9090d7;}

#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: 118%;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.act#SCKokunai::after { border-color:rgba(255,215,0,0); border-top-color: #d2c41c;}
#dpfMenu li.act#SCImp::after { border-color:rgba(70,163,170,0); border-top-color: #9090d7;}

#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.qua .icon span { background-color:#000;}
#dpfItem .Entry.luxta .icon span { background-color:#929146;}
#dpfItem .Entry.his .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;}


/*--------------------------------------SMP*/
@media screen and (max-width:480px){
#contents{
    width: 90%;
}
.MainBtn{
    margin-bottom: 20px;
}
.MainBtn a{width: 90%;}
.MainBtn a:after{}
.MainBtn a:hover{}

input[type=radio] { display: none; }
input[type=radio]+label {position: relative;display: inline-block;cursor: pointer;padding-left:24px;margin-right: 0px;font-size: 1.4rem;}
input[type=radio]+label::before,
input[type=radio]+label::after {position: absolute;display: block;content: '';left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;}
input[type=radio]+label::before {width: 18px;height: 18px;margin-top: 2px;background: #FFF;border: 2px solid #CECECE;}
input[type=radio]+label::after {left: 4px;width: 10px;height: 10px;top: 6px;background: #CECECE;}
input[type=radio]:checked+label::before { border-color:#333333; }
input[type=radio]:checked+label::after { background: #333333; }

/*-----------------------------------------------------dpfMenu*/
#dpfMenu{width: 100%;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;position: relative;}
#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#SCKokunai{ color:#d2c41c;}
#dpfMenu li#SCImp{ color:#9090d7;}

#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.act#SCKokunai{ background-color:#d2c41c;}
#dpfMenu li.act#SCImp{ background-color:#9090d7;}

#dpfMenu li:after{position: absolute;right: 8px;top: 50%;margin-top: -0.5em;content: "\f107";font-family:FontAwesome;font-size: 14px;}
#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: 100%;margin: 0 auto;margin-bottom:40px;}
#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.luxta .icon span { background-color:#929146;}
#dpfItem .Entry.his .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 {}


}