@charset "utf-8";
@media only screen  and (max-width:768px){

/*=========== top =============*/
.top_bg {
	width:100% !important;
	height:100%;
	margin:0 auto;
	background:url(../img/top/top_bg.png) repeat-x;
}

.body_top {
	width:100% !important;
	padding-top:10px;
}


/*== body_top ==*/

#main_image {
	margin:3% auto;
	width:96%;
	height:100%;
	background: -webkit-gradient(linear,left top, left bottom,from(#f2f2f2),color-stop(0.45, #f2f2f2),color-stop(0.52, #f2f2f2),to(#fff));
	background: -moz-linear-gradient(top,#f2f2f2 0%,#f2f2f2 45%,#f2f2f2 52%,#fff 100%);
	background-color:#f2f2f2;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	-moz-box-shadow: 1px 1px 2px #ccc;
	box-shadow: 1px 1px 2px #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
}


.main_box {padding:10px;}
.mainimglist {display:none;}
.thumbnaillist ul {}
.thumbnaillist ul li {float:left; display:block; width:50%;}
.thumbnaillist ul li a {display:block; width:98%; height:auto; }

.thumbnaillist ul li a img {
	width:100%;
	max-width:100%;
	height:auto;
-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
	-ms-transition: .6s;
	transition: .6s;
}
	
.thumbnaillist ul li a:hover img {
	-webkit-box-shadow: 0px 0px 10px #3b9de2;
	-moz-box-shadow: 0px 0px 10px #3b9de2;
	box-shadow: 0px 0px 10px #3b9de2;
	filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;
}


/*== body_middle==*/

#body_middle {width:96%; margin:0 auto 2% auto;}
.banner_block01 {display:none;}


.banner_block_sp {
	display:block;
	width:96%;
	margin:0 auto 2% auto;
	}
	
	
.banner_block_sp a {
	width:100%;
	height:auto;
	display:block;
	
}

.banner_block_sp a img {
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
	-ms-transition: .6s;
	transition: .6s;
}

.banner_block_sp a:hover img {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}



.banner_block2_sp a img {
	display:block;
	width:100%;
	max-width:100%;
	height:auto;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
	-ms-transition: .6s;
	transition: .6s;
	
}
.banner_block2_sp a:hover img {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

.banner_block2_pc {display:none;}

.banner_block02 {
	width:60%;
	height:auto;
	display:block;
	margin:0 auto;
	}
	

.banner_block02 a img {
	width:100%;
	max-width:100%;
	height:auto;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
	-ms-transition: .6s;
	transition: .6s;
}

.banner_block02 a:hover img {filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}

/*== body_bottom ==*/

#body_bottom {
	width:96%;
	margin:0 auto;
	background-color:#ececec;
	padding:10px 0;
	
	
}

.bottom_innerbox {
	
	width:96%;
	margin:0 auto;
}

#top_fcAria {
	border:1px solid #dcdbdb;
	width:100%;
	background: -webkit-gradient(linear,left top, left bottom,from(#d8d6d6),color-stop(0.45, #d8d6d6),color-stop(0.52, #e0e0e0),to(#f5f5f5));
	background: -moz-linear-gradient(top,#d8d6d6 0%,#d8d6d6 45%,#e0e0e0 52%,#f5f5f5 100%);

	margin-bottom:2%;
}

.top_fc_inner {
	width:96%;
	margin:10px auto;
	
}

.fc_title {
	font-size:14px;
	color:#fff !important;
	line-height:30px;
	background:url(../img/top/fc_title_bg.png) repeat-X;
	text-indent:10px;
	font-family: 'Lato', sans-serif;
	font-weight:100 !important;
	}

.fc_txt {
	padding:10px;
	background-color:#fff;
	font-size:10px;
	color:#000;
}
	
#fc_btn {
	background-color:#a8a8a8;
	padding:5px 0;
	}


#fc_btn a {
	display:block;
	width:250px;
	height:33px;
	margin:0 auto;

}

#fc_btn a img {
	width:100%;
	max-width:100%;
	height:auto;
	-moz-transition: .7s;
	-webkit-transition: .7s;
	-o-transition: .7s;
	-ms-transition: .7s;
	transition: .7s;
}

#fc_btn a:hover img {
	filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;
	-webkit-box-shadow: 0px 0px 10px #3b9de2;
	-moz-box-shadow: 0px 0px 10px #3b9de2;
	box-shadow: 0px 0px 10px #3b9de2;
	
}


#top_side{
	
	width: 99%;
	margin:5% auto 0 auto;
	}

.banner_block_pc {display:none;}


.banner_block a img {
	display:block;
	width:100%;
	height:auto;
	-moz-transition: .7s;
	-webkit-transition: .7s;
	-o-transition: .7s;
	-ms-transition: .7s;
	transition: .7s;
	margin-bottom:2%
}

.banner_block a:hover img {
	-webkit-box-shadow: 0px 0px 10px #3b9de2;
	-moz-box-shadow: 0px 0px 10px #3b9de2;
	box-shadow: 0px 0px 10px #3b9de2;
	
}


.banner_block2 a img {
	display:block;
	width:100%;
	height:auto;
	-moz-transition: .7s;
	-webkit-transition: .7s;
	-o-transition: .7s;
	-ms-transition: .7s;
	transition: .7s;
	margin-bottom:2%
}

.banner_block2 a:hover img {
	filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;
}





/*=========== PROFILE =============*/
#profile_topBox {
	width:96%;
	height:100%;
	margin:0 auto;
}

.btn_member {
	width:25%;
	height:100%;
	float:left;
}


.btn_member a img {
	width:100%;
	max-width:200%;
	height:100%;
	
}


.btn_member a {
	display:block;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
	-ms-transition: .6s;
	transition: .6s;
}


.btn_member a:hover {
	filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;
}

.prof_box {
	width:100%;
	height:250px;
	
	}

.member_name {
	font-size:14px !important;
	margin-bottom:3%;
	color:#673401;
	font-weight:400;
	font-family: 'Lato', sans-serif;
}

.member_detail {
	font-size:9px;
	color:#000;
	margin-bottom:2%;
}

.btn_prof {
	display:block;
	width:78px;
	height:30px;
	text-align:center;
	font-weight:400;
	font-family: 'Lato', sans-serif;
	
	
		
}

.btn_prof a {
	text-decoration:none;
	display:block;
	width:78px;
	line-height:30px;
	height:30px;
	font-size:12px;
	color:#000;
	background-color:#dfdfdf;
	background: -webkit-gradient(linear,left top, left bottom,from(#d5d5d5),color-stop(0.45, #dfdfdf),color-stop(0.52, #e5e5e5),to(#fff));
	background: -moz-linear-gradient(top,#d5d5d5 0%,#dfdfdf 40%,#e5e5e5 50%,#fff 100%);
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
	-ms-transition: .6s;
	transition: .6s;
}
	
.btn_prof a:hover {
	text-decoration:none;
	background-color:#000;
	background:#000;
	color:#dfdfdf;
	-webkit-box-shadow: 0px 0px 5px #4bdbff;
	-moz-box-shadow: 0px 0px 5px #4bdbff;
	box-shadow: 0px 0px 5px #4bdbff;
	
}
	
.ka-yu {
	position:relative;
	background:url(../img/profile/bg_ka-yu.jpg) no-repeat -70px top;
	padding:8% 0 0 2%;
	background-size:150% auto;
	height:400px !important;
	overflow:hidden;
	
}

.shuji {
	position:relative;
	background:url(../img/profile/bg_shuji.jpg) no-repeat -70px top;
	padding:8% 0 0 2%;
	background-size:150% auto;
	height:400px !important;
	overflow:hidden;
	
}

.yasu {
	position:relative;
	background:url(../img/profile/bg_yasu.jpg) no-repeat -70px top;
	padding:8% 0 0 2%;
	background-size:150% auto;
	height:400px !important;
	overflow:hidden;
	
}


.kiyo {
	position:relative;
	background:url(../img/profile/bg_kiyo.jpg) no-repeat -70px top;
	padding:8% 0 0 2%;
	background-size:150% auto;
	height:400px !important;
		
}

		
.you {
	position:relative;
	background:url(../img/profile/bg_you.jpg) no-repeat -70px top;
	padding:8% 0 0 2%;
	background-size:150% auto;
	height:400px !important;
	overflow:hidden;
	
	
}



/*=========== fanclub =============*/
.fan_txt {
	margin: 0 auto 8% auto;
	width:100%;
}


.fan_box {
	padding:2%;
	}
	
.fan_txt p {
	font-size:10px;
	color:#000;
}

#fan_content {
	margin-bottom:8%;
	border-bottom:1px dotted #b6b6b6;
}

.trigger {
	color:#000 !important;
	margin-bottom:15px;
	font-size:11px!important;
	border-bottom:1px solid #e4e4e4;
	cursor:pointer;
	min-height:30px;
	height:auto;
	
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
	-ms-transition: .6s;
	transition: .6s;
}


.trigger:hover {
	color:#d20101 !important;
	cursor:pointer;
}

#btn_login {
	width: 45%;
	margin: 5% auto;
	text-align: center;
	font-size: 12px;
	line-height: 30px;
	}

#btn_login a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	height:30px;
	display:block;
	text-decoration:none !important;
	color:#fff;
	background: -webkit-gradient(linear,left top, left bottom,from(#afafaf),color-stop(0.45, #a0a0a0),color-stop(0.52, #989898),to(#8d8d8d));
	background: -moz-linear-gradient(top,#afafaf 0%,#a0a0a0 45%,#989898 52%,#8d8d8d 100%);
	_background-color:#8d8d8d;
	border:1px solid #8d8d8d;
}

#btn_login a:hover {
	color:#8d8d8d;
	background: -webkit-gradient(linear,left top, left bottom,from(#fff),color-stop(0.45, #fff),color-stop(0.52, #fff),to(#fff));
	background: -moz-linear-gradient(top,#fff 0%,#fff 45%,#fff 52%,#5c5858 100%);
	border:1px solid #8d8d8d;
	-webkit-text-shadow: 0px 0px 3px #4bdbff;
	-moz-text-shadow: 0px 0px 3px #4bdbff;
	text-shadow: 0px 0px 3px #4bdbff;
	-webkit-box-shadow: 0px 0px 5px #4bdbff;
	-moz-box-shadow: 0px 0px 5px #4bdbff;
	box-shadow: 0px 0px 5px #4bdbff;
	
	
}

.kiyau_box {
	width:80%;
	padding:2%;
	margin:5% auto;
	height:150px;
	overflow-y:scroll;
	-webkit-box-shadow: 1x 1px 3px #ccc;
	-moz-box-shadow: 1px 1px 3px #ccc;
	box-shadow: 1px 1px 3px #ccc;
	
}


.kiyau_box p {
	font-size:9px !important;
}


/*=========== Live =============*/
.live_caution {
	width:96%;
	margin:20px auto;
	background:url(../img/public/side_bg.png) repeat-X;
	padding:3%;
}

.live_caution p {
	font-size:10px;
	line-height:16px;
}

.caution {
	display:block;
	font-size:16px;
	font-weight:lighter;
	margin-bottom:3%;
	padding:1% 0;
	border-bottom:1px solid #efefef;
}

.caution span {
	font-size:11px !important;
	color:#d20101;
	padding-left:30px;
}



/*========================================================================

2019.06.04 CUSTOM

========================================================================*/
ul#long_bannerList {display: none !important;}

/* ----------------------------------------------------------------------------------- */
ul#top_bannerList {list-style-type: none; letter-spacing: -.4em;}
ul#top_bannerList li {display: inline-block; letter-spacing: 0; vertical-align: top;}

ul#top_bannerList li  {width: 100%; height: auto; margin: 0 auto 15px;}
ul#top_bannerList li :nth-last-of-type  {margin-bottom: 0;}

ul#top_bannerList li  a, ul#top_bannerList li  img {width: 100%; height: auto; display: block;}
ul#top_bannerList li  a:hover {	filter: alpha(opacity=80); -moz-opacity:.8; opacity:.8;}


/* ----------------------------------------------------------------------------------- */
#mainVisual {display: none !important;}

/* ----------------------------------------------------------------------------------- */
ul#profile_biographyList li { margin-bottom: 15px; font-size: 11px;}


/*========================================================================
LINK：2020.01.07 CUSTOM
========================================================================*/
ul#linkList  {padding-bottom: 30px;}
ul#linkList li {font-size: 11px; margin-bottom: 10px;}
ul#linkList li a {font-size: 12px;}

ul#linkList.live li {font-size: 11px; margin-bottom: 15px;}


/*========================================================================
DISCOGRAPHY：2020.01.07 CUSTOM
========================================================================*/
#disco_mn {margin:0 0 20px 20px;}

#disco_mn ul li {font-size: 10px; width: 22%; }
#disco_mn ul li a{padding: 10px 0;}
#disco_mn ul li:nth-of-type(4n) {margin-right: 0;}



#disco_contents {width: 100 %;margin: 0 auto 30px; padding: 10px 0;}
#disco_contents:last-of-type {margin-bottom: 0;}

#disco_contents .model {font-size: 10px;margin-bottom:10px}
#disco_contents .detail {;font-size: 11px;}

#left_img,#left_dvd_img {float: left;margin:0 3% 0 2%;}
#disco_inner , #disco_inner_dvd {float: right; margin-right: 2%; padding: 1.4em 0;}

#left_img {width: 20%; }
#left_dvd_img {width: 30%;}

#disco_inner_dvd {width: 63%;}
#disco_inner {width: 73%;}


.style1 {font-size:10px !important;}

#disco_day {font-size: 10px;}

#disco_title {font-size:14px; padding:0 60px 5px 0; margin-bottom: 15px;}
#disco_title span {font-size: 12px !important;}
#disco_title a { font-size: 12px;}



}