@charset "utf-8";

body { background: #f4fbff url(../images/common/bg.png) repeat-x; }

#wrapper #contents { width: 1000px; }

/* anchor */
#wrapper a,
#wrapper .article{
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
}
#wrapper a:hover {
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
	-moz-opacity:0.5;
	opacity:0.5;
}
/* NAVIめーる半透明回避 */
#wrapper #contents #side #banner_navimail a:hover {
	/*filter: alpha(opacity=100);*/
	-moz-opacity:1;
	opacity:1;
}

/* float
**********************************/
.fl {float: left;}
.fr {float: right;}
.clearfix { overflow: hidden; *zoom: 1; }

/* text-align
**********************************/
.tc {text-align: center;}
.tr {text-align: right;}
.tl {text-align: left;}

/* margin
**********************************/
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}

/* text-hidden
**********************************/
.to {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 200%;
  line-height: 1;
  font-size: 1;
}

ul { list-style-type: none; }
h1, h2, h3, h4, h5, h6, a, p, li, ul, dd, dt, dl { padding: 0; margin: 0; }
a, a:hover, a:link { color: #20aee8; text-decoration: none; }


.red { color: #f33939; }
.bold { font-weight: bold; }
.mincho {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

/* #main */
#main {
	width: 670px;
	padding-bottom: 35px;
	margin-left: 5px;
	position: relative;
}

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


/* #top */
#main #article #header {　width: 670px;　height: 450px; position: relative;　}
#main #article #header .main_01 { background: url(../images/common/main_01.png) no-repeat 0 0; position: relative; z-index: 9999; margin: 25px 40px; width: 297px; height:15px; text-indent: -9999px; }
#main #article #header .main_logo { position: relative; z-index: 9999; margin: 0 45px 30px; width: 292px; height: 300px; }
#main #article #header .main_oa { background: url(../images/common/main_oa.png) no-repeat 0 0; position: relative; z-index: 9999; margin: 0 20px 30px; width: 370px; height:22px; text-indent: -9999px; }
#main #article #header .main_logo a { display: block; }
#topfade img {
	width: 360px;
    height: 448px;
    position: absolute;
    bottom: 0;
    right: 0;
	opacity: 0;
}
#main #article #header_second {　width: 670px; position: relative;　}
#main #article #header_second .main_01 { background: url(../images/common/main_01.png) no-repeat 0 0; position: relative; z-index: 9999; margin: 10px 15px 10px; width: 297px; height:15px; text-indent: -9999px; }
#main #article #header_second .main_logo a { background: url(../images/common/main_logo.png) no-repeat 0 0; position: relative; z-index: 9999; margin: 0 65px 10px; background-size: 190px 195px; width: 190px; height: 195px; text-indent: -9999px; display: block; }
#main #article #header_second .main_logo a img { width: 190px; }
#main #article #header_second .main_oa { background: url(../images/common/main_oa.png) no-repeat 0 0; position: relative; z-index: 9999; margin-bottom: 10px; width: 330px; height:auto; text-indent: -9999px; }
#main #article #header_second .main_oa img { width: 330px; }

#main #article #header_second #randomShow { position: absolute; top: 0; right: 0; z-index: -999; }

#nav { width: 670px; }
#nav ul { width: 680px; zoom: 1; }
#nav ul:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#nav ul li {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	float: left;
	margin: 0 12px 12px 0;
	width: 158px;
	height: 155px;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
}
#nav ul li a { display: block; width: 158px; height: 155px; }

#nav ul li.link_01 a { background: url(../images/common/nav_01.png) no-repeat 0 0; }
#nav ul li.link_02 a { background: url(../images/common/nav_02.png) no-repeat 0 0; }
#nav ul li.link_03 a { background: url(../images/common/nav_03.png) no-repeat 0 0; }
#nav ul li.link_04 a { background: url(../images/common/nav_04.png) no-repeat 0 0; }
#nav ul li.link_05 a { background: url(../images/common/nav_05.png) no-repeat 0 0; pointer-events: none;	opacity: 0.3; }
#nav ul li.link_06 a { background: url(../images/common/nav_06.png) no-repeat 0 0; }
#nav ul li.link_07 a { background: url(../images/common/nav_07.png) no-repeat 0 0; }
#nav ul li.link_08 a { background: url(../images/common/nav_08.png) no-repeat 0 0; }

.global_NTV_snsArea .global_NTV_snsList {
	padding: 0 10px 10px 0;
	text-align: left;
}
.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;
}

#pagetop {text-indent: -9999px; width: 64px; height: 64px;display: block;position: relative;left: 813px;display: none;z-index: 9999; }
#pagetop a { display: block; background: url(../images/common/btn_pagetop.png) no-repeat 0 0; width: 64px; height: 64px; }

/* 隠しリンク */
/*.bg_line { position: absolute; bottom: 310px; right: -100px; background: url(../images/common/bg_line.png) no-repeat; width: 263px; height: 261px; z-index: -99999; }
.bg_line_link { position: absolute; bottom: 310px; right: 30px; }
.bg_line_link a { display: block; width: 79px; height: 59px; background: url(../images/common/bg_line_link.png) no-repeat 0 0; }
.bg_line_link a:hover { -moz-opacity:1!important; opacity:1!important; }
*/

/* テキスト指定 */
#article {
	font-size: 100%;
	line-height: 1.75;
	color: #663300;
}

/* movie */
#top_movie {
	border: 1px #a3a3a3 solid;
	box-shadow: 0px 0px 0px 4px #fff inset;
	padding: 15px 15px 40px;
	background: #20aee8;
	margin-bottom: 15px;
}
#top_movie h2 { background: url(../images/common/tit_movie.png) no-repeat center top; height: 25px; margin: 10px auto 20px; }
#top_movie #embed { width: 500px; height: 282px; margin: 0 auto 10px; border: 1px solid #fff; }
#top_movie #embed #player { padding-bottom: 10px; background: url(../images/common/top_movie.jpg) no-repeat;width: 500px;height: 282px; margin: 0 auto; }
#top_movie .btn_movie { display: block; margin-bottom: 20px; background: url(../images/common/btn_movie.png) no-repeat right top; height: 17px; }

/* news */
#news {
	border: 1px #20aee8 solid;
	box-shadow: 0px 0px 0px 4px #fff inset;
	padding: 15px 15px 20px;
	margin-bottom: 15px;
	background: #dff6ff;
	font-size: 15px;
}
#news h2 { background: url(../images/common/tit_news.png) no-repeat center top; height: 25px; margin: 10px auto 20px; }
#news ul { line-height: 1.3em; }#news li p { color: #20aee8; }#news li span { color: #663300; }#news li img { margin-bottom: 5px; }
.bxslider li { display: none; }
.bx-viewport .bxslider li { display: block !important; }


/* twitter */
#twitter {
	border: 1px #20aee8 solid;
	box-shadow: 0px 0px 0px 4px #dff6ff inset;
	padding: 15px 15px 10px;
	background: #FFF url(../images/common/icon_twitter.png) no-repeat 15px 15px;
	margin-bottom: 15px;
}
#twitter .follow {
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
}
#twitter .timeline { margin-top: 6px; margin: 5px 60px 0px; }

/* Instagmal */
#insta { width: 445px; margin-right: 15px; }
#insta h2 { background: url(../images/common/tit_insta.png) no-repeat 0 0; width: 445px; height: 44px; }
#insta .photo01, #insta .photo02 { width: 210px; height: auto; float: left; }
#insta .photo01 a img, #insta .photo02 a img { width: 210px; border: 1px solid #afdff3; }
#insta .photo01 { margin-right: 15px; }

/* line */
#line { width: 210px; }
#line h2 { background: url(../images/common/tit_line.png) no-repeat 0 0; width: 210px; height: 44px; }
ul#line_banner li#btn_line{
	margin: 0 auto;
	width: 117px;
	height: 150px;
	display: block;
	text-indent: -9999px;
	background: url(../images/common/img_qr.png) no-repeat left top;
}
ul#line_banner li#btn_line_sp{ display: none; }

/* bnr_area */
.bnr_area { text-align: center; margin-bottom: 45px; }
.bnr_area a { display: block; margin-bottom: 10px; }

/* section */
.section{ margin-bottom: 50px; }
#intro { border: 1px #1a9963 solid; box-shadow: 0px 0px 0px 4px #d3f5e7 inset; padding: 15px; background: #fff; }
#story { border: 1px #ff9090 solid; box-shadow: 0px 0px 0px 4px #ffdddd inset; padding: 15px!important; background: #fff; }
#chart { border: 1px #80b5e8 solid; box-shadow: 0px 0px 0px 4px #e7f3ff inset; padding: 15px; background: #fff; }
#cast { border: 1px #ee91af solid; box-shadow: 0px 0px 0px 4px #ffe2ec inset; padding: 15px; background: #fff; text-align: center; }
#data { border: 1px #e295ff solid; box-shadow: 0px 0px 0px 4px #faebff inset; padding: 15px; background: #fff; }
#goods { border: 1px #ffad6a solid; box-shadow: 0px 0px 0px 4px #ffead8 inset; padding: 15px; background: #fff; }
#gallery { border: 1px #00a0e9 solid; box-shadow: 0px 0px 0px 4px #b8e9ff inset; padding: 15px; background: #fff; }
#campaign { border: 1px #00a0e9 solid; box-shadow: 0px 0px 0px 4px #b8e9ff inset; padding: 15px; background: #fff; }
#pre_sound { border: 1px #ffc000 solid; box-shadow: 0px 0px 0px 4px #fff9c9 inset; padding: 15px; background: #fff; }
#pre_theme { border: 1px #ff8ba9 solid; box-shadow: 0px 0px 0px 4px #ffe2e9 inset; padding: 15px; background: #fff; }
#pre_disc { border: 1px #18b6ff solid; box-shadow: 0px 0px 0px 4px #dcf2ff inset; padding: 15px; background: #fff; }
#disc { border: 1px #ec7ce0 solid; box-shadow: 0px 0px 0px 4px #ffe7ff inset; padding: 15px; background: #fff; }
#scenario { border: 1px #36d760 solid; box-shadow: 0px 0px 0px 4px #dff6e5 inset; padding: 15px; background: #fff; }
#comment_top { border: 1px #18b6ff solid; box-shadow: 0px 0px 0px 4px #dcf2ff inset; padding: 15px; background: #fff; }
.section h2 { overflow: hidden; white-space: nowrap; text-indent: 100%; width: 638px; height: 95px; margin: 20px auto 30px;  }
#intro h2 { background: url(../images/common/tit_01.png) no-repeat 0 0; }
#story h2 { background: url(../images/common/tit_02.png) no-repeat 0 0; }
#chart h2 { background: url(../images/common/tit_03.png) no-repeat 0 0; }
#cast h2 { background: url(../images/common/tit_04.png) no-repeat 0 0; }
#data h2 { background: url(../images/common/tit_06.png) no-repeat 0 0; }
#goods h2 { background: url(../images/common/tit_07.png) no-repeat 0 0; }
#gallery h2 { background: url(../images/common/tit_gallery.png) no-repeat 0 0; }
#campaign h2 { background: url(../images/common/tit_campaign.png) no-repeat 0 0; }
#pre_sound h2 { background: url(../images/common/tit_present_sound.png) no-repeat 0 0; }
#pre_theme h2 { background: url(../images/common/tit_present_theme.png) no-repeat 0 0; }
#pre_disc h2 { background: url(../images/common/tit_present_disc.png) no-repeat 0 0;  }
#disc h2 { background: url(../images/common/tit_disc.png) no-repeat 0 0;font-size: 0; }
#scenario h2 { background: url(../images/common/tit_scenario.png) no-repeat 0 0;font-size: 0; }
.comment_top_tit { color: #18b6ff;font-size: 23px;text-align: center;font-weight: bold;margin: 20px auto 30px;}
.comment_top_tit span.p01 {background: #ffa256;padding: 3px 5px;color: #fff;}
.comment_top_tit span.p02 { font-size: 19px;color: #601818; }
#intro .txt_intro { background: url(../images/intro/txt_intro.png) no-repeat 0 0; width: 600px; height: 836px; margin: 0 auto 50px; }
#chart .txt_chart { background: url(../images/chart/txt_chart.png) no-repeat 0 0; width: 640px; height: 1770px; margin: 0 auto 10px; }

/* cast */
#cast #txt_music { border-top: #ffa1bf dashed 1px; border-bottom: #ffa1bf dashed 1px; padding: 40px 0; }
#cast .comment_txt_01,#cast .comment_txt_02 { background: #ffe2ec; text-align: left; font-size: 15px; width: 550px; padding: 20px; margin: 0 auto; }
#cast .comment_txt_01 span { background: url(../images/cast/comment_01.png); width: 550px; height: 30px; display: block;text-indent: -9999px;}
#cast .comment_txt_02 span { background: url(../images/cast/comment_02.png); width: 550px; height: 30px; display: block;text-indent: -9999px;}

#cast .cast00 { background: url(../images/cast/cast_00.png) no-repeat center center; width: 640px; height: 19px; }
#cast .cast01 { background: url(../images/cast/cast_01.png) no-repeat 0 0; width: 640px; height: 23px; }
#cast .cast02 { background: url(../images/cast/cast_02.png) no-repeat 0 0; width: 640px; height: 23px; }
#cast .cast03 { background: url(../images/cast/cast_03.png) no-repeat 0 0; width: 640px; height: 23px; }
#cast .cast04 { background: url(../images/cast/cast_04.png) no-repeat 0 0; width: 640px; height: 23px; }
#cast .cast05 { background: url(../images/cast/cast_05.png) no-repeat 0 0; width: 640px; height: 23px; }
#cast .cast06 { background: url(../images/cast/cast_06.png) no-repeat 0 0; width: 640px; height: 23px; }
#cast .cast07 { background: url(../images/cast/cast_07.png) no-repeat 0 0; width: 640px; height: 23px; }
#cast .cast08 { background: url(../images/cast/cast_08.png) no-repeat 0 0; width: 640px; height: 23px; }
#cast .cast09 { background: url(../images/cast/cast_09.png) no-repeat 0 0; width: 640px; height: 23px; }
#cast .cast10 { background: url(../images/cast/cast_10.png) no-repeat 0 0; width: 640px; height: 23px; }
#cast .cast11 { background: url(../images/cast/cast_11.png) no-repeat 0 0; width: 640px; height: 23px; }
#cast .cast12 { background: url(../images/cast/cast_12.png) no-repeat 0 0; width: 640px; height: 23px; }
#cast .cast13 { background: url(../images/cast/cast_13.png) no-repeat 0 0; width: 640px; height: 23px; }
#cast .cast14 { background: url(../images/cast/cast_14.png) no-repeat 0 0; width: 640px; height: 23px; }
#cast .cast15 { background: url(../images/cast/cast_15.png) no-repeat 0 0; width: 640px; height: 23px; }
#cast .cast16 { background: url(../images/cast/cast_16.png) no-repeat 0 0; width: 640px; height: 23px; }
#cast .cast17 { background: url(../images/cast/cast_17.png) no-repeat 0 0; width: 640px; height: 23px; }
#cast .cast18 { background: url(../images/cast/cast_18.png) no-repeat 0 0; width: 640px; height: 23px; }
#cast .music01 { background: url(../images/cast/music_01.png) no-repeat 0 0; width: 640px; height: 60px; text-indent: -9999px; }
#cast .music02 { background: url(../images/cast/music_02.png) no-repeat 0 0; width: 640px; height: 98px; text-indent: -9999px; }
#cast .comment00 { background: url(../images/cast/comment_00.png) no-repeat center center; width: 640px; height: 19px; text-indent: -9999px; }
#cast .sound00 { background: url(../images/cast/sound_00.png) no-repeat center center; width: 640px; height: 19px; text-indent: -9999px; }
#cast .sound01 { background: url(../images/cast/sound_01.png) no-repeat 0 0; width: 640px; height: 50px; text-indent: -9999px; }
#cast .sound02 { background: url(../images/cast/sound_02.png) no-repeat center center; width: 640px; height: 23px; text-indent: -9999px; }
#cast .sound03 { background: url(../images/cast/sound_03.png) no-repeat center center; width: 640px; height: 82px; text-indent: -9999px; }
#cast .album00 { background: url(../images/cast/album_00.png) no-repeat center center; width: 640px; height: 19px; text-indent: -9999px; }
#cast .album01 { background: url(../images/cast/album_01.png) no-repeat 0 0; width: 590px; height: 385px; text-indent: -9999px;margin: 0 auto; }
#cast .staff00 { background: url(../images/cast/staff_00.png) no-repeat center center; width: 640px; height: 19px; }
#cast .staff01 { background: url(../images/cast/staff_01.png) no-repeat 0 0; width: 640px; height: 23px; }
#cast .staff02 { background: url(../images/cast/staff_02.png) no-repeat 0 0; width: 640px; height: 23px; }
#cast .staff03 { background: url(../images/cast/staff_03.png) no-repeat 0 0; width: 640px; height: 49px; }
#cast .staff04 { background: url(../images/cast/staff_04.png) no-repeat 0 0; width: 640px; height: 80px; }
#cast .staff05 { background: url(../images/cast/staff_05.png) no-repeat 0 0; width: 640px; height: 23px; }
#cast .staff06 { background: url(../images/cast/staff_06.png) no-repeat 0 0; width: 640px; height: 23px; }


/* data */
#data a.btn_01 { display: block; background: url(../images/data/btn_01.png) no-repeat 0 0; width: 291px; height: 73px; text-indent: -9999px; margin: 0 auto; box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1); }
#data { font-size: 15px; }
#data .tit_01 { background: url(../images/data/tit_01.png) no-repeat 0 0; width: 545px; height: 65px; text-indent: -9999px; margin: 0 auto 20px; }
#data .tit_02 { background: url(../images/data/tit_02.png) no-repeat 0 0; width: 600px; height: 37px; text-indent: -9999px; margin: 0 auto 20px; }
#data .tit_03 { background: url(../images/data/tit_03.png) no-repeat 0 0; width: 129px; height: 28px; text-indent: -9999px; margin: 0 0 10px; }
#data .method { background:#faebff; padding: 20px; margin-bottom: 20px; }
#data .method li, #data .caution li { text-indent: -1em; padding-left: 1em; }
#data .method li span { background: #fff5b2; }
#data .caution { padding: 0 20px; margin-bottom: 20px; }
#data p strong { color: #00a0e9; }
#data .present_disc { background: url(../images/data/present_disc.png) no-repeat 0 0; width: 630px; height: 240px; text-indent: -9999px; margin: 0 auto 20px; }

/* goods */
.goods_btn .btn_01, .goods_btn .btn_02, .goods_btn .btn_03 { display: block; margin: 0 auto; text-indent: -9999px; box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1); }
.goods_btn .btn_01 { background: url(../images/goods/btn_01.png) no-repeat 0 0; width: 590px; height: 94px; }
.goods_btn .btn_02 { background: url(../images/goods/btn_02.png) no-repeat 0 0; width: 260px; height: 114px; }
.goods_btn .btn_03 { background: url(../images/goods/btn_03.png) no-repeat 0 0; width: 260px; height: 114px; }
.goods_btn .txt_01 { text-indent: -9999px; background: url(../images/goods/txt_01.png) no-repeat center center; width: 100%; height: 24px; }
.goods_btn ul { width: 540px; margin: 0 auto; }
.goods_btn li { float: left; }
.goods_btn li:first-child { margin-right: 20px; }
.goods_box{ margin-bottom: 20px; }
#goods_01.goods_box { background: url(../images/goods/goods_01.png) no-repeat center center; width: 100%; height: 470px; }
#goods_02.goods_box { background: url(../images/goods/goods_02.png) no-repeat center center; width: 100%; height: 460px; }
#goods_03.goods_box { background: url(../images/goods/goods_03.png) no-repeat center center; width: 100%; height: 406px; }

/* campaign */
#campaign .caution { padding: 0 20px; margin-bottom: 20px; }
#campaign .method li { text-indent: -1em; padding-left: 1em; }
#campaign {font-size: 15px;}
.txt_campaign h3.tit_01 { background: url(../images/campaign/tit_01.png) no-repeat 0 0; width: 630px; height: 150px; text-indent: -9999px; margin: 0 auto 20px; }
.txt_campaign h3.tit_02 { background: url(../images/campaign/tit_02.png) no-repeat 0 0; width: 630px; height: 33px; text-indent: -9999px; margin: 0 0 20px 10px; }
.txt_campaign h3.tit_03 { background: url(../images/campaign/tit_03.png) no-repeat 0 0; width: 630px; height: 33px; text-indent: -9999px; margin: 0 0 20px 10px; }
.txt_campaign h3.tit_04 { background: url(../images/campaign/tit_04.png) no-repeat 0 0; width: 640px; height: 28px; text-indent: -9999px; margin-bottom: 10px; }
.txt_campaign p.txt_01 { background: url(../images/campaign/txt_01.png) no-repeat 0 0; width: 630px; height: 150px; text-indent: -9999px; padding-bottom: 30px; margin: 0 auto 30px; border-bottom: #a0e1ff dashed 1px;}
.txt_campaign p.txt_02 { background: url(../images/campaign/txt_02.png) no-repeat 0 0; width: 630px; height: 45px; text-indent: -9999px; margin: 0 0 20px 10px;}
.txt_campaign .img_goods { background: url(../images/campaign/img_goods.jpg) no-repeat 0 0; width: 630px; height: 200px; text-indent: -9999px; margin: 0 auto 40px;}
.txt_campaign .rule .rule_01 { background: url(../images/campaign/rule_1.jpg) no-repeat 0 0; width: 630px; height: 155px; text-indent: -9999px; margin: 0 auto 20px; position: relative;}
.txt_campaign .rule .rule_02 { background: url(../images/campaign/rule_2.jpg) no-repeat 0 0; width: 630px; height: 260px; text-indent: -9999px; margin: 0 auto 20px; position: relative;}
.txt_campaign .rule .rule_03 { background: url(../images/campaign/rule_3.jpg) no-repeat 0 0; width: 630px; height: 175px; text-indent: -9999px; margin: 0 auto 20px;}
.txt_campaign .rule .rule_01 a { background: url(../images/campaign/btn_follow.png) no-repeat 0 0; width: 365px; height: 53px; text-indent: -9999px; position: absolute; bottom: 20px; right: 90px;	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1); display: block;}
.txt_campaign .rule .rule_02 a { background: url(../images/campaign/btn_tweet.png) no-repeat 0 0; width: 365px; height: 78px; text-indent: -9999px; position: absolute; bottom: 20px; right: 90px;	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1); display: block;}

/* present */
#pre_sound .txt_sound { text-align: center; }
#pre_sound .txt_sound h3.tit_01 { background: url(../images/present/tit_sound_01.png) no-repeat 0 0; width: 503px; height: 111px; text-indent: -9999px; margin: 0 auto 20px; }
#pre_sound .txt_sound .txt_01 { background: url(../images/present/txt_01.png) no-repeat 0 0; width: 463px; height: 51px; text-indent: -9999px; margin: 0 auto 20px; }
#pre_sound .txt_sound .txt_deadline { background: url(../images/present/txt_deadline.png) no-repeat 0 0; width: 345px; height: 26px; text-indent: -9999px; margin: 0 auto 20px; }
#pre_sound .txt_sound .txt_sound_01 { background: url(../images/present/txt_sound_01.png) no-repeat 0 0; width: 580px; height:180px; text-indent: -9999px; margin: 0 auto 20px; }
#pre_sound .txt_sound .txt_sound_02 { background: url(../images/present/txt_sound_02.png) no-repeat 0 0; width: 466px; height:37px; text-indent: -9999px; margin: 0 auto 20px; }

#pre_theme .txt_theme { text-align: center; }
#pre_theme .txt_theme h3.tit_01 { background: url(../images/present/tit_theme_01.png) no-repeat 0 0; width: 551px; height: 112px; text-indent: -9999px; margin: 0 auto 20px; }
#pre_theme .txt_theme .txt_01 { background: url(../images/present/txt_01.png) no-repeat 0 0; width: 463px; height: 51px; text-indent: -9999px; margin: 0 auto 20px; }
#pre_theme .txt_theme .txt_deadline { background: url(../images/present/txt_deadline.png) no-repeat 0 0; width: 345px; height: 26px; text-indent: -9999px; margin: 0 auto 20px; }
#pre_theme .txt_theme .txt_theme_01 { background: url(../images/present/txt_theme_01.png) no-repeat 0 0; width: 580px; height:180px; text-indent: -9999px; margin: 0 auto 20px; }
#pre_theme .txt_theme .txt_theme_02 { background: url(../images/present/txt_theme_02.png) no-repeat 0 0; width: 546px; height:37px; text-indent: -9999px; margin: 0 auto 20px; }

#pre_disc .txt_disc { text-align: center; }
#pre_disc .txt_disc h3.tit_01 { background: url(../images/present/tit_disc_01.png) no-repeat 0 0; width: 435px; height: 115px; text-indent: -9999px; margin: 0 auto 30px; }
#pre_disc .txt_disc .txt_01 { background: url(../images/present/txt_disc_01.png) no-repeat 0 0; width: 185px; height: 30px; text-indent: -9999px; margin: 0 auto 20px; }

#pre_disc .txt_disc ul.btn_buy {margin: 0 20px; font-size: 0; overflow: hidden; padding: 0 5px 5px 0;}
#pre_disc .txt_disc ul.btn_buy a {
	display: block;
	box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);
}
#pre_disc .txt_disc .btn_buy_bd { background: url(../images/present/btn_buy_bd.png) no-repeat 0 0; width: 285px; height: 82px; text-indent: -9999px; margin-right: 20px; }
#pre_disc .txt_disc .btn_buy_dvd { background: url(../images/present/btn_buy_dvd.png) no-repeat 0 0; width: 285px; height: 82px; text-indent: -9999px; }
#pre_disc .txt_disc .form {font-size: 15px;}

.bnr_present .mr12 { margin-right: 12px; }
.bnr_present .bnr_fl_01 {float: left;margin-bottom: 10px;}
.bnr_present .bnr_fl_02 {float: left;margin-bottom: 10px;}

a.bnr {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
a.bnr_btm {
	display: block;
	text-align: center;
	margin-bottom: 45px;
}

/* disc */
#disc .tit_01 { background: url(../images/disc/tit_01.jpg) no-repeat; width:450px; height: 495px; margin:  0 auto 20px; text-indent: -9999px; }
#disc .txt_01 { background: url(../images/disc/txt_01.png) no-repeat; width:630px; height: 828px; margin:  0 auto 30px; text-indent: -9999px; }
#disc .txt_02 { background: url(../images/disc/txt_02.png) no-repeat; width:630px; height: 783px; margin:  0 auto 20px; text-indent: -9999px; position: relative; }
#disc .txt_02 .buy a { display: block; background: url(../images/disc/btn_buy.png) no-repeat; width:380px; height: 75px; margin:  0 auto 20px; text-indent: -9999px; box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1); }
#disc .txt_02 .buy.btn_bd {position: absolute; top: 307px; right: 0; left: 0; margin: 0 auto;}
#disc .txt_02 .buy.btn_dvd {position: absolute; top: 660px; right: 0; left: 0; margin: 0 auto;}

/* scenario */
#scenario .tit_01 { background: url(../images/scenario/tit_01.png) no-repeat; width:640px; height: 130px; margin:  0 auto 20px; text-indent: -9999px; }
#scenario .txt_01 { background: url(../images/scenario/txt_01.png) no-repeat; width:640px; height: 395px; margin:  0 auto 30px; text-indent: -9999px; }
#scenario .txt_02 { background: url(../images/scenario/txt_02.png) no-repeat; width:640px; height: 287px; margin:  0 auto 20px; text-indent: -9999px; position: relative; }
#scenario .btn_01 { background: url(../images/scenario/btn_01.png) no-repeat; width:350px; height: 82px; margin:  0 auto; text-indent: -9999px; display:block; position: relative; top: 149px; left:0; right: 0;box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);-moz-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.1); }

/* comment */
#comment_top hr {
	background: url(../images/common/tit_comment.png) no-repeat;
	width: 100%;
	height: 5px;
	margin: 30px 0;
	border: none;
}
.txt_comment .p03 {
	font-weight: bold;
	text-align: center;
}
.txt_comment .p03 span {
	font-size: 26px;
}
.txt_comment .comment_box01 {
	background: #fff9b4;
	padding: 20px;
	margin: 20px;
}
.txt_comment .comment_box01 p.text,
.txt_comment .comment_box02 p.text {
	font-size: 15px;
	padding: 0 10px;
}
.txt_comment .comment_box01 p.name {
	font-size: 17px;
	padding: 0 10px;
}
.txt_comment .comment_box02 {
	padding: 0 20px;
}
.txt_comment .comment_box02 p.name {
	font-size: 17px;
}
.txt_comment .color_org {
	color: #ff8522;
}
.txt_comment .color_blue {
	color: #18b6ff;
}
.txt_comment .color_pink {
	color: #f752b3;
}
.txt_comment .fs01 {
	font-size: 17px;
}
.txt_comment .fs02 {
	font-size: 22px;
}
.txt_comment .fs03 {
	font-size: 24px;
}

/* special_bnr */
.special_bnr {
	background: url(../images/top/special_bnr01.png) no-repeat;
	width: 670px;
	height: 120px;
	margin-bottom: 20px;
	position: relative;
	-webkit-transition: all 0.2s 0s ease;
    -moz-transition: all 0.2s 0s ease;
    transition: all 0.2s 0s ease;
}
.special_bnr a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
}
.special_bnr:hover {
	opacity: 0.5;
}
.special_bnr .special02 {
	background: url(../images/top/special_bnr02.png) no-repeat;
	width: 167px;
	height: 71px;
	position: absolute;
	top: 4px;
	left: 0px;
    opacity: 0;
}
.special_bnr .special03 {
	background: url(../images/top/special_bnr03.png) no-repeat;
	width: 441px;
	height: 38px;
	position: absolute;
	top: 18px;
	left: 198px;
    opacity: 0;
}
.special_bnr .special04 {
	background: url(../images/top/special_bnr04.png) no-repeat;
	width: 602px;
	height: 40px;
	position: absolute;
	top: 61px;
	left: 35px;
    opacity: 0;
}

.special_bnr div:nth-child(1) {
  -webkit-animation: fadein 0.5s ease 1s 1 forwards;
  animation: fadein 0.5s ease 1s 1 forwards;
}
.special_bnr div:nth-child(2) {
  -webkit-animation: pulse 1s ease 2s 1 forwards;
  animation: pulse 1s ease 2s 1 forwards;
}
.special_bnr div:nth-child(3) {
  -webkit-animation: pulse 1s ease 3s 1 forwards;
  animation: pulse 1s ease 3s 1 forwards;
}
.special_bnr div:nth-child(4) {
  -webkit-animation: pulse 1s ease 3s 1 forwards;
  animation: pulse 1s ease 3s 1 forwards;
}

@-webkit-keyframes fadein {
  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}