/*==================== head ====================*/
#school-head {
	position: relative;
}
#school-head:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: ' ';
	display: block;
	width: 100%;
	background-repeat: repeat-x;
	background-position: center bottom;
	background-image: url(/src/images/school/title_foot.png);
}
#school-head > div {
	position: relative;
}
#school-head > div:before {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/src/images/common/gradient_green2.png) no-repeat;
	background-size: 100% 100%;
	opacity: 0.9;
}
body.circuit #school-head > div:before {background-image: url(/src/images/common/gradient_purple.png);}
body.swimming #school-head > div:before {background-image: url(/src/images/common/gradient_blue.png);}
body.exercise #school-head > div:before {background-image: url(/src/images/common/gradient_orange2.png);}
body.running #school-head > div:before {background-image: url(/src/images/common/gradient_green2.png);}
body.condition #school-head > div:before {background-image: url(/src/images/common/gradient_pinkgrape.png);}
body.eatdiet #school-head > div:before {background-image: url(/src/images/common/gradient_pink.png);}
body.arke #school-head > div:before {background-image: url(/src/images/common/gradient_aqua.png);}
body.vipr #school-head > div:before {background-image: url(/src/images/common/gradient_vipr.png);}

#school-head > div > * {
	position: relative;
}

	html.PC #school-head {
		overflow: hidden;
	}
	html.PC #school-head:before {
		content: ' ';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: calc(100% + 20px);
		height: calc(100% + 20px);
		background: url(/src/images/school/running_mainimage.jpg) repeat-x left top;
		background-position: calc(50% - 240px - 10px) top;
		background-size: 480px auto;
		/*
		-webkit-filter: blur(8px);
		filter: blur(8px);
		*/
	}
	/*
	html.PC body.circuit #school-head:before {background-image: url(/src/images/school/circuit_mainimage.jpg);}
	html.PC body.swimming #school-head:before {background-image: url(/src/images/school/swimming_mainimage.jpg);}
	html.PC body.exercise #school-head:before {background-image: url(/src/images/school/exercise_mainimage.jpg);}
	html.PC body.running #school-head:before {background-image: url(/src/images/school/running_mainimage.jpg);}
	html.PC body.condition #school-head:before {background-image: url(/src/images/school/condition_mainimage.jpg);}
	*/
	html.PC body.circuit #school-head:before {background-image: url(/src/images/school/circuit_mainimage_blur.jpg);}
	html.PC body.swimming #school-head:before {background-image: url(/src/images/school/swimming_mainimage_blur.jpg);}
	html.PC body.exercise #school-head:before {background-image: url(/src/images/school/exercise_mainimage_blur.jpg);}
	html.PC body.running #school-head:before {background-image: url(/src/images/school/running_mainimage_blur.jpg);}
	html.PC body.condition #school-head:before {background-image: url(/src/images/school/condition_mainimage_blur.jpg);}
	html.PC body.eatdiet #school-head:before {background-image: url(/src/images/school/eatdiet_mainimage_blur.jpg);}
	html.PC body.arke #school-head:before {background-image: url(/src/images/school/arke_mainimage_blur.jpg);}
	html.PC body.vipr #school-head:before {background-image: url(/src/images/school/vipr_mainimage_blur.jpg);}

	html.PC #school-head:after {
		height: 60px;
	}

		html.SP #school-head {
			padding: 0;
		}
		html.SP #school-head:after {
			height: 2.5rem;
			background-size: 100% 2.5rem;
		}
		html.SP #school-head > div {
			padding-bottom: 2.5rem;
		}

#school-head h1 {
	margin: 0;
}
#school-head ul {
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#school-head li {
	display: inline-block;
	margin: 0 0.5%;
	width: 24%;
}

	html.PC main section#school-head {
		padding-top: 0;
		padding-bottom: 0;
	}
	html.PC #school-head > div {
		width: 960px;
	}
	html.PC #school-head h1 {
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	html.PC #school-head h1 span {
		display: table-cell;
		vertical-align: top;
	}
	html.PC #school-head h1 span.title img {
		-webkit-transform: translate(0,25%);
		transform: translate(0,25%);
	}
	html.PC #school-head .shop {
		position: absolute;
		left: 0;
		top: 42%;
		width: 50%;
	}
	body.circuit #school-head li,
	body.eatdiet #school-head li,
	body.arke #school-head li,
	body.vipr #school-head li {
		margin: 2% 0.2%;
		width: 21%;
	}

		html.SP #school-head h1 .title {
			display: inline-block;
			padding: 0.5rem 0;
		}
		html.SP #school-head .shop {
			padding: 1rem 0;
		}
		html.SP #school-head .shop li {
			/*
			width: 30%;
			*/
		}

/*==================== intro ====================*/
#intro {
}
#intro h2 {
	margin: 0;
	font-family: 'UD Shin Go Regular';
	text-align: center;
	line-height: 1.4;
}
#intro .lead h3 {
	margin: 1em 0 0.1em;
	font-size: 95%;
}

#intro-feature {
}
#intro-feature ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#intro-feature li {
	background: rgba(0,0,0,0.08);
}
#intro-feature li h3 {
	position: relative;
	font-family: 'UD Shin Go Medium';
	line-height: 1.4;
	padding: 0.4em 0;
	text-align: center;
	background-color: rgb(255,196,0);
}

#intro-feature li h3 {
	margin: 0;
}
#intro-feature li .text p {
	margin: 0;
	padding: 1em;
}

	html.PC #intro h2 {
		font-size: 160%;
	}
	html.PC #intro h2 br {
		display: none;
	}
	html.PC body.eatdiet #intro h2 br:nth-of-type(3) {
		display: inline;
	}
	html.PC #intro .recommend,
	html.PC #intro .lead {
		margin-top: 2.5rem;
		margin-bottom: 2rem;
	}
	html.PC #intro .recommend {
		float: left;
		width: 40%;
		margin-top:  3.5rem;
	}
	html.PC #intro .lead {
		float: right;
		width: 55%;
	}
	html.PC #intro .lead p {
		margin: 0;
		line-height: 1.8;
		font-size: 90%;
	}
	html.PC #intro-feature {
		clear: both;
	}
	html.PC #intro-feature ul {
		display: table;
		table-layout: fixed;
		width: 100%;
		border-spacing: 10px;
	}
	html.PC #intro-feature li {
		display: table-cell;
		width: 25%;
	}
	html.PC #intro-feature li h3 {
		font-size: 95%;
		-ms-transform: rotate(0.001deg);
	}
	html.PC #intro-feature li .text p {
		font-size: 80%;
	}

		html.SP #intro h2 {
			font-size: 130%;
		}
		html.SP #intro .lead p {
			font-size: 80%;
		}
		html.SP #intro-feature li {
		}
		html.SP #intro-feature li:not(:first-child) {
			margin-top: 1rem;
		}
		html.SP #intro-feature li h3 {
			font-size: 95%;
		}
		html.SP #intro-feature li h3 img {
			width: 80%;
		}
		html.SP #intro-feature li .text p {
			font-size: 80%;
		}

#arkeLink,
#viprLink {
	text-align: center;
	margin: 1em auto;
	font-weight: bold;
}

#arkeImage,
#viprImage {
	text-align: center;
}

	html.PC #arkeImage,
	html.PC #viprImage {
		clear: both;
		display: table;
		margin-bottom: 1rem;
		border-spacing: 1rem;
	}
	html.PC #arkeImage > div,
	html.PC #viprImage > div {
		display: table-cell;
		vertical-align: middle;
	}
	html.PC #arkeImage .video,
	html.PC #viprImage .video {
		padding-left: 3rem;
	}
	html.PC #arkeImage .video iframe,
	html.PC #viprImage .video iframe {
		width: calc(16rem * 1.5);
		height: calc(9rem * 1.5);
	}

		html.SP #arkeImage > div,
		html.SP #viprImage > div {
			margin: 2rem auto;
		}

/*==================== flow ====================*/
#flow {
}
#flow h2 {
	margin: 0;
	padding: 0.5rem;
	color: white;
	font-family: 'UD Shin Go Regular';
	letter-spacing: 0.05em;
	text-align: center;
	transform: rotate(0.1deg);
	font-weight: normal;
}

body.circuit #flow h2 {background-color: rgb(229,116,252);}
body.swimming #flow h2 {background-color: rgb(51,171,255);}
body.exercise #flow h2 {background-color: rgb(247,134,14);}
body.running #flow h2 {background-color: rgb(68,161,0);}
body.condition #flow h2 {background-color: rgb(250,122,122);}
body.eatdiet #flow h2 {background-color: rgb(255,105,157);}

#flow > div {
	background-color: rgb(188,237,141);
}
body.circuit #flow > div {background-color: rgb(251,199,255);}
body.swimming #flow > div {background-color: rgb(184,231,255);}
body.exercise #flow > div {background-color: rgb(255,222,125);}
body.running #flow > div {background-color: rgb(188,237,141);}
body.condition #flow > div {background-color: rgb(255,207,207);}
body.eatdiet #flow > div {background-color: rgb(255,199,230);}


#flow ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: url(/src/images/common/color_green.png) no-repeat center center;
}

body.circuit #flow ul {background-image: url(/src/images/common/color_purple.png);}
body.swimming #flow ul {background-image: url(/src/images/common/blue2.png);}
body.exercise #flow ul {background-image: url(/src/images/common/color_orange.png);}
body.running #flow ul {background-image: url(/src/images/common/color_green.png);}
body.condition #flow ul {background-image: url(/src/images/common/brown.png);}
body.eatdiet #flow ul {background-image: url(/src/images/common/brown.png);}

#flow li {
	background-color: white;
	border-radius: 0.75rem;
	padding: 1rem 0;
	line-height: 1.4;
	text-align: center;
}
#flow li > span {
	display: block;
}
#flow li > span.text {
	margin-top: 0.5rem;
	font-weight: bold;
}
#flow li > span.text span {
	display: inline-block;
	margin-top: 0.25em;
	font-size: 80%;
	font-weight: normal;
	line-height: 1.4;
}

	html.PC #flow h2 {
		font-size: 115%;
	}
	html.PC #flow ul {
		display: table;
		table-layout: fixed;
		width: 100%;
		border-spacing: 20px;
		background-size: 80% 30px;
	}
	html.PC #flow li {
		display: table-cell;
		font-size: 90%;
	}
	html.PC #flow li > span.image img {
		width: 80%;
	}

		html.SP #flow h2 {
			font-size: 105%;
		}
		html.SP #flow > div {
			padding: 1rem;
		}
		html.SP #flow ul {
			background-size: 2rem 100%;
		}
		html.SP #flow li {
			font-size: 95%;
		}
		html.SP #flow li:not(:first-child) {
			margin-top: 1.5rem;
		}
		html.SP #flow li > span.image img {
			width: 60%;
		}

/*==================== shop ====================*/
#shop h2 {
	border-bottom: 2px solid rgb(68,161,0);
	padding: 0.5rem;
	background-color: rgb(188,237,141);
	color: rgb(17,64,0);
	font-family: 'UD Shin Go Regular';
	text-align: center;
	letter-spacing: 0.05em;
	transform: rotate(0.1deg);
}

body.circuit #shop h2 {border-color: rgb(229,116,252);}
body.swimming #shop h2 {border-color: rgb(51,171,255);}
body.exercise #shop h2 {border-color: rgb(247,134,14);}
body.running #shop h2 {border-color: rgb(68,161,0);}
body.condition #shop h2 {border-color: rgb(250,122,122);}
body.eatdiet #shop h2 {border-color: rgb(255,105,157);}
body.arke #shop h2 {border-color: rgb(0,186,199);}
body.vipr #shop h2 {border-color: rgb(0,186,199);}

body.circuit #shop h2 {background-color: rgb(251,199,255);}
body.swimming #shop h2 {background-color: rgb(184,231,255);}
body.exercise #shop h2 {background-color: rgb(255,222,125);}
body.running #shop h2 {background-color: rgb(188,237,141);}
body.condition #shop h2 {background-color: rgb(255,207,207);}
body.eatdiet #shop h2 {background-color: rgb(255,199,230);}
body.arke #shop h2 {background-color: rgb(153,240,246);}
body.vipr #shop h2 {background-color: rgb(153,240,246);}

body.circuit #shop h2 {color: rgb(125,15,150);}
body.swimming #shop h2 {color: rgb(0,79,133);}
body.exercise #shop h2 {color: rgb(140,57,8);}
body.running #shop h2 {color: rgb(17,64,0);}
body.condition #shop h2 {color: rgb(163,40,43);}
body.eatdiet #shop h2 {color: rgb(224,57,116);}
body.arke #shop h2 {color: rgb(0,120,140);}
body.vipr #shop h2 {color: rgb(0,120,140);}

#shop > div:not(.note) {
	padding: 1.5rem 0;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
#shop .note {
	margin-top: 2rem;
}
#shop .note p {
	text-align: center;
}

	html.PC #shop h2 {
		font-size: 115%;
	}
	html.PC #shop > div {
		box-sizing: border-box;
		margin-left: 4px;
	}
	/*
	html.PC #shop > div:after {
		content: ' ';
		clear: both;
		display: block;
		height: 0;
		font-size: 0;
	}
	*/
	html.PC #shop > div h3 {
		display: inline-block;
		/*
		float: left;
		*/
		width: 400px;
		margin: 4px;
	}
	html.PC #shop > div .coach_list,
	html.PC #shop > div .coach_list ul {
		display: inline;
	}
	html.PC #shop .note p {
		font-size: 90%;
	}
	html.PC #shop .note p br {
		display: none;
	}

		html.SP #shop h2 {
			font-size: 105%;
		}
		html.SP #shop > div h3 {
			margin: 0;
		}
		html.SP #shop > div ul {
			margin-top: 1rem;
		}
		html.SP #shop .note p {
			font-size: 80%;
		}

/*==================== お問い合わせ ====================*/
#school-contact {
	padding-top: 0;
	text-align: center;
}

/*==================== school-list ====================*/
#school-list {
	margin-top: 3rem;
	background-color: rgba(0,0,0,0.08);
}
#school-list h2 {
	margin: 0;
	padding: 0.5rem;
	color: rgba(0,0,0,0.5);
	font-family: 'UD Shin Go Regular';
	text-align: center;
	letter-spacing: 0.05em;
	transform: rotate(0.1deg);
}

#school-list ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#school-list ul:after {
	content: ' ';
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
}

	html.PC #school-list h2 {
		font-size: 130%;
	}
	html.PC #school-list ul {
		text-align: center;
	}
	html.PC #school-list li {
		display: inline-block;
		width: 32.333%;
		margin: 0.5%;
	}
	/*
	html.PC #school-list li:nth-of-type(1) {
		margin-left: 5%;
	}
	html.PC #school-list li:nth-of-type(2) {
		margin-right: 5%;
	}
	*/

		html.SP #school-list h2 {
			font-size: 130%;
		}
		html.SP #school-list li {
			float: left;
			width: 48%;
			margin: 1%;
		}

/*//////////////////// 食べ痩せ ////////////////////*/

/*==================== 香川先生 ====================*/
body.eatdiet #kagawa {
}
body.eatdiet #kagawa h3,
body.eatdiet #kagawa h4 {
	color: #ff699d;
	font-family: 'UD Shin Go Medium';
	-ms-transform: rotate(0.001deg);
}

	html.PC body.eatdiet #kagawa > div {
		position: relative;
		padding-left: 200px;
	}
	html.PC body.eatdiet #kagawa p.photo {
		position: absolute;
		left: 0;
		top: 10px;
		width: 180px;
		margin: 0;
	}
	html.PC body.eatdiet #kagawa h3 {
		margin: 0;
		font-size: 120%;
	}
	html.PC body.eatdiet #kagawa h3 br {
		display: none;
	}
	html.PC body.eatdiet #kagawa p.text1 {
		font-size: 90%;
		margin: 0.5em 0 0;
	}
	html.PC body.eatdiet #kagawa h4 {
		margin: 1em 0 0;
		font-size: 90%;
	}
	html.PC body.eatdiet #kagawa .profile p {
		margin: 0.5em 0 0;
		font-size: 80%;
	}

		html.SP body.eatdiet #kagawa p.photo {
			float: right;
			width: 45%;
			margin: -1em 0 0.5em 0.75em;
		}
		html.SP body.eatdiet #kagawa h3 {
			font-size: 120%;
			margin: 0;
		}
		html.SP body.eatdiet #kagawa p.text1 {
			font-size: 90%;
			margin: 0.5em 0 0;
		}
		html.SP body.eatdiet #kagawa h4 {
			margin: 1em 0 0;
			font-size: 90%;
		}
		html.SP body.eatdiet #kagawa .profile p {
			margin: 0.5em 0 0;
			font-size: 80%;
		}

/*==================== 効果実感率 ====================*/
body.eatdiet #result {
}
body.eatdiet #result > div {
	background-color: #ffe8f6;
}
body.eatdiet #result h3 {
	color: #e03974;
	font-family: 'UD Shin Go Medium';
	-ms-transform: rotate(0.001deg);
}

	html.PC body.eatdiet #result {
		margin-top: 30px;
	}
	html.PC body.eatdiet #result > div {
		position: relative;
	}
	html.PC body.eatdiet #result h2 {
		position: absolute;
		width: 215px;
		left: 20px;
		top: -34px;
		margin: 0;
	}

		html.SP body.eatdiet #result {
			margin-top: 2rem;
		}
		html.SP body.eatdiet #result h2 {
			position: absolute;
			left: 5%;
			width: 45%;
			margin: 0 0 0 auto;
			margin: 0 auto 0 0;
			-webkit-transform: translate(-5%,-20%);
			transform: translate(-5%,-20%);
		}

/* results */
body.eatdiet #result .results ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

	html.PC body.eatdiet #result .results ul {
		position: relative;
		display: table;
		table-layout: fixed;
		border-spacing: 10px 0;
		width: 740px;
		margin: 0 20px 0 auto;
		padding-top: 20px;
	}
	html.PC body.eatdiet #result .results li {
		display: table-cell;
	}

		html.SP body.eatdiet #result .results {
			position: relative;
			padding-top: 1rem;
		}
		html.SP body.eatdiet #result .results ul {
			margin: 0 auto;
			width: 94%;
		}
		html.SP body.eatdiet #result .results li img {
			width: 60%;
		}
		html.SP body.eatdiet #result .results li:nth-of-type(2n-1) {
			text-align: right;
		}

/* voices */
body.eatdiet #result .voices > div {
	background-color: white;
	text-align: justify;
}
body.eatdiet #result .voices h4 {
	margin: 0;
	padding: 0.5em;
	background-color: #ffc7e6;
	font-family: 'UD Shin Go Regular';
	text-align: center;
	-ms-transform: rotate(0.001deg);
}
body.eatdiet #result .voices ul {
	margin: 0;
	padding: 0.75em;
	list-style-position: inside;
	text-indent: -1em;
	margin-left: 1em;
}
body.eatdiet #result .voices ul li:not(:first-child) {
	margin-top: 0.5em;
}
body.eatdiet #result .voices p.age {
	text-align: right;
	margin: 0;
	padding: 0.5em;
	padding-top: 0;
}

	html.PC body.eatdiet #result .voices {
		margin-top: 15px;
		padding-bottom: 15px;
		text-align: center;
		font-size: 85%;
	}
	html.PC body.eatdiet #result .voices h3 {
		font-size: 140%;
		margin: 0.5em 0 0;
	}
	html.PC body.eatdiet #result .voices > div {
		display: inline-block;
		vertical-align: top;
		width: 31%;
		margin: 1% 0.5%;
	}
	html.PC body.eatdiet #result .voices h4 {
		font-size: 120%;
	}

		html.SP body.eatdiet #result .voices {
			padding-bottom: 0.5rem;
		}
		html.SP body.eatdiet #result .voices > div {
			width: 94%;
			margin: 4% auto;
		}
		html.SP body.eatdiet #result .voices ul,
		html.SP body.eatdiet #result .voices p.age {
			font-size: 80%;
		}
		html.SP body.eatdiet #result .voices h3 {
			font-size: 110%;
			text-align: center;
		}
		@media all and (max-width: 320px) {
			html.SP body.eatdiet #result .voices h3 {
				font-size: 95%;
			}
		}
		html.SP body.eatdiet #result .voices h4 {
			font-size: 100%;
		}


/*==================== 食べ痩せリンク ====================*/

#tabeyaseLink {
}

	html.PC #tabeyaseLink {
		width: 35%;
		margin: 0.5em auto;

	}
		html.SP #tabeyaseLink {
			width: 80%;
			margin: 0 auto;
		}