﻿@media screen and (max-width: 799px){


/* add */

.yellowBorder{
	color:#FFC516;
	border-bottom:2px solid #FFC516;
	padding-bottom:1px;
	font-weight:bold;
	font-size:100%;
	width:100%;
	line-height:160%;
	display:block;
}

body {
	font-family: "Avenir", "Avenir Next", "Helvetica Neue", Helvetica, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	margin: 0;
	color: #333;
	word-break: break-all;
}
h1{
	font-size:1.5em;
	margin:1em 0 0 0;
	font-weight:normal;
}
.spHide{
	display: none;
}
.mphoto {
	width: 100%;
	height: auto;
}
div.data {
	width: 100%;
	float: left;
	vertical-align: top;
	position: relative;
	background: #000;
}
div.data h3 {
	display: block;
	font-size: 16px;
	position: absolute;
	width: 92%;
	margin: 2%;
	bottom: 4%;
	height: 37px;
	line-height: 1.3;
	z-index: 5;
	background-color:rgba(0,0,0,0.5);
	padding:1% 2%;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
div.data span.idol,
#top span.idol {
	display: none;
	font-size: 8px;
	position: absolute;
	right: 5px;
	bottom: 5px;
	height: 10px;
	text-overflow: ellipsis;
	z-index: 5;
	text-align: right;
}
div.data span.rep,
div.datam span.rep,
#top span.rep {
	display: none;
	font-size: 8px;
	position: absolute;
	bottom: 5px;
	left: 5px;
	height: 10px;
	text-overflow: ellipsis;
	z-index: 5;
	text-align: left;
}
div.data span.rep a:hover,
div.data span.idol a:hover,
#top span a:hover {
	color: #FFE500;
}
.data a,
#top a {
	color: #FFF;
/*	text-shadow: -1px -1px #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;*/
	text-decoration: none;
}
span.movie {
	background: url("./../images/icon/movie.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	display: block;
	height: 44px;
	top: 50%;
	left: 50%;
	margin: -22px 0 0 -22px;
	position: absolute;
	width: 44px;
	z-index: 50;
}
span.readMark {
	position: absolute;
	top: 10px;
	left: 8px;
	display: block;
	width: 29px;
	height: 29px;
	background: url('./../images/icon/read.png') center center no-repeat;
	background-size: cover;
}
#top span.readMark {
	top: 14px;
	left: 10px;
}
.clipBtn {
	overflow: hidden;
	position: absolute;
	top: 6px;
	right: 6px;
	cursor: pointer;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
#top .clipBtn {
	top: 10px;
	right: 10px;
}
.clipOff,
.clipOn {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: center center no-repeat;
	background-size: cover;
}
.clipOff {
	display: block;
	opacity: .7;
	background-image: url('./../images/icon/clip.png');
}
.cliped .clipOff {
	display: none;
}
.clipOn {
	display: none;
	background-image: url('./../images/icon/cliped.png');
}
.cliped .clipOn {
	display: block;
}

#head {
	display: none;
}
#main {
	width: 100%;
}
div.data img,
div.datam img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	/* opacity: 0.8; */
	/* -webkit-opacity: 0.8; */
	/* -moz-opacity: 0.8; */
	/* filter: alpha(opacity=80); */ /* IE lt 8 */
	/* -ms-filter: "alpha(opacity=80)"; */ /* IE 8 */
}
div.data img:hover,
div.datam img:hover,
#top img:hover {
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100); /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
}

#top {
	position: relative;
	float: none;
	width: auto;
}
.dataTitle {
	font-size: 18px;
	text-align: center;
	clear: both;
}
#top_naka {
	position: relative;
	margin: 0 auto;
	background: #000;
}
.light {
	overflow: hidden;
	width: 100%;
	margin: 10px 0 30px;
}


.fan {
	position: absolute;
	top: 7px;
	right: 7px;
	border: 3px solid #FFF;
	text-align: center;
	vertical-align: middle;
	line-height: 1.5em;
	font-size: 15px;
	padding: 0 5px;
	height: 1.5em;
	z-index: 100;
	color: #FFF;
}
#logobig {
	text-align: center;
	width: 450px;
}
#logobig img {
	margin: 20px auto 0;
	width: 350px;
}
.fixed {
	position: fixed;
	top: 0px;
	z-index: 9999;
	display: block;
}
.dis {
	display: none;
}



div.datam {
	width: 100%;
}
div.datah {
	width: 100%;
}
div.data h3 {
	display: block;
	font-size: 16px;
	position: absolute;
	width: 92%;
	margin: 2%;
	bottom: 4%;
	height: 37px;
	line-height: 1.3;
	z-index: 5;
	background-color:rgba(0,0,0,0.5);
	padding:1% 2%;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
div.datam p {
	display: block;
	font-size: 16px;
	position: absolute;
	width: 689px;
	margin: 0 0 0 5px;
	bottom: 3px;
	height: 21px;
	text-overflow: ellipsis;
	z-index: 5;
	text-align: right;
}
.datam a,
#top a {
	color: #FFF;
/*	text-shadow: -1px -1px #000, 1px -1px #000, -1px 1px #000, 1px 1px #000;*/
	text-decoration: none;
}


#first {
	display: flex;
	justify-content: center;
	background: url("./../images/header_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}




#right .mediaLogo {
	text-align: center;
	margin: 23px auto 0;
}
#right .mediaLogo img {
vertical-align: bottom;
	width: auto;
	max-width: 100%;
}

#center .mainImageArea {
	position: relative;
}
#center iframe {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 240px;
}

.next{
	border: 1px solid #B59815;
	-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;
	font-weight: bold;
	color: #333;
	background-color: #FFD81E;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFD81E), to(#FFC72E));
	background-image: -webkit-linear-gradient(top, #FFD81E, #FFC72E);
	background-image: -moz-linear-gradient(top, #FFD81E, #FFC72E);
	background-image: -ms-linear-gradient(top, #FFD81E, #FFC72E);
	background-image: -o-linear-gradient(top, #FFD81E, #FFC72E);
	background-image: linear-gradient(to bottom, #FFD81E, #FFC72E);
	filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFD81E, endColorstr=#FFC72E);
	width: 77%;
	text-align: center;
	margin: 30px auto;
	display: block;
}


#footer {
	height: 80px;
	width: auto;
	text-align: center;
	background: url("./../images/header_bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 0 2px 0 #c8c8c8;
	top: 100px;
	position: relative;
	line-height: 80px;
	clear: both;
}

#top img.topimg {
	vertical-align: bottom;
	width: 100%;
	/* opacity: 0.6; */
	/* -webkit-opacity: 0.6; */
	/* -moz-opacity: 0.6; */
	/* filter: alpha(opacity=60); */ /* IE lt 8 */
	/* -ms-filter: "alpha(opacity=60)"; */ /* IE 8 */
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
#top img.topimg:hover {
	opacity: 1;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100); /* IE lt 8 */
	s-filter: "alpha(opacity=100)"; /* IE 8 */
}

#top {
	width: 100%;
	position: relative;
	background: #989898;
	margin: 0 0 30px;
}

#top .datat {
	background: #000;
	width: 100%;
	position: relative;
}

#top img.fandolly {
	display: none;
}
#logosp {
	display: block;
	width: 100%;
	padding: 10px 0;
}
#logosp img {
	width: 100%;
}

#top h3 {
	position: absolute;
	width: 92%;
	margin: 2%;
	bottom: 4%;
	height: 37px;
	line-height: 1.3;
	padding: 1% 2%;
	font-size: 16px;
	color: white;
	z-index: 5;
	background-color:rgba(0,0,0,0.5);
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

#head {
	overflow: hidden;
	display: block;
	position: fixed;
	top: 0;
	z-index: 999;
	height: 50px;
	width: 100%;
	text-align: center;
	background: url("./../images/header_bg.png");
	top: 0;
	left: 0;
}
#head h1 {
	font-size: 16px;
	color: #E80C7A;
	margin: 0;
	padding: 0;
}
#head img {
	height: 40px;
	margin: 5px 0;
}
/*#head .head_left {
	display: none;
}
#head .head_right {
	display: none;
}
*/

#head .head_left {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	background:url("./../images/icon/icon_about2.png") no-repeat scroll 20px 0 !important;
	padding-top:35px;
	font-size:8px;
	letter-spacing:-0.2em;
	text-decoration:none;
	color:#7f6c0f;
	
}
#head .head_right {
	display: block;
	position: fixed;
	right: 10px;
	top: 0;
	background:url("./../images/icon/icon_mypage2.png") no-repeat scroll 5px 0 !important;
	padding-top:35px;
	font-size:8px;
	text-decoration:none;
	color:#7f6c0f;
}

#head a:hover.head_left {
	background:#ffd81e url("./../images/icon/icon_about2.png") no-repeat scroll 20px 0 !important;
	color: #403607;
	opacity: 0.7;
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	padding-top:35px;
}
#head a:hover.head_right {
	background:#ffd81e url("./../images/icon/icon_mypage2.png") no-repeat scroll 5px 0 !important;
	color: #403607;
	opacity: 0.7;
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	padding-top:35px;
}





#desc_main {
	display: flex;
	position: relative;
	flex-direction: column;
}
#left {
	display: none;
}

#center {
	width: 100%;
}
#center h1 {
	font-size: 21px;
	padding: 0 3%;
}
#center #desc {
	padding: 0 3%;
	font-size: 15px;
	line-height:1.5;
}

.detail_sub_image img {
	max-width: 100%;
}

img.descimg {
	width: 100%;
}
#cat {
	display: flex;
	padding: 0 3%;
}
#cat a {
	color: #333;
	width: 50%;
	text-align: right;
}
#cat a:first-child{
	text-align: left;
}
#right .logo {
	display: none;
}
#right div.title {
	border-bottom: 1px solid #888;
	padding: 15px 0 0;
	clear: both;
	margin-bottom: 10px;
}
#right div.title h2 {
	font-size: 16px;
	border-bottom: 3px solid #FFE500;
	margin-top: 23px;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-left: 2%;
}
#right div.data h3 {
	bottom: 0;
}
#sns_sp {
	display: table;
	width: 100%;
}
#sns_sp a{
	display: table-cell;
	width: 20%;
	padding: 0 2px;
}
#sns_sp a:first-child{
	padding-left: 4px;
}
#sns_sp a:last-child{
	padding-right: 4px;
}
#sns_sp img{
	width: 100%;
	height: auto;
}

#sns_logo{
	display: none;
}
.pankuzu{
	font-size: 12px;
	text-align: center;
	margin: 3em 0;
}
#pageTop{
	background: #333;
	border-radius: 5px;
	color: #FFF;
	padding: 20px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
	font-size: 16px;
	-webkit-opacity: 0.8;
	   -moz-opacity: 0.8;
	        opacity: 0.8;
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	    filter: alpha(opacity=80); /* IE lt 8 */
}
#pageTop:hover{
	background: #888;
}

#login{
	position: relative;
	margin: 65px auto auto;
	min-height: 432px;
	background-image: url("./../images/loginbox/login_back_1.jpg");
	background-position: center right;
	background-size:auto 100%;
	        border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
	   -moz-border-radius: 10px; /* Firefox用 */
}
#login #soto{
	width:100%;
	text-align:center;
}
#login #naka{
	padding: 10px 0 38px;
}
#login form{
	margin: 0 0 1em;
}
#login input{
	width: 80%;
	font-size: 1.5em;
	line-height: 1.5;
}
#login input.error_input_text{
	background: #FFB8B8;
	border-color: #BD4B41;
}
#login input.error_input_text::-webkit-input-placeholder {
	color: #cd240d;
}
#login input.error_input_text::-moz-placeholder {
	color: #cd240d;
}

#login .button{
	background-color: #ffd81e;
	background-image: linear-gradient(to bottom, #ffd81e, #ffc72e);
	border: 1px solid #b59815;
	border-radius: 3px;
	color: #333;
	display: block;
	font-family: arial,helvetica,sans-serif;
	font-size: 17px;
	font-weight: bold;
	margin: 15px auto;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	width: 80%;
}
#login p{
	color: white;
	font-weight: bold;
	text-shadow: 2px 2px 3px #000;
}
#login .formTitle{
	margin: 0;
	width: 100%;
}
#login .formTitleWithBtn{
	margin: 0 110px 0 0;
	width: auto;
}
#login .formTitle img{
	max-width: 100%;
}
#login .readText{
	margin: 0 0 1em;
}
#login .errorBox{
	text-align: left;
	width: 80%;
	margin: 0 auto;
}
#login .errorBox ul{
	margin-top: 0;
	padding: 0 0 0 1em;
}
#login .errorBox li{
	color: white;
	font-weight: bold;
	text-shadow: 2px 2px 3px #000;
}
#login input{
	box-sizing: border-box;
	        border-radius: 3px; /* CSS3草案 */
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */
	   -moz-border-radius: 3px; /* Firefox用 */
}
#login .button,
#login #l_button,
#login #n_button{
	        border-radius: 3px; /* CSS3草案 */
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */
	   -moz-border-radius: 3px; /* Firefox用 */
}
#login #l_button,
#login #n_button{
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	border: 1px solid #DDD;
	color:#111;
	width: 70px;
	padding: 10px;
	text-decoration:none;
	font-weight:bold;
	position:absolute;
	right:10px;
	top:10px;
	text-align:center;
}
#f_login{
	display:none;
}
#l_button,
#n_button{
	cursor:pointer;
}
#login a{
	color:white;
}
#login a:hover{
	color:#ffd81e;
}


#mypage{
	position: relative;
	top: 0;
	width: 100%;
}


#tabs{
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	margin-bottom:1em;
}

#tabs ul{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	        justify-content: center;
	margin: auto;
	width: 100%;
	padding: 0;
}

#tabs li{
	 -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #fff;
	float: none;
	padding: 0;
	text-align: center;
	width: 33%;
	cursor: pointer;
	list-style: none;
}
#tabs a{
	box-sizing: border-box;
	display: block;
	height: 100%;
	padding: 14px 0;
	text-decoration: none;
	color: #333;
}
#tabs a:hover{
	background: #ffd81e;
}
#tabs li p{
	margin: 0.5em 0 0 0;
}
div.circle-box-yoko {
	height: 100px;
	width: 100px;
	overflow: hidden;
	-webkit-border-radius: 100px;
	   -moz-border-radius: 100px;
	        border-radius: 100px;
	        box-shadow: 0px 0px 0px 1px #ffd81e;
	   -moz-box-shadow: 0px 0px 0px 1px #ffd81e;
	-webkit-box-shadow: 0px 0px 0px 1px #ffd81e;
	margin: 1em auto;
}
.circle-box-yoko img {
	width: 100px;
	height: auto;
}
#myphoto{
	margin: 1em auto;
	text-align: center;
}
#myphoto .button,
#window .button{
	background-color: #ffd81e;
	background-image: linear-gradient(to bottom, #ffd81e, #ffc72e);
	border: 1px solid #b59815;
	border-radius: 3px;
	color: #333;
	display: block;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	margin: 15px auto;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	width: 50%;
	cursor: pointer;
}

#window{
	display:block;
	position:static;
	margin: 10px;
	width: auto;
	height: auto;
	        border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
	   -moz-border-radius: 10px; /* Firefox用 */
	background: #FFF;
	border: 1px solid #CCC;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
	        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
}
#dummy_gray{
	display: none;
	position: fixed;
	z-index: 9999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	background: #EEE;
	        opacity: 0.7;
	-webkit-opacity: 0.7;
	   -moz-opacity: 0.7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}

#window input.input_text{
	background-color: #f2f2f2;
	background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f5f5f5));
	background: -webkit-linear-gradient(#f0f0f0, #f5f5f5);
	background: linear-gradient(#f0f0f0, #f5f5f5);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 100%;
	border-radius: 3px;
	border: 1px solid #d6d3ce;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.12) inset;
	        box-shadow: 0 0 3px rgba(0, 0, 0, 0.12) inset;
	color: #333;
	font-size: 14px;
	padding: 7px;
}
#window .form_item {
	display: flex;
	padding: 2em 0 ;
	border-bottom: 1px solid #CCC;
}
#window .form_item h3{
	width: 30%;
	margin: 0;
	padding: 0 0 0 28px;
	font-size: 16px;
}
#window .form_item input.input_text{
	width:50%;
}
#window .form_item input.error_input_text{
	background: #FFB8B8;
	border-color: #BD4B41;
}
#window .form_item input.error_input_text::-webkit-input-placeholder {
	color: #cd240d;
}
#window .form_item input.error_input_text::-moz-placeholder {
	color: #cd240d;
}

#window .form_item div.circle-box-yoko{
	margin:0;
}
#window .errorBox {
	padding: 1em 2em;
	border-bottom: 1px solid #ccc;
}
#window .errorBox ul {
	margin: 1em 0;
	padding: .5em;
	background-color: #ffffe6;
	border: 1px solid #f60;
	border-radius: 2px;
}
#window .errorBox li {
	font-size: 14px;
	color: #ce1123;
	margin: 0 0 0 1.5em;
}

#f_new h2{
	font-size: 18px;
	padding: 2em 0 2em 28px;
	margin: 0;
	border-bottom: 1px solid #CCC;
}
#form_button {
	display: flex;
}
#form_button .f_button{
	background-color: #ffd81e;
	background-image: linear-gradient(to bottom, #ffd81e, #ffc72e);
	border: 1px solid #b59815;
	border-radius: 3px;
	color: #333;
	display: block;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	margin: 15px auto;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	width: 8em;
}
#form_button .f_cancel,
.cancel{
	background-color: #f0f0f0;
	background-image: linear-gradient(to bottom, #f0f0f0, #FFF);
	border: 1px solid #CCC;
	border-radius: 3px;
	color: #333;
	display: block;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	margin: 15px auto;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	width: 8em;
}
#form_button .f_cancel a,
.cancel a{
	text-decoration: none;
	color: #333;
}
#check{
	padding:1.5em;
}



.formArea {
}
.formArea h2 img {
	max-width: 100%;
}
.formArea .needFeald{
	color: #f20000;
}
.formArea .prev {
	background-color: #eee;
	background-image: linear-gradient(to bottom, #eee, #ddd);
	border: 1px solid #aaa;
	border-radius: 3px;
	color: #333;
	display: block;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 30px auto;
	padding: 10px;
	text-align: center;
	text-decoration: none;
}
.formArea .prev:hover {
	opacity: 0.8;
}
.formArea .formTable {
	border: 1px solid #b59815;
	border-collapse: collapse;
	font-size: 90%;
	width: 100%;
}
.formArea .formTable th,
.formArea .formTable td {
	border: 1px solid #b59815;
	font-weight: normal;
	padding: 0.4em;
	text-align: left;
}
.formArea .formTable th {
	background: none repeat scroll 0 0 #ffeb79;
	width: 80px;
}
.formArea .formTable th img {
	float: right;
	margin-top: 3px;
}
.formArea .formTable .widthMax {
	box-sizing: border-box;
	width: 100%;
}
.formArea .errorBox {
	background-color: #ffffe6;
	border: 1px solid #f60;
	border-radius: 2px;
	color: red;
	font-size: 14px;
	margin: 1em 0;
	padding: 0.5em;
}
.formArea .errorBox ul {
	margin: 0;
	padding: 0;
}
.formArea .errorBox li {
	margin: 0 0 0 1.5em;
}

#topSnsBtnArea {
	overflow: hidden;
	text-align: center;
	height: 130px;
	margin: 10px;
	padding: 1px 15px;
}
#topSnsBtnAreaInner {
	text-align: left;
	display: inline-block;
}
#topSnsBtnArea .topSnsBtnItem{
	margin: 15px 0;
}



/*今日のメガホン*/

.fandolly_mark {
	background:url(/inc/images/logo/fandolly_mark.jpg) no-repeat center 15px;;
	padding-top:100px;
	margin-top:20px;
}

.lead {
position: relative;
background: #fff8de;
border: 5px solid #000000;
background:url(/inc/images/background/bg_comment2.gif) repeat left top;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
padding:18px;
color:#ff8a00;
font-weight:bold;
margin:35px 0 0 0;
}
.lead:after, .lead:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.lead:after {
	border-color: rgba(255, 248, 222, 0);
	border-bottom-color: #fff8de;
	border-width: 10px;
	margin-left: -10px;
}
.lead:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #000000;
	border-width: 21px;
	margin-left: -21px;
}


#megaphone .lead p {
margin:0;
line-height:180%;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:14px;
}

#megaphone .lead span.large {
	font-size:18px;
}

#megaphone h2 {
	margin:40px 0 0 0;
}

#megaphone h3 {
	font-size:16px;
	font-weight:bold;
	padding-left:40px;
	margin: 35px 0 10px;
}

#megaphone .icoMega_y {
	background:url(/inc/images/icon/ico_megaphone_y.jpg) no-repeat left -5px;
	padding-bottom:10px;
}
#megaphone .icoMega_p {
	background:url(/inc/images/icon/ico_megaphone_p.jpg) no-repeat left -5px;
	padding-bottom:10px;
}
#megaphone .icoMega_b {
	background:url(/inc/images/icon/ico_megaphone_b.jpg) no-repeat left -5px;
	padding-bottom:10px;
}
#megaphone .icoMega_r {
	background:url(/inc/images/icon/ico_megaphone_r.jpg) no-repeat left -5px;
	padding-bottom:10px;
}

#megaphone .comment {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
border:#000 solid 5px;
padding:16px 16px 16px 5px;
color:#d1428c;
font-weight:bold;
background:url(/inc/images/background/bg_comment.gif) repeat left top;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:14px;
}

#megaphone .comment p {
	background:url(/inc/images/icon/ico_balloon.png) no-repeat left -1px;
	padding-left:55px;
	margin:0;
}
#megaphone .profile {
	margin-top:25px;
}
#megaphone .profile p {
	font-size:14px;
	font-weight:bold;
	margin:5px 0;
}
#megaphone .profile dl {
	font-size:13px;
	margin-left:10px;
	margin-bottom:30px;
	font-weight:bold;
	line-height:20px;
}
#megaphone .profile dt {
	float:left;
	clear:left;
	margin:2px 0;
	width:60px;
}
#megaphone .profile dd {
	float:left;
	margin:2px 0;
	width:75%;
}

#megaphone .idolsns {
	margin-top:25px;
}
#megaphone .idolsns h4 {
	background:url(/inc/images/background/bg_sns.jpg) repeat left top;
	font-size:15px;
	font-weight:bold;
	padding:8px;
	margin:15px 0 10px 0;
}
#megaphone .idolsns ul {
	padding:0;
	margin:0 auto 20px auto;
	width:100%;
}
#megaphone .idolsns li {
	float:left;
	margin-right:5px;
	list-style:none;
	width:32%;
}
#megaphone .idolsns li.last {
	margin-right:0;
}
#megaphone .idolsns li img {
	width:100%;
}


#newsSummaryArea {
	overflow: hidden;
	position: relative;
}
#newsSummaryArea .imgWrap {
	width: 100%;
	height: 100%;
}
#newsSummaryArea h3 {
	display: table;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	font-size: 30px;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
#newsSummaryArea h3 .dataHeadingInner {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}


#newsSearchArea input.input_text {
	background: rgba(0, 0, 0, 0) linear-gradient(#f0f0f0, #f5f5f5) repeat scroll 0 0;
	border: 1px solid #d6d3ce;
	border-radius: 3px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.12) inset;
	box-sizing: border-box;
	color: #333;
	font-size: 14px;
	padding: 7px;
	width: 14em;
	max-width: 100%;
}
#newsSearchArea .search_button {
	background-color: #ffd81e;
	background-image: linear-gradient(to bottom, #ffd81e, #ffc72e);
	border: 1px solid #b59815;
	border-radius: 3px;
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	margin: 15px auto;
	padding: 7px;
	text-align: center;
	text-decoration: none;
	width: 8em;
}

#topmain{
	width:100%;
	padding:0;
	margin:15px 0 0;
	list-style:none;
}
#topmain .topbox{
	text-align:center;
	position:relative;
	width:50%;
	float:left;
}
#topmain .topbox a{
	color:white;
	text-decoration:none;
}
#topmain .topbox img{
	        opacity: 0.6;
	-webkit-opacity: 0.6;
	   -moz-opacity: 0.6;
	filter: alpha(opacity=60); /* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
	width:100%;
	height:auto;
}
#topmain .topbox h3{
	position:absolute;
	top:50%;
	margin:0;
	width:100%;
	z-index:99;
	font-size:16px;
	margin-top:-0.5em;
}
#topmain .topbox div{
	background:black;
	max-height:350px;
}




/* バナー横幅１００％ */

#topmain .bnr100{
	width:100% !important;
}
#topmain .bnr100 img{
	width:100%;
	height:auto;
}


/*全国アイドルマップエリア*/

/*関東*/
#idolmapArea h2 {
	background:#ffd81e;
	padding:10px;
	font-size:24px;
	text-align:center;
	color:#7f6c0f;
}






#idolmapArea div.data h3 {
    font-size: 20px;
    margin: -0.5em 0 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 999;
	text-align:center;
	height:auto;
	bottom: inherit;
	background-color:inherit;
}
#idolmapArea a {
	color:#FFF;
	text-shadow: none;
}
#idolmapArea img {
	opacity: 0.6;
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60); /* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}
#idolmapArea img:hover {
	opacity: 0.6;
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60); /* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}




/*全国アイドルマップアイドルページ*/
h1 {
    font-size: 1.5em;
    font-weight: normal;
    margin: 1em 0 0;
}

.idolDet {
    margin: 40px auto;
    width: 90%;
    display: inherit;
	padding-bottom:20px;
	border-bottom:solid #FC3 5px;
}
.idolDet .leftJacket {
width:auto;
margin-right:0;
}
.idolDet .leftJacket img {
	width:100%;
-moz-box-shadow: 0px 0px 8px #c7c7c7;
-webkit-box-shadow: 0px 0px 8px #c7c7c7;
box-shadow: 0px 0px 8px #c7c7c7;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
border:solid #FFF 5px;
}
.idolDet .right {
}

.idolDet .btn a {
    background-color: #ffd81e;
    background-image: linear-gradient(to bottom, #ffd81e, #ffc72e);
    border: 1px solid #b59815;
    border-radius: 3px;
    color: #333;
    display: block;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 30px auto;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}
.idolDet .btn:hover {
    opacity: 0.8;
}



/*全国アイドルマップ*/
#idolMap {
	margin: 40px auto;
    width: 100%;

}
#idolMap .pc {
	display:none;
}

#idolMap h2.japan {
	float:left;
	margin:0;
	position:relative;
	top:-10px;
}
#idolMap h2.japan img {
	width:80%;
	margin:0 auto;
}

#idolMap .map {
	background:url(/inc/images/map/map_sp.png) no-repeat center 30px;
	background-size: contain;
	padding-bottom:60px;
}
.mapRight {
	float:right;
	width:25%;
	margin-top:120px;
	text-align:right;
}
.mapLeft {
	float:left;
	clear:left;
	width:25%;
	margin-top:35px;
}
.mapRight img {
	width:90%;
}
.mapLeft img {
	width:90%;
}

#idolMap .block {
	margin-bottom:10px;
}
#idolMap .block h3 {
	margin:0;
}

/*北海道*/
#idolMap .hokkaido {
	top:-10px;
    left: 110px;
    position: relative;
}

/*中部*/
#idolMap .chubu {
	left: 80px;
	top:10px;
    position: relative;
}

/*中国*/
#idolMap .chugoku {
    left: 40px;
	top:-2px;
    position: relative;
}

/*九州*/
#idolMap .kyusyu {
    position: relative;
    top: -15px;
}

/*沖縄*/
#idolMap .okinawa {
    position: relative;
    top: 80px;
}

/*東北*/
#idolMap .tohoku {
	position:relative;
	right:10px;
	top:-10px;
}
/*関東*/
#idolMap .kanto {
	position: relative;
    right: 25px;
    top: 10px;
}

/*近畿*/
#idolMap .kinki {
	position: relative;
    right: 100px;
    top: 20px;
}
/*四国*/
#idolMap .shikoku {
	position: relative;
    right: 150px;
    top: 20px;
}








/*美人時計ツイッターキャンペーン*/


#bijin_quiz {
	width:100%;
	margin:20px auto 0 auto;
    background: url(/inc/images/background/ftr-shadow.jpg) no-repeat center top rgba(0, 0, 0, 0);
	background-size: contain;
    border-top: 1px solid #dbdce1;
 padding: 10px 0;
}

#bijin_quiz .title {
    color: #55acee;
    font-size: 30px;
    font-weight: bold;
    margin: 15px auto;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
}
#bijin_quiz .copy {
	text-align:center;
	font-size:15px;
	color:#ccb400;
	margin:0 0 10px 0;
	padding:0 5px;
}
#bijin_quiz h2.present {
	text-align:center;
	font-weight:normal;
	font-size:20px;
	margin:10px auto;
	color:#ffffff;
	background-color:#ccb400;
	padding:10px;
	font-weight:bold;
}
#bijin_quiz .period {
    font-size: 13px;
    margin:10px 0;
    text-align: left;
	font-weight:bold;
}

#bijin_quiz .method {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f5f5f5', endColorstr = '#ffffff');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f5f5f5', endColorstr = '#ffffff')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background:-moz-linear-gradient(top, #f5f5f5, #ffffff);
background:-ms-linear-gradient(top, #f5f5f5, #ffffff);
background:-o-linear-gradient(top, #f5f5f5, #ffffff);
background:-webkit-gradient(linear, center top, center bottom, from(#f5f5f5), to(#ffffff));
background:-webkit-linear-gradient(top, #f5f5f5, #ffffff);
background:linear-gradient(top, #f5f5f5, #ffffff);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
padding:20px;
margin-bottom:25px;
}

#bijin_quiz .method h3 {
	text-align:center;
	font-size:18px;
	font-weight:normal;
	margin:0 0 -40px 0;
}
#bijin_quiz .method p {
	-moz-box-shadow: 0px 0px 10px #949494;
-webkit-box-shadow: 0px 0px 10px #949494;
box-shadow: 0px 0px 10px #949494;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
padding:50px 8px 25px 8px;
margin:10px auto;
text-align:center;
line-height:25px;
font-size:15px;
width:98%;
}
#bijin_quiz .method .step {
    left: -15px;
    position: relative;
    top: 60px;
}
#bijin_quiz .method .det {
	position:relative;
	top:10px;
}

#bijin_quiz .quiz_cate {
    background: url(/inc/images/background/ftr-shadow.jpg) no-repeat center top rgba(0, 0, 0, 0);
	background-size: contain;
    border-top: 1px solid #dbdce1;
    line-height: 18px;
    margin: 18px auto 0;
    padding-top: 0;
    width: 100%;
}

#bijin_quiz .quiz_box {
	padding:20px;
}
#bijin_quiz h3.headline {
	text-align:center;
	font-size:18px;
	font-weight:normal;
	margin:30px 0 25px 0;
}

#bijin_quiz .quiz_box h3 {
	font-weight:normal;
}
#bijin_quiz .boxBackc {
	background-color:#efefef;
}

.quiz_box h3{
    display: inline-block;
    font-size: 15px;
    padding-left: 1.5em;
    text-indent: -1.5em;
	line-height:25px;
	margin-top:0;
}
.quiz_box div{
	margin:auto;
	display:inline-block;
	vertical-align: middle;
}









/*全国アイドルマップエリア*/

/*関東*/
#idolmapArea h2 {
	background:#ffd81e;
	padding:10px;
	font-size:24px;
	text-align:center;
	color:#7f6c0f;
}






#idolmapArea div.data h3 {
    font-size: 20px;
    margin: -0.5em 0 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 999;
	text-align:center;
	height:auto;
	bottom: inherit;
	background-color:inherit;
}
#idolmapArea a {
	color:#FFF;
	text-shadow: none;
}
#idolmapArea img {
	opacity: 0.6;
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60); /* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}
#idolmapArea img:hover {
	opacity: 0.6;
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60); /* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}




/*全国アイドルマップアイドルページ*/
h1 {
    font-size: 1.5em;
    font-weight: normal;
    margin: 1em 0 0;
}

.idolDet {
    margin: 40px auto;
    width: 90%;
    display: inherit;
	padding-bottom:20px;
	border-bottom:solid #FC3 5px;
}
.idolDet .leftJacket {
width:auto;
margin-right:0;
}
.idolDet .leftJacket img {
	width:90%;
-moz-box-shadow: 0px 0px 8px #c7c7c7;
-webkit-box-shadow: 0px 0px 8px #c7c7c7;
box-shadow: 0px 0px 8px #c7c7c7;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
border:solid #FFF 5px;
}
.idolDet .right {
}

.idolDet .btn a {
    background-color: #ffd81e;
    background-image: linear-gradient(to bottom, #ffd81e, #ffc72e);
    border: 1px solid #b59815;
    border-radius: 3px;
    color: #333;
    display: block;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 30px auto;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}
.idolDet .btn:hover {
    opacity: 0.8;
}



/*全国アイドルマップ*/
#idolMap {
	margin: 40px auto;
    width: 100%;

}
#idolMap .pc {
	display:none;
}

#idolMap h2.japan {
	float:left;
	margin:0;
	position:relative;
	top:-10px;
}
#idolMap h2.japan img {
	width:80%;
	margin:0 auto;
}

#idolMap .map {
	background:url(/inc/images/map/map_sp.png) no-repeat center 30px;
	background-size: contain;
	padding-bottom:60px;
}
.mapRight {
	float:right;
	width:25%;
	margin-top:120px;
	text-align:right;
}
.mapLeft {
	float:left;
	clear:left;
	width:25%;
	margin-top:35px;
}
.mapRight img {
	width:90%;
}
.mapLeft img {
	width:90%;
}

#idolMap .block {
	margin-bottom:10px;
}
#idolMap .block h3 {
	margin:0;
}

/*北海道*/
#idolMap .hokkaido {
	top:-10px;
    left: 110px;
    position: relative;
}

/*中部*/
#idolMap .chubu {
	left: 80px;
	top:10px;
    position: relative;
}

/*中国*/
#idolMap .chugoku {
    left: 40px;
	top:-2px;
    position: relative;
}

/*九州*/
#idolMap .kyusyu {
    position: relative;
    top: -15px;
}

/*沖縄*/
#idolMap .okinawa {
    position: relative;
    top: 80px;
}

/*東北*/
#idolMap .tohoku {
	position:relative;
	right:10px;
	top:-10px;
}
/*関東*/
#idolMap .kanto {
	position: relative;
    right: 25px;
    top: 10px;
}

/*近畿*/
#idolMap .kinki {
	position: relative;
    right: 100px;
    top: 20px;
}
/*四国*/
#idolMap .shikoku {
	position: relative;
    right: 150px;
    top: 20px;
}








/*美人時計ツイッターキャンペーン*/


#bijin_quiz {
	width:100%;
	margin:20px auto 0 auto;
    background: url(/inc/images/background/ftr-shadow.jpg) no-repeat center top rgba(0, 0, 0, 0);
	background-size: contain;
    border-top: 1px solid #dbdce1;
 padding: 10px 0;
}

#bijin_quiz .title {
    color: #55acee;
    font-size: 30px;
    font-weight: bold;
    margin: 15px auto;
    padding-bottom: 0;
    padding-top: 0;
    text-align: center;
}
#bijin_quiz .copy {
	text-align:center;
	font-size:15px;
	color:#ccb400;
	margin:0 0 10px 0;
	padding:0 5px;
}
#bijin_quiz h2.present {
	text-align:center;
	font-weight:normal;
	font-size:20px;
	margin:10px auto;
	color:#ffffff;
	background-color:#ccb400;
	padding:10px;
	font-weight:bold;
}
#bijin_quiz .period {
    font-size: 13px;
    margin:10px 0;
    text-align: left;
	font-weight:bold;
}

#bijin_quiz .artistPhoto {
	margin: 0 auto;
	width:100%;
}
#bijin_quiz .artistPhoto img {
	width:100%;
}

#bijin_quiz .method {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f5f5f5', endColorstr = '#ffffff');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f5f5f5', endColorstr = '#ffffff')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background:-moz-linear-gradient(top, #f5f5f5, #ffffff);
background:-ms-linear-gradient(top, #f5f5f5, #ffffff);
background:-o-linear-gradient(top, #f5f5f5, #ffffff);
background:-webkit-gradient(linear, center top, center bottom, from(#f5f5f5), to(#ffffff));
background:-webkit-linear-gradient(top, #f5f5f5, #ffffff);
background:linear-gradient(top, #f5f5f5, #ffffff);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
padding:20px;
margin-bottom:25px;
}

#bijin_quiz .method h3 {
	text-align:center;
	font-size:18px;
	font-weight:normal;
	margin:0 0 -40px 0;
}
#bijin_quiz .method p {
	-moz-box-shadow: 0px 0px 10px #949494;
-webkit-box-shadow: 0px 0px 10px #949494;
box-shadow: 0px 0px 10px #949494;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
padding:50px 8px 25px 8px;
margin:10px auto;
text-align:center;
line-height:25px;
font-size:15px;
width:98%;
}
#bijin_quiz .method .step2 {
    left: -18px;
    position: relative;
    top: 60px;
    z-index: 10;
}
#bijin_quiz .method .step1 {
    left: -18px;
    position: relative;
    top: 60px;
    z-index: 10;
}
#bijin_quiz .method .det {
	position:relative;
	top:10px;
  word-break: break-all;
}

#bijin_quiz .quiz_cate {
    background: url(/inc/images/background/ftr-shadow.jpg) no-repeat center top rgba(0, 0, 0, 0);
	background-size: contain;
    border-top: 1px solid #dbdce1;
    line-height: 18px;
    margin: 18px auto 0;
    padding-top: 0;
    width: 100%;
}

#bijin_quiz .quiz_box {
	padding:20px;
}
#bijin_quiz h3.headline {
	text-align:center;
	font-size:18px;
	font-weight:normal;
	margin:30px 0 25px 0;
}

#bijin_quiz .quiz_box h3 {
	font-weight:normal;
}
#bijin_quiz .boxBackc {
	background-color:#efefef;
}

.quiz_box h3{
    display: inline-block;
    font-size: 15px;
    padding-left: 1.5em;
    text-indent: -1.5em;
	line-height:25px;
	margin-top:0;
}
.quiz_box div{
	margin:auto;
	display:inline-block;
	vertical-align: middle;
}




#bijin_main{
	padding:0;
	position:relative;
	top:50px;
}

#img-tokei-area{
	width:100%;
}
#img-main{
	width:100%;
}
#bijin-tokei-block{
	margin:0 auto;
}
#profile-block{
	width:auto;
}
#img-main-wrap,#profile-block{
	vertical-align: middle;
}
#profile-block {
	padding:10px;
}
#profile-block #data-block dl {
  clear: both;
  margin-bottom: 6px;
  font-size: 12px;
}
#profile-block #data-block dt {
  float: left;
  width: 8em;
  min-height: 2em;
}
#profile-block #data-block dd {
  padding-left: 9em;
  margin:0;
  word-break: break-all;
}
#name {
  font-size:1.5em;
  text-align:center;
}

#bijin_head,#bijin_foot{
	text-align:center;
}
#bijin_head h1{
	font-size:1.75em;
	margin:0;
	color: #CCB400;
	line-height:1.5;
}
#bijin_head {
}

#bijin_head h1 span{
	letter-spacing:0.8;
}

#bijin_head h2{
	font-weight:normal;
	font-size:0.8em;
	margin-top:0;
	color:#777;
	line-height:1.5;
}
#bijin_head_box {
text-align:center;
margin-top:5px;
}
#bijin_head_box div{
	width:auto;
	padding:15px;
	margin:0;
	vertical-align:middle;
	line-height:1.6;
	font-size:14px;
}
#bijin_head_box div:nth-child(odd){
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,fcfcfc+48,f2f2f2+100 */
background: rgb(246,246,246); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(246,246,246,1) 0%, rgba(252,252,252,1) 48%, rgba(242,242,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(48%,rgba(252,252,252,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(252,252,252,1) 48%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(252,252,252,1) 48%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(252,252,252,1) 48%,rgba(242,242,242,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(246,246,246,1) 0%,rgba(252,252,252,1) 48%,rgba(242,242,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
#bijin_head_box div p{
	font-size:2em;
	margin:0.25em 0;
}
#bijin_join,#quiz_kiyaku{
	display:none;
	font-size:13px;
	line-height:1.5;
	padding:0 30px 30px;
}
#bijin_join p{
	text-align:center;
	font-size:18px;
}
span#slidebox{
	color:blue;
	text-decoration:underline;
	cursor:pointer;
}
span#slidebox,span#quiz_slidebox{
	color:blue;
	text-decoration:underline;
	cursor:pointer;
}
span#quiz_slidebox{
	display:block;
	text-align:center;
}
#quiz_kiyaku p{
	font-size:1.5em;
	margin-bottom:0;
}
#main #profile-block{
	display:none;
}

#name{
	border-bottom:1px solid #AAA;
}
#data-name{
	font-size:1em;
}

#bijin_join,#quiz_kiyaku{
	display:none;
	font-size:13px;
	line-height:1.5;
	padding:0 30px 30px;
}
#bijin_join p{
	text-align:center;
	font-size:18px;
}
span#slidebox,span#quiz_slidebox{
	color:blue;
	text-decoration:underline;
	cursor:pointer;
}
span#quiz_slidebox{
	display:block;
	text-align:center;
}
#quiz_kiyaku p{
	font-size:1.5em;
	margin-bottom:0;
}

#main #bijin_main{
	top:0;
	padding:0;
}
#main #bijin-tokei-block{
	margin:15px auto;
}


#bijin_head{
	padding:7px 0;
	margin-top:15px;
}

#main #bijin_head h2{
	font-size:1.5em;
	margin:0;
	color: #CCB400;
	line-height:1.5;
}

#main #bijin_head h2 span{
	letter-spacing:0.8;
}

#main #bijin_head h3{
	font-weight:normal;
	font-size:0.8em;
	margin:0;
	color:#777;
	line-height:1.5;
}
#main #bijin_head {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,fcfcfc+48,f2f2f2+100 */
background: rgb(246,246,246); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(246,246,246,1) 0%, rgba(252,252,252,1) 48%, rgba(242,242,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(48%,rgba(252,252,252,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(252,252,252,1) 48%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(252,252,252,1) 48%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(252,252,252,1) 48%,rgba(242,242,242,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(246,246,246,1) 0%,rgba(252,252,252,1) 48%,rgba(242,242,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
text-align:center;
}



.linkCampaign {
    font-size: 1.1em;
    text-align: center;
	margin:10px 0;
    color: #D4020B;
	display:block;
	border-bottom:solid #CCC 1px;
}
.linkCampaign p {
    font-size: 14px;
    text-align: center;
    color: #777;
}

.linkCampaign img {
    margin: 10px 0;
	width:60px;
}

.linkCampaign a {
    color: #777;
	text-decoration:none;
	display:block;
	border-bottom:solid #CCC 1px;
}

.linkCampaign a:hover {
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity = 50);
	text-decoration:none;
}

.linkCampaign a:hover img {
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity = 50);
	width:60px;
}

.quiz_cate p.yokoku {
	text-align:center;
padding:14px;
color:#ccb400;
font-weight:bold;
}



/* きみだけLIVE PC用CSS　2015/12/16 */

#kimidakelive{
	margin-bottom:50px	;
}

#kimidakelive h2{
	font-size:26px;
	padding:18px;
	letter-spacing:0.25em;
	font-weight:normal;
	background: rgb(246,246,246); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(246,246,246,1) 0%, rgba(252,252,252,1) 48%, rgba(242,242,242,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(48%,rgba(252,252,252,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(252,252,252,1) 48%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(252,252,252,1) 48%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(252,252,252,1) 48%,rgba(242,242,242,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(246,246,246,1) 0%,rgba(252,252,252,1) 48%,rgba(242,242,242,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
#kimidakelive p.ki-osusume{
	font-size:18px;
	padding:20px 0 15px;
	margin:0;
}

#kimidakelive h3{
	font-size:24px;
	padding:16px;
	margin:0;
	color:#55acee;
}

#kimidakelive p.ki-p21{
	margin:0;
	font-size:14px;
}

#kimidakelive p.ki-p21 br { display:none; }

#kimidakelive img.ki-img{
	width:100%;
}

#kimidakelive .kiki{
	color:#e7398e;
}
#kimidakelive .kimi{
	color:#87c240;
}
#kimidakelive .kida{
	color:#30bdf0;
}
#kimidakelive .kike{
	color:#ffd600;
}

#kimidakelive div.ki-grad{
	background: url(http://fandolly.jp/inc/images/background/ftr-shadow.jpg) no-repeat center top rgba(0, 0, 0, 0);
	margin-bottom:36px;
	margin-top:35px;
}

#kimidakelive ul.list-slide{
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
}

#kimidakelive .list-slide li{
	position: relative;
	border-bottom:2px #ECECEC dotted ;
	list-style:none;
	font-size:1em;
	line-height:1.75;
	padding:10px 0 6px;
}
#kimidakelive .list-slide li:first-child{
	border-top:2px #ECECEC dotted ;
}
#kimidakelive .list-slide li p{
	color:#e7398e;
	font-size:125%;
	display:block;
	margin:0;
	padding:0;
	line-height:1;
}

#kimidakelive div.ki-imgarea{
	position:relative;
}



#kimidakelive div.ki-imgarea p{
	position:absolute;
	bottom:4px;
	left:0;
	padding:0.5em;
	color:white;
	background-color: rgba(231, 57, 142, 0.5)
}


/* きみだけLIVEここまで */



//検索ヘッダここから(2016/01/26)
#search_idol{
  position:relative;
  background-color:#fff;
  border:1px solid #aaa;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  -o-border-radius:6px;
  -ms-border-radius:6px;
  border-radius:6px;
  width: 200px;
  z-index: 990;
}
#search_text{
  width:90%;
  height:23px;
  line-height:23px;
  background:white;
  border:none;
  z-index:90;
  font-size: 20px;
}
#search_idol dd{
  z-index: 990;
  position:absolute;
  top:0;
  right:0;
}
#search_idol dd a{
  display:block;
  padding:1px;
  background:none;
  border:none;
}
#search_idol dd a span{
  display:block;
  width:25px;
  height:25px;
  background:url('/inc/images/search_icon.png') no-repeat scroll 0 0;
  cursor: pointer;
  position: relative;
  top: 23px;
  left: -10px;
}
#search_idol dd a span:hover{
  background:url('/inc/images/search_icon_on.png') no-repeat scroll 0 0;
}
#menu_button {
  position: fixed;
  width:45px;
  height:45px;
  background:url('/inc/images/menu.png') no-repeat scroll 0 0;
  z-index: 90;
  cursor: pointer;
}

#search_form{
  border-bottom: solid 1px black;
  padding: 5px;
}
#slide_menu{
  position: fixed;
  top: 0;
  left: -240px;
  width: 240px;
  height: 100%;
  z-index: 100;
  background: #FFE100;
  opacity: 0.8;
}
#slide_menu ul{
  margin: 0;
  padding: 0;
}
#slide_menu li{
  border-top: solid 1px white;
  border-bottom: solid 1px black;
  list-style: none;
}
#slide_menu li:hover{
  background: yellow;
}
#slide_menu li a{
  display: block;
  padding: 10px;
  padding-left: 30px;
  color: black;
  text-align: left;
  text-decoration: none;
}
//検索ヘッダここまで





	
	
	.unitData{
		width: 850px;
		max-width: 96%;
		font-size: 80%;
		margin: auto;
		word-break: break-all;
		box-sizing: border-box;
	}
	
	.unitData .photo{
		text-align: center;
		margin-top: 20px;
	}
	.unitData .photo img{
		width: 480px;
		max-width: 100%;
		text-align: center;
	}
	.unitData h3{
		background: #FC3;
		padding: 10px;
		text-align: center;
		color: #000;
		border-radius: 5px;
	}
	.unitData table{
		border-collapse: separate;
		border-spacing: 5px;
		background: #FFFDF3;
		margin: 1em auto;
		border-top: 2px #FC3 solid;
		border-bottom: 2px #FC3 solid;
		box-sizing: border-box;
	}
	.unitData th{
		border: 2px #FC3 solid;
		padding: 5px;
		text-align: center;
		width: 14%;
		background: #FFF4C9;
		box-sizing: border-box;
	}
	
	.unitData td{
		width: 40%;
		padding: 5px;
		box-sizing: border-box;
		text-align: left;
	}
	
	.unitData td a{
	color: #F0B400;
	}
	.unitData th.memberName{
		background: none;
		border:none;
		font-size: 140%;
		padding-bottom: 0px;
	}
	.unitData .memberYomi{
		text-align: center;
		padding-top: 0px;
		padding-bottom: 10px;
		font-size: 70%;
	}
	.unitData .memberYomi::before{
		content: "（";
	}
	.unitData .memberYomi::after{
		content: "）";
	}
	@media screen and (max-width:640px) {
		.unitData th, .unitData td, .unitData .memberYomi{
			width: 100%;
			display: block;
		box-sizing: border-box;
		}
		.unitData td{
			padding: 10px 5px;
		}
		
	}
