/*
Theme Name: mbb-dl-net
Theme URI: https://media-dl.net
Description: MBBDLネットのテーマです
Version: 1.0.0
Author: purepuretunes
Author URI: http://www.pure2z.com
Template: catch-kathmandu

*/
@import url("../catch-kathmandu/style.css");

/*html{font-size:16px}*/

/**/
.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body{
background:#4E9CCC !important;
border-radius:8px;
margin-bottom:5px;
}
.entry-header .entry-meta{
display:none
}



/*flexbox--------------------------------*/
.flex{
  display: -webkit-flex; 
  display: flex;
display: inline-flex;
display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
}
.flex-end{
    -webkit-justify-content: flex-end; 
  justify-content:         flex-end;
    
}
.flex-around{
 -webkit-justify-content: space-around; 
  justify-content:         space-around;

  }
 .flex-center {
    -webkit-align-items: center;
  align-items:         center;
 -webkit-box-align:center;/*--- Androidブラウザ用 ---*/
    -ms-flex-align:center;/*--- IE10 ---*/
 }
.flex-wrap {
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
/*-ms-flex-wrap: wrap;
 -webkit-box-wrap: wrap;*/
}
.flex-center{
align-items: center;
}

/*コンテンツ表示*/
.post p{
margin-bottom:10px;
margin-top:10px
}
/*トップページ表示*/
.home #primary{
width:100% !important
}
ul.post_list {
inline-block;

}
.post_list li  .post_img{
width:90%;
margin:0 auto;
}

.post_list li{
flex:1;
margin:10px;
padding:10px;
border:#4E9CCC 2px solid ;
border-radius:8px;
position:relative;
min-width:10vw;
max-width:10% ;
height:calc(10vw + 120px);

}

.post_list li  .post_img{
position:absolute;
/*border:1px solid #ccc;*/
bottom:5px;

}
div.specialposts{
margin-bottom:5vh
}
@media only screen and (max-width: 990px){
.post_list li{
flex:1;
min-width:25vw !important;
height:calc(25vw + 50px) !important;
}
.flex-wrap {
flex-wrap: wrap !important;
-webkit-flex-wrap: wrap !important;

}
div.specialposts{
max-width:100vw;
overflow-x: scroll;

}
}

@media only screen and (max-width: 677px){

.post_list li{
min-width:60vw !important;
max-width:70% !important;
height:calc(60vw + 50px) !important;
}
.post_list li  .post_img{
width:90%;
margin:0 auto;
}
.flex-wrap {
flex-wrap: wrap !important;
-webkit-flex-wrap: wrap !important;
}
div.specialposts{
max-width:100vw;
overflow-x: scroll;
}
}

/*= form 要素
-----------------------------------------*/
input[type=password]{
border: 2px solid #4E9CCC;
}
input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], li.bypostauthor cite span{
-webkit-appearance: none;
    padding: 12px 20px 10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: normal;
    color: #fff;
    background: #4E9CCC !important;

    border: 1px solid #d2d2d2;
    border-radius:5px;
}
.powered,.entry-meta{
display:none
}

/*= spグローバルメニュー
----------------------------------------*/
.sb-options{
background:#67A9EC
}
.sb-options li:nth-child(odd){
background:#2581aa
}

/*送信ボタン*/
.single .entry-content input[type="submit"]{
-webkit-appearance: none;
margin-top:3px;
width:100%;
}

/*見出し*/
.entry-content h2{font-size:3rem;
border-left:8px solid #F44A87;padding:2px 0px 2px 15px;
}
.entry-content h3{
padding:6px 10px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background-color: #ECECEC;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;
}

.dl-link li{
padding:2px
}
.uline{border-bottom:1px solid #ccc;}
ol li img{display:inline-block !important}