@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
----------------------------------------------------------------------------------------------------- */


.ss-box{width: 95%; max-width: 1000px; margin: 0 auto;}

.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;}
.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; font-size:18px;}

.news-new-icon{
	width: 40%;
	position: absolute; 
	top:-10px;
	left:-10px;
}


.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; }


.item-title{font-weight: 600; color: #ed3164; padding-bottom:10px;}


@media screen and (max-width: 700px) {
h2{width: 95%; max-width: 924px; margin: 0 auto; padding: 30% 0  5% 0;}

.news-cont{ width: calc(48% - 4px); border: solid 2px #8f8fc6; background:#fff; color: #5f5c77; margin: 1%; position: relative;}
.news-txt{font-size:16px; line-height:1.3;}

}



/* 
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{width: 85%; max-width: 900px; margin: 5% auto; color: #605d77; border-bottom:double 3px #605d77; padding:3% 0 1% 0; margin-bottom:2%; font-weight: 600; text-align: center; font-size: 20px;}


.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;}


div.free-btn a{width: calc(100% - 6px); max-width: 388px; margin: 5% auto 0; background:url(../img/goods/free-btn.jpg) top center no-repeat; text-align: center; display: block; padding: 3px;}
.free-btn a:hover{filter: contrast(140%);}



ul.free-btn li{width: 49%; padding:0.5%;}
ul.free-btn a{width: 100%; max-width: 388px; margin: 5% auto 0; background:url(../img/goods/free-btn.jpg) top center no-repeat; text-align: center; display: block;}

@media screen and (max-width: 700px) {
ul.free-btn li{width: calc(50% - 3px); padding:0.5%;}
ul.free-btn li{font-size:1.8vw}
ul.free-btn a{padding: 5% 0;}
}


.free-btn a{ color: #fff; text-decoration: none;}
.free-btn a:visited { color: #fff; }
.free-btn a:hover { color: #fff;}
.free-btn a:active { color: #fff; }




/* anime */

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



.iconw4{width:95%;max-width:1000px; margin: 0 auto;}
.iconw4 li{width: 24%; padding:0.5%;}




/* 
フリーペーパー
*/

.freep-box{width:95%;max-width:1000px; margin: 0 auto;}
.freep-box li{width: 49%; padding:0.5%;}
.freep-box li a:hover{filter: contrast(140%);}


.readbox{width: 95%; max-width: 1000px; margin: 5% auto 0; color:#605d77; font-size:16px; line-height:1.61; }