@charaset "utf-8";

ruby {display: inline-table;vertical-align: bottom;text-align: center;}
rb {display: table-row-group;text-align: center;}
rt {display: table-header-group;line-height: 1.5;text-align: center;font-size: 0.35em;font-weight: normal;}
rp {display: none;}


/*********************************************************

二階層目専用CSS

/*********************************************************/


/* ---------------------------------------
共通部分
--------------------------------------- */
.second{margin-top: 80px;}
h1.title{text-align: center;font-size: 42px;margin-bottom: 60px;line-height: 1;}
h1.title small{display: block;font-size: 20px;margin-top: 10px;color: #999;}

h2.basic,h3.sp {
	background-color: #ff166c;
	border-bottom: 3px solid #000;
	line-height: 1.3;
	padding: 12px 15px 10px;
	margin-bottom: 35px;
	font-size: 18px;
}
.mt40{margin-top: 40px;}


/* 二階層目メニュー ////////////////////// */
nav.sub2nd {
	background-color: #000;
	color: #777;
	text-align: center;
	padding: 10px;
	font-size: 16px;
	letter-spacing: 0px;
	line-height: 1.4;
}
nav.sub2nd a,nav.sub2nd .dummy {
	display: inline-block;
	text-decoration: none;
	border-left: 1px solid #444;
	padding: 0px 10px;
	margin: 2px 0px;
}
nav.sub2nd a{color: #fff;}
nav.sub2nd a:last-child,nav.sub2nd .dummy:last-child {border-right: 1px solid #444;}
nav.sub2nd a:hover,nav.sub2nd a.selected{color: #CFFF6A;}

.mtb20{margin-top: 20px;margin-bottom: 30px;}




/* //////////////////////////////////////////////////////////////

0：ニュース

////////////////////////////////////////////////////////////// */
#news article{}
/* 日付 */
#news article .date {font-size: 18px;}

/* タイトル */
#news article .title{
	background-color: #ff166c;
	border-bottom: 3px solid #000;
	line-height: 1.3;
	padding: 12px 15px 10px;
	font-size: 22px;
	font-weight: bold;
}
#news article .title a{text-decoration: none;color: #000;}

/* 記事ボックス */
#news article .box{}
#news article .box a{color: #000000;}
#news article .box a:hover{color: #ff6200;}

/* SNSボックス------------------------------ */
#news article .sns {float: right;margin-top: -40px;}
#news article .sns span {display: inline-block;margin-right: 5px;}
#news article .sns a {display: inline-block;width:30px;margin-left: 5px;}

/* 本文 */
#news article .box .txt{margin-top: 50px;padding-bottom: 20px;}

/* READ MORE */
#news .more{display: none;}

/* ペ－ジャー ****************************** */
#news .news_page_box{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	width:100%;
	padding: 20px 10px;
}

/* ボタン共通 */
#news .news_page_box a{display: inline-block;text-decoration: none;color: #000;}
#news .news_page_box a:hover{color: #FD9F1B;}

/* 前へ */
#news .news_page_box .news_page_prev a{float: left;}
/* 次へ */
#news .news_page_box .news_page_next a{float: right;}

/* ワードプレスが弄れないため、直打ち */
#news .news_page_box:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;
    clear: both; 
	visibility:hidden;
}
#news .news_page_box{display: inline-block;min-height:1%;  /* for IE 7*/} 
/* IE Mac */
#news .news_page_box{height: 1%;}


/* youtube */
#news .articleYoutube{width:70%;}



/* //////////////////////////////////////////////////////////////

1：イントロダクション

////////////////////////////////////////////////////////////// */
#intro .img{margin: 50px auto;}
#intro .img img{width:20%;padding: 4px;}

#intro h3{font-size: 20px;color: #ff166c;line-height: 1.3;margin-bottom: 10px;}



/* //////////////////////////////////////////////////////////////

2：ストーリー

////////////////////////////////////////////////////////////// */
#story {padding-bottom: 50px;}

/* メニューが二列の場合（二期用） */
#story nav.sub2nd {font-size: 14px;padding: 8px 0px 8px 175px;text-align: left;}
#story nav.sub2nd.top {margin-bottom: 5px;}

/* 話数 */
#story h2 {
	border-bottom: 2px solid #000;
	font-size: 24px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-top: 40px;
	margin-bottom: 20px;
	line-height: 1.3;
}

/* テキスト */
#story .txt {padding: 0px 5px 40px;}

/* スタッフ情報 */
#story .txt p {font-weight: bold;margin-bottom: 20px;background-color: #eee;padding: 10px;line-height: 1.4;}
#story .txt p span {display: inline-block;margin-right: 2px;}
#story .txt p span:after {content: "／";margin-left: 5px;}
#story .txt p span:last-child:after {display: none;}

/* スクショ */
#story .img{margin: 10px auto 50px;}
#story .img img{width:20%;padding: 4px;}




/* //////////////////////////////////////////////////////////////

3：クリエーション

////////////////////////////////////////////////////////////// */

/* ************************************************************
キャラクター＆メカ
*************************************************************** */

/* サブメニュー ------------------------ */
#creation nav.sub{position: relative;padding: 0px 30px 30px;min-height: 170px;}

/* サブメニューのカテゴリ切り替え ------------------------ */
#creation #chara nav.charaNav {
	background-color: #000;
	padding: 10px 0px;
	text-align: center;
	margin-bottom: 20px;
}
#creation .charaNav dl,#creation .charaNav dt,#creation .charaNav dd{display: inline-block;}
#creation .charaNav dl {
	line-height: 1;
	cursor: pointer;
	padding: 3px 15px;
	border-left: 1px solid #666;
	color: #fff;
	font-size: 16px;
}
#creation .charaNav dl:last-child{border-right: 1px solid #666;}

/* ロールオーバー */
#creation .charaNav dl:hover{color: #999;}
#creation .charaNav dl.selected {color:#CFFF6A;}

#creation .charaNav dt{float: left;margin-top: 1px;}
#creation .charaNav dd{font-size: 10px;margin-left: 5px;}

/* メニュー非表示 */
#creation .slide {
	opacity: 1;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	position: relative;
	z-index: 2;
}
#creation .slide.subChara{position: absolute;top:0px;width:1080px;}
#creation .nonNav{opacity: 0;z-index: 1;}

/*------------------------------------------*/

/* 画像 */
#creation #chara li .img {
	background-color: #DA235E;
	border: 3px solid #000;
	margin: 3px;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}
#creation #chara li .img img{border: 1px solid #fff;opacity: 0.7;}

/* キャラクター用 -------------- */
#creation #chara li:hover .img{background-color: #ff76ab;}

/* メカ用 ----------- */
#creation #chara.mecha li .img{background-color: #37DCE6;}
#creation #chara.mecha li:hover .img{background-color: #86f8ff;}


/* テキスト */
#creation #chara li a {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: 13px;
	width: 100%;
	line-height: 1.2;
}
#creation #chara li a:hover img {opacity: 1;}



/* キャラクター個別 -------------------------------------------- */
#creation #chara section{position: relative;padding-bottom: 50px;}
#creation #chara section .main{width:62%;float: left;position: relative;}

/* 右 */
#creation #chara section .right{margin-left: 62%;}
/* 名前 */
#creation #chara section .name {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 1;
	padding: 15px 0px 10px;
	position: relative;
}
#creation #chara section .name em{font-weight: bold;font-size: 42px;display: inline-block;padding-right: 10px;}
#creation #chara section .name .clear {clear:inherit;}

/* 長い名前 */
#creation #chara section .name .longName{font-size: 36px;}


/* ルビ */
#creation #chara section .name small {font-size: 16px;position: relative;top:-10px;letter-spacing: 0px;}

/*キャスト名*/
#creation #chara section .cv{font-weight: bold;font-size: 20px;line-height: 1.3;margin-top: 10px;}

/*紹介テキスト*/
#creation #chara section .txt{margin-top: 15px;margin-bottom: 50px;line-height: 1.7;position: relative;}
/* サブ画像 */
#creation #chara section .sub{position: relative;}

/*メカ用 ----------------*/
#creation #chara.mecha section .txt{margin-bottom: 20px;}


/* キャラ切り替え用 ------------------------------------- */
/* 切り替えボタン */
#creation #chara ul#changeBtm{margin-top: 20px;margin-bottom: 20px;}
#creation #chara ul#changeBtm li {
	cursor: pointer;
	border-radius: 1000px;
	display: inline-block;
	padding: 5px;
	width:25%;
	margin-right: 3px;
	transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
	-webkit-transition: all 0.2s ease;
}
#creation #chara ul#changeBtm li:hover {opacity: 0.5;}
/* 選択中 */
#creation #chara ul#changeBtm li.selected{background-color: #000000;}
#creation #chara ul#changeBtm li.selected,ul#changeBtm li:hover {opacity: 1;}

/* 共通--------------------- */
#creation #chara .main .year46,#creation #chara .sub .year46{position: absolute;top: 0px;left:0;}

/* メイン画像 */
#creation #chara .main .year46{top: -1px;}
/* テキスト */
#creation #chara .txt .year41{display: none;}



/* 会社概要
.company dt{float: left;}
.company dt:before{content: "\274F";margin-right: 5px;}

.company dt,.company dd{padding: 5px;}
.company dd{margin-left: 110px;margin-bottom: 15px;border-left: 1px solid #eee;padding-left: 15px;}

.company ol li{list-style-type: decimal;margin-left: 1.3em;margin-bottom: 10px; list-style-position: outside;}

@media screen and (max-width: 756px) {
	.company dt{float: none;background-color: #eee;}
	.company dd{margin-left: 0px;padding-left: 5px;border-left: none;margin-bottom: 25px;}
}
*/








/* //////////////////////////////////////////////////////////////

4：スタッフ＆キャスト

////////////////////////////////////////////////////////////// */
#staff .img img{width:48%;vertical-align: top;}
#staff .img img:first-child{margin-right: 2%;}





/* //////////////////////////////////////////////////////////////

5：グッズ

////////////////////////////////////////////////////////////// */
#goods{padding-bottom: 60px;}
#goods hr{padding-bottom: 25px;margin-top: 25px;}
#goods section {margin-top: 50px;}

#goods nav.sub2nd{letter-spacing: 1px;}

/* 記事------ */
#goods article {border: 1px solid #000;padding:30px 25px;margin-bottom: 50px;}

/* 画像 */
#goods section .img{width:30%;float: left;text-align: center;}
#goods section .img img{border: 1px solid #ccc;margin-bottom: 10px;}

/* テキストエリア */
#goods article .box{margin-left:32%;}
#goods section .txt{padding: 5px;}


#goods article .box h1 {
	font-size: 22px;
	border-bottom: 3px double #FD9F1B;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	line-height: 1.2;
	color: #000;
}
#goods article .box h1 small {font-size: 70%;display: block;padding-bottom: 7px;font-weight: normal;}

/*アーティスト名*/
#goods article .box h2 {font-size: 18px;line-height: 1.4;color: #ff6200;margin-bottom: 20px;}
#goods article .box em {
	border: 1px solid #FD9F1B;
	margin-bottom: 10px;
	font-weight: bold;8
	font-size: 16px;
	color: #FD9F1B;
	line-height: 1;
	padding: 5px 10px 5px 5px;
	display: inline-block;
	margin-right: 10px;
}
#goods article .box em:before {content: "◆";margin-right: 5px;}

#goods article .box h3 {
	margin-top: 40px;
	margin-bottom: 10px;
	background-color: #FD9F1B;
	color: #000;
	padding: 5px 15px;
	font-size: 16px;
	line-height: 1.3;
}
#goods article .box span {display: inline-block;}
#goods article .box small{display: inline-block;line-height: 1.4;font-size: 80%;}

/* 横2列 ****************************** */
#goods .right,#goods .left{width: 49%;}
#goods .left{float: left;margin-right: 2%;}
#goods .right{float: left;}




/* MUSICページのみ ********************* */
#goods .music .img{width:22%;}
#goods .music .box{margin-left:25%;}/* テキストエリア */
#goods .music .box strong{margin-top: 10px;display: inline-block;}


/* BOOKページのみ画像サイズを小さく ********************* */
#goods .book .img{width:20%;}
#goods .book .box{margin-left:22%;}/* テキストエリア */


/* ブルーレイページのみ ********************* */
#goods .bd-dvd .box{font-size: 12px;}
#goods .bd-dvd dl.double{width:48%;margin: 1%;display: inline-block;vertical-align: top;}
#goods .bd-dvd .double dt {float: left;width:48%;}
#goods .bd-dvd .double dt img{border: 1px solid #ccc;}
#goods .bd-dvd .double dd{margin-left:52%;}
/* 小さい画像 */
#goods .smallImg{width:40%;margin: 10px 10px 0px 0px;}


/* その他のみ ********************* */
#goods .other .img{width:49%;}
#goods .other .box{margin-left:52%;}/* テキストエリア */
#goods .other .syousai {
	line-height: 1.4;
	border-top: 1px dotted #ccc;
	margin-top: 10px;
	margin-bottom: 15px;
	padding-top: 15px;
}
/* 商品詳細リンク */
#goods .other .goodsLink {
	display: inline-block;
	padding: 2px 20px;
	text-decoration: none;
	border-radius: 5px;
	background-color: #FD9F1B;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 3px;
}
#goods .other .goodsLink:hover {background-color: #000;color: #FD9F1B;}








/* //////////////////////////////////////////////////////////////

7：オンエアー

////////////////////////////////////////////////////////////// */
#onair h2 {
	line-height: 1.2;
	font-size: 24px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 15px 10px;
	margin-top: 60px;
	margin-bottom: 20px;
	text-align: center;
	color: #FF166C;
	/*text-shadow: 0px 0px 6px #ffb936;*/
}
#onair h3 {
	color: #FF166C;
	border: 1px solid #FF166C;
	font-size: 18px;
	padding: 8px 10px;
	line-height: 1.3;
	margin-top: 20px;
	margin-bottom: 20px;
}

#onair .txt{width:56%;margin: auto;margin-bottom: 30px;font-size: 20px;font-weight: bold;}
/* 放送局名 */
#onair .txt em{color: #ff6200;}

#onair .txt span{display: inline-block;margin-left: 1em;font-weight: normal;}
#onair .txt span.non{margin-left: 0;}
#onair .txt small{font-size: 60%;display: inline-block;}
#onair .txt small.block{display: block;margin-bottom: 20px;}
#onair .img{width:56%;margin: auto;}

#onair .txt .net{line-height: 1.6;}

/* リンク色 */
#onair a{color: #ff6200;}


#onair .comp{
	position: relative;
	padding: 20px;
}	
#onair .comp:before{
	background: rgba(238, 238, 238, 0.7);
	content: "";
	position: absolute;
	top: 0;right: 0;bottom: 0;left: 0;
}
#onair .comp .cmtxt{
	position: absolute;
	top: 0;right: 0;bottom: 0;left: 0;
	z-index: 2;
	display: flex;
	justify-content: center;align-items: center;
}


/* //////////////////////////////////////////////////////////////

★★ スペシャル＆ムービー　共通部分

////////////////////////////////////////////////////////////// */
.commonList{padding-bottom: 30px;}

.commonList li img{border: 1px solid #ccc;}
.commonList li a{text-decoration: none;}
.commonList li h2 {display: block;text-shadow: 0px 0px 5px #ffe450;}

/* 日付 */
.commonList .day{font-size: 18px;margin-bottom: 5px;line-height: 1.3;}

/* 大バナー */
.commonList li.topNews{margin: 0px 10px 50px;}
.commonList li.topNews img{border-top: none;}
.commonList li.topNews h2 {
	border-top: 1px solid #000;
	border-bottom: 5px solid #000;
	font-size: 24px;
	padding: 20px 10px;
	text-align: center;
	line-height: 1.4;
}

/* 小バナー ****************************************************************** */
.commonList li.default{width:33.3%;padding: 10px;display: inline-block;vertical-align: top;}

/* 見出し */
.commonList li.default h2 {margin-top: 10px;margin-bottom: 5px;font-size: 18px;line-height: 1.3;}
/* 本文 */
.commonList li.default small{font-size: 14px;line-height: 1.4;display: block;}


/* 個別ページ **************************************************************** */
/* トップへ戻る */
.backtop{text-align: center;margin-top: 40px;}





/* //////////////////////////////////////////////////////////////

スペシャル

////////////////////////////////////////////////////////////// */

/* ナビゲーション ----------------- */
#special nav.sub2nd{margin-bottom: 60px;letter-spacing: 0px;font-size: 15px;font-weight: normal;}


/* 単一ページ -------------------- */
#pageBox{font-size: 16px;line-height: 1.6;}

/* 見出し */
#pageBox h2,h2.sp {
	font-size: 24px;
	margin-top: 10px;
	text-shadow: 0px 0px 6px #ffb936;
	padding: 25px 20px;
	margin-bottom: 70px;
	border-top: 1px solid #000;
	border-bottom: 5px solid #000;
	text-align: center;
	background-image: url(../../special/images/h2bg.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
}
#pageBox h2 strong,h2.sp strong {color: #ff6200;margin-right: 20px;display: inline-block;}

/* youtube ---------------------- */
#pageBox .rightBox {
	float:right;
	width:380px;
	text-align:center;
	margin: -10px 0px 20px 30px;
	position: relative;
	z-index: 50;
}
#pageBox .rightBox.yoko {width:500px;}


#pageBox a.youtube {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	display: block;
	border: 4px solid #F9BE62;
	padding: 3px;
}
#pageBox a.youtube img{margin-bottom: 3px;}

/* 質問文 */
#pageBox .question{color: #c73ad3;line-height: 1.5;margin-bottom: 15px;font-weight: bold;}

/* 名前 */
#pageBox strong.name{display: inline-block;margin-right: 10px;color: #ff6200;}

/* 名前や見出し */
#pageBox h3.sp{margin-top: 60px;}

#pageBox h3.midashi{text-align: center;font-size: 150%;color: #ff6200;margin-top: 30px;margin-bottom: 30px;line-height: 1.2;}


/* 写真風画像 /////////////////////////////// */
.photoImg{
	border: 1px solid #ddd;
	/* box-shadow */
	box-shadow:rgba(163, 163, 163, 0.4) 0px 0px 5px 0px;
	-webkit-box-shadow:rgba(163, 163, 163, 0.4) 0px 0px 5px 0px;
	-moz-box-shadow:rgba(163, 163, 163, 0.4) 0px 0px 5px 0px;
	padding: 10px 10px 5px 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.2;
}
/* 小さいサイズ */
.photoImg.smallW{width:70%;margin-left: auto;margin-right: auto;}

.photoImg img{border: 1px solid #ddd;margin-bottom: 5px;}
.photoImg img.non{border: none;}
.photoImg p{font-size: 14px;margin-top: 5px;line-height: 1.4;}

/* 横2列 */
.doubleImg {margin-top: 50px;margin-bottom: 50px;}
.doubleImg .photoImg{width:48%;display: inline-block;margin: 1%;}
.doubleImgTxt{margin-left: 1%;margin-right: 1%;}


/* Twitterアイコン //////////////////// */
#special p.padding{margin-top: 20px;margin-bottom: 20px;}
#special #twitter a{width:15.6%;margin: 0.5%;display: inline-block;}
#special #twitter a img{border: 1px solid #ccc;}


/* 年表 ////////////////////////////// */
#special #yearList hr{margin: 20px 5px 0px;padding-bottom: 20px;}

#special #yearList dl {width: 100%;margin-bottom: 15px;}
#special #yearList dt{text-align: center;margin-right: 0.5%;}
#special #yearList dt,#special #yearList dd{float: left;}
/* 年代 */
#special #yearList dt.year {
	padding: 5px 10px;
	line-height: 1.4;
	width: 16%;
	color: #5c0020;
	background-color: #ff5086;
	border-radius: 20px;
	font-weight: bold;
}
/* 年代がない場合 */
#special #yearList dt.none {background-color: transparent;}
/* 月のみ */
#special #yearList dt.month {width:10%;margin-left: 6%;background-color: #ff9eb8;color: #c3005a;}
/* 話数 */
#special #yearList dt.num{width:8%;font-weight: bold;color: #000;padding-top: 5px;color: #5c0020;}

/* 内容------------------------------- */
#special #yearList dd{padding-left: 20px;border-left: 1px dotted #ccc;width: 74.5%;}
#special #yearList dd strong{color: #ff6200;}
#special #yearList dd p{float: left;width:67%;margin-top: 5px;}
#special #yearList dd .img{width:30%;float: right;}

/* 最初の------------- */
#special #yearList dl.first{text-align: center;border: none;margin-bottom: 20px;}
#special #yearList dl.first dt,#special #yearList dl.first dd {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	background-color: #FD9F1B;
	padding: 6px 0px;
	border-radius:0px;
	line-height: 1.6;
	margin-bottom: 10px;
}


/* ************************************************************
シティ
*************************************************************** */
#special .city li{display: inline-block;width:33.3%;padding: 10px;vertical-align: top;}
/* 見出し */
#special .city li strong {
	display: block;
	text-align: center;
	font-size: 20px;
	margin-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	line-height: 1.3;
	border-bottom: 1px solid #ccc;
}
/* テキスト */
#special .city li span {line-height: 1.6;display: block;}








/* //////////////////////////////////////////////////////////////

x：その他

////////////////////////////////////////////////////////////// */


/* ************************************************************
神化フェス
*************************************************************** */
h3.basic {
	border: 1px solid #ff166c;
	border-bottom-width: 5px;
	color: #ff166c;
	background-color: #fffbda;
	font-size: 24px;
	line-height: 1.3;
	padding: 7px 18px;
	margin-top: 60px;
	margin-bottom: 35px;
	letter-spacing: 1px;
}
/* 英語 */
h3.basic .enFont {display: inline-block;margin-right: 15px;}
/* 日本語 */
h3.basic small {display: inline-block;font-size: 70%;}


#event #shinkaFes{font-size: 16px;}
#event #shinkaFes .articleYoutube{border: 1px solid #999;border-right-width: 2px;}
#event #shinkaFes small{line-height: 1.5;display: inline-block;}

/* 左右振り分け */
#event #shinkaFes .left{width:49%;float: left;}
#event #shinkaFes .right{margin-left: 52%;}


/* テキストボックス */
#event #shinkaFes .txtBox{padding: 0px 5px;}

/* 小見出し */
#event #shinkaFes .txtBox h4 {
	color: #ff6200;
	font-size: 110%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.4;
}
#event #shinkaFes .txtBox h4:before{content: "■";}
#event #shinkaFes .txtBox p{margin-bottom: 30px;padding: 0px 5px;}

/* もっと小見出し */
#event #shinkaFes h5{font-size: 14px;color: #169cff;}
/*NEW*/
#event #shinkaFes strong.new {
	display: inline-block;
	margin-left: 20px;
	color: #fff;
	background-color: #ff004e;
	padding: 4px 7px;
	line-height: 1;
	font-size: 14px;
}

/* グッズ*************************** */
#event #shinkaFes #goods li {
	width: 24%;
	margin: 0.5%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	background-color: #ebebeb;
	border: 1px solid #999;
	border-radius: 10px;
	overflow: hidden;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
#event #shinkaFes #goods li a {text-decoration: none;color: #000;}
#event #shinkaFes #goods li:hover {background-color: #ffebc0;border-color: #FD9F1B;}
#event #shinkaFes #goods li img{backface-visibility: visible;-webkit-backface-visibility: visible;}
#event #shinkaFes #goods li img:hover{opacity: 1;}
/* 商品名、値段 */
#event #shinkaFes #goods li span {display: block;line-height: 1.5;padding: 10px;font-size: 16px;}
#event #shinkaFes #goods li span strong {font-size: 90%;display: inline-block;margin-bottom: 4px;}







/*################################################################################
  media query
################################################################################*/


/* ***********************************************************
スマホ専用
*********************************************************** */
@media screen and (max-width: 480px) {
	
	
	.second{margin-top: 50px;}
	h1.title{font-size: 32px;margin-bottom: 40px;}
	
	/* 二階層目メニュー ------------------- */
	nav.sub2nd {text-align: left;padding: 5px;}
	nav.sub2nd a,nav.sub2nd .dummy{
		border: 1px solid #444;
		padding: 5px 0px;
		margin: 0.5%;
		font-size: 12px;
		width: 49%;
		vertical-align: top;
		text-align: center;
	}
	
	/*------------------------------------------------------
	0：ニュース
	-------------------------------------------------------*/
	/* 日付 */
	#news article .date {font-size: 14px;}
	/* タイトル */
	#news article .title{padding: 10px;font-size: 16px;}
	/* 本文 */
	#news article .box .txt{line-height: 1.4;}
	/* ペ－ジャー ****************************** */
	#news .news_page_box{font-size: 12px;text-align: center;padding: 10px;}
	#news .news_page_box .news_page_prev a,#news .news_page_box .news_page_next a{float: none;margin: 5px;}
	
	/* youtube */
	#news .articleYoutube{width:100%;}
	
	
	/*------------------------------------------------------
	1：イントロダクション
	-------------------------------------------------------*/
	#intro .img img{width:50%;}
	#intro .img img:nth-child(14){display: none;}
	
	
	/*------------------------------------------------------
	2：ストーリー
	-------------------------------------------------------*/
	#story nav.sub2nd{padding: 5px;}
	#story nav.sub2nd a,#story nav.sub2nd .dummy{width:24%;}
	#story {padding-bottom: 0px;}
	#story h2 {font-size: 18px;line-height: 1.3;}
	#story .img img{width:50%;}
	
	/* スタッフ情報 */
	#story .txt p span {margin-right: 15px;}
	#story .txt p span:after {display: none;}
	
	
	/*------------------------------------------------------
	3：クリエーション
	-------------------------------------------------------*/
	
	/* サブメニュー ------------------------ */
	#creation nav.sub{padding: 0px 20px;min-height: 100px;}

	/* サブメニューのカテゴリ切り替え ------------------------ */
	#creation #chara nav.charaNav {padding: 10px 0px;margin-bottom: 20px;}
	#creation .charaNav dl {
		line-height: 1;
		padding: 3px 15px;
		border-left: none;
		color: #fff;
		font-size: 14px;
		border: none;
	}
	#creation .charaNav dl:last-child{border-right: none;}

	/* メニュー非表示 */
	#creation .slide.subChara{width:91%;}
	
	
	/* *********************************
	3：キャラクター
	********************************* */
	/* サブメニュー ------------------------ */
	#creation #chara nav{padding: 0px 15px 20px;}
	/* 画像 */
	#creation #chara li .img {margin: 2px;}
	/* テキスト */
	#creation #chara li a {font-size: 12px;}

	/* プラグイン矢印 ******************* */
	#creation .slide .arrow {top: 8px;}
	#creation .slide .prev{left: -30px;}
	#creation .slide .next{right: -30px;}


	/* キャラクター個別 -------------------------------------------- */
	#creation #chara section .main{width:100%;float: none;}

	/* 右 */
	#creation #chara section .right{margin-left: 0%;}
	/*メイン画像*/
	#creation #chara section .main {padding-bottom: 30px;}
	
	/* 名前 */
	#creation #chara section .name {padding: 10px 0px;}
	#creation #chara section .name em{font-size: 30px;float: left;}
	#creation #chara section .name .clear {clear:both;}
	
	/* 長い名前 */
	#creation #chara section .name .longName{font-size: 24px;}
	
	/* ルビ */
	#creation #chara section .name small {
		font-size: 14px;
		letter-spacing: 0px;
		display: block;
		top: 0px;
		padding-top: 3px;
		line-height: 1.2;
	}
	/*キャスト名*/
	#creation #chara section .cv{margin-bottom: 25px;}
	
	/*紹介テキスト*/
	#creation #chara section .txt{margin-top: 20px;margin-bottom: 0px;line-height: 1.8;}
	
	/* キャラ切り替え用 ------------------------------------- */
	/* 切り替えボタン */
	#creation #chara ul#changeBtm{margin-top: 0px;margin-bottom: 25px;text-align: center;}
	#creation #chara ul#changeBtm li {padding: 5px;width:33%;margin: 0% 2%;}
	#creation #chara .sub{margin-top: 20px;}
	
	
	
	
	/* *********************************
	3：シティ
	********************************* */
	#creation #city li{width:100%;padding: 0;margin-bottom: 40px;}
	
	
	/*------------------------------------------------------
	4：スタッフキャスト
	-------------------------------------------------------*/
	#staff .img img{width:100%;}
	#staff .img img:first-child{margin-right: 0%;margin-bottom: 40px;}
	
	
	
	/*------------------------------------------------------
	5：グッズ
	-------------------------------------------------------*/
	
	#goods{padding-bottom: 60px;}
	#goods section {margin-top: 50px;}
	#goods hr{padding-bottom: 20px;margin-top: 20px;}
	
	/* 記事------ */
	#goods article {border: 1px solid #000;padding:20px;margin-bottom: 50px;}
	#goods section .img,#goods .other .img{width:100%;float: none;}
	
	/* テキストエリア */
	#goods article .box,#goods .other .box{margin-left:0%;margin-top: 20px;line-height: 1.5;font-size: 12px;}
	
	#goods article .box h1 {font-size: 18px;}
	#goods article .box h1 small {padding-bottom: 5px;}
	
	/*アーティスト名*/
	#goods article .box h2 {font-size: 14px;line-height: 1.3;margin-bottom: 5px;}
	#goods section .txt{padding: 0px;}
	
	
	#goods article .box em {margin-bottom: 0px;margin-right: 10px;}
	
	/* 左右 */
	#goods .right,#goods .left{padding: 5px;}
	
	/* MUSICページのみ ********************* */
	#goods .music .img{width:70%;margin: auto;}
	#goods .music .box{margin-left:0%;}/* テキストエリア */
	
	/*画像二個*/
	#goods .music .img.double{width:100%;}
	#goods .music .img.double img{width:49%;margin: 0.5% 0.5% 0px 0.5%;}

	/* BOOKページのみ画像サイズを小さく ********************* */
	#goods .book .img{width:50%;margin: auto;}
	#goods .book .box{margin-left:0%;}/* テキストエリア */
	
	/* ブルーレイページのみ ********************* */
	#goods .bd-dvd dl.double{width:100%;margin: 0px 0px 20px;}
	/* 小さい画像 */
	#goods .smallImg{width:60%;}
	
	
	
	/*------------------------------------------------------
	7：オンエアー
	-------------------------------------------------------*/
	#onair h2 {font-size: 20px;padding: 10px 0px;margin-top: 40px;}
	#onair h3 {font-size: 16px;padding: 5px 10px;line-height: 1.3;margin-top: 30px;margin-bottom: 15px;}
	#onair .txt{width:100%;margin-bottom: 10px;font-size: 18px;line-height: 1.4;}
	#onair .txt span{display: block;margin-bottom: 10px;margin-left: 0;line-height: 1.3;}
	#onair .txt br.none{display: none;}
	#onair .img{width:100%;}
	
	
	
	/*------------------------------------------------------
	★スペシャル＆ムービー　共通部分
	-------------------------------------------------------*/
	/* 日付 */
	.commonList .day{font-size: 12px;margin-bottom: 0px;}
	
	/* 大バナー */
	.commonList li.topNews{margin: 0px 5px 20px;}
	.commonList li.topNews h2 {font-size: 16px;padding: 10px;text-align: left;line-height: 1.2;}
	
	/* 小バナー *************************** */
	.commonList li.default{width:50%;padding: 0px 5px 5px;}
	.commonList li.default h2{margin-top: 5px;font-size: 13px;}
	
	/* 本文 */
	.commonList li.default small{font-size: 10px;display: none;}
	
	/*トップへ戻る*/
	.backtop{margin-top: 0px;}
	.backtop img{width:50px;}
	
	
	
	/*------------------------------------------------------
	スペシャル
	-------------------------------------------------------*/
	/* ナビゲーション ----------------- */
	#special nav.sub2nd{margin-bottom: 40px;}
	
	#pageBox {font-size: 14px;line-height: 1.6;}
	
	/* 見出し */
	#pageBox h2,h2.sp {
		font-size: 18px;
		padding: 13px 15px;
		margin-bottom: 40px;
		line-height: 1.4;
		text-align: left;
		background-position: 180px center;
	}
	#pageBox h2 strong,h2.sp strong{display: block;}
	
	/* 名前や見出し */
	#pageBox h3.sp{margin-top: 40px;}
	
	#pageBox h3.midashi{line-height: 1.2;}
	
	/* youtube ---------------------- */
	#pageBox .rightBox,#pageBox .rightBox.yoko {float:none;width:100%;margin-left: 0px;margin-bottom: 50px;}
	
	/* 写真風画像 /////////////////////////////// */
	/* 横2列 */
	.doubleImg {margin-top: 40px;margin-bottom: 40px;}
	.doubleImg .photoImg{width:100%;margin: 5px 0px;}
	.doubleImgTxt{margin-left: 0px;margin-right: 0px;}
	
	/* 小さいサイズ */
	.photoImg.smallW{width:100%;}
	
	/* Twitterアイコン */
	#special #twitter a{width:23%;margin: 1%;}
	
	
	
	/* 年表 ////////////////////////////// */
	#special #yearList hr{margin: 10px 5px 0px;padding-bottom: 15px;}
	
	#special #yearList dt,#special #yearList dd{float: left;font-size: 14px;}
	#special #yearList dt{width:33.3%;}
	
	#special #yearList dt.num,#special #yearList dt.year {font-size: 18px;}
	
	/* 年代 */
	#special #yearList dt.year {width:100%;}
	#special #yearList dt.none {display: none;}
	
	/* 月のみ */
	#special #yearList dt.month {width: 20%;text-align: center;padding: 5px 10px;margin-left: 0%;}
	/* 年のみ */
	#special #yearList dt.only {}
	/* 話数 */
	#special #yearList dt.num{margin: 10px 1% 5px;border: 1px dotted #999;width: 98%;}
	
	/* 内容------------------------------- */
	#special #yearList dd,#special #yearList dt.num{padding: 0px 5px;}
	#special #yearList dd {line-height: 1.4;border-left: none;width: 100%;}
	#special #yearList dd p{width:100%;float: none;}
	#special #yearList dd .img{width:100%;margin-top: 10px;float: none;}
	
	/* 月がある場合 */
	#special #yearList .monthFlg dl{margin-bottom: 0;}
	#special #yearList .monthFlg dd,#special #yearList .monthFlg dt.num {
		margin-left: 23%;
		float: none;
		width: 75%;
		margin-bottom: 0;
		margin-top: 0;
	}
	#special #yearList .monthFlg dt.num{margin-bottom: 10px;}
	#special #yearList .monthFlg dd{margin-bottom: 15px;}
	
	
	/* 最初の------------- */
	#special #yearList dl.first{margin-bottom: 15px;display: none;}
	#special #yearList dl.first dd {line-height: 1.6;display: none;border-left: none;}
	
	
	
	
	/* ************************************************************
	神化フェス
	*************************************************************** */
	h3.basic {
		font-size: 18px;
		line-height: 1;
		padding: 10px 13px;
		margin-top: 40px;
		margin-bottom: 30px;
		letter-spacing: 0px;
	}
	/* 英語 */
	h3.basic .enFont {margin-right: 10px;}
	
	#event #shinkaFes{font-size: 15px;line-height: 1.6;}
	/* youtube枠線 */
	#event #shinkaFes .articleYoutube{border: none;}
	
	/* 左右振り分け */
	#event #shinkaFes .left{width:100%;float: none;}
	#event #shinkaFes .right{margin-left: 0;margin-top: 40px;}
	
	/* 小見出し */
	#event #shinkaFes .txtBox h4 {font-size: 100%;}
	#event #shinkaFes .txtBox p{margin-bottom: 25px;padding: 0px;}
	
	/* もっと小見出し */
	#event #shinkaFes h5{font-size: 14px;color: #169cff;}
	
	
	/* グッズ*************************** */
	#event #shinkaFes #goods li {width: 47%;margin: 1.5%;float: none;}
	/* 商品名、値段 */
	#event #shinkaFes #goods li span {font-size: 14px;}

	
	
	
	
}