@import "../../assets/css/import/app.css";

#title {background-image: url("http://hot40yoga.com/cmp/all-you-can-join-0/images/main.jpg");}
ul.ex li {position: relative; margin: 3px 0 0; color: #fff; line-height: 1.5em;}

/* ============================================================================== PC === */

@media print, screen and (min-width: 769px) {
	
	#cap1 {width: 600px; height: auto; margin: 0 auto 40px;}
	#cap2 {width: 590px; height: auto; margin: 0 auto;}
	#cap3 {width: 766px; height: auto; margin: 0 auto;}
	
	ul.ex {margin-top: 50px;}
	ul.ex li {font-size: 13px;}
	
}

/* ============================================================================== SP === */

@media screen and (max-width: 768px) {
	
	.body {padding: 5% 0;}
	#title h2 {width: 30rem; margin: 0;}
	#title .body {width: 100%; padding: 0;}
	
	#cap1 {width: 100%; height: auto; margin: 0 auto;}
	#cap2 {width: 100%; height: auto; margin: 2rem auto 1rem;}
	#cap3 {width: 100%; height: auto; margin: 0 auto 2rem;}
	
	ul.ex li {padding-left: 1.5rem; font-size: 100%;}
	ul.ex li span {position: absolute; left: 0;}
	
}