@charset "UTF-8";


#wonderful-content{ max-width: 790px; margin: 50px auto 0; }
#wonderful-content img{ width: 100%; height: auto; }
#wonderful-content .section~.section{ margin-top: 80px; }
#wonderful-content .section .ttl{ background-color: #f2adde; font-size: 1.5rem; line-height: 1.3; margin: 0; overflow: hidden; padding: 8px 0; }
#wonderful-content .section .ttl:first-letter{ display: inline-block; background-color: #000000; color: #f2adde; padding: 10px 15px; margin-right: 0.5em; }
#wonderful-content .section .copy{ font-size: 1.2rem; line-height: 1.7; margin-top: 20px; font-weight: bold; }
#wonderful-content .section01 .txt{ font-size: 1rem; line-height: 1.7; }
#wonderful-content .section01 .list-item{ margin: 20px auto 0; }
#wonderful-content .section01 .list-item .item{ max-width: 396px; width: 70%; }
#wonderful-content .section01 .list-item .item:nth-child(2n+2){ margin-left: auto; }
#wonderful-content .section01 .list-item .item:nth-child(n+2){ margin-top: -40px; }
#wonderful-content .section02 .list-item{ margin: 20px auto 0; display: flex; display: -ms-flex; flex-wrap: wrap; }
#wonderful-content .section02 .list-item .item{ width: 32%; box-sizing: border-box; margin-left: 2%; box-sizing: border-box; border: 1px solid #cccccc; padding: 10px; }
#wonderful-content .section02 .list-item .item:nth-child(3n+1){ margin-left: 0; }
#wonderful-content .section02 .list-item .item:nth-child(n+4){ margin-top: 2%; }
#wonderful-content .section02 .list-item .item .txt-body{ margin-top: 10px; }
#wonderful-content .section02 .list-item .item .txt-body .name{ font-weight: bold; line-height: 1.5; }
#wonderful-content .section02 .list-item .item .txt-body .floor{ font-size: 0.8rem; line-height: 1.5; }
#wonderful-content .section02 .list-item .item .txt-body .floor .icon{ background-color: #D779C0; color: #ffffff; display: inline-block; padding: 0 7px; margin-left: 0.5em; }
#wonderful-content .section02 .list-item .item .txt-body .info{ font-size: 0.8rem; line-height: 1.5; }

@media only screen and (max-width: 767px) {
	#wonderful-content{ margin-top: 10%; }
	#wonderful-content .section~.section{ margin-top: 10%; }
	#wonderful-content .section .copy{ margin-top: 5%; }
	#wonderful-content .section01 .list-item{ margin-top: 5%; }
	#wonderful-content .section01 .list-item .item{ max-width: none; width: 100%; }
	#wonderful-content .section01 .list-item .item:nth-child(n){ margin: 0 auto; }
	#wonderful-content .section01 .list-item .item:nth-child(n+2){ margin-top: 5%; }
	#wonderful-content .section02 .list-item .item:nth-child(n){ width: 48%; margin-left: 4%; }
	#wonderful-content .section02 .list-item .item:nth-child(2n+1){ margin-left: 0; }
	#wonderful-content .section02 .list-item .item:nth-child(n+3){ margin-top: 4%; }
}
@media only screen and (max-width: 480px) {
	#wonderful-content .section01 .list-item .item01 .photo{ width: 100%; margin-right: 0; }
}