@charset "UTF-8";
/*\*/

/* ------------------------------------
 * OVERRIDE
 * ------------------------------------ */

article {
	overflow: hidden;
	margin-bottom: 0;
}

article section {
	margin-bottom: 8%;
}

/* HEADING */

#cpHeader h1 {
	border-bottom: solid 1px #03effe;
}

/* ------------------------------------
 * HOME
 * ------------------------------------ */

/* MEMBER NAV */

.memberNav {
	margin: 3% 1%;
}

.memberNav ul {
	max-width: 682px;
	margin: 0 auto;
}

#nonmemberNav li {
	float: left;
	width: 50%;
}

.memberNav a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	line-height: 0;
	margin: 0 auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
#nonmemberNav a {
	width: 96%;
	max-width: 341px;
	padding-top: 28.152%;
}
#nonmemberNav .register a {
	background-image: url(../img/home/btn_register.png);
}
#nonmemberNav .login a {
	background-image: url(../img/home/btn_login.png);
}
#memberNav a {
	width: 98%;
	max-width: 682px;
	padding-top: 14.369%;
	background-image: url(../img/home/btn_myroom.png);
}

/* MAIN VISUAL */

#mainVisual {
	position: relative;
	margin-top: 3%;
}
#mainVisual::before {
	position: absolute;
	content: "";
	display: block;
	background: url(../img/base/spacer.gif) no-repeat;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}

#mainVisual img {
	width: 100%;
}
/*#mainVisual img.protect {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}*/

@media (min-width: 768px) {
	#mainVisual {
		margin-top: 2%;
	}
}

/* SLIDE BNR */

#slideBnr {
	margin: 4% 0 6%;
	padding: 4.5% 0 0;
	background: url(../img/home/bg_topicsbnr.png) no-repeat center top;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
}

#slideBnr .slideBox {
	padding: 4% 0 9%;
	border-top: solid 1px #03effe;
	border-bottom: solid 1px #03effe;
}

#slideBnr .slick-slide {
	padding: 0 0.45%;
}

.slick-slider img {
	width: 100%;
}


/* TOPIC BNR */

#topicBnr .bnrBlock {
	margin: 5% 3%;
}

.topicBnr .bnrBlock {
	margin: 5% 3%;
}

.topicBnr + .topicBnr {
	border-top: solid 1px #03effe;
}

/* INFO LINK */

.infoLink {
	margin: 5% 3%;
}

.infoLink a {
	display: block;
	padding: 0.6em;
	border: solid 1px #028b93;
	background-color: #000;
	font-weight: bold;
}

/* GALLERY */

.galleryBox {
	position: relative;
	margin-bottom: 3%;
	padding: 0 2%;
}

.galleryBox .item a {
	display: block;
	position: relative;
	padding: 3px;
	margin: 4%;
	border: solid 1px #028f98;
}

.gallery-item .item a::before,
.gallery-item .item a::after,
.gallery-item .item a .item-wrap::before,
.gallery-item .item a .item-wrap::after {
	position: absolute;
	display: block;
	content: "";
	width: 18px;
	height: 18px;
}
.gallery-item .item a::before {
	top: -1px;
	left: -1px;
	border-top: solid 1px #03effe;
	border-left: solid 1px #03effe;
}
.gallery-item .item a::after {
	top: -1px;
	right: -1px;
	border-top: solid 1px #03effe;
	border-right: solid 1px #03effe;
}
.gallery-item .item a .item-wrap::before {
	bottom: -1px;
	left: -1px;
	border-bottom: solid 1px #03effe;
	border-left: solid 1px #03effe;
}
.gallery-item .item a .item-wrap::after {
	bottom: -1px;
	right: -1px;
	border-bottom: solid 1px #03effe;
	border-right: solid 1px #03effe;
}

.gallery-item .item a img {
	display: block;
	width: 100%;
}

.gallery-item .item a em.new {
	display: block;
	position: absolute;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	line-height: 0;
	top: -1px;
	left: -1px;
	width: 70%;
	padding-top: 23%;
	background: url(../img/parts/icon_new.png) no-repeat left top;
	background-size: contain;
}

.gallery-item .slick-prev:before,
.gallery-item .slick-next:before {
    font-size: 0;
}

.gallery-item .slick-prev,
.gallery-item .slick-next,
.gallery-item .slick-prev:hover,
.gallery-item .slick-prev:focus,
.gallery-item .slick-next:hover,
.gallery-item .slick-next:focus {
    display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	line-height: 0;
	width: 7%;
	padding-top: 16%;
	border: solid 1px #03effe;
	background-size: 40% auto;
	-webkit-background-size: 40% auto;
	-moz-background-size: 40% auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: rgba(0,0,0,0.66);
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.2);
    font-size: 0;
}

.gallery-item .slick-prev,
.gallery-item .slick-prev:hover,
.gallery-item .slick-prev:focus {
    left: -3%;
	z-index: 1;
	background-image: url(../img/parts/slick_arrow_left.png);
}
.gallery-item .slick-prev:before {
    content: '';
	display: none;
}

.gallery-item .slick-next,
.gallery-item .slick-next:hover,
.gallery-item .slick-next:focus {
    right: -3%;
	background-image: url(../img/parts/slick_arrow_right.png);
}

.gallery-item .slick-next:before {
    content: '';
	display: none;	
}


/*--- MYPAGE登録誘導------------------*/

#fav_popup{
position:absolute;
top:50px;
right:28%;
-webkit-animation: flicker 2.0s ease 0s infinite alternate;
-moz-animation: flicker 2.0s ease 0s infinite alternate;
animation: flicker 2.0s ease 0s infinite alternate;
z-index:999;
}

@-moz-keyframes flicker {
	0% {opacity:0.5;}
	100% {opacity:1;}
}

@-webkit-keyframes flicker {
  0% {opacity:0.5;}
  100% {opacity:1;}
}

@keyframes flicker {
  0% {opacity:0.5;}
  100% {opacity:1;}
}


/* GCM */

#gcm {
	margin: 20px 2% 0;
}

#gcm li {
	float: left;
	width: 50%;
}
#gcm li.w100 {
	width: 100%;
}

#gcm li a {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	line-height: 0;
	height: 46px;
	margin: 0 6px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 127px 30px;
	-webkit-background-size: 127px 30px;
	-moz-background-size: 127px 30px;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
#gcm li.app a { background-image: url(../img/common/btn_app.png); }
#gcm li.push a { background-image: url(../img/common/btn_push.png); }

#gcm p {
	padding: 10px 8px 0;
	font-size: 93%;
}

/* マイページ登録バナー */

#cpHeader + .mypageBnr {
	margin-top: 0;
}

/* SNS AREA */

.mypagecp_nomember + #snsArea,
.mypageBnr + #snsArea {
	margin-top: -12px;
}

/* ショートカット */

.shortcut + section {
	margin-top: 8%;
}

/* ------------------------------------
 * clearfix
 * ------------------------------------ */

.memberNav ul:after,
#gcm ul:after {
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0.1em;
    content: ".";
    visibility: hidden;
}