@import url(/css/column.css);

#header { margin-bottom: 2.5em;
    background-image: url(/column/kurashima/images/title_kurashima.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
}
#header-name {
    height: 145px;
    overflow: hidden;
}
#header-name a { display: block; padding-top: 145px;}

@media screen and (max-width:750px) {
    /*#header { background-image: url(/column/kurashima/images/title_miyatasuizokukan2.jpg);}*/
    #header-name { height: 21vw;}
    #header-name a { padding-top: 21vw;}
}
.entry-title h2 { font-weight: bold; font-size: 2rem;}
.entry-title h2 + p { margin-top: 0.3em;}
.entry-title p { font-size: 1.4rem;} 

.mt-image-none img,
img.mt-image-none { display:block;margin: 1em auto;max-width: 100%; height: auto;}
.mt-image-left,
.mt-image-right { width: 50%;}
.mt-image-left img,
.mt-image-right img {width: 100%; height: auto; margin-top: 1.2em;}

.entry-body p + .mt-image-right img,
.entry-body div + p { margin-top: 1.2em;} 

/*.mt-be-column { padding: 10px;}*/
.mt-be-column + .mt-be-column { margin-left: 20px;}
figure.mt-figure { margin:auto; padding: 20px 0; max-width: 480px;}
figure figcaption { font-size: 0.88em; color: #999;}
figure img + figcaption { margin-top: 0.4em;}

.entry-body img { width: 100%;max-width: 480px! important; height:auto;}

@media screen and (max-width:750px) {
  .mt-image-left,
  .mt-image-right { width: 100%;}
  .mt-image-none img { max-width: 100%; width: 100%;}
.mt-be-columns { display: block! important;}
.mt-be-column + .mt-be-column { margin-left: 0;}
}
