@charset "utf-8";
/*CSS INFOMATION=======================

BASE SP CSS

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


@media all and (min-width: 0px) and (max-width: 800px) {

/*
 * プログレス表示
 */

	
	
	
/*----------------------------------------

	=COMMON
-----------------------------------------*/


.pcBox{
	display:none;
}


#container {width: 100%; overflow:hidden; margin:0 auto; background:#f9f9f9 url(../images/main_bg_sp.gif) top center;
	background-size:100% auto;}
/*

  =HEADER
-----------------------------------------*/

header{
	padding:5px 0 5px;
	background:#fff;
	background-size:80% auto;
	-moz-background-size:80% auto;
	-webkit-background-size:80% auto;
	height:53px;
	z-index:9998;
	position:fixed;
	width:100%;
	top:0;
	border-bottom: 5px solid #000;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
}


#breadcrumb{
	background:#000;
	color:#fff;
	padding:8px;
	text-align:left;
	font-size:10px;
	margin:65px 0 0;
	display:none;
}

#breadcrumb a{
	color:#fff !important;
}

#spNav{
	display:none;
}



h1{
	position:relative;
	width:100px;
	top:5px;
	left:50%;
	margin:0 0 0 -50px;
	z-index:100;
}

h1 img{
	width:100%;
	height:auto;
}


h3{
	
}

h4{
	padding:0 0 10px;
	margin:20px 0 10px;
	font-size:12px;
	font-weight:bold;
	clear:both;
	border-bottom:1px dotted #ccc;
}



p{
	line-height:1.6;
}


#sns{
	text-align:center;
	padding:0 10px;
}

#sns img{
	padding:0 3px;
}


#mainimage{
	margin:70px 0 0;
}


#mainArea{
	margin:60px 0 10px;
	padding:0;
	border-bottom: 5px solid #000;
}

#mainiArea img{
	width:100%;
	height:auto;
}

#mainiArea a:hover img{
	filter:alpha(opacity=100) !important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

.innerBoxA{
	padding:0 0 20px;
}
	
#top-entry a{
		display: block;
		padding: 20px 0;
		background: #f00;
		color: #fff;
		text-align: center;
		font-size: 26px;
		font-weight: bold;
		border: 6px solid #000;
	}
	
	#top-entry{
		margin: 0 15px 20px;
		background: #000;
		border-radius:6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
overflow: hidden;
	}

.boder-waku{
		border: 2px solid #000;
		box-sizing:border-box;
	}

/*

  =LOGIN
-----------------------------------------*/
#login{
	position:fixed;
	top:1px !important;
	right:8px !important;
	margin:20px 0 0 0;

}


#login .btn-login a{
	background:#ff7200 url(../images/icon_right.png) right 2px center no-repeat;
	background-size:8px 8px;
	-moz-background-size:8px 8px;
	color:#fff !important;
	padding:5px 8px 3px 3px;
	text-align:center;
	display:block;
	width:83px;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:10px;
	display:block;
}

#login .btn-login a:hover{
	background:#ff7200 url(../images/icon_right.png) right 2px center no-repeat;
	background-size:8px 8px;
	-moz-background-size:8px 8px;

}




#footer-login{
	clear:both;
	padding:20px 0 0;

}


#footer-login .btn-login a{
	background:#a81b25 url(../images/icon_right.png) right 2px center no-repeat;
	background-size:8px 8px;
	-moz-background-size:8px 8px;
	color:#fff !important;
	padding:5px 8px 3px 3px;
	text-align:center;
	margin:0 auto;
	display:block;
	width:83px;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:10px;
	display:block;
}

#footer-login .btn-login a:hover{
	background:#c5242furl(../images/icon_right.png) right 2px center no-repeat;
	background-size:8px 8px;
	-moz-background-size:8px 8px;

}




.footBox{
	text-align:center;
	color:#fff;
	margin:50px 0 30px;
}

.footBox a{
	height:100px;
}

.footBox img{
	padding:0 8px;
}

.footBox a> *{
    vertical-align: middle;
    display: inline-block;
}
.footBox a:before{
    content: "";
    height: 100%;
    vertical-align: middle;
    width: 0px;
    display: inline-block;
}






/*

  =TITLE
-----------------------------------------*/

.ttlA{
	font-size:18px;
	font-weight:bold;
	line-height:1.0;
}
	
.ttlA div{
	font-size:10px;
	font-weight:bold;
	line-height:1.2em;
	margin: 10px auto;
}	

.ttlB{
	font-size:10px;
	font-weight:bold;
}

.ttlC{
	padding:0 0 5px;
	margin:10px 0px 10px;
	font-size:15px;
	border-bottom:2px dotted #000;
	font-weight:bold;
	clear:both;
}

.ttlD{
	padding:0 0 5px;
	margin:10px 0 10px;
	font-size:12px;
	border-bottom:1px dotted #ccc;
	font-weight:bold;
}

.ttlE{
	padding:5px 10px 3px;
	margin:10px 0 10px;
	font-size:14px;
	color:#a81b25;
	border:2px solid #a81b25;
	font-weight:bold;
	clear:both;
}

.ttlF{
	padding:5px 10px;
	margin:0 0 15px;
	font-size:18px;
	color:#4b7ef3;
	border:3px solid #4b7ef3;
	font-weight:bold;
	clear:both;
}


.ttlG{
	padding:0 0 5px;
	margin:15px 0px 10px;
	font-size:14px;
	border-bottom:1px dotted #ccc;
	font-weight:bold;
	clear:both;
}


.ttlH{
	background:#000;
	text-align:center;
	padding:10px 0;
	margin:0 0 10px;
}


.ttlI{
	font-size:16px;
	font-weight:bold;
	font-family:'Honoka';
}


.ttlJ{
	background:#ff3300;
	color:#fff;
	text-align:center;
	font-size:12px;
	padding:10px;
	margin:0 0 10px;
}


.ttlK{
	padding:5px 10px;
	margin:0 0 15px;
	font-size:14px;
	background:#ffd200;
	border:3px solid #000;
	font-weight:bold;

}

.ttlL{
	font-size:14px;
	font-weight:bold;
	line-height:1.0;
	padding:3px 0 16px;
}

.ttlM{
	font-size:60px;
	font-weight:bold;
	padding:0 0 0px;
	font-family:'Honoka';
}

.ttlM img{
	width:100%;
	height:auto;
}

.ttlO{
	padding:0 0 10px;
	margin:10px 0px 0;
	font-size:12px;
	font-weight:bold;
	clear:both;
}



.ttlP{
	padding:5px 5px;
	margin:0 0 0px;
	font-size:12px;
	color:#f2b91f;
	border:3px double #f2c31f;
	font-weight:bold;
	clear:both;
}


.ttlQ{
	padding:15px 0;
	margin:20px 10px 10px;
	font-size:14px !important;
	color:#fff;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	font-weight:bold;
	clear:both;
	text-align:center;
}


.kikan{
	background:#ffc938;
	padding:5px;
	margin:0 5px 10px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
}

.kikanB{
	background:#ffc938;
	padding:5px;
	margin:0 10px 10px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:10px;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
}

.kikanC{
	background:#ccc;
	padding:5px;
	margin:0 10px 10px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:10px;
	border-radius:30px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
}


.ttl-feed{
	margin:0 0 -8px;
	font-size:10px;
}


.ttl-feed li{
	font-size:12px;
	padding:0 0 5px;
}


.ttl-feed li a{
	color:#ffc000 !important;
}

.ttl-feed li a:hover{
	color:#ffc000 !important;
	text-decoration:underline;
}


.snsBtn ul{
	overflow:hidden;
	padding:0 0 10px;
}

.snsBtn li{
	float:left;
	padding:0 5px 0 0;
}




.idolName{
	width:100%;
	padding:5px 0 0;
	color:#999;
	font-size:10px !important;
}

#content{
	padding:83px 0 0;
	width:100%;
}

#contentTop{
	
}



	

.ttl_white{
	padding:0 0 10px;
	font-weight:bold;
	clear:both;
	border-bottom:1px dotted #ccc;
}
	
#twitterBox{
	background:#ddd;
	padding:10px;
	text-align:center;
}

#snsBox{
	width:82px;
	margin:20px auto 0;
}


#snsBox li{
	float:left;
	padding:3px;
}

#snsBox li a{
	background:#fff;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	float:left;
}

#snsBox li a:hover img{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

#snsBoxB{
	padding:0 0 30px;
	overflow:hidden;
	text-align:center !important;
}


#snsBoxB a{
	background:#eee;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	float:left;
	margin:0 3px;
}

#snsBoxB a:hover img{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}






/*

  =FOOTER
-----------------------------------------*/


footer{
	background:#000;
	background-size:80% auto;
	-moz-background-size:80% auto;
	-webkit-background-size:80% auto;
	font-size:11px;
	padding:15px 0 60px;
}




.copy{
	padding:20px 10px 10px;
	text-align:center;
	font-size:10px;
	color:#fff;
	clear:both;
	
}


footer p{
	color:#fff;
	font-size:10px;
	text-align:center;
	padding:0 10px;
}

.pageTop a{
	margin:5px 0;
	text-align:center;
	padding:3px;
	display:block;
	clear:both;
}

.pageTop img{
	width:30px;
	height:auto;
}


.touhyou-foot a{
	background:#a81b25;
	padding:10px 0;
	color:#fff !important;
	display:block;
	position:fixed;
	bottom:0;
	width:100%;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	z-index:30;
}

#news, #about, #ambassador, #outline, #oubo, #kadaikyoku, #supporter{
	margin-top:-70px;
    padding-top:60px;
}

#ambassador{
	margin-top:-70px;
    padding-top:60px;
}


.movie-wrap {
    position: relative;
    height: 0;
    overflow: hidden;
	padding:30px 0 56.25%;
	margin:10px 0;
	
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}



/*

  =LIST
-----------------------------------------*/

/*listA*/


ul.listA {
	overflow:hidden;
	margin:0;
	background:#fff;
	margin: 0;
}

ul.listA li{
	display: table;
	border-bottom:1px solid #f2f2f2;
	position:relative;
	background:url(../images/press_icon_next.png)  right 5px center no-repeat;
	background-size:11px 10px;
	-moz-background-size:11px 10px;
	padding:10px 0;
	width:100%;
}

ul.listA li img{
	width:100%;
	height:auto;
}

ul.listA li a:hover .photoImg{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

ul.listA li .photoImg{
	width:80px;
	height:60px;
	overflow:hidden !important;
	float:left;
}

ul.listA .txtArea{
	width:50%;
	padding:0 25px 0 10px;
	float:left;
	vertical-align:top;
}

ul.listA .txtArea p{
	font-size:12px !important;
	line-height:1.6 !important;
}


ul.listA .day{
	font-size:10px;
	padding:0 0 5px;
}

ul.listA li iframe{
	width:160px;
	height:100px;
}


/*listB*/


ul.listB{
	margin:0;
	background:#fff;
}

ul.listB li{
	margin:0;
	padding:8px 25px 8px 5px;
	overflow:hidden;
	line-height:1.6;
	font-size:12px;
	border-bottom:1px solid #000;
	background:url(../images/press_icon_next.png)  right 5px center no-repeat;
	background-size:11px 10px;
	-moz-background-size:11px 10px;
}

ul.listB li a{
	overflow:hidden;
}



/*listC*/


ul.listC{
	margin:0;
}

ul.listC li a{
	overflow:hidden;
	line-height:1.6;
	font-size:16px;
	border-bottom:1px solid #f2f2f2;
	background:#fff url(../images/press_icon_next.png)  right 5px center no-repeat;
	background-size:11px 10px;
	-moz-background-size:11px 10px;
	margin:0;
	display:block;
	padding:8px 25px 8px 0;
}

ul.listC li a:hover{
	background:#eee url(../images/press_icon_next.png)  right 5px center no-repeat;
	background-size:11px 10px;
	-moz-background-size:11px 10px;

}



/*listD*/



ul.listD {
	overflow:hidden;
	background:#fff;
	margin:0 0 20px;
}

ul.listD li{
	display: table;
	border-bottom:1px solid #f2f2f2;
	position:relative;
	padding:10px;
}

ul.listD li img{
	width:100%;
	height:auto;
}

ul.listD li a:hover .photoImg{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

ul.listD .photoImg img{
	width:30%;
	height:auto;
}

ul.listD .photoImg{
	padding:0 0 10px;
	border-bottom:1px dotted #ccc;
}

ul.listD .txtArea{
	padding:10px 0;
	vertical-align:top;
}

ul.listD .txtArea p{
	font-size:12px !important;
	line-height:1.6 !important;
}


ul.listD .day{
	font-size:10px;
	padding:0 0 5px;
}

ul.listD li iframe{
	width:160px;
	height:100px;
}

ul.listD li .name{
	padding:10px 0;
	font-size:10px;
	line-height:1.6;
}


ul.listD li .syouninBox{
	padding:10px 0 0;
	text-align:right;
}

ul.listD li .syouninBox a{
	color:#a81b25;
}




/*listE*/



ul.listE {
	overflow:hidden;
	background:#fff;
	margin:0 0 20px;
}

ul.listE li{
	border-bottom:1px solid #f2f2f2;
	position:relative;
	padding:0 10px 10px;
}


ul.listE li a:hover .photoImg{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

ul.listE .photoImg img{
	width:30%;
	height:auto;
}


ul.listE .txtArea{
	padding:10px 0;
	vertical-align:top;
}

ul.listE .txtArea p{
	font-size:12px !important;
	line-height:1.6 !important;
}


ul.listE li .name{
	padding:10px 0;
	font-size:12px;
	line-height:1.6;
}


ul.listE li .syouninBox{
	padding:10px 0 0;
	text-align:right;
}

ul.listE li .syouninBox a{
	color:#a81b25;
}



/*listD*/


ul.listF {
	overflow:hidden;
	margin:10px 0 0;
	background:#fff;
}

ul.listF li a{
	border:1px solid #ddd;
	position:relative;
	background:url(../images/press_icon_next.png)  right 5px center no-repeat;
	background-size:11px 10px;
	-moz-background-size:11px 10px;
	padding:10px 20px 0px;
	margin:0 0 10px;
	display:block;
}

ul.listF li img{
	width:100%;
	height:auto;
}

ul.listF li a:hover{
	background:#eee url(../images/press_icon_next.png)  right 5px center no-repeat;
	background-size:11px 10px;
	-moz-background-size:11px 10px;
}

ul.listF .photoImg{
	width:20%;
	display:table-cell;
}

ul.listF .txtArea{
	width:80%;
	padding:0 25px 0 10px;
	display: table-cell;
	vertical-align:top;
}

ul.listF .txtArea p{
	font-size:14px !important;
	padding:8px 0 0;
}




/*listG*/


ul.listG {
	overflow:hidden;
	margin:0;
	background:#fff;
	margin: 0;
}

ul.listG li{
	border-bottom:1px solid #f2f2f2;
	position:relative;
	padding:10px 0;
	overflow:hidden;
}

ul.listG li .photoImg img{
	width:100%;
	height:auto;
	position: absolute;
	top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
}



ul.listG .photoImg{
	width:100%;
	position:relative;
	height:150px;
	overflow:hidden;

}


ul.listG .photoImg iframe{
	width:100%;
	height:130px;
}


ul.listG .txtArea{
	padding:10px 0 0;

}

ul.listG .txtArea p{
	font-size:12px !important;
	line-height:1.6 !important;
}


ul.listG .day{
	font-size:10px;
	padding:0 0 5px;
}


.ttl-ranking{
	font-size:16px;
	padding:0 0 0 0px;
	padding:0 0 10px;
	text-align:left;
}

.ttl-ranking a{
	padding:5px 0 5px 35px;
	font-weight:bold;
	display:block;
}


.ttl-favorite{
	font-size:16px;
	padding:0 0 0 0px;
	padding:0 0 0;
}

.ttl-favorite a{
	padding:20px 0 20px 0;
	font-weight:bold;
	display:block;
	overflow:hidden;
}


.iconFavorite a img{
	width:30px !important;
	height:auto !important;
	margin:-20px 10px 0 0;
}

.iconFavorite a:hover{
	color:#ffe400 !important;
}


.iconMovie{
	position:absolute;
	width:40px !important;
	height:40px !important;
	top:50%;
	left:50%;
	margin:-20px 0 0 -20px;
	z-index:30;
}

.iconMovieB{
	position:absolute;
	width:20px !important;
	height:20px !important;
	top:50%;
	left:50%;
	margin:-10px 0 0 -10px;
	z-index:30;
}




/*listH*/



ul.listH{
	margin:0;
	background:#fff;
}

ul.listH li a{
	margin:0;
	padding:8px 25px 8px 3px;
	overflow:hidden;
	line-height:1.6;
	font-size:12px;
	border-bottom:1px solid #f2f2f2;
	background:url(../images/press_icon_next.png)  right 5px center no-repeat;
	background-size:11px 10px;
	-moz-background-size:11px 10px;
	display:block;
}



/*listI*/
ul.listI li{
	padding:0 2px 5px;
	width:31.5%;
	float:left;
	font-size:10px;
	text-align:center;
}

ul.listI{
	margin:0 0 20px 0;
}


ul.listI li .imgBox{
	width:100%;
	height:120px;
	overflow:hidden;
	margin:0 0 5px;
	background:#eee;
}


ul.listI img{
	display:block;
	width:110%;
	height:auto;
	padding:0 5px 5px 0;
	 position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

ul.listI{
	overflow:hidden;
}

/*listJ*/


ul.listJ {
	overflow:hidden;
	margin:10px 0 0;
	background:#fff;
}

ul.listJ li {
	overflow:hidden;
}

ul.listJ li a{
	border:1px solid #ddd;
	position:relative;
	background:url(../images/press_icon_next.png)  right 5px center no-repeat;
	background-size:11px 10px;
	-moz-background-size:11px 10px;
	padding:5px;
	margin:0 0 10px;
	display:block;
	overflow:hidden;
}

ul.listJ li img{
	width:100%;
	height:auto;
}

ul.listJ li a:hover .photoImg{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

ul.listJ .photoImg{
	width:60px;
	height:30px;
	overflow:hidden;
	float:left;
}

ul.listJ .txtArea{
	width:55%;
	padding:0 25px 0 10px;
	float:left;
}

ul.listJ .txtArea p{
	font-size:14px !important;
	padding:5px 0 0;
}





/*listK*/


ul.listK {
	overflow:hidden;
	margin:0;
	background:#fff;
	margin:10px 0 0;
}

ul.listK {
	margin:10px -5px 0 0;
}
	

ul.listK li{
	width:22.8%;
	height:22.8%;
	text-align:center;
	float:left;
	overflow:hidden;
	margin:0 5px 5px 0;
	
}

ul.listK li img{
	width:100%;
	height:auto;
}





/*listJ*/


ul.listL {
	overflow:hidden;
	margin:0;
	background:#fff;
	margin:10px 0 0;
}

ul.listL li{
	clear:both;
	border:1px solid #ddd;
	padding:10px 10px 5px;
	margin:0 0 10px;
	overflow:hidden;
}


ul.listL li img{
	width:100%;
	height:auto;
}















ul.listL .txtArea  dl{
	margin:-5px 0 0;
}

ul.listL .txtArea  dt{
	padding:5px 0;
	margin:0 0 5px;
	font-weight:bold;
	border-bottom:1px solid #ddd;
	text-align:left;
}
ul.listL .txtArea  dd{
	padding:5px 0 15px;
	text-align:left;
}

ul.listL .txtArea h2{
	font-size:16px !important;
	padding:5px 0 5px !important;
	margin:5px 0 15px !important;
}











ul.listM {
	padding:5px 10px 20px !important;
	overflow:hidden;
}

ul.listM li{
	margin:0 0 3px 10px;
	list-style:disc;

}







/*listN*/


ul.listN {
	overflow:hidden;
	margin:0;
	background:#fff;
	margin: 0;
}

ul.listN li{
	display: table;
	border-bottom:1px solid #f2f2f2;
	position:relative;
	padding:10px 0;
	width:100%;
}

ul.listN li img{
	width:100%;
	height:auto;
}

ul.listN li a:hover .photoImg{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

ul.listN .photoImg{
	width:80px;
	display:table-cell;
}

ul.listN .txtArea{
	padding:0 0 0 10px;
	display: table-cell;
	vertical-align:top;
}

ul.listN .txtArea p{
	padding:5px 0 0;
	font-size:11px !important;
	line-height:1.6 !important;
}


ul.listN .day{
	font-size:10px;
	padding:0 0 5px;
}

ul.listN li iframe{
	width:160px;
	height:100px;
}







/*listO*/


ul.listO {
	overflow:hidden;
	margin:0;
	background:#fff;
	margin: 0;
}

ul.listO li{
	border:1px solid #ddd;
	position:relative;
	padding:10px;
	overflow:hidden;
	margin:0 0 10px;
}

ul.listO li img{
	width:100%;
	height:auto;
	position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
}



ul.listO .photoImg{
	width:30%;
	height:50px;
	overflow:hidden;
	float:left;
	position:relative;

}


ul.listO .photoImg iframe{
	width:100%;
	height:130px;
}


ul.listO .txtArea{
	width:58%;
	padding:0 15px 0 10px;
	float:right;

}

ul.listO .txtArea p{
	font-size:12px !important;
	line-height:1.6 !important;
}


ul.listO .day{
	font-size:10px;
	padding:0 0 5px;
}


ul.listO li .ttl-ranking{
	font-size:12px;
	padding:0 0 0 0px;
	padding:0 0 15px;
	text-align:left;
}

.ttl-ranking a{
	padding:5px 0 5px 35px;
	font-weight:bold;
	display:block;
}

ul.listO .txtArea .kekka{
	position:absolute;
	bottom:10px;
	right:10px;
	font-weight:bold;
	font-size:14px;
}


ul.listO li .iconMovie{
	position:absolute;
	width:20px !important;
	height:20px !important;
	top:50%;
	left:50%;
	margin:-10px 0 0 -10px;
	z-index:30;
}



/*listP*/


ul.listP {
	overflow:hidden;
	margin:0;
	background:#fff;
	margin:0 0 0;
}

ul.listP li{
	border:1px solid #ddd;
	position:relative;
	padding:10px;
	overflow:hidden;
	margin:0 0 10px;
}

ul.listP li img{
	width:100%;
	height:auto;
	position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
}



ul.listP .photoImg{
	width:30%;
	height:50px;
	overflow:hidden;
	float:left;
	position:relative;
}

ul.listP li a:hover .photoImg{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

ul.listP .txtArea{
	width:58%;
	padding:0 15px 0 10px;
	float:right;
}



ul.listP .txtArea .kekka{
	position:absolute;
	bottom:10px;
	right:10px;
	font-weight:bold;
	font-size:12px;
}


.ttl-rankingB{
	font-size:11px;
	top:0px;
	line-height:1.0 !important;
	overflow:hidden;
}

.ttl-rankingB a{
	padding:5px 0 20px 0px;
	font-weight:bold;
	display:block !important;
}




.rankingTxt{
	display:block;
	float:left;
	width:70%;
}





/*listQ*/

ul.listQ {
	overflow:hidden;
	padding:0 0 10px;
	width:110%;
}

ul.listQ li a{
	font-size:12px;
	float:left;
	padding:8px 0 6px;
	margin:0 5px 5px 0;
	width:45%;
	text-align:center;
	background:#a81b25;
	color:#fff !important;
	border-radius:3px;
	-webkit-border-radius:3px;
}

ul.listQ li a:hover{
	background:#c5242f;
}








/*listR*/


ul.listR {
	overflow:hidden;
	margin:0;
	background:#fff;
	margin:0 0 0;
}

ul.listR li{
	border:1px solid #000;
	position:relative;
	padding:10px;
	overflow:hidden;
	margin:0 0 10px;
}

ul.listR li img{
	width:100%;
	height:auto;
	position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);
    transform: translate(-50%,0%);
}



ul.listR .photoImg{
	width:30%;
	height:80px;
	overflow:hidden;
	float:left;
	display:block;
	position:relative;
	margin:10px 0 ; 
}

ul.listR li a:hover .photoImg{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

ul.listR .txtArea{
	width:58%;
	padding:0 15px 0 10px;
	float:right;
}



ul.listR .txtArea .kekka{
	position:absolute;
	bottom:10px;
	right:10px;
	font-weight:bold;
	font-size:12px;
}


.ttl-aria{
	font-size: 15px;
	line-height: 1.0 !important;
	padding:10px 0 5px 0px;
	font-weight:bold;
	display:block;
}

.ttl-ariaB{
	font-size: 15px;
	line-height: 1.0 !important;
	padding:25px 0 5px 0px;
	font-weight:bold;
	display:block;
}

.ttl-ariaC{
	font-size: 20px;
	line-height: 1.2 !important;
	padding:0 0 0 !important;
	margin:10px 0 0; 
	font-weight:bold;
	text-align:center;
}


.ariaTxt{
	font-size:12px;
	font-weight:bold;
	color:#ca2430;
}



.icon-day{
	background:#111;
	width:100%;
	padding:5px 0 3px;
	text-align:center;
	margin:0px 10px 0 0;
	font-weight:bold;
	color:#fff;
	line-height:0.8;
	font-size:12px;
}





























ol{
	margin:0 0 0 20px;
}

ol li{
	padding:0 0 3px;
	list-style:decimal;
}





.iconView, .iconViewB {
	display:none;
}



.leftBoxA{
	font-size:10px;
}


.leftBoxC{
	width:150px;
	margin:0 auto;
	padding:15px 0 20px;
	text-align:center;
}

.rightBoxC{
	padding:0;
}

.rightBoxA dl{
	margin:8px 0 0;
}

.rightBoxA dt{
	clear: left;
	float: left;
	width: 60px;
	padding:5px 0;
	margin:0 0 5px;
	font-weight:bold;
	text-align:center;
	font-size:10px;
	border:1px solid #ddd;
}
.rightBoxA dd{
	margin:0 0 5px 60px;
	padding:3px 0 5px 10px;
}



.rightBoxC dt{
	padding:5px 0;
	margin:0 0 5px;
	font-weight:bold;
	font-size:10px;
	border-bottom:1px solid #ddd;
}
.rightBoxC dd{
	padding:5px 0 10px;
}



#mypageBoxB dl{
	margin:20px 0 0;
}

#mypageBoxB dt{
	padding:5px 0;
	margin:0 0 5px;
	font-weight:bold;
	border-bottom:1px solid #ddd;
	text-align:left;
	font-size:10px;
}
#mypageBoxB dd{
	padding:5px 0 10px;
	text-align:left;
}





#idolProfile{
	
	margin:15px auto 20px;
	overflow:hidden;
	
}


#idolProfile dl{
	margin:0 0 0;
	padding:10px 0 0;
}

#idolProfile dt{
	padding:5px 0;
	margin:0 0 5px;
	font-weight:bold;
	border-bottom:1px solid #ddd;
	text-align:left;
}
#idolProfile dd{
	padding:5px 0 15px;
	text-align:left;
}











.ranking-iconA{
	background:ss;
}



.ranking-iconA{
	background:#ffcc00 url(../images/ranking_01.png) center center no-repeat;
	background-size:30px 30px;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	padding:12px 10px 8px;
	float:left;
	margin:0 10px 5px 0;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	font-weight:bold;
	color:#ffcc00;
	line-height:0.8;
	font-size:11px;
}

.ranking-iconB{
	background:#aaa url(../images/ranking_01.png) center center no-repeat;
	background-size:30px 30px;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	padding:12px 10px 8px;
	float:left;
	margin:0 10px 5px 0;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	font-weight:bold;
	color:#aaa;
	line-height:0.8;
	font-size:11px;
}

.ranking-iconC{
	background:#b97626 url(../images/ranking_01.png) center center no-repeat;
	background-size:30px 30px;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	padding:12px 10px 8px;
	float:left;
	margin:0 10px 5px 0;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	font-weight:bold;
	color:#b97626;
	line-height:0.8;
	font-size:11px;
}

.ranking-iconD{
	background:#111 url(../images/ranking_01.png) center center no-repeat;
	background-size:30px 30px;
	-moz-background-size:30px 30px;
	-webkit-background-size:30px 30px;
	padding:12px 10px 8px;
	float:left;
	margin:0 10px 5px 0;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	font-weight:bold;
	color:#111;
	line-height:0.8;
	font-size:11px;
}

.ranking-iconE{
	background:#111;
	width:27px;
	padding:10px 0 8px;
	text-align:center;
	float:left;
	margin:0 10px 5px 0;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	font-weight:bold;
	color:#fff;
	line-height:0.8;
	font-size:11px;
}


.ranking-iconF{
	background:#111;
	width:20px;
	padding:8px 2px ;
	text-align:center;
	float:left;
	margin:0 10px 5px 0;
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	font-weight:bold;
	color:#fff;
	line-height:0.8;
	font-size:10px;
	display:block;
}





ul.bannerList{
	margin:12px 12px;
}

ul.bannerList li a{
	margin:0 0 10px;
	padding:0 0;
	border:1px solid #ddd;
	display:block;
	text-align:center;
}

ul.bannerList li a img{
	width:60%;
	height:auto;
}


/*

  =Box
-----------------------------------------*/
#boxA{
	background:#eee url(../images/bg01.png) top center repeat-x;
	background-size:80% auto;
	-moz-background-size:80% auto;
	-webkit-background-size:80% auto;
	padding:7px 0 10px;
}

#boxB{
	background:#fff;
	padding:0 !important;
	margin:0 15px 15px!important;
	overflow:hidden;
	border: 5px solid #000;
}

#boxC{
	background:#59d31e url(../images/bg01.png) top center repeat-x;
	background-size:80% auto;
	-moz-background-size:80% auto;
	-webkit-background-size:80% auto;
	padding:7px 0 10px;
}

#boxD{
	background:#fff;
	padding:0 0 0;
	margin:0 15px 15px;
	overflow:hidden;
	border: 5px solid #000;
}


#boxE{
	background:#f2d005 url(../images/final_bg.png) top center no-repeat;
	background-size:100% auto;
	padding:0 0 0;
	margin:10px 8px 10px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius: 8px;
	overflow:hidden;
}

.yushou-box{
	padding:10px 10px 10px;
	background:#ab1724;
	color:#fff;
	margin:0 0 20px;
	border:1px solid #fff;
}


.yushou-txt{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding:10px 0 15px;
	
}

.yushou-ttl{
	margin:20px 0 10px;
	border-left:8px solid #fff;
	border-bottom:1px dashed #fff;
	font-size:14px;
	font-weight:bold;
	padding:7px;
}

.icon-yushou{
	background:url(../images/icon_yushou.png) top left no-repeat;
	background-size:20px 30px;
	padding:0 0 15px 25px;
}




.innerBox{
	padding:0 15px 15px;
}

.innerBoxB{
	padding:0 0;
}


.boxA{
	margin:0;
	background:#fff;
}

.boxA p{
	padding:0 0 10px;
}

.boxB{
	padding:0;
	text-align:center;
}

.boxB a{
	color:#e8348f !important;
}

.boxB select{
	width:200px;
	padding:5px;
}

.boxB input{
	width:200px;
	padding:5px;
}



.oubo{
	padding:0 0 20px;
}

.oubo td{
	padding:3px;
	font-size:10px;
}


#loginBox{
	padding:0;
}

#loginBox dt{
	border-bottom:1px dotted #ccc;
	padding:0 0 8px;
	margin:0 0 10px;
	font-weight:bold;
}

#loginBox dd{
	padding:0 0 20px;
}

#mypageBox{
	border:5px solid #eee;
	padding:15px;
	margin:0 0 10px;
	overflow:hidden;
}

#mypageBox a{
	color:#f00;
}

#mypageBox a:hover{
	text-decoration:underline;
	color:#f00;
}


#mypageBoxB{
	border:3px solid #eee;
	padding:30px 20px 20px;
	margin:0 auto 20px;
	overflow:hidden;
	text-align:center;
}


#inlineBox{
	text-align:center;
	padding:50px 10px;
	background:#fff;
	display:none;
	font-weight:bold;
	font-size:12px;
}

#touhyouBox{
	background:#fff;
	text-align:left;
	padding:10px;
	display:none;
}

#touhyouBox img{
	width:100%;
	height:auto;
}




/*

  =BTN
-----------------------------------------*/

.btnA a{
	background:#000 url(../images/icon_right.png) right 5px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:10px 0;
	margin:10px 10px 10px;
	text-align:center;
	display:block;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:12px;
	display:block;
}

.btnA a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	-moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}

.btnB a{
	background:#555 url(../images/icon_right.png) right 5px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:10px 0;
	margin:0 10px 0;
	text-align:center;
	display:block;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:12px;
	display:block;
}

.btnB a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	-moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;

}





.btnC a{
	background:#132c64 url(../images/icon_right.png) right 5px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:12px 10px;
	margin:10px 15px 0;
	text-align:center;
	display:block;

	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:16px;
}

.btnC a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	-moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}


/*
.btnD a{
	background:#eebe00 url(../images/icon_right.png) right 5px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:10px 0;
	margin:10px 10px 10px;
	text-align:center;
	display:block;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:14px;
	display:block;
}

.btnD a:hover{
	background:#f5d545 url(../images/icon_right.png) right 5px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
}
*/


.btnD{
	background:#eebe00 url(../images/icon_right.png) right 5px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:7px 0;
	margin:10px 10px 10px;
	text-align:center;
	display:block;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:14px;
	display:block;
}

.btnD:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	-moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}



.btnE a{
	background:#3348a4 url(../images/icon_right.png) right 5px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:10px 0;
	margin:10px 10px 10px;
	text-align:center;
	display:block;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:12px;
	display:block;
}

.btnE a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	-moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}



.btnF a{
	background:#63c113 url(../images/icon_right.png) right 5px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:10px 0;
	margin:10px 10px 10px;
	text-align:center;
	display:block;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:12px;
	display:block;
}

.btnF a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	-moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}

a.like img{
	width:25px;
	height:auto;
}


.btnG a{
	background:#132c64 url(../images/icon_right.png) right 5px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:7px 10px;
	margin:10px auto 0;
	text-align:center;
	display:block;
	width:150px;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:14px;
}

.btnG a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	-moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}



.btnH {
	background:#ccc url(../images/icon_right.png) right 5px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:7px 10px;
	margin:10px auto 0;
	text-align:center;
	display:block;
	width:150px;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:14px;
}


.btnI a{
	background:#eebe00 url(../images/icon_right.png) right 5px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:7px 10px;
	margin:10px auto 0;
	text-align:center;
	display:block;
	width:150px;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:14px;
}

.btnI a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	-moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}



.btnJ a{
	background:#3348a4 url(../images/icon_right.png) right 5px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:7px 10px;
	margin:10px auto 0;
	text-align:center;
	display:block;
	width:150px;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:14px;
}

.btnJ a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	-moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}



.btnK a{
	background:#02c9f3 url(../images/icon_right.png) right 10px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:10px;
	margin:0 auto 10px;
	text-align:center;
	display:block;
	width:210px;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:13px;
}

.btnK a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	-moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}



.btnL a{
	background:#446aab url(../images/icon_right.png) right 10px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:10px;
	margin:0 auto 10px;
	text-align:center;
	display:block;
	width:210px;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:13px;
}

.btnL a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	-moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}



.btnM a{
	background:#a81b25 url(../images/icon_right.png) right 10px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:10px;
	margin:0 auto 10px;
	text-align:center;
	display:block;
	width:210px;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:13px;
}

.btnM a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	-moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}



.btnN{
	background:#ccc url(../images/icon_right.png) right 5px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:7px 10px;
	margin:10px auto 0;
	text-align:center;
	display:block;
	width:150px;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:14px;
}

.btnO{
	background:#ccc url(../images/icon_right.png) right 10px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:7px;
	margin:0 10px 10px;
	text-align:center;
	display:block;

	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:13px;
}




.btnP a{
	background:#a81b25 url(../images/icon_right.png) right 5px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:5px 0;
	margin:15px 10px 10px;
	text-align:center;
	display:block;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:12px;
}

.btnP a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	-moz-transition: .3s;
   -webkit-transition: .3s;
   -o-transition: .3s;
   -ms-transition: .3s;
   transition: .3s;
}



.btnArea{
	width:240px;
	margin:20px auto;
	overflow:hidden;
}

.btnAreaB{
	margin:0 0 20px;
	clear:both;
}


a.btnQ{
	background:#111;
	color:#fff !important;
	padding:10px;
	text-align:center;
	display:block;
	width:50%;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:12px;
	float:left;
	margin:0 5px;
}

a:hover.btnQ{
	background:#555 ;
}


a.btnQ-next{
	background:#111 url(../images/icon_right.png) center center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:10px;
	text-align:center;
	display:block;
	width:10%;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:12px;
	float:left;
}

a:hover.btnQ-next {
	background:#111 url(../images/icon_right.png) center center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
}




a.btnQ-prev{
	background:#111 url(../images/icon_left.png) center center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:10px;
	text-align:center;
	display:block;
	width:10%;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:12px;
	float:left;
}

a:hover.btnQ-prev{
	background:#555 url(../images/icon_left.png) center center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
}







.btnR a{
	background:#000 url(../images/up.png) right 5px center no-repeat;
	background-size:20px 20px;
	-moz-background-size:20px 20px;
	color:#fff !important;
	padding:10px;
	margin:0 auto 15px;
	text-align:center;
	display:block;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:12px;
	position:relative;
}

.btnR a:hover{
	background:#333 url(../images/up.png) right 5px center no-repeat;
	background-size:20px 20px;
	-moz-background-size:20px 20px;

}





.btnS a{
	background:#111 url(../images/icon_right.png) right 5px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:10px 0;
	margin:10px 10px 10px;
	text-align:center;
	display:block;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:12px;
	display:block;
}

.btnS a:hover{
	background:#555 url(../images/icon_right.png) right 5px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;

}


.btnSn{
	background:#ccc url(../images/icon_right.png) right 5px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:10px 0;
	margin:10px 10px 10px;
	text-align:center;
	display:block;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:12px;
	display:block;
}























/*

  =ICON
-----------------------------------------*/
.iconA{
	background:url(../images/icon_new.png) top left no-repeat;
	background-size:25px 25px;
	-moz-background-size:25px 25px;
	position:absolute;
	top:0px;
	left:0px;
	width:25px;
	height:25px;
	text-indent:-9999px;
	z-index:10;
}

.iconAreaA{ color:#1c9af9; font-size:15px;}
.iconAreaB{ color:#00c0f4; font-size:15px;}
.iconAreaC{ color:#05e5d4; font-size:15px;}
.iconAreaD{ color:#00dd2a; font-size:15px;}
.iconAreaEa{ color:#9ed800; font-size:15px;}
.iconAreaEb{ color:#bfe92b; font-size:15px;}
.iconAreaEc{ color:#c6ff00; font-size:15px;}
.iconAreaF{ color:#eaea00; font-size:15px;}
.iconAreaG{ color:#ffa912; font-size:15px;}
.iconAreaH{ color:#ff7752; font-size:15px;}
.iconAreaI{ color:#ff6485; font-size:15px;}



/*


/*

  =DETAIL CONTENT
-----------------------------------------*/
.detailDay{
	padding:0 0 10px;
	font-size:10px;
}

.detailMain{
	width:100%;
	margin:0 0 15px;
	line-height:1.8;
}

.detailMain p{
	padding:0 0 15px;
}

.detailImg{
	padding:5px 0;
}

.detailImg img{
	width:100%;
	height:auto;
	margin:0 0 10px;
}


.detailInner a{
	color:#ffc000 !important;
}

.detailInner a:hover{
	color:#ffc000!important;
	text-decoration:underline;
}





.detailMain .detailImg ul.bxslider{
	display:table !important;
	display:inline-block !important;
	height:160px;
}

.detailMain .detailImg ul.bxslider li{
	display:table-cell !important;
	text-align:center !important;

	width:250px;
	height:160px;
	background:#eee;
}





.detailMain .detailImg ul.bxslider li img{
width:auto;
height:auto;
max-width:100%;
max-height:250px;

}







.detailMain .detailImgB ul.bxslider{
	display:table !important;
	display:inline-block !important;
	height:250px;
}

.detailMain .detailImgB ul.bxslider li{
	display:table-cell !important;
	text-align:center !important;
	vertical-align:middle !important;
	width:250px;
	height:250px;
	background:#eee;
}





.detailMain .detailImgB ul.bxslider li img{
width:auto;
height:auto;
max-width:100%;
max-height:250px;

}


.detailImg iframe{
	width:100%;
	height:130px;
}

/*

  =SLIDER
-----------------------------------------*/

#bx-pager >a {
    width: 10%;
    float: left;
    margin:0 5px;
}

#bx-pager {
	width:100%;
	margin:10px 0;
    display: table;

}
#bx-pager > a {
    display: table-cell;
}
#bx-pager img {
    display: block;
    width: 100%; 
}

/*


/*

  =SEARCH
-----------------------------------------*/
#formBox{
	overflow:hidden;
	margin:0 12px 20px;
}

#formBoxB{
	overflow:hidden;
	margin:0 12px 0px;
}

.searchttl{
	font-size:10px;
	padding:10px 0 5px;
	font-family: 'Oswald', sans-serif;
}

#keywords{
	border:1px solid #ddd;
	padding:5px;
	width:200px;
	height:16px;
	float:left;
	margin:0 0 0 0;
}

#btnSearch{
	float:left;
	margin:0;
	padding:0;
	width:28px;
	height:28px;
}

.searchBox{
	padding:0 0 10px;
	overflow:hidden;
	width:250px;
	margin:0 auto;
}


/*

  =PAGER
-----------------------------------------*/

.pager {
	margin:10px 0;
	text-align:left;
	position:relative;
	right:0;
	clear:both;
	text-align:center;
}



.pager a {
	border: 1px solid #222;
	display: inline-block;
	font-size: 12px;
	margin: 0 1px 5px;
	padding: 5px 8px;
	vertical-align: middle;
	text-decoration:none !important;
	border-radius:3px;
	-webkit-border-radius:3px;
}

.pager a:hover{
	border: 1px solid #222;
	display: inline-block;
	font-size: 12px;
	margin: 0 1px 5px;
	padding: 5px 8px;
	vertical-align: middle;
	text-decoration:underline !important;
	border-radius:3px;
	-webkit-border-radius:3px;
}	

.pager a.next,
.pager strong {
	background-color: #222;
	border: 1px solid #222;
	display: inline-block;
	color: #fff;
	font-size: 12px;
	margin: 0 2px 5px;
	padding: 5px 8px;
	vertical-align: middle;
	border-radius:3px;
	-webkit-border-radius:3px;
}




/*----------------------------------------

	=form
-----------------------------------------*/
#formBox{
	margin:0;
	padding:0;
}

#formList dt{
	border-bottom:1px dotted #ccc;
	padding:0 0 8px;
	margin:0 0 8px;
	font-weight:bold;
}

#formList dd{
	padding:0 0 15px;
}


textarea{
	width:98%;
	height:100px;
}
	
#p-people{
		width: 70px !important;
	}	

.pBox{
		border:2px solid #000;
		margin:10px 0 10px;
		padding:0 10px;
	}	
	
	.t-width{
		width: 80px !important;
	}
	
	.t-width02{
		width: 80px !important;
	}
	
	#p-data{
		width: 100px !important;
	}
	
	

#loginBox dt{
	padding:0 0 5px;
	font-size:10px;
}

#loginBox dd{
	padding:0 0 15px;
}


input ,.contactbox select{
	padding:3px;
}

.error{
	border:1px solid #F00;
	padding:10px;
	margin:0 0 15px;
	color:#f00;
}

.error li{
	list-style:disc;
	margin:0 0 0 15px;
}


#button{
border:1px solid #f03e2d;
-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;
font-family:arial, helvetica, sans-serif;
padding: 10px 10px 10px 10px; 
text-decoration:none; 
display:inline-block;
font-weight:bold; color: #FFFFFF;
background:#d22e1f url(../images/icon_right.png) right 5px center no-repeat;
background-size:15px 15px;
-moz-background-size:15px 15px;
width:100%;
}

#button:hover{
 border:1px solid #f03e2d ;
background:#f03e2d url(../images/icon_right.png) right 5px center no-repeat;
background-size:15px 15px;
-moz-background-size:15px 15px;
width:100%;
}


.txtbox1{
	width:100% !important;
	box-sizing:border-box;
	border:1px solid #ccc;
	padding:5px;
}

textarea{
	width:100% !important;
	height:150px;
	padding:5px;
	box-sizing:border-box;
	border:1px solid #ccc;
}


select{
	width:100%;
	padding:5px;
	box-sizing:border-box;
	border:1px solid #ccc;
}




.txtbox2{
	width:30px;
}

input:focus, textarea:focus, select:focus {
	outline: none;
}


.btnBox{
	border-top:1px dotted #ccc;
	margin:10px 0 0;
	clear:both;
}

#thanksBox{
	padding:20px 0;
}

ul.formListA li{
	padding:0 0 8px;
}

#touhyou-comment{
	width:100%;
	margin:15px 0 0;
	width:220px;
}

.touhyou-comment-box{
	padding:3px;
	margin:0 0 10px;
	text-align:center;
}

.touhyou-comment-boxB{
	padding:3px;
	margin:-20px 0 10px;
	text-align:center;
}



select{
	padding:5px;
}

#sns-profile{
	width:95%;
}

#sns-age{
	width:75px;
}




/*----------------------------------------

	=LINK
-----------------------------------------*/

a:link {color: #333;text-decoration:none;}
a:visited {color:#333;text-decoration:none;}
a:hover, a:active {color: #333;text-decoration: none;}
a:focus {color:#333;}
a img, a:link img, a:visited img, a:hover img, a:active img {border: none;text-decoration: none;}


footer a{
	color:#fff !important;
}

footer a:hover{
	color:#fff !important;
	text-decoration:underline;
}

/*----------------------------------------
	
	=Nav
-----------------------------------------*/


  #menu{
    display: none;
	position:absolute;
	width:100%;
	z-index:7000;
	top:63px;
	background:#111;
	border-top:1px solid #444;
	
  }
  
   #menu li{
	border-bottom:1px solid #444;
  }
  
  #menu li span{
	font-family: 'Oswald', sans-serif;
	display:block;
	padding:10px;
	text-align:center;
	font-size:13px;
	color:#fff !important;
  }
  
  #menu li{
	  padding:5px 0;
  }
  

  #menu li.globalNav a{
	background:#d22e1f url(../images/icon_right.png)  right 5px center no-repeat;
	background-size:11px 10px;
	-moz-background-size:11px 10px;
	color:#fff;
	padding:15px;
	display:block;
	
  }
  #toggle{
    display: block;
    position: absolute;
	top:7px;
	left:0;
    width:57px;
	height:64x;
	z-index:7000;
  }
  #toggle span{
    display: block;
    position: relative;
	background:url(../images/icon_menu.png) top left no-repeat;
	background-size:57px 50px;
	-moz-background-size:57px 50px;
	-webkit-background-size:57px 50px; 
	text-decoration:none;
	width:57px;
	height:50px;
	cursor:pointer
  }
  
  #toggle span.open{
    display: block;
    position: relative;
	background:url(../images/icon_close.png) top left no-repeat;
	background-size:57px 50px;
	-moz-background-size:57px 50px;
	-webkit-background-size:57px 50px; 
	text-decoration:none;
	width:57px;
	height:50px;
  }
  

  

/*----------------------------------------
	
	=font
-----------------------------------------*/
.fontW{
	color:#fff;
}


.leftBox img{
	width:100%;
	height:auto;
	margin:0 0 10px;

}

.movie iframe{
	height:150px;
}



#error{
	border:1px solid #a41e25;
	padding:10px;
	margin:15px 0 0;
	
}

.ttlRed{
	padding:5px;
	margin:0 0 10px;
	color:#fff;
		background:#a41e25 !important;
		text-align:center !important;
}


.innerBoxC table{
	margin:0px 0 10px;
	font-size:10px;
}

.innerBoxC th{
	border:1px solid #ccc;
	padding:5px;
	background:#f2f2f2;
	width:15%;
	text-align:center;
	font-weight:bold;
}

.innerBoxC td{
	border:1px solid #ccc;
	padding:5px;
}


table thead td{
	background:#111;
	text-align:center;
	color:#fff;
}













.innerBoxD{
	margin:0 auto;
	overflow:hidden;
	text-align:left;
}


.innerBoxD{
	padding:20px 0 0;
}

.innerBoxD table{
	margin:20px 0;
}

.innerBoxD th{
	border:1px solid #ccc;
	padding:10px;
	background:#f2f2f2;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	width:100px;
}

.innerBoxD td{
	border:1px solid #ccc;
	padding:10px;
	font-size:11px;
}


.innerBoxD table thead{
	background:#111;
	text-align:center;
	color:#fff;
}



.innerBoxE{
	padding:10px 0 10px;
}

.innerBoxE iframe{
	width:100%;
	height:200px;
	padding:0 0 5px;
}



.leftBoxE{
	float:left;
	width:30%;
	margin:0 0 0 0;
}


.leftBoxF{
	float:left;
	width:5%;
	padding:200px 0 0;
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 0;
	text-align:center;
}


.leftBoxG{
	margin:0 8px 10px;
}

.rightBoxG{
	margin:0 8px;
}





table.yosen{
	margin:20px 0 0;
}

table.yosen th{
	border:1px solid #ccc;
	padding:5px;
	text-align:center;
	font-weight:bold;
}

table.yosen td{
	border:1px solid #ccc;
	padding:3px;
	font-size:10px;
	text-align:center;
}


table.yosen thead{
	text-align:center;
	color:#fff;
}


.point{
	height:200px;
	padding:50px 10px ;
	font-weight:bold;
}



#banner{
	padding:10px 10px 0;

}

#banner img{
	width:100%;
	height:auto;
}

#banner a:hover img{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}


.banner img{
	width:100%;
	height:auto;
}


.final{
	padding:12px 0 0;
}


.finalB{
	font-size:14px;
	font-weight:bold;
	padding:5px 0 0px;
	text-align:center;
	line-height:1.4;
}	


.finalC{
	font-size:11px;
	padding:5px 0 0px;
	line-height:1.4;
}





.bannerA{
	padding:0 10px;
}

.bannerA img{
	width:100% !important;
	height:auto  !important;
}

.bannerB{
	padding:0 10px;
}

.bannerB img{
	width:100% !important;
	height:auto !important;
}

.bannerC{
	padding:5px 0 0;
}

#taikaiBox p{
	font-size:12px;
	font-weight:bold;
}


.taikaiTxt{
	font-size:18px;
	font-weight:bold;
}

#taikaiBox{
	padding:15px;
	background:#fff;
	display:none;
}

.interTxtA{
	font-size:13px;
	padding:0 0 10px;
	font-weight:bold;
	}




#hokkaidou, #touhoku, #hokushinetsu, #kantouA, #kantouB, #kantouC, #toukai, #kansai, #tyugokushikoku, #kyushuokinawa{
	margin:-70px 0 0;
	padding:70px 0 0;
}
	


/*

  =table
-----------------------------------------*/

table.tableA{
	margin:0 0 20px;
}

table.tableA td,table.tableA th{
	border:1px solid #ccc;
	padding:1px;
	text-align:center;
	font-size:60%;
}

table.tableA td{
	height:20px;
}

.wt{
	width:30px;
}

.btn-final{
	padding:0 0 15px;
}



button.btnEnq {
		background:#a81b25 url(../images/icon_right.png) right 5px center no-repeat;
	background-size:15px 15px;
	-moz-background-size:15px 15px;
	color:#fff !important;
	padding:7px 10px;
	margin:10px auto 0;
	text-align:center;
	display:block;
	width:150px;
	text-decoration:none!important;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	font-size:14px;
	
	} 
	
	
.innerBoxF iframe{
	width:100% !important;
	height:150px !important;
}

.freshBox{
	padding:10px 0 0;
}

.freshBox iframe{
	width:100% !important;
	height:150px  !important;
}



.jizen{
	background:#fff;
	padding:20px 15px;
	text-align:center;
	border-top:1px solid #ff79b2;
}

.jizen img{
	width:100%;
	height:auto;
}


.ribbon2 {
    display: inline-block;
    position: relative;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    padding: 7px 0;
    font-size: 14px;/*フォントサイズ*/
    background: #78d0f5;/*背景色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;
	margin:0 0 15px;
	font-weight:bold !important;
}

.ribbon2 h2 {
    vertical-align: middle;
    margin: 0;
    padding: 0 35px;
    line-height: 30px;
	font-weight:bold !important;
}

.ribbon2:before, .ribbon2:after{
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon2:before{/*左端の山形*/
  top: 0;
  left: 0;
  border-width: 20px 0px 20px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon2:after{/*右端の山形*/
  top: 0;
  right: 0;
  border-width: 20px 15px 20px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}


.marker{
	font-size:12px;
	font-weight:bold;
	text-align:left !important;
 background:linear-gradient(transparent 60%, #ffff66 60%);
 margin:10px 0 0;
}


#flow img{
	width:100%;
	height:auto;
}

.denpa{
	padding:0;
}



.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



/*

  =mix channerl
-----------------------------------------*/	
	
	.webtouhyou{
		overflow: hidden;
		padding: 15px;
		border:5px solid #eee;
		margin: 0 0 10px;
	}
	
	.mysta{
		overflow: hidden;
		padding: 15px;
		border:5px solid #eee;
		margin: 0 0 10px;
	}
	
	.mixChannel{
		overflow: hidden;
		padding: 15px;
		border:5px solid #eee;
		margin: 0 0 20px;
	}
	
	
	a.btn-m01{
		display: block;
		background:url(../images/mysta.jpg) left 5px center no-repeat;
		background-size:50px auto;
		padding: 15px 0;
		text-align: center;
		width: 100%;
		margin: 0;
		border: 1px solid #ddd;
		font-weight: bold;
	}
	
	
	a.btn-m02{
		display: block;
		background:url(../images/mixchannel.png) left 5px center no-repeat;
		background-size:50px auto;
		padding: 15px 0;
		text-align: center;
		width: 100%;
		margin: 0 0 5px;
		border: 1px solid #ddd;
		font-weight: bold;
	}
	
	a.btn-m03{
		display: block;
		background:url(../images/logo.png) left 5px center no-repeat;
		background-size:50px auto;
		padding: 15px 0;
		text-align: center;
		width: 100%;
		margin: 0;
		border: 1px solid #ddd;
		font-weight: bold;
	}
	
	ul.btnBox-touhyou{
		position: relative;
	}
	
	
	ul.btnBox-touhyou li{
	
	}
	
	
	.ttl-touhyou{
		padding: 0 0 5px;
		margin: 0 0 15px;
		font-weight: bold;
		border-bottom: 2px solid #ff79b2;
	}

	.txt-haysha01{
		font-size:16px;
		font-weight: bold;
	}	
	
	.result-sougou td,th{border: solid 1px #868686;
	padding: 2px;}	
	
	
	
.mailform_wrap {
    margin: 2rem 0 0 0;
    text-align: center;
    padding: 0 0
}
.mail_messagebox {
    padding: 0;
    margin: 4rem auto 3rem;
    color: #0a0;
    border: 1px solid #0a0;
    display: none;
}
.mail_textbox > p {
    font-weight: bold;
    display: inline;
    margin: 0 1rem 0 0;
}
.mail_checkbox {
    color: #232323;
    margin: 2rem 0;
    display: block;
}
	
	input#mailAddress{
		width: 100% !important;
	}	
	
#mailAddress{
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2) inset;
    box-sizing: border-box;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-size: 1.6rem;
    height: 40px;
    padding: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    vertical-align: middle;
    width: 300px;
    color:#000 !important;
}	
	
	
	.mailform_wrap .btnA{
		width: 100% !important;
	}
}