@charset "UTF-8";
/* ! ================================================*/
/* !1.0 Base */
/* ! ================================================*/
/*! Base================================================ */
html body{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	word-wrap:break-word;word-break: break-all;
	text-rendering: optimizeLegibility;
	font-size: 1.3rem;line-height: 1.9;font-weight: 400;
	font-family: 'M PLUS Rounded 1c',"ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN,"Yu Gothic", YuGothic,  Arial, "メイリオ",Meiryo,sans-serif;
	font-feature-settings : "palt";
	color: #4d4d4d;
}
#wrapper{
	text-align: center;
	font-size: 1.4rem;line-height: 1.7;
	background: #fff;color: #4d4d4d;
}
a{color: #4d4d4d;text-decoration: none;}
a:hover img{opacity: 0.6;}
.sp{display: block;margin: 0 auto;}
.pc{display: none;}

@media screen and (min-width:769px) {
	html body{font-size: 1.6rem;line-height: 1.9;}
	#wrapper{font-size: 1.8rem;line-height: 1.7;}
	.sp{display: none;}
	.pc{display: block;margin: 0 auto;}
}

/* .section ==================== */
.section{padding-top:30px;padding-bottom:30px;}
.section.bgc{background: linear-gradient(to right,rgba(168,154,190,0.3), rgba(229,168,175,0.3));}

@media screen and (min-width:769px) {
	.section{padding-top:80px;padding-bottom:80px;}
}
/* .section-header */
.section-header{
	width: 94%;
	margin: 0 auto 0;
	padding-bottom:20px;
	text-align: center;
}
.section-title{
	margin:0 auto 0;
	text-align: center;font-size: 2.6rem;line-height: 1;font-weight: 700;
	color: #CDAACF;
}
.section-title span{padding: 0 10px;}
.section-title:before{content: "";display:inline-block;width: 50px;height: 20px;background: url(img/bg_title02.png) no-repeat left center;background-size: 100% auto;}
.section-title:after{content: "";display:inline-block;width: 50px;height: 20px;background: url(img/bg_title01.png) no-repeat right center;background-size: 100% auto;}
.section-header p{
	font-size: 1.6rem;line-height: 1.8;font-weight: 700;
}
@media screen and (min-width:769px) {
	.section-header{padding-bottom:60px;}
	.section-title{font-size: 5.0rem;line-height: 1;}
	.section-title span{padding: 0 50px;}
	.section-title:before{width: 80px;height: 30px;}
	.section-title:after{width: 80px;height: 30px;}
}
/* .section-content */
.section-content{
	width: 94%;max-width: 1070px;
	margin: 0 auto;
	border-bottom: 1px solid #A497B9;
	color: #4d4d4d;
}
.page .section-content{text-align: left;}
.page .section-content h2{background: #666;color: #fff;padding: 4px;margin: 0 0 20px;font-weight: 700;}
.page .section-content h3{padding: 4px;margin: 0 0 20px;color: #666;font-weight: 700;}
.page .section-content p{margin: 0 0 20px;}

.bgc .section-content{
	max-width: 1040px;
	padding: 20px;
	background: #fff;
}
.sub-title{text-align: center;font-size: 2.1rem;line-height: 1.3;font-weight: 700;}
@media screen and (min-width:769px) {
	.sub-title{text-align: center;font-size: 3.6rem;line-height: 1.3;font-weight: 700;}
}

/* .pagination ==================== */
.nav-links{margin: 0 auto 50px;}
.nav-links .page-numbers{padding: 3px 10px;background: #CDAACF;color:#fff;}
.nav-links .page-numbers.next,.nav-links .page-numbers.prev{background: none;padding: 3px 20px;color: #4d4d4d;}

/* .entry ==================== */
.entry-header{
	width: 94%;max-width: 1070px;
	margin: 0 auto 0;
	padding-bottom:20px;
	text-align: center;
}
.entry-title{
	margin:0 auto 30px;
	text-align: center;font-size: 2.6rem;line-height: 1.2;font-weight: 700;
	color: #CDAACF;
}
.entry-date{margin:0 auto 60px;text-align: right;}
.entry-figure{width: 90%;max-width: 1000px;margin: 0 auto 40px;text-align: center;}

/* .section-content */
.entry-content{
	width: 90%;max-width: 1070px;
	margin: 0 auto;text-align: left;
}
.entry-content p{
	margin: 0 auto 20px;
}

@media screen and (min-width:769px) {
	.entry-title{text-align: center;font-size: 3.6rem;line-height: 1.2;}
}

/* .fbox ==================== */
@media screen and (min-width:769px) {
	.bgc .section-content{max-width: 1040px;padding: 50px;background: #fff;}
	.hbox{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;}
	.hbox li{width: 50%;}
}

/* .btn-area ==================== */
.btn-area{font-size: 1.6rem;}
input[type="'submit"].button,
.btn-area .button{
	display: block;
	max-width: 240px;
	margin: 3rem auto;padding: 3px 1rem;
	text-align: center;
	background: #CDAACF;color: #fff;
	border: none;
	box-shadow: 0px 1px 13px 2px rgba(0,0,0,0.2);
	transition: all 0.3s;
}

.btn-area .button:hover{background: #E58CA0;}
@media screen and (min-width:769px) {
	.btn-area{font-size: 2.0rem;}
	.btn-area .button{max-width: 300px;}
}

/*! #site-header ================================================ */
#site-header{
	position: fixed;right: -100vw;top:62px;z-index: 5;overflow-y: scroll;
	width: 100vw;height: 100vh;transition:all 0.3s;
	background: #fff;
}
.open-menu #site-header{right: 0px;}

@media screen and (min-width:769px) {
	#site-header{
		position: static;right: 0px;top:0px;overflow: visible;
		width: auto;height: auto;transition:none;
		background: none;
	}
}

/*! #global-header ================================================ */
.nav-global{width: 90%;margin: 10px auto 0;}
.nav-onlineshop{width: 90%;margin: 0px auto 0;}
.nav-onlineshop,
.nav-global li{padding: 5px 15px;text-align: left;border-bottom: 1px solid #ddd;}
.nav-onlineshop li{background: url(./img/icon_cart.png) no-repeat 85px center;padding: 0;background-size: auto 12px;}

@media screen and (min-width:769px) {
	#global-header{
		display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;
		width: 96%;max-width: 1080px;height: 70px;margin: 0 auto 30px;
	}
	.nav-global a{display:flex;justify-content:center;align-items:center;height:70px;padding: 0 40px 0 0;}
	.nav-global{display:flex;flex-flow:row wrap;align-items:center;width: 80%;margin: 0 auto;}
	.nav-global li{display:flex;justify-content:center;align-items:center;padding: 0;border: none;}
	.nav-onlineshop{display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:center;width: 20%;padding: 0;border: none;}
	.nav-onlineshop li{background: url(./img/icon_cart.png) no-repeat right center;padding: 0 25px 0 0;background-size: auto 15px;}
}
/*! #header ================================================ */
#header-sp{
	position: fixed;right: 0px;top:0px;z-index: 1;
	display: flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;
	width: 100vw;height:62px;
	text-align: center;
	background: #fff;border-bottom: 1px solid #ddd;
}
#header{display: none;}
#header-sp .disc{width: 100%;padding: 3px; text-align: center;font-size: 1.0rem;line-height: 1;border-bottom: 1px solid #ddd;}
#header-sp a{display: flex;align-items:center;justify-content:space-between;width: calc( 100% - 45px );height: 45px;padding:3px 5px 3px;}
#header-sp .logo{width: 100%;margin: 0;padding: 0;}
#header-sp img{max-width: 90%;max-height: 43px;}

/* .btn-menu ==================== */
.btn-menu{width: 45px;height: 45px;padding: 10px;background: #4d4d4d;}
/* .menu-border */
.menu-border{position: relative;width: 100%;height:100%;text-align: center;cursor: pointer;}
.menu-border:before,.menu-border:after,.menu-border span{position: absolute;left: 0;width: 100%;height: 4px;margin: 0;background: #fff;transition:all 0.3s;content: "";}
.menu-border:before{top: 0px;}
.menu-border span {top: calc( 50% - 2px );}
.menu-border:after {bottom: 0px;}
/* open-menu .menu-btn */
.open-menu .menu-border:before{top: 0px;transform-origin:left top;transform: rotate(40deg);width:140%;height:4px;}
.open-menu .menu-border span {opacity: 0;}
.open-menu .menu-border:after {bottom: 0px;transform-origin:left bottom;transform: rotate(-40deg);width:140%;height:4px;}

@media screen and (min-width:769px) {
	#header-sp{display: none;}
	#header{
		position: static;right: 0px;top:0px;
		display: block;
		width: auto;height: auto;
		text-align: center;
		background: none;
	}
	#site-title{
		display: block;
		max-width: 418px;max-height: auto;
		margin: 0px auto;
		font-weight: 700;
	}
	#site-title a{display: block;width:auto;height: auto;}
	#site-title .logo{display: block;width: auto;margin: 20px auto 0;padding: 0;}
	#site-title span{height: auto;width: auto;padding: 0;}
	#site-title span img{max-width: 312px;padding: 5px 0;border-bottom: 1px solid #4D4D4D;}
	.btn-menu{display: none;}
}

/*! navigation ================================================ */
.nav-main{
	width: 90%;margin: 0 auto 60px;padding: 0;
	font-size: 1.4rem;line-height: 1.5;font-weight: 700;
}
.nav-main>li{
	padding: 10px 15px;
	border-bottom: 1px solid #ddd;text-align: left;
}

@media screen and (min-width:769px) {
	.nav-main{
		position: relative;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;
		width: 100%;max-width: 1080px;margin: 30px auto;padding: 10px 0 15px;
		font-size: 1.8rem;line-height: 1.5;font-weight: 700;
	}
	.nav-main:after{
		position: absolute;bottom: 0px;left: 0px;
		width: 100%;height: 1px;
		content: "";
		background: linear-gradient(to right,#A89ABE, #E5A8AF);
	}
	.nav-main>li{
		position: relative;display:flex;justify-content:center;align-items:center;
		width:calc( 100% / 7 );height: 45px;padding: 0;
		text-align: center;
		border: none;
	}
}
/* .submenu */
.submenu{
	padding: 15px;
	font-weight: 400;
}
.submenu>li a{display: block;padding: 3px;border-bottom: 1px dotted #ddd;}

@media screen and (min-width:769px) {
.submenu{display: none;
	position: absolute;top:100%;left: 0;z-index: 3;
	width: 100%;
	padding: 15px;
	font-weight: 400;
	background: #f2f2f2;
}
.nav-main>li:hover .submenu{display: block;}
.submenu:before{
	position: absolute;top:-10px;left: 50%;
	content: "";
	border: 5px solid transparent;border-bottom-color: #CDAACF;
}
.submenu>li a{display: block;padding: 3px;border: none;}
}

/*! #site-footer ================================================ */
#site-footer{
}
/* #nav-footer */
#nav-footer{max-width: 1080px;margin: 0 auto;padding: 15px 0;}
#nav-footer:before{display: block;width: 100%;height: 2px;content: "";background: linear-gradient(to right,#A89ABE, #E5A8AF);}
#nav-footer ul{
	width: 96%;margin: 30px auto;padding:0;
	font-size: 1.3rem;line-height: 1.5;text-align: center;
}
#nav-footer ul li{display: inline-block;border-left: 1px solid #ddd;padding: 0px 10px;margin: 5px 0;}
#nav-footer ul li:last-child{border-right: 1px solid #ddd;}

/* #footer */
#footer{background: #CDAACF;color: #fff;text-align: center;padding: 5px 0;font-size: 1.0rem;line-height: 1.5;}

@media screen and (min-width:769px) {
	/* #nav-footer */
	#nav-footer{max-width: 1080px;margin: 0 auto;padding: 15px 0;}
	#nav-footer:before{display: block;width: 100%;height: 2px;content: "";background: linear-gradient(to right,#A89ABE, #E5A8AF);}
	#nav-footer ul{
		display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;
		width: 94%;max-width: 1000px;margin: 30px auto;padding: 10px 0;
		font-size: 1.4rem;line-height: 1.5;font-weight: 700;
	}
	#nav-footer ul li{position: relative;display:flex;justify-content:center;align-items:center;width:calc( ( 100% - 200px ) / 6 );height: 25px;border: none;padding: 0;margin: 0;}
	#nav-footer ul li:last-child{border: none;width:200px;}
	#nav-footer ul li:before{
		position: absolute;left: 0;top:0;
		width: 1px;height: 25px;
		content: "";
		background: linear-gradient(to right,#A89ABE, #E5A8AF);
	}
	#nav-footer ul li:last-child:after{
		position: absolute;right: 0;top:0;
		width: 1px;height: 25px;
		content: "";
		background: linear-gradient(to right,#A89ABE, #E5A8AF);
	}
	#footer{background: #CDAACF;color: #fff;text-align: center;padding: 5px 0;font-size: 1.4rem;line-height: 1.5;font-weight: 700;}
}

/* ! ================================================*/
/* !2.0 Home */
/* ! ================================================*/
/*! mv ================================================ */
#mv{margin: 50px auto 0;width: 100%;overflow: hidden;}
#mv img{width: 100%;}
.slick-dots{margin: 0 auto 40px;bottom: -80px;width: 100%;}
.slick-dots li button:before{content: "";width: 10px;height: 10px;background: #333;}
#site-content{margin-top: 60px;}
body.home #site-content{margin-top: 0px;}

@media screen and (min-width:769px) {
	#mv{margin: 0px 0 0;}
	#site-content{margin-top: 0px;}
}

/*! news ================================================ */
.news .section-content{border: none;max-width: 1140px;}
.dl-news{
	width: 100%;
	margin: 0 auto;padding: 10px  0;
	text-align: left;
}
.dl-news:after,
.dl-news:before{display: block;width: 100%;height: 2px;content: "";background: linear-gradient(to right,#A89ABE, #E5A8AF);}
.dl-news dt{
	margin: 0 10px;padding: 10px 10px 0px 10px;
}
.dl-news dd{
	margin: 0 10px;padding: 0px 10px 10px 10px;
	border-bottom: 1px solid #999;
}
.dl-news dt:nth-last-child(2),.dl-news dd:last-child{border: none;}

@media screen and (min-width:769px) {
	.dl-news{
	width: 100%;max-width: 1140px;
	margin: 0 auto;padding: 10px  0;
	}
	.dl-news:after,
	.dl-news:before{display: block;width: 100%;height: 2px;content: "";background: linear-gradient(to right,#A89ABE, #E5A8AF);}
	.dl-news dt{
		margin: 0 30px;padding: 20px 20px 0px 20px;
	}
	.dl-news dd{
		margin: 0 30px;padding: 0px 20px 20px 20px;
		border-bottom: 1px solid #999;
	}
	.dl-news dt:nth-last-child(2),.dl-news dd:last-child{border: none;}
}

/*! philosophy ================================================ */
.philosophy.section{padding-top:0;padding-bottom:20px;}
.philosophy-box{
	width: 94%;
	margin: 30px auto;padding: 5px;
	font-size: 1.5rem;line-height: 1.5;text-align: center;
	background: linear-gradient(to right,#A89ABE, #E5A8AF);
}
.philosophy-box .section-content{
	width: 100%;max-width: 100%;
	padding: 30px 3% 40px;
	background:#fff;border: none;
}
.philosophy-box .section-content .sub-title{margin: 30px 0;}
.philosophy-catch{
	width: 96%;max-width: 500px;
	margin: 30px auto;padding: 5px;
	text-align: center;font-weight: 700;
	background: linear-gradient(to right,#A89ABE, #E5A8AF);color: #fff;
}
.philosophy-box .catch{font-size: 2.4rem;font-weight: 700;}
.philosophy-box .catch strong{
	padding-right: 40px;
	font-size: 3.0rem;font-weight: 700;
	background: url(img/bg_star01.png) no-repeat right top;
	background-size: auto 70%;
}
@media screen and (min-width:769px) {
	.philosophy.section{padding-top:0;padding-bottom:80px;}
	.philosophy-box{
		max-width: 1140px;
		margin: 30px auto;padding: 5px;
		font-size: 1.8rem;line-height: 1.5;text-align: center;
		background: linear-gradient(to right,#A89ABE, #E5A8AF);
	}
	.philosophy-box .section-content{
		width: 100%;max-width: 100%;
		padding: 70px 3% 90px;
		background:#fff;
	}
	.philosophy-box .section-content .sub-title{margin: 60px 0;}
	.philosophy-catch{
		width: 96%;max-width: 500px;
		margin: 30px auto;padding: 5px;
		text-align: center;font-weight: 700;
		background: linear-gradient(to right,#A89ABE, #E5A8AF);color: #fff;
	}
	.philosophy-box .catch{font-size: 4.4rem;}
	.philosophy-box .catch strong{padding-right: 70px;font-size: 6.0rem;}
}

/*! #feature ================================================ */
.feature .section-content{border: none;}
.feature ul{width: 100%;margin: 0 auto 30px;}
.feature h3{
	padding-left: 50px;margin: 15px 0;
	font-size: 2.3rem;line-height: 1.3;font-weight: 700;
	background: url(img/bg_star03.png) no-repeat 5px center;
	background-size: 30px auto;
	color: #CDAACF;
}
.feature p{text-align: left;font-size: 1.3rem;line-height: 1.6;margin: 20px 10px;}
.feature ul:nth-of-type(even) li:first-child{order:3;}
.feature ul:nth-of-type(even) h3{
	background: url(img/bg_star02.png) no-repeat 5px center;
	background-size: 30px auto;
	color: #E58CA0;
}
@media screen and (min-width:769px) {
	.feature ul{width: 100%;margin: 0 auto 60px;}
	.feature li:first-child{padding: 0 60px 0 0;}
	.feature li:first-child{padding: 0 0 0 0;}
	.feature h3{
		padding-left: 50px;margin: 0 0 0 50px;
		font-size: 3.6rem;line-height: 1;font-weight: 700;
		background: url(img/bg_star03.png) no-repeat left top;
		background-size: 40px auto;
		color: #CDAACF;
	}
	.feature p{margin: 20px 0 20px 50px;font-size: 1.6rem;line-height: 1.9;}
	.feature ul:nth-of-type(even) li:first-child{order:3;padding: 0 0 0 60px;}
	.feature ul:nth-of-type(even) h3{
		margin: 0 0 0 0px;
		background: url(img/bg_star02.png) no-repeat left top;
		background-size: 40px auto;
		color: #E58CA0;
	}
	.feature ul:nth-of-type(even) p{margin: 20px 50px 20px 0;}
}
/*! #lunch,sound ================================================ */
.lunch .section-content,
.sound .section-content{max-width: 1140px;padding-bottom: 90px;border: none;background:#fff url(img/bg_star04.png) no-repeat 95% 98%;background-size:98px auto;}
.lunch.section,.sound.section{padding-top:20px;padding-bottom:20px;}
.lunch .hbox,.sound .hbox{
	margin: 45px auto 30px;
}
.lunch .hbox p,.sound .hbox p{
	margin: 20px auto 20px;
	text-align: left;font-size: 1.3rem;line-height: 1.5;
}

@media screen and (min-width:769px) {
	.lunch .section-content,
	.sound .section-content{background:#fff url(img/bg_star04.png) no-repeat 95% 95%;background-size:98px auto;padding-bottom: 60px;}
	.sound .section-content{background:#fff url(img/bg_star04.png) no-repeat 5% 95%;background-size:98px auto;padding-bottom: 10px;}
	.lunch.section,.sound.section{padding-top:40px;padding-bottom:40px;}
	.lunch .hbox p,.sound .hbox p{
		margin: 0 auto 30px;
		font-size: 1.8rem;line-height: 1.5;
	}
	.lunch .hbox li:first-child{padding: 0 60px 0 0;}
	.sound .hbox li:first-child{order:3;padding: 0 0 0 60px;}
}
/*! #iq ================================================ */
.iq .section-content{
	margin: 0 auto;
	font-size: 1.4rem;line-height: 2;text-align: center;
	border: none;
}
.iq .sub-title{font-size: 2.0rem;}
.iq .sub-title,.iq figure,.iq p{margin: 0 auto 25px;}
.bubbles{
	position: relative;
	width: 80%;max-width: 400px;
	margin: 10px auto 30px;padding: 16px 0;
	text-align: center;
	font-size: 1.6rem;line-height: 1.2;font-weight: 700;
	border-radius: 50px;
	background: #E58CA0;color: #fff;
}
.bubbles:after{content: "";
	position: absolute;bottom: -40px;left: calc( ( 100% - 30px ) / 2 );
	border: 20px solid transparent;border-top-color: #E58CA0;}

@media screen and (min-width:769px) {
	.iq .section-content{
		max-width: 1000px;
		font-size: 1.8rem;line-height: 2;text-align: center;
		border: none;
	}
	.iq .sub-title,.iq figure,.iq p{margin: 0 auto 45px;}
	.bubbles{
		position: relative;
		width: 90%;max-width: 400px;
		margin: 30px auto;padding: 16px 0;
		text-align: center;
		font-size: 2.3rem;line-height: 1.2;font-weight: 700;
		border-radius: 50px;
		background: #E58CA0;color: #fff;
	}
	.bubbles:after{content: "";
		position: absolute;bottom: -40px;left: calc( ( 100% - 30px ) / 2 );
		border: 20px solid transparent;border-top-color: #E58CA0;}
}
/*! #schedule ================================================ */
.schedule{font-weight: 700;}
.schedule .section-content{border: none;width: 100%;}
.border-box{
	width: 94%;max-width: 1070px;
	margin: 0 auto;padding: 0;
	border: 2px solid #A89ABE;background: #fff;
}
.schedule p{text-align: center;margin-top: 20px;}
.schedule p.notes{margin-top: 5px;font-size: 1.0rem;line-height: 1.5;font-weight: 400;}
.schedule dl{
	display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;
	width: 100%;max-width: 1000px;
	margin: 20px auto;
}
.schedule dl dt{
	display:flex;flex-flow:row wrap;justify-content:center;align-items:center;
	width: 25%;padding: 10px;
	border-bottom: 1px solid #A497B9;
}
.schedule dl dd{
	display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;
	width: 75%;padding: 10px;
	text-align: left;font-size: 1.2rem;line-height: 1.5;
	border-bottom: 1px solid #A497B9;
}
.schedule dl dt:nth-of-type(1),.schedule dl dd:nth-of-type(1){border-top: 1px solid #A497B9;}
.schedule dl dd small{font-size: 1.2rem;line-height: 1.6;}
.schedule dl dd small span{font-size: 1.0rem;line-height: 1.6;}

@media screen and (min-width:769px) {
	.schedule .section-content{border: none;width: 96%;}
	.border-box{
		max-width: 1070px;
		margin: 0 auto;padding: 0;
		border: 2px solid #A89ABE;background: #fff;
	}
	.schedule dl dt{
		display:flex;flex-flow:row wrap;justify-content:center;align-items:center;
		width: 20%;padding: 20px;
		font-size: 1.8rem;line-height: 1.5;
		border-bottom: 1px solid #A497B9;
	}
	.schedule dl dd{
		display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;
		width: 80%;min-height: 200px;padding: 20px;
		font-size: 1.8rem;line-height: 1.5;
		border-bottom: 1px solid #A497B9;
	}
}
/*! #events ================================================ */
.events{text-align: center;font-weight: 700;}
.events .section-content{padding-top:0;padding-bottom:30px;}
.events .notes{margin: 10px 0 35px;text-align: left;font-weight: 400;font-size: 1.2rem;}
.events .notes:nth-of-type(1){text-align: center;}
.events .notes strong{font-weight: 700;}
/* .dl-events */
.dl-events{
	font-size: 1.3rem;line-height: 2.5;
	border: 1px solid #808080;
}
.dl-events.open{border: 1px solid #A89ABE;}
.dl-events>dt{
	padding: 5px 0;
	line-height: 1;text-align: center;
	background:#999;color: #fff;
	cursor: pointer;
}
.dl-events>dt span{background:url(img/icon_plus.png) no-repeat right center;background-size: 20px auto;padding-right: 25px;}
.dl-events.open>dt{
	background:#CDAACF;color: #fff;
}
.dl-events.open>dt span{background-image:url(img/icon_minus.png);}
.dl-events>dd{display: none;padding: 20px;}
.dl-events dd dt{
	width: 240px;margin: 8px auto;padding: 5px;
	text-align: center;
	font-size: 1.4rem;line-height: 1.5;
	background:#4D4D4D;color: #fff;
}
.dl-events dd dd strong{color: #BF0000;}

@media screen and (min-width:769px) {
	.events .section-content{padding-top:0;padding-bottom:130px;}
	.dl-events{
		font-size: 1.8rem;line-height: 2.5;
		border: 1px solid #808080;
	}
	.dl-events dd dt{
		width: 240px;margin: 8px auto;padding: 5px;
		text-align: center;
		font-size: 1.6rem;line-height: 1.5;
		background:#4D4D4D;color: #fff;
	}
}
/*! #teacher ================================================ */
.teacher{padding-top: 0;}
.teacher .section-content{padding-top:0;padding-bottom:30px;font-size: 1.3rem;line-height: 1.8;text-align: left;}
.teacher .hbox>li:first-child{padding: 0 0 15px;}
.teacher h3{font-size: 1.8rem;line-height: 1;font-weight: 700;}
.teacher h3 strong{font-size: 2.6rem;line-height: 1.4;color: #E58CA0;}
.teacher h4{
	margin: 20px 0;padding: 0 35px 0 0;
	font-size: 2.2rem;line-height: 1.3;font-weight: 700;
	background: url(img/bg_teacher.png) no-repeat right top;
	background-size: auto 26px;
}
.list-capacity{
	display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;
	padding: 20px 0 15px;
	border-bottom: 1px dashed #808080;
}
.list-capacity li{
	display:flex;justify-content:center;align-items:center;width: 49%;
	margin: 0 0 1% 0;padding: 4px 2px;text-align: center;
	font-size: 1.2rem;line-height: 1.4;
	background: #E58CA0;color: #fff;
}
@media screen and (min-width:769px) {
	.teacher{padding-top: 0;}
	.teacher .section-content{padding-top:0;padding-bottom:130px;font-size: 1.8rem;line-height: 1.9;}
	.teacher .hbox>li:first-child{padding: 0 60px 0 0;}
	.teacher h3{font-size: 2.6rem;line-height: 1.3;font-weight: 700;}
	.teacher h3 strong{font-size: 3.6rem;line-height: 1;color: #E58CA0;}
	.teacher h4{
		margin: 20px 0;padding: 0;
		font-size: 2.6rem;line-height: 1;font-weight: 700;
		background: url(img/bg_teacher.png) no-repeat right top;
		background-size: auto 26px;
	}
	.list-capacity{
		display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;
		padding: 20px 0 15px;
		border-bottom: 1px dashed #808080;
	}
	.list-capacity li{
		width: 49%;
		margin: 0 0 1% 0;padding: 4px;text-align: center;
		font-size: 1.6rem;line-height: 1;
		background: #E58CA0;color: #fff;
	}

}
/*! #guide ================================================ */
.guide{padding-top: 0;}
.guide .notes{padding-top: 10px;}
.guide .section-content{width: 92%;max-width: 1046px;padding-bottom: 30px;}
.guide .border{
	margin-bottom: 60px;
	background: linear-gradient(to right,#A89ABE, #E5A8AF);padding: 1px;
}
.box-inner{background: #fff;padding: 15px;}
.guide h3{
	margin: 15px auto;padding: 5px;
	text-align: center;font-size: 1.3rem;line-height: 1;font-weight: 700;
	background:#E58CA0;color: #fff;
}
.guide dl{
	display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;
	width: 100%;margin: 15px auto 40px;
	text-align: left;font-size: 1.3rem;line-height: 1.6;
}
.guide dl:nth-of-type(3){margin-bottom: 0;}
.guide dl dt{width: 23%;background: #808080;color: #fff;text-align: center;line-height: 1.2;}
.guide dl dd{width: 77%;padding: 15px 0px 15px 20px;}
.guide dl dd strong{font-weight: 700;}

@media screen and (min-width:769px) {
	.guide{padding-top: 0;}
	.guide .section-content{max-width: 1046px;padding-bottom: 80px;}
	.guide .border{
		margin-bottom: 60px;
		background: linear-gradient(to right,#A89ABE, #E5A8AF);padding: 1px;
	}
	.box-inner{background: #fff;padding: 30px;}
	.guide h3{
		max-width: 335px;margin: 30px auto;padding: 5px;
		text-align: center;font-size: 2.6rem;line-height: 1;font-weight: 700;
		background:#E58CA0;color: #fff;
	}
	.guide dl{
		display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;
		width: 85%;margin: 30px auto 80px;
		font-size: 2.2rem;line-height: 1.5;
	}
	.guide dl:nth-of-type(3){margin-bottom: 0;}
	.guide dl dt{width: 20%;background: #808080;color: #fff;text-align: center;}
	.guide dl dd{width: 80%;padding: 15px 0px 15px 30px;}
	.guide dl dd strong{font-weight: 700;}
}

/*! #voice ================================================ */
.voice{padding-top: 0;}
.voice .section-content{padding-bottom: 10px;border-bottom: 1px solid #A497B9;}
.list-voice{
	display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;
	text-align: center;
	width: 100%;margin: 0 auto 30px;padding: 20px;
	font-size: 2.2rem;line-height: 1.5;
}
.list-voice li{
	margin: 0 auto 20px;
	border: 1px solid #ddd;
}
.list-voice li img{
	width: 100%;
}
@media screen and (min-width:769px) {
	.list-voice li{
		width: 49%;
		margin: 0 auto 20px;
	}
}
/*! #instagram ================================================ */
.instagram .section-content{padding-bottom: 40px;}

/*! #access ================================================ */
.access{padding-top: 20px;}
.access .section-content{padding-bottom: 30px;}
.access iframe{width: 100%;height: 300px;}
.access dl{
	display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;
	width: 100%;margin: 15px auto;
	text-align: left;font-size: 1.4rem;line-height: 1.5;
}
.access dl dt{width: 20%;background: #CDAACF;color: #fff;text-align: center;}
.access dl dd{width: 80%;padding: 5px 0 5px 20px;font-weight: 700;}
@media screen and (min-width:769px) {
	.access{padding-top: 50px;}
	.access .section-content{padding-bottom: 120px;}
	.access dl dt{width: 10%;background: #CDAACF;color: #fff;text-align: center;}
	.access dl dd{width: 90%;padding: 5px 0 5px 20px;font-weight: 700;}
}
/*! #recruit ================================================ */
.recruit .section-content{border: none;}
.recruit .border{
	margin-bottom: 60px;
	background: linear-gradient(to right,#A89ABE, #E5A8AF);padding: 1px;
}
.recruit .box-inner{
	padding: 20px 3% 200px;
	text-align: center;
	font-size: 1.4rem;line-height: 2;
	background: #fff url(img/bg_unicorn.png) no-repeat right 98%;
	background-size: 200px auto;
}
.recruit .box-inner h3{
	text-align: center;
	font-size: 2.6rem;line-height: 1.5;font-weight: 700;
}
.recruit .box-inner h3 span{padding: 0 0 3px 0;
	background: linear-gradient(to bottom,transparent 85%,#E58CA0 85%,#E58CA0);
}
.recruit .box-inner h3 strong{
	display: block;
	margin: 20px auto 30px;
	font-size: 2.6rem;line-height: 1.2;
	color: #E58CA0;
}
.recruit .box-inner{}
.recruit .box-inner p{margin: 0 auto 20px;}
.recruit .box-inner storng{font-weight: 700;}

@media screen and (min-width:769px) {
	.recruit .section-content{border: none;}
	.recruit .border{
		margin-bottom: 60px;
		background: linear-gradient(to right,#A89ABE, #E5A8AF);padding: 1px;
	}
	.recruit .box-inner{
		padding: 80px 3% 30px;
		text-align: center;
		font-size: 2.6rem;line-height: 2;
		background: #fff url(img/bg_unicorn.png) no-repeat right 95%;
		background-size: 200px auto;
	}
	.recruit .box-inner h3{
		text-align: center;
		font-size: 2.6rem;line-height: 1.5;font-weight: 700;
	}
	.recruit .box-inner h3 span{padding: 0 0 3px 0;
		background: linear-gradient(to bottom,transparent 85%,#E58CA0 85%,#E58CA0);
	}
	.recruit .box-inner h3 strong{
		display: block;
		margin: 20px auto 60px;
		font-size: 4.2rem;line-height: 1.5;
		color: #E58CA0;
	}
	.recruit .box-inner{}
	.recruit .box-inner p{margin: 0 auto 80px;}
}

/* ! ================================================*/
/* !3.0 Archive */
/* ! ================================================*/

/* ! ================================================*/
/* !4.0 Article */
/* ! ================================================*/

/* ! ================================================*/
/* !5.0 Contact */
/* ! ================================================*/
/*! .contact ================================================ */
.page{padding-top: 20px;}
.page .section-content{padding-bottom: 30px;border: none;}
.dl-contact{
	width: 100%;margin: 15px auto;
	font-size: 1.3rem;line-height: 1.5;
}
.dl-contact dt span{margin: 0 0 0 10px;padding: 2px 5px;text-align: center;border-radius: 3px;background: #CDAACF;color: #fff;}
.dl-contact dt{padding: 10px 0;font-weight: 700;text-align: left;}
.dl-contact dd{padding: 10px 0px 20px;font-weight: 700;border-bottom: 1px solid #ccc;}
.dl-contact dd [type="text"],.dl-contact dd [type="email"]{border: 1px solid #999;padding: 8px;width: 100%;}
.mwform-tel-field{width: 100%;text-align: left;}
.dl-contact dd [type="text"].tel{width: 25%;min-width: 80px;border: 1px solid #999;padding: 8px;display: inline-block;}
.dl-contact dd textarea{border: 1px solid #999;padding: 5px;width: 100%;min-height: 300px;}
.page .btn-area [type="submit"].button{padding: 10px;border: none;font-size: 1.8rem;line-height: 1;width: 200px;}
.page .btn-area [type="submit"].button.back{background: #666;}
/* .mwform */
.mwform-radio-field{padding: 0 2rem 0 0;}

@media screen and (min-width:769px) {
	.page{padding-top: 50px;}
	.page .section-content{width: 100%;padding-bottom: 0;}
	.dl-contact{
		display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;
		width: 100%;margin: 15px auto 80px;
		font-size: 1.4rem;line-height: 1.5;
	}
	.dl-contact dt{display:flex;justify-content:space-between;align-items:center;width: 15%;border-bottom: 1px solid #ccc;}
	.dl-contact dd{display:flex;align-items:center;width: 85%;padding: 25px 20px;font-weight: 700;}
	.page .btn-area{display: flex;justify-content:center;}
}

@media screen and (min-width:769px) {
.wpcf7-form dt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	border-bottom: 1px solid #ccc;
	}
}
.wpcf7-form dt {
    padding: 10px 0;
    font-weight: 700;
    text-align: left;
}
.wpcf7-form dt p{
	display:flex;
	justify-content: space-between;
    align-items: center;
}

