﻿@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Glegoo);
@import url(https://fonts.googleapis.com/css?family=Sigmar+One);
@import url(https://fonts.googleapis.com/css?family=Anton);

@media print{
body#top #main #article #header{
	background-image: none !important;
	opacity: 0;
        background: #fff;
	}
}

body{ background: #feb7cb url(../images/common/body_bg.gif) repeat;}

body#top #wrapper{ background: url(../images/common/menu_bg.png) repeat-x 0 15px;}
body #wrapper{ background: url(../images/common/menu_bg.png) repeat-x 0 135px;}

#wrapper #contents { width: 1000px;}

/* anchor */
#wrapper a,
#wrapper .article{
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
	outline: none;
	}

#wrapper a:hover{
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
	-moz-opacity: 0.6;
	opacity: 0.6;
	}

/* #side */
#side { padding: 10px 0px 0px;}

#side .box{
	/* border-radius */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}

#wrapper #contents #side .box .title {
	background: rgb(218,225,229); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(218,225,229,1)), color-stop(100%,rgba(238,241,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#dce2e6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* W3C */
	}

#wrapper #contents #side #oa .info a,
#wrapper #contents #side #blog .info a{
	background-color: rgba(153,153,153,0.5);
	/* box-shadow */
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
	}

#nav{ padding: 10px;}

#nav ul{ letter-spacing: -0.4em; /* hack */}

#nav ul li{
	display: inline-block;
	letter-spacing: 0em; /* hack */
	margin-right: 5px;
	margin-bottom: 5px;
	}

#nav ul li a,
#nav ul li span{
	font-size: 14px;
	line-height: 44px;
	text-align: center;
	display: block;
	height: 44px;
	width: 10em;
	text-decoration: none;
	color: #333;
	border: 1px solid #ccc;
	}

/* social btn
--------------------------*/
#snsArea{
	width: 675px;
	height: 25px;
	position: relative;
	}

#snsArea #sns-btn{
	width: 645px;
	height: 20px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	}

#btn-sbm{
	text-align: left;
	margin: 0;
	padding :0;
	}

#btn-sbm li{
	display: inline-block;
	margin: 0;
	padding: 0;
	line-height: normal;
	list-style: none;
	vertical-align: top;
	text-align: right;}

*html #btn-sbm li{ display: inline;} /* for IE6 */
*+html #btn-sbm li{ display: inline;} /* for IE7 */

#btn-sbm li a{ margin: 0;}

#btn-sbm .btnFaceBook{ width: 110px;}

#btn-sbm .btnHatenaBookmark{ margin-right: 10px;}

#btn-sbm .official_twbtn{ width: 162px; margin: 0 0 0 146px; text-align: right;}

/* テキスト指定
--------------------------*/
#article{
	font-size: 13px;
	line-height: 1.6;
	color: #504f4f;
	padding: 0;
	word-break: break-all;
	word-wrap: break-word;
	}

#article p{}

/* PAGE TOP
--------------------------*/
.innerlink-head{
	margin: 10px auto;
	padding: 0;
	text-indent: -9999px;
	}

.innerlink-head a{
	display: block;
	width: 112px;
	height: 110px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url(../images/common/pagetop.png) no-repeat center;
	}

.section{
	margin-bottom: 20px;
	padding: 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	}


/* 追加｜共通
========================================== */
#wrapper img{ border: none;}

#wrapper .t10{ font-size: 10px;}
#wrapper .t11{ font-size: 11px;}
#wrapper .t14{ font-size: 14px;}
#wrapper .t15{ font-size: 15px;}
#wrapper .t16{ font-size: 16px;}
#wrapper .t18{ font-size: 18px;}
#wrapper .t20{ font-size: 20px;}
#wrapper .t25{ font-size: 25px;}

#wrapper .coution{ color: #e10000;}

#wrapper .bold{ font-weight: bold;}

#wrapper .black { color:#504f4f;}

#wrapper .center{ text-align: center;}
#wrapper .right{ text-align: right;}
#wrapper .left{ text-align: left;}

#wrapper .indent-1{ text-indent: 1em;}

#wrapper .floatL{ float: left;}
#wrapper .floatR{ float: right;}

#wrapper .font-1{ font-family: 'Glegoo', serif;}
#wrapper .font-2{ font-family: 'Sigmar One', cursive;}

#wrapper .mrgnB3{ margin-bottom: 3px;}
#wrapper .mrgnB5{ margin-bottom: 5px;}
#wrapper .mrgnB7{ margin-bottom: 7px;}
#wrapper .mrgnB10{ margin-bottom: 10px;}

#wrapper #contents .clearfix { width: 100%;}
#wrapper #contents .clearfix:after {
  content: "";
  display: block;
  clear: both;
	}

#wrapper .border-1{ border: 1px solid #bbb8b3;}
#wrapper .border-2{ border-bottom: 1px dotted #b23950;}

#wrapper .articleBorder{ width: 100%; margin: 20px auto; border-bottom: 2px dotted #c8808c;}

body #contentsArea .BOX span.eng{
	color: #fff;
	background: #eb3554;
	padding: 0 10px;
	margin: 0 7px 0 0;
	font-size: 11px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-family: 'Glegoo', serif;
	}

body #contentsArea .BOX span.jpn{
	color: #fff;
	background: #eb3554;
	padding: 4px 10px;
	margin: 0 7px 0 0;
	font-size: 12px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

/* link
--------------------------*/
#main a:link,a:visited{ color: #eb3554; text-decoration: none;}
#main a:hover,a:active{ color: #eb3554; text-decoration: underline;}

/* contents
========================================== */
body#top #main{
	width: 675px;
	margin: 15px 0 0;
	padding: 0 0 20px;
	}

body #main{
	width: 675px;
	margin: 0;
	padding: 0 0 20px;
	}

body#top #main #article #header{
	width: 675px;
	height: 350px;
	margin: 0 auto 15px;
	background: url(../images/top/main.png) no-repeat center;
	}

body #main #header{
	width: 675px;
	height: 135px;
	margin: 0 auto;
	background: url(../images/common/header.png) no-repeat center;
	}

body#top #main #article #header h1 span,
body #main #header h1 span{ display: none;}

body #main #header .logo{
	width: 140px;
	height: 118px;
	margin: 0 auto;
	padding: 7px 0 0;
	}

body #main #header .logo a{
	width: 140px;
	height: 118px;
	background: url(../images/common/logo.png) no-repeat center;
	display: block;
	text-indent: -9999px;
	}

body #contentsArea{
	margin: 12px 0 0;
	padding: 0;
	}

body #contentsArea .BOX{
	width: 673px;/*675*/
	margin: 0 auto 15px;
	padding: 0;
	background: #fff;
	border: 1px solid #f3a7ba;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}

body#top #contentsArea .BOX .in{
	padding: 15px;
	margin: auto auto;
	}

body #contentsArea .BOX .in{
	padding: 25px;
	margin: auto auto;
	}

body #contentsArea .BOX .icon{
	color: #eb3554;
	padding: 0 0 0 20px;
	margin: 0 auto 10px;
	font-size: 18px;
	background: url(../images/common/tit_icon.png) no-repeat 0 50%;
	}

/* Menu
========================================== */
#wrapper #menuArea{
	padding: 0;
	}

#meringue_nav_top,
#meringue_nav_top ul,
#meringue_nav,
#meringue_nav ul{
	width: 675px;
	height: 58px;
	margin: 0 auto;
	padding: 0 0;
	text-align: justify;
	text-justify: distribute-all-lines;
	}

#meringue_nav_top ul:after,
#meringue_nav ul:after{
	content:"";
	display: inline-block;
	width: 100%;
	line-height:0;
	height: 0;
	}

#meringue_nav_top ul li,
#meringue_nav ul li{
	width: 330px;
	height: 54px;
	margin: 0;
	padding: 0;
	display: inline-block;
	}

#meringue_nav_top ul li a,
#meringue_nav ul li a{
	width: 330px;
	height: 54px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	display: block;
	text-align: left;
	}

#meringue_nav_top ul li#menu01,#meringue_nav ul li#menu01{ background: url(../images/common/menu1_on.png) no-repeat center;}
#meringue_nav_top ul li#menu01 a,#meringue_nav ul li#menu01 a{ background: url(../images/common/menu1.png) no-repeat center;}

#meringue_nav_top ul li#menu02,#meringue_nav ul li#menu02 { background: url(../images/common/menu2_on.png) no-repeat center; text-indent: -9999px; text-align: left;}
#meringue_nav_top ul li#menu02 a,#meringue_nav ul li#menu02 a{ background: url(../images/common/menu2.png) no-repeat center;}

#meringue_nav_top ul li#menu03,#meringue_nav ul li#menu03 { background: url(../images/common/menu3_on.png) no-repeat center;}
#meringue_nav_top ul li#menu03 a,#meringue_nav ul li#menu03 a{ background: url(../images/common/menu3.png) no-repeat center;}

#meringue_nav_top ul li#menu01 a:hover,#meringue_nav ul li#menu01 a:hover,
#meringue_nav_top ul li#menu02 a:hover,#meringue_nav ul li#menu02 a:hover,
#meringue_nav_top ul li#menu03 a:hover,#meringue_nav ul li#menu03 a:hover{ -moz-opacity: 0; opacity: 0;}

/* TOP
========================================== */
body#top #contentsArea .BOX .photo{
	width: 150px;
	height: 100px;
	}
body#top #contentsArea .BOX .photo img {
	width: 150px;
	height: 100px;
	}
body#top #contentsArea .BOX .expert{ width: 480px;}

body#top #contentsArea .BOX .tit_new{
	width: 650px;
	height: 40px;
	margin: 15px auto 0;
	text-indent: -9999px;
	background: url(../images/top/tit_new.jpg) no-repeat center;
	}

body#top #contentsArea .BOX .tit_fb{
	width: 650px;
	height: 40px;
	margin: 15px auto 0;
	text-indent: -9999px;
	background: url(../images/top/tit_fb.jpg) no-repeat center;
	}

body#top #contentsArea .BOX ul.news_list li{
	padding: 0 0 0 10px;
	margin-bottom: 5px;
	background: url(../images/top/list_arrow.png) no-repeat 0 50%;
	}
body#top #contentsArea .bnr_fb a {
	padding: 0 0 0 0;
	background: url(../images/top/bnr/bnr_fb.png) no-repeat 0 0;
	width: 675px;
	height: 74px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

body#top #contentsArea .bnr_insta a {
	padding: 0 0 0 0;
	background: url(../images/top/bnr/bnr_insta.png) no-repeat 0 0;
	width: 675px;
	height: 74px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

body#top #contentsArea .bnr_tw a {
	padding: 0 0 0 0;
	background: url(../images/top/bnr/bnr_tw.png) no-repeat 0 0;
	width: 675px;
	height: 74px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 15px 0;
}

/* 共通
========================================== */

/* 観覧・過去HP
--------------------------*/
body #contentsArea .bnrArea{ width: 675px; height: 73px; margin: 15px auto 0;}

body #contentsArea .bnrArea ul li{
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding: 0;
	}

body #contentsArea .bnrArea ul li.bnr_kanran a{
	width: 330px;
	height: 73px;
	float: left;
	background: url(../images/common/bnr_kanran.png) no-repeat top left;
	}

body #contentsArea .bnrArea ul li.bnr_site a{
	width: 675px;
	height: 73px;
	float: right;
	background: url(../images/common/bnr_site.png) no-repeat top right;
	}

/* ページ
--------------------------*/
body#expert .BOX ul,
body#person .BOX ul,
body#boy .BOX ul{
	width: 100%;
	margin: 0 auto;
	}

body#expert .BOX ul li,body#expert .BOX ul li:nth-child(2n),
body#person .BOX ul li,body#person .BOX ul li:nth-child(2n),
body#boy .BOX ul li,body#person .BOX ul li:nth-child(2n){
	width: 300px;
	height: 185px;
	margin: 0 0 15px;
	padding: 0;
	border: 1px solid #cbcbcb;
	vertical-align: bottom;
	}

body#expert .BOX ul li,
body#person .BOX ul li,
body#boy .BOX ul li{ float: left;}

body#expert .BOX ul li:nth-child(2n),
body#person .BOX ul li:nth-child(2n),
body#boy .BOX ul li:nth-child(2n){ float: right;}

body#expert .BOX .infoArea,body#expert .BOX .oaArea,
body#person .BOX .infoArea,body#person .BOX .oaArea,
body#boy .BOX .infoArea,body#person .BOX .oaArea{ margin: 0 auto 20px;}

body#expert .BOX .oa_tit{
	width: 302px;
	margin: 20px 0 0;
	}

body#person .BOX .oa_tit,
body#boy .BOX .oa_tit{
	width: 100%;
	margin: 0;
	}
body#expert .w_50 {
	width: 300px;
}

body#expert .BOX .info,
body#person .BOX .info,
body#boy .BOX .info{
	float: right;
}

body#expert .BOX .backnumber a,
body#person .BOX .backnumber a,
body#boy .BOX .backnumber a{
	width: 100%;
	height: 45px;
	margin: 20px 0 0;
	text-align: center;
	text-indent: -9999px;
	background: url(../images/common/btn_backnumber.png) no-repeat center;
	display: block;
	}

body#expert .BOX .tit_backnumber,
body#person .BOX .tit_backnumber,
body#boy .BOX .tit_backnumber{
	width: 650px;
	height: 40px;
	margin: 15px auto 0;
	text-indent: -9999px;
	}

body#expert .BOX .tit_backnumber{ background: url(../expert/images/tit_backnumber.jpg) no-repeat center;}
body#person .BOX .tit_backnumber{ background: url(../person/images/tit_backnumber.jpg) no-repeat center;}
body#boy .BOX .tit_backnumber{ background: url(../boy/images/tit_backnumber.jpg) no-repeat center;}

body#expert .BOX .bnArea a,
body#person .BOX .bnArea a,
body#boy .BOX .bnArea a{
	display: block;
	text-decoration: none;
	color: #504f4f;
	}

/* 通りの達人
========================================== */
body#expert .BOX h2{
	width: 673px;
	height: 115px;
	margin: 0 auto;
	background: url(../expert/images/page_tit.png) no-repeat top center;
	text-indent: -9999px;
	}

body#expert .BOX .infoArea,
body#expert .BOX .oaArea{
	margin: 0 auto 20px;
	}

body#expert .BOX .maiubtn{ position: relative;}

body#expert .BOX .maiubtn a{
	width: 170px;
	height: 92px;
	float: right;
	text-indent: -9999px;
	background: url(../expert/images/btn_maiu.png) no-repeat right;
	}

body#expert .BOX .maiubtn p{
	position: absolute;
	top: 5px;
	right: 106px;
	z-index: 5;
	text-align: left;
	font-size: 22px;
	color: #6b5353;
	font-family: 'Anton', sans-serif;
	}

body#expert .BOX .maiubtn p.mugen{
	width: 25px;
	height: 14px;
	position: absolute;
	top: 16px;
	right: 107px;
	z-index: 5;
	background: url(../expert/images/count_mugen.png) no-repeat center;
	}

body#expert #inline_content{
	overflow: hidden;
	}

body#expert .maiu_modal{
	background: fff;
	padding: 0;
	overflow-y: hidden;
	}

body#expert .maiu_modal .tit_sns{
	width: 482px;
	height: 56px;
	text-indent: -9999px;
	background: url(../expert/images/tit_sns.jpg) no-repeat center;
	}

body#expert ul.btnArea{
	text-align: center;
	padding: 40px 0 0;
	}

body#expert ul.btnArea li{
	display: inline-block;
	}

/* 急上SHOW！
========================================== */
body#person .BOX h2{
	width: 673px;
	height: 115px;
	margin: 0 auto;
	background: url(../person/images/page_tit.png) no-repeat top center;
	text-indent: -9999px;
	}

/* メレンゲーボーイ
========================================== */
body#boy .BOX h2{
	width: 673px;
	height: 115px;
	margin: 0 auto;
	background: url(../boy/images/page_tit.png) no-repeat top center;
	text-indent: -9999px;
	}

body #contentsArea .BOX span.corner{
	color: #eb3554;
	border: 1px solid #eb3554;
	padding: 2px 10px;
	margin: 0 7px 0 0;
	font-size: 12px;
	}

	/* sns.js */
	.global_NTV_snsArea .global_NTV_snsList {
		padding: 0 10px 10px 0;
	}
	.global_NTV_snsArea .global_NTV_snsList li {
		display: inline-block;
		margin-right: 15px;
		vertical-align: top;
		line-height: 1;
	}
	.global_NTV_snsArea .fb_iframe_widget span {
		vertical-align: top !important;
	}
