@charset "utf-8";

#single #conts { padding: 50px; margin: -5px 0 0 -2px; background: #fff; border-radius: 16px;}
#single #conts p { margin-bottom: 28px; line-height: 175%; font-family: 'Noto-Sans-JP-Regular';}
#single #conts .tag { margin-bottom: 14px; }
#single #conts .tag .txtSpan { font-size: 14px; color: #fff; padding: 1px 12px 3px; background: #FF7800; border-radius: 16px; margin-right: 18px;}
#single #conts .tag .date { font-size: 16px;}
#single #conts .detailBox { padding-bottom: 25px; border-bottom: 1px solid #EBEBEB;}
#single #conts h3 { margin-bottom: 27px; padding-bottom: 16px; font-size: 24px; line-height: 140%; border-bottom: 1px solid #EBEBEB; }
#single #conts .art_text {  }
#single #conts .art_text a { display: inline-block; color: blue; border-bottom: 1px solid blue; padding-bottom: 2px; }
#single #conts .art_text span { font-family: 'Noto-Sans-JP-Bold'; }
#single #conts h4 { margin-bottom: 24px; padding-left: 22px; font-size: 20px; line-height: 140%; border-left: 4px solid #FF7800; }
#single #conts .wp-block-image { margin-bottom: 28px; }
#single #conts .wp-block-image img { width: 100%;}
#single #conts .art_link_btn { width: 320px; margin: 0 auto 53px; }
#single #conts .art_link_btn a { display: flex; align-items: center; justify-content: center; min-height: 70px; font-size: 14px; color: #fff; font-weight: 500; letter-spacing: 0.06em; position: relative; padding: 15px 5px 5px; }
#single #conts .art_link_btn a::before { width: 100%; background-color: #000; position: absolute; top: 0; left: 0; height: 100%; content: ""; z-index: -1; }
#single #conts .art_link_btn a::after { width: 100%; background: url(../images/common/bg01.jpg) no-repeat center bottom; background-size: auto; background-size: 100% auto; position: absolute; top: 0; right: 0; bottom: -5px; content: ""; z-index: -2; }
#single #conts .youtube { position: relative; padding-bottom: 56.25%; overflow: hidden; margin-bottom: 53px; }
#single #conts .youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#single #conts .art_pic { margin-bottom: 28px; }
#single #conts .art_pic img { width: 100%; height: auto; }
#single #conts .photoUl { margin-bottom: 53px; padding-right: 3px; display: flex; flex-wrap: wrap; justify-content: space-between; }
#single #conts .photoUl li { width: 49.3%; position: relative; }
#single #conts .photoUl li img { width: 100%; height: 100%; object-fit: cover; }
#single #conts .snsBox { padding: 40px 4px 0 0; display: flex; align-items: center; justify-content: flex-end; }
#single #conts .snsBox span { font-size: 20px; padding-right: 3px; }
#single #conts .snsUl { display: flex; align-items: center; }
#single #conts .snsUl li { margin-left: 14px; }
#single #conts .snsUl a:hover img { opacity: 0.7; }
.detailInner { padding-top: 92px; }
.detailInner .h3Ttl { margin-bottom: 40px; text-align: center; font-size: 20px;}
.detailInner .h3Ttl span { margin-bottom: 7px; display: block; font-size: 30px; }
.detailInner .magazineList { margin-bottom: 60px; }
.detailInner .magazineList h3 { overflow: inherit; white-space: initial; line-height: 175%; font-size: 16px; margin-bottom: 14px; }

@media only screen and (min-width: 769px) {
	#single #sideBar { margin-left: 55px;}
}

/* ----------------------------- mobile ------------------------------- */
@media only screen and (max-width: 768px) {
	#single #conts { padding: 20px; }
	#single #conts .tag .txtSpan { font-size: 12px; margin-right: 12px;}
	#single #conts .tag .date { font-size: 14px;}
	#single #conts h3 { font-size: 20px; }
	#single #conts h4 { margin-bottom: 20px; font-size: 16px; padding-left: 10px; }
	#single #conts .snsBox span { font-size: 14px; }
	#single #conts { margin: 0 0 50px; }
	#single #conts p { font-size: 14px; margin-bottom: 20px; }
	.detailInner { padding: 0; margin: 0; }
	.detailInner .h3Ttl { font-size: 14px; }
	.detailInner .h3Ttl span { font-size: 24px; }
	#single #conts .snsUl li { width: 30px; margin-left: 8px; }
}