@charset 'UTF-8';
/*
-　newsTopImg -- title上画像

-spSingleColumn -- PC>横並び SP>縦並び
-pcSingleColumn -- PC>縦並び SP>横並び

*/


/* -------------------------------------------------
共通-style
----------------------------------------------------*/
.box-txt .txt:not(.columndate) {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "メイリオ", "sans-serif"!important;
}
.box-txt .line{
    text-decoration: underline;
}
.box-txt .fontBold{
	font-weight: bold!important;
    line-height: 1.8;
}
.box-txt img{
	width: 100%;
	height: auto;
}


.main-area.top .block-story .flex-wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}










/* -------------------------------------------------
SP-style
----------------------------------------------------*/
@media screen and (max-width:767px) {
	.main-area.top .block-story .block-inner {
		width: 92%;
		margin: 0 auto;
	}

	.main-area.top .block-story .ttl-main {
		text-align: center;
		margin-bottom: calc(72 * (100vw / 750));
		margin-top: calc(48 * (100vw / 750));
		padding-top: calc(36* (100vw / 750));
    font-size: calc(52*(100vw / 750));
		font-weight: 400;
	}

	.main-area.top .block-story .newssubttl {
		margin-bottom: calc(50 * (100vw / 750));
		font-size: calc(22 * (100vw / 750));
	}

	.main-area.top .block-story .newsttl {
		font-size: calc(40 * (100vw / 750));
		line-height: 1.4;
		margin-bottom: calc(22 * (100vw / 750));
		font-weight: normal;
	}

	.main-area.top .block-story .newsdate {
		font-size: calc(22 * (100vw / 750));
		margin-bottom: calc(60 * (100vw / 750));
		font-size: calc(22 * (100vw / 750));
	}



	/* newstxt */
	.main-area.top .block-story .newstxt {
		line-height: 1.5;
    font-size: calc(24*(100vw / 750));
	}

	.main-area.top .block-story .text,
	.main-area.top .block-story .img-box,
	.main-area.top .block-story .flex-wrap .imgBox{
		margin-bottom: calc(20 * (100vw / 750));
	}

	.main-area.top .block-story .img-box{
		width: 72%;
		margin: 0 auto calc(20 * (100vw / 750));
	}

	.main-area.top .block-story .flex-wrap{
		width: 90%;
		margin: auto;
	}

	.main-area.top .block-story .flex-wrap .imgBox{
		width: 48%;
	}

	/* spSingleColumn */
	.main-area.top .block-story .flex-wrap.spSingleColumn{
		width: 100%;
		display: block;
	}

	.main-area.top .block-story .flex-wrap.spSingleColumn .imgBox{
		width: 72%;
		margin: 0 auto calc(20 * (100vw / 750));
	}



	/* Back btn */
	.main-area.top .block-story .block-inner .atxt{
		border-bottom: solid 1px #656565;
		position: relative;
		width: calc(110*(100vw/750));
		display: block;
		height: calc(34*(100vw/750));
	}

	.main-area.top .block-story .block-inner .atxt::before{
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		bottom: calc(10*(100vw/750));
		left: calc(6*(100vw/750));
		border-top: calc(10*(100vw/750)) solid transparent;
		border-right: calc(10*(100vw/750)) solid #000;
		border-bottom: calc(10*(100vw/750)) solid transparent;
		border-left: calc(0*(100vw/750)) solid transparent;
	}

	.pager{
		padding-left: calc(30*(100vw/750));
	}
}








/* -------------------------------------------------
PC-style
----------------------------------------------------*/
@media screen and (min-width:767px) {
	.detail-block-inner .newsttl{
		line-height: 1.5;
	}



	/* newstxt */
	.indent{
		padding-left: 3em;
		text-indent: -3em;
		display: inline-block;
	}

	.main-area.top .block-story .text,
	.main-area.top .block-story .img-box,
	.main-area.top .block-story .flex-wrap,
	.main-area.top .block-story .flex-wrap .imgBox{
		margin-bottom: 2.0rem;
	}

	.main-area.top .block-story .img-box{
		width: 30rem;
	}

	.main-area.top .block-story .flex-wrap{
		width: 62rem;
	}

	.main-area.top .block-story .flex-wrap .imgBox{
		width: 30rem;
	}
	.main-area.top .block-story .flex-wrap .text{
		width: 30rem;
	}


	/* spSingleColumn */
	.main-area.top .block-story .flex-wrap.spSingleColumn .imgBox{
		width: 30.0rem;
	}


	/* Back btn */
	.main-area.top .block-story .block-inner .atxt{
		border-bottom: solid 1px #656565;
		position: relative;
		width: 70px;
		display: block;
		height: 22px;
		font-family: toppan-bunkyu-mincho-pr6n, serif;
		color: #656565;
	}

	.main-area.top .block-story .block-inner .atxt::before{
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		bottom: 8px;
		left: 6px;
		border-top: 5px solid transparent;
		border-right: 5px solid #000;
		border-bottom: 5px solid transparent;
		border-left: 0 solid transparent;
	}

	.pager{
		padding-left: 10px;
	}

	.newslist-sns{
		width: 800px;
		margin: 0 auto;
	}
}