@charset "utf-8";
/*
#bnr_event a {
	position: absolute;
  top: 430px;
  left: 60px;
  display: block;
  width: 211px;
  height: 199px;
  background: url(../images/top/bnr_event.png) no-repeat;
  text-indent: -9999px;
}
#bnr_event a {
			position: absolute;
			top: 330px;
			left: 60px;
			display: block;
			width: 200px;
			height: 198px;
			margin: 100px auto;
			background: url(../images/top/bnr_event.png) no-repeat 0 0;
}
*/
#bnr_event a {
			position: absolute;
			top: 330px;
			left: 60px;
			display: block;
			width: 200px;
			height: 198px;
			margin: 100px auto;
			background: url(../images/top/bnr_event02.png) no-repeat 0 0;
}

#bnr_event a {
    /*一秒間に動くフレーム数*/
    -webkit-animation: play .5s steps(4) infinite;
    animation: play .5s steps(4) infinite;
}

@-webkit-keyframes play {
    /*一秒間に動くスタイル*/
    0% {
        background-position: 0px 0;
    }

    100% {
        background-position: -800px 0;
    }
}

@keyframes play {
    /*一秒間に動くスタイル*/
    0% {
        background-position: 0px 0;
    }

    100% {
        background-position: -800px 0;
    }
}

/*-----------------------------------
ページ共通
------------------------------------*/
body {
  background: url(../images/wrapper_bg.jpg) repeat;
}
#wrapper #contents {
  width: 1000px;
}
#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;
}
.tc { text-align: center!important; }
/* #main */
#main {
  width: 675px;
  padding-bottom: 35px;
  position: relative;
}
/* #main_box */
.main_box {
  padding: 0px 20px 20px 20px;
  margin-bottom: 20px;

}
.main_box:after {
  content: '';
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  background: #4bb06b;
  position: absolute;
  bottom:0;
  left: 0;
  width: 675px;
  height: 59px;
}
h2 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto 25px auto !important;
}
.main_box .box_inner {
  position: relative;
}
/*　margin　*/
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mt20 { margin-top: 20px !important;}

.small { font-size: 13px !important;}

/*　コピーライト　*/
.funa_copy {
  margin: 20px 10px;
}
.funa_copy p {
  font-size: 14px;
  color: #000000;
}

.hover:hover {
	opacity: .5;
}

/*　ページTOPへ戻る　*/
.innerlink-head {
  bottom: 15px;
  position: absolute;
  right: -300px;
}
.innerlink-head a {
  background: url(../images/pagetop.png) no-repeat;
  width: 287px;
  height: 79px;
  text-indent: -9999px;
  display: block;
}
.innerlink-head a:hover {
  opacity: 0.7;
}
/* clearfix */
.clearfix {
	overflow: hidden;
	*zoom: 1;
}
.to {
    overflow: hidden;
}

/* 右カラム */
#side {
  padding: 10px 0px 0px !important;
}
#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;
}

/*-----------------------------------
TOPページ
------------------------------------*/

/* ヘッダー */
#top #header {
  position: relative;
  min-height: 1225px;
  /* min-height: 1370px; バナー追加用*/
  background: url(../images/top/header_bg.png) no-repeat #f3fb89;
}
#top #logo {
  min-height: 187px;
}
#top #header #co-imgLogo {
  position: absolute;
  top: 15px;
  left: 70px;
  background: url(../images/top/header_h1.png) no-repeat;
  width: 563px;
  height: 187px;
}
#top #txt {
  min-height: 80px;
  margin-top: 45px;
}
#top #header #header_txt {
  background: url(../images/top/header_txt.png) no-repeat;
  width: 581px;
  height: 84px;
  margin: 0 auto;
}
#charaArea {
  position: relative;
  min-height: 600px;
}

/*　ふなっしー　*/
#funassy {
  /*background: url(../images/top/chara_funassy.png) no-repeat;*/
  width: 379px;
  height: 562px;
  position: absolute;
  top: 50px;
  left: 175px;
  /*left: 230px;*/
  z-index: 10;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

/*　ぐれっしー　*/
#guressy {
  /*background: url(../images/top/chara_guressy.png) no-repeat;*/
  width: 95px;
  height: 132px;
  position: absolute;
  top: 410px;
 /*  left: 460px; */
  left: 450px;
  z-index: 10;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}

/*　梨神様　*/
#nashigami {
  /*background: url(../images/top/chara_nashigami.png) no-repeat;*/
  width: 267px;
  height: 230px;
  position: absolute;
  top: -10px;
  left: 15px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}
.nashigami_move {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-name: nashigami;
  animation-name: nashigami;
  -webkit-animation-duration: 2.0s;
  animation-duration: 2.0s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.nashigami_stop {
  -webkit-animation-play-state:paused;
  animation-play-state: paused;
}
@-webkit-keyframes nashigami {
  50% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}
@keyframes nashigami {
  50% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}
#bnr_present {
	padding: 0 0 5px 15px;
}

#bnr_line, #bnr_gree {
  position: absolute;
  width: 220px;
  height: 208px;
  top: 440px;
  left: -3px;
  z-index: 11;
}

#bnr_mobage {
	position: absolute;
	width: 270px;
  height: 303px;
  top: 340px;
  left: -3px;
  z-index: 11;
}

#bnr_mobage  a {
  display: block;
  width: 270px;
  height: 303px;
  background: url(../images/top/bnr_mobage.png) no-repeat;
  text-indent: -9999px;
}

#bnr_gree a {
  display: block;
  width: 220px;
  height: 208px;
  background: url(../images/top/bnr_gree.png) no-repeat;
  text-indent: -9999px;
}
#bnr_gree a:hover {
  background: url(../images/top/bnr_gree.png) no-repeat;
}

#bnr_line a {
  display: block;
  width: 269px;
  height: 275px;
  background: url(../images/top/bnr_line.png) no-repeat;
  text-indent: -9999px;
}
#bnr_line02 a {
	position: absolute;
	top: 220px;
  left: 3px;
  display: block;
  width: 210px;
  height: 263px;
  background: url(../images/top/bnr_line02.png) no-repeat;
  text-indent: -9999px;
}

#bnr_app a {
	position: absolute;
	top: 420px;
  left: 0;
  display: block;
  width: 211px;
  height: 199px;
  background: url(../images/top/bnr_app02.png) no-repeat;
  text-indent: -9999px;
}

#bnr_line a:hover {
  background: url(../images/top/bnr_line_ov.png) no-repeat;
}

#kirakira01 {
  position: absolute;
  width: 122px;
  height: 217px;
  background: url(../images/top/kirakira01.png) no-repeat;
  top: 153px;
  right: 0px;
}
#kirakira02 {
  position: absolute;
  width: 156px;
  height: 102px;
  background: url(../images/top/kirakira02.png) no-repeat;
  top: 280px;
  left: 15px;
}
#guressy, #nashigami, #funassy, #top #co-imgLogo, #top #header_txt, #kirakira01, #kirakira02, #bnr_line {
  display: none;
}
#top #co-imgLogo, #top #header_txt {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* ＝＝＝＝＝＝＝＝＝＝ボタン・バナー＝＝＝＝＝＝＝＝＝＝ */
.bnr {
  width: 299px;
  margin: 25px auto 0 auto;
}
.bnr a {
  display: block;
  height: 60px;
}

.btn01 {
	width: 400px;
	margin: 10px auto 20px;
}
.btn01 a {
	background: url(../images/second/btn01_bg.jpg) repeat;
	background-color: #9adeff;
	border-radius: 5px;
	width: 400px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	padding: 15px 0 15px;
	box-shadow:rgba(98, 168, 214, 0.65098) 0px 5px 0px 0px;
	-webkit-box-shadow:rgba(98, 168, 214, 0.65098) 0px 5px 0px 0px;
	-moz-box-shadow:rgba(98, 168, 214, 0.65098) 0px 5px 0px 0px;
	text-shadow:
		-1px -1px #FFF,
		1px -1px #FFF,
		-1px 1px #FFF,
		1px 1px #FFF;
}
.btn02, .btn03 {
	margin: 0 10px 10px 0;
}

.btn02 a {
	background: url(../images/second/btn01_bg.jpg) repeat;
	background-color: #9adeff;
	color: #F00;
	border-radius: 5px;
	width: 120px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	padding: 15px 0 15px;
	box-shadow:rgba(98, 168, 214, 0.65098) 0px 5px 0px 0px;
	-webkit-box-shadow:rgba(98, 168, 214, 0.65098) 0px 5px 0px 0px;
	-moz-box-shadow:rgba(98, 168, 214, 0.65098) 0px 5px 0px 0px;
	text-shadow:
		-1px -1px #FFF,
		1px -1px #FFF,
		-1px 1px #FFF,
		1px 1px #FFF;
}
.btn03 a {
	/* background: url(../images/second/btn01_bg.jpg) repeat; */
	background-color: #ff5ca3;
	color: #00a7ff;
	border-radius: 5px;
	width: 150px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	padding: 15px 0 15px;
	box-shadow:rgba(255, 212, 231, 0.65098) 0px 5px 0px 0px;
	-webkit-box-shadow:rgba(255, 212, 231, 0.65098) 0px 5px 0px 0px;
	-moz-box-shadow:rgba(255, 212, 231, 0.65098) 0px 5px 0px 0px;
	text-shadow:
		-1px -1px #FFF,
		1px -1px #FFF,
		-1px 1px #FFF,
		1px 1px #FFF;
}

/* ナビゲーション */
#top #nav {
  /* padding: 10px 0; */
}
#top #nav ul {
  clear: both;
  position: relative;
}
#top #nav ul li {
  float: left;
  text-indent: -9999px;
  height: 167px;
  margin-bottom: -25px;
  position: relative;
}
#top #nav ul li a:hover {
  opacity: 1 !important;
}
#top #nav ul li a,
#top #nav ul li span {
  display: block;
  text-decoration: none;
  position: relative;
}
#top #nav ul #link-intro a {
  background: url(../images/top/navi01.png) no-repeat;
  width: 176px;
  height: 167px;
}
#top #nav ul #link-intro a:hover {
  background: url(../images/top/navi01_ov.png) no-repeat;
}
#top #nav ul #link-character a {
  background: url(../images/top/navi02.png) no-repeat;
  width: 168px;
  height: 152px;
}
#top #nav ul #link-character a:hover {
  background: url(../images/top/navi02_ov.png) no-repeat;
}
#top #nav ul #link-cast a {
  background: url(../images/top/navi03.png) no-repeat;
  width: 160px;
  height: 167px;
}
#top #nav ul #link-cast a:hover {
  background: url(../images/top/navi03_ov.png) no-repeat;
}

#top #nav ul #link-story a {
  background: url(../images/top/navi04.png) no-repeat;
  width: 164px;
  height: 152px;
}
#top #nav ul #link-story a:hover {
  background: url(../images/top/navi04_ov.png) no-repeat;
}

#top #nav ul #link-goods {
  margin-left: 70px;
}
#top #nav ul #link-goods a {
  background: url(../images/top/navi05.png) no-repeat;
  width: 166px;
  height: 172px;
}
#top #nav ul #link-goods a:hover {
  background: url(../images/top/navi05_ov.png) no-repeat;
}

#top #nav ul #link-music a {
  background: url(../images/top/navi06.png) no-repeat;
  width: 165px;
  height: 160px;
  margin: 0 10px;
}
#top #nav ul #link-music a:hover {
  background: url(../images/top/navi06_ov.png) no-repeat;
}

#top #nav ul #link-dvd a {
  background: url(../images/top/navi07.png) no-repeat;
  width: 163px;
  height: 169px;
}
#top #nav ul #link-dvd a:hover {
  background: url(../images/top/navi07_ov.png) no-repeat;
}

/* ニュースエリア */
#newsArea {
  background: #f3fb89;
  position: relative;
  padding-bottom: 30px;
}
#newsArea .bg {
  background:url(../images/top/news_bg.png) repeat-x left top;
  width: 100%;
  height: 25px;
  position: absolute;
}
#newsArea .inner {
  background: #FFFFFF;
  margin: 0 20px;
  padding-top: 40px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  padding-bottom: 15px;
  -webkit-box-shadow: 1px 3px 5px #dddc72;
  box-shadow: 1px 3px 5px #dddc72;
}
#newsArea h2 {
  background: url(../images/top/news_tit.png) no-repeat;
  width: 216px;
  height: 36px;
  margin-bottom: 15px !important;
}
#newsArea .detail {
  height: 185px;
  margin: 0 10px 0 22px;
  overflow: hidden;
}
#newsArea dl:first-child {
  border-top: 2px dashed #aad263;
}
#newsArea dl {
  border-bottom: 2px dashed #aad263;
  padding: 10px;
  font-size: 16px;
  margin-right: 10px;
  width: 565px;
}
#newsArea dt {
  color: #3eb966;
  font-weight: bold;
}
#newsArea dt span {
  background: #3eb966;
  color: #FFFFFF;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 2px 6px;
  margin-left: 10px;
  font-size: 14px;
}
#newsArea dd a {
  color: #535353;
  text-decoration: none;
}
#newsArea dd a:hover {
  text-decoration: underline;
}

/* SNSボタン */
.co-normalSnsbtn {
  overflow: hidden;
  margin: 15px 10px 0px 30px;
  padding-bottom: 11px;
}
.co-normalSnsbtn li {
  float: left;
}
.co-normalSnsbtn li:last-child {
  margin-right: 0;
}
.co-normalSnsbtn li.btnTwitter {
  width: 120px;
}
.co-normalSnsbtn li.btnFaceBook {
  height: 21px;
  margin-right: 10px;
}
.co-normalSnsbtn li.btnFaceBook .fb-like span {
  vertical-align: top !important;
}

/*　ツイートタイムライン--------
.timeline {
  background: #82D6FD;
}
.timeline h2 {
  background: url(../images/top/timeline_tit.png) no-repeat;
  width: 333px;
  height: 102px;
}
.timeline .timeline_inner {
  background: #a6e3ff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  width: 623px;
  margin: 0 auto;
  padding: 10px;
  min-height: 250px;
}
.timeline .timeline_inner iframe {
  width: 620px !important;
}　
--------*/

/* イントロダクション */
#introduction {
  padding-bottom: 20px;
  position: relative;
  background: #ffef5f;
}
#introduction h2 {
  background: url(../images/top/intro_tit.png) no-repeat;
  width: 424px;
  height: 116px;
}
#introduction .intro_txt {
  margin: 0 20px 35px 20px;
  text-align: center;
}
#introduction .afreco {
  text-align: center;
  padding-bottom: 60px;
}
.red {
  font-size: 30px;
  color: #ff1700;
  line-height: 1.4;
  margin: 45px 0 10px 0;
  font-weight: bold;
}
.attention_red {
  color: #ff1700;
 }
.green {
  font-size: 30px;
  color: #03b03a;
  line-height: 1.4;
  margin-bottom: 15px;
  font-weight: bold;
}
.intro_txt {
  font-size: 24px;
  line-height: 2;
}

/*　スッキリバナー　*/
.banner a:hover {
  opacity: 0.7;
}
.banner img {
  width: 675px;
}
.mb20 {
  margin-bottom: 20px !important;
}

/*-----------------------------------
第二階層
------------------------------------*/

/* ヘッダー */
#second #header {
  position: relative;
  min-height: 245px;
  background: url(../images/second/header_bg.png) no-repeat;
}
#header_inner {
  overflow: hidden;
}
#second #logo {
  float: left;
  padding: 7px 0 0 10px;
}
#second #header #co-imgLogo a {
  display: block;
  background: url(../images/second/header_h1.png) no-repeat;
  width: 262px;
  height: 85px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
}
#second #header #co-imgLogo a:hover {
  opacity: 0.7;
}
#second #txt {
  float: right;
  padding: 26px 15px 0 0;
}
#second #header #header_txt {
  background: url(../images/second/header_txt.png) no-repeat;
  width: 371px;
  height: 58px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
}

/* ナビゲーション */
#second #nav ul {
  overflow: hidden;
  margin-top: 2px;
}
#second #nav ul li {
  float: left;
  text-indent: -9999px;
  margin-bottom: 5px;
}
#second #nav ul li:nth-child(2n-1) {
  margin:0 7px;
}
#second #nav ul li a:hover {
  opacity: 1 !important;
}
#second #nav ul li a,
#second #nav ul li span {
  display: block;
  text-decoration: none;
  position: relative;
}

#second #nav ul #link-intro a {
  background: url(../images/second/navi01.png) no-repeat;
  width: 160px;
  height: 69px;
}
#second #nav ul #link-character a {
  background: url(../images/second/navi02.png) no-repeat;
  width: 160px;
  height: 69px;
}
#second #nav ul #link-cast a {
  background: url(../images/second/navi03.png) no-repeat;
  width: 160px;
  height: 69px;
}
#second #nav ul #link-story a {
  background: url(../images/second/navi04.png) no-repeat;
  width: 160px;
  height: 69px;
}
#second #nav ul #link-goods {
  margin-left: 80px !important;
}
#second #nav ul #link-goods a {
  background: url(../images/second/navi05.png) no-repeat;
  width: 160px;
  height: 68px;
}
#second #nav ul #link-music a {
  background: url(../images/second/navi06.png) no-repeat;
  width: 160px;
  height: 68px;
}
#second #nav ul #link-dvd a {
  background: url(../images/second/navi07.png) no-repeat;
  width: 160px;
  height: 68px;
}


.obi {
  background:url(../images/second/box_bg.png) repeat-x left top;
  height: 99px;
  z-index: 1;
  width: 100%;
  position: absolute;
}

/* キャラクター */
#character {
  background:#ffef5f;
  position: relative;
}
#character h2 {
  background: url(../images/second/character/h2_tit.png) no-repeat;
  width: 389px;
  height: 133px;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0 !important;
  z-index: 2;
}
#character .box_inner {
  background: #FFF;
  padding: 98px 0 30px 0;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
#character .box_inner .photo {
  margin: 0px 10px;
  background: url(../images/second/character/photo_bg.png) no-repeat center center;
  padding-bottom: 30px;
}
#character .box_inner .photo .photo01 {
  margin-top: 75px;
  margin-left: 35px;
}
#character .box_inner .photo .photo02 {
  margin-top: 75px;
  margin-left: 55px;
}
#character .box_inner .photo .photo03 {
  margin-top: 75px;
  margin-left: 130px;
}
#character .box_inner .next {
  position: absolute;
  right: 25px;
  top: 385px;
}
#character .box_inner .next a {
  display: block;
  background: url(../images/second/character/next.png) no-repeat;
  width: 42px;
  height: 66px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#character .box_inner .next a:hover {
  opacity: 0.5;
}
#character .box_inner .prev {
  position: absolute;
  left: 25px;
  top: 385px;
}
#character .box_inner .prev a {
  display: block;
  background: url(../images/second/character/prev.png) no-repeat;
  width: 42px;
  height: 66px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#character .box_inner .prev a:hover {
  opacity: 0.5;
}
#character .character_txt {
  border-top: 2px dashed #50C9FF;
  padding-top: 30px;
  margin: 0 20px;
  font-size: 18px;
  line-height: 1.7;
}
#character .character_list {
  margin: 10px 0 -65px 10px;
  padding-bottom: 65px;
  position: relative;
  z-index: 1;
}
#character .character_list:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#character .character_list li {
  float: left;
  margin-bottom: 10px;
  text-indent: -9999px;
}
#character .character_list li a {
  display: block;
  -webkit-transition:0.1s ease-in-out;
  -moz-transition:0.1s ease-in-out;
  -ms-transition:0.1s ease-in-out;
  -o-transition:0.1s ease-in-out;
  transition:0.1s ease-in-out;
}
#character .character_list li a:hover {
  -webkit-transform:scale(1.1,1.1);
  -moz-transform:scale(1.1,1.1);
  -ms-transform:scale(1.1,1.1);
  -o-transform:scale(1.1,1.1);
  transform:scale(1.1,1.1);
}
#character .character_list .list01 {
  margin-top: 20px;
}
#character .character_list .list01 a {
  background: url(../images/second/character/list01.png) no-repeat;
  width: 110px;
  height: 155px;
}
#character .character_list .list02 {
  margin-top: 65px;
}
#character .character_list .list02 a {
  background: url(../images/second/character/list02.png) no-repeat;
  width: 103px;
  height: 121px;
}
#character .character_list .list03 a {
  background: url(../images/second/character/list03.png) no-repeat;
  width: 119px;
  height: 105px;
}

/* キャストスタッフ */
#cast {
  background:#ffef5f;
  position: relative;
}
#cast h2 {
  background: url(../images/second/cast/h2_tit.png) no-repeat;
  width: 485px;
  height: 151px;
  position: absolute;
  top: 5px;
  left: 0px;
  margin: 0 !important;
  z-index: 2;
}
#cast .box_inner {
  background: #FFF;
  padding: 155px 0 30px 0;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  margin-bottom: 80px;
}
#cast h3 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto 40px auto;
}
#cast h3#cast_tit {
  background: url(../images/second/cast/h3_tit_cast.png) no-repeat;
  width: 597px;
  height: 43px;
}
#cast .cast_txt {
  font-size: 24px;
  text-align: center;
  margin: 0 40px 50px 40px;
}
#cast .cast_txt li {
  margin-bottom: 25px;
}
#cast .cast_txt span {
  font-weight: bold;
  color: #3eb966;
}
#cast h3#staff_tit {
  background: url(../images/second/cast/h3_tit_staff.png) no-repeat;
  width: 597px;
  height: 40px;
}
#cast .staff_txt {
  font-size: 20px;
  text-align: left;
  margin: 0 40px;
}
#cast .staff_txt li {
  margin-bottom: 15px;
  line-height: 1.6;
}
#cast .staff_txt li.team {
  text-indent: -5.0em;
  padding-left: 5.0em;
}
#cast .staff_txt span {
  font-weight: bold;
  color: #8cbc38;
}
#cast .staff_txt .txt_s {
  font-size: 14px;
  color: #000;
  font-weight: normal;
  margin-left: 10px;
}

/* グッズページ */
#goods {
  background:#ffef5f;
  position: relative;
}
#goods h2 {
  background: url(../images/second/goods/h2_tit.png) no-repeat;
  width: 303px;
  height: 156px;
  position: absolute;
  top: 5px;
  left: 0px;
  margin: 0 !important;
  z-index: 2;
}
#goods .box_inner {
  background: #FFF;
  padding: 155px 0 20px 0;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  margin-bottom: 80px;
}
#goods .box_inner .column {
  width: 597px;
  margin: 0 auto;
  font-size: 15px;
  border-bottom: 2px dashed #aad263;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
#goods .box_inner .column h3 {
  font-size: 24px;
  color: #ff7200;
  margin: 0 0 3px 75px;
  font-weight: bold;
}
#goods .box_inner .column .photo {
  position: relative;
  margin-left: 16px;
}
#goods .box_inner .column .photo:before {
  content: '';
  background: url(../images/second/icon01.png) no-repeat;
  position: absolute;
  top: -26px;
  left: 0;
  width: 50px;
  height: 26px;
}
#goods .box_inner .column .detail .description {
  margin: 5px 0 25px 20px;
}
#goods .box_inner .column .detail .inner {
  overflow: hidden;
  margin-left: 30px;
}
#goods .box_inner .column .detail .inner dl {
  float: left;
  width: 330px;
}
#goods .box_inner .column .detail .inner dl:nth-child(2n-1) {
  margin-right: 15px;
  width: 220px !important;
}
#goods .box_inner .column .detail dt {
  color: #ff7200;
  font-weight: bold;
}
#goods .box_inner .column .detail dd {
  margin-bottom: 5px;
}
.ind1 {
  text-indent: 3.7em;
}
.ind2 {
  text-indent: 4.0em;
}
/* 2カラム */
#goods .box_inner .f_box {
  border-bottom: 2px dashed #3eb966;
  overflow: hidden;
}
#goods .box_inner .f_box .inner {
  clear: both;
}
#goods .box_inner .f_box .photo {
  float: left;
  margin-right: 30px;
}
#goods .box_inner .f_box .detail .description {
  margin: 10px 0 25px 0;
}
#goods .box_inner .f_box .photo:before {
  background: url(../images/second/icon02.png) no-repeat;
}
#goods .box_inner .f_box .detail {
  float: left;
  width: 250px;
}

/* LINEスタンプページ */
#special, #special_gree {
  background:#ffef5f;
  position: relative;
}
.line h2 {
  background: url(../images/second/special/line/h2_tit.png) no-repeat;
  width: 487px;
  height: 171px;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0 !important;
  z-index: 2;
}
#special .box_inner, #special_gree .box_inner {
  background: #FFF;
  padding: 175px 0 20px 0;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  margin-bottom: 80px;
}
#special .box_inner .column,
#special_gree .box_inner .column {
  width: 597px;
  margin: 0 auto;
  font-size: 15px;
  margin-bottom: 30px;
}
.line .box_inner .txt01 {
  background: url(../images/second/special/line/txt01.png) no-repeat;
  width: 600px;
  height: 84px;
  margin: 0 auto 25px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
}
#special .box_inner .photo,
#special_gree .box_inner .photo {
  text-align: center;
}
#special .box_inner .detail,
#special_gree .box_inner .detail {
  margin: 15px 5px 30px 5px;
}
#special .box_inner .detail dt,
#special_gree .box_inner .detail dt {
  color: #ff7200;
  font-weight: bold;
  margin: 10px 0;
  font-size: 18px;
}
#special .box_inner .detail dd,
#special_gree .box_inner .detail dd {
  margin-bottom: 5px;
  font-size: 16px;
}

#special #details, #special_gree #details {
  text-align: center;
}
.app #details {
	float: left;
	width: 50%;
}
#special .box_inner .qr, #special_gree .box_inner .qr {
  margin-top: 30px;
}

.app #details span {
	font-weight: bold;
	font-style: 1,5em;
	color: #4dc0ff;
}

/* greeページ */
#special_gree h2 {
  background: url(../images/second/special/gree/h2_tit.png) no-repeat;
  width: 487px;
  height: 171px;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0 !important;
  z-index: 2;
}
#special_gree .box_inner .txt01 {
  background: url(../images/second/special/gree/txt01.png) no-repeat;
  width: 600px;
  height: 64px;
  margin: 0 auto 25px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
}

/* mabageページ */
.mobage h2 {
  background: url(../images/second/special/gree/h2_tit.png) no-repeat;
  width: 487px;
  height: 171px;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0 !important;
  z-index: 2;
}
.mobage .box_inner .txt01 {
  background: url(../images/second/special/mobage/txt01.png) no-repeat;
  width: 600px;
  height: 416px;
  margin: -20px auto 0 auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
}
/* 公式アプリページ */
.app h2 {
  background: url(../images/second/special/app/h2_tit.png) no-repeat;
  width: 413px;
  height: 164px;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0 !important;
  z-index: 2;
}
/* イベントページ */
.event h2 {
  background: url(../images/second/special/event/h2_tit.png) no-repeat;
  width: 413px;
  height: 164px;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 0 !important;
  z-index: 2;
}
.event .box_inner .txt01 {
  background: url(../images/second/special/event/txt01.jpg) no-repeat;
  width: 600px;
  height: 351px;
  margin: -20px auto 0 auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
}
.event .box_inner .detail {
	background: #dcf0ff;
	border-radius: 15px;
	padding: 10px 20px;
}
.event .box_inner .detail dt {
  color:#70abf5 !important;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 18px;
}
.event .box_inner .detail .pink {
	font-weight: bold;
	color: #ff6bab;
}

.event .box_inner .detail .title {
	font-size: 1.3em;
}
/* 音楽ページ */
#music {
  background:#ffef5f;
  position: relative;
}
#music h2 {
  background: url(../images/second/music/h2_tit.png) no-repeat;
  width: 430px;
  height: 131px;
  position: absolute;
  top: 40px;
  left: 0px;
  margin: 0 !important;
  z-index: 2;
}
#music .box_inner {
  background: #FFF;
  padding: 175px 0 20px 0;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  margin-bottom: 80px;
}
#music .box_inner .column {
  width: 597px;
  margin: 0 auto;
  font-size: 15px;
  margin-bottom: 30px;
}
#music .box_inner .txt01 {
  background: url(../images/second/music/txt01.png) no-repeat;
  width: 600px;
  height: 125px;
  margin: 0 auto 25px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
}
#music .box_inner .photo {
  text-align: center;
}
#music .box_inner .detail {
  margin: 15px 30px 30px;
}
#music .box_inner .detail h4 {
	border-radius: 5px;
	display: inline-block;
	padding: 5px 10px;
	background:  #ff7200;
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
	margin: 20px 0 5px;
}

#music .box_inner .detail ul {
	margin: 0;
}

#music .box_inner .detail li {
	list-style: none;
	font-size: 16px;
}
#music .box_inner .detail li span {
	color: #ff7200;
  font-weight: bold;
  width: 130px;
  display: inline-block;
}

#music #details {
  text-align: center;
}

/* DVDページ */
#dvd {
  background:#ffef5f;
  position: relative;
}
#dvd h2 {
  background: url(../images/second/dvd/h2_tit.png) no-repeat;
  width: 296px;
  height: 115px;
  position: absolute;
  top: 40px;
  left: 15px;
  margin: 0 !important;
  z-index: 2;
}
#dvd .box_inner {
  background: #FFF;
  padding: 155px 0 20px 0;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  margin-bottom: 80px;
}
#dvd .box_inner .txt01 {
  background: url(../images/second/dvd/txt01.png) no-repeat;
  width: 453px;
  height: 77px;
  margin: 0 auto 8px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
}
#dvd .box_inner .txt02 {
  background: url(../images/second/dvd/txt02.png) no-repeat;
  width: 600px;
  height: 60px;
  margin: 0 auto 30px auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#dvd .box_inner .column {
  width: 597px;
  margin: 0 auto;
  font-size: 15px;
/*  border-bottom: 2px dashed #aad263;
  padding-bottom: 30px;*/
  margin-bottom: 30px;
}
#dvd .box_inner .top_line {
  border-top: 2px dashed #aad263;
  padding-top: 20px;
}
#dvd .box_inner .column h3 {
  font-size: 16px;
  color: #ff7200;
  margin: 0 0 3px 75px;
  font-weight: bold;
}
#dvd .box_inner .column h3 span {
	font-size: 12px;
}

#dvd .box_inner .column .photo {
  position: relative;
  margin-left: 16px;
  margin-bottom: 15px;
}
#dvd .box_inner .column .photo:before {
  content: '';
  background: url(../images/second/icon01.png) no-repeat;
  position: absolute;
  top: -26px;
  left: 0;
  width: 50px;
  height: 26px;
}
#dvd .box_inner .column .detail {
  margin-left: 30px;
}
#dvd .box_inner .column .detail dl {
  margin-bottom: 20px;
}
#dvd .box_inner .column .detail dt {
  color: #ff7200;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 18px;
}
#dvd .box_inner .column .detail dd {
  margin-bottom: 5px;
  font-size: 16px;
}
#dvd .box_inner .column .detail dd strong {
  color: #ff3333;
  background: #fcff00;
  padding: 3px 4px 0 0;
  font-weight: normal;
}
#dvd .vap {
  font-size: 16px;
  color: #ff7200;
  font-weight: bold;
  margin-bottom: 25px;
}
#dvd .box_inner .column .detail2 p {
  margin: 0 0 25px 20px;
  line-height: 1.7;
}
#dvd .box_inner .column .detail .reportArea {
  overflow: hidden;
  border-top: 2px dashed #9adeff;
  border-bottom: 2px dashed #9adeff;
  padding: 20px 0;
}
#dvd .box_inner .column .detail .reportArea .fl {
  float: left;
  margin-right: 5px;
  width: 348px;
}
#dvd .box_inner .column .detail .reportArea .fl .report_tit01 {
  color: #ff7200;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 18px;
}
#dvd .box_inner .column .detail .reportArea .fl .report_tit02 {
  color: #ff7200;
  font-size: 18px;
  margin-bottom: 25px;
}
#dvd .box_inner .column .detail .reportArea .fl .report_txt01 {
  color: #0d0d0d;
  font-size: 16px;
  margin-bottom: 25px;
}
#dvd .box_inner .column .detail .reportArea .fl .report_txt02 {
  color: #ff0000;
  font-size: 18px;
}
#dvd .box_inner .column .detail .reportArea .fr {
  float: left;
}
#dvd .box_inner .column .detail .bnr {
  margin: 30px auto !important;
}

#dvd .backnumber {
	padding: 20px;
}

#dvd .backnumber li {
	float: left;
}

#dvd .release {
	text-align: center;
	color: red;
	background:#d2f3ff;
	font-weight: bold;
	font-size: 24px;
}

/* ストーリーページ */
#story {
  background:#ffef5f;
  position: relative;
}
#story h2 {
  background: url(../images/second/story/h2_tit.png) no-repeat;
  width: 323px;
  height: 142px;
  position: absolute;
  top: 5px;
  left: 0px;
  margin: 0 !important;
  z-index: 2;
}
#story .box_inner {
  background: #FFF;
  padding: 155px 0 20px 0;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  margin-bottom: 80px;
}
#story dl {
  margin: 0 20px;
  width: 600px;
}
#story dt {
  display: block;
  cursor: pointer;
  padding: 5px 0;
  background: url(../images/second/story/arrow.png) 560px center no-repeat;
  border-bottom: 2px dashed #aad263;
  color: #ff7200;
  font-size: 22px;
  margin-bottom: 10px;
}
/*#qamenu dt {
  display: block;
  cursor:pointer;
  padding-right: 10px;
  margin-top: 10px;
}*/
#story dt.active {
  background: url(../images/second/story/arrow_on.png) 560px center no-repeat;
}
#story dt .date_txt {
  display: block;
  background: url(../images/second/icon01.png) 10px center no-repeat;
  padding-left: 70px;
}
#story .detail_box {
  overflow: hidden;
  width: 600px;
  margin-bottom: 10px;
}
#story .detail_box .lbox, #story .detail_box .rbox {
  width: 50%;
  float: left;
  min-height: 167px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}
#story .detail_box img {
  border: 1px solid #d0d0d0;
}
#story .detail_box .box_txt {
  background: url(../images/second/story/txt_bg.png) center center #fff9c4 no-repeat;
  color: #01aeff;
  font-size: 22px;
  text-align: center;
  font-weight: bold;
  padding-top: 55px;
}
.storybox #contents {
  position: relative;
  min-height: 1200px;
}
.storybox .innerlink-head {
  right: 30px !important;
  bottom: 20px !important;
}


/* ニュース */
#news {
  background:#ffef5f;
  position: relative;
}
#news h2 {
  background: url(../images/second/news/h2_tit.png) no-repeat;
  width: 303px;
  height: 156px;
  position: absolute;
  top: 5px;
  left: 0px;
  margin: 0 !important;
  z-index: 2;
}
#news .box_inner {
  background: #FFF;
  padding: 155px 0 20px 0;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
  margin-bottom: 80px;
}
#news .box_inner a {
  color: #ff1e1e;
}
#news .column {
  margin-bottom: 50px;
}
#news .lead {
  border-top: 2px dashed #3eb966;
  border-bottom: 2px dashed #3eb966;
  margin: 0 22px 20px 22px;
  padding: 15px 0;
}
#news .date {
  color: #3eb966;
  font-size: 18px;
  font-weight: bold;
  background: url(../images/second/icon02.png) no-repeat;
  padding-left: 60px;
  margin-bottom: 13px;
}
#news .date span {
  background: #3eb966;
  color: #FFFFFF;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 2px 8px;
  margin-left: 10px;
}
#news h3 {
  color: #ff7200;
  font-size: 20px;
  font-weight: bold;
  padding-left: 15px;
}
#news .detail {
  margin: 0 42px;
  font-size: 16px;
  color: #4f4f4f;
}
#news .detail .description {
  margin-bottom: 20px;
}
#news .detail .description span {
	font-weight: bold;
	color:  #3eb966;
}

#news .detail .inner {
  background: #fffcc7;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  padding: 25px;
  margin-bottom: 25px;
}
#news .detail .inner li {
  margin-bottom: 5px;
  text-indent: -8.3em;
  padding-left: 8.3em;
}
#news .detail .inner li a {
  word-wrap: break-word;
}
#news .detail .inner li:last-child {
  margin-bottom: 0;
}
.noice {
  font-size: 14px;
  padding: 20px 0;
}