@charset "UTF-8";



/* #header__under__area */
/*------------------------------------------------------------------------------*/
#header__under__area {
	position: relative;
}



/* #mainImg */
/*------------------------------------------------------------------------------*/
#mainImg {
	overflow: hidden;
	position: relative;
}
#mainImg .bx-controls {
	bottom: 3%;
}
#mainImg li a {
	/* padding-top: 80.94%; */
}

/*#mainImg .bxslider li {
	display: none;
}
#mainImg .bx-viewport .bxslider li {
	display: block !important;
}*/



/* #mainContents */
/*------------------------------------------------------------------------------*/
#mainContents {
	color: #231815;
	padding-top: 0;
}

/* #contentsAbout */
/*------------------------------------------------------------------------------*/
#contentsAbout {
	padding: 6% 0;
}

/* banner_section */
/*------------------------------------------------------------------------------*/
.banner_section {
	margin-bottom: 4%;
	padding: 0 2%;
}
.banner_section a {
	display: block;
}
.banner_section img {
	width: 100%;
	height: auto;
}





/* section_ttl */
/*------------------------------------------------------------------------------*/
.section_ttl01 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-image: none!important;
	background-color: #36b0b2!important;
	padding: 1.5% 2%!important;
	width:100%;
	border-radius: 5px;
}
.section_ttl01 > span,
.section_ttl01 > a {
	display: block;
	color: #fff!important;
}
.section_ttl01 > span.text {
	font-size: 12px;
	font-weight: bold;
/* 	color: #fff;
	line-height: 1; */
}
.section_ttl01 > a.link_type_num {
	display: flex;
	align-items: flex-end;
	color: #fff;
	line-height: 1;
	text-decoration: none;
	border: 2px solid #fff;
	border-radius: .3em;
	padding: .2em .3em;
}
.section_ttl01 > a.link_type_num > span {
	display: block;
	color: #fff!important;
	line-height: 1;
}
.section_ttl01 > a.link_type_num > span.num {
	font-size: 1.2em;
}
.section_ttl01 > a.link_type_num > span.text {
	font-size: .8em;
	padding-left: .2em;
}
.section_ttl01 > a.link_type_list {
	display: flex;
	align-items: center;
	color: #fff;
	line-height: 1;
	text-decoration: none;
}
.section_ttl01 > a.link_type_list > span {
	display: block;
	line-height: 1;
}
.section_ttl01 > a.link_type_list > span.arr {
	font-size: 1.5em;
}
.section_ttl01 > a.link_type_list > span.text {
	font-size: .8em;
	font-weight: bold;
	margin-left: .2em;
}

/* 今すぐあなたに会いたい */
#area_now .section_ttl01 > span.text {
	display: block;
	background: url(../new_images/ttl01.png) no-repeat center left;
	background-size: contain;
}
/* グループランキング */
#area_ranking .section_ttl01 > span.text {
	background: url(../new_images/ttl02.png) no-repeat center left;
	background-size: contain;
}
/* スタンバイ情報 */
#area_attendance .section_ttl01 > span.text {
	background: url(../new_images/ttl03.png) no-repeat center left;
	background-size: contain;
}
/* 会員様限定リアル写メ日記♡ */
#area_realDiary .section_ttl01 > span.text {
	background: url(../new_images/ttl04.png) no-repeat center left;
	background-size: contain;
}
/* 新着 NEWS */
#area_news .section_ttl01 > span.text {
	background: url(../new_images/ttl05.png) no-repeat center left;
	background-size: contain;
}
/* 取れたて新人情報！ */
#area_newFace .section_ttl01 > span.text {
	background: url(../new_images/ttl06.png) no-repeat center left;
	background-size: contain;
}
/* グローアップグループ店舗案内 */
// #area_storeInfo .section_ttl01 > span.text {
	/* background: url(../new_images/ttl07.png) no-repeat center left; */
	/* ↑グループロゴを非表示 */
	/*background-size: contain;*/
}

#area_storeInfo h2 {
	margin-bottom: 15px;
}




/* area_now */
/*------------------------------------------------------------------------------*/
#area_now .area_main {
	padding: 4% 2%;
}
#area_now li.slideBox {
	color: #231815;
}
#area_now li.slideBox div.nameBox {
	text-align: center;
	margin-bottom: 2%;
}
#area_now li.slideBox div.nameBox a span {
	font-size: 1.2em;
	font-weight: bold;
	color: #e50056;
	line-height: 1.2;
	text-align: center;
}
#area_now li.slideBox div.ageBox {
	text-align: center;
	margin-bottom: 2%;
}
#area_now li.slideBox div.sizeBox {
	text-align: center;
	margin-bottom: 6%;
}
#area_now li.slideBox div.storeBox {
	text-align: center;
	margin-bottom: 4%;
}
#area_now li.slideBox div.storeBox a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
#area_now li.slideBox div.storeBox a img {
	max-width: 100%;
	max-height: 100%;
}



/* area_ranking */
/*------------------------------------------------------------------------------*/
#area_ranking .rank_top3 {
	/*border-bottom: 1px solid #252424;*/
	padding: 3% 2% 4% 2%;
}
#area_ranking .rank_top3 ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#area_ranking .rank_top3 li {
	width: 32%;
}
#area_ranking .rank_top3 li .rank_img {
	text-align: center;
	padding-bottom: 3%;
}
#area_ranking .rank_top3 li .rank_img img {
	width: 30%;
	height: auto;
}
#area_ranking .rank_top3 li .girl_img {
	/*	background-color: #eee;*/
	margin-bottom: 4%;
}
#area_ranking .rank_top3 li .girl_img a {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 133.33%;
	overflow: hidden;
	position: relative;
}
#area_ranking .rank_top3 li .girl_img img {
	max-width: 100%;
	/*max-height: 100%;*/
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
#area_ranking .rank_top3 li .name {
	text-align: center;
	margin-bottom: 2%;
}
#area_ranking .rank_top3 li .name a {
	font-size: 1.2em;
	font-weight: bold;
	color: #e50056;
	line-height: 1.2;
	text-align: center;
}
#area_ranking .rank_top3 li .age {
	font-size: 1.1em;
	text-align: center;
	margin-bottom: 2%;
}
#area_ranking .rank_top3 li .size {
	font-size: 1.1em;
	text-align: center;
	margin-bottom: 4%;
}
#area_ranking .rank_top3 li .store {
	text-align: center;
}
#area_ranking .rank_top3 li .store a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
#area_ranking .rank_top3 li .store a img {
	max-width: 100%;
	max-height: 100%;
}

#area_ranking .rank_under.hidden {
	display: none;
}
#area_ranking .rank_under li {
	display: table;
	width: 100%;
	border-top: 1px solid #252424;
	padding: 3% 0;
}
#area_ranking .rank_under li+li {
	/*border-top: 1px solid #252424;*/
}
#area_ranking .rank_under li > div {
	display: table-cell;
	vertical-align: middle;
}
#area_ranking .rank_under li .rank_img {
	width: 20%;
	text-align: center;
}
#area_ranking .rank_under li .rank_img img {
	max-width: 48%;
	height: auto;
}
#area_ranking .rank_under li .girl_img {
	width: 16%;
}
#area_ranking .rank_under li .girl_img a {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 133.33%;
	overflow: hidden;
	position: relative;
}
#area_ranking .rank_under li .girl_img img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}
#area_ranking .rank_under li .text_box {
	padding: 0 2% 0 4%;
}
#area_ranking .rank_under li .text_box .name_age {
	display: flex;
	align-items: center;
	font-size: 1.2em;
}
#area_ranking .rank_under li .text_box .name_age .name a {
	font-weight: bold;
	color: #e50056;
	line-height: 1.2;
	text-align: center;
}
#area_ranking .rank_under li .text_box .name_age .age {
	padding-left: .5em;
}
#area_ranking .rank_under li .text_box .state {
	display: flex;
	align-items: center;
	font-size: 1.1em;
	margin-bottom: .5em;
}
#area_ranking .rank_under li .text_box .state > span+span {
	padding-left: .5em;
}
#area_ranking .rank_under li .store {
	width: 53%;
}
#area_ranking .rank_under li .store a {
	display: block;
}
#area_ranking .rank_under li .store a img {
	width: auto;
	max-height: 100%;
}

#area_ranking .under_open {
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 1px solid #252424;
	padding: 4.5% 0;
}
#area_ranking .under_open span {
	line-height: 1;
}
#area_ranking .under_open span.arr {
	width: 4%;
}
#area_ranking .under_open span.text {
	font-size: 1.3em;
	padding-left: .5em;
}

#area_ranking .under_open.open span.arr,
#area_ranking .under_open.open span.text {
	display: none;
}

#area_ranking .under_open.open span.close {
	width: 30px;
	padding-top: 8%;
	position: relative;
}
#area_ranking .under_open.open span.close > span.bar {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #252424;
	position: absolute;
	top: 50%;
	left: 0;
}
#area_ranking .under_open.open span.close > span.bar:nth-of-type(1) {
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}
#area_ranking .under_open.open span.close > span.bar:nth-of-type(2) {
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
}

div#footer__text__area p a {
    color: #231815;
}

/* area_attendance */
/*------------------------------------------------------------------------------*/
#area_attendance .area_main {
	padding: 4% 2%;
}
#area_attendance li.slideBox {
	color: #231815;
}
#area_attendance li.slideBox div.catch {
	font-size: .9em;
	text-align: center;
	margin: 0;
	padding: .5em 0;
}
#area_attendance li.slideBox div.nameBox {
	text-align: center;
	margin-bottom: 2%;
}
#area_attendance li.slideBox div.nameBox a span {
	font-size: 1.2em;
	font-weight: bold;
	color: #e50056;
	line-height: 1.2;
	text-align: center;
}
#area_attendance li.slideBox div.ageBox {
	text-align: center;
	margin-bottom: 2%;
}
#area_attendance li.slideBox div.sizeBox {
	text-align: center;
	margin-bottom: 6%;
}
#area_attendance li.slideBox div.storeBox {
	text-align: center;
	margin-bottom: 6%;
}
#area_attendance li.slideBox div.storeBox a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
#area_attendance li.slideBox div.storeBox a img {
	width: auto;
	max-height: 100%;
}
#area_attendance li.slideBox div.stateTitle {
	font-size: 1.2em;
	font-weight: bold;
	color: #231815;
	background-color: #cfd0d2;
	margin: 0;
	padding: .2em 0;
}
#area_attendance li.slideBox div.stateTitle {
	font-size: 1.2em;
	font-weight: bold;
	color: #231815;
	background-color: #cfd0d2;
	margin: 0;
	padding: .2em 0;
}
#area_attendance li.slideBox div.stateTitle {
	margin-bottom: 3%;
}
#area_attendance li.slideBox div.stateTime li {
	font-size: 1.1em;
	font-weight: bold;
}
#area_attendance li.slideBox .stateText {
	display: flex;
	flex-wrap: wrap;
	min-height: 4em;
	font-weight: bold;
	color: #231815;
	background: none;
	background-color: #e50056;
	border-radius: 0!important;
	margin: 0;
}
#area_attendance li.slideBox .stateText > p {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 1.8em;
	font-size: 1.1em;
	line-height: 1.2;
	padding: .1em .2em;
}
#area_attendance li.slideBox .stateText > p.now {
	color: #252424;
	background-color: #f2c01f;
}
#area_attendance li.slideBox .stateText > p.remaining {
	color: #fff;
	background-color: #e50056;
}



/* area_realDiary */
/*------------------------------------------------------------------------------*/
#area_realDiary .area_main {
	padding: 4% 2%;
}
#area_realDiary li.slideBox {
	color: #231815;
}
#area_realDiary li.slideBox div.imgBox {
	margin-bottom: 5%;
}
#area_realDiary li.slideBox div.timeBox {
	text-align: center;
	margin-bottom: 3%;
}
#area_realDiary li.slideBox div.titleBox a {
	font-size: 1.1em;
	font-weight: bold;
	color: #e50056;
	line-height: 1.2;
	text-align: center;
}
#area_realDiary li.slideBox div.nameBox {
	text-align: center;
	margin-bottom: 2%;
}
#area_realDiary li.slideBox div.nameBox a span {
	font-size: 1.1em;
	font-weight: bold;
	color: #e50056;
	line-height: 1.2;
	text-align: center;
}
#area_realDiary li.slideBox div.storeBox {
	text-align: center;
}
#area_realDiary li.slideBox div.storeBox a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
#area_realDiary li.slideBox div.storeBox a img {
	width: auto;
	max-height: 100%;
}



/* area_news */
/*------------------------------------------------------------------------------*/
#area_news li {
	font-size: 1em;
	line-height: 1.2;
	border-bottom: none;
	padding: 4% 2%;
}
#area_news li+li {
	border-top: 1px solid #252424;
}
#area_news li .infoArea a {
	font-size: 1em;
	color: #e50056;
	outline: none;
}
#area_news li .titleBoxArea span {
	display: inline-block;
	font-size: 1em;
	color: #e50056;
	text-decoration: underline;
}
#area_news li .contentsArea {
	display: none;
	background-color: #f6f6f6;
	margin-top: 3%;
	padding: 3% 2%;
}



/* area_newFace */
/*------------------------------------------------------------------------------*/
#area_newFace .area_main {
	padding: 4% 2%;
}
#area_newFace li.slideBox {
	color: #231815;
}
#area_newFace li.slideBox div.nameBox {
	text-align: center;
	margin-bottom: 2%;
}
#area_newFace li.slideBox div.nameBox a span {
	font-size: 1.2em;
	font-weight: bold;
	color: #e50056;
	line-height: 1.2;
	text-align: center;
}
#area_newFace li.slideBox div.ageBox {
	text-align: center;
	margin-bottom: 2%;
}
#area_newFace li.slideBox div.sizeBox {
	text-align: center;
	margin-bottom: 6%;
}
#area_newFace li.slideBox div.storeBox {
	text-align: center;
	margin-bottom: 4%;
}
#area_newFace li.slideBox div.storeBox a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
#area_newFace li.slideBox div.storeBox a img {
	max-width: 100%;
	max-height: 100%;
}



/* store__list__main */
/*------------------------------------------------------------------------------*/
#store__list__main {
	/*background-color: #ff0;*/
}
#store__list__main > .store__list__box+.store__list__box {
	border-top: 1px solid #252424;
}
#store__list__main > .store__list__box > .store_logo {
	height: 60px;
	background-color: #f5f5f9;
	position: relative;
}
#store__list__main > .store__list__box > .store_logo > span {
	display: block;
}
#store__list__main > .store__list__box > .store_logo > span.img {
	height: 100%;
	text-align: center;
	padding: 2.2% 0;
}
#store__list__main > .store__list__box > .store_logo > span.img img {
	width: auto!important;
	height: 100%!important;
}
#store__list__main > .store__list__box > .store_logo > span.arr {
	width: 17px;
	position: absolute;
	top: 50%;
	right: 5%;
	-webkit-transform: translateY(-50%) translateX(0%);
	transform: translateY(-50%) translateX(0%);
	transition: all .1s;
}
#store__list__main > .store__list__box > .store_logo.open > span.arr {
	transform: translateY(-50%) rotate(180deg);
}
#store__list__main > .store__list__box > .store_logo > span.arr img {
	width: 100%;
	height: auto;
}
#store__list__main > .store__list__box > .store_name_list {
	display: none;
	padding: 4% 3%;
}
#store__list__main > .store__list__box > .store_name_list li:before {
	content: ">";
	display: inline-block;
	padding-right: .5em;
}
#store__list__main > .store__list__box > .store_name_list li+li {
	margin-top: .5em;
}
#store__list__main > .store__list__box > .store_name_list a {
	font-size: 1.3em;
	font-weight: bold;
	color: #7f7f7f;
}





.noLink {
	pointer-events: none;
}

p.picon {
    position: absolute;
    width: 30%;
    bottom: 5px;
    left: 5px;
	cursor: pointer;
}
.gift_box {
	display:none;
}
.gift_box.active {
	display:block;
}
ul.gu_carousel_Movie li div.imgBox a span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/btn_play_movie.png) no-repeat center center;
    background-size: 50px 50px;
}
.imgBox.img0001 {
    position: relative;
}


/* 機能紹介 */
#introduction ul.intro_list {
    width: 96%;
    margin: 0 auto;
	margin-top: 6px;
}

#introduction ul.intro_list li {
    border-top: 2px solid #adadad;
	text-align: center;
}

#introduction ul.intro_list li:last-child {
    border-bottom: 2px solid #adadad;
}

#introduction ul.intro_list li a {
    display: block;
    padding: 4.6% 0;
    text-decoration: none;
    color: #444444;
    font-size: 12px;
    font-weight: bold;
    background: #ffffff url(../images/arr_acd05.jpg) no-repeat 96% center;
    background-size: 12px;
}