@charset "utf-8";

/* ===================================================================
Tablet CSS
ウィンドウ幅[641～1023px]の場合に適用
=================================================================== */
@media screen and (max-width: 1023px) {

/* ===================================================================
各ページ共通
=================================================================== */
body {
overflow: hidden;
}

#h_wrap {
margin-top: 4em;
}

#container {
display: block;
}

#container,
#contents,
.ind_news li figcaption,
#searchform label,
.side_news figcaption {
width: 100%;
}

/*	contents
--------------------------------------------------------------------*/
#contents {
padding-bottom: 4em;
}

/*	sidebar
--------------------------------------------------------------------*/
#sidebar {
max-width: 100%;
}

#searchform input[type="text"] {
width: 95%;
}

.side_news figure {
-ms-flex-wrap:nowrap;/* IE10 */
flex-wrap: nowrap;
}

.side_news figure img {
padding-right: 1em;
}

/* index
--------------------------------------------------------------------*/
.ind_news li figure {
-webkit-box-direction: reverse;/* Androidブラウザ用 */
-webkit-flex-direction: column-reverse;/* safari PC 用 */
flex-direction: column-reverse;
}

.ind_news li figure > a {
margin: 0 auto;
padding-bottom: 1em;
}

.ind_news li figure a img {
width: auto;
}

.ind_news li figcaption p {
padding-bottom: 1em;
}

/* ===================================================================
404
=================================================================== */
.notfound .more a {
width: 100%;
}

}