/* news idx */
h1 { margin-bottom:25px; font-size:230%; font-weight:200; line-height: 1.2}
#newsidx { width:100%; background:#eee; }
#drpyr { font-size:24px; padding:8px 45px 8px 8px; background:#ccc; display:inline-block; 
            border-top:solid 1px #C31F26; min-width:120px; cursor:pointer; z-index:15; }
#drpyr>em { font-weight:300; }
#drpyr>img { position:absolute; transform:rotate(90deg); bottom:10px; right:15px; height:60%; 
             display:block; }
#drpyr>nav { position:absolute; top:100%; left:0; width:100%; background:#ccc; display:none;
             font-size:18px; }             
.notouch #drpyr:hover>nav,
#drpyr.open>nav { display:block; }
#drpyr>nav a { display:block; padding:5px 8px; border-top:solid 1px #eee; }
#blist { padding-bottom:25px; }
.notouch #blist>div { cursor:pointer; }
#blist>div { display:block; width:23%; margin-right:2.7%; float:left; background:#fff; 
             box-sizing:border-box; margin-top:25px; height:450px; overflow:hidden; }
.notouch #blist>div:hover { border:solid 1px #C31F26; }             
.font-aa #blist>div  { height:520px; }            
.font-aaa #blist>div  { height:580px; }
#blist>div>.wrap { padding:15px 25px 15px 15px; }
#blist>div.clear { float:none; }
#blist>div:nth-child(3n+0) { margin-right:2.6%; }
#blist>div:nth-child(4n+0) { margin-right:0; }
#blist>div>img { width:100%; background-position:center center; background-size:100%; 
                 transition:all 0.3s ease-out;}
.notouch #blist>div:hover>img { background-size:120%; }
#blist>div em.fa-bookmark-o { position:absolute; top:15px; right:8px; }
#blist>div em.fa-bookmark-o.sel:before{ content:'\f02e'; color:#C31F26; }
#blist>div h3, #blist>div p { line-height:1.4; }
#blist>div p { margin:10px 0; }
#blist>div strong { font-weight:500; }
#blist>div dl { margin:0; padding:0; }
#blist>div dl>dd { margin:1px 0 0 0; padding:3px 6px; display:inline-block; background:#C31F26; 
                    font-weight:500; color:#fff; }
#blist>div .btm { position:absolute; bottom:15px; left:15px; padding:0 25px 0 0;}   

p.more { text-align:center; /*background:#dfdfdf;*/ padding:10px 0; margin-top:15px; }               
.notouch p.more { cursor:pointer; }
p.more strong { font-weight:400; font-size:18px; }
p.more svg { height:14px; }                 
p.more svg rect { fill:#666; }
p.more img { display:none; }
p.more.loading { padding:3px 0; }
p.more.loading strong { display:none; }
p.more.loading img { display:inline-block; }
.notouch p.more:hover svg rect { fill:#c31f26; }
.desc { padding-bottom: 30px;}
                 
/* ==========================================================================
    Pad : landscape
============================================================================= */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape){
	
}
/* ==========================================================================
    Desktop Narrow
============================================================================= */
@media only screen and (min-width: 768px) and (max-width: 1100px)  {   
#blist>div { width:49%; margin-right:2% }
#blist>div:nth-child(2n+0) { margin-right:0; }
#blist>div:nth-child(3n+0) { margin-right:2%; }
}
/* ==========================================================================
    Pad : Portrait
============================================================================= */
@media only screen and (min-width: 768px) and (max-width: 959px) and (orientation : portrait) {   
}

/* ==========================================================================
    Mobile
============================================================================= */
@media only screen and (max-width:767px) {                            
#body #blist>div { width:100%; float:none; height:auto; }
#blist>div,#blist>div:nth-child(2n+0), 
#blist>div:nth-child(3n+0) { margin-right:0; }
#blist>div .btm { position:relative; bottom:0; left:0; padding:15px 25px 15px 15px; }
}

/* ==========================================================================
    Print
============================================================================= */
@media print {
    .font-a #blist>div,.font-aa #blist>div,.font-aaa #blist>div { height:400px; }
}