@charset "utf-8";

.base-wp{padding-bottom: 10%;}

h2{width: 95%; max-width: 924px; margin: 0 auto; padding: 180px 0  0 0;}

.news-bg{background:url(../img/common/cont-common-bg.jpg) top center no-repeat; -moz-background-size:100% auto; background-size:100% auto; }




/* NEWS
----------------------------------------------------------------------------------------------------- */




.news-cont-box{ width: 95%; max-width: 1500px; margin: 0 auto; padding-top: 5%;}

.news-cont{ width: calc(31% - 4px); border: solid 2px #8f8fc6; background:#fff; color: #5f5c77; margin: 1%; position: relative; padding-bottom: 20px;}
.news-thumbnail{width: 95%; padding: 2.5% 0; margin: 0 auto;}
.news-thumbnail img{width: 100%;}
.news-thumbnail:hover{filter: contrast(120%);}

.news-txt{width: 95%; padding: 2.5% 0; margin: 0 auto; line-height:1.61; letter-spacing: 0.1em;}
.news-day{color: #e43261; font-size: 20px; text-align:right; position: absolute; bottom:0; right: 2%;}

.news-new-icon{
	width: 20%;
	position: absolute; 
	top:-10px;
	left:-10px;
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}


.news-cont-box a{ color: #ef4b85; text-decoration: underline;}
.news-cont-box a:visited { color: #ef4b85; }
.news-cont-box a:hover { color: #ef4b85; text-decoration: none; }
.news-cont-box a:active { color: #ef4b85; }


.more-btn{width: 50%; max-width: 193px; margin: 0 auto; padding-top: 20px; padding-left:6px;}
.more-btn:hover{filter: contrast(140%);}



@media screen and (max-width: 700px) {
h2{width: 95%; max-width: 924px; margin: 0 auto; padding: 30% 0  5% 0;}
.news-cont-box{padding-top: 5%;}
.news-cont{ width: calc(95% - 4px); margin: 1%; padding:2%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.news-thumbnail{width: 50%; padding:0; padding-right: 2%;}
.news-txt{width: 95%; padding:0; margin: 0 auto;}
.news-new-icon{ width: 15%;}
}



/* 
NEWS中身
*/

.news-cont-common-box{ width: 85%; max-width: 900px; margin: 5% auto; background-color:rgba(255,255,255,0.65); padding: 5%; font-size: 18px; line-height:1.61; color: #67647e; border:solid 1px #ed3164;}

.news-cont-common-box a img:hover{filter: contrast(140%);}


.update{text-align: right;}
h3{color: #ed3164; font-size: 30px; border-bottom:double 3px #ed3166; padding:3% 0 1% 0; margin-bottom:2%; font-weight: 600;}

h4{color: #ed3164; font-size: 30px; padding:5% 0 2% 0;}
h5{font-size: 20px; padding:5% 0 1% 0; margin-bottom: 3%; font-weight: 600; border-bottom: solid 1px #67647e;}

.cdlist{display: -webkit-flex; display: flex;}
.cdlist dt{width: 150px;}
.cdlist dd{-webkit-flex: 1; flex: 1; padding-bottom: 5%;}

.text-cont{padding: 2% 0; line-height:1.61;}


.marker_link a{ background: url("../img/news/outlink.png") no-repeat right; padding-right: 17px; color:#6171cd;}
.marker_link a:visited { color:#6171cd; }
.marker_link a:hover { color:#fff; background: url("../img/news/outlink.png") #76728f no-repeat right; padding-right: 17px;}
.marker_link a:active { color:#6171cd; }


@media screen and (max-width: 700px) {
.cdlist{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;}
.cdlist dt{width: 96%; background:#dddce2; padding: 2%;}

.news-cont-common-box{margin: 3% auto 5% auto;}
.news-day{color: #e43261; font-size: 3vw; text-align:right; position: absolute; bottom:0; right: 2%;}
h3{font-size: 5vw; }
h4{font-size: 4vw;}

}









/* anime */

@keyframes fade-inanime {
    0% {opacity: 0;}
    100% {opacity: 1;}
}