@charset "UTF-8";

/* common.css */

/* body */

body {
  color:#333;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height:1.8;
  font-size: 13px;
  }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

/* link */

a,#menu{-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

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



/* container */

#container {
  width:100%;
  margin:0 auto;
	position:relative;
}

/* header */

header {
	background-color:#cc0102;
	border-bottom:1px #000000 solid;
	/*box-shadow:0px 3px 5px 4px rgba(0,0,0,0.3);*/
	width:100%;
	position:relative;
	background-size:cover;
}

.logo{
	padding:5px 0 0 5px;
}

header h1 {
	float:left;
	width:30%;
}
header p{
	position:absolute;
	font-weight:bold;
	font-size:1.5em;
	float:left;
	color:#ffffff;
	bottom:5px;
	left:45%;
}

header .btnFb{
	float:right;
	width:6%;
	padding:4% 3% 0;
}
header .menu{
	float:right;
	width:14.5%;
	cursor:pointer;
}

/*footer*/
footer{
}

footer ul{
	margin-bottom:20px;
	padding:0 20px;
}

footer li{
	float:left;
	margin-right:20px;
}

/*nav*/

nav#gnavi{
	position:absolute;
	right:0;
	top:0;
	z-index:9999;
	width:100%;
	background-color:#fff;
	display:none;
}

nav#gnavi ul{ border-left:1px solid #ccc; border-top:1px solid #ccc;}
nav#gnavi li{
	border-bottom:1px solid #ccc;
}

nav#gnavi li a{
	text-decoration:none !important;
	padding:10px 5%;
	display:block;
	font-size:14px;
	background:url(../images/icatch2.png) no-repeat 96% 50%;
	background-size:14px;
	text-align:left;
}
nav#gnavi li.gnavi2 a.head{background:url(../images/icatch5.png) no-repeat 96% 50%;	background-size:14px;}
nav#gnavi li.gnavi2.active a.head{background:url(../images/icatch4.png) no-repeat 96% 50%;	background-size:14px;}



article{ position:relative; clear:both; margin-bottom:20px;}

.pan{
	font-size:15px;
	background-image:url(../images/home.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:5%;
	padding:10px 0 10px 40px;
	margin-bottom:10px;
}

.sns{
	margin-bottom:20px;
}

.sns ul{
	padding:10px 20px;
	overflow:hidden;
	box-sizing:border-box;
}

.sns li{
	text-align:center;
	float:left;
	width:25%;
	box-sizing:border-box;
	background-size:15px;
	font-size:12px;
}

.sns img{
	width:50%;
}

.more{
	float:right;
	padding:10px 20px 10px 0;
	font-size:15px;
}

.more3{
	font-weight:bold;
	background-color:#F59012;
	padding:3px 20px;
	text-align:center;
	float:left;
	margin:20px 0 20px 20px;
}
.more4{
	font-weight:bold;
	background-color:#F59012;
	padding:3px 20px;
	text-align:center;
	float:right;
	margin:20px 20px 20px 0;
}
/*------------------------
		span
------------------------*/

.top:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.top_back{
	font-weight:normal;
	background-color:#00133b;
	color:#FFFFFF;
	padding:3px 10px 3px 10px;
}

.square{font-size:9px; margin-right:5px; vertical-align: middle;}

/*------------------------
		共通
------------------------*/

/*----本文----*/
.txt{
	font-size:14px;
}
li.txt p{
	margin-bottom:1em;
}
li.txt p a{
	text-decoration:underline;
}
/*----キャッチ----*/
.catch{
	font-size:17px;
	font-weight:bold;
}


#btnTop{
	width:10%;
	float:right;
	padding:10px 3%;
}

.center {
	text-align:center;
}

.alignL{text-align:left;}
.alignR{ text-align:right;}

.red {	color:#cd0202;}

.floatLeft {
	float:left;
}

.disnon {
  display: none;
}

.left{float:left;}
.right{float:right;}
.clear {clear:both;}
.center {text-align:center;}
.bold{ font-weight:bold;}

.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}

.mt2p {margin-top:2%;}
.mt5p {margin-top:5%;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}

.mb1p {margin-bottom:1%;}
.mb2p {margin-bottom:2%;}
.mb3p {margin-bottom:3%;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}

.mr2p {margin-right:2%;}
.mr4p {margin-right:4%;}
.mr5p {margin-right:5%;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr40 {margin-right:40px;}
.mr60 {margin-right:60px;}

.mr5p {margin-right:5%;}

.ml1p {margin-left:1%;}
.ml2p {margin-left:2%;}
.ml4p {margin-left:4%;}
.ml5p{margin-left:5%;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}

.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}

.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}

.pl20{padding-left:20px;}

.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr35{padding-right:35px;}

.smallcaps {
	font-size:8px;
}

.clear {
	clear:both;
}

.w80p{width:80%;}

.wide {
	width:180px;
}
.orange{color:#ed7100;}
.blue{color:#007ac5;}
.lightblue{color:#0099b0;}
.purple{color:#54318f;}
.yellow{color:#f8b61c;}
.green{color:#008d77;}
.red{color:#e83434;}
.pink{ color:#e2318c;}
.green2{color:#009e42;}
.gray{color:#333;}


.f8{font-size:8px;}

.block{ position:relative;}

.uber{	border-bottom:1px solid #ccc;}

.content_tit li{
	display:inline-block;
	padding:10px 0;
}

/*--------------バックナンバー------------*/

.back_no ul{
    border-bottom: 1px dashed #999999;
	padding:8px 5px;
}
.back_sum{
	width:130px;
	margin-right:5px;
	float:left;
}
.back_no_con{
	position:relative;
}
.back_no_con:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/*------------------------
		top
------------------------*/

.top ul{
	padding:10px 5px 10px 5px;
	border-bottom:1px #999999 dashed;
	position:relative;
}

.top_tit{
	font-size:15px;
	font-weight:bold;
	margin-right:5px;
}

.top:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


.bnr{padding:10px 20px;}

.topic:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.topic .sum{
	width:140px;
	float:left;
	margin-right:5px;
}

.right_arrow{
	width:35px;
	position:absolute;
	top:40%;
	right:5px;
}

.more2{
	border:#cd0202 1px solid; 
	text-align:center;
	font-size:14px;
	padding:5px 0;
}
/*------------------------
		recommended
------------------------*/

.recommended{
	margin-bottom:20px;
}

.tit{
	font-size:15px;
	background-color:#cd0202;
	color:#ffffff;
	padding:1px 0 1px 10px;
}
.tit a{
	color:#ffffff;
}

.recommended li{
	padding:10px 10px 10px 20px;
	border-bottom:1px #999999 dashed;
	background-image:url(../images/topic_arrow.png);
	background-position:95% 55%;
	background-repeat:no-repeat;
	background-size:20px;
}
.recommended p{
	padding:10px 10px 10px 20px;
}

.recommended .pr a:link {
  border:none;
  color:#cd0202;
  text-decoration:none;
  }
  
.recommended .pr a:visited { 
  border:none;
  color:#cd0202;
  text-decoration:none;
  }
  
.recommended .pr a:active {
  border:none;
  color:#cd0202;
  text-decoration:none;
  }
  
.recommended .pr a:hover {
  border:none;
  color:#cd0202;
  text-decoration:none;
  }

/*------------------------
		appli
------------------------*/

.appli{
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}

.appli ul{
	padding:10px 10px;
	overflow:hidden;
	box-sizing:border-box;
}

.appli li{
	text-align:left;
	float:left;
	width:50%;
	box-sizing:border-box;
	background-size:15px;
	font-size:12px;
}
.appli li a{
	display: block;
    padding: 30px 10px 30px 60px;
}
.sky a{
	font-size:10px;
	line-height:1.5;

	background-image:url(/sp/dq.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:50px;
}

.sil a{
	font-size:10px;
	line-height:1.5;

	background-image:url(/sp/gb.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:50px;
}


/*------------------------
		category
------------------------*/

.category{
	margin-bottom:20px;
}

.category ul{
	overflow:hidden;
	border-left:1px solid #ccc;
	box-sizing:border-box;
}

.category li{
	text-align:center;
	float:left;
	width:33.3%;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	box-sizing:border-box;
	background-size:15px;
}
.category li a{
	display:block;
	padding:10px 0px 10px 0px;
	font-size:14px;
	font-weight:bold;
}

/*------------------------
		ranking
------------------------*/


.ranking_ub{
	border-bottom:1px #cccccc solid;
}
.ranking{
	background-color:#ECECEC;
}

.ranking ul{
	border-bottom:1px #cccccc solid;
	padding:3px 20px 3px 20px;
}

.ranking li{
	padding:5px 0;
}

.no{
	background-color:#cd0202;
	color:#ffffff;
	font-weight:bold;
	padding:3px 5px;
	margin-right:5px;
}

/*------------------------
		bokoboko
------------------------*/
.bokoboko{
	padding:0 5px;
}

.boko_main1{
	padding:10px;
	background-color:#CDCDCD;
	margin-bottom:20px;
}

.boko_main1 img{
	float:left;
	width:20%;
	padding-right:10px;
}

.boko_main1 li.txt a{
	text-decoration:underline;
}

.boko_main2{
	padding:10px 0;
}

.boko_main2 img{
//	float:left;
//	width:140px;
//	padding-right:20px;
}

.boko_bnr{
	margin-bottom:20px;
	position:relative;
}
.boko_bnr img{
	height:100%;
}
.boko_bnr_txt{
	font-size:3.3vw;
	height:70px;
	position:absolute;
	font-weight:bold;
	padding-top:1%;
	left:23%;
	line-height:1.5;
}
.boko_bnr_txt a{
	color:#ffffff;
}
#blo{
	color:#f8b61c;
	font-size:5vw;
}

/*------------------------
		idol
------------------------*/

.idol{
	padding:0 5px;
}

.idol_sum:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.idol_sum{
}

.idol_sum li{
	display:inline-block;
	margin-bottom: 5px ;
}

.idol_main1:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.idol_main1{
	padding:10px;
	background-color:#CDCDCD;
	margin-bottom:20px;
}

.idol_main1 img{
	width:30%;
	float:left;
	margin-right:20px;
}

.idol_main1 a{
	color:#003EFF;
}

/*------------------------
		about
------------------------*/

.about{
	padding:20px 20px 0 20px;
	font-size:15px;
}

.about ul{
	margin-bottom:20px;
}

/*------------------------
		rules
------------------------*/
.rules{
	padding:20px 20px 0 20px;
	font-size:15px;
}

.rules ul{
	margin-bottom:20px;
}

.rules li{
	margin-bottom:10px;
}

/*------------------------
		contact
------------------------*/

.contact{
	padding:10px 20px 0 20px;
}

.contact:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.contact ul{
	margin-bottom:20px;
}

.form{
	font-size:16px;
}

.form ul:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.form li{
	margin-bottom:20px;
}

.con_name{
	float:left;
	margin-right:10px;
	width:50%;
}

.box1{
	height:20px;
	width:40%;
}

.box2{
	height:100px;
	width:40%;
}

.button{
	text-align:center;
}

.button button{
	font-size:1em;
	width:100px;
	height:40px;
}
div.nombre { padding:0 0 5px 0px; height:30px; clear:both;}
div.nombre ul { position:relative; left:50%; float:left; list-style-type: none; margin:0 0 0 10px;}
div.nombre li { position:relative; left:-50%; float: left; margin: 10px 10px 0 0; font-size:140%;}
div.nombre li a {text-decoration:underline;}
div.footanna {margin-left:20%; clear:both;}
div.footanna a {text-decoration:underline;}
div.for-ad img{width:initial;}