@charset "UTF-8";

@import url("base.css");


.sec-daddybear-header{ background-color:#d7d98f; position:relative;}
.sec-daddybear-header:after{ content:''; background-color:#ffefd1; width:100%; height:312px; left:0; top:0; position:absolute;}
.sec-daddybear-header .container{ width:100%; max-width:980px;}


.sec-daddybear{ background:#d7d98f url(../img/daddybear/footer.png) center bottom no-repeat; position:relative; padding-bottom:300px;}
.sec-daddybear .container{ width:100%; max-width:1000px; }
.page-daddybear-index .sec-daddybear .container{ width:100%; background-color:transparent; border-radius:0; }

.sec-daddybear .latest{ padding:0 10px; margin:0 auto 50px auto;}
.sec-daddybear .latest .item{ margin:0;}
.sec-daddybear .latest .item a figcaption{ display:none;}
.sec-daddybear .list{ width:100%; margin:0 auto 50px auto;}
.sec-daddybear .subject{ text-align:center; margin-bottom:30px; font-weight:600; letter-spacing:2px; color:#FFF; position:relative;}
.sec-daddybear .subject:before{ content:''; top:-5px; left:50%; width:200px; margin-left:-100px; height:calc( 100% + 15px); background-color:#d98e29; position:absolute; z-index:-1; transform:skewX(-10deg);}
.sec-daddybear .coming{ font-size:20px; letter-spacing:2px; font-style:italic; color:#FFF; text-align:center; padding-bottom:50px;}


.sec-daddybear .item{ width:100%; margin:0 10px;}
.sec-daddybear .item a{ display:block;}
.sec-daddybear .item a figure{ border:#FFF solid 10px; overflow:hidden; margin-bottom:5px;}
.sec-daddybear .item a figure img{ transition:all ease-in .3s;}
.desktop .sec-daddybear .item a:hover figure img{ transform:scale(1.02); transition:all ease-out .3s;}
.sec-daddybear .item a figcaption{ background:url(../img/common/ic_arr_right_gray.png) left 5px no-repeat; background-size:20px auto; color:#434343; padding-left:20px;}


.sec-daddybear .detail{ background-color:#FFF; padding-bottom:30px;  border-radius:20px; overflow:hidden;}
.sec-daddybear .detail .title{ background-color:#d98e29; padding:0 10px 5px;}
.sec-daddybear .detail .title h3{ color:#FFF; padding:20px 0; text-align:center; border-bottom:#ffc679 dashed 1px; }
.sec-daddybear .detail .video-container{ margin:20px;}
.sec-daddybear .detail article{ width:90%; max-width:750px; margin:0 auto; padding:30px 0;}
.sec-daddybear .detail article h5{ color:#ff8885; margin-bottom:5px; }
.sec-daddybear .detail article p{ margin-bottom:20px; }
.sec-daddybear .detail article strong{ color:#d98e29;}
.sec-daddybear .detail article ul,
.sec-daddybear .detail article ol{ margin: 0 0 20px 30px;}
.sec-daddybear .btns{ text-align:center;}
.sec-daddybear .btns .btn{ background-color:#ff8885; color:#FFF; display:inline-block; width:140px; padding:10px 20px; border-radius:30px; margin:0 10px;}
.desktop .sec-daddybear .btns .btn:hover{ background-color:#ed86b3; transition:all ease .3s;}
.sec-daddybear .btns .btn span{ background:url(../img/common/ic_arr_right_white.png) right center no-repeat; background-size:20px auto; padding-right:20px;}
.sec-daddybear .btns .btn-more{ }



/*	RESPONSIVE:  */
@media only screen and (max-width:1024px) {


}


/*	RESPONSIVE:  */
@media only screen and (max-width:1023px) {


}


/*	RESPONSIVE:  */
@media only screen and (max-width:767px) {

.sec-daddybear{ background-size:960px auto; padding-bottom:150px;}

.sec-daddybear .detail{ border-radius:0px; }
.sec-daddybear .detail .video-container{ margin:0;}
.sec-daddybear .list .item{ width:100%; margin:0 10px; }

}

/*	RESPONSIVE:  */
@media only screen and (max-width:450px) {
}

/*	RESPONSIVE:  */
@media only screen and (max-width:350px) {

.sec-member .title{ width:100px;}

}