@charset "UTF-8";



@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);



.detail-media .inner .link_img a img,

.detail-media a img{

    transition: 0.25s all cubic-bezier(0.34, 1.56, 0.64, 1);

}



.detail-media .inner .link_img a:hover img,

.detail-media .inner .division2 ul li a:hover img{

    -webkit-transform: scale(1.05);

    -ms-transform: scale(1.05);

    transform: scale(1.05);

}



main {

	font-family: 'Noto Sans JP', 'DM Sans', dnp-shuei-gothic-gin-std, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

}



.detail-media{

	margin: 0 auto;

}



.detail-media .inner{

    width: calc(100% - 44%);

	margin: 0 auto 140px;

}



.detail-media .inner hr{

	padding: 70px 0 0;

	border-top: none;

	border-bottom: solid 1px #B9B8B6;

	border-left: none;

	border-right: none;

}



.detail-media .inner .ttl-area{

	padding: 0 5%;

}



.detail-media .inner .ttl-area .cstegory span{

    background: #000;

    color: #FFF;

    font-size: 1.425rem;

    width: 106px;

    letter-spacing: 0.01rem;

    text-align: center;

    padding: 5px 0;

    display: inline-block;

}



.detail-media .inner .ttl-area .day{

	margin-top: 50px;

	font-size: 1.52rem;

	color: #808080;

}



.detail-media .inner .ttl-area h1{

    font-size: 4.0rem;

    font-weight: 600;

    margin: 6px 0 0;

    padding-bottom: 26px;

    border-bottom: solid 0.1rem #000;

}

.detail-media .inner .ttl-area h1.sml{

	font-size: clamp(2rem,2.4vw,2.4rem);

}

.detail-media .inner figure{

	margin: 66px 0 0;

	padding: 0 5%;

	text-align: center;

}



.detail-media .inner .first_img img{

    width: calc(100% - 28%);

	height: auto;

}



.detail-media .inner .link_img{

}



.detail-media .inner .link_img img{

    width: 90%;

	height: auto;

}



.detail-media .inner article h2{

	margin: 70px 0 0;

	padding: 0 5%;

	font-size: 2.28rem;

}



.detail-media .inner article h2.t-nowrap {

	white-space:nowrap;

}



.detail-media .inner article p{

	margin: 34px 0 0;

	padding: 0 5%;

	font-size: 1.425rem;

	font-weight: 600;

	line-height: 1.8;

}



.detail-media .inner article p strong{

	font-weight: 900;

}



.detail-media .inner figure img{

	width: 100%;

	height: auto;

}



.detail-media .inner h3{

	position: relative;

	margin: 90px 0 -40px;

	padding: 0 5%;

	font-size: 2.0rem;

    display: flex;

    align-items: center;

}



.detail-media .inner h3 strong{

    font-size: 2.0rem;

    background: url(https://unstandard.jp/test-site/wp-content/themes/unstandard/assets/img/media/ico_line.png) no-repeat;

    background-position: right center;

    background-size: 2px 28px;

    padding: 0 20px 0 0;

    margin-right: 20px;

    letter-spacing: 0.3rem;

}



.detail-media .inner figure p{

	margin: -32px 0 28px;

    font-size: 1.425rem;

    font-weight: 600;

    line-height: 1.8;

	text-align: left;

}





.detail-media .inner .division2 ul{

	display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

}



.detail-media .inner .division2 ul li{

	width: 49%;

	height: auto;

	margin-bottom: 2%;

}

	

.detail-media .inner article p.writtenby{

	margin: 90px 0 0;

}

	

.detail-media .inner article p.writtenby .border {

background: url(img/media/line_side.png) no-repeat;

    background-position: 8px 8px;

    background-size: contain;

    width: 51px;

    height: 15px;

    display: inline-block;

}



/* min-width: 1488px*/

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

.detail-media .inner{

    width: calc(100% - 34%);

}

	

.detail-media .inner .link_img img {

    width: 100%;

    height: auto;

}

	

}/*max-width: 1092px*/





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

.detail-media .inner{

    width: calc(100% - 4%);

}

	

.detail-media .inner .ttl-area h1{

    font-size: 2.4rem;

}

	

.detail-media .inner .first_img img{

    width: 100%;

	height: auto4

}

	

.detail-media .inner .link_img img {

    width: 100%;

    height: auto;

}



.detail-media .inner article h2.t-nowrap {

	white-space: pre-wrap;

}

	

}/*max-width: 1092px*/



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

	.detail-media .inner{

		width: calc(100% - 8%);

	}

}