@charset "utf-8";

/* ===================================================================
css information

File Name  : layout.css
Author     : 
Style Info : 
=================================================================== */

/* playList
-----------------------------------------------*/

.op #container { padding:75px 0 0 0; }
.op .alBg { margin:15px 0 0 0; }
.op #mainCont01.alBg { margin-top:0 !important; }

.op h2.cmnTtl { padding:0 0 0 40px; }
.op h2.cmnTtl.type01 { background:#ecac25; }
.op h2.cmnTtl.type01:after { background:URL(../img/ttlIcon_01.png) no-repeat left center; background-size:100% 100%; }

.op .mainContInner { padding:10px; }
.op .mainContInner ul { text-align:left; }
.op .mainContInner ul li { width:100%; margin:6px 0 0 0; padding:10px 10px 80px 10px; background:#f5f5f5; border:#ddd 1px solid; position:relative;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-right-radius: 10px; 
}
.op .mainContInner ul li:first-child { margin-top:0 !important; }
.op .mainContInner ul li article { width:100%; display:table; }
.op .mainContInner ul li article figure { width:110px; display:table-cell; vertical-align:top; }
.op .mainContInner ul li article figure img { width:100%; }
.op .mainContInner ul li article figure img.ol { outline:#ddd 1px solid; }
.op .mainContInner ul li article .dataInfo { padding:5px 0 10px 10px; display:table-cell; vertical-align:top; }
.op .mainContInner ul li article .dataInfo h4 { font-size:15px; line-height:140%; word-wrap:break-word; word-break:break-all; }
.op .mainContInner ul li article .dataInfo h4 br { display:none; }
.op .mainContInner ul li article .dataInfo .upDate { font-size:10px; background:#aaa; color:#fff; height:22px; line-height:22px; text-align:center; width:105px; letter-spacing:0.05em; margin:8px 0 0 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; 
}
.op .mainContInner ul li article .dataInfo aside { padding:8px 0 0 0; }
.op .mainContInner ul li article .dataInfo aside p { font-size:10px; line-height:140%; color:#777; letter-spacing:0.05em; word-wrap:break-word; word-break:break-all; }
.op .mainContInner ul li article .dataInfo aside p br { display:none; }

.op .mainContInner ul li article .btnWrap { width:100%; height:52px; position:absolute; bottom:15px; left:0; padding:0 10px; }
.op .mainContInner ul li article .btnWrap a { width:100%; max-width:380px; margin:0 auto; height:52px; font-size:15px; line-height:44px; text-indent:20px; letter-spacing:0.04em;
-webkit-border-radius: 26px;
-moz-border-radius: 26px;
border-radius: 26px;
}
.op .mainContInner ul li article .btnWrap a:after { content:''; display:block; position:absolute;
background:URL(../../img/cmn/btnArrow_01.png) no-repeat center center; background-size:contain;
width:18px; 
height:18px;
right:12px; 
top:13px;
}