@charset "utf-8";

/*--------------------------------------------------------------------
/- admin  :TV TOKYO Communications Corporation.
/--------------------------------------------------------------------*/

/*==================================
	基本設定
==================================*/

.wrapper{
 background:#000 url(../../../images/bg.png);
 color:#333;
 font:13px/1.6 Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
 *font-size:small;
 *font:x-small;
}
.wrapper .program a {
	color:#d55e12;
	text-decoration: underline;
}

/*==================================
	サイト共通設定
==================================*/

.wrapper .hidetext {
	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;
	margin-top:-20px;
}
.wrapper .large {font-size: 139%;*font-size: 15px;}
.wrapper .small {font-size: 80%;*font-size: 11px;}
.wrapper .x-small {font-size: 77%;*font-size: 10px;}
.wrapper .red {color:#ff404e;}
/* ブロック */
.ltxt {text-align:left;}
.ctxt {text-align:center;}
.rtxt {text-align:right;}


/* フロート */
.float_l { float: left; }
.float_r { float: right; }
.clearfix:after { content: "."; display: block; height: 0.1px; clear: both; visibility: hidden; }
.clearfix { zoom: 1; }
.clear { clear: both; }

/* マージン */
.mauto {
	margin-right:auto !important;
	margin-left:auto !important;
}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}

/* パディング */
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}

/*ソーシャルバー（削除不可）*/
.wrapper #tx_social_bar a { color:#fff; text-decoration:none; }

/*==================================
 ページ共通
==================================*/
.wrapper .pagetop {
	margin:0 auto;
	padding-bottom:15px;
	width:178px;
}
.wrapper .banner {
	padding-bottom:10px;
	margin:0 auto;
	max-width:600px;
	width:95%;
}
.wrapper .banner img {
	width:100%;
}
.socialbtn {
	width:280px;
	margin:10px auto !important;
}
.wrapper .max600 {
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
}

/* randomGallery */

.randomG_box {
	margin:10px auto !important;
	width: 95%;
}
.randomG_box #randomGallery li{
	width: 48%;
	box-sizing: border-box;
	border: 3px solid #818181;
	overflow: hidden;
	float: left;
	transition: opacity 0.25s ease-in-out;
	margin:1%;
	border-radius:2px;
	background:#fff;
}


.randomG_box #randomGallery li:hover{border-color:#977300;opacity:0.8;}
.randomG_box #randomGallery li img{width:100%;height:auto; border-radius:2px;}
.randomG_box #randomGallery li a{position:relative;}

#gallery .wrapper .randomGoutside {
	display: none;
}

/*==================================
	01.ナビゲーション
==================================*/
/*メニュー header*/
.wrapper .nav_box {
	position: relative;
}
.wrapper .navBg h1{
	position:relative;
}
.wrapper #navOpen{
	text-indent:-9999px;
	font-size:1px;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0;
	display:block;
	width:25%;
	height:70px;
	cursor:pointer;
	z-index:100;
}
@media only screen and (min-width:580px){
	.wrapper #navOpen {
		height:110px;
	}
}

.wrapper nav.bangumi {
	margin-right:auto;
	margin-left:auto;
}
.wrapper nav.bangumi ul li{
	box-sizing:border-box;
	width:25%;
	float:left;
	text-align:center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#202020+0,090909+100 */
background: #202020; /* Old browsers */
background: -moz-linear-gradient(top,  #202020 0%, #090909 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #202020 0%,#090909 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #202020 0%,#090909 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#090909',GradientType=0 ); /* IE6-9 */
}
.wrapper nav.bangumi ul li a,
.wrapper nav.bangumi ul li span{
	text-indent:-9999px;font-size:1px;overflow:hidden;
 display: block;
 margin: 0;
 border-right:#252525 1px solid;
 border-top:#333 1px solid;
 border-bottom:#000 solid 1px;
 border-left:#000 solid 1px;
	background-repeat:no-repeat;
	background-size:63px 50px;
 background-position: center;
 height: 60px;
	}
#news .wrapper nav.bangumi ul li.nav_news,
#intro .wrapper nav.bangumi ul li.nav_intro,
#story .wrapper nav.bangumi ul li.nav_story,
#cast .wrapper nav.bangumi ul li.nav_cast,
#music .wrapper nav.bangumi ul li.nav_music,
#onair .wrapper nav.bangumi ul li.nav_onair,
#gallery .wrapper nav.bangumi ul li.nav_gallery,
#special .wrapper nav.bangumi ul li.nav_special,
#specialTop .wrapper nav.bangumi ul li.nav_special {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#871a1a+0,4c0808+100 */
background: #871a1a; /* Old browsers */
background: -moz-linear-gradient(top,  #871a1a 0%, #4c0808 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #871a1a 0%,#4c0808 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #871a1a 0%,#4c0808 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#871a1a', endColorstr='#4c0808',GradientType=0 ); /* IE6-9 */
}
.wrapper nav.bangumi ul li span {
	background-color: #636363;
	filter: alpha(opacity=50);
 -moz-opacity: 0.5;
 opacity: 0.5;
}

.wrapper nav.bangumi ul li.nav_news a,
.wrapper nav.bangumi ul li.nav_news span {
	background-image:url(../../images/nav_news.png);
}
.wrapper nav.bangumi ul li.nav_intro a,
.wrapper nav.bangumi ul li.nav_intro span{
	background-image:url(../../images/nav_intro.png);
}
.wrapper nav.bangumi ul li.nav_story a,
.wrapper nav.bangumi ul li.nav_story span{
	background-image:url(../../images/nav_story.png);
}
.wrapper nav.bangumi ul li.nav_cast a,
.wrapper nav.bangumi ul li.nav_cast a span{
	background-image:url(../../images/nav_cast.png);
}
.wrapper nav.bangumi ul li.nav_music a,
.wrapper nav.bangumi ul li.nav_music span{
	background-image:url(../../images/nav_music.png);
}
.wrapper nav.bangumi ul li.nav_onair a,
.wrapper nav.bangumi ul li.nav_onair span{
	background-image:url(../../images/nav_onair.png);
}
.wrapper nav.bangumi ul li.nav_gallery a,
.wrapper nav.bangumi ul li.nav_gallery span{
	background-image:url(../../images/nav_gallery.png);
}
.wrapper nav.bangumi ul li.nav_special a,
.wrapper nav.bangumi ul li.nav_special span{
	background-image:url(../../images/nav_special.png);
}
.wrapper nav.bangumi.header_nav{
	display: none;
}
#top .wrapper nav.bangumi.header_nav{
	display: block;
}
.wrapper nav.bangumi {
	background:#df0629;
}
#top .wrapper nav.bangumi {
	display:block;
	background:#000;
}
.wrapper #navOpen .tit{
	display: inline-block;
	line-height: 25px;
	font-weight: bold;
	color: #333;
	vertical-align: middle;
}
.wrapper nav.footer_nav {
	padding:10px 0;
	background:#000;
}

.wrapper nav.footer_nav .footer_top{
	box-sizing:border-box;
	width:100%;
	margin:10px 0;
	text-align:center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#202020+0,090909+100 */
background: #202020; /* Old browsers */
background: -moz-linear-gradient(top,  #202020 0%, #090909 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #202020 0%,#090909 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #202020 0%,#090909 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#090909',GradientType=0 ); /* IE6-9 */
}
.wrapper nav.footer_nav .footer_top a{
	text-indent:-9999px;font-size:1px;overflow:hidden;
 display: block;
 margin: 0;
 border-right:#252525 1px solid;
 border-top:#333 1px solid;
 border-bottom:#000 solid 1px;
 border-left:#000 solid 1px;
	background-repeat:no-repeat;
	background-size:113px 19px;
 background-position: center;
	background-image:url(../../images/footer_top.png);
 height: 50px;
	}

/*==================================
	02.トップ
==================================*/
.wrapper .mainvisual {
	height:0;
	padding-top:61.5625%;
	background-image:url(../../images/main.jpg) ;
	background-size:contain;
	background-repeat:no-repeat;
}
#top .wrapper .contents {
	padding:0 5px;
}


.wrapper .news_wrap{
	height:45px;
	overflow:hidden;
	border-radius:1px;
	margin:20px 0;
}

#top .wrapper #newsBox h2 img {
	width:73px;
	height:45px;
}

#top .wrapper #newsBox{
	line-height:45px;
	background:#202020;
	width:100%;
}

#top .wrapper #newsBox h2{
	position:relative;
	width:73px;
	height:45px;
	float:left;
	margin-right:5px;
}

#top .wrapper #newsBox #news_tiker{
	width:100%;
	margin-left:73px;
}

#top .wrapper #newsBox #news_tiker a{
	color:#fff;
	text-decoration:none;
	font-size:110%;
}
#newsBox #news_tiker a span {
	color:#f6b700;
	font-weight:bold;
}



#top .wrapper .next_movie {
	background:#202020 url(../../../images/yokoku.png) no-repeat top center;
	padding:30px 0 10px 0;
	border:solid 1px #434343;
	margin-bottom:10px;
	width:95%;
}
#top .wrapper .next_movie .movie_box {
	width:270px;
	margin:0 auto;
}
.wrapper .next_movie .btn_story {
	width:80%;
	margin:5px auto;
}
.wrapper .next_movie .btn_story img {
	width:100%;
}
.wrapper .sns_box {
	width: 92%;
	margin:0 auto;
	padding:10px;
}
.wrapper .sns_box ul {
	width:80%;
	margin:0 auto;
}
.wrapper .sns_box li{
	text-align: center;
	width:45%;
}

/* 下層共通 */

.wrapper h2.normalttl{
	height:0;
	padding-top:14.6875%;
	background-size:contain;
	background-repeat:no-repeat;
}


/*==================================
	03.news
==================================*/
#news .wrapper .newsAutoPage_day {
	color:#fff;
}
#news .wrapper .newsAutoPage_tit {
	color:#f6b700;
	font-size:139%;
	font-weight:bold;
	background:#171717;
	padding:3px 10px;
}
#news .wrapper .txt_box {
	color:#fff;
	padding:15px 10px;
}
#news .wrapper .txt_box a {
	color:#ff843a;
	text-decoration: none;
}
#news .wrapper .txt_box a:hover {
	text-decoration: underline;
}
#news .wrapper .txt_box .img_center {
	width:90%;
	margin:0 auto;
	padding:10px 0;
}

#news .wrapper .contents {
	width:90%;
	margin:10px auto;
	padding:10px;
	border:1px solid #434343;
	background:#000;
}
#news .wrapper h2{
	background-image:url(../../news/images/ttl.jpg) ;
}
#news .wrapper #newsAutoPageList,
#news .wrapper .newsAutoPage_item{display:none;}

#news .wrapper .newsAutoPage_item {
	margin-bottom:20px;
}
#news .wrapper ul#newsAutoPageList{
	margin:10px 0;
	padding:0;
	list-style:none;
}
#news .wrapper ul#newsAutoPageList li{
	margin-top:1px;
}

#news .wrapper ul#newsAutoPageList a{
	transition:all 1s cubic-bezier(.075,.82,.165,1);
	display:block;
	padding:10px 20px 10px 10px;
	text-decoration:none;
	color:#fff;
	position:relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#871a1a+0,4c0808+100 */
background: #871a1a; /* Old browsers */
background: -moz-linear-gradient(top,  #871a1a 0%, #4c0808 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #871a1a 0%,#4c0808 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #871a1a 0%,#4c0808 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#871a1a', endColorstr='#4c0808',GradientType=0 ); /* IE6-9 */
}
#news .wrapper ul#newsAutoPageList a:hover,
#news .wrapper ul#newsAutoPageList a.active{
	box-shadow:0 0 20px rgba(0,0,0,0.3);
	z-index:1;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c22b2b+0,860c0c+100 */
background: #c22b2b; /* Old browsers */
background: -moz-linear-gradient(top,  #c22b2b 0%, #860c0c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c22b2b 0%,#860c0c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c22b2b 0%,#860c0c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c22b2b', endColorstr='#860c0c',GradientType=0 ); /* IE6-9 */

}

#news .wrapper .notice{
	border:solid 1px #ccc;
	padding:10px;
}
#news .wrapper .notice li{
	margin-top:10px;
	padding-top:10px;
	border-top:1px dashed #ccc;
	list-style:katakana-iroha;
}

#news .wrapper .item{
	border-bottom:2px dotted #434343;
}
#news .wrapper .txt_box .em {
 color: #ff7782;
 font-weight: bold;
 font-size: 154%;
	padding-bottom:10px;
}
#news .wrapper .txt_box .border {
	border-bottom:1px solid #434343;
	padding-bottom:10px;
	margin-bottom:10px;
}

 /*白いひし型 */  
#news .wrapper ul#newsAutoPageList a:before {       
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 15px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #fff;
}
#news .wrapper ul#newsAutoPageList a:after {
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #6c1212;
}
#news .wrapper ul#newsAutoPageList a:hover:after,
#news .wrapper ul#newsAutoPageList a.active:after{
	background: #9f1919;
}
#news .wrapper h3.newslist_ttl {
	color:#f6b700;
	font-size:139%;
	font-weight:bold;
	margin-top:30px;
}

#news .wrapper .txt_box .img_box img {
	width:100%;
}
#news .wrapper .txt_box dt {
	padding-bottom:10px;
}

#news .wrapper .newsAutoPage_item span.block {
	display:block;
}

/*==================================
	04.onair
==================================*/
#onair .wrapper h2{
	background-image:url(../../onair/images/ttl.jpg) ;
}
#onair .wrapper .contents {
	width:95%;
	margin:10px auto;
}

#onair .onair_list {
	color:#fff;
	background:#3d3d3d;
	text-align: left;
}
#onair .onair_list tr.first {
	color:#fff;
	background:#2e2e2e;
	border:#000 solid 1px;
	padding: 10px 20px;
}
#onair .onair_list th {
	color:#f6b700;
	font-weight:bold;
	padding:10px;
	border:#000 solid 1px;
	width:40%;
	vertical-align: middle;
}
#onair .onair_list th .new {
	color:#ff0000;
	font-size:77%;
}
#onair .onair_list td {
	border:#000 solid 1px;
	padding: 10px;
	vertical-align: middle;
}

/*==================================
	05.story
==================================*/

#story .wrapper h2{
	background-image:url(../../story/images/ttl.jpg) ;
margin-top:0px;
}
#story .wrapper .contents {
	width:95%;
	margin:10px auto;
}

#story #storytit .story_date {
	color:#fff;
}
#story #storytit h3 {
	color:#f6b700;
	font-size:154%;
	border:solid 2px #462309;
	background:#1c0f05;
	padding:10px 5px;
}
#story #storytit h3 span {
	color:#fff;
	font-size:85%;
}
#story .wrapper #storytit {
	margin-bottom:10px;
	position: relative;
}

#story #bnr {
	display: none;
}
#story #storytext {
	color:#fff;
	line-height: 2;
	margin-bottom:20px;
}


#story .wrapper .gest h4 {
	font-size:139%;
	color:#fff;
	border-left:5px solid #f6b700;
	padding:0 15px;
	margin-bottom: 10px;
}
#story .wrapper .gest ul{
	width:300px;
	margin:0 auto;
}
#story .wrapper .gest ul li{
	float:left;
	margin:10px;
}

#story .wrapper .moviebox {
	width:280px;
	margin:0 auto 30px;
}
#story .wrapper #bnr {
	margin-bottom:30px;
}

#story .wrapper #storynav h4 {
	font-size:139%;
	color:#fff;
	border-left:5px solid #f6b700;
	padding:0 15px;
	margin-bottom:20px;
}

#story .wrapper #backnumber li{
	width:46%;
	position:relative;
	float:left;
	margin:2%;
}
#story .wrapper #backnumber li img{
	width:100%;
}
#story .wrapper #backnumber li span {
	position:absolute;
	color:#fff;
	font-weight:bold;
	font-size:154%;
	left:5px;
	bottom:0;
	z-index:100;
}
#story .wrapper .flex-viewport {
	padding-bottom:5px;
}





#top #story .wrapper #contents {
	padding: 0 20px;
	border-bottom:none;
}


#top #story .wrapper #storytit {
	margin-bottom:10px;
	position: relative;
}


#top #story .wrapper .story_thum .img01 {
    float: left;
    border: 5px solid #e2e2e2;
    width:45%;
}

#top #story .wrapper .story_thum .img02 {
    float: right;
    border: 5px solid #e2e2e2;
    width:45%;
}

#top #story .wrapper .story_thum {
	margin-bottom:-20px;
}


#top #story .wrapper #storytext {
	color:#fff;
	line-height: 2;
    margin-bottom: -10px;
	text-align:left;
}


#top #story .wrapper #storytext p{
    height: 133px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}


#top #story .wrapper .gest {
display:none
}







/*==================================
	06.intro
==================================*/
#intro .wrapper h2{
	background-image:url(../../intro/images/ttl.jpg) ;
	margin-top:0;
}
#intro .txt_box {
	color:#fff;
	padding:0 10px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:1.8;
	font-size:108%;
}
#intro .book,
#intro .staff{
	background:url(../../../intro/images/intro_bg.jpg);
	width:95%;
	margin:10px auto;
	padding:10px 0;
}
#intro .book h3,
#intro .staff h3 {
	font-size:154%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	padding-bottom:10px;
}
#intro .book .img_box {
	margin:0 auto;
	width:70%;
}
#intro .book .pink {
	color:#ff3838;
	font-weight:bold;
}
#intro .book .book_txt {
	padding:0 10px 10px;
}
#intro .wrapper .staff table{
	padding:10px;
}
#intro .wrapper .staff th {
	width:30%;
	font-weight:bold;
	padding:5px 10px;
	text-align:left;
	vertical-align: middle;
}
#intro .wrapper .staff td {
	padding:5px 10px;
	vertical-align: middle;
}
#intro .wrapper .staff tr {
	border-bottom:1px solid #e2e2e2;
}

/*==================================
	cast
==================================*/
#cast .wrapper h2{
	background-image:url(../../cast/images/ttl.jpg) ;
	margin-top:0;
}
#cast .wrapper .contents {
	margin-bottom:10px;
}


/*==================================
	specialTop
==================================*/
#specialTop .wrapper h2{
	background-image:url(../../special/images/ttl.jpg) ;
	margin-top:0;
}
#specialTop .wrapper .contents {
	width:95%;
	max-width: 600px;
	margin:10px auto 0;
	padding-top:7%;
	background:url(../../special/images/special_line.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100%;
}
#specialTop .wrapper .bnr_box {
	padding-bottom:5%;
	margin-bottom:20px;
	background-image:url(../../special/images/special_line.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100%;
}
#specialTop .wrapper .bnr_box li {
	margin-bottom:10px;
}
#specialTop .wrapper .bnr_box li img {
	width:100%;
}

/*==================================
	recipe
==================================*/
#recipe .wrapper h2{
	background-image:url(../../special/recipe/images/ttl.jpg) ;
}
#recipe .wrapper .contents {
	width:95%;
	max-width: 600px;
	margin:0 auto;
}
#recipe #storytit .story_date {
	color:#fff;
}
#recipe #storytit h3 {
	color:#f6b700;
	font-size:154%;
	border:solid 2px #462309;
	background:#1c0f05;
	padding:10px 5px;
}
#recipe #storytit h3 span {
	color:#fff;
	font-size:85%;
}
#recipe .wrapper #storytit {
	margin-bottom:10px;
	position: relative;
}

#recipe .wrapper .recipe_box {
	background:url(../../../special/recipe/images/text_bg.png);
	margin-bottom:15px;
}
#recipe .wrapper .recipe_box h4.recipe_ttl {
	background:url(../../../special/recipe/images/ttl_bg.png);
	font-size:185%;
	padding:5px 10px;
	color:#2e1909;
}
#recipe .wrapper .detail {
	padding:10px;
}
#recipe .wrapper .detail .thum img {
	width:100%;
}
#recipe .wrapper .detail .memo {
	background:url(../../../special/recipe/images/memo_bg.png);
	padding:25px 15px 20px;
}
#recipe .wrapper .detail .memo_ttl {
	margin-bottom:-25px;
}
#recipe .wrapper .detail .material p.material_ttl {
	line-height:3;
	margin-top:10px;
}

#recipe .wrapper .make p{
	margin-top:10px;
}


#recipe .wrapper .make ul {
	margin-top:10px;
}
#recipe .wrapper .make li {
	padding:0 0 10px 23px;
}
#recipe .wrapper .make li.num1 {
	background:url(../../../special/recipe/images/1.png) top left no-repeat;
}
#recipe .wrapper .make li.num2 {
	background:url(../../../special/recipe/images/2.png) top left no-repeat;
}
#recipe .wrapper .make li.num3 {
	background:url(../../../special/recipe/images/3.png) top left no-repeat;
}
#recipe .wrapper .make li.num4 {
	background:url(../../../special/recipe/images/4.png) top left no-repeat;
}
#recipe .wrapper .make li.num5 {
	background:url(../../../special/recipe/images/5.png) top left no-repeat;
}
#recipe .wrapper .make li.num6 {
	background:url(../../../special/recipe/images/6.png) top left no-repeat;
}
#recipe .wrapper .make li.num7 {
	background:url(../../../special/recipe/images/7.png) top left no-repeat;
}

#recipe .wrapper .morePlus,
#recipe .wrapper .moreMinus{
	background:#e1c37f;
	color:#2e1909;
	border-radius:5px;
	text-align: center;
	padding:5px 0;
	margin:10px 0;
}
#recipe .wrapper .morePlus a,
#recipe .wrapper .moreMinus a{
	color:#2e1909;
}

/**/
.recipe_other {
	width:95%;
	margin:0 auto !important;
}

#recipe .wrapper #slider2,
.recipe_other #slider2{
	width:100%;
	margin:5px auto;
}
#recipe .wrapper #slider2 .box,
.recipe_other #slider2 .box{
	float:left;
	margin:0 2px;
}
#recipe .wrapper #slider2 .box a,
.recipe_other #slider2 .box a{
	color:#fff;
	text-decoration:none;
}

#recipe .wrapper .slider_box,
.recipe_other .slider_box{
	position:relative;
	margin:10px 0 20px;
}
#recipe .wrapper .slider_box img,
.recipe_other .slider_box img{
	margin-bottom:5px;
}
#recipe .owl-carousel .owl-controls .owl-nav .owl-prev,
.recipe_other .owl-carousel .owl-controls .owl-nav .owl-prev{
	background:url(../../special/recipe/images/prev.png) center left no-repeat;
	position:absolute;
	height:43px;
	left:0;
	top:15%;
	color: rgba(238, 238, 238, 0);
}
#recipe .owl-carousel .owl-controls .owl-nav .owl-next,
.recipe_other .owl-carousel .owl-controls .owl-nav .owl-next{
	background:url(../../special/recipe/images/next.png) center right no-repeat;
	position:absolute;
	height:43px;
	right:0;
	top:15%;
	color: rgba(238, 238, 238, 0);
}

/* レシピ一覧 */
#recipe .wrapper .ichiran_list #slider2 .box {
	width:48%;
	max-width:172px;
 min-height: 160px;
 margin: 0 1%;
}
#recipe .wrapper .ichiran_list #slider2 .box a img {
	width:100%;
}

#recipe .recipe_other,
#gallery .recipe_other {
	display:none;
}

/*==================================
	music
==================================*/
#music .wrapper h2{
	background-image:url(../../music/images/ttl.jpg) ;
}
#music .wrapper .txt_box {
	color:#fff;
	padding:15px 10px;
}
#music .wrapper .txt_box a {
	color:#ff843a;
	text-decoration: none;
}
#music .wrapper .txt_box a:hover {
	text-decoration: underline;
}
#music .wrapper .txt_box .img_center {
	width:90%;
	margin:0 auto;
	padding:10px 0;
}
#music .wrapper .txt_box .em {
 color: #ff7782;
 font-weight: bold;
 font-size: 154%;
	padding-bottom:10px;
}
#music .wrapper .txt_box .border {
	border-bottom:1px solid #434343;
	padding-bottom:10px;
	margin-bottom:10px;
}

/*==================================
	11.special present
==================================*/
#present .wrapper .contents {
	width:95%;
	max-width: 600px;
	margin:0 auto;
}
#present .wrapper h2 {
	background-image: url(../../special/present/images/ttl.jpg);
}
#present .wrapper h3{
	color:#f6b700;
	font-weight:bold;
	font-size:200%;
	text-align: center;
	margin:20px 0;
}

#present .wrapper .shimekiri {
	background:#f6b700;
	text-align: center;
	margin:15px auto;
	width:90%;
	font-size:169%;
	font-weight:bold;
	color:#f70000;
}
#present .wrapper .shimekiri span {
	display: block;
}
#present .wrapper .attention {
	color:#fff;
		margin:15px 0;
}
#present .wrapper .btn_oubo {
	margin-bottom: 20px;
}
#present .wrapper .btn_oubo a{
	width:70%;
	margin:15px auto;
	text-align: center;
	padding:15px 0;
	font-size:131%;
	font-weight: bold;
	transition:all 1s cubic-bezier(.075,.82,.165,1);
	display:block;
	text-decoration:none;
	color:#fff;
	position:relative;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c22b2b+0,860c0c+100 */
background: #c22b2b; /* Old browsers */
background: -moz-linear-gradient(top,  #c22b2b 0%, #860c0c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c22b2b 0%,#860c0c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c22b2b 0%,#860c0c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c22b2b', endColorstr='#860c0c',GradientType=0 ); /* IE6-9 */
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px; 
}

#present .wrapper .description {
	color:#fff;
	font-size:139%;
	font-weight:bold;
}
#present .wrapper .endtext {
	text-align: center;
	font-size:124%;
	color:#ff7782;
	padding:15px 0;
	font-weight:bold;
}

/*==================================
	12.dvd
==================================*/
#dvd .wrapper #contents {
	width:95%;
	margin:10px auto;
}
#dvd .wrapper h2 {
	background-image: url(../../dvd/images/ttl.jpg);
}
#dvd .wrapper section {
	margin:0 auto 30px;
	color:#fff;
}
#dvd .wrapper section h4 {
	background:#000 url(../../../dvd/images/bg.png);
	font-size:169%;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-shadow:#000 0 0 3px ;
	margin-bottom:25px;
	padding-left:15px;
}
#dvd .wrapper section h4 span {
	font-size:80%;
}
#dvd .wrapper section h4.line_blue {
	border-left:5px solid #0972e1;
}
#dvd .wrapper section h4.line_red {
	border-left:5px solid #f01c3c;
}
#dvd .wrapper section h4.line_yellow {
	border-left:5px solid #ecaf00;
}

#dvd .wrapper section .tokuten_movie {
	border-bottom:1px solid #434343;
	padding-bottom:20px;
	margin-bottom:20px;
}
#dvd .wrapper section .btn_box li {
	text-align: center;
	padding-bottom:15px;
}

#dvd .wrapper section .tokuten_movie .subttl {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:139%;
}

#dvd .wrapper section .tokuten_movie dt {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:139%;
	color:#f6b700;
}
#dvd .wrapper section .tokuten_movie dd {
	margin-bottom:20px;
}

#dvd .wrapper section .blu_min ul,
#dvd .wrapper section .dvd_min ul{
	width:84%;
	margin:0 auto 20px;
}
#dvd .wrapper section .blu_min li,
#dvd .wrapper section .dvd_min li {
	width:40%;
	float:left;
	padding:0 5%;
}

#dvd .wrapper section .blu_min h4,
#dvd .wrapper section .dvd_min h4 {
	font-size:147%;
	margin-bottom:15px;
	padding-left:10px;
}
#dvd .wrapper section .blu_min h4 span,
#dvd .wrapper section .dvd_min h4 span {
	font-size:80%;
}