/* -----------------------------------------------------------
    トップページ
-------------------------------------------------------------- */

#top {
}


/*  メインビジュアル
-------------------------------- */
#top .main_visual_area {
	width: 100%;
	display:block;
    margin: 0;
    padding: 0 0 0 0;
    box-sizing:border-box;
	/*background:url(../img/main_visual01_pc.jpg) no-repeat;
	background-size: 100%;*/
	/*
	background: #000;
	background:url(../img/topmv_layer.png) repeat left top;
	background-color: rgba(0,0,0,0.3);
	*/
	background: #000;
	position: relative;
	top: 100px;
	vertical-align:top;
}


/*
#top_mv {
    width: 100%;
    overflow: hidden;
	height:750px;
}

#player {
    position: relative;
    z-index: 0;
}
#player_cover {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
}
#loader {
	background:url(../img/load.gif) no-repeat center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
*/


#top .main_visual_area .header_img{
	position: relative;
	overflow: hidden;
}

#top .main_visual_area .header_img img{
	display: block;
	width: 100%;
	height: auto;
}

#top .main_visual_area .header_img video,
#top .main_visual_area #video_1{
	display: block;
	height: 100%;
}

@media screen and (max-width:1200px){
	#top .main_visual_area .header_img video,
	#top .main_visual_area #video_1{
		margin-top: 0;
		margin-bottom: 0;
	}
}

#top .main_visual_area .html5-video-container{
}

#top .main_visual_area .header_img p{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
}

#top .main_visual_area .youtube_bg{
	position: relative;
	margin-top: 0;
	margin-bottom: 30px;
	padding: 0 0 45%;
	overflow: hidden;
	z-index: 0;
}

#top .main_visual_area .youtube_bg:hover{
}

#top .main_visual_area .youtube_bg iframe{
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

#top .main_visual_area .mask{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right:0;
	width: 100%;
	height: 100%;
	background:url(../img/mask.png) repeat;
	z-index: 1;
}

#top .main_visual_area .vp-player-inner .vp-controls button{
	display: none !important;
	position: absolute !important;
	z-index: -1 !important;
}
.player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .play, .player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .play-bar, .player.no-playbar:not(.mobile):not(.player-outroVisible) .vp-controls .replay{
	display: none !important;
	position: absolute !important;
	z-index: -1 !important;
}

#top .main_visual_area canvas {
    width: 100%;
    height: 200px;
    vertical-align: top;
	position: absolute;
	bottom: -1px;
	z-index: 2;
	/*opacity: .6;*/
}

#top .wave_area{
	display: none;
}

/*
video{
	 width:100%;
     height:auto;
	 position:relative;
     top: 0;
     left: 0;
     right:0;
     bottom:0;
     z-index:-1;
	 vertical-align:top;
}
*/


@media (max-width: 1200px) {
	
	#top .main_visual_area .youtube_bg{
		padding: 0 0 50%;
	}
	
	#top .main_visual_area canvas {
		height: 220px;
	}

}




@media screen and (max-width:667px){

	#top .main_visual_area {
		height: 290px;
		margin: 0;
		top: 100px;
		/*
		top: 126px;
		*/
		background:url(../img/main_visual04_sp.jpg) no-repeat;
		background-size: 100%;
		z-index: -1;
		position: relative;
	}
	
	#top_mv {
		display: none;
	}
	#top .main_visual_area .header_img{
		display: none;
	}


	#top .main_visual_area canvas {
		display: none;
	}

	#top .wave_area{
		width: 100%;
		height: 5vh;
		overflow: hidden;

		background:url(../img/wave_sp.png) repeat-x top;
		background-size: 507px;
		-webkit-animation:bgscroll 40s linear infinite;
		animation:bgscroll 40s linear infinite;

		display: block;
		position: absolute;
		bottom: 0;
	}
	@-webkit-keyframes bgscroll {
		0% {background-position:center top;}
		100% {background-position:3000px top;}
	}

	@keyframes bgscroll {
		0% {background-position:center top;}
		100% {background-position:3000px top;}
	}

	video{
		display: none;
	}

}

@media screen and (max-width:480px){

	#top .wave_area{
		height: 10vh;
		bottom: 0vh;
	}

}

@media screen and (max-width:320px){

	#top .wave_area{
		height: 10vh;
		bottom: 7vh;
	}

}



/*== main visual 静止画 ==*/

#top .main_visual{
    width: 100%;
    height: 750px;
    padding: 100px 0 0;
    overflow: hidden;
}

#top .main_visual .in{
    width: 100%;
    height: 650px;
	display:block;
	/*
	background: url(../img/main_img09_2.jpg) #1C0F61 center top no-repeat;
	*/
	/*
	background-size:cover;
	*/
	
	/*
	animation-duration:6s;
	-webkit-animation-duration:6s;
	-moz-animation-duration:6s;
	-ms-animation-duration:6s;
	-o-animation-duration:6s;
	animation-name:slide_anime;
	-webkit-animation-name:slide_anime;
	-moz-animation-name:slide_anime;
	-ms-animation-name:slide_anime;
	-o-animation-name:slide_anime;
	*/
}
/*
@keyframes slide_anime{
	0%{
		-webkit-transform:scale(1.1,1.1);
		-moz-transform:scale(1.1,1.1);
		-ms-transform:scale(1.1,1.1);
		-o-transform:scale(1.1,1.1);
	}
	100%{
		-webkit-transform:scale(1.0,1.0);
		-moz-transform:scale(1.0,1.0);
		-ms-transform:scale(1.0,1.0);
		-o-transform:scale(1.0,1.0);
	}
}
*/


#top .main_visual .in{
	text-align: center;
}

#top .main_visual a.bg_link{
	display: block;
	width: 100%;
	height: 100%;
}



#top .main_visual.image-type,
#top .main_visual.image-type .in{
    height: auto;
	background: none;
}
#top .main_visual .in.col2{
	display: flex;
	justify-content: center;
	max-width: 1600px;
	margin: 0 auto;
}
#top .main_visual a.bg_link_l,
#top .main_visual a.bg_link_r{
	display: block;
	width: 50%;
	height: 100%;
}
#top .main_visual img,
#top .main_visual a.bg_link_l img,
#top .main_visual a.bg_link_r img{
	width: 100%;
	vertical-align: bottom;
}
#top .main_visual img{
	max-width: 1700px;
	margin: 0 auto;
}

@media screen and (max-width: 667px){

    #top .main_visual{
		height: auto;
		margin: 0;
		padding: 100px 0 0;
		text-align: center;
	}

	#top .main_visual .in{
		height: auto;
		background: none;
	}
	
	#top .main_visual .in img{
		width: 100%;
	}

	#top .main_visual .in.col2.wide{
		display: block;
		max-width: 100%;
	}
	
	#top .main_visual a.bg_link_l,
	#top .main_visual a.bg_link_r{
		width: 100%;
	}
	
	#top .main_visual a.bg_link_l{
		margin: 0 auto 20px;
	}
	
}


/*  Chageへの質問募集中♪
-------------------------------- */

@media screen and (max-width:667px){

	#top .chage_question_area{
		margin: -2vh 0 0 0;
	}

}

@media screen and (max-width:320px){

	#top .chage_question_area{
		margin: -7.5vh 0 0 0;
	}

}




/*  アンケート募集中
-------------------------------- */

#top .questionnaire{
	/* waveあり
	margin: 100px 0 0 0;
	*/
	margin: 0 0 0;
	background: #fff;
}

#top .sponsor_bn{
	border: #000 solid 2px;
	text-align: center;
	padding: 20px 0;
}
#top .sponsor_bn img{
	width: 320px;
}


#top .xmas_bn_area{
	position: relative;
	text-align: center;
	margin: 30px 0;
}
#top .xmas_bn_area .btn01,
#top .xmas_bn_area .btn02,
#top .xmas_bn_area .btn03{
    position: absolute;
    top: 325px;
}
#top .xmas_bn_area .btn01{
	left: 86px;
}
#top .xmas_bn_area .btn02{
	left: 408px;
}
#top .xmas_bn_area .btn03{
	right: 90px;
}

#top .fan_bn_area{
	padding: 50px 0 0;
}


@media screen and (max-width:667px){

	#top .questionnaire{
		background:url(../img/flower_bg_sp.png) no-repeat bottom center;
		background-size: 260px auto;
		/*margin: 1em 15px 0 15px;*/
		/*margin: 70px 15px 0 15px;*/
		
		/*
		margin: 100px 15px 0 15px;
		*/
		margin: 20px 15px 0 15px;
		padding: 0 0 50px 0;
		text-align: center;
	}
	
	#top .xmas_bn_area{
		position: inherit;
		text-align: center;
		/*background: url(../img/xmas2019_bn2_bg.jpg) no-repeat center;
		background-size: 100% auto;*/
        background: #d9ccca;
		padding: 0 0 20px;
		margin: 10px 0;
	}
	#top .xmas_bn_area .xmas_mv img{
		width: 100%;
		/*max-width: 480px;*/
		height: auto;
		vertical-align: bottom;
	}
    #top .xmas_bn_area .btn01,
    #top .xmas_bn_area .btn02,
    #top .xmas_bn_area .btn03{
        position: inherit;
		left: 0;
		top: 0;
        right: 0;
    }
	#top .xmas_bn_area .btn01{
		margin: 0 20px;
	}
	#top .xmas_bn_area .btn02,
    #top .xmas_bn_area .btn03{
		margin: 5px 20px 0;
	}

	
	#top .sponsor_bn{
		padding: 20px 0 0 0;
	}
	#top .sponsor_bn img{
		width: 100%;
		max-width: 280px;
		height: auto;
	}

	#top .fan_bn_area{
		padding: 30px 0 0;
	}

}



/*  申込み
-------------------------------- */

#top .event-entry-area{
	text-align: center;
	padding: 50px 0 10px;
}
#top .event-entry-area .catch{
	font-size: 2.4rem;
	font-weight: bold;
	margin: 0 0 15px 0;
	line-height: 1.5;
}
#top .event-entry-area input[type="submit"]{
    display: block;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    letter-spacing: 0.05em;
    margin: 0 auto;
    transition: 0.5s;
    border: none;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    color: #FFF;
    font-size: 2rem;
    font-weight: bold;
    width: 400px;
    padding: 20px 0;
	/*
    border-radius: 35px;
	*/
    text-align: center;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .2);
	background: #FF5581;
}

@media screen and (max-width:667px){

	#top .event-entry-area{
		padding: 30px 20px 20px;
	}
	#top .event-entry-area .catch{
		font-size: 2rem;
		margin: 0 0 15px 0;
	}
	#top .event-entry-area input[type="submit"]{
		width: 100%;
		font-size: 1.8rem;
		padding: 18px 0;
	}
	
}



/*  "Chageへの質問募集中♪"削除によるinfo上の飾り調整
----------------------------------------------- */

/*@media screen and (max-width:480px){

	#top .questionnaire{
		margin: 45px 15px 0 15px;
	}
}

@media screen and (max-width:320px){

	#top .questionnaire{
		margin: 0 15px 0 15px;
	}

}*/




/*  インフォメーション
-------------------------------- */

#top .info{
	background: #fff;
}

#top .inf_box_area{
	padding:20px 0 50px 0;
}

#top .info_morebtn{
	text-align:center;
	padding:70px 0 40px 0;
}

#top .info_morebtn a{
	display:block;
	width: 250px;
	font-weight: bold;
	background: url(../img/icon_arrow01.png) no-repeat 20% 49% #6699CC;
	background-size: 11px 11px;
	text-align:center;
	padding: 14px 15px 14px 40px;
	color:#FFF;
	text-align:center;
	margin:0 auto;
	border: 1px solid #6699CC;
	-webkit-box-shadow: 5px 5px 0px 0px rgba(163,193,224,1);
	-moz-box-shadow: 5px 5px 0px 0px rgba(163,193,224,1);
	box-shadow: 5px 5px 0px 0px rgba(163,193,224,1);
}
#top .info_morebtn a:hover{
	background: url(../img/icon_arrow01.png) no-repeat 20% 49% #527ACD;
	background-size: 11px 11px;
	-webkit-box-shadow: 5px 5px 0px 0px #6699CC;
	-moz-box-shadow: 5px 5px 0px 0px #6699CC;
	box-shadow: 5px 5px 0px 0px #6699CC;
}


@media screen and (max-width:667px){
	
	#top .info_morebtn{
		text-align:center;
		padding:30px 0 30px 0;
	}

}


#top .info .chage_btn a{
	width: 250px;
	font-weight: bold;
	background: url(../img/icon_arrow01.png) no-repeat 20% 49% #6699CC;
	background-size: 11px 11px;
	margin: 60px auto 40px auto;
	text-align:center;
	padding: 20px 15px 20px 40px;
}
#top .info .chage_btn a:hover{
	background: url(../img/icon_arrow01.png) no-repeat 20% 49% #527ACD;
	background-size: 11px 11px;
	-webkit-box-shadow: 5px 5px 0px 0px #6699CC;
	-moz-box-shadow: 5px 5px 0px 0px #6699CC;
	box-shadow: 5px 5px 0px 0px #6699CC;
}


#top .inf_title_area{
	text-align: center;
	padding: 20px 0 20px 0;
	background:url(../img/flower_bg_pc.png) no-repeat center top 40px;
}
#top .inf_title{
	color: #221F1F;
	font-size: 4.2rem;
    font-family:'nexa-rust';
	margin: 50px 0 0 0;
}
#top .inf_title img{
	padding: 0 11px 0 0;
}





/*  -- 記事 --  */
#top .slider {
	margin: 0 auto;
	width:1080px;
	/*
	width:90%;
	*/
}

#top .slick-slide {
  margin: 0px 0;
}

#top .slick-slide img {
	/*
  width: 100%;
  */
}

#top .slick-prev:before,
#top .slick-next:before {
	color: black;
}
	
#top .inf_box{
	width: 330px;
	position: relative;
	float: left;
	margin: 40px 15px 20px 15px;
}


#top .inf_box a{
	display: block;
	background:url(../img/bg02_pc.jpg);
	padding: 0 0 0 0;
}
#top .new_icon{
	position: absolute;
	left: -4px;
	margin: -4px 0 0 0;
	z-index:10;
}

#top .inf_photo{
	text-align:center;
	background:#FFF;
	height:215px;
}

#top .inf_photo img{
	margin:0 auto;
	max-width:330px;
	max-height:215px;
}


#top .inf_dc{
	margin: 25px 0 15px 0;
	padding: 0 20px;
}
#top .date{
	font-size: 1.4rem;
	font-family: 'Roboto Condensed', sans-serif;
	float: left;
	margin: 0 15px 0 0;
	color: #3F3D39;
}

#top .inf_txt{
	line-height: 1.8em;
	padding: 0 20px 25px 20px;
}


/*  -- カテゴリ --  */
#top .category{
	font-size: 1.4rem;
	font-family: 'Roboto Condensed-Bold', sans-serif;
	letter-spacing: 0.08em;
	margin: 0 10px 0 0;
	float: left;
}
#top .category span{
	color: #fff;
	padding: 3px 20px;
	border-radius: 15px;
}
#top .category .news{
	background: #A0C532;
}
#top .category .media{
	background: #5DBA77;
}
#top .category .release{
	background: #F1939C;
}
#top .category .live{
	background: #68C2CC;
}




/*  -- 会員限定アイコン --  */
#top .memberonly{
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: 0.08em;
}
#top .memberonly span{
	color: #fff;
	padding: 2px 13px;
	border-radius: 15px;
	background: #E53C3D;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}




/*  -- ページング --  */
#top .page{
	margin: 0 auto;
}

@media screen and (max-width:667px){
	
	#top .inf_title_area{
		text-align: center;
		padding: 0;
		background:none;
	}
	#top .inf_title{
		margin: 0 0 0 0;
		text-align:center;
	}
	#top .inf_title img{
		padding: 0 11px 0 0;
		width:260px;
	}


	#top .inf_box_area{
		padding:20px 0 30px 0;
	}
	

	#top .slider {
		margin: 0 auto;
		width:auto;
		/*
		width:90%;
		*/
	}
	
	#top .slick-slide {
	  margin: 0px 0;
	}
	
	#top .slick-slide img {
		/*
	  width: 100%;
	  */
	}
	
	#top .slick-prev:before,
	#top .slick-next:before {
		color: black;
	}


	#top .inf_list_area{
		width: 100%;
		margin: 0 auto;
	}



	/*  -- 記事 --  */
	#top .inf_box{
		
		width: auto;
		position: relative;
		float: left;
		margin: 0 15px 20px 15px;
	}
	#top .inf_box a{
		background: #FFF;
	}
	#top .new_icon{
		position: absolute;
		left: -4px;
		margin: -4px 0 0 0;
	}

	#top .inf_photo{
		text-align:center;
		
		overflow: hidden;
		width:100%;
		max-height:inherit;
		height:190px;
		margin:4px 0 0 0;
	}
	
	#top .inf_photo img{
		width:100%;
		max-width:480px;
		max-height:inherit;
		height:auto;
		overflow: hidden;
	}

	#top .inf_dc{
		margin: 10px 0 0 0;
		padding: 0 0;
	}
	#top .date{
		font-size: 1.6rem;
		font-family: 'Roboto Condensed', sans-serif;
		float: left;
		margin: 0 10px 0 0;
		padding: 0 10px 0 10px;
	}

	#top .inf_txt{
		font-size: 1.5rem;
		line-height: 1.8em;
		padding: 0 10px 10px 10px;
	}


	/*  -- カテゴリ --  */
	#top .category{
		font-size: 1.2rem;
		font-family: 'Roboto Condensed-Bold', sans-serif;
		letter-spacing: 0.08em;
		margin: 2px 10px 0 0;
	}
	#top .category span{
		color: #fff;
		padding: 4px 15px;
		border-radius: 15px;
	}

	/*  -- 会員限定アイコン --  */
	#top .memberonly{
		font-size: 1.1rem;
		font-weight: bold;
		letter-spacing: 0;
		padding: 4px 0 0 0;
	}
	#top .memberonly span{
		color: #fff;
		padding: 5px 12px;
		border-radius: 15px;
		background: #E53C3D;
	}

}




/*  会員特典
-------------------------------- */

#privilege{
	margin: -150px 0 0 0;
	padding: 150px 0 0 0;
}


#top .privilege{
	height: 1800px;
	background:url(../img/privilege_bg01_pc.jpg) no-repeat top center #000;
}

#top .pri_title_area{
	padding: 6em 0 0 0;
}
#top .pri_title{
	text-align: center;
}


#top .pri_point_box_area{
	margin: 16em 0 0 -52px;
}



/*  -- 特典別 --  */
#top .pri_point_box{
	color: #fff;
	width: 334px;
	height: 272px;
	margin: 0 0 30px 50px;
	padding: 23px;
	float: left;
}
#top .pri_point_box:nth-child(4) {
	clear: both;
}

#top .no01{
	background:url(../img/privilege_no1_pc.png) no-repeat;
}
#top .no02{
	background:url(../img/privilege_no2_pc.png) no-repeat;
}
#top .no03{
	background:url(../img/privilege_no3_pc.png) no-repeat;
}
#top .no04{
	background:url(../img/privilege_no4_pc.png) no-repeat;
}
#top .no05{
	background:url(../img/privilege_no5_pc.png) no-repeat;
}
#top .no06{
	background:url(../img/privilege_no6_pc.png) no-repeat;
}
#top .no07{
	background:url(../img/privilege_no7_pc.png) no-repeat;
	height: 282px;
}
#top .no08{
	background:url(../img/privilege_no8_pc.png) no-repeat;
	height: 282px;
}
#top .no09{
	background:url(../img/privilege_no9_pc.png) no-repeat;
	height: 282px;
}



/*  -- 特典イメージ --  */
#top .pri_image{
	width: 334px;
	height: 160px;
	text-align: center;
	vertical-align: middle;
	display:table-cell;
	margin: 0 auto;
	padding: 65px 0 0 0;
}
#top .pri_point_box:nth-child(1) .pri_image,
#top .pri_point_box:nth-child(3) .pri_image{
	padding: 75px 0 0 0;
}
#top .pri_point_box:nth-child(9) .pri_image{
	padding: 110px 0 0 0;
}



/*  -- 特典名 --  */
#top .pri_name{
	width: 290px;
	font-size: 2.2rem;
	line-height: 3.2rem;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
	/*font-family:"游ゴシック";*/
	margin: 12px 0 10px 0;
}
#top .pri_point_box:nth-child(1) .pri_name,
#top .pri_point_box:nth-child(3) .pri_name {
	line-height: 2.8em;
	margin: 10px 0 0 0;
}
#top .pri_point_box:nth-child(5) .pri_name{
	line-height: 2.8em;
	margin: 12px 0 10px 0;
}
#top .pri_point_box:nth-child(6) .pri_name{
	line-height: 1.3em;
	margin: 12px 0 10px 0;
}

#top .pri_name span{
	font-size: 1.7rem;
}



/*  -- 説明文 --  */
#top .pri_txt{
	font-size: 1.7rem;
	line-height: 2.5rem;
}



/*  -- 注意書き --  */
#top .caution{
	color: #ccc;
	font-size: 1.4rem;
	line-height: 1.9em;
	margin: 30px 0 0 0;
}



/*  -- 入会案内ボタン --  */
#top .privilege .chage_btn a{
	display: none;
}

@media screen and (max-width:667px){

	#top .privilege{
		height: auto;
		background:url(../img/privilege_bg01_sp.jpg) no-repeat top center #070404;
		background-size: 100%;
		padding: 0 0 0.5em 0;
	}
	#top .privilege .inner{
	}

	#top .pri_title_area{
		padding: 3em 0 0 0;
	}
	#top .pri_title img{
		width: 100%;
		max-width: 227px;
	}


	#top .pri_point_box_area{
		width: 310px;
		margin: 9.5em auto 0 auto;
		padding: 0 0 0 2px;
	}




	/*  -- 特典別 --  */
	#top .pri_point_box{
		width: 100%;
		max-width: 145px;
		height: 332px;
		margin: 0 0 20px 0;
		padding: 0;
		float: left;
	}

	#top .pri_point_box:nth-child(even){
		margin: 0 0 0 15px;
	}


	#top .pri_point_box:nth-child(odd) {
		clear: both;
	}
	#top .pri_point_box:nth-child(4) {
		clear: inherit;
	}

	#top .no01{
		background:url(../img/privilege_no1_sp.png) no-repeat;
		background-size: 100%;
		height: 175px;
	}
	#top .no02{
		background:url(../img/privilege_no2_sp.png) no-repeat;
		background-size: 100%;
		height: 175px;
	}
	#top .no03{
		background:url(../img/privilege_no3_sp.png) no-repeat;
		background-size: 100%;
		height: 175px;
	}
	#top .no04{
		background:url(../img/privilege_no4_sp.png) no-repeat;
		background-size: 100%;
		height: 175px;
	}
	#top .no05{
		background:url(../img/privilege_no5_sp.png) no-repeat;
		background-size: 100%;
		height: 205px;
	}
	#top .no06{
		background:url(../img/privilege_no6_sp.png) no-repeat;
		background-size: 100%;
		height: 205px;
	}
	#top .no07{
		background:url(../img/privilege_no7_sp.png) no-repeat;
		background-size: 100%;
		height: 200px;
	}
	#top .no08{
		background:url(../img/privilege_no8_sp.png) no-repeat;
		background-size: 100%;
		height: 200px;
	}
	#top .no09{
		max-width: 99%;
		background:url(../img/privilege_no9_sp.png) no-repeat;
		background-size: 100%;
		height: 205px;
	}



	/*  -- 注意書き --  */
	#top .caution{
		font-size: 1.6rem;
		line-height: 1.9em;
		margin: 5px 0 0 0;
	}



	/*  -- 入会案内ボタン --  */
	#top .privilege .chage_btn a{
		color: #fff;
		width: 55%;
		font-weight: bold;
		border: 1px solid #F88594;
		background: url(../img/icon_arrow01_sp.png) no-repeat 30% 48% #F88594;
		background-size: 6px 11px;
		margin: 40px auto;
		padding: 20px 15px 20px 37px;
		display: block;
	}
	#top .privilege .chage_btn a:hover{
		background: url(../img/icon_arrow01_sp.png) no-repeat 30% 48% #F53D74;
		background-size: 6px 11px;
		border: 1px dashed rgba(240,190,189,1);
	}

}





/*  web限定コンテンツ
-------------------------------- */

#top .webcon{
	max-width: 1500px;
	position: relative;
	margin: 0 auto;
}

#top .webcon_image_l img{
	width: 1000px;
	max-width: 100%;
}
#top .webcon_image img{
	width: 500px;
	max-width: 100%;
}

#top .web_left{
	width: 66.666%;
/*	height: 1032px;*/
	float: left;
}
#top .web_right{
	width: 33.334%;
	position: absolute;
	right: 0;
}


#top .webcon .web_underli{
}

#top .webcon ul li{
	width: 33.333%;
	margin: -10px 0 0 0;
	float: left;
}
#top .webcon ul.mem li{
	margin: 0 0 0 0;
}

#top .web_title{
	color: #000;
	font-size: 3.5rem;
	letter-spacing: 0.2em;
	font-family: 'honoka';
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
}

#top .web_txt{
	color: #3F3D39;
	font-size: 1.7rem;
	line-height: 1.6;
	text-align: center;
}



#top .member_webcon_area{
}


#top .member_title_area{
	text-align: center;
	padding: 50px 0 50px 0;
	background:url(../img/flower_bg_pc.png) no-repeat center top 70px;
}
#top .member_title{
	color: #221F1F;
	font-size: 4.2rem;
    font-family:'nexa-rust';
	margin: 50px 0 0 0;
}
#top .member_title img{
	padding: 0 11px 0 0;
}

	
	

#top .webcon ul.mem li .webcon_image img{
	width: 500px;
	max-width: 100%;
}


#top .webcon figure {
	position: relative;
	overflow: hidden;
	color:#FFF;
	font-size:2.0rem;
	max-height:570px;
}
#top .webcon figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	-webkit-transform: rotateY(-90deg) rotateX(-90deg);
	transform: rotateY(-90deg) rotateX(-90deg);
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0;
	text-align:center;
	padding:160px 0 0 0;
	color:#FFF;
	font-family: 'Roboto Condensed-Bold', sans-serif;
	font-size:2.4rem;
	letter-spacing:0.1em;
}
#top .webcon figure:hover figcaption {
	-webkit-transform: rotateY(0) rotateX(0);
	transform: rotateY(0) rotateX(0);
	opacity: 1;
}

#top .webcon .txt_area{
	display:none;
}



/*  -- Chage動画 --  */
#top .web_movie{
/*	height: 533px;
	background:url(../img/top_webcon_movie_pc.jpg) no-repeat bottom;
	background-size: cover;*/
	position: relative;
}
#top .web_movie .ribbon_icon{
	top: 50px;
}
#top .web_movie .web_title{
	top: 100px;
}
#top .web_movie .web_txt{
	padding: 160px 0 0 0;
}



/*  -- webマガジン --  */
#top .web_magazine{
	width: 50%;
/*	height: 499px;
	background:url(../img/top_webcon_magazine_pc.jpg) no-repeat top;
	background-size: cover;*/
	float: left;
	position: relative;
	margin: -10px 0 0 0;
}
#top .web_magazine .ribbon_icon{
	top: 310px;
}
#top .web_magazine .web_title{
	top: 360px;
}
#top .web_magazine .web_txt{
	padding: 410px 0 0 0;
}



/*  -- お誕生日ムービー --  */
#top .web_birth{
	width: 50%;
/*	height: 499px;
	background:url(../img/top_webcon_birth_pc.jpg) no-repeat top;
	background-size: cover;*/
	float: right;
	position: relative;
	margin: -10px 0 0 0;
}
#top .web_birth .ribbon_icon{
	top: 310px;
}
#top .web_birth .web_title{
	top: 360px;
}
#top .web_birth .web_txt{
	padding: 410px 0 0 0;
}



/*  -- chage様お写真 --  */
#top .web_chage{
	width: 100%;
	/*height: 1032px;
	background:url(../img/top_webcon_chage_pc.jpg) no-repeat top;
	background-size: cover;*/
	float: right;
}
#top .chage_comment{
	margin: 30px 0 0 40px;
}


/*  -- メッセージボード --  */
#top .web_message{
	/*height: 470px;
	background:url(../img/top_webcon_message_pc.jpg) no-repeat top;
	background-size: cover;*/
	position: relative;
}
#top .web_message .ribbon_icon{
	top: 130px;
}
#top .web_message .web_title{
	top: 180px;
}
#top .web_message .web_txt{
	padding: 230px 0 0 0;
}



/*  -- スタッフメモ --  */
#top .web_staff{
	/*height: 470px;
	background:url(../img/top_webcon_staff_pc.jpg) no-repeat top;
	background-size: cover;*/
	position: relative;
}
#top .web_staff .ribbon_icon{
	top: 280px;
}
#top .web_staff .web_title{
	top: 330px;
}
#top .web_staff .web_txt{
	padding: 384px 0 0 0;
}



/*  -- ダウンロード --  */
#top .web_download{
	/*height: 470px;
	background:url(../img/top_webcon_download_pc.jpg) no-repeat top;
	background-size: cover;*/
	position: relative;
}
#top .web_download .ribbon_icon{
	top: 130px;
}
#top .web_download .web_title{
	top: 180px;
}
#top .web_download .web_txt{
	padding: 230px 0 0 0;
}

@media screen and (max-width:667px){

	#top .webcon{
		width: 100%;
	}

	#top .webcon_image_l img{
		width: 100%;
	}
	#top .webcon_image img{
		width: 100%;
	}

	#top .web_left{
		width: 100%;
		float: none;
		margin: -20px 0 0 0;
	}
	#top .web_right{
		width: 100%;
		position: relative;
		padding: 0 0 0 0;
	}


	#top .webcon .web_underli{
	}

	#top .webcon ul{
		margin: 0 0 0 0;
	}
	#top .webcon ul li{
		width: 100%;
		margin:0 auto;
		text-align:center;
		float: none;
	}
	#top .webcon ul li:nth-child(2),
	#top .webcon ul li:nth-child(3)	{
		width: 50%;
		float: left;
	}

	#top .web_title{
	}

	#top .web_txt{
	}



	#top .webcon ul.mem li{
		width: 100%;
		margin:0 auto;
		text-align:center;
		float: none;
	}
	#top .webcon ul.mem li:nth-child(2),
	#top .webcon ul.mem li:nth-child(3),
	#top .webcon ul.mem li:nth-child(4),
	#top .webcon ul.mem li:nth-child(5),
	#top .webcon ul.mem li:nth-child(6)	{
		width: 100%;
		float: none;
	}


	
	#top .webcon ul.mem li .webcon_image img{
		width: 440px;
		max-width: 100%;
	}
	

	#top .member_title_area{
		text-align: center;
		padding: 0;
		background:none;
	}
	#top .member_title{
		margin: 0 0 0 0;
		text-align:center;
	}
	#top .member_title img{
		padding: 0 15px 0 0;
		width:300px;
	}
	

	#top .webcon figure {
		overflow: hidden;
		width:100%;
		max-height:inherit;
		height:auto;
	}

	#top .webcon figcaption {
		display:none;
	}



	/*  -- Chage動画 --  */
	#top .web_movie{
		padding:0 0 10px 0;
	}
	#top .web_movie .ribbon_icon{
	}
	#top .web_movie .web_title{
	}
	#top .web_movie .web_txt{
	}



	/*  -- webマガジン --  */
	#top .web_magazine{
	}
	#top .web_magazine .ribbon_icon{
	}
	#top .web_magazine .web_title{
	}
	#top .web_magazine .web_txt{
	}



	/*  -- お誕生日ムービー --  */
	#top .web_birth{
	}
	#top .web_birth .ribbon_icon{
	}
	#top .web_birth .web_title{
	}
	#top .web_birth .web_txt{
	}



	/*  -- chage様お写真 --  */
	#top .web_chage{
		width: 100%;
		float: none;
	}
	#top .chage_comment{
	}


	/*  -- メッセージボード --  */
	#top .web_message{
	}
	#top .web_message .ribbon_icon{
		top: 130px;
	}
	#top .web_message .web_title{
		top: 180px;
	}
	#top .web_message .web_txt{
		padding: 230px 0 0 0;
	}



	/*  -- スタッフメモ --  */
	#top .web_staff{
		/*height: 470px;
		background:url(../img/top_webcon_staff_pc.jpg) no-repeat top;
		background-size: cover;*/
		position: relative;
	}
	#top .web_staff .ribbon_icon{
		top: 280px;
	}
	#top .web_staff .web_title{
		top: 330px;
	}
	#top .web_staff .web_txt{
		padding: 384px 0 0 0;
	}



	/*  -- ダウンロード --  */
	#top .web_download{
		/*height: 470px;
		background:url(../img/top_webcon_download_pc.jpg) no-repeat top;
		background-size: cover;*/
		position: relative;
	}
	#top .web_download .ribbon_icon{
		top: 130px;
	}
	#top .web_download .web_title{
		top: 180px;
	}
	#top .web_download .web_txt{
		padding: 230px 0 0 0;
	}

}




/*  Chageオフィシャルファンクラブ入会案内
-------------------------------- */

#top .membership{
	color: #231F20;
	margin: 50px 0 0 0;
}

#top .mem_title_area{
	text-align: center;
	margin: 0 0 30px 0;
	padding: 10px 0 50px 0;
	background:url(../img/flower_bg_pc.png) no-repeat center top 50px;
}
#top .mem_title{
	color: #fff;
	font-size: 1.8rem;
	font-weight:bold;
	letter-spacing: 0.1em;
	margin: 50px 0 0 0;
	padding: 15px 0;
	background:url(../img/ribbon_long_brown_pc.png) no-repeat center;
}



/*  -- 共有 --  */
#top .mem_inner{
	color: #3F3D39;
	margin: 0 auto;
	padding: 40px 0;
}
#top .mem_cbox{
	border: 3px solid #231F20;
}

#top .mem_u_title_area{
	width: 200px;
	font-size: 2.8rem;
	font-weight: bold;
	/*font-family:"游ゴシック";*/
	letter-spacing: 0.2em;
	text-align: center;
	background: #fff;
	margin: -20px auto 0 auto;
}



/*  -- 会費 --  */
#top .mem_fee{
	width: 890px;
	margin: 0 auto;
	padding: 0 0 20px 0;
}
#top .mem_price_box{
	width: 250px;
	float: left;
}
#top .mem_price_box.r{
	width: 300px;
	margin: -70px 0 0 0;
	float: right;
}
#top .mem_mark{
	width: 105px;
	color: #fff;
	font-size: 1.9rem;
	font-weight: bold;
	letter-spacing: 0.3rem;
	text-align: center;
	background: #57BB89;
	border-radius: 30px;
	margin: 22px 10px 0 0;
	padding: 3px 8px 2px 12px;
	float: left;
}
#top .mem_price{
	font-size: 4.5rem;
	font-family:"Oswald Stencil";
}
#top .mem_price span{
	font-size: 2.0rem;
	font-weight: bold;
	margin: 0 0 0 3px;
	/*font-family:"游ゴシック";*/
}

#top .mem_total{
	font-size: 2.7rem;
	font-weight: bold;
	/*font-family:"游ゴシック";*/
	-ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	margin: 10px 0 0 0;
	float: left;
}
#top .mem_price_pink{
	color: #EC778E;
	font-size: 5.6rem;
	font-family:"Oswald Stencil";
	margin: -13px 0 0 0;
}
#top .mem_price_pink .mem_yen{
	color: #231F20;
	font-size: 2.0rem;
	font-weight: bold;
	padding: 0 0 0 2px;
}
#top .mem_price_pink .mem_tax{
	color: #231F20;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 0.04em;

}

#top .mem_plus,
#top .mem_eq{
	font-size: 3.2rem;
	font-weight: bold;
	margin: 15px 15px 0 10px;
	float: left;
}
#top .mem_plus{
	margin: 15px 15px 0 5px;
}



#top .mem_fee_img{
	padding:25px 0 30px 0;
	text-align:center;
}
#top .mem_fee_img img{
}



/*  -- 会員期限 --  */
#top .mem_deadline_pc{
	margin: 70px 0 0 0;
}
#top .mem_deadline_sp{
	display: none;
}
#top .mem_txt{
	text-align: center;
	line-height: 1.8em;
}
#top .mem_image{
	text-align: center;
	margin: 40px 0 0 0;
}



/*  -- お支払い方法 --  */
#top .mem_payment_pc{
	line-height: 1.8em;
	margin: 70px 0 0 0;
	padding: 0 50px;
}
#top .mem_payment_sp{
	display: none;
}
#top .mem_catch{
	font-size: 2.0rem;
	font-weight: bold;
	/*font-family:"游ゴシック";*/
	margin: 0 0 15px 0;
}
#top .mem_txt_left{
	color: #5F5F5D;
	text-align: left;
}
#top .mem_paybox{
	margin: 40px 0 0 0;
}
#top .mem_paybox:first-child{
	margin: 0 auto;
}

@media screen and (max-width:667px){

	#top .membership{
		margin: 0 auto;
	}

	#top .mem_title_area{
		background:url(../img/flower_bg_sp.png) no-repeat top center;
		background-size: 100%;
		margin: 1em 15px;
		padding: 1.5em 0 0 0;
	}

	#top .mem_title{
		margin: 2em 0 0 0;
		background:none;
	}
	#top .mem_title img{
		width: 100%;
		max-width: 227px;
	}


	/*  -- 共通 --  */
	#top .mem_inner{
		padding: 0;
	}
	#top .mem_cbox{
		border: none;
	}

	#top .mem_u_title_area{
		width: 100%;
		font-size: 1.8rem;
		font-weight: bold;
		letter-spacing: normal;
		padding: 3px 0 2px 0;
		border-top: 2px solid #231F20;
		border-bottom: 2px solid #231F20;
	}



	/*  -- 会費 --  */
	#top .mem_fee{
		width: 100%;
		margin: 0 auto;
		padding: 0 0 20px 10px;
	}
	#top .mem_price_box{
		width: 40%;
		text-align: center;
		float: left;
	}
	#top .mem_price_box.r{
		width: auto;
		margin: 0;
		float: right;
	}
	#top .mem_price_box:nth-child(2){
		width: 4%;
	}
	#top .mem_price_box:last-child{
		width: 85%;
	}
	#top .mem_mark{
		font-size: 1.6rem;
		font-weight: bold;
		letter-spacing: 0.3rem;
		text-align: center;
		background: #57BB89;
		margin: 22px auto 0 auto;
		padding: 2px 7px 1px 8px;
		float: none;
	}
	#top .mem_price{
		font-size: 3.8rem;
		margin: 0 0 0 0.1em;
	}
	#top .mem_price span{
		font-size: 1.6rem;
		font-weight: bold;
		margin: 0 0 0 2px;
		/*font-family:"游ゴシック";*/
	}

	#top .mem_total{
		font-size: 2.0rem;
		font-weight: bold;
		letter-spacing: 0.12em;
		/*font-family:"游ゴシック";*/
		-ms-writing-mode: tb-rl; /* for MS IE8+ */
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		margin: 10px 0 0 0;
		float: left;
	}
	#top .mem_price_pink{
		color: #EC778E;
		font-size: 5.0rem;
		font-family:"Oswald Stencil";
		margin: -13px 0 0 0;
	}
	#top .mem_price_pink .mem_yen{
		color: #231F20;
		font-size: 1.5rem;
		font-weight: bold;
		padding: 0 0 0 2px;
	}
	#top .mem_price_pink .mem_tax{
		color: #231F20;
		font-size: 1.2rem;
		font-weight: bold;
		letter-spacing: 0.04em;

	}

	#top .mem_plus,
	#top .mem_eq{
		width: 5%;
		font-size: 2.0rem;
		font-weight: bold;
		float: left;
	}
	#top .mem_plus{
		font-size: 2.0rem;
		margin: 75px 5px 0 5px;
	}



	#top .mem_fee_img{
		padding:25px 0 25px 0;
	}
	#top .mem_fee_img img{
		width:225px;
	}
	

	/*  -- アコーディオンタイトル --  */
	#top .mem_deadline_sp .mem_u_title_area,
	#top .mem_payment_sp .mem_u_title_area{
		width: 100%;
		font-size: 1.8rem;
		letter-spacing: normal;
		padding: 10px 10px 10px 50px;
		text-align: left;
		border-top: 1px solid #231F20;
		border-bottom: 1px solid #231F20;
		background:url(../img/music_icon_sp.png) no-repeat left 20px top 45%;
		background-size: 16px;
	}


	/*  -- 会員期限 --  */
	#top .mem_deadline_pc{
		display: none;
	}
	#top .mem_deadline_sp{
		display: block;
	}
	#top .mem_txt{
		text-align: left;
		line-height: 1.8em;
	}
	#top .mem_txt span{
		font-size: 0.9em;
	}
	#top .mem_image{
		text-align: center;
		margin: 10px auto 0 auto;
		width: 100%;
		max-width: 480px;
	}



	/*  -- お支払い方法 --  */
	#top .mem_payment_pc{
		display: none;
	}
	#top .mem_payment_sp{
		display: block;
		margin: 9px 0 0 0;
	}
	#top .mem_catch{
		font-size: 1.6rem;
		font-weight: bold;
		/*font-family:"游ゴシック";*/
		margin: 0 0 7px 0;
	}
	#top .mem_txt_left{
		color: #5F5F5D;
		text-align: left;
	}
	#top .mem_paybox{
		margin: 20px 0 0 0;
		padding: 0 0 20px 0;
		border-bottom: 1px solid #ddd;
	}
	#top .mem_paybox:first-child{
		margin: 0 auto;
	}

}




/*  入会手続き
-------------------------------- */

#top .procedure{
	background:url(../img/star_bg_pc.jpg);
	margin: 200px 0 0 0;
}
#top .pro_inner{
	padding: 10px;
}
#top .white_inner{
	background: #fff;
}


#top .pro_title_area{
	text-align: center;
	padding: 50px 0;
	background:url(../img/flower_bg_short_pc.png) no-repeat center top 40px;
}
#top .pro_badge_title{
	margin: -180px 0 0 0;
}



/*  -- 入会の流れ --  */
#top .pro_title{
	color: #3F3D39;
	font-size: 3.0rem;
	font-weight: bold;
	/*font-family:"游ゴシック";*/
	text-align: center;
}
#top .pro_step{
  	vertical-align: middle;
	text-align: center;
	margin: 40px 0;
	padding: 0 100px;
}
#top .pro_step li{
	line-height: 1.5em;
	float: left;
}

#top .pro_step_image{
	margin: 0 0 10px 0;
}
#top .pro_step_txt{
	color: #F88593;
	font-weight: bold;
	/*font-family:"游ゴシック";*/
}
#top .pro_arrow{
	margin: 20px 14px 0 14px;
}



/*  -- 入会の流れ --  */
#top .pro_mailbox{
	text-align: center;
	border-top: 2px dotted #D3C4AD;
	margin: 0 100px;
	padding: 40px 0 60px 0;
}
#top .pro_txt{
	font-size: 1.8rem;
}
#top .pro_pink_txt{
	color: #F88593;
	font-size: 1.65rem;
	font-weight: bold;
	margin: 5px 0 25px 0;
}

#top .pro_input_box{
	width: 690px;
	margin: 0 auto;
}
#top .pro_input_box input{
	width: 500px;
}
#top .pro_email{
	color: #3F3D39;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 14px 0 0 0;
	float: left;
}

#top .pro_mailbox .chage_btn{
	margin: 30px auto 0 auto;
	text-align:center;
}


#top .pro_mailbox button{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro W3,'ＭＳ Ｐゴシック',MS P Gothic,Verdana,sans-serif;
	
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	
	cursor: pointer;

	color: #fff;
	
	font-weight: bold;
	display: block;
	width: 300px;
	padding: 20px 15px;
	letter-spacing: 0.1em;
	
	background: #FF5581;
	border: 1px solid #FF5581;
	-webkit-box-shadow: 5px 5px 0px 0px rgba(240,190,189,1);
	-moz-box-shadow: 5px 5px 0px 0px rgba(240,190,189,1);
	box-shadow: 5px 5px 0px 0px rgba(240,190,189,1);
	
	font-size:1.6rem;
}

#top .pro_mailbox button:hover{
	background:#F53D74;
	border: 1px solid #FF5581;
	-webkit-box-shadow: 5px 5px 0px 0px #FF5581;
	-moz-box-shadow: 5px 5px 0px 0px #FF5581;
	box-shadow: 5px 5px 0px 0px #FF5581;
}



#top .icon_next_link{
	margin: 40px 0 0 0;
	padding: 0 100px 60px 0;
}

@media screen and (max-width:667px){

	#top .procedure{
		background:none;
		margin: 0 auto;
	}
	#top .pro_inner{
		margin: 80px 0 0 0;
		padding: 5px;
	}
	#top .white_inner{
		background: #fff;
	}


	#top .pro_title_area{
		padding: 10px 0 0 0;
		background:none;
	}
	#top .pro_title_area img{
		width: 100%;
		max-width: 170px;
	}
	#top .pro_badge_title{
		margin: -41px 0 0 0;
	}



	/*  -- 入会の流れ --  */
	#top .pro_title{
		font-size: 1.6rem;
		/*font-family:"游ゴシック";*/
		margin: 0.5em;
	}
	#top .pro_title img{
		width: 100%;
		max-width: 21px;
		padding: 0 5px 0 0;
	}
	#top .pro_step{
		width: 100%;
		margin: 20px 0 10px 0;
		padding: 0 15px;
	}
	#top .pro_step li{
		width: 100%;
		line-height: 1.9em;
		margin: 0 0 7px 0;
		float: none;
	}

	#top .pro_step_image{
		width: 25px;
		height: 25px;
		color: #fff;
		background: #F88593;
		border-radius: 50px;
		margin: 2px 7px 10px 0;
		display: block;
		float: left;
		position: relative;
	}
	#top .pro_step_image .number{
		font-size: 1.4rem;
		font-weight: bold;
		font-family:"Oswald Stencil";
		position: absolute;
		top: -2px;
		left: 8px;
	}
	#top .pro_step_image .number.lp{
		left: 9px;
	}


	#top .pro_step_txt{
		color: #3F3D39;
		font-size: 1.5rem;
		font-weight: normal;
		text-align: left;
		/*font-family:"游ゴシック";*/
	}
	#top .pro_arrow{
		display: none;
	}



	/*  -- 入会の流れ --  */
	#top .pro_mailbox{
		text-align: left;
		border-top: 2px dotted #D3C4AD;
		border-bottom: 2px dotted #D3C4AD;
		margin: 0 15px;
		padding: 23px 0 20px 0;
	}
	#top .pro_txt{
		font-size: 1.6rem;
	}
	#top .pro_pink_txt{
		margin: 20px 0 25px 0;
	}

	#top .pro_input_box{
		width: 100%;
		margin: 0 auto;
	}
	#top .pro_input_box input{
		width: 100%;
	}
	#top .pro_email{
		margin: 0 0 7px 0;
		float: none;
	}

	#top .pro_mailbox .chage_btn{
		margin: 25px 0 5px 0;
	}

	#top .icon_next_link{
		margin: 40px 0 0 0;
		padding: 0 100px 60px 0;
	}
	
	
	
	
	#top .pro_mailbox button{
		display:block;
		width: 100%;
		padding: 20px 15px;
		border: 1px solid #FF5581;
		/*
		background: #FF5581;
		border: 1px solid #FF5581;
		-webkit-box-shadow: 5px 5px 0px 0px rgba(240,190,189,1);
		-moz-box-shadow: 5px 5px 0px 0px rgba(240,190,189,1);
		box-shadow: 5px 5px 0px 0px rgba(240,190,189,1);
		
		font-size:1.6rem;
		margin:0 auto;
		text-align:center;
		*/
	}


}




/*  Instagram
-------------------------------- */

#top .instagram_area{
	margin: 70px 0 0 0;
}
#top .ins_left{
	width: 50%;
	background:url(../img/photo_gallery_mark_pc.png) no-repeat right top;
	position: relative;
	margin: 0 0 0 -30px;
	padding: 50px 0 0 0;
	float: left;
}
#top .ins_right{
	width: 50%;
	margin: 50px 0 0 0;
	position: relative;
	text-align: center;
	float: right;
}
#top .ins_right iframe{
	margin: 40px 0 0 0;
}

#top .ins_main_photo{
	position: absolute;
	top: 189px;
	left: 167px;
}
#top .ins_time_title{
	color: #1F1917;
	font-size: 2.0rem;
	letter-spacing: 0.3em;
	margin: 20px 0 0 0;
}

@media screen and (max-width:667px){

	#top .instagram_area{
		margin: 30px 0 40px 0;
	}
	#instagram_circle{
		display: none;
	}
	#top .ins_left{
		width: 100%;
		background:url(../img/photo_gallery_mark_sp.png) no-repeat center top;
		background-size: 140px;
		margin: 0 auto;
		padding: 70px 0 0 0;
		float: none;
	}
	#top .ins_right{
		width: 100%;
		margin: 20px 0 0 0;
		float: none;
	}
	#top .ins_right iframe{
		margin: 15px 0 0 0;
	}

	#top .ins_main_photo{
		display: none;
	}
	#top .ins_time_title{
		margin: 0 auto;
	}
	#top .ins_time_title img{
		width: 100%;
		max-width: 266px;
	}

	#top .footer{
	}

}





/*  会員限定 Webコンテンツ
-------------------------------- */
#top .member_webcon_area{
	margin: 0 auto;
}

#top .member_webcon{
	max-width: 1500px;
	/*
	position: relative;
	*/
	margin: 0 auto;
}

#top .member_webcon ul li{
	width: 33.333%;
	margin: 0 0 0 0;
	float: left;
}

#top .member_webcon .webcon_image{
	max-height:600px;
}

#top .member_webcon .webcon_image img{
	width: 500px;
	max-width: 100%;
}


#top .member_webcon figure {
	position: relative;
	overflow: hidden;
	color:#FFF;
	font-size:2.0rem;
}
#top .member_webcon figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	-webkit-transform: rotateY(-90deg) rotateX(-90deg);
	transform: rotateY(-90deg) rotateX(-90deg);
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0;
	text-align:center;
	padding:60px 0 0 0;
	color:#66FFFF;
}
#top .member_webcon figure:hover figcaption {
	-webkit-transform: rotateY(0) rotateX(0);
	transform: rotateY(0) rotateX(0);
	opacity: 1;
}

#top .member_webcon .txt_area{
	display:none;
}


@media screen and (max-width:667px){

	#top .member_webcon{
		width: 100%;
	}

	#top .member_webcon .webcon_image img{
		width: 100%;
	}

	#top .member_webcon ul{
		margin:0 auto;
	}
	#top .member_webcon ul li{
		width: 100%;
		margin:0 auto;
		float: none;
	}
	
	
	#top .member_webcon figure {
		overflow: hidden;
		width:100%;
		max-height:inherit;
		height:auto;
	}

	#top .member_webcon figcaption {
		display:none;
	}
	
	
	#top .member_webcon .txt_area{
		display:none;
		display:block;
	}
	
	

}