@charset "utf-8";

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

	117

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

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

	header

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

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


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

	本文

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

main .button {
	margin-bottom: 15px;
}

main .detail section .group {
	display: flex;
	justify-content: space-between;
}

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


@media screen and (max-width: 767px) {
	
main .button {
	margin-bottom: 15vw;
}
	
main #sec05 .button {
	margin-bottom: 2vw;
}

main .detail section .group {
	display: block;
}
	
main .detail section .group .text,
main .detail section .group figure {
	width: auto;
}
	
main .detail section .group figure {
	margin-top: 5vw;
}
	
}


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

main .detail #sec01 .group .text {
	width: 68%;
}

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

main .detail #sec01 .event {
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}

main .detail #sec01 .event dl {
    width: 48.5%;
    padding: 1.5em 2em;
    background-color: rgba(223, 238, 250, 1);
    border-radius: 8px;
}

@media screen and (max-width: 767px) {
	
main .detail #sec01 .group .text,
main .detail #sec01 .group figure {
	width: auto;
}
	
main .detail #sec01 .event dl {
    width: 100%;
}

main .detail #sec01 .event dl:first-child {
	margin-bottom: 0;
}

}


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

.products_group .product:nth-child(even) .group {
    flex-direction: row-reverse;
}

main .detail .product .group .text {
	width: 58%;
}

main .detail .product .group figure {
	width: 38%;
}

@media screen and (max-width: 767px) {
main .detail .product .group .text,
main .detail .product .group figure {
	width: auto;
}
}