@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Bellefair");
@import url("https://fonts.googleapis.com/css?family=Roboto:500");
@font-face { font-family: "DINOT"; src: url("../../font/DINOT-Bold.woff") format("woff"); }

/*
カラム制御：デフォルトで1～5カラムまで対応
PC用floatによるカラム制御

html：col_1～5まで対応
例）3列で折り返し
<ul class="col_3">
	<li></li>
	<li></li>
	<li></li>
</ul>

scss：mixinでカラム設定を自動処理化

.col_3 {
	@include colmg(30);
}

数値設定はアイテム間余白（デフォルトは20）;
※縦、横ともに外側への約は発生しない

*/
/* -----------------------------------------------------------------------------
common
----------------------------------------------------------------------------- */
/*google font
Roboto
500：Medium（デフォルト）
*/
/* -----------------------------------------------------------------------------
subPageMainVisual
----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------
contantArea
----------------------------------------------------------------------------- */
.contentArea .section { position: relative; }

.contentArea .section:before { position: absolute; top: 0; left: 0; z-index: 0; width: 2.7rem; height: 100%; content: ""; background-image: -webkit-repeating-linear-gradient(left, #f6f6f3 0, #f6f6f3 0.1rem, transparent 0.1rem, transparent 0.2rem); background-image: -o-repeating-linear-gradient(left, #f6f6f3 0, #f6f6f3 0.1rem, transparent 0.1rem, transparent 0.2rem); background-image: repeating-linear-gradient(90deg, #f6f6f3 0, #f6f6f3 0.1rem, transparent 0.1rem, transparent 0.2rem); }

@media screen and (max-width: 720px) { .contentArea .section:before { left: .2rem; width: 1.35rem; background-image: -webkit-repeating-linear-gradient(left, #f6f6f3 0, #f6f6f3 0.05rem, transparent 0.05rem, transparent 0.1rem); background-image: -o-repeating-linear-gradient(left, #f6f6f3 0, #f6f6f3 0.05rem, transparent 0.05rem, transparent 0.1rem); background-image: repeating-linear-gradient(90deg, #f6f6f3 0, #f6f6f3 0.05rem, transparent 0.05rem, transparent 0.1rem); } }

.contentArea .section .w1220 { padding: 1rem 0 .5rem 0; position: relative; }

@media screen and (max-width: 720px) { .contentArea .section .w1220 { padding: 0.5rem 0.2rem 0.25rem; } }

.contentArea .section .ttl { margin: 0; padding: 0 0 0 .25rem; position: relative; font-weight: bold; font-size: .24rem; letter-spacing: .1em; }

@media screen and (max-width: 720px) { .contentArea .section .ttl { padding-left: 0.12rem; font-size: 15px; font-size: 0.15rem; letter-spacing: 0.05em; } }

.contentArea .section .ttl:before { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: .04rem; height: .3rem; content: ""; background-color: #245d8b; }

@media screen and (max-width: 720px) { .contentArea .section .ttl:before { width: 0.02rem; height: 0.2rem; } }

.contentArea .section .summary { position: relative; background-color: #fff; padding: 0.3rem 1.0rem 1.0rem; }

@media screen and (max-width: 720px) { .contentArea .section .summary { padding: 0.1rem 0.2rem 0.5rem 0.2rem; } }

.contentArea .section .summary > li { margin: 0 auto; padding: 0.2rem 0; border-bottom: 0.01rem solid #edede8; /*&:after { content: ''; display: block; clear: both; }*/ }

@media screen and (max-width: 720px) { .contentArea .section .summary > li { padding: 0.15rem 0; } }

.contentArea .section .summary > li a { display: table; width: 100%; }

.contentArea .section .summary > li p { display: table-cell; vertical-align: middle; font-size: 15px; font-size: 0.15rem; letter-spacing: 0.1em; line-height: 2; }

@media screen and (max-width: 720px) { .contentArea .section .summary > li p { font-size: 12px; font-size: 0.12rem; } }

.contentArea .section .summary > li .date { font-family: 'Roboto', sans-serif; font-weight: 500; width: 1.25rem; line-height: 1.8; }

@media screen and (max-width: 720px) { .contentArea .section .summary > li .date { width: 0.85rem; } }

.contentArea .section .summary > li .caption { width: calc(100% - 1.25rem); }

@media screen and (max-width: 720px) { .contentArea .section .summary > li .caption { width: calc(100% - 0.85rem); letter-spacing: 0.05em; line-height: 1.41; } }

/*# sourceMappingURL=news.css.map */