@charset "utf-8";


/**************************************/
/* common */
/**************************************/

body { background: url(../images/bgimg.gif) -300px 0 repeat;} /* 全体の背景指定 */

#wrapper a,
#wrapper .article{
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
}
#wrapper a:hover {
	text-decoration: none;
	/* filter: alpha(opacity=80);*/
	-moz-opacity:0.8;
	opacity:0.5;
}

/* #contents */
#contents {
	width: 1020px;
}

/* #main */
#main {
	width: 710px;
}

#main a { color:#3eb31e;}
#main a:hover { color: #F90;}

/* #header */
div#header { background: url(../images/top/header_bg.png) center top no-repeat; height:345px;position:relative; }

div#header h1 a { background: url(../images/logo.png) center no-repeat; display:block; width:290px; height:140px; text-indent:-9999em; position:absolute; top:5px; left: 25px; }


div#header ul.news { position:absolute; width:230px; height:70px; right:70px; top:120px; overflow:auto;}
div#header ul.news li { margin-bottom:5px;}


div#header div#g_nav {
	background:url(../images/common/g_nav_bg.png) top center no-repeat;
	width:710px;
	height:70px;
	position:absolute;
	left:0;
	bottom:0px;
}
div#header div#g_nav:after {content:'';display:table;clear:both;}
div#header div#g_nav div#g_nav_inner {margin:auto;height:49px;width:664px;position: absolute;top: -3px;left: 0px;bottom: 0px;right: 0px;}
div#header div#g_nav_inner a[href] {
	background:url(../images/common/g_nav.png) no-repeat;
	display:block;
	float:left;
	height:49px;
	margin-right:7px;
	text-indent:-9999px;
	width:163px;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

div#header div#g_nav_inner a[href]:last-of-type {width:154px; margin-right:0px;}

div#header div#g_nav_inner a[href]#g_nav_inquiry {background-position:0px 0px;}
div#header div#g_nav_inner a[href]#g_nav_oa {background-position:-172px 0px;}
div#header div#g_nav_inner a[href]#g_nav_astrology {background-position:-345px 0px;}
div#header div#g_nav_inner a[href]#g_nav_profile {background-position:-520px 0px;}

div#header div#g_nav_inner a[href]:hover{opacity:1;}
div#header div#g_nav_inner a[href]#g_nav_notice:hover {background-position:0px -50px;}
div#header div#g_nav_inner a[href]#g_nav_oa:hover {background-position:-172px -50px;}
div#header div#g_nav_inner a[href]#g_nav_astrology:hover {background-position:-345px -50px;}
div#header div#g_nav_inner a[href]#g_nav_profile:hover {background-position:-520px -50px;}

body#sec div#header div#g_nav {bottom: -65px;}


div#header ul#nav {display:none;}


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

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

#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;
}

ul#btn-sbm {
	text-align: left;
	width:450px;
	margin:0 auto 5px 0;
}

ul#btn-sbm li {
	display:inline-block;
	margin-left: 0px;
	padding: 0px;
	line-height: normal;
	list-style: none;
}

.ntv-yokatta-widget{margin-bottom:10px!important;}

ul#btn-sbm li a { margin: 0px; }
ul#btn-sbm .btnHatenaBookmark { }


/* テキスト指定 */
.article { background-color: #82cb00; padding:10px; width:670px; margin: 0 auto; min-height:1050px;
	height: auto !important; height: 1050px; /* for IE6 */
}

.article p {
	font-size: 13px;
	line-height: 1.6;
	margin-bottom:0.5em;
}
.text02 {
	font-size: 14px !important;
}

/* pagetop */
p.innerlink-head a {
	padding:6px 8px;
	background-color: #fff;
	font-size:12px;
	text-decoration: none;
	display:block;
	width:10em;
	text-align:center;
	margin:20px 0 30px auto;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

/**************************************/
/* #top */
/**************************************/
body#top div#article { background-color: #82cb00; padding:10px; width:670px; margin: -5px auto 0 auto; padding-top:15px; }
body#top div#article p { font-size: 13px;line-height: 1.6; margin-bottom:0.5em;}

body#top div#article .bnr_top_area { margin-bottom: 15px}

body#top div.wrap_group { position:relative; margin-bottom: 15px;}
body#top div.wrap_group:after{content:''; display:table; clear:both;}

body#top div#group_left {float:left; width:345px;}
body#top div#group_right {float:right; width:316px;}

body#top div#group_notice { padding-bottom:10px; width:345px;}
body#top div#group_notice .group_notice_logo {background:url(../images/top/group_notice_logo.png) no-repeat; display:block; height:50px; width:345px;}
body#top div#group_notice .group_notice_detail {
	background-color:#ffffff;
	border-radius:0px 0px 5px 5px;
	font-size:14px;
	height:210px;
	padding:10px;
	width:325px;
	word-break:break-all;
	}
body#top div#group_notice .group_notice_detail_inner {height:100%; overflow-y:auto; width:100%;}
body#top div#group_notice .group_notice_detail ul li {position:relative;}
body#top div#group_notice .group_notice_detail ul li:last-of-type {padding-bottom:0px;}
body#top div#group_notice .group_notice_detail ul li .date,
body#top div#group_notice .group_notice_detail ul li .title {
	display:table-cell;
	color:#ff0000;
	padding-bottom:10px;
	padding-left:30px;
	vertical-align:top;
	}
body#top div#group_notice .group_notice_detail ul li:before {
	background: url(../images/top/group_notice_icon.png) no-repeat;
	background-size:cover;
	content: '';
	height: 20px;
	position: absolute;
	width: 20px;
	}
body#top div#group_notice .group_notice_detail ul li .title a {color:#ff0000;}
body#top div#group_notice .group_notice_detail ul li .date {padding-right:10px; white-space:nowrap;}

body#top div#group_nabetabe {
	margin-bottom: 10px;
	height: 80px;
}
body#top div#group_nabetabe a {
	background: url(../images/top/btn_nabetabe.png) no-repeat 0 0;
  background-size: cover;
	width: 345px;
	height: 80px;
	display: inline-block;

	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

body#top div#group_tw_timeline {padding-bottom:10px; position:relative;width:316px;}
body#top div#group_tw_timeline .group_tw_timeline_logo {background:url(../images/top/group_tw_timeline_logo.png) no-repeat; display:block; height:50px; width:316px;}
body#top div#group_tw_timeline .group_tw_timeline_detail {
	background-color:#ffffff;
	border-radius:0px 0px 5px 5px;
	height:214px;
	padding:8px;
	position:relative;
	width:300px;
	}
body#top div#group_tw_timeline .group_tw_timeline_detail.blank:after {
	content:'';
	background:url(../images/top/group_tw_timeline_blank.png) no-repeat;
	bottom:0px;
	height:41px;
	left:0px;
	top:0px;
	position:absolute;
	right:0px;
	margin:auto;
	width:217px;
	}

body#top div#group_sns {width:316px;}
body#top div#group_sns .group_sns_insta {background:url(../images/top/group_sns_insta.png) no-repeat; display:block; height:111px; width:316px; margin-bottom: 10px;}
body#top div#group_sns .group_sns_insta.blank {background:url(../images/top/group_sns_insta_blank.png) no-repeat; display:block; height:111px; width:316px;}
body#top div#group_sns .group_sns_fb {background:url(../images/top/group_sns_fb.png) no-repeat; display:block; height:111px; width:316px; margin-bottom: 10px;}
body#top div#group_sns .group_sns_nanitabe {
	background: url(../images/top/group_nanitabe_banner.png) no-repeat;
	display: block;
	height: 111px;
	width: 316px;
	margin-bottom: 10px;
}

body#top ul.bnr_list { padding-left:6px; margin-bottom:6px;}
body#top ul.bnr_list li {display:inline-block; margin-bottom:8px; margin-right:1px;}

body#top .op_new_title p {
	background: url(../images/top/op_new_title.png) no-repeat;
	width: 670px;
	height: 74px;
	margin-bottom: 0 !important;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
body#top .op_new_movie {
	background: #fff;
	padding: 20px;
	border-radius: 0px 0px 5px 5px;
	margin-bottom: 10px;
	text-align: center;
}


/**************************************/
/* sec common */
/**************************************/
body#sec div#header { background: url(../images/header_bg_sec.png) center -110px no-repeat; height:155px;}
body#sec div#header ul#nav { top:155px;}

body#sec div.sec_section {
	margin:65px 0 20px 0;
	background:#FFFFFF;
	padding:20px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	}

body#sec div.article h2.tit { margin-bottom:20px;}

body#sec div.article h3 {
	font-size:14px;
	font-weight: bold;
	color: #3eb31e;
	margin-top:20px;
	margin-bottom:10px;
	background-color: #FFFBEA;
	border-bottom: #3eb31e dotted 1px;
	padding:6px 10px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}


/**************************************/
/* #topics */
/**************************************/
body#sec div#topics { }
body#sec div#topics.article { }
body#sec div#topics.article h2 { color:#3EB31E; background-color:#F7F7EF; padding:6px 10px; font-size:21px; font-weight: bold; margin-bottom:20px; }
body#sec div#topics.article h2 span.sub { font-size:14px; display:block; }

/* umaimono */
body#sec div#topics.umaimono { }
body#sec div#topics.umaimono div.wrap_contetns { background-color:#fcfbf4; padding:20px; }

body#sec div#topics.umaimono h2.title { background: url(../topics/images/umaimono_head.png) 0 0 no-repeat; text-indent: -9999em; width:602px; _width:auto; height: 257px; margin-bottom:15px; margin-left:-10px;}
body#sec div#topics.umaimono p.lead { background: url(../topics/images/umaimono_lead.png) top center no-repeat; text-indent: -9999em; height: 144px; margin-bottom:20px;}

body#sec div#topics.umaimono div.present { position:relative; margin-bottom:30px; min-height:260px;}
*:first-child+html body#sec div.wrap_contetns { position:relative; }/* for IE7 */

body#sec div#topics.umaimono div.present h3.title { background: url(../topics/images/title_present.png) 0 0 no-repeat; text-indent: -9999em; height: 78px; border-bottom: none; margin-bottom:0; padding:0;}

body#sec div#topics.umaimono div.present h4 { font-size:18px; color:#E32580; text-align:center; margin-bottom:5px; }

body#sec div#topics.umaimono div.present div.photo { background: url(../topics/images/item_frame.png) 0 0 no-repeat; text-indent: -9999em; width:270px; height: 320px; position:absolute; top:20px; right:0;}
body#sec div#topics.umaimono div.present div.photo img { position:absolute; right:16px; top: 12px; }

body#sec div#topics.umaimono div.present div.text { width:280px; margin-left:20px;}
body#sec div#topics.umaimono div.present div.text p.people { text-align:center; font-size:20px; font-weight: bold; color:#3EB31E; line-height:1.2; }
body#sec div#topics.umaimono div.present div.text p.close { text-align:center; font-weight: bold; color: #F00;}


body#sec div#topics.umaimono div.quiz { background: url(../topics/images/quiz_head.gif) top center no-repeat #FFF; border: solid 5px #FFE538; padding:60px 30px 30px 30px;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
}
body#sec div#topics.umaimono div.quiz h3.title { text-indent: -9999em; background-color: transparent; border-bottom: none; height:0;}
body#sec div#topics.umaimono div.quiz p { font-size:16px; color:#E32580; }
body#sec div#topics.umaimono div.quiz p.hint { font-size:14px;}
body#sec div#topics.umaimono div.quiz p img.icon { vertical-align:middle; padding-right:5px;}

body#sec div#topics.umaimono div.quiz div.agreement { margin-top:20px; padding:10px; background-color:#FFFEF4; }
body#sec div#topics.umaimono div.quiz div.agreement h4 { font-size:16px; font-weight: bold; margin-bottom:10px; }
body#sec div#topics.umaimono div.quiz div.agreement ul { margin:0 0 20px 20px; }
body#sec div#topics.umaimono div.quiz div.agreement ul li { list-style: disc;}

body#sec div#topics.umaimono ul.btn { position:relative; height:70px; margin:15px 0 0 0;}
body#sec div#topics.umaimono ul.btn li { }

body#sec div#topics.umaimono ul.btn li.btn_cancel a { background: url(../topics/images/btn_cancel.png) 0 0 no-repeat; text-indent: -9999em; width:240px; height:70px;position:absolute; top:0; left:0; }
body#sec div#topics.umaimono ul.btn li.btn_agree a { background: url(../topics/images/btn_agree.png) 0 0 no-repeat; text-indent: -9999em; width:240px; height:70px; position:absolute; top:0; right:0; }
body#sec div#topics.umaimono ul.btn a:hover {
	/*filter: alpha(opacity=60);*/
	-moz-opacity:0.6;
	opacity:0.6;
}

/**************************************/
/* #diary */
/**************************************/
body#sec div#diary { }
body#sec div#diary.article { }
body#sec div#diary.article h2 { color:#3EB31E; background-color:#F7F7EF; padding:6px 10px; font-size:21px; font-weight: bold; margin-bottom:20px; }
body#sec div#diary.article h2 span.sub { font-size:14px; display:block; }



/**************************************/
/* #profile */
/**************************************/
body#sec div#profile {}

body#sec div#profile h2.tit { background: url(../profile/images/tit_profile.png) 0 0 no-repeat; height:56px; text-indent: -9999em; margin-bottom:10px;}

body#sec div#profile ul.list { margin-top:10px;}
body#sec div#profile ul.list li {
	display: inline-block;
	vertical-align:top;
	margin:10px 0 0 9px;
}
body#sec div#profile ul.list li { }
body#sec div#profile ul.list li a { display:block; width:110px;}
body#sec div#profile ul.list li a:hover {
}

body#sec div#profile ul.list li img { display:block;}
body#sec div#profile ul.list li span { display:block; text-indent: -9999em;}



/* Detail page */
body#sec div#profile div.wrap_profileDetail {
	border: 10px solid #ebfbe7;
	padding:20px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

body#sec div#profile dl.profileDetail { position: relative; }
body#sec div#profile dl.profileDetail dt { position: absolute; left:0; top:0; width:110px; _left:-130px;/* for IE6 */}

body#sec div#profile dl.profileDetail dd {
	border-bottom: 1px dotted #2DA30D;
	background:no-repeat 0 0;
	text-align: left;
	height: auto;
	width: auto;
	margin:0 0 10px 130px;
	padding: 0 0 10px 100px;
}

	body#sec div#profile dl.profileDetail dd span { display: none;}

	body#sec div#profile dl.profileDetail dd.ctg1 {	background-image: url(../profile/images/ctg1.gif);}
	body#sec div#profile dl.profileDetail dd.ctg2 {	background-image: url(../profile/images/ctg2.gif);}
	body#sec div#profile dl.profileDetail dd.ctg3 {	background-image: url(../profile/images/ctg3.gif);}
	body#sec div#profile dl.profileDetail dd.ctg4 {	background-image: url(../profile/images/ctg4.gif);}
	body#sec div#profile dl.profileDetail dd.ctg5 {	background-image: url(../profile/images/ctg5.gif);}
	body#sec div#profile dl.profileDetail dd.ctg6 {	background-image: url(../profile/images/ctg6.gif);}
	body#sec div#profile dl.profileDetail dd.ctg7 {	background-image: url(../profile/images/ctg7.gif);}
	body#sec div#profile dl.profileDetail dd.ctg8 {	background-image: url(../profile/images/ctg8.gif);}
	body#sec div#profile dl.profileDetail dd.ctg9 {	background-image: url(../profile/images/ctg9.gif);}
	body#sec div#profile dl.profileDetail dd.ctg10 { background-image: url(../profile/images/ctg10.gif);}
	body#sec div#profile dl.profileDetail dd.ctg11 { background-image: url(../profile/images/ctg11.gif);}
	body#sec div#profile dl.profileDetail dd.ctg12 { background-image: url(../profile/images/ctg12.gif);}



body#sec div#profile p.profileBtn {
	height: 18px;
	width: 84px;
	margin:10px 0 10px auto;
	line-height:0;
}

body#sec div#profile p.profileBtn a {
	background: url(../profile/images/profile_btn.gif) 0 0 no-repeat;
	text-align: left;
	text-indent: -9999px;
	display: block;
	height: 18px;
	width: 84px;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
body#sec div#profile p.profileBtn a:hover { background-position:0 -18px;}

/**************************************/
/* #astrology */
/**************************************/
body#sec div#astrology { }

body#sec div#astrology.article { }
body#sec div#astrology.article h2.tit { background: url(../astrology/images/tit_astrology.png) 0 0 no-repeat; height:56px; text-indent: -9999em; margin-bottom:10px;}

body#sec div#astrology.article h3.date {
	color: #3eb31e;
	font-size:24px;
	font-weight: bold;
	text-align: center;
	margin:0 0 15px 0;
	background-color:transparent;
	border: none;
}

body#sec div#astrology.article div.box { position:relative; border: solid 3px #E5E5D3; background-color:#FCF7F4; padding:20px; width:255px; min-height:66px; display:inline-block; vertical-align: top;margin-left:17px; margin-bottom:16px;font-size: 0px; }
body#sec div#astrology.article div.box:nth-child(odd) { margin-left:0px; }
body#sec div#astrology.article div.box img.icon { display:inline-block;vertical-align: middle; border:3px solid #FFF;}
body#sec div#astrology.article div.box p.inner { position:relative; margin-left:10px;display: inline-block;vertical-align: middle;width: 175px;font-size: 13px;}

body#sec div#astrology.article div.ranking { margin:30px; text-align:center;}
body#sec div#astrology.article div.ranking div.wrap { width:200px; display:inline-block;}
body#sec div#astrology.article div.ranking h4.tit { background: url(../astrology/images/sougou.gif) top center no-repeat; height:60px; text-indent: -9999em; margin-bottom:20px;}
body#sec div#astrology.article div.ranking h5.no1 { background: url(../astrology/images/no1.gif) top center no-repeat; height:31px; text-indent: -9999em;}
body#sec div#astrology.article div.ranking h5.no2 { background: url(../astrology/images/no2.gif) top center no-repeat; height:31px; text-indent: -9999em;}
body#sec div#astrology.article div.ranking p.seiza { color: #3eb31e;font-size:18px;	font-weight: bold; margin:5px; }
body#sec div#astrology.article div.ranking img.icon { padding:5px;}


/**************************************/
/* #goods */
/**************************************/
body#sec div#goods {}

body#sec div#goods h2.tit { background: url(../goods/images/tit_goods.png) 0 0 no-repeat; height:56px; text-indent: -9999em;}


body#sec div#goods ul.list { width:620px; margin: 0 auto; background-color:#fff; }
body#sec div#goods ul.list li {
	display: inline-block;
	vertical-align:top;
	margin-bottom:20px;
	padding:0 20px;
	_padding: 0 15px;/* for IE6 */
}
body#sec div#goods ul.list li a { display:block; width:160px;}
body#sec div#goods ul.list li a img { display:block; border:solid 3px #f0f0f0; margin-bottom:5px; padding:3px;}
body#sec div#goods ul.list li a span { display:block; padding-left: 15px; background:url(../images/point.gif) 0 3px no-repeat;}


/**************************************/
/* #secret */
/**************************************/
body#sec div#secret {}

body#sec div#secret h2.tit { background: url(../secret/images/tit_secret.png) 0 0 no-repeat; height:56px; text-indent: -9999em; margin-bottom:0;}
body#sec div#secret h3 { color: #F60;}

body#sec div#secret h4 { font-size:18px; font-weight: bold; color: #3eb31e; margin-bottom:10px;}

body#sec div#secret div.sec_section span.photo { border:#ccc 1px solid; float:right; margin:0 0 10px 10px;}
body#sec div#secret div.sec_section span.photo img { border:#FFF 3px solid;}

/**************************************/
/* #present */
/**************************************/
body#sec div#present {}

body#sec div#present h2.tit01 { background: url(../present/images/tit_present01.png) 0 0 no-repeat; height:56px; text-indent: -9999em; margin-bottom:0;}
body#sec div#present h2.tit02 { background: url(../present/images/tit_present02.png) 0 0 no-repeat; height:56px; text-indent: -9999em; margin-bottom:0;}
body#sec div#present h2.tit03 { background: url(../present/images/tit_present03.png) 0 0 no-repeat; height:56px; text-indent: -9999em; margin-bottom:0;}

body#sec div#present .txt01 { background: url(../present/images/txt_present01.png) 0 0 no-repeat; height:115px; text-indent: -9999em; margin-bottom:0;}
body#sec div#present .txt02 { background: url(../present/images/txt_present02.png) 0 0 no-repeat; height:223px; text-indent: -9999em; margin-bottom:0;}
body#sec div#present .txt03 { background: url(../present/images/txt_present03.png) 0 0 no-repeat; height:82px; text-indent: -9999em; margin-bottom:10px;}

body#sec div#present div.sec_section div.clear { clear: both; overflow:hidden; height:100%; }
body#sec div#present div.sec_section div.photo { float:left; margin:10px 10px 0 0; width: 310px;}
body#sec div#present div.sec_section div.txt { float:right; margin:10px 0 0 0; width: 300px; }
body#sec div#present div.sec_section div.txt a.btn_oubo { display: block; margin-top:30px; }
body#sec div#present div.sec_section div.txt p.red { color: #F00; }
body#sec div#present div.sec_section div.present02,
body#sec div#present div.sec_section div.present03 { margin-top: 30px; }

/**************************************/
/* #just */
/**************************************/
body#sec div#just {}

body#sec div#just h2.tit { background: url(../just/images/tit_just.png) 0 0 no-repeat; height:56px; text-indent: -9999em; margin-bottom:0;}

body#sec div#just div.sec_section { position: relative; }
body#sec div#just div.backnumber { position: absolute; right:30px; top:102px; }


/**************************************/
/* #inquiry */
/**************************************/
body#sec div#inquiry {}

body#sec div#inquiry h2.tit { background: url(../inquiry/images/tit_inquiry.png) 0 0 no-repeat; height:56px; text-indent: -9999em; margin-bottom:0;}

body#sec div#inquiry div.sec_section { position: relative; }
body#sec div#inquiry div.backnumber { position: absolute; right:30px; top:102px; }

#sugotoku_bnr{display: none;}


/**************************************/
/* #on_air */
/**************************************/
body#sec div#onair {}

body#sec div#onair h2#tit { background: url(../oa/images/tit_oa.png) 0 0 no-repeat; height:56px; text-indent: -9999em; margin-bottom:0;}

body#sec div#onair div.sec_section { position: relative; }
body#sec div#onair div.backnumber { position: absolute; right:30px; top:102px; }

body#sec div#onair .entry_body {word-break:break-all;overflow:hidden;clear:both;}

body#sec div#onair .footer_bt:after {content: '';display: table;clear: both;}
body#sec div#onair .footer_bt .bt_inquiry{
	background: url(../oa/images/bt_inquiry.png) 0 0 no-repeat;
	display:block;
	height:97px;
	float:left;
	width:331px;
	}
body#sec div#onair .footer_bt .bt_just{
	background: url(../oa/images/bt_just.png) 0 0 no-repeat;
	display:block;
	height:97px;
	float:right;
	width:331px;
	}

/**************************************/
/* #notice */
/**************************************/
body#sec div#notice {}

body#sec div#notice h2#tit { background: url(../notice/images/tit_notice.png) 0 0 no-repeat; height:56px; text-indent: -9999em; margin-bottom:0;}

body#sec div#notice div.sec_section { position: relative; }
body#sec div#notice div.backnumber { position:relative; right:0px; top:0px; padding:20px 0px;}

body#sec div#notice .entry_body {word-break:break-all;overflow:hidden;clear:both;}


/**************************************/
/* #snackmocchi */
/**************************************/
body#sec div#snackmocchi {}

body#sec div#snackmocchi h2#tit {
	background-image: url(../snackmocchi/images/tit_snackmocchi.jpg);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 150px;
	text-indent: -9999em;
	margin-bottom: 0;
}

body#sec div#snackmocchi div.sec_section {
	position: relative;
}

body#sec div#snackmocchi div.backnumber {
	position: absolute;
	right: 30px;
	top: 198px;
}

body#sec div#snackmocchi .entry_body {
	word-break: break-all;
	overflow: hidden;
	clear: both;
}

body#sec div#snackmocchi .entry_body .entry_img{
	padding-top: 56.25%;
	background-position: center left;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	display: block;
	margin-bottom: 0.5em;
}


/**************************************/
/* SP */
/**************************************/

@media screen and (max-width: 480px){
/* #header */
#top #main #header {
	-moz-box-ordinal-group:1;
	-webkit-box-ordinal-group:1;
	box-ordinal-group:1;
}



#top #main #header p { font-size: 16px; }

/* #nav */
#top #nav {
	display: block;
	letter-spacing: 0em; /* hack */
	text-align: left;
	width: auto;
	height: auto;
	padding: 0;
	-moz-box-ordinal-group:4;
	-webkit-box-ordinal-group:4;
	box-ordinal-group:4;
	border-top: 1px solid rgba(150, 150, 150, 0.5);
}

#top #nav li {
	display: block;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	border-bottom: 1px solid rgba(150, 150, 150, 0.5);
}
#top #nav li:first-child {
}

#top #nav ul li a,
#top #nav ul li span {
	color: #333;
	font-size: 16px;
	line-height: 44px;
	text-align: left;
	text-indent: 0;
	text-decoration: none;
	font-weight: bold;
	display: block;
	width: auto;
	height: 44px;
	padding: 0 10px;
	background: rgba(246,246,242,1);
	border: none;
	overflow: hidden;
	background-image: none;
}



#top #main #btn-sbm {
	display: block;
	-moz-box-ordinal-group:2;
	-webkit-box-ordinal-group:2;
	box-ordinal-group:2;
}

#top #main #article {
	width: auto;
	padding: 0 10px;
	-moz-box-ordinal-group:3;
	-webkit-box-ordinal-group:3;
	box-ordinal-group:3;
}

/* ページの先頭へ */
#top #main .innerlink-head {
	display: none;
}

.structure {
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	-o-box-orient: vertical;
	-ms-box-orient: vertical;
	box-orient: vertical;
}

#sec_sectionD { margin-left: 0px; }



#header p {
	font-size: 16px;
	line-height: 24px;
	height: 24px;
	padding-right: 20px;
	padding-left: 20px;
	border-bottom: 1px solid #ccc;
}

#navimail{
	padding-bottom:10px;
}


.d_none{display:none}
}


#banner_area{
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	background:#FFF;
	margin-bottom:20px;
	padding-bottom:5px;
	padding-top:5px;
}

.bnr_tit{ width:660px; margin:0 auto 10px;}

.mb20{ margin-bottom:20px;}

/*ハイブリットキャストバナー*/
#hc_box{background:url(../images/hc_bg.jpg) no-repeat; width:670px; height:360px;/* height:320px; */ position:relative; margin:0 auto;}
#hc_box a{display:block; position:absolute;}
#hc_box a#hc_vote{ width:274px;height:75px; left:196px; top:218px;}
#hc_box a#hc_btn01{width:62px;height:12px; right:150px; bottom:14px}
#hc_box a#hc_btn02{width:124px;height:13px; right:18px; bottom:14px}


/**************************************/
/* #snack */
/**************************************/
#snack{
	background-image: url(../images/top/snack_bg.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 351px;
	position: relative;
	padding: 10px 20px;
	width: 345px;
	box-sizing: border-box;
	margin-bottom: 10px;
	border-radius: 10px;
}
.snack-title{
	width: 283px;
	height: 68px;
	background-image: url(../images/top/snack_logo.png);
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
	position: relative;
	background-size: contain;
}

.snack-subtitle {
	margin: 0 auto;
	position: relative;
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-size: 17px;
	height: 40px;
	line-height: 40px;
	width: calc(100% - 80px);
}
.snack-subtitle::before,
.snack-subtitle::after{
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	top: 0;
	bottom: 0;
	margin: auto;
}

.snack-subtitle::before{
	background-image: url(../images/top/snack_logo_l.png);
	left: -40px;
}

.snack-subtitle::after {
	background-image: url(../images/top/snack_logo_r.png);
	right: -40px;
}


.snack-data-day {
	margin: 5px auto 0;
	font-weight: bold;
	color: #fff;
	font-size: 18px;
}

.snack-data-text {
	width: 100%;
	overflow: hidden;
}

/* 表示領域に合わせてサイズと余白を設定 */
body#top div#article .snack-data-text p {
	color: #fff;
	font-size: 18px;
	margin: 0 auto;
	display: inline-block;
	padding-left: 100%;
	white-space: nowrap;
	animation: marquee 10s linear infinite;
	font-weight: bold;
}

@keyframes marquee {
	from {
		transform: translate(0);
	}

	to {
		transform: translate(-100%);
	}
}

.snack-content {
	border-radius: 10px;
	margin: 10px auto 0;
	height: 148px;
	width: 86%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
}

/**************************************/
/* #relaydiary */
/**************************************/
body.relaydiary { background: url(../relaydiary/images/bgimg.gif) repeat; } /* 全体の背景指定 */
body.relaydiary #wrapper #contents { width:1000px; }

/* anchor */
body.relaydiary div#wrapper { background: url(../relaydiary/images/header_bg.gif) repeat-x 0 -1px;}

body.relaydiary #wrapper a,
body.relaydiary #wrapper .article{
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
}

body.relaydiary div#article {
     background-color: transparent !important;
     padding: 0px !important;
     margin: 0 !important;
     padding-top: 0px !important;
}

body.relaydiary #wrapper a:hover {
	text-decoration: none;
	/* filter: alpha(opacity=80); */
	-moz-opacity:0.8;
	opacity:0.8;
}
/* #header */
body.relaydiary #header {
	background: url(../relaydiary/images/header.png) no-repeat 150px 0;
	height: 250px;
	margin-bottom:30px;
	position:relative;
}
body.relaydiary #header h1 a {
	display:block;
	text-indent: -9999em;
	background: url(../relaydiary/images/logo.png) no-repeat 0px 0px;
	width:261px;
	height: 121px;
	position:absolute;
	left:0;
	top:15px;
}
body.relaydiary #header h2 a {
	display:block;
	text-indent: -9999em;
	background: url(../relaydiary/images/logo_yasumura.png) no-repeat 0px 0px;
	width:310px;
	height: 121px;
	position:absolute;
	left:305px;
	top:70px;
}
/* #main */
body.relaydiary #main {
	width: 675px;
	padding-bottom: 35px;
}
/* #side */
body.relaydiary #side { }

body.relaydiary #side .box{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
body.relaydiary ul#btn_sitetop { margin-bottom:10px;}
body.relaydiary ul#btn_sitetop li a { display:block; width: 300px; height:50px; background:url(../relaydiary/images/btn_sitetop.png) center top no-repeat; text-indent: -9999em; margin: 0 auto;}
body.relaydiary div#btn_new,
body.relaydiary div#btn_cast,
body.relaydiary div#btn_cast2,
body.relaydiary div#btn_archive {
	border: solid 3px #3EB31E;
	background-color:#82CB00;
	padding:15px;
	width:264px;
	font-size:14px;
	/* border-radius */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 0 auto 10px;
}
body.relaydiary div#btn_new,
body.relaydiary div#btn_archive { padding-bottom:0;}

body.relaydiary div#btn_new h3,
body.relaydiary div#btn_cast h3,
body.relaydiary div#btn_cast2 h3,
body.relaydiary div#btn_archive h3 { text-indent: -9999em; background:center center no-repeat; height: 40px; margin-bottom:10px;}

body.relaydiary div#btn_new h3 { background-image:url(../relaydiary/images/side_tit_new.png);}
body.relaydiary div#btn_cast h3 { background-image:url(../relaydiary/images/side_tit_cast.png);}
body.relaydiary div#btn_cast2 h3 { background-image:url(../relaydiary/images/side_tit_cast2.png);}
body.relaydiary div#btn_archive h3 { background-image:url(../relaydiary/images/side_tit_archive.png);}

body.relaydiary div#btn_new ul li,
body.relaydiary div#btn_archive ul li {
	padding:8px 20px 8px 0;
	background:url(../relaydiary/images/icon_arw.png) right center no-repeat;
	border-top: dotted 2px #FFFFFF;
}
body.relaydiary div#btn_new ul li a,
body.relaydiary div#btn_archive ul li a { color:#FFFFFF; text-decoration: none; font-weight: bold; display:block; width: 264px;	_width:224px; /* for IE6 */ height: 22px;}

body.relaydiary div#btn_cast ul li { margin-bottom:5px; }
body.relaydiary div#btn_cast ul li a { display:block; width: 264px; height: 44px; background:center top no-repeat; text-decoration: none; font-weight: bold; text-indent: -9999em; _margin-top:0; _line-height: normal;/* for IE6 */ }

body.relaydiary div#btn_cast ul li.diary01 a { background-image:url(../relaydiary/images/btn_list_ace.png);}
body.relaydiary div#btn_cast ul li.diary02 a { background-image:url(../relaydiary/images/btn_list_mochi.png);}
body.relaydiary div#btn_cast ul li.diary03 a { background-image:url(../relaydiary/images/btn_list_miya.png);}
body.relaydiary div#btn_cast ul li.diary04 a { background-image:url(../relaydiary/images/btn_list_azu.png);}
body.relaydiary div#btn_cast ul li.diary05 a { background-image:url(../relaydiary/images/btn_list_mori.png);}
body.relaydiary div#btn_cast ul li.diary06 a { background-image:url(../relaydiary/images/btn_list_koni.png);}
body.relaydiary div#btn_cast ul li.diary07 a { background-image:url(../relaydiary/images/btn_list_dokin.png);}

body.relaydiary div#btn_cast2 ul { margin-left: -5px; }
body.relaydiary div#btn_cast2 ul li { margin-bottom:5px; }
body.relaydiary div#btn_cast2 ul li a { display:block; width: 273px; height: 64px; background:center top no-repeat; text-decoration: none; font-weight: bold; text-indent: -9999em; _margin-top:0; _line-height: normal;/* for IE6 */ }

body.relaydiary div#btn_cast2 ul li.diary01 a { background-image:url(../relaydiary/images/btn_list_yasumura.png);}

/* テキスト指定 */
body.relaydiary #article {
	font-size: 120%;
	line-height: 1.6;
	padding-right:20px;
}

body.relaydiary #article h4 {
	font-weight: bold;
	color: #3EB31E;
	font-size: 140%;
	margin: 0px 0px 10px;
}
body.relaydiary #article p {
	margin-bottom: 10px;
}

/* pagetop */
body.relaydiary p.innerlink-head a {
	padding:6px 8px;
	background-color: #82CB00;
	font-size:12px;
	font-weight: bold;
	color:#FFFFFF;
	text-decoration: none;
	display:block;
	width:10em;
	text-align:center;
	margin:20px 0 30px auto;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	color: #fff!important;
}
body.relaydiary div.blog_section { padding-left:170px; background:left top no-repeat; position:relative; }
body.relaydiary div.blog_section.diary01 { background-image: url(../relaydiary/images/diary01.png); }
body.relaydiary div.blog_section.diary02 { background-image: url(../relaydiary/images/diary02.png); }
body.relaydiary div.blog_section.diary03 { background-image: url(../relaydiary/images/diary03.png); }
body.relaydiary div.blog_section.diary04 { background-image: url(../relaydiary/images/diary04.png); }
body.relaydiary div.blog_section.diary05 { background-image: url(../relaydiary/images/diary05.png); }
body.relaydiary div.blog_section.diary06 { background-image: url(../relaydiary/images/diary06.png); }
body.relaydiary div.blog_section.diary07 { background-image: url(../relaydiary/images/diary07.png); }
body.relaydiary div.blog_section.diary08 { background-image: url(../relaydiary/images/diary08.png); }
body.relaydiary div#article div.blog_section h3 {
	text-indent: -9999em;
	width: 30px;
	height: 25px;
	background:url(../relaydiary/images/fukidashi.png) 0 0 no-repeat;
	position:absolute;
	top:60px;
	left:146px;
}
body.relaydiary div.blog_section div.blog {
	width:440px;
	margin-bottom: 20px;
	padding: 20px;
	border: solid 3px #3EB31E;
	background-color:#FFF;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}
body.relaydiary div#article div.btn_log { position:relative; width:480px; height: 30px; margin:-10px 0 20px auto;}
body.relaydiary div#article div.btn_log p.prev a { display:block; background:url(../relaydiary/images/btn_pre.png) 0 0 no-repeat; width:65px; height: 28px; text-indent: -9999em;}
body.relaydiary div#article div.btn_log p.next a { display:block; background:url(../relaydiary/images/btn_next.png) 0 0 no-repeat; width:65px; height: 28px; position:absolute; right:0; top:0;text-indent: -9999em;}

/* 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;
}
.global_NTV_snsArea .fb_iframe_widget span {
	vertical-align: top !important;
}
