@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);
*{
	margin: 0;
	padding: 0;
	border:0;
	list-style: none;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
body{
	position: relative;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	background: #FFF;
}

.sp {
	max-width:750px;
}

a{
	opacity: 1;
	color: #AE0379;
	background: none;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-moz-transition-property: opacity;
	-moz-transition-duration: .4s;
	text-decoration: none;
}
a:hover{
	opacity: 0.7;
}
@media (max-width: 750px) {
	a:hover{
		opacity: 1;
	}
}
input {
	font-size: 112%;
	padding-left:4px;
}

/*/////////////////////////
	ジャンル関連
////////////////////////*/
.gl01 i{color: #FF679A;}
.gl02 i{color: #f7a501;}
.gl03 i{color: #f7e722;}
.gl04 i{color: #8cc540;}
.gl05 i{color: #37bd82;}
.gl06 i{color: #33babe;}
.gl07 i{color: #5486db;}
.gl08 i{color: #b05080;}
.gl09 i{color: #b05080;}

.gl01 .mainvisual{ background-color: #FF679A; background-image: url(../../genre/images/mainvisual-gl01.png);}
.gl02 .mainvisual{ background-color: #f7a501; background-image: url(../../genre/images/mainvisual-gl02.png);}
.gl03 .mainvisual{ background-color: #f7e722; background-image: url(../../genre/images/mainvisual-gl03.png);}
.gl04 .mainvisual{ background-color: #8cc540; background-image: url(../../genre/images/mainvisual-gl04.png);}
.gl05 .mainvisual{ background-color: #37bd82; background-image: url(../../genre/images/mainvisual-gl05.png);}
.gl06 .mainvisual{ background-color: #33babe; background-image: url(../../genre/images/mainvisual-gl06.png);}
.gl07 .mainvisual{ background-color: #5486db; background-image: url(../../genre/images/mainvisual-gl07.png);}
.gl08 .mainvisual{ background-color: #b05080; background-image: url(../../genre/images/mainvisual-gl08.png);}
.gl09 .mainvisual{ background-color: #b05080; background-image: url(../../genre/images/mainvisual-gl09.png);}

/*【ジャンルから探す】：サブジャンル　アクティブ時の色*/
.gl01 .sub-genre-item.active{background: #ff679a;}
.gl02 .sub-genre-item.active{background: #f7a501;}
.gl03 .sub-genre-item.active{background: #f7e722;}
.gl04 .sub-genre-item.active{background: #8cc540;}
.gl05 .sub-genre-item.active{background: #37bd82;}
.gl06 .sub-genre-item.active{background: #33babe;}
.gl07 .sub-genre-item.active{background: #5486db;}
.gl08 .sub-genre-item.active{background: #b05080;}
.gl09 .sub-genre-item.active{background: #b05080;}

/*【ジャンルから探す】：講座ジャンル一覧の背景色*/
.club-genre-item.gl01 a{background-color: #ff679a;}
.club-genre-item.gl02 a{background-color: #f7a501;}
.club-genre-item.gl03 a{background-color: #f7e722;}
.club-genre-item.gl04 a{background-color: #8cc540;}
.club-genre-item.gl05 a{background-color: #37bd82;}
.club-genre-item.gl06 a{background-color: #33babe;}
.club-genre-item.gl07 a{background-color: #5486db;}
.club-genre-item.gl08 a{background-color: #b05080;}
.club-genre-item.gl09 a{background-color: #b05080;}


/*【店舗トップ：ジャンルから探す】：講座ジャンルタブ*/
.genre-select li.gl01 a{background: #ff679a;}
.genre-select li.gl02 a{background: #f7a601;}
.genre-select li.gl03 a{background: #f6e622;}
.genre-select li.gl04 a{background: #8cc640;}
.genre-select li.gl05 a{background: #38bd81;}
.genre-select li.gl06 a{background: #33babe;}
.genre-select li.gl07 a{background: #5386db;}
.genre-select li.gl08 a{background: #af5080;}
.genre-select li.gl09 a{background: #af5080;}

/*【店舗トップ：ジャンルから探す】：講座ジャンルタブ　スマホ時*/
@media (max-width: 767px) {
	.genre-select li.gl01 a{background: none;}
	.genre-select li.gl02 a{background: none;}
	.genre-select li.gl03 a{background: none;}
	.genre-select li.gl04 a{background: none;}
	.genre-select li.gl05 a{background: none;}
	.genre-select li.gl06 a{background: none;}
	.genre-select li.gl07 a{background: none;}
	.genre-select li.gl08 a{background: none;}
	.genre-select li.gl09 a{background: none;}
	.genre-select li.view.gl01 a{background: #ff679a;}
	.genre-select li.view.gl02 a{background: #f7a601;}
	.genre-select li.view.gl03 a{background: #f6e622;}
	.genre-select li.view.gl04 a{background: #8cc640;}
	.genre-select li.view.gl05 a{background: #38bd81;}
	.genre-select li.view.gl06 a{background: #33babe;}
	.genre-select li.view.gl07 a{background: #5386db;}
	.genre-select li.view.gl08 a{background: #af5080;}
	.genre-select li.view.gl09 a{background: #af5080;}
	.genre-select li.gl01 a:hover,
	.genre-select li.gl02 a:hover,
	.genre-select li.gl03 a:hover,
	.genre-select li.gl04 a:hover,
	.genre-select li.gl05 a:hover,
	.genre-select li.gl06 a:hover,
	.genre-select li.gl07 a:hover,
	.genre-select li.gl08 a:hover,
	.genre-select li.gl09 a:hover{
		background: #fff2f6;
	}
}

/*【店舗トップ：ジャンルから探す】：講座ボックス装飾*/
.gl01 .type-new{background-image: url(../../shop/images/new/category2.png);}
.gl01 .couse-info{background: rgba(255, 103, 154,0.7);}
.gl01 .genre-result-item .course-ttl{ background-color: #ff679a; background-image: url(../../genre/images/mainvisual-gl01.png);}

.gl02 .type-new{background-image: url(../../shop/images/new/category2.png);}
.gl02 .couse-info{background: rgba(247, 166, 1,0.7);}
.gl02 .genre-result-item .course-ttl{ background-color: #f7a601; background-image: url(../../genre/images/mainvisual-gl02.png);}

.gl03 .type-new{background-image: url(../../shop/images/new/category2.png);}
.gl03 .couse-info{background: rgba(246, 230, 34,0.7);}
.gl03 .genre-result-item .course-ttl{ background-color: #f6e622; background-image: url(../../genre/images/mainvisual-gl03.png);}

.gl04 .type-new{background-image: url(../../shop/images/new/category2.png);}
.gl04 .couse-info{background: rgba(140, 198, 64,0.7);}
.gl04 .genre-result-item .course-ttl{ background-color: #8cc640; background-image: url(../../genre/images/mainvisual-gl04.png);}

.gl05 .type-new{background-image: url(../../shop/images/new/category2.png);}
.gl05 .couse-info{background: rgba(56, 189, 129,0.7);}
.gl05 .genre-result-item .course-ttl{ background-color: #38bd81; background-image: url(../../genre/images/mainvisual-gl05.png);}

.gl06 .type-new{background-image: url(../../shop/images/new/category2.png);}
.gl06 .couse-info{background: rgba(51, 186, 190,0.7);}
.gl06 .genre-result-item .course-ttl{ background-color: #33babe; background-image: url(../../genre/images/mainvisual-gl06.png);}

.gl07 .type-new{background-image: url(../../shop/images/new/category2.png);}
.gl07 .couse-info{background: rgba(83, 134, 219,0.7);}
.gl07 .genre-result-item .course-ttl{ background-color: #5386db; background-image: url(../../genre/images/mainvisual-gl07.png);}

.gl08 .type-new{background-image: url(../../shop/images/new/category2.png);}
.gl08 .couse-info{background: rgba(175, 80, 128,0.7);}
.gl08 .genre-result-item .course-ttl{ background-color: #af5080; background-image: url(../../genre/images/mainvisual-gl08.png);}

.gl09 .type-new{background-image: url(../../shop/images/new/category2.png);}
.gl09 .couse-info{background: rgba(175, 80, 128,0.7);}
.gl09 .genre-result-item .course-ttl{ background-color: #af5080; background-image: url(../../genre/images/mainvisual-gl09.png);}

/*【店舗トップ：キーワードから探す】：講座項目*/
.gl01 .cat{background-color: #FF679A;}
.gl02 .cat{background-color: #f7a501;}
.gl03 .cat{background-color: #f7e722;}
.gl04 .cat{background-color: #8cc540;}
.gl05 .cat{background-color: #37bd82;}
.gl06 .cat{background-color: #33babe;}
.gl07 .cat{background-color: #5486db;}
.gl08 .cat{background-color: #b05080;}
.gl09 .cat{background-color: #b05080;}

.search-item .gl01 h3{color: #ff679a;}
.search-item .gl02 h3{color: #f7a601;}
.search-item .gl03 h3{color: #f6e622;}
.search-item .gl04 h3{color: #8cc640;}
.search-item .gl05 h3{color: #38bd81;}
.search-item .gl06 h3{color: #33babe;}
.search-item .gl07 h3{color: #5386db;}
.search-item .gl08 h3{color: #af5080;}
.search-item .gl09 h3{color: #af5080;}

/*【店舗トップ：カレンダーから探す】：講座項目*/
.gl01.glBox{border: #ff679a 2px solid;}
.gl02.glBox{border: #f7a601 2px solid;}
.gl03.glBox{border: #f6e622 2px solid;}
.gl04.glBox{border: #8cc640 2px solid;}
.gl05.glBox{border: #38bd81 2px solid;}
.gl06.glBox{border: #33babe 2px solid;}
.gl07.glBox{border: #5386db 2px solid;}
.gl08.glBox{border: #af5080 2px solid;}
.gl09.glBox{border: #af5080 2px solid;}
.gl01.glBox .gname{background-color: #ff679a;}
.gl02.glBox .gname{background-color: #f7a601;}
.gl03.glBox .gname{background-color: #f6e622;}
.gl04.glBox .gname{background-color: #8cc640;}
.gl05.glBox .gname{background-color: #38bd81;}
.gl06.glBox .gname{background-color: #33babe;}
.gl07.glBox .gname{background-color: #5386db;}
.gl08.glBox .gname{background-color: #af5080;}
.gl09.glBox .gname{background-color: #af5080;}
.gl01.glBox .sp-title{background-color: #ff679a;}
.gl02.glBox .sp-title{background-color: #f7a601;}
.gl03.glBox .sp-title{background-color: #f6e622;}
.gl04.glBox .sp-title{background-color: #8cc640;}
.gl05.glBox .sp-title{background-color: #38bd81;}
.gl06.glBox .sp-title{background-color: #33babe;}
.gl07.glBox .sp-title{background-color: #5386db;}
.gl08.glBox .sp-title{background-color: #af5080;}
.gl09.glBox .sp-title{background-color: #af5080;}

.course-detail-box.gl01 .cat{background: #ff679a;}
.course-detail-box.gl01 h2{color: #ff679a;}
.course-detail-box.gl02 .cat{background: #f7a601;}
.course-detail-box.gl02 h2{color: #f7a601;}
.course-detail-box.gl03 .cat{background: #f6e622;}
.course-detail-box.gl03 h2{color: #f6e622;}
.course-detail-box.gl04 .cat{background: #8cc640;}
.course-detail-box.gl04 h2{color: #8cc640;}
.course-detail-box.gl05 .cat{background: #38bd81;}
.course-detail-box.gl05 h2{color: #38bd81;}
.course-detail-box.gl06 .cat{background: #33babe;}
.course-detail-box.gl06 h2{color: #33babe;}
.course-detail-box.gl07 .cat{background: #5386db;}
.course-detail-box.gl07 h2{color: #5386db;}
.course-detail-box.gl08 .cat{background: #af5080;}
.course-detail-box.gl08 h2{color: #af5080;}
.course-detail-box.gl09 .cat{background: #af5080;}
.course-detail-box.gl09 h2{color: #af5080;}

/*//////////////
	共通
//////////////*/
span.hide{display: none;}

.cnt_inner{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}
.ttl{
	position: relative;
	width: 100%;
	background: url(../images/bg-ttl-pink.png);
	color: #AD0378;
	font-weight: normal;
	margin: 30px 0;
}
@media (max-width: 1000px) {
	.cnt_inner{ width: 92%;}
}
.content-area{
	background: url(../images/bg_main.gif);
}
.shop-contact{
	max-width: 440px;
	min-height: 40px;
	padding: 0 0 0 205px;
	background: url(../images/bg-shop-contact.png) no-repeat left center;
	-webkit-background-size: auto 35px;
	     -o-background-size: auto 35px;
	        background-size: auto 35px;
}
.head-cnt .shop-contact{float: right;}

.shop-inquiry{
	max-width: 440px;
	min-height: 40px;
	padding: 0 0 0 205px;
	-webkit-background-size: auto 35px;
	     -o-background-size: auto 35px;
	        background-size: auto 35px;
}
.head-cnt .shop-inquiry{float: right;}

.shop-inquiry-contact{
	max-width: 500px;
	min-height: 40px;
	padding: 0 0 0 0;
	-webkit-background-size: auto 35px;
	     -o-background-size: auto 35px;
	        background-size: auto 35px;
}
.head-cnt .shop-inquiry-contact{float: right;}

.shop-inquiry-contact-left{
	float: left;
	max-width: 250px;
	min-height: 40px;
	padding: 10px 10px 0 0;
	font-weight:bold;
	font-size:14px;
	color: #AE0379;
}
.shop-inquiry-contact-right{
	float: left;
	max-width: 235px;
	min-height: 40px;
	padding: 0 0 0 0;
}


.shop-contact-tel{
	color: #AD0378;
	font-family: 'Open Sans', sans-serif;
	font-size: 27px;
	font-weight: bold;
	padding:0 0 0 25px;
	margin:0 auto;
	line-height: 31px;
	background: url(../images/ic-tel.png) no-repeat left center;
	-webkit-background-size: 20px auto;
	     -o-background-size: 20px auto;
	        background-size: 20px auto;
}
.shop-contact-tel a{color: #AD0378; text-decoration: none;}
.shop-contact-businesstime{
	font-size: 12px;
	text-align: center;
	color: #333;
}
.shop-contact-note{
	font-size: 12px;
	text-align: left;
	color: #ff0000;
}
@media (max-width: 800px) {
	.shop-contact{
		padding: 0 0 0 160px;
		-webkit-background-size: auto 25px;
		     -o-background-size: auto 25px;
		        background-size: auto 25px;
	}
	.shop-inquiry{
		padding: 0 0 0 160px;
		-webkit-background-size: auto 25px;
		     -o-background-size: auto 25px;
		        background-size: auto 25px;
	}

}
@media (max-width: 750px) {
	.shop-contact{display: none;}
	.shop-inquiry{display: none;}
	.shop-footer .shop-contact{display: inline-block;}
	.shop-footer .shop-inquiry{display: inline-block;padding:0;}
	.shop-contact-tel{font-size: 17px; text-align: left;}
	.shop-contact-businesstime{font-size: 11px;}
	.shop-contact-note{font-size: 11px;}
}

/*//////////////
	ヘッダー
//////////////*/
#header{
	position: relative;
	width: 100%;
	z-index: 99;
}
#header .cnt_inner{
	overflow: hidden;
}
#header .cnt_inner.gnavi{
	overflow: visible;
	clear: both;
}

/*ヘッダー　リード*/
.header-lead-area{
	position: relative;
	width: 100%;
	background: #AE0379;
	color: #FFF;
	font-size: 14px;
	padding: 5px 0;
}
.header-lead{ float: left; font-size: 11px;}

/*マイページ関連リスト*/
.header-mypage-list{ float: right; border-left:1px solid #FFF;}
.header-mypage-list li{ display: inline-block;}
.header-mypage-list li a{
	color: #FFF;
	text-decoration: none;
	padding: 5px;
	border-right:1px solid #FFF;
}
@media (max-width: 750px) {
	.header-lead{width: 100%; text-align: center;}
	.header-mypage-list{display: none;}
	#header .cnt_inner.gnavi{
		overflow: hidden;
	}
}


/*ヘッダーメイン*/
.head-cnt{
	position: relative;
	width: 100%;
	background: #FFF;
	padding: 10px 0;
}
.home .head-cnt{
	padding: 20px 0;
}
/*メインロゴ*/
.mainlogo{
	float: left;
	display: inline-block;
	margin-top: 5px;
	width: 266px;
	height: 42px;
	background: url(../images/logo.png) no-repeat center center;
	-webkit-transition-property: opacity;
	-ms-transition-property: opacity;
	-moz-transition-property: opacity;
	-webkit-background-size: 100% auto;
	     -o-background-size: 100% auto;
	        background-size: 100% auto;
}
.home .mainlogo{
	margin-top: 0px;
	width: 319px;
	height: 59px;
	-webkit-background-size: 100%;
	     -o-background-size: 100%;
	        background-size: 100%;
}
.btn-contact{
	display: inline-block;
	width: 165px;
	height: 20px;
	background: url(../images/btn-contact-s.png) no-repeat;
}
.btn-terakoya{
	display: inline-block;
	width: 197px;
	height: 60px;
	margin-right:10px;
	background: url(../images/terakoyabannner.png) no-repeat;
}
.btn-privacy{
	display: inline-block;
	width: 275px;
	height: 75px;
    padding-left: 80px;
    text-align: left;
    font-size: 10px;
    font-weight: bold;
    color: #0C3090;
    vertical-align: bottom;
	background: url(../images/17003011_75_JP.png) no-repeat;
}

.btn-online-class{
	display: inline-block;
	width: 275px;
	height: 75px;
    padding-left: 80px;
    text-align: left;
    font-size: 10px;
    font-weight: bold;
    color: #0C3090;
    vertical-align: bottom;
	background: url(../images/online-banner.png) no-repeat;
}

{
	display: inline-block;
	width: 275px;
	height: 75px;
    padding-left: 80px;
    text-align: left;
    font-size: 10px;
    font-weight: bold;
    color: #0C3090;
    vertical-align: bottom;
	background: url(../images/online-banner.gif) no-repeat;
}



#header-logo{
	width: 39%;
	float: left;
	text-align: left;
}
#header-btn{
	width: 30%;
	float: left;
	text-align: center;
}
#privacy-btn{
	width: 30%;
	float: right;
	text-align: center;
}
#header-contact{
	float: right;
	text-align: right;
}
#online-class-btn{
	width: 31%;
	float: left;
}
#header-msg {
	clear:both;
	color:#ae0379;
	font-size: 12px;
}

.header-contact{
	float: right;
	height: 20px;
	text-align: left;
}

#header-btn-sp{display: none;}
#privacy-btn-sp{display: none;}
#online-class-btn-sp{display: none;}

.sp #header-logo{
		display: block;
		float: left;
		margin: 0 auto;
		width: 100%;
		height:100px;
}

.sp #header-btn-sp{
		display: block;
		float: none;
		text-align: center;
		margin: 0 auto;
		width: 100%;
}

@media (max-width: 900px) {
	#header-logo{
		display: block;
		float: left;
		margin: 0 auto;
	}
	#header-btn{display: none;}
	#privacy-btn{display: none;}
	#online-class-btn{display: none;}

	#icon-area-sp {
		display: block;
		width:600px;
		height:80px;
		margin: 0 auto;
	}

	#header-btn-sp{
		display: block;
		float: none;
		text-align: center;
		margin: 0 auto;
		width: 100%;
	}
	#privacy-btn-sp{
		display: block;
		float: none;
		text-align: center;
		margin: 0 auto;
		width: 100%;
	}
	#online-class-btn-sp{
		display: block;
		float: left;
		text-align: center;
		margin: 0 auto;
		width: 50%;
	}
}

@media (max-width: 750px) {
	.head-cnt,.home .head-cnt{
		padding: 5px 0;
		height:120px
	}
	.mainlogo,.home .mainlogo{
		display: block;
		float: none;
		max-width: 300px;
		margin: 0 auto;
		width: 100%;
		-webkit-background-size: 65%;
		     -o-background-size: 65%;
		        background-size: 65%;
	}
	#header-logo{
		display: block;
		float: left;
		margin: 0 auto;
		width: 100%;
		height:100px;
	}
	.btn-contact{display: none;}
	.btn-menu{
		position: absolute;
		display: block;
		top: 0px;
		left: 0;
		width: 20%;
		height: 85%;
		background: url(../images/btn-sp-menu.png) no-repeat top center;
		-webkit-background-size: contain;
		     -o-background-size: contain;
		        background-size: contain;
		-webkit-transition: .4s;
		-ms-transition: .4s;
		-moz-transition-property: background;
		-moz-transition-duration: .4s;
	}
	.open .btn-menu{
		background-image: url(../images/btn-sp-menu_.png);
	}
	.btn-login{
		position: absolute;
		display: block;
		top: 0px;
		right: 0;
		width: 20%;
		height: 85%;
		background: url(../images/btn-sp-login.png) no-repeat top center;
		-webkit-background-size: contain;
		     -o-background-size: contain;
		        background-size: contain;
	}
	.btn-mypage{
		position: absolute;
		display: block;
		top: 0px;
		right: 0;
		width: 20%;
		height: 85%;
		background: url(../images/btn-sp-mypage.png) no-repeat top center;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
	}

	.btn-logout{
		position: absolute;
		display: block;
		top: 0px;
		left: 0;
		width: 20%;
		height: 90%;
		background: url(../images/btn-sp-logout.png) no-repeat top center;
		-webkit-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
	}

	#icon-area-sp {
		display: block;
		width: 100%;
		height: 70px;
		margin: 0 auto 50px auto;
	}

	#header-btn-sp {
		width:200px;
		float:none;
		text-align: center;
	}

	#header-btn-sp a {
		margin: 0 auto;
		transform: scale(0.65, 0.65);
	}
	#online-class-btn-sp {
		width:200px;
		float:left;
		text-align: center;
	}

	#online-class-btn-sp a {
		margin: 0 auto;
		transform: scale(0.65, 0.65);
	}

	#header-msg {
		margin-left:18%;
		width:70%;
	}
}

@media (max-width: 600px) {
	#header-msg {
		margin-top:0px;
		margin-left:10%;
		width:80%;
	}
}

@media (max-width: 500px) {
	#header-msg {
		margin-top:-20px;
		margin-left:0;
		width:100%;
	}
}

@media (max-width: 400px) {
	#header-btn-sp {
		width:100%;
		height: 60px;
		float:left;
		text-align: center;
	}

	#header-btn-sp a {
		margin: 0 auto;
		transform: scale(0.5, 0.5);
	}
	#online-class-btn-sp {
		width:150px;
		float:left;
		text-align: center;
	}

	#online-class-btn-sp a {
		margin: 0 auto;
		transform: scale(0.5, 0.5);
	}

}

/*グロナビ*/
.gnavi-area{
	position: relative;
	width: 100%;
	height: 50px;
	background: #FFF;
	border-top:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea;
}
.home .gnavi-area{height: 70px;}
.gnavi{
	position: relative;
	width: 100%;
	clear: both;
}
.g-item{
	position: relative;
	float: left;
	width: 25%;
	margin: 3px 0;
	text-align: center;
	border-right:1px solid #eaeaea;
}
.g-item:first-child{
	border-left:1px solid #eaeaea;
}

.g-link{
	display: inline-block;
	width: 95%;
	height: 100%;
	padding: 5px 0 5px;
	margin-top:4px;
	color: #000;
	background: #FFF;
	text-decoration: none;
	-webkit-border-radius: 5px;
	        border-radius: 5px;
}
.g-link:hover{
	opacity: 1;
	background: #f7f7f7;
	color: #AE0379;
}

.active .g-link{
	color: #AE0379;
	background: url(../images/active-dot.gif);
}
.g-link:hover{
	opacity: 1;
	color: #AE0379;
	background: url(../images/active-dot.gif);
}
.g-link span{
	min-height: 30px;
	padding-left: 30px;
	background: no-repeat left center;
	-webkit-background-size: contain;
	     -o-background-size: contain;
	        background-size: contain;
}
.home .g-link span{
	display: inline-block;
	padding: 25px 0 0;
	background: no-repeat center top;
	-webkit-background-size: 24px auto;
	     -o-background-size: 24px auto;
	        background-size: 24px auto;
}

.gnavi-shoplist .g-link span{background-image: url(../images/ic-shop.png);}
.gnavi-genre .g-link span{background-image: url(../images/ic-genre.png);}
.gnavi-step .g-link span{background-image: url(../images/ic-step.png);}
.gnavi-qa .g-link span{background-image: url(../images/ic-qa.png);}

/*店舗から探す*/
.h-center-list{
	max-height: 0;
	overflow: hidden;
}

/*ジャンルから探す・プルダウン*/
.h-genre-list{
	position: absolute;
	top: auto;
	left: 0;
	width: 100%;
	max-height: 0;
	overflow: hidden;
	background: #FFF;
	-webkit-transition: .4s;
	-ms-transition: .4s;
	-moz-transition-property: height;
	-moz-transition-duration: .4s;
	box-shadow:rgba(84, 84, 84, 0.619608) 0px 2px 5px -1px;
	-webkit-box-shadow:rgba(84, 84, 84, 0.619608) 0px 2px 5px -1px;
	-moz-box-shadow:rgba(84, 84, 84, 0.619608) 0px 2px 5px -1px;
}
.h-genre-item{
	width: 100%;
}
.h-genre-item a{
	width: 100%;
	display: inline-block;
	text-decoration: none;
	color: #333;
	font-size: 14px;
	padding: 8px 10px;
	text-align: center;
	border-bottom: 1px solid #eee;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.h-genre-item a span{
	display: inline-block;
	width: 80%;
	text-align: left;
}
.h-genre-item a:hover{
	opacity: 1;
	background: #fff2f6;
}
.h-genre-item a i{
	font-style: normal;
	display: inline-block;
	padding: 0 10px 0 10px;
}

@media (max-width: 786px) {
	.g-link{
		font-size: 12px;
	}
}

@media (min-width: 769px) {
	.gnavi-genre:hover .h-genre-list{max-height: 500px;}
}
.openGenre .h-genre-list{max-height: 500px;}
@media (max-width: 750px) {
	.gnavi-area,
	.home .gnavi-area{
		height: auto;
	}
	.gnavi{
		position: absolute;
		background: #FFF;
		max-height: 0;
		-webkit-transition: .4s;
		-ms-transition: .4s;
		-moz-transition-property: height;
		-moz-transition-duration: .4s;
	}
	.open .gnavi{
		max-height: 1000px;
		border-bottom: 1px solid #a02c7c;
	}
	.g-item{
		float: none;
		width: 100%;
		margin: 0;
		padding: 5px 0;
		border-top: 1px solid #a02c7c;
	}
	.g-link{
		font-size: 16px;
		padding: 5px 0 5px 20px;
		text-align: left;
	}
	.g-link span,.home .g-link span{
		min-height: 0;
		padding:3px 0 3px 35px;
		background-position: left center;
	}
	.h-genre-item a span{
		width: 100%;
	}
	.h-genre-list{
		position: relative;
		top: 0;
		overflow: hidden;
		box-shadow:rgba(84, 84, 84, 0.619608) 0px 0px 0px 0px;
		-webkit-box-shadow:rgba(84, 84, 84, 0.619608) 0px 0px 0px 0px;
		-moz-box-shadow:rgba(84, 84, 84, 0.619608) 0px 0px 0px 0px;
	}
	.h-genre-item{
		float: right;
		width: 50%;
	}

}
/*////////////////////////////
	メインビジュアル
////////////////////////////*/
.mainvisual{
	position: relative;
	width: 100%;
	height: 250px;
}
@media (max-width: 750px) {
	.mainvisual{
		height: 80px;
	}
}
/*////////////////////////////
	パンくず
////////////////////////////*/
.bread-area{
	background: #F7F7F7;
	font-size: 14px;
}
.bread-list{
	overflow: hidden;
	padding: 12px 0;
}
.bread-item{
	float: left;
	padding-right: 5px;
}
.bread-item a{text-decoration: none; color: #AE0379;}





/*//////////////
	フッター
//////////////*/
#footer{
	position: relative;
	width: 100%;
	background: #FFF;
	border-top: 1px solid #EEE;
}
/*フッターナビ*/
.footer-nav{
	text-align: right;
	padding: 15px 0;
	overflow: hidden;
}
.footer-nav li{
	display: inline-block;
}
.footer-nav a{
	font-size: 11px;
	letter-spacing: 0px;
	color: #333;
	text-decoration: none;
	padding: 0 0 0 7px;
	margin-right: 10px;
	background: url(../images/ic-arrow-footernavi.png) no-repeat left center;
	-webkit-background-size: 5px auto;
	-o-background-size: 5px auto;
	background-size: 5px auto;
}
@media (max-width: 365px) {
	.footer-nav a{
		font-size: 9px;
		letter-spacing: -0.5px;
	}
}
.copyright{
	position: relative;
	width: 100%;
	background: #AE1D7A;
	color: #FFF;
	text-align: right;
	font-size: 10px;
	padding: 5px 0;
}
.copyright .cnt_inner{overflow: hidden;}

.company-ic{
	float: left;
	display: inline-block;
	width: 97px;
	height: 33px;
	background: url(../images/aeon-logo.png) no-repeat center top;
}
.copyright-txt{
	float: right;
	padding: 10px 0;
}
@media (max-width: 750px) {
	.footer-nav{text-align: left;}
	.footer-nav li{
		float: left;
		width: 50%;
	}
	.copyright{ text-align: center; font-size: 10px;}
	.company-ic{
		float: none;
		width: 100%;
	}
	.copyright-txt{
		float: none;
		width: 100%;
		font-size: 9px;
	}
}

.open .overlay-layer{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:rgba(143,127,139,0.7);
	z-index: 80;
}

/*
	ページトップ
*/
.btn-pagetop{
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 57px;
	height: 57px;
	background: url(../images/pagetop.png) no-repeat;
}

/*/////////////////////////////////////////////////////////

////////////////////////////////////////////////////////*/
.shop-footer{
	position: relative;
	width: 100%;
	min-height: 500px;
	padding: 25px 0;
	overflow: hidden;
	background: #fdfdfd;
	border-top: 1px solid #EEE;
}
.shop-footer .cnt_inner{
	position: relative;
}


/*店舗詳細*/
.shop-footer .shop-detail{
	position: relative;
	width: 50%;
	overflow: hidden;
}
.shop-footer .shop-detail-name{
	width: 90%;
	font-size: 18px;
	font-weight: bold;
	color: #AE0379;
	padding: 0 0 0 20px;
	background: url(../images/ic-shop-detail-name.png) no-repeat left center;
	-webkit-background-size: 11px auto;
	     -o-background-size: 11px auto;
	        background-size: 11px auto;
}
.shop-footer .shop-detail-address{
	width: 90%;
	font-size: 14px;
	padding-top: 10px;
	color: #333;
}
.shop-footer .shop-detail-address a{
	color: #333; text-decoration: none;
}

.shop-footer .shop-map{
	width: 90%;
	height: 182px;
	margin-top: 20px;
}
.shop-footer .shop-access-detail{
	padding: 5px 0;
}
.shop-footer .shop-access-detail a{
	font-size: 13px;
	color: #B10D7E;
	text-decoration: none;
}
.shop-footer .shop-access-detail a:hover{
	text-decoration: underline;
}

/*店舗一覧*/
.shop-footer .all-shop-area{
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	min-height: 500px;
	padding: 12px 0;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
/*店舗一覧リスト*/
.shop-footer .all-shop-list{
	position: relative;
	float: left;
	width: 33.33%;
	height: 100%;
	border-left: 1px solid #ddd;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.shop-footer .area-ttl{color: #ae0379; font-size: 16px;font-weight: bold;}
.shop-footer .shop-list{
	position: relative;
	padding-bottom: 10px;
}
.shop-footer .shop-list a{
	color: #333;
	font-size: 13px;
	text-decoration: none;
	padding: 0 0 0 10px;
	background: url(../images/list-type0.png) no-repeat left center;
	-webkit-background-size: 5px auto;
	     -o-background-size: 5px auto;
	        background-size: 5px auto;
}

@media (max-width: 900px) {
	.shop-footer{
		min-height: 550px;
	}
	.shop-footer .all-shop-area{
		min-height: 550px;
	}
}

/*スマホ用*/
.sp-shop-contact{display: none;}
.sp-select-shop-box{display: none;}
@media (max-width: 750px) {
	.sp-shop-contact{
		display: block;
		width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}
	.shop-footer .shop-detail,
	.shop-footer .shop-detail-name,
	.shop-detail-address,
	.shop-footer .shop-map{
		width: 100%;
	}
	.shop-footer .shop-detail-name{font-size: 14px;}
	.shop-footer .shop-detail-address{font-size: 12px; letter-spacing: 0;}
	.shop-footer .shop-access-detail{text-align: center; padding: 20px 0;}
	.shop-footer .shop-access-detail a{
		display: inline-block;
		border: 1px solid #ae0379;
		width: 100%;
		max-width: 300px;
		padding: 7px 20px;
	}
	.shop-footer .shop-access-detail a:hover{
		text-decoration: none;
		background: #AE0379;
		color: #FFF;
	}
	/*ショップリスト*/
	.shop-footer .sp-select-shop-box{
		position: relative;
		display: block;
		padding: 10px;
		font-size: 13px;
		font-weight: bold;
		color: #ae0379;
		border:2px solid #ae0379;
		border-bottom:1px solid #ae0379;
		cursor: pointer;
		user-select: none;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}
	.shop-footer .sp-select-shop-box i{
		position: absolute;
		top: 0;
		right: 0;
		width: 44px;
		height: 100%;
		background: #AE0379 url(../images/bg-shopselect.png) no-repeat center center;
		-webkit-background-size: 14px auto;
		     -o-background-size: 14px auto;
		        background-size: 14px auto;
	}
	.shop-footer.shopSelectOpen .sp-select-shop-box i{
		background-image:url(../images/bg-shopselect-on.png);
	}
	.shop-footer .all-shop-area{
		position: relative;
		width: 100%;
		max-width: 300px;
		min-height: 0px;
		padding: 0;
		margin: 0 auto;
		border-top:1px solid #eee;
		border-bottom: 1px solid #AE0379;
	}
	.shop-footer .all-shop-list{
		width: 100%;
		max-height: 0;
		padding: 0;
		overflow: hidden;
		border-left: 2px solid #AE0379;
		border-right:2px solid #AE0379;
		-webkit-transition: .4s;
		-ms-transition: .4s;
		-moz-transition-property: height;
		-moz-transition-duration: .4s;
	}
	.shop-footer.shopSelectOpen .all-shop-list{
		max-height: 1000px;
	}
	.shop-footer .shop-list{
		width: 100%;
		padding: 0;
		max-height: 0;
		border-bottom: 1px solid #eee;
		overflow: hidden;
		-webkit-transition: .4s;
		-ms-transition: .4s;
		-moz-transition-property: height;
		-moz-transition-duration: .4s;
	}
	.shop-footer .shopopen .shop-list{
		max-height: 300px;
	}
	.shop-list li{
		padding: 8px 10px;
		border-top: 1px solid #eee;
	}
	.shop-footer .area-ttl{
		padding: 8px 10px;
		cursor: pointer;
		user-select: none;
		-moz-user-select: none;
		-webkit-user-select: none;
		-ms-user-select: none;
	}
	.shop-footer .shopopen .area-ttl{
		background: #F7f7f7;
	}
}