@charset "UTF-8";


#watch-content{ max-width: 790px; margin: 50px auto 0; }
#watch-content *{ color: #333333; }
#watch-content img{ width: 100%; height: auto; }
#watch-content .intro .head{ font-size: 1.2rem; line-height: 1.3; color: #ffffff; background-color: #423735; padding: 7px 15px; margin-top: 20px; }
#watch-content .intro .txt{ font-size: 1.2rem; line-height: 1.7; margin-top: 20px; }
#watch-content .section{ margin-top: 40px; padding-top: 40px; border-top: 1px solid #666666; }
#watch-content .section .section-ttl .ttl{ font-size: 1.8rem; line-height: 1.3; color: #cb9e5d; }
#watch-content .section .section-ttl .caption{ font-size: 0.8rem; line-height: 1.7; }
#watch-content .section .split-view01{ display: flex; display: -ms-flex; align-items: flex-start; margin-top: 20px; }
#watch-content .section .split-view01+.split-view01{ margin-top: 40px; padding-top: 40px; border-top: 1px solid #666666; }
#watch-content .section .split-view01 .photo{ width: 37.9747%; margin-right: 20px; position: relative; }
#watch-content .section .split-view01 .photo::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #666666; }
#watch-content .section .split-view01 .txt-body{ flex: 1; }
#watch-content .section .split-view01 .txt-body .head-body{ border-left: 3px solid #333333; padding-left: 10px; margin-bottom: 10px; }
#watch-content .section .split-view01 .txt-body .head-body .head{ font-size: 1.2rem; line-height: 1.5; }
#watch-content .section .split-view01 .txt-body .head-body .num{ font-size: 1rem; line-height: 1.5; margin-top: 5px; }
#watch-content .section .split-view01 .txt-body .txt{ font-size: 0.8rem; line-height: 1.7; }
#watch-content .section .split-view01 .txt-body .txt+.txt{ margin-top: 10px; }

@media only screen and (max-width: 767px) {
	#watch-content{ margin-top: 10%; }
	#watch-content .intro .head{ margin-top: 5%; }
	#watch-content .intro .txt{ margin-top: 5%; }
	#watch-content .section{ margin-top: 10%; padding-top: 10%; }
	#watch-content .section .split-view01{ display: block; margin-top: 5%; }
	#watch-content .section .split-view01+.split-view01{ margin-top: 10%; padding-top: 10%; }
	#watch-content .section .split-view01 .photo{ width: 100%; margin: 0; }
	#watch-content .section .split-view01 .txt-body{ margin-top: 10px; }
}