@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////

	103

//////////////////////////////////////////////////////////////////////////////*/

/*------------------------------------------------------------------------------

	header

------------------------------------------------------------------------------*/

body.contents.topics .post header .image {
	max-width: 1200px;
}


/*------------------------------------------------------------------------------

	本文

------------------------------------------------------------------------------*/

main .detail h3 span {
	display: block;
}

main .detail h3 span:nth-of-type(1) {
	color: rgba(var(--sub-blue),1);
}

main .detail h3 span:nth-of-type(2) {
	font-size: .8em;
	color: rgba(0,0,0,.5);
}

main .detail section .group {
	display: flex;
	flex-wrap: wrap;
}

main .detail section .group .text {
	flex: 1;
}

main .detail section .group figure {
	margin: 0 0 0 25px;
}

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

main .detail section .group .text {
	flex: auto;
}

main .detail section .group figure {
	margin: 5vw 0 0;
}
	
}


/*	#sec01
------------------------------------------------------------------------------*/

main .detail #sec01 .group figure {
	width: 300px;
}

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

main .detail #sec01 .group figure {
	width: 100%;
}
	
}


/*	#sec02
------------------------------------------------------------------------------*/

main .detail #sec02 .group figure {
	width: 200px;
}

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

main .detail #sec02 .group figure {
	width: 70%;
	margin: 3vw auto 0;
}
	
}


/*	#sec03
------------------------------------------------------------------------------*/

main .detail #sec03 .group {
	align-items: center;
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}

main .detail #sec03 .group .text {
	order: 2;
}

main .detail #sec03 .group figure {
	width: 250px;
	order: 1;
	margin-right: 2em;
}

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

main .detail #sec03 .group .text {
	order: 1;
}

main .detail #sec03 .group figure {
	width: 70%;
	order: 2;
	margin: 5vw auto 0;
}
	
}