@charset "utf-8";
/* CSS Document */

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

/*
スマホメニュー -------------- */

#menu_s{
	width:260px;
	margin:0 auto;
}
#menu_s .drawer_nav_logo{
	width:190px;
	height:76px;
	margin:0 auto;
}
#menu_s .menu_s_cts{
	width:260px;
	height:31px;
	padding:5px 0 10px 0;
	position:relative;
}
#menu_s .menu_s_cts .mainmenu_sp_newmark{
	width:28px;
	height:28px;
	position:absolute;
	top:3px;
	left:12px;
	background-image:url(../img/newmark01.gif);
	background-repeat:no-repeat;
	background-position:center top;
}
#menu_s .nocts{
	filter:alpha(opacity=40);
     -moz-opacity:0.40;
     -khtml-opacity: 0.40;
     opacity:0.40;
}


/*
header -------------*/
#header{
	width:100%;
	height:30px;
	background-color:rgba(0,0,0,0.65);
}
#header .container{
	width:100%;
	height:30px;
	margin:0 auto;
}
#header .container .buybtn{
	width:141px;
	height:30px;
	float:left;
}
#header .container .buybtn img{
	width:141px;
	height:30px;
}
#header .container .buybtn a:hover{
	filter:alpha(opacity=80);
     -moz-opacity:0.80;
     -khtml-opacity: 0.80;
     opacity:0.80;
}
#header .container .ktlogo{
	width:39px;
	height:25px;
	margin:2px 0 0 0;
	float:right;
}
#header .container .ktlogo img{
	width:39px;
	height:25px;
}

#header .container .outlinkarea{
	display:none;
}



/*
mainmenu -------------*/
#mainmenu{
	display:none;
}


/*
submenu -------------*/
.submenu{
	display:none;
}








/*
news -------------*/
#top_news{
	width:100%;
	background-color:rgba(0,0,0,0.6);
	border-top:1px solid #FFF;
	position:absolute;
	top:-31px;
	z-index:5;
	box-sizing: border-box;
}
#top_news .news_container{
	width:100%;
	height:100%;
	margin:0 auto;
	color:#FFF;
	font-size:11px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#top_news .news_container .title{
	width:100%;
	border-bottom:1px solid #FFF;
	text-align:left;
	padding-top:10px;
	box-sizing: border-box;
}
#top_news .news_container .textarea{
	padding:7px 0 7px 2%;
	overflow:hidden;
	height:450px;
	box-sizing: border-box;
	width:96%;
}
#top_news .news_container .textarea ul{
	list-style-type:none;
	border-bottom:1px dotted #FFF;
}
#top_news .news_container .textarea li{
	margin-right:10px;
	line-height:14px;
}
#top_news .news_container .textarea li a:link{
	text-decoration:none;
	color:#FF0;
}
#top_news .news_container .textarea li a:visited{
	text-decoration:none;
	color:#FF0;
}
#top_news .news_container .textarea li a:hover{
	text-decoration:underline;
	color:#FF0;
}
#top_news .morebtn{
	width:64px;
	height:17px;
	position:absolute;
	right:0;
	top:0;
	margin:7px 10px 0 0;
}
#top_news .bgmbtn{
	width:26px;
	height:22px;
	position:absolute;
	top: -30px;
	right:10px;
	display:none;
}








/*
[TOP] -------------------------------------*/
#top_container{
	min-height:auto;
	background-image:url(../img/top_bg_sp.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}

#top_container #main_container{
	width:100%;
	height:auto;
	margin:0 auto;
	position:relative;
	z-index:2;
}

#top_container #main_container .top_catch{
	width:20%;
	position:absolute;
	top:40px;
	left:10px;
}

#top_container #main_container .top_logo{
	width:100%;
	height:auto;
	position:relative;
	padding-top:76vw;
	padding-bottom:10px;
	text-align:center;
}
#top_container #main_container .top_logo .catch{
	display:none;
}
#top_container #main_container .top_logo .catch_sp{
	width:13vw;
	float:left;
	margin-left:70px;
}
#top_container #main_container .top_logo .logobuybtn{
	width:70%;
	clear:both;
}
#top_container .rights_sp{
	width:100%;
	height:auto;
	text-align:center;
	padding:5px 0 20px 0;
}
#top_container #main_container #middlebanner_area{
	width:90%;
	height:auto;
	margin:0 auto;
	margin-bottom:0px;
}
#top_container #main_container #middlebanner_area02{
	width:90%;
	height:auto;
	margin:0 auto;
	margin-bottom:60px;
}
#top_container #main_container #top_movie_area{
	width:90%;
	background-color:rgba(255,255,255,0.75);
	padding:2px;
	position:relative;
	margin:0 auto;
	box-sizing:border-box;
	margin-bottom:10px;
	font-size:0;
}
#top_movie_area .top_movie{
	border:1px solid #002643;
	box-sizing:border-box;
}
#top_movie_area .top_movie img{
	width:100vw;
}
#top_movie_area .top_movie .playbtn{
	width:73px;
	height:73px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-37px;
	margin-top:-37px;
}
#top_container #main_container .pickup_pop{
	width:35%;
	position:absolute;
	top:49vw;
	right:3vw;
	z-index:5;
}
#top_container #main_container .sp_pickup_banner{
	width:45%;
	position:absolute;
	top:5px;
	right:70px;
	z-index:5;
}
#top_container #main_container .tgs_badge_pop{
	width:25%;
	font-size:0;
	position:absolute;
	top:20px;
	right:80px;
	z-index:5;
}
#top_container #main_container .sp_banner{
	width:45%;
	position:absolute;
	border: 1px solid #ba0000;
	box-sizing: border-box;
	top: 10px;
	right: 75px;
	font-size: 0;
}
#top_container #main_container .imp_info{
	width:90%;
	padding:1vw 2vw;
	background-color:rgba(204,0,0,0.8);
	text-align:center;
	color:#FFF;
	position:relative;
	top:0vw;
	border:2px solid rgba(255,255,255,0.8);
	margin-bottom:4vw;
	margin:0 5%;
	box-sizing:border-box;
	font-size:4vw;
}
#top_container #main_container .imp_info a:link{
	color:#FFF;
	text-decoration:none;
}
#top_container #main_container .imp_info a:visited{
	color:#FFF;
	text-decoration:none;
}
#top_container #main_container .imp_info a:hover{
	color:#FFF;
	text-decoration:underline;
}
#top_container #main_container .imp_info02{
	width:90%;
	padding:1vw 2vw;
	background-color:rgba(0,0,0,0.6);
	text-align:center;
	color:#FFF;
	position:relative;
	top:0vw;
	border:2px solid rgba(255,255,255,0.8);
	margin-bottom:4vw;
	margin:0 5%;
	box-sizing:border-box;
	font-size:4vw;
}
#top_container #main_container .imp_info02 a:link{
	color:#FFF;
	text-decoration:none;
}
#top_container #main_container .imp_info02 a:visited{
	color:#FFF;
	text-decoration:none;
}
#top_container #main_container .imp_info02 a:hover{
	color:#FFF;
	text-decoration:underline;
}

#middlebanner_area .middlebanner{
	width:50%;
	height:auto;
	padding:2px;
	float:left;
	background-color:rgba(255,255,255,0.75);
	box-sizing:border-box;
}
#middlebanner_area .middlebanner .banner{
	width:100%;
	height:auto;
	border:1px solid #002643;
	font-size:0;
	position:relative;
}
#middlebanner_area .middlebanner .banner img{
	width:100vw;
}



#middlebanner_area02 .middlebanner{
	width:50%;
	height:auto;
	padding:2px;
	float:left;
	background-color:rgba(255,255,255,0.75);
	box-sizing:border-box;
}
#middlebanner_area02 .middlebanner .banner{
	width:100%;
	height:auto;
	border:1px solid #002643;
	font-size:0;
	position:relative;
}
#middlebanner_area02 .middlebanner .banner img{
	width:100vw;
}

#middlebanner_area02 .middlebanner_mini{
	width:50%;
	height:auto;
	padding:2px;
	float:left;
	background-color:rgba(255,255,255,0.75);
	box-sizing:border-box;
}
#middlebanner_area02 .middlebanner_mini .banner{
	width:100%;
	height:auto;
	border:1px solid #002643;
	font-size:0;
	position:relative;
}
#middlebanner_area02 .middlebanner_small{
	width:50%;
	height:auto;
	padding:2px;
	float:left;
	background-color:rgba(255,255,255,0.75);
	box-sizing:border-box;
}
#middlebanner_area02 .middlebanner_small .banner{
	width:100%;
	height:auto;
	border:1px solid #002643;
	font-size:0;
	position:relative;
}
#middlebanner_area02 .middlebanner .banner img{
	width:100vw;
}



.submenu{
	display:none;
}


#top_container #main_container .banner_bottom_space{
	height:10vw;
}




/*
[OUTLINE] -------------------------------------*/
#out_container{
	height:100%;
	position:relative;
	z-index:0;
}
.out_conbg_top{
	background-image:url(../img/out/out_top_bg.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.out_conbg_01{
	background-image:url(../img/out/out_01_bg.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.out_conbg_02{
	background-image:url(../img/out/out_02_bg.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.out_conbg_03{
	background-image:url(../img/out/out_03_bg.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.out_conbg_04{
	background-image:url(../img/out/out_04_bg.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
#out_container #out_maintitle{
	width:100%;
	height:auto;
	margin-top:20px;
}
#out_container #out_maintitle .container{
	width:100%;
	height:auto;
	margin:0 auto;
}
#out_container #out_top_btnarea{
	width:100%;
	margin:0 auto;
	margin-top:40px;
	text-align:center;
}
#out_container #out_top_btnarea ul{
	list-style-type:none;
}
#out_container #out_top_btnarea li{
	width:40vw;
	display:inline-block;
	position:relative;
	/*margin:0 10px 20px 10px;*/
}
#out_container #out_top_btnarea li a:hover{
	filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
}

#out_container #out_subhead{
	width:100%;
	height:13px;
	background-image:url(../img/out/out_subhead.png);
	background-repeat:no-repeat;
	background-position:center top;
	margin-top:13px;
}
#out_container .main_container{
	width:90%;
	height:auto;
	/*min-height:450px;*/
	margin:0 auto;
	margin-top:20px;
	position:relative;
	z-index:2;
}


#out_container .out_02_simble01{
	width:80%;
	height:auto;
	margin:0 auto;
	margin-top:5px;
	z-index:3;
	text-align:center;
}
#out_container .out_02_simble02{
	width:50%;
	text-align:left;
	height:auto;
	margin:10px 0 0 10px;
	padding:4px 5px 0 5px;
	border-radius:20px;
	background-color:rgba(255,255,255,0.9);
}
#out_container .out_02_simble03{
	width:60%;
	text-align:left;
	height:auto;
	margin:20px 0 0 10px;
	padding:4px 5px 0 5px;
	border-radius:20px;
	background-color:rgba(255,255,255,0.9);
}
#out_container .out_02_characomment01{
	width:83%;
	padding:15px 15px 15px 30px;
	background-color:rgba(255,255,255,1);
	border:4px solid #48dbb0;
	margin:10px 0 0 0px;
	font-size:15px;
	color:#0c7b5b;
	/*letter-spacing:1px;*/
	box-sizing:border-box;
	border-radius:20px;
	position:relative;
	z-index:1;
	float:right;
}
#out_container .out_02_characomment02{
	width:83%;
	padding:15px 15px 15px 30px;
	background-color:rgba(255,255,255,1);
	border:4px solid #3aaaae;
	margin:10px 0 0 0px;
	font-size:15px;
	color:#1f8286;
	/*letter-spacing:1px;*/
	box-sizing:border-box;
	border-radius:20px;
	position:relative;
	z-index:1;
	float:right;
}
#out_container .out_02_charaface01{
	width:94px;
	height:94px;
	position:absolute;
	top:3px;
	left:-75px;
	z-index:2;
	background-image:url(../img/out/out_02_face01.png);
	background-repeat:no-repeat;
	background-position:left top;
}
#out_container .out_02_charaface02{
	width:94px;
	height:94px;
	position:absolute;
	top:3px;
	left:-75px;
	z-index:2;
	background-image:url(../img/out/out_02_face02.png);
	background-repeat:no-repeat;
	background-position:left top;
}


#out_container .category{
	width:100%;
	height:auto;
	margin:0 auto;
}

#out_container .category .artistimg01{
	height:auto;
	text-align:center;
}
#out_container .category .artistimg02{
	height:auto;
	text-align:center;
}
#out_container .category .spacer{
	height:10px;
}
#out_container .category .prof01{
	width:100%;
	height:auto;
	border:1px solid #d1d2d2;
	padding:10px;
	box-sizing:border-box;
	background-image:url(../img/out/out_03a_textbg01_sp.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	background-color:#FFF;
}
#out_container .category .prof01 .name{
	font-size:30px;
	font-weight:500;
	color:#216da7;
	/*letter-spacing:2px;*/
	padding:20px 0;
	text-shadow:0 0 5px rgba(141,192,236,0.9);
}
#out_container .category .prof01 .history{
	font-size:15px;
	line-height:26px;
	font-weight:500;
	color:#002643;
	/*letter-spacing:1px;*/
	text-shadow:0 0 5px rgba(148,148,148,0.9);
}
#out_container .category .prof02{
	width:100%;
	height:auto;
	border:1px solid #d1d2d2;
	padding:10px;
	box-sizing:border-box;
	float:left;
	background-image:url(../img/out/out_03a_textbg02_sp.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	background-color:#FFF;
}
#out_container .category .prof02 .name{
	font-size:34px;
	font-weight:500;
	color:#b23ac4;
	/*letter-spacing:2px;*/
	padding:30px 0;
	text-shadow:0 0 5px rgba(141,192,236,0.9);
}
#out_container .category .prof02 .history{
	font-size:15px;
	line-height:26px;
	font-weight:500;
	color:#002643;
	/*letter-spacing:1px;*/
	padding-top:20px;
	text-shadow:0 0 5px rgba(148,148,148,0.9);
}







/*
[CHARA] -------------------------------------*/
#cha_container{
	min-height:100vh;
	position:relative;
	
}
.cha_conbg_01{
	/*background-image:url(../img/cha/cha_01_bg_sp.jpg);*/
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.cha_conbg_02{
	/*background-image:url(../img/cha/cha_02_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_03{
	/*background-image:url(../img/cha/cha_03_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_04{
	/*background-image:url(../img/cha/cha_04_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_05{
	/*background-image:url(../img/cha/cha_05_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_06{
	/*background-image:url(../img/cha/cha_06_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_07{
	/*background-image:url(../img/cha/cha_07_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_08{
	/*background-image:url(../img/cha/cha_08_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_09{
	/*background-image:url(../img/cha/cha_09_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_10{
	/*background-image:url(../img/cha/cha_10_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_11{
	/*background-image:url(../img/cha/cha_11_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_12{
	/*background-image:url(../img/cha/cha_12_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_13{
	/*background-image:url(../img/cha/cha_13_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_14{
	/*background-image:url(../img/cha/cha_14_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_15{
	/*background-image:url(../img/cha/cha_15_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_16{
	/*background-image:url(../img/cha/cha_16_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_17{
	/*background-image:url(../img/cha/cha_17_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_18{
	/*background-image:url(../img/cha/cha_18_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_19{
	/*background-image:url(../img/cha/cha_19_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_20{
	/*background-image:url(../img/cha/cha_20_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_21{
	/*background-image:url(../img/cha/cha_21_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_22{
	/*background-image:url(../img/cha/cha_22_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_23{
	/*background-image:url(../img/cha/cha_23_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_24{
	/*background-image:url(../img/cha/cha_24_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_25{
	/*background-image:url(../img/cha/cha_25_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_26{
	/*background-image:url(../img/cha/cha_26_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_27{
	/*background-image:url(../img/cha/cha_27_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_28{
	/*background-image:url(../img/cha/cha_28_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_29{
	/*background-image:url(../img/cha/cha_29_bg_sp.jpg);*/
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_30{
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_31{
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_32{
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_33{
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
.cha_conbg_34{
	background-position:center 200px;
	background-repeat:no-repeat;
	-moz-background-size:contain;
	background-size:contain;
}
#cha_container #cha_maintitle{
	width:100%;
	height:auto;
	margin-top:20px;
}
#cha_container #cha_maintitle .container{
	width:90%;
	height:auto;
}
#cha_container #cha_top_btnarea{
	width:100%;
	margin:0 auto;
	margin-top:40px;
	text-align:center;
}
#cha_container #cha_top_btnarea ul{
	list-style-type:none;
}
#cha_container #cha_top_btnarea li{
	width:30%;
	display:inline-block;
	position:relative;
	/*margin:0 10px 20px 10px;*/
}
#cha_container #cha_top_btnarea li a:hover{
	filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
}
#cha_container #cha_submenu{
	width:95%;
	margin:0 auto;
	margin-top:5px;
	box-sizing:border-box;
	font-size:0;
}
#cha_container #cha_submenu ul{
	list-style-type:none;
}
#cha_container #cha_submenu li{
	width:13vw;
	margin:0 0px 0px 0;
	display:inline-block;
	position:relative;
}
#cha_container #cha_submenu li a:hover{
	filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
}

#cha_container #subhead{
	display:none;
}

#cha_container #main_container{
	width:100%;
	height:auto;
	min-height:650px;
	margin:0 auto;
	margin-top:40px;
	position:relative;
	z-index:2;
	padding-bottom:30px;
}

#cha_status_container{
	width:90%;
	border:1px solid rgba(0,17,52,0.15);
	padding:2px;
	box-sizing:border-box;
	/*margin-top:30px;*/
	position:relative;
	left:50%;
	margin-left:-45%;
	z-index:2;
}
#cha_status_container .insidebox{
	width:100%;
	border:1px solid rgba(0,17,52,0.35);
	background-color:rgba(255,255,255,0.7);
	padding:12px;
	box-sizing:border-box;
}
#cha_status_container .insidebox .cha_catch{
	width:100%;
	text-align:center;
	font-size:15px;
	color:#002643;
	letter-spacing:5px;
}
#cha_status_container .insidebox .h_line{
	width:100%;
	height:1px;
	background-color:#656565;
	font-size:0;
	margin:1px 0;
}
#cha_status_container .insidebox .cha_name{
	width:100%;
	text-align:center;
	font-size:6vw;
	font-weight:bold;
	color:#14a6c1;
	padding:3px 0;
}
#cha_status_container .insidebox .cha_name02{
	width:100%;
	text-align:center;
	font-size:4.3vw;
	font-weight:bold;
	color:#14a6c1;
	letter-spacing:0px;
	padding:3px 0;
}
#cha_status_container .insidebox .cha_spec{
	width:50%;
	float:left;
	font-size:14px;
	line-height:18px;
	color:rgba(20,20,20,0.6);
}
#cha_status_container .insidebox .cha_eng{
	width:50%;
	float:right;
	text-align:right;
	font-size:14px;
	line-height:18px;
	color:rgba(20,20,20,0.6);
}
#cha_status_container .insidebox .cha_illust{
	width:50%;
	float:left;
	font-size:14px;
	color:rgba(20,20,20,0.6);
	margin-top:3px;
}
#cha_status_container .insidebox .cha_cv{
	width:50%;
	float:right;
	text-align:right;
	font-size:14px;
	color:rgba(20,20,20,0.7);
	margin-top:3px;
}
#cha_status_container .insidebox .cha_des{
	width:100%;
	font-size:14px;
	line-height:18px;
	color:rgba(20,20,20,0.7);
	margin-top:15px;
}
#cha_img_container{
	width:90%;
	margin:0 auto;
	margin-top:20px;
	position:relative;
	z-index:2;
}
#cha_img_container .middle_imgcontainer{
	display:none;
}
#cha_img_container .middle_imgcontainer_sp{
	width:100%;
	border:1px solid rgba(0,17,52,0.15);
	padding:2px;
	box-sizing:border-box;
	position:relative;
	z-index:2;
	margin-bottom:5px;
}
.middle_imgcontainer_sp .insidebox{
	width:100%;
	border:1px solid rgba(0,17,52,0.35);
	background-color:rgba(255,255,255,0.7);
	box-sizing:border-box;
	position:relative;
	font-size:0;
}
#cha_img_container .middle_imgcontainer02{
	width:100%;
	border:1px solid rgba(0,17,52,0.15);
	padding:2px;
	box-sizing:border-box;
	position:relative;
	z-index:2;
	margin-bottom:5px;
}
.middle_imgcontainer02 .insidebox{
	width:100%;
	border:1px solid rgba(0,17,52,0.35);
	background-color:rgba(255,255,255,0.7);
	box-sizing:border-box;
	position:relative;
	font-size:0;
}
#cha_img_container .small_imgcontainer{
	border:1px solid rgba(0,17,52,0.15);
	padding:2px;
	box-sizing:border-box;
	position:relative;
	z-index:2;
	margin-bottom:5px;
}
#cha_img_container .small_imgcontainer:nth-child(1){
	margin-bottom:2px;
}
.small_imgcontainer .insidebox{
	width:100%;
	border:1px solid rgba(0,17,52,0.35);
	background-color:rgba(255,255,255,0.7);
	box-sizing:border-box;
	position:relative;
	font-size:0;
}
.insidebox a:hover{
	filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
}

#cha_illust{
	width:100%;
	height:auto;
	position:relative;
	z-index:1;
	text-align:center;
	margin:0 auto;
	top:-10vw;
}
#cha_illust .att{
	font-size:3vw;
	padding:0 0 0 30%;
	color:#333;
	text-align:left;
}
#cha_comment{
	width:19vw;
	position:absolute;
	top:-30px;
	right:0;
	z-index:2;
}
#cha_choicebtn_list{
	width:40%;
	height:auto;
	position:absolute;
	left:10px;
	top:60vw;
	z-index:3;
}
#cha_choicebtn_list ul{
	list-style-type:none;
	font-size:0;
}
#cha_choicebtn_list li{
	margin:0 0 0px 0;
}
#cha_choicebtn_list li .cha_choicebtn:hover{
	filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
     cursor: pointer;
}

#cha_choicebtn_list_f{
	width:40%;
	height:auto;
	position:absolute;
	left:10px;
	top:50vw;
	z-index:3;
}
#cha_choicebtn_list_f ul{
	list-style-type:none;
	font-size:0;
}
#cha_choicebtn_list_f li{
	margin:0 0 0px 0;
}
#cha_choicebtn_list_f li .cha_choicebtn:hover{
	filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
     cursor: pointer;
}

.cha_imgboxtext01{
	width:100%;
	margin:0 auto;
	margin-top:3px;
	font-size:12px;
	line-height:16px;
	color:#585656;
	font-weight:300;
	border-radius:15px;
	background-color:rgba(255,255,255,0.7);
	padding:4px 5px 2px 5px;
	box-sizing:border-box;
}
.cha_imgboxtext02{
	width:100%;
	margin:0 auto;
	margin-top:3px;
	font-size:12px;
	line-height:16px;
	color:#585656;
	font-weight:300;
	border-radius:15px;
	background-color:rgba(255,255,255,0.7);
	padding:4px 5px 2px 5px;
	box-sizing:border-box;
}





/*
[WORLD] -------------------------------------*/
#wor_container{
	width:100%;
	height:auto;
	position:relative;
	z-index:0;
}
.wor_conbg_top{
	background-image:url(../img/wor/wor_top_bg.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.wor_conbg_01{
	background-image:url(../img/wor/wor_01_bg.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.wor_conbg_02{
	background-image:url(../img/wor/wor_02_bg.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.wor_conbg_03{
	background-image:url(../img/wor/wor_03_bg.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.wor_conbg_04{
	background-image:url(../img/wor/wor_04_bg.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.wor_conbg_05{
	background-image:url(../img/wor/wor_05_bg.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.wor_conbg_05{
	background-image:url(../img/wor/wor_06_bg.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
#wor_container #wor_maintitle{
	width:100%;
	height:auto;
	margin-top:20px;
}
#wor_container #wor_maintitle .container{
	width:90%;
	height:auto;
}
#wor_container #wor_top_btnarea{
	width:100%;
	margin:0 auto;
	margin-top:40px;
	text-align:center;
}
#wor_container #wor_top_btnarea ul{
	list-style-type:none;
}
#wor_container #wor_top_btnarea li{
	width:40vw;
	display:inline-block;
	position:relative;
	/*margin:0 10px 20px 10px;*/
}
#wor_container #wor_top_btnarea li a:hover{
	filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
}

#wor_container #wor_subhead{
	width:100%;
	height:13px;
	background-image:url(../img/wor/wor_subhead_sp.png);
	background-repeat:no-repeat;
	background-position:center top;
	margin-top:10px;
}
#wor_container .main_container{
	width:90%;
	height:auto;
	/*min-height:450px;*/
	margin:0 auto;
	margin-top:20px;
	position:relative;
	z-index:2;
}
#wor_container .wor_01_img01{
	width:100%;
}
.wor_01_img01 .imgbox_type01{
	width:95%;
	height:auto;
	border:1px solid #c9ced2;
	padding:4px;
	box-sizing:border-box;
	margin:0 auto;
	font-size:0;
	background-color:rgba(255,255,255,0.75);
	position:relative;
	margin-top:1px;
}
.wor_01_img01 .imgbox_type01 .imgarea{
	width:100%;
	height:auto;
	border:1px solid #002643;
	box-sizing:border-box;
	font-size:0;
	position:relative;
	z-index:1;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.wor_01_img01 .imgbox_type01 .imgarea img{
	width:100%;
	font-size:0;
}
.wor_01_img01 .imgbox_type01 .imgarea a:hover{
	filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
}

#wor_container .wor_01_textarea01{
	width:98%;
	margin:0 auto;
	margin-top:10px;
	font-size:3.2vw;
	line-height:5vw;
	color:#585656;
	text-align:center;
}

#wor_container .etcimg01{
	width:95%;
	height:auto;
	margin:0 auto;
	text-align:center;
	margin-top:10px;
}






/*
[SYSTEM] -------------------------------------*/
#sys_container{
	width:100%;
	height:auto;
	position:relative;
	z-index:0;
}
.sys_conbg_top{
	background-image:url(../img/sys/sys_top_bg.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.sys_conbg_01{
	background-image:url(../img/sys/sys_01_bg.jpg);
	background-attachment:fixed;
	background-position:left top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.sys_conbg_02{
	background-image:url(../img/sys/sys_02_bg.jpg);
	background-attachment:fixed;
	background-position:left top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.sys_conbg_03{
	background-image:url(../img/sys/sys_03_bg.jpg);
	background-attachment:fixed;
	background-position:left top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.sys_conbg_04{
	background-image:url(../img/sys/sys_04_bg.jpg);
	background-attachment:fixed;
	background-position:left top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
.sys_conbg_05{
	background-image:url(../img/sys/sys_05_bg.jpg);
	background-attachment:fixed;
	background-position:left top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
#sys_container #sys_maintitle{
	width:100%;
	height:auto;
	margin-top:20px;
}
#sys_container #sys_maintitle .container{
	width:90%;
	height:auto;
}
#sys_container #sys_top_btnarea{
	width:100%;
	margin:0 auto;
	margin-top:40px;
	text-align:center;
}
#sys_container #sys_top_btnarea ul{
	list-style-type:none;
}
#sys_container #sys_top_btnarea li{
	width:40vw;
	display:inline-block;
	position:relative;
	/*margin:0 10px 20px 10px;*/
}
#sys_container #sys_top_btnarea li a:hover{
	filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
}

#sys_container #sys_subhead{
	width:100%;
	height:13px;
	background-image:url(../img/sys/sys_subhead_sp.png);
	background-repeat:no-repeat;
	background-position:center top;
	margin-top:10px;
}
#sys_container .main_container{
	width:90%;
	height:auto;
	min-height:450px;
	margin:0 auto;
	margin-top:20px;
	position:relative;
	z-index:2;
}
#sys_catch{
	width:95%;
	height:8vw;
	margin:0 auto;
	margin-top:2px;
	margin-bottom:5px;
	font-size:0;
	text-align:center;
	position:relative;
}
#sys_catch_line{
	width:100%;
	height:1px;
	background-color:rgba(0,0,0,0.2);
	margin-top:3px;
	font-size:0;
}
#sys_catch_detail{
	width:100%;
	height:auto;
	padding:20px 5px 6px 5px;
	background-color:rgba(255,255,255,0.5);
	box-sizing:border-box;
}
	
#sys_catch_detail .ctext{
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:13px;
	color:#5b5b5b;
	line-height:19px;
	/*letter-spacing:1px;*/
}
#sys_catch_detail .ctext_pickup{
	text-align:center;
	font-size:3.5vw;
	color:#f20000;
	line-height:6vw;
	padding-top: 1.5vw;
	padding-bottom: 4vw;
	font-weight: bold;
	/*letter-spacing:1px;*/
}
.pickuptextarea{
	width:60%;
	text-align:center;
	height:auto;
	padding:5px 10px;
	margin:0 auto;
	margin-top:10px;
	border-radius:20px;
	background-color:rgba(255,255,255,0.5);
}

#sys_container .sys_01_etcimg01{
	display:none;
}
#sys_container .sys_01_etcimg01_sp{
	width:98%;
	height:auto;
	margin:0 auto;
	margin-top:10px;
}
#sys_container .sys_01_etcimg01{
	width:98%;
	height:auto;
	margin:0 auto;
	margin-top:10px;
}
#sys_container .sys_01_arrow01{
	width:100%;
	height:auto;
	text-align:center;
	margin-top:15px;
	margin-bottom:10px;
}
#sys_container .sys_01_simble01{
	width:55%;
	text-align:left;
	height:auto;
	margin:10px 0 0 10px;
	padding:4px 10px 0 5px;
	border-radius:20px;
	background-color:rgba(255,255,255,0.9);
}
#sys_container .sys_01_simble02{
	width:80%;
	text-align:left;
	height:auto;
	margin:10px 0 0 10px;
	padding:4px 10px 0 5px;
	border-radius:20px;
	background-color:rgba(255,255,255,0.9);
}
#sys_container .spacer01{
	display:none;
}





/*
[ARTIST] -------------------------------------*/
#art_container{
	width:100%;
	height:auto;
	position:relative;
	z-index:0;
	background-image:url(../img/art/art_bg.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
#art_container #art_maintitle{
	width:100%;
	height:auto;
	margin-top:20px;
}
#art_container #art_maintitle .container{
	width:90%;
	height:auto;
}
#art_container #art_subhead{
	width:100%;
	height:13px;
	background-image:url(../img/art/art_subhead_sp.png);
	background-repeat:no-repeat;
	background-position:center top;
	margin-top:10px;
}
#art_container .main_container{
	width:90%;
	height:auto;
	min-height:350px;
	margin:0 auto;
	margin-top:20px;
	position:relative;
	z-index:2;
}
#art_container .category{
	width:100%;
	height:auto;
	margin:0 auto;
}
#art_container .category_line{
	width:100%;
	font-size:0;
	background-color:#f1f1f1;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	letter-spacing:2px;
	color:#666;
	margin-top:8vw;
	margin-bottom:25px;
}
#art_container .category:after{
	content: "";
	clear: both;
	display: block;
}
#art_container .two_artist{
	width:100%;
	padding:0 2% 0 1%;
}
#art_container .two_artist:after{
	content: "";
	clear: both;
	display: block;
}
#art_container .category .art_imgbox_type01{
	width:100%;
	height:auto;
	border:1px solid #c9ced2;
	padding:4px;
	box-sizing:border-box;
	margin:0 0 0 0px;
	font-size:0;
	background-color:rgba(255,255,255,0.75);
	position:relative;
	margin-top:1px;
}
#art_container .category .sp_img{
	width:48% !important;
	float:left;
}
.art_imgbox_type01 .imgarea{
	width:100%;
	height:auto;
	border:1px solid #002643;
	box-sizing:border-box;
	font-size:0;
	position:relative;
	z-index:1;
}

.art_imgbox_type01 .imgarea img{
	width:100%;
	font-size:0;
}
.art_imgbox_type01 .imgarea a:hover{
	filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
}
#art_container .category .spacer01{
	width:4px;
	height:10px;
	float:left;
}
#art_container .category .spacer02{
	height:15px;
	clear:both;
}
#art_container .category .prof01{
	width:100%;
	height:auto;
	border:1px solid #d1d2d2;
	padding:20px;
	box-sizing:border-box;
	float:right;
	background-image:url(../img/art/art_textbg01.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-color:#FFF;
}
#art_container .category .prof02{
	width:100%;
	height:auto;
	border:1px solid #d1d2d2;
	padding:20px;
	box-sizing:border-box;
	margin:0 auto;
	background-image:url(../img/art/art_textbg01.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	background-color:#FFF;
}
#art_container .category .name01{
	font-size:30px;
	font-weight:500;
	color:#e441d7;
	/*letter-spacing:2px;*/
	padding:5px 0;
	text-shadow:0 0 5px rgba(255,141,236,0.9);
}
#art_container .category .name02{
	font-size:30px;
	font-weight:500;
	color:#216da7;
	/*letter-spacing:2px;*/
	padding:5px 0;
	text-shadow:0 0 5px rgba(141,192,236,0.9);
}
#art_container .category .music_title{
	font-size:14px;
	line-height:18px;
	font-weight:500;
	color:#007497;
	/*letter-spacing:2px;*/
	padding:5px 0 10px 0;
	text-shadow:0 0 5px rgba(104,184,217,0.9);
}
#art_container .category .history{
	font-size:14px;
	line-height:25px;
	font-weight:500;
	color:#002643;
	padding:10px 0 0 0;
	/*letter-spacing:1px;*/
	text-shadow:0 0 5px rgba(148,148,148,0.9);
}

#art_container .text_collapse{
	padding:0px 0 10px 10px;
}


#art_container .clearboth a:link{
	color:#007497;
}
#art_container .clearboth a:visited{
	color:#007497;
}
#art_container .clearboth a:hover{
	color:#ff0000;
}






/*
[MOVIE] -------------------------------------*/
#mov_container{
	width:100%;
	height:auto;
	position:relative;
	z-index:0;
	background-image:url(../img/mov/mov_bg.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
#mov_container #mov_maintitle{
	width:100%;
	height:auto;
	margin-top:20px;
}
#mov_container #mov_maintitle .container{
	width:90%;
	height:auto;
}
#mov_container #mov_subhead{
	width:100%;
	height:13px;
	background-image:url(../img/mov/mov_subhead_sp.png);
	background-repeat:no-repeat;
	background-position:center top;
	margin-top:10px;
}
#mov_container .main_container{
	width:90%;
	height:auto;
	/*min-height:350px;*/
	margin:0 auto;
	margin-top:20px;
	position:relative;
	z-index:2;
}
#mov_container .youtube_channel{
	height:50px;
	text-align:right;
	margin-right:15px;
}
#mov_container .mov_pc{
	display:none;
}




/*
[SPECIAL] -------------------------------------*/
#spe_container{
	width:100%;
	height:auto;
	position:relative;
	z-index:0;
	background-image:url(../img/spe/spe_bg.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
#spe_container #spe_maintitle{
	width:100%;
	height:auto;
	margin-top:20px;
}
#spe_container #spe_maintitle .container{
	width:90%;
	height:auto;
}
#spe_container #spe_subhead{
	width:100%;
	height:13px;
	background-image:url(../img/spe/spe_subhead_sp.png);
	background-repeat:no-repeat;
	background-position:center top;
	margin-top:10px;
}
#spe_container .main_container{
	width:90%;
	height:auto;
	/*min-height:350px;*/
	margin:0 auto;
	margin-top:20px;
	position:relative;
	z-index:2;
}
.spe_linktext01{
	width:30%;
	margin:1vw 1% 1vw 1%;
	text-align:center;
	font-size:3vw;
	color:#585656;
	border-radius:3.5vw;
	background-color:rgba(255,255,255,0.7);
	padding:1vw 1.25vw 0.5vw 1.25vw;
	box-sizing:border-box;
	float:left;
}
.spe_linktext01 a:link{
	color:#585656;
	text-decoration:underline;
}
.spe_linktext01 a:visited{
	color:#585656;
	text-decoration:underline;
}
.spe_linktext01 a:hover{
	color:#585656;
	text-decoration:underline;
}

.twicon_imgbox_lump{
	width:46%;
	margin:1vw 2% 2vw 2%;
	margin-top:5px;
	float:left;
}
.twicon_imgbox_type01{
	width:100%;
	height:auto;
	border:1px solid #c9ced2;
	padding:4px;
	box-sizing:border-box;
	margin:0 auto;
	font-size:0;
	background-color:rgba(255,255,255,0.75);
	position:relative;
	margin-top:1px;
}
.twicon_imgbox_type01 .imgarea{
	width:100%;
	height:auto;
	border:1px solid #002643;
	box-sizing:border-box;
	font-size:0;
	position:relative;
	z-index:1;
	font-size:0;
}
.twicon_imgbox_type01 .imgarea a:hover{
	filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
}
.twicon_imgbox_type01 .imgarea img{
	width:120%;
}


	
	
/*
[DLC] -------------------------------------*/
#dlc_container{
	width:100%;
	height:auto;
	position:relative;
	z-index:0;
	background-image:url(../img/dlc/dlc_bg.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
#dlc_container #dlc_maintitle{
	width:100%;
	height:auto;
	margin-top:20px;
}
#dlc_container #dlc_maintitle .container{
	width:90%;
	height:auto;
}
#dlc_container #dlc_subhead{
	width:100%;
	height:13px;
	background-image:url(../img/dlc/dlc_subhead_sp.png);
	background-repeat:no-repeat;
	background-position:center top;
	margin-top:10px;
}
#dlc_container .main_container{
	width:90%;
	height:auto;
	/*min-height:350px;*/
	margin:0 auto;
	margin-top:20px;
	position:relative;
	z-index:2;
}
#dlc_container .chara_img{
	width: 48%;
	float: left;
	margin: 5vw 0 0 2%;
	font-size: 0;
	box-sizing: border-box;
}
#dlc_container .chara_text{
	width: 48%;
	float: left;
	margin: 15vw 0 0 2%;
	font-size: 0;
	box-sizing: border-box;
}
#dlc_container .dlc_pickup{
	text-align: center;
	font-size: 3vw;
	font-weight: bold;
	line-height: 6vw;
	background-color: #f20000;
	border: 1px solid #ff0000;
	width: 96%;
	margin: 0 2%;
	margin-top: 5vw;
	padding: 0.5vw 0;
	color: #fff;
}
#dlc_container .dlc_pickup a:link{
	display: block;
	text-decoration: none;
	color: #fff;
}
#dlc_container .dlc_pickup a:visited{
	text-decoration: none;
	color: #fff;
}
#dlc_container .dlc_pickup a:hover{
	text-decoration:underline;
	color: #fff;
}
	
	
	

/*
[RECITAL] -------------------------------------*/
#rec_container{
	width:100%;
	height:auto;
	position:relative;
	z-index:0;
	background-image:url(../img/rec/rec_bg.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
#rec_container #rec_maintitle{
	width:100%;
	height:auto;
	margin-top:20px;
}
#rec_container #rec_maintitle .container{
	width:90%;
	height:auto;
}
#rec_container .main_container{
	width:90%;
	height:auto;
	min-height:350px;
	margin:0 auto;
	margin-top:20px;
	position:relative;
	z-index:2;
}
#rec_container .outlink_box{
	width:94%;
	margin:0 3%;
	margin-top:2vw;
}
#rec_container .outlink_box .linktext{
	width:100%;
	border-radius:10px;
	background-color:#d20000;
	text-align:center;
	font-size:12px;
	color:#FFF;
	line-height:12px;
	box-sizing:border-box;
	height:32px;
	margin-top:1vw;
	margin-bottom:1vw;
}
#rec_container .outlink_box .linktext a:link{
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:10px;
	border-radius:10px;
}
#rec_container .outlink_box .linktext a:visited{
	color:#FFF;
	text-decoration:none;
}
#rec_container .outlink_box .linktext a:hover{
	color:#FFF;
	text-decoration:none;
	background-color:#002643;
}
#rec_container .imgboxtext_rec{
	width:100%;
	margin:0 auto;
	margin-top:2vw;
	text-align:center;
	font-size:13px;
	line-height:18px;
	color:#585656;
	border-radius:15px;
	background-color:rgba(255,255,255,0.7);
	padding:1vw 2.5vw 0.5vw 2.5vw;
	box-sizing:border-box;
}
#rec_container .imgboxtext_rec02{
	width:100%;
	margin:0 auto;
	margin-top:2vw;
	font-size:2.6vw;
	line-height:4vw;
	color:#585656;
	border-radius:15px;
	background-color:rgba(255,255,255,0.7);
	padding:1vw 2.5vw 0.5vw 2.5vw;
	box-sizing:border-box;
}
#rec_container .rec_pc{
	display:none;
}



/*
[LOTTERY] -------------------------------------*/
#lot_container{
	width:100%;
	height:auto;
	position:relative;
	z-index:0;
	background-image:url(../img/rec/rec_bg.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
#lot_container #lot_maintitle{
	width:100%;
	height:auto;
	margin-top:20px;
}
#lot_container #lot_maintitle .container{
	width:90%;
	height:auto;
}
#lot_container #lot_subhead{
	width:100%;
	height:13px;
	background-image:url(../img/lot/lot_subhead_sp.png);
	background-repeat:no-repeat;
	background-position:center top;
	margin-top:10px;
}
#lot_container .main_container{
	width:96%;
	height:auto;
	min-height:350px;
	margin:0 2%;
	margin-top:20px;
	position:relative;
	z-index:2;
}

#lot_container .main_container .detail_container{
	width:100%;
	height:auto;
	background-color:rgba(255,255,255,0.7);
	border:1px solid #bcbcbc;
	box-sizing:border-box;
	margin:0 auto;
	position:relative;
	z-index:2;
}
#lot_container .main_container .detail_container .mtitle{
	width:100%;
	background-color:#007497;
	font-size:4vw;
	color:#FFFFFF;
	text-align:center;
	margin-top:4vw;
	padding-top:0.5vw;
}
#lot_container .main_container .detail_container .textarea01{
	width:92%;
	margin:0 4%;
	margin-top:7.5vw;
	font-size:3vw;
	font-weight:bold;
	color:#007497;
}
#lot_container .main_container .detail_container .lot_ctsarea{
	width:95%;
	margin:0 3% 0 2%;
	margin-top:7vw;
}
.lot_ctsarea .stitle01{
	width:100%;
	padding:0.5vw 0 0 0;
	font-size:3vw;
	color:#fff;
	background-color:#007497;
	margin-top:2.5vw;
	text-align:center;
}
.lot_ctsarea .textarea02{
	width:100%;
	padding:3.75vw 0 2.5vw 0;
	font-size:2.8vw;
	font-weight:bold;
	color:#333333;
}
.lot_ctsarea .textarea02 li{
	margin-left: 15px;
}
.lot_ctsarea .textarea02 .table{
	width:100%;
}
.lot_ctsarea .textarea02 .dt{
	width:100%;
}
.lot_ctsarea .textarea02 .dd{
	width:100%;
}
.lot_ctsarea .att_text01{
	padding:1.25vw 0 2.5vw 2.5vw;
	font-size:2.3vw;
	line-height:2.3vw;
	font-weight:normal;
	color:#333333;
}
.map_sptext{
	font-size:2.6vw;
	text-align:center;
	margin-bottom:3vw;
}
.map_sptext a:link{
	color:#007497;
	text-decoration:underline;
}
.lot_ctsarea .leftbox{
	display:none;
}
.lot_ctsarea .rightbox{
	display:none;
}
.lot_ctsarea .map{
	width:100%;
	margin:2.5vw 5vw 1.25vw 5vw;
	border:1px solid #007497;
	box-sizing:border-box;
}
.lot_ctsarea .maptext{
	width:100%;
	font-size:2vw;
	margin:0px 5vw 1vw 5vw;
	color:#007497;
	text-align:center;
}




/*
[SUBPAGE_COMMON] -------------------------------------*/

#subpage_subtitle{
	width:100%;
	height:auto;
	background-color:rgba(255,255,255,0.4);
	margin-top:6px;
}
#subpage_subtitle .container{
	width:100%;
	margin:0 auto;
}
#subpage_subtitle .container ul{
	width:95%;
	list-style-type:none;
	font-size:15px;
	color:#244e6e;
	padding:4px 0 4px 0;
	/*letter-spacing:1px;*/
	text-align:center;
}
#subpage_subtitle .container li{
	display:inline-block;
	border-left:1px solid #002643;
	border-right:1px solid #002643;
	padding:0 0px 0 5px;
	position:relative;
	margin-bottom:10px;
}
#subpage_subtitle .container li:last-child{
	padding:0 5px 0 5px;
}
#subpage_subtitle .container li a:link{
	color:#244e6e;
	text-decoration:none;
	padding:4px 10px 3px 10px;
}
#subpage_subtitle .container li a:visited{
	color:#244e6e;
	text-decoration:none;
}
#subpage_subtitle .container li a:hover{
	color:#FFF;
	text-decoration:none;
	transition:background-color 0.1s;
	transition-timing-function:ease-in-out;
	background-color:rgba(0,38,67,0.8);
}
#subpage_subsubtitle{
	width:100%;
	height:auto;
	background-color:rgba(0,38,67,0.8);
	margin:16px 0 0px 0;
}
#subpage_subsubtitle .container{
	width:100%;
	margin:0 auto;
	height:auto;
	color:#FFF;
	font-size:16px;
	line-height:26px;
	padding:0 0 0 5px;
	box-sizing:border-box;
	/*letter-spacing:1px;*/
}
#subpage_subsubtitle .container ul{
	list-style-type:none;
}
#subpage_subsubtitle .container li:nth-child(1){
	background-image:url(../img/subpage_subsub_simble.png);
	background-repeat:no-repeat;
	background-position:left 3px;
	text-indent:38px;
	display:inline-block;
}
#subpage_subsubtitle .container li:nth-child(2){
	background-image:none;
	display:inline-block;
}
.subtitle_container_newmark{
	height:16px;
	line-height:16px;
	font-size:13px;
	color:#fefe2c;
	background-color:rgba(255,255,243,0.28);
	border:1px solid #ffff00;
	padding:0 5px;
	box-sizing:border-box;
}
.ctop_backbtn{
	width:83px;
	height:30px;
	position:absolute;
	top:115px;
	left:10px;
}
.ctop_backbtn a:hover{
	filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
}

.ctop_backbtn{
	display:none;
}

.ctop_backbtn_sp{
	width:83px;
	height:30px;
	margin:10px 0 0 10px;
}
.ctop_backbtn_sp a:hover{
	filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
}

.subhead_space{
	height:30px;
}
.cts_title_pc{
	display:none;
}





/* ----- middlebox_solo ----- */
.subpage_imgbox_lump_solo{
	width:auto;
	margin:0 auto;
	margin-top:5px;
}
.subpage_imgbox_type01{
	width:95%;
	height:auto;
	border:1px solid #c9ced2;
	padding:4px;
	box-sizing:border-box;
	margin:0 auto;
	font-size:0;
	background-color:rgba(255,255,255,0.75);
	position:relative;
	margin-top:1px;
}
.subpage_imgbox_type01 .imgarea{
	width:100%;
	height:auto;
	border:1px solid #002643;
	box-sizing:border-box;
	font-size:0;
	position:relative;
	z-index:1;
	font-size:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.subpage_imgbox_type01 .imgarea a:hover{
	filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
}
.subpage_imgbox_type01 .imgarea img{
	width:120%;
}

.img_newmark01{
	width:28px;
	height:28px;
	position:absolute;
	z-index:3;
	top:-10px;
	left:-10px;
	background-image:url(../img/newmark01.gif);
	background-repeat:no-repeat;
	background-position:center top;
}
.catch_newmark01{
	width:68px;
	height:11px;
	position:absolute;
	z-index:3;
	top:8vw;
	left:50%;
	margin-left:-34px;
	background-image:url(../img/newmark02.png);
	background-repeat:no-repeat;
	background-position:center top;
}
.maintitle_newmark{
	width:33px;
	height:14px;
	position:absolute;
	top:-10px;
	left:14.5vw;
	background-image:url(../img/maintitle_newmark.png);
	background-repeat:no-repeat;
	background-position:center top;
}
.subtitle_newmark{
	width:25px;
	height:11px;
	position:absolute;
	top:18px;
	left:50%;
	margin-left:-12px;
	background-image:url(../img/subtitle_newmark.png);
	background-repeat:no-repeat;
	background-position:center top;
}
.chamenu_newmark01{
	width:15vw;
	height:28px;
	position:absolute;
	z-index:3;
	top:0px;
	left:50%;
	margin-left:-50%;
	background-image:url(../img/newmark01.gif);
	background-repeat:no-repeat;
	background-size:5vw auto;
}
.chatop_newmark01{
	width:28px;
	height:28px;
	position:absolute;
	z-index:3;
	top:15px;
	left:15px;
	background-image:url(../img/newmark01.gif);
	background-repeat:no-repeat;
	background-position:center top;
}
.img_zoommark{
	display:none;
}

/* ----- middlebox_double ----- */
.subpage_imgbox_lump{
	width:95%;
	margin:0 auto;
	margin-top:5px;
	margin-bottom:10px;
	position:relative;
}
.subpage_imgbox_type02{
	width:100%;
	height:auto;
	border:1px solid #c9ced2;
	padding:4px;
	box-sizing:border-box;
	margin:0 auto;
	font-size:0;
	background-color:rgba(255,255,255,0.75);
	position:relative;
}
.subpage_imgbox_type02 .imgarea{
	width:100%;
	height:auto;
	border:1px solid #002643;
	box-sizing:border-box;
	font-size:0;
	position:relative;
	z-index:1;
	font-size:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.subpage_imgbox_type02 .imgarea a:hover{
	filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
}

.subpage_imgbox_type03{
	width:100%;
	height:auto;
	border:1px solid #c9ced2;
	padding:4px;
	box-sizing:border-box;
	margin:0 auto;
	font-size:0;
	background-color:rgba(255,255,255,0.75);
	position:relative;
}
.subpage_imgbox_type03 .imgarea{
	width:100%;
	height:auto;
	border:1px solid #002643;
	box-sizing:border-box;
	font-size:0;
	position:relative;
	z-index:1;
	font-size:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.subpage_imgbox_type03 .imgarea a:hover{
	filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
}


.subpage_imgboxtext01{
	width:100%;
	margin:0 auto;
	margin-top:5px;
	text-align:left;
	font-size:5vw;
	line-height:26px;
	color:#ff4481;
	font-weight:300;
}
.subpage_imgboxtext02{
	width:99%;
	margin:0 auto;
	margin-top:3px;
	text-align:left;
	font-size:13px;
	line-height:18px;
	color:#585656;
	font-weight:300;
}
.subpage_imgboxtext03{
	width:98%;
	margin:0 auto;
	margin-top:3px;
	text-align:center;
	font-size:13px;
	line-height:18px;
	color:#585656;
	font-weight:300;
	border-radius:15px;
	background-color:rgba(255,255,255,0.7);
	padding:4px 5px 2px 5px;
	box-sizing:border-box;
}
.subpage_imgboxtext03b{
	width:98%;
	margin:0 auto;
	margin-top:3px;
	text-align:center;
	font-size:13px;
	line-height:18px;
	color:#585656;
	font-weight:300;
	border-radius:15px;
	background-color:rgba(255,255,255,0.7);
	padding:4px 5px 2px 5px;
	box-sizing:border-box;
}
.subpage_imgboxtext04{
	width:98%;
	margin:0 auto;
	margin-top:3px;
	text-align:center;
	font-size:13px;
	line-height:18px;
	color:#585656;
	font-weight:300;
	border-radius:15px;
	background-color:rgba(255,255,255,0.7);
	padding:4px 5px 2px 5px;
	box-sizing:border-box;
}
.subpage_imgboxtexttitle01{
	width:100%;
	margin-top:5px;
	text-align:center;
	font-size:4.4vw;
	line-height:26px;
	color:#ff4481;
	font-weight:300;
	border-radius:15px;
	background-color:rgba(255,255,255,0.7);
	padding:4px 5px 2px 5px;
	box-sizing:border-box;
}

#img_attention{
	width:100%;
	text-align:center;
	font-size:12px;
	color:#666;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:60px 0 15px 0;
}



/*
[PRODUCTS] -------------------------------------*/
#pro_container{
	height:100%;
	position:relative;
	background-image:url(../img/pro/pro_01_bg.jpg);
	background-attachment:fixed;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	z-index:0;
}
#pro_container #pro_maintitle{
	width:100%;
	height:auto;
	margin-top:20px;
}
#pro_container #pro_maintitle .container{
	width:100%;
	height:auto;
	margin:0 auto;
}
#pro_container #pro_top_btnarea{
	width:100%;
	margin:0 auto;
	margin-top:40px;
}
#pro_container #pro_top_btnarea ul{
	list-style-type:none;
}
#pro_container #pro_top_btnarea li{
	display:inline-block;
	margin:0 10px 20px 10px;
}
#pro_container #pro_top_btnarea li a:hover{
	filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
}

#pro_container #pro_subhead{
	width:100%;
	height:13px;
	background-image:url(../img/pro/pro_subhead.png);
	background-repeat:no-repeat;
	background-position:center top;
	margin-top:13px;
}
#pro_container .main_container{
	width:90%;
	height:auto;
	min-height:450px;
	margin:0 auto;
	margin-top:20px;
	position:relative;
	z-index:2;
}
.jacket_container{
}
#pro_container .jacket_img{
	width:100%;
	margin:0 auto;
	margin-top:20px;
	display:inline-block;
}
#pro_container .jacket_img img:nth-child(1){
	width:55%;
	padding:0 4%;
	box-sizing:border-box;
	float:left;
}
#pro_container .jacket_img img:nth-child(2){
	width:45%;
	padding:0 4%;
	box-sizing:border-box;
	float:left;
	position:relative;
	margin-top:11%;
}
.clearfix::after{
	clear: both;
    content: "";
    display: block;
}
#pro_container .jacket_img ul{
	list-style-type:none;
	margin:0 0 0 30px;
}
#pro_container .jacket_img  li{
	display:inline-block;
	margin:0 10px;
}
#pro_container .textarea01{
	font-size:14px;
	line-height:20px;
	font-weight:300;
	color:#5d5d5d;
	width:100%;
	margin:0 auto;
	margin-top:15px;
}
#pro_container .textarea01 ul{
	text-align:left;
	list-style-type:none;
	border-bottom:1px solid #666;
	border-top:1px solid #666;
	margin-top:3px;
}
#pro_container .textarea01 li:nth-child(1){
	border-bottom:1px dotted #666;
}
#pro_container .textarea01 li:nth-child(2){
	
}
#pro_container .textarea02{
	font-size:14px;
	line-height:20px;
	font-weight:300;
	color:#5d5d5d;
	width:100%;
	margin:0 auto;
	margin-top:25px;
	padding:0 0 0 0px;
	text-align:center;
}
#pro_container .textarea02 ul{
	text-align:left;
	list-style-type:none;
	border-bottom:1px solid #666;
	border-top:1px solid #666;
	margin-top:3px;
}
#pro_container .textarea02 li:nth-child(1){
	border-bottom:1px dotted #666;
}
#pro_container .textarea02 li:nth-child(2){
	
}
#pro_container .buybtn01{
	width:100%;
	height:auto;
	margin:0 auto;
	padding-top:30px;
	text-align:center;
}
#pro_container .buybtn02{
	width:100%;
	height:auto;
	margin:0 auto;
	padding-top:30px;
	text-align:center;
}
#pro_container .buybtn02 ul{
	list-style-type:none;
}
#pro_container .buybtn02 li{
	margin-bottom:5px;
}
#pro_container .buybtn02 li:first-child{
}
#pro_container .pbox_img{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:10px;
}
#pro_container .pbox_att_text01{
	width:100%;
	font-size:11px;
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top:3px;
	padding:0 0px 0 0px;
}
#pro_container .pbox_att_text01 ul{
	list-style-type:none;
}
#pro_container .pbox_att_text01 li{
}
#pro_container .cbox_img{
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:10px;
}
#pro_container .cbox_att_text01{
	width:100%;
	font-size:11px;
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0 auto;
	margin-top:3px;
	padding:0 0px 0 4px;
}
#pro_container .cbox_att_text02{
	width:100%;
	font-size:11px;
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0 auto;
	margin-top:3px;
	padding:0 0px 0 0px;
}

.pro_pickuptextarea01{
	width:90%;
	text-align:center;
	height:auto;
	padding:6px 10px 3px 10px;
	margin:0 auto;
	margin-top:10px;
	border-radius:20px;
	background-color:rgba(255,255,255,0.5);
}
#pro_container .tokuten_img{
	width:50%;
	height:auto;
	margin:0 auto;
	margin-top:10px;
}
#pro_container .tokuten_add_text{
	width:100%;
	text-align:center;
	margin:0 auto;
	margin-top:2.5vw;
	font-size:2.3vw;
	color:#353535;
	background-color:#ffe4dc;
	padding-top:0.5vw;
}
#pro_container .tokuten_add_text02{
	width:100%;
	text-align:center;
	margin:0 auto;
	margin-top:2.5vw;
	font-size:2.3vw;
	color:#353535;
	background-color:#ffe4dc;
	padding-top:0.5vw;
}
#pro_container .premium_cos_img{
	width:90%;
	height:auto;
	margin-top:10px;
	position:relative;
	left:50%;
	margin-left:-45%;
}

#pro_container .category{
	width:48%;
	height:auto;
	float:left;
	margin:0 1%;
	margin-bottom:1.5vw;
}
#pro_container .category .pro_imgbox_type01{
	width:100%;
	height:auto;
	border:1px solid #c9ced2;
	padding:4px;
	box-sizing:border-box;
	margin:0 0 0 0px;
	font-size:0;
	background-color:rgba(255,255,255,0.75);
	position:relative;
	margin-top:1px;
}
.pro_imgbox_type01 .shopname{
	width:100%;
	height:40px;
	background-color:#007398;
	font-size:2.5vw;
	font-weight:600;
	color:#fff;
	text-align:center;
	line-height:40px;
	border-top:1px solid #002643;
	border-right:1px solid #002643;
	border-left:1px solid #002643;
	box-sizing:border-box;
}
.pro_imgbox_type01 .imgarea{
	width:100%;
	height:auto;
	border:1px solid #002643;
	box-sizing:border-box;
	font-size:0;
	position:relative;
	z-index:1;
}
.pro_imgbox_type01 .imgarea img{
	width:100%;
	font-size:0;
}
.pro_imgbox_type01 .imgarea a:hover{
	filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
}
.pro_imgbox_type01 .att_textarea{
	width:100%;
	height:auto;
	background-color:rgba(0,0,0,0.7);
	padding:10px 5px 5px 5px;
	box-sizing:border-box;
	color:#FFF;
	text-shadow:0 0 5px #000;
	position:absolute;
	bottom:0;
	text-align:center;
	line-height:2.5vw;
}
.pro_imgbox_type01 .att_textarea .font01{
	text-align:center;
	font-size:2.4vw;
	font-weight:bold;
	margin-bottom:3px;
}
.pro_imgbox_type01 .att_textarea .font02{
	text-align:center;
	font-size:2.1vw;
}
.pro_imgbox_type01 .illustname01{
	font-size:1.5vw;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding:4px 10px 2px 10px;
	border-radius:20px;
	background-color:#f364dd;
	position:absolute;
	right:5px;
	box-sizing:border-box;
	text-shadow:0 0 5px #9e0987;
	box-shadow:0 0 3px rgba(0,0,0,0.5);
}
.pro_imgbox_type01 .illustname02{
	font-size:1.5vw;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding:4px 10px 2px 10px;
	border-radius:20px;
	background-color:#3990e2;
	position:absolute;
	right:5px;
	box-sizing:border-box;
	text-shadow:0 0 5px #093f68;
	box-shadow:0 0 3px rgba(0,0,0,0.5);
}
.pro_imgbox_type01 .att_textline_zero{
	top:5px;
}
.pro_imgbox_type01 .att_textline_one{
	top:5px;
}
.pro_imgbox_type01 .att_textline_two{
	top:5px;
}
.pro_imgbox_type01 .itemname{
	width:100%;
	border:1px solid rgba(0,0,0,0.4);
	padding:0.7vw;
	box-sizing:border-box;
	color:#01587a;
	text-align:center;
	margin-top:3px;
	line-height:3.3vw;
}
.pro_imgbox_type01 .itemname .font01{
	text-align:center;
	font-size:2.6vw;
	font-weight:bold;
}
.pro_imgbox_type01 .itemname .font02{
	text-align:center;
	font-size:2vw;
}
#pro_container .category .linkbtn01{
	width:70%;
	height:auto;
	position:relative;
	margin-top:7px;
	margin-left:16%;
}

#bgm_btn{
	width:48px;
	height:48px;
	position:fixed;
	bottom:20px;
	left:10px;
	z-index:101;
	cursor:pointer;
}
#bgm_btn .icon{
	position:absolute;
	width:100px;
	height:91px;
	background-image:url(../img/pro/bgm_btn_icon.png);
	top:-85px;
	left:-10px;
	background-size:cover;
}
#bgm_btn .icon img{
	width:100px;
}
#bgm_btn img{
	width:48px;
}

#bgm_player{
	width:172px;
	height:54px;
	position:fixed;
	bottom:20px;
	left:20px;
	z-index:101;
	display:none;
}
#bgm_player .icon{
	position:absolute;
	width:151px;
	height:138px;
	background-image:url(../img/pro/bgm_btn_icon.png);
	top:-130px;
	left:-10px;
}
#bgm_player .player{
	width:172px;
	height:54px;
	box-sizing:border-box;
	border:3px solid #FFF;
	background-color:rgba(0,0,0,0.8);
}
#bgm_player .player .bgmbtn02{
	width:29px;
	height:29px;
	float:left;
	margin:9px 0 0 10px;
	cursor:pointer;
}
#bgm_player .player .bgmlist{
	width:100px;
	height:54px;
	float:right;
	margin:6px 12px 0 0;
	font-size:12px;
	position:relative;
}
#bgm_player .player .bgmlist ul{
	list-style-type:none;
}
#bgm_player .player .bgmlist li{
	display:block;
	color:#FFF;
	cursor:pointer;
}
#bgm_player .player .bgmlist .bgmnewmark{
	width:33px;
	height:14px;
	position:absolute;
	top:7px;
	right:10px;
	background-image:url(../img/maintitle_newmark.png);
	background-repeat:no-repeat;
	background-position:center top;
}




/*
banner -------------*/

.topbanner_jd_pc{
	display:none;
}
#bannertype01{
	width:98%;
	margin:0 1%;
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	font-size:0;
}
#bannertype01 img{
	width:100vw;
}
#bannertype01 ul{
	list-style-type:none;
}
#bannertype01 li{
	width:48%;
	margin:0 1%;
	margin-bottom:10px;
	display:inline-block;
	position:relative;
}
#bannertype01 li:last-child{
}
#bannertype01 li a:hover{
	filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
}
#bannertype02{
	width:98%;
	margin:0 1%;
	text-align:center;
	margin-top:10px;
	font-size:0;
}
#bannertype02 img{
	width:100vw;
}
#bannertype02 ul{
	list-style-type:none;
}
#bannertype02 li{
	width:48%;
	margin:0 1%;
	display:inline-block;
	margin-bottom:10px;
	position:relative;
}
#bannertype02 li:last-child{
}
#bannertype02 li a:hover{
	filter:alpha(opacity=70);
     -moz-opacity:0.70;
     -khtml-opacity: 0.70;
     opacity:0.70;
}
#bannertype03{
	width:95%;
	margin:0 auto;
	text-align:center;
	margin-top:25px;
	margin-bottom:5px;
	position:relative;
}



/*
footer -------------*/
#footer{
	width:100%;
	height:auto;
	background-color:#FFF;
	border-top:1px solid #a2a2a2;
	position:relative;
}
.topline{
	width:100%;
	height:1px;
	font-size:0;
	background-color:#a2a2a2;
	margin-bottom:2px;
}
.spec_container{
	width:100%;
	height:auto;
	margin:0 auto;
}
.spec_container .spectitle{
	width:100%;
	height:26px;
	padding:15px 0 0 10px;
	margin-bottom:50px;
	position:relative;
	box-sizing:border-box;
}
.spec_container .spectitle .infolink{
	font-size:11px;
	line-height:16px;
	box-sizing:border-box;
	background-color:#FFF;
	border:1px solid #002643;
	border-radius:5px;
	color:#002643;
	position:absolute;
	top:45px;
	text-align:center;
	width:150px;
}
.spec_container .spectitle .infolink a:link{
	color:#002643;
	text-decoration:none;
	padding:5px 10px;
	display:block;
}
.spec_container .spectitle .infolink a:visited{
	color:#002643;
	text-decoration:none;
}
.spec_container .spectitle .infolink a:hover{
	color:#002643;
	text-decoration:none;
	background-color:#002643;
	color:#FFF;
}
.spec_container .spec{
	line-height:19px;
	color:#716f6f;
	padding:10px 13px;
	box-sizing:border-box;
	/*letter-spacing:1px;*/
	/*font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}
.spec .table{
	width:100%;
	margin:0 auto;
	display:table;
	font-weight:300;
}
.spec .table .th{
	width:100%;
	padding:3px 0 0 0;
	color:#21b3c2;
	font-size:15px;
	border-bottom:1px dotted #716f6f;
}
.spec .table .td{
	font-size:13px;
	padding-top:2px;
	padding-bottom:5px;
}
.spec .dlwaku{
	width:90%;
	color:#F00;
	border:1px solid #F00;
	border-radius:5px;
	padding:5px;
	text-align:center;
}

#footer .container{
	height:auto;
	margin:0 auto;
	padding-bottom:60px;
}
#footer .container .linkarea{
	width:auto;
	margin:0 auto;
	text-align:center;
	margin-top:40px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	color:#000;
}
#footer .container .linkarea ul{
	list-style-type:none;
}
#footer .container .linkarea li{
	padding:0 5px;
	/*display:inline-block;*/
	font-size:14px;
}
#footer .container .linkarea li a:link{
	color:#000;
	text-decoration:none;
	padding:3px 10px;
}
#footer .container .linkarea li a:visited{
	color:#000;
	text-decoration:none;
}
#footer .container .linkarea li a:hover{
	color:#000;
	text-decoration:none;
	transition:background-color 0.5s;
	transition-timing-function:ease-in-out;
	background-color:rgba(0,0,0,0.2);
}

#footer .container .snslogo_area{
	width:240px;
	height:80px;
	margin:0 auto;
	margin-top:30px;
	text-align:center;
}

#footer .container .snslogo_area ul{
	width:auto;
	height:54px;
	float:left;
	list-style-type:none;
}

#footer .container .snslogo_area li{
	width:50px;
	float:left;
	margin-left:5px;
	display:inline-block;
}
#footer .container .snslogo_area li img{
	width:50px;
}
#footer .container .rights{
	width:95%;
	height:auto;
	margin:0 auto;
}
#footer .container .copyright{
	width:100%;
	text-align:center;
	margin:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:10px;
	margin-top:15px;
	margin-bottom:15px;
	color:#333;
}

#pagetop{
	width:80px;
	height:80px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	display: block;
	z-index:10;
	cursor:pointer;
}
#pagetop .arrow{
	width:80px;
	height:80px;
}

.sp_site{
	display:none;
}

}