@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Cinzel);
.Cinzel { font-family: 'Cinzel', serif; font-size: 100%;}

@import url(https://fonts.googleapis.com/css?family=Marcellus);
.Marcellus{ font-family: 'Marcellus', serif; font-size: 100%;}

body{
	font-size: 14px;
}
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}


/* technicalmovie */
.container {
    margin-top: 60px;
}
#main{
	text-align: left;
}
/*.headTitle{
	font-size: 1.6em;
    line-height: 1.4;
    font-weight: bold;
    color: #222;
    text-align: center;
    padding-top: 40px; margin-bottom: 16px; text-align: center;
}*/
.sec00 h2.headTitleImg{ padding: 1em 0 1em 0 !important; margin: 0 !important;}
.sec00 h2.headTitleImg img{ max-width: 100% !important; }


.tac{text-align: center !important;}
.w80{width: 80% !important;}
.mb32{margin-bottom: 32px !important;}
.fwb{font-weight: bold !important;}

/* index */
#main img{ max-width: 100%;}

#main > h1{
	padding: 12px 0 14px 0;
	border-top: 2px solid #535353;
	border-bottom: 2px solid #535353;
	margin-bottom: 2em;
	text-align: center;
}
#main > h1 img{max-width: 55%; vertical-align: middle;}
#index #main li{margin-bottom: 1.5em; text-align: center;}
#index #main li img{margin-bottom: 0.5em;}



/* ionsupersonic */
#ionsupersonic{font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
#ionsupersonic #main > h1{ margin-bottom: 0em;}
#ionsupersonic .sec{}
#ionsupersonic .sec h3{
	padding: 10px;
	padding-left: 10%;
	padding-right: 10%;
	margin-bottom: 8px;
	border-bottom: 1px solid #535353;
	font-size: 1.3em;
	font-weight: bold;
	}
	#ionsupersonic .sec h3.visual{
		border: none;
		padding: 0px;
		margin-bottom: 2rem !important;
		}
		#ionsupersonic .sec h3 span{
		display: block;
	}
	#ionsupersonic .sec01 h3 span{ color: #E53391; font-weight: bold;}
	#ionsupersonic .sec02 h3 span{ color: #F56833; font-weight: bold;}
	#ionsupersonic .sec03 h3 span{ color: #8CC159; font-weight: bold;}
	#ionsupersonic .sec04 h3 span{ color: #0193AC; font-weight: bold;}
#ionsupersonic .sec .full{margin-bottom: 12px;}
#ionsupersonic .sec .step dt{margin-bottom: 12px; text-align: left; width: 90%; margin: 0 auto 12px;}
#ionsupersonic .sec .step dd{ text-align: center;}
#ionsupersonic .sec .step dd img{	width: 90%;}
.meritBox{
	/*background: url(../../ionsupersonic/img/bg_merit.jpg) no-repeat;*/
	min-height: 100px;
	padding: 0 0 0 0;
	margin-bottom: 16px;
}
.meritBox h4{
	font-size: 1.4em;
	padding: 0 10%;
	color: #F46932;
	border-bottom: 1px solid #CCC;
	margin-bottom: 12px;
}
.meritBox ul{
	padding-left: 2em;
	margin: 0 10%;
}
#ionsupersonic .sec00{}
#ionsupersonic .sec00 h2{ margin-bottom: 32px; }
#ionsupersonic .sec00 p.visual{padding: 0 !important;}
#ionsupersonic .sec00 p.visual img{max-width: 100%;}
/*#ionsupersonic .sec00 h2{padding: 0 20px; margin-bottom: 16px;}*/
/*#ionsupersonic .sec00 h2 img{max-width: 100%;}*/
#ionsupersonic .sec00 p{max-width: 80%; margin: 0 auto 16px;}
.localNav{
	margin-bottom: 32px;
	}
	.localNav li{
		list-style: none;
		border-top: 1px solid #535353;
	}
	.localNav li:last-child{border-bottom: 1px solid #535353;}
	.localNav a{
		width: 100%; height: auto;
		padding: 10px 0 10px 32px;
		padding-left: 10%;
		padding-right: 20%;
		display: inline-block;
		text-align: left;
		position: relative;
		font-size: 1.2em; font-weight: bold;
		line-height: 1.4;
		}
		.localNav a::before,
		.localNav a::after{
			content: "";
			position: absolute;
			top: 0; bottom: 0;
			margin: auto;
			vertical-align: middle;
		}
		.localNav a::before{
			width: 8px; height: 8px;
			border-top: 2px solid #fff;
			border-right: 2px solid #fff;
			-webkit-transform: rotate(135deg);
			transform: rotate(135deg);
			right: 10%;
			border-top: 2px solid #DBDBDB; border-right: 2px solid #DBDBDB;
		}
		.localNav li.ext a::before{
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			right: 10%;
		}
		.localNav a span{display: block;}
		.localNav a span.part1{ color: #E53391; font-weight: bold;}
		.localNav a span.part2{ color: #F56833; font-weight: bold;}
		.localNav a span.part3{ color: #8CC159; font-weight: bold;}
		.localNav a span.part4{ color: #0193AC; font-weight: bold;}
#ionsupersonic .localNav a{
	font-size: 1.1em;
	min-height: 86px;
	vertical-align: middle;
	position: relative;
}
#ionsupersonic .localNav a div{
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#ionsupersonic .sec01{border-top: 4px solid #F8E2EE;}
#ionsupersonic .sec02{border-top: 4px solid #FEEAE1;}
#ionsupersonic .sec03{border-top: 4px solid #E1EDD5;}
	/*#ionsupersonic .sec03 .meritBox{background: url(../../ionsupersonic/img/bg_merit2.jpg) no-repeat;}*/
	#ionsupersonic .sec03 .meritBox h4{ color: #89C05A; }
#ionsupersonic .sec04{
	border-top: 4px solid #D4ECEE;
	}
	#ionsupersonic .sec02 p,
	#ionsupersonic .sec03 p,
	#ionsupersonic .sec04 p{
		padding: 0 10%;
		margin-bottom: 12px;
	}
#sec01,
#sec02,
#sec03,
#sec04{
	border: none;
	padding-top: 60px;
}




/* everleaf */
#everleaf{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
#everleaf #main > h1{ margin-bottom: 0em;}
#everleaf .sec00{
	margin-bottom: 32px;
}
#everleaf .sec00 h2{ padding-top: 40px; margin-bottom: 32px; text-align: center; }
#everleaf .sec00 h2 img{ max-width: 80%; }
#everleaf .sec00 p{max-width: 80%; margin: 0 auto 16px;}
	#everleaf .sec h3.visual{
		border: none;
		padding: 0px;
		margin-bottom: 2rem !important;
		}
#everleaf .sec01 h2{
	font-size: 1.8em;
	font-weight: bold;
	color: #a08331;
	text-align: center;
	margin-bottom: 12px;
	padding-bottom: 12px;
	letter-spacing: 1px;
	border-bottom: 2px solid #a08331;
}
#everleaf .sec01 .movie{
	padding: 0 10px;
	margin-bottom: 32px;
}

#everleaf .sec01 ul{
	overflow: hidden;
	padding: 0 10px;
}
#everleaf .sec01 li{
	float: left;
	width: 48%;
	margin-bottom: 16px;
	list-style: none;
}
#everleaf .sec01 li:nth-child(even){
	float: right;
}
.productsBnr{ text-align: center; }
.productsBnr2{ text-align: right; }

#everleaf .course{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 1em 10px;
	text-align: left !important;
}






/* mocarede */
#mocarede{font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
#mocarede #main > h1{ margin-bottom: 0em;}
#mocarede .sec00{
	margin-bottom: 32px;
	background: url(../../mocarede/img/top-bg.jpg) center top no-repeat;
	-webkit-background-size: 100% auto;
	     -o-background-size: 100% auto;
	        background-size: 100% auto;
}
#mocarede .sec00 h2{ padding-top: 40px; margin-bottom: 16px; text-align: center; }
#mocarede .sec00 h2 img{ max-width: 80%; }
#mocarede .sec00 p{max-width: 80%; margin: 0 auto 16px;}
	#mocarede .sec h3.visual{
		border: none;
		padding: 0px;
		margin-bottom: 1rem !important;
		}

	#mocarede .localNav li{
		padding: 10px 0;
	}

.chapterTitle{
	font-size: 1.8em;
	font-weight: bold;
	color: #555;
	text-align: center;
	margin-bottom: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	letter-spacing: 1px;
	border-bottom: 2px solid #CCC;
	line-height: 1;
}
#mocarede .chapterList{
	overflow: hidden;
	padding: 0 10px;
}
#mocarede .chapterList li{
	float: left;
	width: 49%;
	margin-bottom: 1.2rem;
	list-style: none;
	text-align: center;
	font-size: 0.7em;
	line-height: 1.4;
}
#mocarede .chapterList li img{
	margin-bottom: 0.5em;
}
#mocarede .chapterList li:nth-child(even){
	float: right;
}
#mocarede .sec01 h2,
#mocarede .sec02 h2,
#mocarede .sec03 h2,
#mocarede .sec04 h2{
	font-size: 1.8em;
	font-weight: bold;
	color: #a08331;
	text-align: center;
	margin-bottom: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	letter-spacing: 1px;
	border-top: 2px solid #a08331;
	border-bottom: 2px solid #a08331;
	line-height: 1;
}
#mocarede .sec01 p,
#mocarede .sec02 p,
#mocarede .sec03 p{max-width: 90%; margin: 0 auto 16px;}



/* slim */
#slim{font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
#slim #main > h1{ margin-bottom: 0em;}
#slim .sec00{
	margin-bottom: 32px;
	background: url(../../slim/img/top-bg.jpg) center top no-repeat;
	-webkit-background-size: 100% auto;
	     -o-background-size: 100% auto;
	        background-size: 100% auto;
}
#slim .sec00 h2{ padding-top: 40px; margin-bottom: 16px; text-align: center; }
#slim .sec00 h2 img{ max-width: 80%; }
#slim .sec00 p{max-width: 80%; margin: 0 auto 16px;}
	#slim .sec h3.visual{
		border: none;
		padding: 0px;
		margin-bottom: 1rem !important;
		}

	#slim .localNav li{
		padding: 10px 0;
	}

#slim .sec01 h2,
#slim .sec02 h2,
#slim .sec03 h2,
	font-size: 1.8em;
	font-weight: bold;
	color: #a08331;
	text-align: center;
	margin-bottom: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	letter-spacing: 1px;
	border-top: 2px solid #a08331;
	border-bottom: 2px solid #a08331;
	line-height: 1;
	#slim .sec.li{
		float: center;
		margin-bottom: 1.2rem;
		list-style: none;
		text-align: center;
		font-size: 0.7em;
		line-height: 1.4;
	}
}

#slim .sec01 p,
#slim .sec02 p,
#slim .sec03 p{
max-width: 90%; margin: 0 auto 16px;}


/* premique */
#premique{font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
#premique #main > h1{ margin-bottom: 0em;}
#premique .sec00{
	margin-bottom: 32px;
	background: url(../../premique/img/top-bg.jpg) center top no-repeat;
	-webkit-background-size: 100% auto;
	     -o-background-size: 100% auto;
	        background-size: 100% auto;
}
#premique .sec00 h2{ padding-top: 40px; margin-bottom: 16px; text-align: center; }
#premique .sec00 h2 img{ max-width: 80%; }
#premique .sec00 p{max-width: 80%; margin: 0 auto 16px;}
	#premique .sec h3.visual{
		border: none;
		padding: 0px;
		margin-bottom: 1rem !important;
		}
	#premique .localNav li{
		padding: 10px 0;
	}

.chapterTitle{
	font-size: 1.8em;
	font-weight: bold;
	color: #555;
	text-align: center;
	margin-bottom: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
	letter-spacing: 1px;
	border-bottom: 2px solid #CCC;
	line-height: 1;
}
#premique .chapterList{
	overflow: hidden;
	padding: 0 10px;
}
#premique .chapterList li{
	float: left;
	width: 49%;
	margin-bottom: 1.2rem;
	list-style: none;
	text-align: center;
	font-size: 0.7em;
	line-height: 1.4;
}
#premique .chapterList li img{
	margin-bottom: 0.5em;
}
#premique .chapterList li:nth-child(even){
	float: right;
}
#premique .sec01 h2,
#premique .sec02 h2,
#premique .sec03 h2{
	font-size: 1.8em;
	font-weight: bold;
	color: #a08331;
	text-align: center;
	margin-bottom: 1px;
	padding-top: 12px;
	padding-bottom: 1px;
	letter-spacing: 1px;
	border-top: 2px solid #a08331;
	line-height: 1;
}

#premique .sec01 h3,
#premique .sec02 h3,
#premique .sec03 h3{
	font-size: 0.9em;
	font-weight: bold;
	color: #a08331;
	text-align: center;
	margin-bottom: 30px;
	padding-top: 5px;
	padding-bottom: 12px;
	letter-spacing: 1px;
	border-bottom: 2px solid #a08331;
	line-height: 1.5;
}

#premique .sec01 p,
#premique .sec02 p,
#premique .sec03 p{
	text-align: right;
max-width: 90%; margin: 0 auto 16px;}


/**			Header
-------------------------------------*/
header .logoWrapper ul li {
	width: 32px; 
	float: left;}
header .logoWrapper ul li.youtube {
	width: 38px; 
	margin-left: 17px; 
	margin-top: 2px;}
/**			clearfix
-------------------------------------*/

.Clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
  }
  .Clearfix {
	min-height: 1px;
  }
  * html .Clearfix {
	height: 1px; /*\*/ /*/
	height: auto;
	overflow: hidden;
	/**/
  }
  /**			clear
  --------------------------------------*/
  .Clear {
	clear: both;
  }