/*
Theme Name: LEAP for LIFE - DropDownMenu版
Author: ESTICS　Co.,Ltd. * Customized by SHOWJIN
Author URI: 
Description: ドロップダウンメニュー実装版
*/

.ex_bnr{
	text-align:center;
	border-top:27px solid #f4f4f4;
	margin-top:2em;
	padding:2em 0;
}

.ex_bnr img{
     width:15%; /* fallback */
     max-width:15% !important;
     height:auto !important;
}

.hover:hover{
    filter:alpha(opacity=70);  /* IE7以下用 */
    -ms-filter:"alpha(opacity=70)"; /* IE8用 */
    -moz-opacity:0.7; /* Firefox 1.5未満, Netscape用 */
    -khtml-opacity:0.7; /* Safari 1.x, 他khtmlに対応したブラウザ用  */
    opacity:0.7; /* Firefox 1.5以上, Opera, Safari用 */
}

/* clearfix */
.cf{ /zoom : 1;}
.cf:after{ content : ''; display : block; clear : both; height:0; }

@media only screen and (max-width: 480px) {
	.ex_bnr img{
		 width:80%; /* fallback */
		 max-width:80% !important;
		 height:auto !important;
	}
}


/* ======================= Mail Magazine */
.mail_m {
}
.mail_m p {
	margin: 2em;
}
.mail_m ul {
	padding-left: 3em !important;
}
#trust-form .subject {
padding-left: 4em;
}



/* ======================= HOME Main Visual */
body.home .content {
	padding-top: 30px;
}

body.home .kine {
	display: flex;
}
body.home .kine .img {
	width: 48%;
	margin-right: 20px;
}
body.home .kine .text {
	width: 50%;
}

body.home .chil_future {
	display: flex;
	margin-bottom: 50px;
}
body.home .chil_future .img {
	width: 48%;
	margin-right: 20px;
}
body.home .chil_future .text {
	width: 50%;
}

@media screen and (max-width: 640px){
	body.home .kine {
		display: block;
	}
	body.home .kine .img {
		width: 80%;
		display: block;
		margin: 0 auto;
	}
	body.home .kine .text {
		width: 100%;
		padding: 0 20px;
		margin-bottom: 40px;
	}

	body.home .chil_future {
		display: block;
		margin-bottom: 30px;
	}
	body.home .chil_future .img {
		width: 80%;
		display: block;
		margin: 0 auto;
	}
	body.home .chil_future .text {
		width: 100%;
		padding: 0 20px;
	}
}

/* ======================= HOME Main Visual */





/* ============================ オンラインセッション === */

.online-session .em_green {
	color: #70ad47;
	font-weight: bold;
	font-size: 1.3em;
}

.online-session .fa-check-square-o,
.online-session .fa-arrow-circle-o-down {
	font-weight: bold;
	color: #70ad47;
}

.online-session .cont_program {
	border: 1px solid #e0e0e0;
    border-radius: 7px;
}

.online-session .cont_program ul {
	padding: 20px;
}

.fa-question-circle-o {
	font-weight: bold;
	color: #ff00cc;
	margin-right: 5px;
}

.fa-comment-o {
	font-weight: bold;
	color: #0099ff;
	margin-right: 5px;
}


.cont_program ul.faq li:last-child {
	border-bottom: 1px solid #eee;
	padding: 10px;
}

.cont_program ul.faq li.dl p {
	margin: 0 0 6px 6px;
}


.online-session img {

}


.online-session .em {
	color: #ff0000;
	font-weight: bold;
}

.online-session p {
	margin-bottom: 20px;
}

.online-session table {
	margin-bottom: 20px;
}
.online-session table th {
	font-weight: bold;
}
.online-session table th,
.online-session table td {
	padding: 10px;
}

@media screen and (max-width: 640px){
	.online-session img {
		display: block;
		margin: 0 auto 20px auto;
	}
}

/* ============================ オンラインセッション END === */

/* ============================ HumanBluePrint & CoreBelief === */

.human_core img {
	display: block;
	margin-bottom: 20px;
}

.human_core .em_red {
	color: #ff0000;
	font-weight: bold;
}

.human_core p {
	margin-bottom: 20px;
}

/* ============================ HumanBluePrint & CoreBelief END === */



header.menu {
	background: #B2D749;
}

header.menu nav {
	z-index:100;
}

header.menu ul {
	display: flex;
    justify-content: space-between;
	font-weight: bold;
}
header.menu ul li {
	margin: 0 auto;
	width: 20%;
}
header.menu ul ul {
	display: block;
}


@media screen and (max-width : 769px) {
	.header2 {
		padding-top: 50px;
	}
}

@media screen and (min-width : 769px) {


	/* DROP MENU */
	/* #################################################### */

	#dropmenu li{
	  position: relative;
	  border-left: 1px solid #fff;
	}

	#dropmenu li a span{
		display:block;
	}

	#dropmenu li a{
		display: block;
		margin: 0;
		color: #fff;
		padding:1em 0.5em;
		font-size: 14px;
		line-height: 1.4;
		text-decoration: none;
		text-align:center;
	}

	#dropmenu a.parent{
		height:60px;
	}

	.middle{
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	#dropmenu li:hover > a{ /* ホバー時の色 */
	  background: #A0C62B;
	}

	/* currentではボタンの色がホバー色 */
	body.home #dropmenu li a.home {
	  background: #A0C62B;
	}
	.page-template-page-price #dropmenu li a.price {
	  background: #A0C62B;
	}
	.page-template-page-kinesiology #dropmenu li a.about {
	  background: #A0C62B;
	}
	.post-type-archive-voice #dropmenu li a.voice {
	  background: #A0C62B;
	}
	.page-template-page-profile #dropmenu li a.profile {
	  background: #A0C62B;
	}



	#dropmenu li ul{
	  list-style: none;
	  position: absolute;
	  top: 100%;
	  left: 0;
	  margin: 0;
	  padding: 0;
	}

	#dropmenu li ul li{
	  overflow: hidden;
	  width: 120%; /* サブメニューの幅 */
	  height: 0;
	  color: #fff;
	  -moz-transition: .2s;
	  -webkit-transition: .2s;
	  -o-transition: .2s;
	  -ms-transition: .2s;
	  transition: .2s;
	}

	#dropmenu li ul li a{ /* サブメニューのリンクデザイン */
	  background: #B2D749;
	  text-align: left;
	  font-size: 12px;
	  color: #fff;
	  padding-left: 1em;
	  font-weight: normal;
	}

	#dropmenu li:hover ul li{
	  overflow: visible;
	  height:40px;
	  border-top:1px solid #fff;
	  border-left:none;
	}

	#dropmenu li:hover ul li:first-child{
	  border-top: 0;
	}
	#dropmenu li:hover ul li:last-child{
	  border-bottom: 0;
	}
	#dropmenu li:hover ul li:last-child a{
	  border-radius: 0 0 3px 3px;
	}
}




.mean-container .mean-bar{
	background: #B2D749;
}

.mean-container .mean-nav{
	background: #B2D749;
}

.mean-container .mean-nav ul li a.mean-expand {
	font-size: 1em !important;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
	background: #fff !important;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
	color: #A0C62B !important;
}

/* -- END -- */