@charset "UTF-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul, li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* =====================================================================================
  common class

  update: 13/12/15
  
  memo  : 
        通常フォント：font-size: 13px -> line-height: 22px; 
        見出し：    font-size: 30px -> line-height: ---; margin: ---; padding: 40px 0 30px;
        中見出し： font-size: 16px -> line-height: inherit;

        ・line-heightは個別に指定（余白やマージンがズレるため）
				
				@include size(0,0);
				@include absolute(0,0,0);
				@include fixed(0,0,0);
				@extend .clearfix;

====================================================================================== */
.clearfix:after, .inner:after, #header:after, #header #glnav:after, #top .side-content .news .title-box:after, #story .inner-subnav:after, #story .story-box .ph-box .thumbs:after, #story .story-box .wp-box ul:after, #news .inner-news .side-column .calender:after, #news .inner-news .side-column .calender .head-day:after, #news .paging-nav:after, #product .inner-subnav:after, #product .inner725 .list-w147:after, #product .inner840:after, #product .main .visuals:after, #product .main .deitals:after, #character .inner-subnav:after, #character #chara-wrap:after, #special .inner-subnav:after, #special .present-detail .sub-box:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}

/* IE7pfloat */
.clearfix, .inner, #header, #header #glnav, #top .side-content .news .title-box, #story .inner-subnav, #story .story-box .ph-box .thumbs, #story .story-box .wp-box ul, #news .inner-news .side-column .calender, #news .inner-news .side-column .calender .head-day, #news .paging-nav, #product .inner-subnav, #product .inner725 .list-w147, #product .inner840, #product .main .visuals, #product .main .deitals, #character .inner-subnav, #character #chara-wrap, #special .inner-subnav, #special .present-detail .sub-box {
  display: inline-block;
}

* html .clearfix, * html .inner, * html #header, * html #header #glnav, #header * html #glnav, * html #top .side-content .news .title-box, #top .side-content .news * html .title-box, * html #story .inner-subnav, #story * html .inner-subnav, * html #story .story-box .ph-box .thumbs, #story .story-box .ph-box * html .thumbs, * html #story .story-box .wp-box ul, #story .story-box .wp-box * html ul, * html #news .inner-news .side-column .calender, #news .inner-news .side-column * html .calender, * html #news .inner-news .side-column .calender .head-day, #news .inner-news .side-column .calender * html .head-day, * html #news .paging-nav, #news * html .paging-nav, * html #product .inner-subnav, #product * html .inner-subnav, * html #product .inner725 .list-w147, #product .inner725 * html .list-w147, * html #product .inner840, #product * html .inner840, * html #product .main .visuals, #product .main * html .visuals, * html #product .main .deitals, #product .main * html .deitals, * html #character .inner-subnav, #character * html .inner-subnav, * html #character #chara-wrap, #character * html #chara-wrap, * html #special .inner-subnav, #special * html .inner-subnav, * html #special .present-detail .sub-box, #special .present-detail * html .sub-box {
  height: 1%;
}

/* End hide from IE-mac */
html {
  height: 100%;
  width: 100%;
}

body {
  height: 100%;
  display: none;
  background: url("../img/bg_body.gif") 50% 77px repeat-y;
}

a {
  outline: none;
}

#htmlContainer {
  font-size: 12px;
  color: #000000;
  padding-top: 77px;
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","Osaka－等幅","Osaka-Mono","ＭＳ Ｐゴシック",sans-serif;
  min-width: 980px;
  overflow: hidden;
}

.inner {
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 980px;
}

.sp {
  display: none;
}

a:link, a:visited {
  color: #1D9BD8;
  text-decoration: none;
}

a:hover, a:active {
  color: #8ECDEB;
  text-decoration: underline;
}

#white {
  width: 100%;
  height: 100%;
  background-color: #FFFFFB;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 100;
}

/*================================================================================
	HEADER
================================================================================*/
#header {
  position: relative;
  text-align: center;
  width: 100%;
  height: 110px;
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 1000;
  background: url("../img/hd_bg.png") 0 0 repeat-x;
}
#header h1 {
  width: 130px;
  float: left;
  margin-left: -12px;
  margin-top: 10px;
}
#header #glnav {
  width: 840px;
  height: 50px;
  float: right;
  margin-top: 10px;
  position: relative;
  background: url("../img/hd_nav_bg.gif") 0 0 repeat-x;
}
#header #glnav li {
  float: left;
  margin-right: 23px;
}
#header #glnav .last {
  margin-right: 0;
}
#header #glnav .cr-bar {
  width: 70px;
  height: 3px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #F00;
  z-index: 100;
}

#pagetop {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 9999;
  width: 1px;
  height: 1px;
}

/*================================================================================
	CONTENT
================================================================================*/
#content {
  position: relative;
  width: 100%;
  text-align: center;
  /*
  .bg{
  	width:100%;
  	height:100%;
  	min-height:100%;
  	@include absolute(0,0,0);
  	background: url("../img/bg_body_top.png") 50% 0 no-repeat;
  }
  */
}

.secondary {
  background: url("../img/bg_body.gif") 50% 77px repeat-y;
}

/*================================================================================
	FOOTER
================================================================================*/
#footer {
  height: 230px;
  width: 100%;
  text-align: center;
  position: relative;
  background: url("../img/ft_bg.png") 0 0 repeat-x;
}
#footer .info-box {
  margin: 0 auto 0 auto;
  padding-top: 50px;
  text-align: center;
  position: relative;
  width: 980px;
}
#footer .info-box .share {
  width: 258px;
  height: 69px;
  font-family: 'Playfair Display SC', serif;
  font-size: 14px;
  letter-spacing: 0.1em;
  margin: 0 auto 10px auto;
}
#footer .info-box .share .share-title {
  float: left;
  margin-top: 9px;
}
#footer .info-box .share .share-tw {
  float: left;
  background: url("../img/share_tw.gif") no-repeat left top;
  width: 88px;
  height: 52px;
  margin-top: 9px;
}
#footer .info-box .share .share-tw a {
  display: block;
  width: 88px;
  height: 52px;
  padding-top: 18px;
  text-indent: 42px;
}
#footer .info-box .share .share-fb {
  float: left;
  background: url("../img/share_fb.gif") no-repeat left top;
  width: 80px;
  height: 52px;
  margin-top: 9px;
}
#footer .info-box .share .share-fb a {
  display: block;
  width: 80px;
  height: 52px;
  padding-top: 18px;
  text-indent: 25px;
}
#footer .info-box .share .share-tw a:link, #footer .info-box .share .share-tw a:visited,
#footer .info-box .share .share-fb a:link,
#footer .info-box .share .share-fb a:visited {
  text-decoration: none;
  color: #000000;
}
#footer .info-box .share .share-tw a:hover, #footer .info-box .share .share-tw a:active,
#footer .info-box .share .share-fb a:hover,
#footer .info-box .share .share-fb a:active {
  text-decoration: none;
  color: #BBBBBB;
}
#footer .info-box .bnn-list li {
  float: left;
  margin-right: 16px;
}
#footer .info-box .bnn-list .last {
  margin-right: 0;
}
#footer .info-box .copyright {
  clear: both;
  text-align: center;
}

.fixed {
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
}

/*================================================================================
	MODULE STYLE
================================================================================*/
.block {
  position: relative;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 40px;
}

/* =====================================================================================
  common class

  update: 13/12/15
  
  memo  : 
        通常フォント：font-size: 14px -> line-height: 24px; 
        見出し：    font-size: ---; -> line-height: ---; margin: ---; padding: ---;
        中見出し： font-size: ---; -> line-height: ---;
				
				@include size(0,0);
				@include absolute(0,0,0);
				@include fixed(0,0,0);
				@extend .clearfix;

====================================================================================== */
#top {
  background: none !important;
  /*
  .main{
  	@include absolute(45,0,0);
  	background: url("../../img/top/main_visual.jpg") 0 0 no-repeat;
  }
  */
}
#top #header {
  position: absolute !important;
  background: none !important;
}
#top #visual {
  width: 100%;
  height: 1090px;
  background: url("../../img/top/main_visual.jpg") 50% 0 no-repeat;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
#top #nijimi {
  width: 100%;
  height: 1090px;
  background: url("../img/bg_body_top.png") 50% 77px no-repeat !important;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
#top #content {
  height: 940px;
}
#top .logo {
  position: absolute;
  left: 182px;
  top: 671px;
  z-index: 1;
}
#top .copy {
  position: absolute;
  left: 900px;
  top: 25px;
  z-index: 1;
}
#top .onair {
  position: absolute;
  left: 50%;
  top: 64px;
  z-index: 100;
  margin-left: 300px;
}
#top .bd140527 {
  position: absolute;
  left: 50%;
  top: 430px;
  z-index: 100;
  margin-left: 350px;
}
#top .side-content {
  position: absolute;
  left: 50%;
  top: 30px;
  margin-left: -490px;
}
#top .side-content .news {
  margin-bottom: 27px;
  width: 170px;
  text-align: left;
}
#top .side-content .news .bg-fmt {
  height: 10px;
  font-size: 10px;
  line-height: 10px;
}
#top .side-content .news .bg-fmt img {
  vertical-align: top;
}
#top .side-content .news .bg-fmtMdl {
  background: url("../../img/top/news_bg_middle.png") 0 0 repeat-y;
}
#top .side-content .news .title-box {
  margin-left: 23px;
  margin-bottom: 10px;
}
#top .side-content .news .title-box .title {
  float: left;
}
#top .side-content .news .title-box .btn-more {
  float: left;
}
#top .side-content .news .detail {
  margin-left: 23px;
  width: 130px;
  text-align: left;
  line-height: 1.5;
}
#top .side-content .news .detail li {
  padding-bottom: 8px;
}
#top .side-content .news .detail div {
  font-size: 11px;
  color: #1D9BD8;
}
#top .side-content .news .detail span {
  font-size: 10px;
}
#top .side-content .btn-twitter {
  margin-bottom: 20px;
}
#top .side-content .btn-banner {
  margin-bottom: 20px;
}
#top .side-content .comic10 {
  text-align: left;
}
#top #footer {
  margin-top: 50px !important;
}

#bd140527 {
  display: none;
}
#bd140527 p {
  display: block;
  width: 830px;
  height: 740px;
  background: url("../../img/top/ov_kou_birthday.jpg") 0 0 no-repeat;
}

#bd140619 {
  display: none;
}
#bd140619 p {
  display: block;
  width: 830px;
  height: 740px;
  background: url("../../img/top/ov_futaba_birthday.jpg") 0 0 no-repeat;
}

#start140707 {
  display: none;
}
#start140707 p {
  display: block;
  width: 830px;
  height: 647px;
  background: url("../../img/top/ov_aoharide_start.jpg") 0 0 no-repeat;
}

#bd140910 {
  display: none;
}
#bd140910 p {
  display: block;
  width: 830px;
  height: 740px;
  background: url("../../img/top/ov_yuri_birthday.jpg") 0 0 no-repeat;
}

#bd141120 {
  display: none;
}
#bd141120 p {
  display: block;
  width: 830px;
  height: 740px;
  background: url("../../img/top/ov_shuko_birthday.jpg") 0 0 no-repeat;
}

#bd141203 {
  display: none;
}
#bd141203 p {
  display: block;
  width: 830px;
  height: 740px;
  background: url("../../img/top/ov_aya_birthday.jpg") 0 0 no-repeat;
}

/*================================================================================
	SMART DIVECE
================================================================================*/
.iPhone,
.iPad,
.Android {
  background: url("../img/bg_body.gif") -160px 77px repeat-y;
  /*
  .fancybox-wrap{
  	width:1100px !important;
  }
  */
}
.iPhone .sp,
.iPad .sp,
.Android .sp {
  display: block !important;
}
.iPhone #htmlContainer,
.iPad #htmlContainer,
.Android #htmlContainer {
  width: 960px !important;
  min-height: 1200px !important;
}
.iPhone .fancybox-overlay, .iPhone .fancybox-overlay-fixed,
.iPad .fancybox-overlay,
.iPad .fancybox-overlay-fixed,
.Android .fancybox-overlay,
.Android .fancybox-overlay-fixed {
  width: 1100px !important;
  height: 1530px !important;
}

.iPhone#top #visual,
.iPad#top #visual,
.Android#top #visual,
.iPhone#top #nijimi,
.iPad#top #nijimi,
.Android#top #nijimi{
  width: auto;
}

/* =====================================================================================
  common class

  update: 13/12/15
  
  memo  : 
        通常フォント：font-size: 14px -> line-height: 24px; 
        見出し：    font-size: ---; -> line-height: ---; margin: ---; padding: ---;
        中見出し： font-size: ---; -> line-height: ---;
				
				@include size(0,0);
				@include absolute(0,0,0);
				@include fixed(0,0,0);
				@extend .clearfix;

====================================================================================== */
#story #content {
  padding-top: 93px;
}
#story .inner-subnav {
  width: 100%;
  padding-top: 20px;
  position: relative;
  text-align: left;
  background: url("../../img/story/bg_subnav.png") 0 0 repeat-x;
  height: 65px;
}
#story .inner-subnav ul {
  width: 914px;
  margin: 0 auto 0 auto;
}
#story .inner-subnav li {
  float: left;
}
#story .story-intro {
  text-align: center;
  margin-bottom: 25px;
}
#story .story-intro h2 {
  margin-bottom: 43px;
}
#story .story-intro h3 {
  margin-bottom: 40px;
}
#story .story-intro .detail {
  margin-bottom: 33px;
}
#story .story-box {
  text-align: center;
  margin-bottom: 30px;
}
#story .story-box .btn-top {
  display: block;
  width: 100px;
  margin: 0 auto 40px auto;
}
#story .story-box h2 {
  margin-bottom: 18px;
}
#story .story-box .ph-box {
  width: 430px;
  margin: 0 auto 20px auto;
}
#story .story-box .ph-box .phL {
  width: 430px;
  height: 243px;
  position: relative;
  margin-bottom: 11px;
}
#story .story-box .ph-box .phL li {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  display: none;
}
#story .story-box .ph-box .phL li:first-child {
  display: block;
}
#story .story-box .ph-box .thumbs li {
  float: left;
  margin-right: 11px;
  cursor: pointer;
}
#story .story-box .ph-box .thumbs li:last-child {
  margin-right: 0;
}
#story .story-box .staff {
  margin-bottom: 25px;
  letter-spacing: 0.2em;
}
#story .story-box .text {
  line-height: 2.5em;
  letter-spacing: 0.1em;
  margin-bottom: 40px;
}
#story .story-box .wp-box {
  width: 300px;
  height: 244px;
  margin: 0 auto;
  text-align: center;
  background: url("../../img/story/wp_bg.gif") 0 0 no-repeat;
}
#story .story-box .wp-box h3 {
  margin-bottom: 15px;
  padding-top: 15px;
}
#story .story-box .wp-box ul {
  display: block;
  width: 251px;
  margin: 0 auto;
}
#story .story-box .wp-box ul li {
  float: left;
  border-right: #59514F solid 1px;
}
#story .story-box .wp-box ul li:last-child {
  border-right: none;
}

/*================================================================================
	SMART DIVECE
================================================================================*/
/* =====================================================================================
  common class

  update: 13/12/15
  
  memo  : 
        通常フォント：font-size: 14px -> line-height: 24px; 
        見出し：    font-size: ---; -> line-height: ---; margin: ---; padding: ---;
        中見出し： font-size: ---; -> line-height: ---;
				
				@include size(0,0);
				@include absolute(0,0,0);
				@include fixed(0,0,0);
				@extend .clearfix;

====================================================================================== */
#staff-cast #content {
  min-height: 850px;
  padding-top: 33px;
  margin-bottom: 40px;
}
#staff-cast .cast-box,
#staff-cast .staff-box {
  text-align: center;
  margin-bottom: 45px;
}
#staff-cast .cast-box h2,
#staff-cast .staff-box h2 {
  margin-bottom: 25px;
}
#staff-cast .cast-box .btn-message,
#staff-cast .staff-box .btn-message {
  width: 92px;
  margin: 0 auto;
  margin-bottom: -3px;
}
#staff-cast .cast-box li,
#staff-cast .staff-box li {
  margin-bottom: 15px;
}

/*================================================================================
	SMART DIVECE
================================================================================*/
/* =====================================================================================
  common class

  update: 13/12/15
  
  memo  : 
        通常フォント：font-size: 14px -> line-height: 24px; 
        見出し：    font-size: ---; -> line-height: ---; margin: ---; padding: ---;
        中見出し： font-size: ---; -> line-height: ---;
				
				@include size(0,0);
				@include absolute(0,0,0);
				@include fixed(0,0,0);
				@extend .clearfix;

====================================================================================== */
#onair #content {
  padding-top: 215px;
  margin-bottom: 40px;
}
#onair .schedule-box {
  text-align: center;
  margin-bottom: 25px;
}
#onair .schedule-box .block {
  margin-bottom: 30px;
}
#onair .schedule-box h2 {
  margin-bottom: 25px;
}
#onair .schedule-box h3 {
  margin-bottom: 20px;
}
#onair .schedule-box .others {
  /*margin: 0 230px 15px;*/
  margin: 0 260px 15px;
  text-align: center;
}
#onair .schedule-box .others li{
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
}
#onair .caps {
  color: #1e9cd8;
  font-size: 10px;
  margin-bottom: 45px;
}

/*================================================================================
	SMART DIVECE
================================================================================*/
/* =====================================================================================
  common class

  update: 13/12/15
  
  memo  : 
        通常フォント：font-size: 14px -> line-height: 24px; 
        見出し：    font-size: ---; -> line-height: ---; margin: ---; padding: ---;
        中見出し： font-size: ---; -> line-height: ---;
				
				@include size(0,0);
				@include absolute(0,0,0);
				@include fixed(0,0,0);
				@extend .clearfix;

====================================================================================== */
#news #content {
  min-height: 580px;
  padding-top: 33px;
  margin-bottom: 40px;
}
#news .inner-news {
  width: 980px;
  text-align: left;
  margin: 0 auto;
  position: relative;
}
#news .inner-news .side-column {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
  width: 200px;
}
#news .inner-news .side-column .calender {
  font-family: 'Sorts Mill Goudy', serif;
  margin-bottom: 50px;
  /*
  #january,#february,#march,#april,#may,#june,#july,#august,#september,#october,#november,#december{
  	display:none;
  }
  */
}
#news .inner-news .side-column .calender .month {
  display: none;
}
#news .inner-news .side-column .calender .cr {
  display: block !important;
}
#news .inner-news .side-column .calender .head-month {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-style: italic;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}
#news .inner-news .side-column .calender .head-month span {
  margin: 0 15px;
}
#news .inner-news .side-column .calender .head-month span img {
  vertical-align: bottom;
  cursor: pointer;
}
#news .inner-news .side-column .calender .head-month a:link, #news .inner-news .side-column .calender .head-month a:visited {
  color: #000;
}
#news .inner-news .side-column .calender .head-month a:hover, #news .inner-news .side-column .calender .head-month a:active {
  color: #1D9BD8;
  text-decoration: none;
}
#news .inner-news .side-column .calender .head-day {
  margin-bottom: 15px;
}
#news .inner-news .side-column .calender .head-day p {
  display: block;
  float: left;
  width: 28px;
  text-align: center;
  font-size: 10px;
  font-style: italic;
}
#news .inner-news .side-column .calender .day-map li {
  display: block;
  width: 28px;
  text-align: center;
  font-size: 12px;
  float: left;
  margin-bottom: 15px;
}
#news .inner-news .side-column .calender .day-map li a {
  display: block;
}
#news .inner-news .side-column .calender .day-map li a:link, #news .inner-news .side-column .calender .day-map li a:visited {
  color: #BF4449;
}
#news .inner-news .side-column .calender .day-map li a:hover, #news .inner-news .side-column .calender .day-map li a:active {
  color: #DFA1A4;
  text-decoration: none;
}
#news .inner-news .side-column .categories .title {
  margin-bottom: 25px;
}
#news .inner-news .side-column .categories .cat-list li {
  margin-bottom: 10px;
  background: url("../../img/news/icon_cat.gif") 0 6px no-repeat;
  padding-left: 20px;
  line-height: 1.4em;
  font-size: 11px;
}
#news .inner-news .side-column .categories .cat-list a {
  display: block;
}
#news .inner-news .side-column .categories .cat-list a:link, #news .inner-news .side-column .categories .cat-list a:visited {
  color: #000;
}
#news .inner-news .side-column .categories .cat-list a:hover, #news .inner-news .side-column .categories .cat-list a:active {
  color: #1D9BD8;
  text-decoration: none;
}
#news .paging-nav {
  margin-left: 490px;
  margin-top: 35px;
}
#news .paging-nav img {
  vertical-align: top;
}
#news .paging-nav .prev,
#news .paging-nav .next {
  display: block;
  width: 20px;
  float: left;
}
#news .paging-nav .paging {
  float: left;
}
#news .paging-nav .paging li {
  font-family: 'Crimson Text', serif;
  font-style: italic;
  float: left;
  font-size: 18px;
  line-height: 20px;
  margin: 0 5px;
}
#news .news-box {
  width: 690px;
  margin-left: 290px;
  margin-bottom: 35px;
  background: url("../img/bg_slice.gif") 0 0 repeat-y;
}
#news .news-box .date {
  line-height: 14px;
  padding-left: 30px;
  margin-left: 25px;
  font-size: 10px;
  margin-bottom: 10px;
  background: url("../../img/news/icon_leaf.png") 0 0 no-repeat;
}
#news .news-box .detail {
  margin-left: 55px;
  margin-bottom: 10px;
  line-height: 1.8;
}
#news .news-box .detail h3 {
  font-size: 16px;
  line-height: 1.6;
  font-weight: normal;
  color: #1D9BD8;
  padding-bottom: 20px;
  margin-bottom: 20px;
  background: url("../img/bar_black.gif") 0 100% no-repeat;
}
#news .news-box .news-pagetop {
  margin-left: 55px;
}

/*================================================================================
	SMART DIVECE
================================================================================*/
/* =====================================================================================
  common class

  update: 13/12/15
  
  memo  : 
        通常フォント：font-size: 14px -> line-height: 24px; 
        見出し：    font-size: ---; -> line-height: ---; margin: ---; padding: ---;
        中見出し： font-size: ---; -> line-height: ---;
				
				@include size(0,0);
				@include absolute(0,0,0);
				@include fixed(0,0,0);
				@extend .clearfix;

====================================================================================== */
#product #content {
  min-height: 580px;
  padding-top: 93px;
}
#product .inner-subnav {
  width: 100%;
  padding-top: 20px;
  position: relative;
  text-align: left;
  background: url("../../img/story/bg_subnav.png") 0 0 repeat-x;
  height: 65px;
}
#product .inner-subnav ul {
  margin: 0 auto 0 auto;
  /*width: 385px;*/
  width: 451px;
}
#product .inner-subnav li {
  float: left;
}
#product .inner725 {
  width: 725px;
  margin: 0 auto;
}
#product .inner725 h2 {
  margin-bottom: 55px;
}
#product .inner725 .comic-caps {
  margin-bottom: 25px;
}
#product .inner725 .list-w147 li {
  width: 147px;
  margin: 0 17px 40px 17px;
  float: left;
}
#product .inner725 .list-w328 {
  display: inline-block;
}
#product .inner725 .list-w328 li {
  width: 328px;
  margin: 0 17px 40px 17px;
  float: left;
}
#product .inner725 span {
  display: block;
  margin-bottom: 3px;
  line-height: 1.6;
}
#product .inner725 .ph {
  border: #9f9fa0 solid 1px;
  text-align: center;
  margin-bottom: 8px;
}
#product .inner725 .ph img {
  vertical-align: top;
}
#product .btn-more {
  width: 70px;
  margin: 0 auto;
}

/*================================================================================
  BD / DVD
================================================================================*/
#product .inner840 {
  width: 840px;
  margin: 0 auto;
}
#product .sidebar {
  width: 210px;
  float: left;
}
#product .sidebar .bd-list {
  margin-bottom: 20px;
}
#product .sidebar .bd-list li {
  float: left;
  width: 85px;
  margin: 0 20px 10px 0;
  text-align: center;
}
#product .sidebar .bd-list li p {
  margin-bottom: 10px;
}
#product .sidebar .btn-shop {
  text-align: left;
}
#product .main {
  width: 580px;
  float: right;
}
#product .main h2 {
  margin-bottom: 40px;
}
#product .main .date {
  margin-bottom: 35px;
}
#product .main .box-l {
  width: 205px;
  float: left;
}
#product .main .box-r {
  width: 342px;
  float: right;
}
#product .main .visuals {
  margin-bottom: 45px;
  text-align: left;
  width: 100%;
}
#product .main .visuals .box-r {
  position: relative;
}
#product .main .visuals .box-r .num {
  position: absolute;
  z-index: 0;
}
#product .main .visuals .box-r .num1 {top: -55px;right: 0;}
#product .main .visuals .box-r .num2 {top: -57px;right: -2px;}
#product .main .visuals .box-r .num3 {top: -58px;right: -6px;}
#product .main .visuals .box-r .num4 {top: -71px;right: -10px;}
#product .main .visuals .box-r .num5 {top: -58px;right: -16px;}
#product .main .visuals .box-r .num6 {top: -85px;right: -48px;}
#product .main .visuals .box-r .deital {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
#product .main .deitals {
  width: 100%;
  line-height: 1.9;
  margin-bottom: 50px;
}
#product .main .deitals .box-r {
  text-align: left;
}
#product .main .deitals img {
  vertical-align: top;
}

#product .main .deitals .box-r h2{
  color: #1e9cd8;
  font-weight: normal;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.6;
}

#product .main .deitals .box-r p{
  margin-bottom: 20px;
}

#product .main .deitals .box-r .indent{
  text-indent: -2em;
  padding-left: 2em;
}

#product .main .deitals .box-r .highlight{
  color: #1e9cd8;
  font-weight: normal;
  margin-bottom: 20px;
}

#product .main .deitals .tokuten-box{
  text-align: left;
  margin-bottom: 40px;
}

#product .main .deitals .tokuten-box h2{
  color: #1e9cd8;
  font-weight: normal;
  line-height: 1.8;
  font-size: 14px;
  margin-bottom: 20px;
  text-align: center;
}

#product .main .deitals .tokuten-box p{
  margin-bottom: 24px;
  line-height: 1.8;
}

#product .main .deitals .tokuten-box .pl{
  padding-left: 30px;
}

#product .main .deitals .tokuten-box .tokuten{
  font-weight: bold;
  margin-bottom: 0;
}

#product .main .deitals .tokuten-box .highlight{
  color: #1e9cd8;
  font-weight: bold;
  line-height: 1.6;
  font-size: 16px;
  margin-bottom: 16px;
  padding-left: 32px;
  background: url("../../img/news/icon_leaf.png") 0 5px no-repeat;
}

/*================================================================================
	SMART DIVECE
================================================================================*/
/* =====================================================================================
  common class

  update: 13/12/15
  
  memo  : 
        通常フォント：font-size: 14px -> line-height: 24px; 
        見出し：    font-size: ---; -> line-height: ---; margin: ---; padding: ---;
        中見出し： font-size: ---; -> line-height: ---;
				
				@include size(0,0);
				@include absolute(0,0,0);
				@include fixed(0,0,0);
				@extend .clearfix;

====================================================================================== */
#character #content {
  padding-top: 115px;
}
#character .inner-subnav {
  width: 100%;
  padding-top: 20px;
  position: relative;
  text-align: left;
  height: 95px;
  background: url("../../img/character/bg_subnav.png") 0 0 repeat-x;
}
#character .inner-subnav ul {
  margin: 0 auto 0 auto;
  width: 810px;
}
#character .inner-subnav li {
  float: left;
  height: 60px;
}
#character .inner-subnav .subnav01 {
  width: 115px;
  background: url("../../img/character/subnav_01_cr.png") 0 0 no-repeat;
}
#character .inner-subnav .subnav02 {
  width: 115px;
  background: url("../../img/character/subnav_02_cr.png") 0 0 no-repeat;
}
#character .inner-subnav .subnav03 {
  width: 115px;
  background: url("../../img/character/subnav_03_cr.png") 0 0 no-repeat;
}
#character .inner-subnav .subnav04 {
  width: 115px;
  background: url("../../img/character/subnav_04_cr.png") 0 0 no-repeat;
}
#character .inner-subnav .subnav05 {
  width: 115px;
  background: url("../../img/character/subnav_05_cr.png") 0 0 no-repeat;
}
#character .inner-subnav .subnav06 {
  width: 115px;
  background: url("../../img/character/subnav_06_cr.png") 0 0 no-repeat;
}
#character .inner-subnav .subnav07 {
  width: 115px;
  background: url("../../img/character/subnav_07_cr.png") 0 0 no-repeat;
}
#character .inner-subnav .cr a {
  display: none !important;
}
#character .btn-prev {
  position: absolute;
  left: 0px;
  top: 300px;
  z-index: 1000;
}
#character .btn-prev img {
  cursor: pointer;
}
#character .btn-next {
  position: absolute;
  right: 0;
  top: 300px;
}
#character .btn-next img {
  cursor: pointer;
}

#character #chara-wrap-outer{
  overflow: hidden;
}

#character #chara-wrap {
  /*width: 5880px;*/
  width: 6860px;
  height: 650px;
}
#character #chara-wrap .chara-box {
  position: relative;
  width: 980px;
  height: 650px;
  float: left;
  opacity: 0;
}
#character #chara-wrap .btn-box .junior,
#character #chara-wrap .illust-wrap .junior {
  display: none;
}
#character #chara-wrap .btn-box {
  position: absolute;
  left: 125px;
  top: 470px;
  z-index: 500;
}
#character #chara-wrap .btn-box .btn-wrap {
  position: relative;
}
#character #chara-wrap .btn-box .btn-wrap .high {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
#character #chara-wrap .btn-box .btn-wrap .junior {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
#character #chara-wrap .btn-box .btn-wrap p {
  cursor: pointer;
}
#character #chara-wrap .illust-wrap {
  position: relative;
}
#character #chara-wrap .illust-wrap .high {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}
#character #chara-wrap .illust-wrap .junior {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 0;
}
#character #chara-wrap #c01 h2 {
  position: absolute;
  left: 150px;
  top: 70px;
  z-index: 1;
}
#character #chara-wrap #c01 h3 {
  position: absolute;
  left: 150px;
  top: 121px;
  z-index: 1;
}
#character #chara-wrap #c01 .illust {
  position: absolute;
  left: 150px;
  top: 110px;
  z-index: 0;
}
#character #chara-wrap #c01 .copy {
  position: absolute;
  left: 767px;
  top: 93px;
  z-index: 1;
}
#character #chara-wrap #c01 .num {
  position: absolute;
  left: 726px;
  top: 383px;
  z-index: 1;
}
#character #chara-wrap #c02 h2 {
  position: absolute;
  left: 149px;
  top: 70px;
  z-index: 0;
}
#character #chara-wrap #c02 h3 {
  position: absolute;
  left: 149px;
  top: 122px;
  z-index: 0;
}
#character #chara-wrap #c02 .illust {
  position: absolute;
  left: 149px;
  top: 65px;
  z-index: 0;
}
#character #chara-wrap #c02 .copy {
  position: absolute;
  left: 766px;
  top: 93px;
  z-index: 0;
}
#character #chara-wrap #c02 .num {
  position: absolute;
  left: 725px;
  top: 382px;
  z-index: 0;
}

#character #chara-wrap #c03 h2,
#character #chara-wrap #c04 h2,
#character #chara-wrap #c05 h2,
#character #chara-wrap #c06 h2,
#character #chara-wrap #c07 h2 {
  position: absolute;
  left: 149px;
  top: 70px;
  z-index: 0;
}
#character #chara-wrap #c03 h3,
#character #chara-wrap #c04 h3,
#character #chara-wrap #c05 h3,
#character #chara-wrap #c06 h3,
#character #chara-wrap #c07 h3 {
  position: absolute;
  left: 149px;
  top: 122px;
  z-index: 0;
}
#character #chara-wrap #c03 .illust,
#character #chara-wrap #c04 .illust,
#character #chara-wrap #c05 .illust,
#character #chara-wrap #c06 .illust,
#character #chara-wrap #c07 .illust {
  position: absolute;
  left: 149px;
  top: 65px;
  z-index: 0;
}
#character #chara-wrap #c03 .copy {
  position: absolute;
  left: 766px;
  top: 23px;
  z-index: 0;
}
#character #chara-wrap #c04 .copy {
  position: absolute;
  left: 766px;
  top: 93px;
  z-index: 0;
}
#character #chara-wrap #c05 .copy {
  position: absolute;
  left: 766px;
  top: 73px;
  z-index: 0;
}
#character #chara-wrap #c06 .copy {
  position: absolute;
  left: 746px;
  top: 23px;
  z-index: 0;
}
#character #chara-wrap #c07 .copy {
  position: absolute;
  left: 746px;
  top: 23px;
  z-index: 0;
}

#character #chara-wrap #c03 .num {
  position: absolute;
  left: 725px;
  top: 402px;
  z-index: 0;
}

#character #chara-wrap #c04 .num,
#character #chara-wrap #c05 .num,
#character #chara-wrap #c06 .num,
#character #chara-wrap #c07 .num {
  position: absolute;
  left: 725px;
  top: 382px;
  z-index: 0;
}

#character #chara-wrap #c03 .illust-wrap .high{
  top: 35px;
}

#character #chara-wrap #c04 .illust-wrap .high{
  top: 35px;
}


/*================================================================================
	SMART DIVECE
================================================================================*/
/* =====================================================================================
  common class

  update: 13/12/15
  
  memo  : 
        通常フォント：font-size: 14px -> line-height: 24px; 
        見出し：    font-size: ---; -> line-height: ---; margin: ---; padding: ---;
        中見出し： font-size: ---; -> line-height: ---;
				
				@include size(0,0);
				@include absolute(0,0,0);
				@include fixed(0,0,0);
				@extend .clearfix;

====================================================================================== */
#movie #content {
  min-height: 580px;
  padding-top: 33px;
  margin-bottom: 40px;
}
#movie .inner-movie {
  width: 718px;
  text-align: left;
  margin: 0 auto;
  position: relative;
}
#movie .inner-movie .movie-list li {
  width: 283px;
  float: left;
  margin: 0 38px 40px 38px;
}
#movie .inner-movie .movie-list li .number-six {
  margin-top: -11px;
}
#movie .inner-movie .movie-list li img {
  vertical-align: top;
}
#movie .inner-movie .movie-list li a {
  display: block;
}
#movie .inner-movie .movie-list li span {
  display: block;
  text-align: center;
  margin-bottom: 10px;
  font-size: 11px;
}
#movie .inner-movie .movie-list li .none {
  color: #a9a9a9;
  letter-spacing: -0.1em;
}

/*================================================================================
	SMART DIVECE
================================================================================*/
/* =====================================================================================
  common class

  update: 13/12/15
  
  memo  : 
        通常フォント：font-size: 14px -> line-height: 24px; 
        見出し：    font-size: ---; -> line-height: ---; margin: ---; padding: ---;
        中見出し： font-size: ---; -> line-height: ---;
				
				@include size(0,0);
				@include absolute(0,0,0);
				@include fixed(0,0,0);
				@extend .clearfix;

====================================================================================== */
#onair #content {
  padding-top: 50px;
  margin-bottom: 30px;
}
#onair .artist-box {
  text-align: center;
  margin-bottom: 35px;
}
#onair .artist-box h3 {
  margin-bottom: 20px;
}
#onair .dot-bar {
  text-align: center;
  margin-bottom: 40px;
}

/*================================================================================
	SMART DIVECE
================================================================================*/
/* =====================================================================================
  common class

  update: 13/12/15
  
  memo  : 
        通常フォント：font-size: 14px -> line-height: 24px; 
        見出し：    font-size: ---; -> line-height: ---; margin: ---; padding: ---;
        中見出し： font-size: ---; -> line-height: ---;
				
				@include size(0,0);
				@include absolute(0,0,0);
				@include fixed(0,0,0);
				@extend .clearfix;

====================================================================================== */
#special #content {
  min-height: 580px;
  padding-top: 93px;
}
#special .inner-subnav {
  padding-top: 20px;
  position: relative;
  text-align: left;
  width: 100%;
  background: url("../../img/story/bg_subnav.png") 0 0 repeat-x;
  height: 65px;
}
#special .inner-subnav ul {
  margin: 0 auto 0 auto;
  width: 580px;
}
#special .inner-subnav li {
  float: left;
}
#special h2 {
  margin-bottom: 35px;
  text-align: center;
}
#special .inner725 {
  width: 725px;
  margin: 0 auto;
  text-align: center;
  line-height: 1.9;
  background: url("../../img/special/bg_present.png") 0 0 repeat-y;
}
#special .inner725 .box {
  width: 470px;
  text-align: left;
  margin: 0 auto;
}
#special .inner725 .box.special-box {
  margin-bottom: 30px;
}
#special .inner725 .box p {
  margin-bottom: 20px;
}
#special .inner725 h3 {
  color: #1e9cd8;
  font-weight: normal;
  line-height: 1.6;
  font-size: 14px;
  margin-bottom: 20px;
}
#special .inner725 .box .highlight {
  color: #1e9cd8;
  font-weight: normal;
  line-height: 1.6;
  font-size: 14px;
  margin-bottom: 20px;
}
#special #present-sign {
  display: none;
}
#special .present-detail {
  font-size: 12px;
  line-height: 1.8;
  width: 470px;
}
#special .present-detail .sub-box {
  margin-bottom: 20px;
  width: 460px;
}
#special .present-detail .sub-title {
  width: 70px;
  float: left;
}
#special .present-detail .sub-detail {
  width: 370px;
  float: right;
}
#special .present-detail .sub-detail p {
  text-indent: -15px;
  margin-left: 15px;
  margin-bottom: 3px;
}
#special .present-detail .sub-detail p span {
  display: block;
  font-size: 11px;
  text-indent: -15px;
  margin-left: 15px;
}
#special .inner725 .download-box {
  width: 360px;
  height: 434px;
  margin: 0 auto;
  text-align: center;
  background: url("../../img/special/present_download_bg.gif") 0 0 no-repeat;
  overflow: hidden;
}
#special .inner725 .download-box p {
  margin-bottom: 10px;
}
#special .inner725 .download-box h3 {
  margin-bottom: 15px;
  padding-top: 15px;
}
#special .inner725 .download-box ul {
  display: block;
  width: 335px;
  margin: 0 auto;
  padding-left: 8px;
}
#special .inner725 .download-box ul li {
  float: left;
  border-right: #59514F solid 1px;
  height: 19px;
}
#special .inner725 .download-box ul li:last-child {
  border-right: none;
}

#special .comment-box{
  text-align: center;
  margin-bottom: 80px;
  padding-top: 10px;
}

#special .comment-box .btn-message{
  width: 92px;
  margin: 0 auto 30px;
}

/*================================================================================
	SMART DIVECE
================================================================================*/
.artist-box .btn-message {
  width: 92px;
  margin: 0 auto 30px;
}
.artist-box .btn-message-c {
  width: 216px;
  margin: 0 auto 15px;
}
.artist-box .btn-message-hw {
  width: 257px;
  margin: 0 auto 30px;
}