@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

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

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

.u-i {
  font-style: italic !important;
}

.u-b {
  font-weight: bold !important;
}

.u-n {
  font-weight: normal !important;
  font-style: normal !important;
}

.u-fs10 {
  font-size: 10px !important;
}

.u-fs11 {
  font-size: 11px !important;
}

.u-fs12 {
  font-size: 12px !important;
}

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

.u-fs14 {
  font-size: 14px !important;
}

.u-fs15 {
  font-size: 15px !important;
}

.u-fs16 {
  font-size: 16px !important;
}

.u-fs17 {
  font-size: 17px !important;
}

.u-fs18 {
  font-size: 18px !important;
}

.u-fs19 {
  font-size: 19px !important;
}

.u-fs20 {
  font-size: 20px !important;
}

.u-fs21 {
  font-size: 21px !important;
}

.u-fs22 {
  font-size: 22px !important;
}

.u-fs23 {
  font-size: 23px !important;
}

.u-fs24 {
  font-size: 24px !important;
}

.u-fs30 {
  font-size: 30px !important;
}

.u-fs32 {
  font-size: 32px !important;
}

.u-fs35 {
  font-size: 35px !important;
}


.u-nw {
  white-space: nowrap !important;
}

.u-al {
  text-align: left !important;
}

.u-ar {
  text-align: right !important;
}

.u-ac {
  text-align: center !important;
}

.u-top {
  vertical-align: top !important;
}

.u-middle {
  vertical-align: middle !important;
}

.u-bottom {
  vertical-align: bottom !important;
}

.u-baseline {
  vertical-align: baseline !important;
}

.u-fl {
  float: left !important;
}

.u-fr {
  float: right !important;
}

.u-fn {
  float: none !important;
}

.u-cl {
  clear: left !important;
}

.u-cr {
  clear: right !important;
}

.u-cb {
  clear: both !important;
}

.u-di {
  display: inline !important;
}

.u-db {
  display: block !important;
}

.u-dib {
  display: inline-block !important;
}

.u-m0 {
  margin: 0 !important;
}

.u-mt0 {
  margin-top: 0 !important;
}

.u-mb0 {
  margin-bottom: 0 !important;
}

.u-ml0 {
  margin-left: 0 !important;
}

.u-mr0 {
  margin-right: 0 !important;
}

.u-mt5 {
  margin-top: 5px !important;
}

.u-mb5 {
  margin-bottom: 5px !important;
}

.u-ml5 {
  margin-left: 5px !important;
}

.u-mr5 {
  margin-right: 5px !important;
}

.u-mt10 {
  margin-top: 10px !important;
}

.u-mb10 {
  margin-bottom: 10px !important;
}

.u-ml10 {
  margin-left: 10px !important;
}

.u-mr10 {
  margin-right: 10px !important;
}

.u-mt15 {
  margin-top: 15px !important;
}

.u-mb15 {
  margin-bottom: 15px !important;
}

.u-ml15 {
  margin-left: 15px !important;
}

.u-mr15 {
  margin-right: 15px !important;
}

.u-mt20 {
  margin-top: 20px !important;
}

.u-mb20 {
  margin-bottom: 20px !important;
}

.u-ml20 {
  margin-left: 20px !important;
}

.u-mr20 {
  margin-right: 20px !important;
}

.u-mt25 {
  margin-top: 25px !important;
}

.u-mb25 {
  margin-bottom: 25px !important;
}

.u-ml25 {
  margin-left: 25px !important;
}

.u-mr25 {
  margin-right: 25px !important;
}

.u-mt30 {
  margin-top: 30px !important;
}

.u-mb30 {
  margin-bottom: 30px !important;
}

.u-ml30 {
  margin-left: 30px !important;
}

.u-mr30 {
  margin-right: 30px !important;
}

.u-mt35 {
  margin-top: 35px !important;
}

.u-mb35 {
  margin-bottom: 35px !important;
}

.u-ml35 {
  margin-left: 35px !important;
}

.u-mr35 {
  margin-right: 35px !important;
}

.u-mt40 {
  margin-top: 40px !important;
}

.u-mb40 {
  margin-bottom: 40px !important;
}

.u-ml40 {
  margin-left: 40px !important;
}

.u-mr40 {
  margin-right: 40px !important;
}

.u-mt45 {
  margin-top: 45px !important;
}

.u-mb45 {
  margin-bottom: 45px !important;
}

.u-ml45 {
  margin-left: 45px !important;
}

.u-mr45 {
  margin-right: 45px !important;
}

.u-mt50 {
  margin-top: 50px !important;
}

.u-mb50 {
  margin-bottom: 50px !important;
}

.u-ml50 {
  margin-left: 50px !important;
}

.u-mr50 {
  margin-right: 50px !important;
}

.u-mb60 {
  margin-bottom: 60px !important;
}

.u-mr80 {
  margin-right: 80px !important;
}

.u-mb80 {
  margin-bottom: 80px !important;
}

.u-mr90 {
  margin-right: 90px !important;
}

.u-p0 {
  padding: 0 !important;
}

.u-pt0 {
  padding-top: 0 !important;
}

.u-pb0 {
  padding-bottom: 0 !important;
}

.u-pl0 {
  padding-left: 0 !important;
}

.u-pr0 {
  padding-right: 0 !important;
}

.u-pt5 {
  padding-top: 5px !important;
}

.u-pb5 {
  padding-bottom: 5px !important;
}

.u-pl5 {
  padding-left: 5px !important;
}

.u-pr5 {
  padding-right: 5px !important;
}

.u-pt10 {
  padding-top: 10px !important;
}

.u-pb10 {
  padding-bottom: 10px !important;
}

.u-pl10 {
  padding-left: 10px !important;
}

.u-pr10 {
  padding-right: 10px !important;
}

.u-pt15 {
  padding-top: 15px !important;
}

.u-pb15 {
  padding-bottom: 15px !important;
}

.u-pl15 {
  padding-left: 15px !important;
}

.u-pr15 {
  padding-right: 15px !important;
}

.u-pt20 {
  padding-top: 20px !important;
}

.u-pb20 {
  padding-bottom: 20px !important;
}

.u-pl20 {
  padding-left: 20px !important;
}

.u-pr20 {
  padding-right: 20px !important;
}

.u-pt25 {
  padding-top: 25px !important;
}

.u-pb25 {
  padding-bottom: 25px !important;
}

.u-pl25 {
  padding-left: 25px !important;
}

.u-pr25 {
  padding-right: 25px !important;
}

.u-pt30 {
  padding-top: 30px !important;
}

.u-pb30 {
  padding-bottom: 30px !important;
}

.u-pl30 {
  padding-left: 30px !important;
}

.u-pr30 {
  padding-right: 30px !important;
}

.u-pt35 {
  padding-top: 35px !important;
}

.u-pb35 {
  padding-bottom: 35px !important;
}

.u-pl35 {
  padding-left: 35px !important;
}

.u-pr35 {
  padding-right: 35px !important;
}

.u-pt40 {
  padding-top: 40px !important;
}

.u-pb40 {
  padding-bottom: 40px !important;
}

.u-pl40 {
  padding-left: 40px !important;
}

.u-pr40 {
  padding-right: 40px !important;
}

.u-pt45 {
  padding-top: 45px !important;
}

.u-pb45 {
  padding-bottom: 45px !important;
}

.u-pl45 {
  padding-left: 45px !important;
}

.u-pr45 {
  padding-right: 45px !important;
}

.u-pt50 {
  padding-top: 50px !important;
}

.u-pb50 {
  padding-bottom: 50px !important;
}

.u-pl50 {
  padding-left: 50px !important;
}

.u-pr50 {
  padding-right: 50px !important;
}

.u-pb70 {
  padding-bottom: 70px !important;
}

.u-pb135 {
  padding-bottom: 135px !important;
}

.u-b0 {
  border: none !important;
}

.u-bt0 {
  border-top: none !important;
}

.u-bb0 {
  border-bottom: none !important;
}

.u-bl0 {
  border-left: none !important;
}

.u-br0 {
  border-right: none !important;
}

.cf:after,
.cf:before {
  display: table;
  content: '';
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}
.bold{
	font-weight: bold;
}

/* -- PCは非表示 -- */
.u-pc-dn {
  display:none;
}


/* ---------------------------------------------------------------------------------------------------- */
.wrapper {
	background: url(../../images/bg_paper.gif) top center repeat-y #EBEDED;
	font-size: 14px;
	font-family: Roboto,-apple-system,Verdana, 'Droid Sans', '游ゴシック', YuGothic, 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.5;
}
.wrapper * {
	box-sizing: border-box;
}
.wrapper .inner {
	width: 980px;
	margin: 0 auto;
}
.wrapper a {
	text-decoration: none;
	color: #000;
	-webkit-transition: all .1s;
	transition: all .1s;
}
.wrapper a:hover {
	text-decoration: none;
	color: #666;
}
.wrapper a:hover img {
	opacity: 0.8;
	-webkit-transition: all .3s;
	transition: all .3s;
}


/* ----------------------------------------------------------------
 * ヘッダー
---------------------------------------------------------------- */
.yoshi-header .inner h1 {
	margin-bottom: 15px;
}
.yoshi-header .inner {
	position: relative;
	padding-top: 15px;
}
.yoshi-snsbox {
	height: 65px;
	position: absolute;
	top: 15px;
	right: 0;
}
.topicpath {
	background-color: #eee;
	padding: 0.5em 0;
}
.topicpath .inner {
	padding-top: 0;
}
.topicpath ul {
	display: block;
}
.topicpath ul li {
	display: inline-block;
	font-size: 12px;
}
.topicpath ul a {
	font-size: 12px;
}
.topicpath ul a:after {
	content: "";
	background: url(../../images/arrow_path.gif) no-repeat;
	width: 6px;
	height: 10px;
	display: inline-block;
	margin: -2px 0.5em 0 0.8em;
	vertical-align: middle;
}
#yoshi-top .yoshi-header {
	margin: 0 auto;
	background: url(../../images/p_bg_kv_.png) center 15px no-repeat;
}
#yoshi-top .yoshi-header .inner .pre {
	position: relative;
	height: 470px;
	background: url(../../images/pre_bg_main.png) top center no-repeat;
}
#yoshi-top .yoshi-header .inner .pre .maintitle {
	position: absolute;
	top: 55px;
	left: 20px;
}
#yoshi-top .yoshi-header .inner .pre .adbox {
	position: absolute;
	top: 30px;
	right: 0;
	
	width:300px; height:250px;
	text-align: center;
	z-index: 20;
}
#yoshi-top .yoshi-header .inner .pre ul {
	font-size: 0;
}
#yoshi-top .yoshi-header .inner .pre li {
	display: inline-block;
	margin-right: 10px;
}
#yoshi-top .yoshi-header .inner .pre .link1 {
	position: absolute;
	top: 264px;
	left: 20px;
}
#yoshi-top .yoshi-header .inner .pre .link2 {
	position: absolute;
	top: 317px;
	left: 20px;
}
#yoshi-top .yoshi-header .inner .pre .link3 {
	position: absolute;
	bottom: 0;
	right: 30px;
	z-index: 10;
}
/* ----- marquee// ----- */
.marquee {
	width:100%;
	padding:0.5em 0 0.1em;
	overflow:hidden;
	margin-bottom:10px;
	position: absolute;
	bottom: 0px;
	z-index: 1;
}

.marquee p:after {
content:"";
white-space:nowrap;
padding-right:50px;
}

.marquee p {
	color: #FFF;
	margin:0;
	padding-left:100%;
	display:inline-block;
	white-space:nowrap;
	letter-spacing: 0.2em;
	font-weight: bold;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:10s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:10s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:10s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:10s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:10s;
	animation-iteration-count:infinite;
}
.marquee p .c1 { color: #ff0000;}
.marquee p .c2 { color: #ffff00;}
.marquee p .c3 { color: #00ff00;}
.marquee p .c4 { color: #00ffff;}
.marquee p .c5 { color: #0000ff;}
.marquee p .c6 { color: #ff00ff;}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}
/* ----- //marquee ----- */


/* ------------------------- yoshi-content ------------------------- */
.yoshi-content {
	position: relative;
}
#yoshi-top .yoshi-content {
	background: url(../../images/title_pink_top.png) center -20px no-repeat;
}
.yoshi-content .inner {
	position: relative;
	/*padding-top: 150px;*/
	padding-bottom: 60px;
}
#yoshi-top .yoshi-content .inner {
	padding-top: 260px;
}
.yoshi-content h1 {
	margin-bottom: 40px;
}


/* ----- comment配置 ----- */
.yoshi-content .position {
	position: absolute;
}
.yoshi-content .inner #partyset {
	top: 130px; left: -160px;
}
.yoshi-content .inner #partyset img {
	margin-top: -120px;
}
.yoshi-content .inner .comment-top1 {
	top: 30px; left: -180px;
}
.yoshi-content .inner .comment-top2 {
	top: 700px; right: -140px;
}
.yoshi-content .inner .comment-top3 {
	top: 1080px; right: -140px;
}
.yoshi-content .inner .comment-cast1 {
	top: 125px; left: 200px;
}
.yoshi-content .inner .comment-cast2 {
	top: 300px; right: -30px;
}
.yoshi-content .inner .comment-cast3 {
	top: 120px; left: 200px;
}
.yoshi-content .inner .comment-cast4 {
	top: 280px; right: -30px;
}
.yoshi-content .inner .comment-dvd {
	top: 280px; right: -70px;
}
.yoshi-content .inner .comment-book {
    top: 4050px; right: -70px;
}
.yoshi-content .inner .comment-ep3 {
	top: 400px; right: -70px;
}
.yoshi-content .inner .comment-ep2 {
	top: 850px; right: -70px;
}
.yoshi-content .inner .comment-ep1 {
	top: 1320px; right: -70px;
}
.yoshi-content .other01 {
	top: 90px; right: 15px;
	z-index: 100;
}
.yoshi-content .other02 {
	top: 420px; right: 0;
}
#yoshi-top .yoshi-content .other01 {
	top: 190px; right: 15px;
}
#yoshi-top .yoshi-content .other02 {
	top: 520px; right: 0;
}

.yoshi-content .inner #partyset:after {
	content: "";
	display: block;
	width: 19px; height: 39px;
	background: url(../../images/comment_party2.png) no-repeat;
	position: absolute;
	bottom: -50px; left: 25px;
}
#yoshi-top .yoshi-content .inner .comment-top1 {
	top: 250px; left: -180px;
}
#yoshi-top .yoshi-content .inner #partyset {
	top: 370px; left: -160px;
}




/* ------------------------- lnav ------------------------- */
.yoshi-content .yoshi-lnav {
	float: left;
	width: 180px;
	position: relative;
}
.yoshi-content .yoshi-lnav a {
	position: relative;
}
.yoshi-content .yoshi-lnav a:hover {
	text-decoration: underline;
	color: #666;
}
.yoshi-content .yoshi-lnav a:visited {
	color: #888;
}
.yoshi-content .yoshi-lnav a.disable{
	pointer-events: none;
	cursor: default;
}
.yoshi-content .yoshi-lnav a.disable:before {
	content: url(../../images/btn_soon_mask.png);
	position: absolute;
	top:-50px; left:2px;
}
.yoshi-content .yoshi-lnav a.disable:hover img {
	opacity: 1;
}
.yoshi-content .yoshi-lnav:before {
	content: url(../../images/comment_sidemenu.png);
	position: absolute;
	top: 250px;
	left: -80px;
}
.yoshi-content .yoshi-lnav dl {
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 7px;
	padding: 15px;
	display: block;
	width: 100%;
}
.yoshi-content .yoshi-lnav dl dt {
	font-size: 17px;
}
.yoshi-content .yoshi-lnav dl dt:before {
	content: url(../../images/arrow_side_menu.png);
}
.yoshi-content .yoshi-lnav .side1 {
	background: url(../../images/side_menu_waku1_btm.png) bottom left no-repeat, url(../../images/side_menu_waku1.png) top left no-repeat;
	min-height: 240px;
}
.yoshi-content .yoshi-lnav .side2 {
	background: url(../../images/side_menu_waku2_btm.png) bottom left no-repeat, url(../../images/side_menu_waku2.png) top left no-repeat;
	min-height: 232px;
}
.yoshi-content .yoshi-lnav .side3 {
	background: url(../../images/side_menu_waku3.png) top left no-repeat;
	height: 120px;
}
.yoshi-content .yoshi-lnav ul:after {
	content: url(../../images/comment_sidemenu_btn.png);
	margin-left: 5px;
}
.yoshi-content .yoshi-lnav ul li {
	margin-bottom: 3px;
}

/* ------------------------- maincontent ------------------------- */
.yoshi-maincontent {
	width: 780px;
	float: right;
}
.yoshi-maincontent h2 {
	margin-bottom: 15px;
}
.yoshi-maincontent .cast-h2 {
	background: url(../../images/h2_cast_waku.png) no-repeat;
	line-height: 70px;
	font-size: 38px;
	font-weight: bold;
	padding-left: 0.5em;
}
.yoshi-maincontent .black-h2 {
	background: url(../../images/h2_black_multi.png) no-repeat;
	background-size: 100% 100%;
	line-height: 1.5;
	color: #fff;
	font-size: 27px;
	font-weight: bold;
	padding: 0.5em;
}
.yoshi-maincontent h2 span {
	font-size: 70%;
}
.yoshi-maincontent h3 {
	margin-bottom: 15px;
}
.yoshi-maincontent .cast-h3 {
	background: url(../../images/h3_waku.png) top left no-repeat;
	line-height: 60px;
	font-size: 26px;
	font-weight: bold;
	padding-left: 1em;
}
.yoshi-maincontent .dvd-h3 {
	background: url(../../images/h3_dvd.png) top left no-repeat;
	line-height: 60px;
	font-size: 26px;
	font-weight: bold;
	padding-left: 1em;
}
.yoshi-maincontent .book-h3 {
	background: url(../../images/h3_book.png) top left no-repeat;
	line-height: 60px;
	font-size: 26px;
	font-weight: bold;
	padding-left: 1em;
}
.yoshi-maincontent .ondemand-h3 {
	background: url(../../images/h3_ondemand.png) top left no-repeat;
	line-height: 60px;
	font-size: 26px;
	font-weight: bold;
	padding-left: 1em;
	margin-bottom: 30px;
}
h3.goods-h3 {
	font-size: 30px;
	font-weight: bold;
}
h3.goods-h3 .pink-h3 {
	font-size: 26px;
	background-color: #EA2D8B;
	color: #FFF;
	padding: 0.2em 0.5em;
	margin-right: 0.5em;
}
h3.goods-h3.balloon {
	font-size: 22px;
	line-height: 1.2;
	letter-spacing: -2px;
	background: url(../../images/goods/waku_bln_top.png) center top no-repeat, url(../../images/goods/waku_bln_btm.png) center bottom no-repeat;
	padding: 0.6em 0.5em 1.2em;
	background-size: 100% auto;
	margin-bottom: 0;
}
h3.goods-h3.balloon.mid {
	background: url(../../images/goods/waku_bln_middle.png) left top no-repeat;
	padding: 0.8em 0.5em 1.5em;
	background-size: 520px 76px;
}
h3.goods-h3.balloon.long {
	background: url(../../images/goods/waku_bln_long.png) left top no-repeat;
	padding: 0.8em 0.5em 1.5em;
	background-size: 780px 76px;
}
.yoshi-maincontent h3 span {
	font-size: 70%;
}
.yoshi-maincontent h3.h3_top1,
.yoshi-maincontent h3.h3_top2,
.yoshi-maincontent h3.h3_top3 {
	line-height: 60px;
	font-size: 26px;
	font-weight: bold;
	padding-left: 1em;
}
.yoshi-maincontent h3.h3_top1 { background: url(../../images/h3_top1.png) top left no-repeat;}
.yoshi-maincontent h3.h3_top2 { background: url(../../images/h3_top2.png) top left no-repeat;}
.yoshi-maincontent h3.h3_top3 { background: url(../../images/h3_top3.png) top left no-repeat;}

.yoshi-maincontent h4,
.yoshi-maincontent .cast-h4 {
	border-bottom: #000 2px solid;
	padding-bottom: 0.5em;
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
}

.yoshi-maincontent section p {
	margin-bottom: 1em;
}

#yoshi-top .yoshi-maincontent .news {
	background: url(../../images/waku_top_news.png) top left no-repeat;
	height: 140px;
	padding-top: 10px;
	position: relative;
}
#yoshi-top .yoshi-maincontent .news dl {
	display: block;
	height: 120px;
	width: 590px;
	position: relative;
	padding: 0.5em 0;
	overflow-y: scroll;
}
#yoshi-top .yoshi-maincontent .news:after {
	content: url(../../images/img_yoshihiko.png);
	position: absolute;
	top: -210px; right: -62px;
}
#yoshi-top .yoshi-maincontent .news dl dt {
	display: block;
	margin-left: 5em;
	width: 5em;
	float: left;
	clear: both;
	position: relative;
}
#yoshi-top .yoshi-maincontent .news dl dt.new:before {
	content: "NEW";
	color: #F00;
	position: absolute;
	left: -3em;
}
#yoshi-top .yoshi-maincontent .news dl dd {
	display: block;
	margin-left: 1em;
	margin-bottom: 0.5em;
	width: 410px;
	float: left;
}
#yoshi-top .yoshi-maincontent .comment-yoshihiko {
	text-align: right;
	padding: 0.2em 0;
	width: 580px;
}
#yoshi-top .yoshi-maincontent .castbox {
	display: block;
	margin-bottom: 2em;
	text-align: center;
}
#yoshi-top .yoshi-maincontent .castbox ul {
	display: block;
	
	/* safari対策 */
	margin-right: -10px;
	font-size: 1px;
	letter-spacing: -1px;
	word-spacing: -1px;
}
#yoshi-top .yoshi-maincontent .castbox ul li {
	display: inline-block;
	letter-spacing: normal;
	word-spacing: normal;
	width: 260px;
	height: 180px;
	position: relative;
}
#yoshi-top .yoshi-maincontent .castbox ul li img {
	position: absolute;
	top: 0; left: 0;
}
#yoshi-top .yoshi-maincontent .castbox ul li div {
	position: absolute;
	top: 130px; left: 50px;
	display: block;
	width: 164px;
	height: 38px;
	line-height: 38px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	background: url(../../images/btn_name_bg.png) no-repeat;
}
#yoshi-top .yoshi-maincontent .castbox ul li a:hover {
	opacity: 0.8;
}
#yoshi-top .yoshi-maincontent .castbox ul li a span {
	font-size: 12px;
}
#yoshi-top .yoshi-maincontent .castbox2 {
	display: block;
	height: 235px;
	background: url(../../images/top_cast_index.png) no-repeat;
	margin-bottom: 2em;
	text-align: center;
}
#yoshi-top .yoshi-maincontent .castbox2 a {
	display: block;
	height: 235px;
	vertical-align: middle;
}
#yoshi-top .yoshi-maincontent .castbox2 a img {
	margin-top: 80px;
}

/* 登場人物一覧 */
.sortbox {
	margin-bottom: 1em;
}
.sortbox p {
	float: right;
	text-align: right;
	font-size: 18px;
}
.sortbox li {
	display: inline-block;
	margin-right: 10px;
}
.sortbox li a {
	display: block;
	line-height: 30px;
	text-decoration: none;
	color: #000;
	padding: 0 1.5em 0 1em;
	margin-bottom: 6px;
	background: url(../../images/pager_select.png) no-repeat;
	background-size: 100% 35px;
}
.sortbox li a:before {
	content: url(../../images/pager_select_arrow.png);
	margin-right: 4px;
}
.sortbox li a:hover {
	background: url(../../images/pager_select.png) no-repeat #eee;
	background-size: 100% 35px;
}
.pagerbox {
	padding-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	margin-right: -15px;
}
.pagerbox li {
	display: inline-block;
	margin-right: 0.5em;
	width: 35px;
}
.pagerbox li a {
	display: block;
	background: url(../../images/pager_no.png) no-repeat top center;
	background-color: #fff;
	line-height: 33px;
	text-decoration: none;
	color: #000;
	text-align: center;
}
.pagerbox li.back,
.pagerbox li.next {
	width: 73px;
}
.pagerbox li.back a {
	background: url(../../images/pager_back.png) no-repeat top center;
	background-color: #fff;
	text-indent: -9999px;
}
.pagerbox li.next a {
	background: url(../../images/pager_next.png) no-repeat top center;
	background-color: #fff;
	text-indent: -9999px;
}
.pagerbox li a:hover {
	background-color: #eee;
}
.castindexbox {
	display: block;
	margin-bottom: 2em;
	
	/* safari対策 */
	margin-right: -10px;
	font-size: 1px;
	letter-spacing: -1px;
	word-spacing: -1px;
}
.castindexbox li {
	display: inline-block;
	letter-spacing: normal;
	word-spacing: normal;
	font-size: 18px;
	width: 254px;
	height: 230px;
	background: url(../../images/cast_index_waku.png) no-repeat;
	margin-bottom: 9px;
	margin-right: 9px;
}
.castindexbox li:nth-child(3n) {
	margin-right: 0;
}
.castindexbox li .img {
	text-align: center;
	height: 130px;
	overflow: hidden;
	padding-top: 4px;
	margin-bottom: 8px;
}
.castindexbox li .img img {
	width: 150px;
	height: auto;
}
.castindexbox li dl {
	display: block;
	margin: 0 5px 0 15px;
	font-size: 0;
	position: relative;
}
.castindexbox li dt {
	display: block;
	font-size: 18px;
	position: absolute;
	top: 28px;
}
.castindexbox li dt span {
	font-size: 14px;
}
.castindexbox li dd {
	display: inline-block;
	font-size: 13px;
	color: #fff;
	padding: 0.1em 0.5em;
	margin-right: 3px;
	background-color: #000;
	border-radius: 3px;
}
.castindexbox li dd a,
.castindexbox li dd a:hover {
	color: #fff;
}
.castindexbox li dd:hover {
	background-color: #999;
}

/* 登場人物詳細 */
h3.cast-h3-item {
	background: url(../../images/h3_cast_waku_item.png) no-repeat;
	line-height: 60px;
	font-size: 26px;
	font-weight: bold;
	padding-left: 1em;
}
h3.cast-h3-enemy {
	background: url(../../images/h3_cast_waku_enemy.png) no-repeat;
	line-height: 60px;
	font-size: 26px;
	font-weight: bold;
	padding-left: 1em;
}
#yoshi-cast h4.season1 {
	clear: both;
	background: url(../../images/cast/h4_bg_castle.png) center right no-repeat;}
#yoshi-cast h4.season2 {
	clear: both;
	background: url(../../images/cast/h4_bg_key.png) center right no-repeat;}
#yoshi-cast h4.season3 {
	clear: both;
	background: url(../../images/cast/h4_bg_seven.png) center right no-repeat;}

#castdetail {
	background-color: #000;
	margin-bottom: 2em;
	padding: 15px 15px 0;
	position: relative;
	overflow: hidden;
	min-height: 540px;
}
#castdetail.chara-other {
	min-height: 350px;
}
#castdetail h2 {
	border: #fff 4px solid;
	border-radius: 3px;
	color: #fff;
	font-size: 33px;
	font-weight: bold;
	margin-bottom: 12px;
	padding-left: 0.5em;
	position: relative;
	z-index: 10;
}
#castdetail h2 span {
	font-size: 19px;
}
#castdetail h2 .yoshi-snsbox {
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
}
#castdetail h2 .tx_social_table {
    float: right;
    margin-top: 0;
	margin-right: 15px;
    position: relative;
    z-index: 40;
}
#castdetail .back_img {
	position: absolute;
	z-index: 1;
}
#castdetail dl {
	display: block;
	/*overflow: hidden;*/
	position: relative;
	z-index: 10;
}
#castdetail dl dt {
	width: 200px;
	float: left;
}
#castdetail.chara-other dl dt {
	width: 300px;
	height: 300px;
	float: left;
	text-align: center;
	border: #fff 4px solid;
	border-radius: 4px;
	background-color: #fff;
	overflow: hidden;
	position: relative;
	margin-bottom: 15px;
}
#castdetail.chara-other dl dt img {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
	height: auto;
}
#castdetail dl dd {
	width: 400px;
	float: right;
	border: #fff 4px solid;
	border-radius: 4px;
	margin-bottom: 8px;
	padding: 15px;
	color: #fff;
}
#castdetail.chara-other dl dd {
	width: 438px;
}
#castdetail.chara-other dl dd.description {
	height: 12em;
}
#castdetail dl dd.balloon {
	width: 440px;
	float: right;
	border: none;
	background: url(../../images/cast/castdetail_balloon.png) top right no-repeat;
	height: 116px;
	padding-left: 55px;
	font-size: 25px;
	font-weight: bold;
}
#castdetail dl dd.balloon ul {
	width: 100%;
}
#castdetail dl dd.balloon ul li {
	margin-right: 0;
}
#castdetail dl dd strong {
	font-size: 18px;
}
#castdetail dl dd.balloon .long {
	font-size: 22px;
	line-height: 1.2;
}
#castdetail dl dd.balloon .long2 {
	font-size: 20px;
	line-height: 1.4;
}
#castdetail dl dd.snsbox {
	border: none;
	text-align: left;
	padding: 12px 0 0;
}
#castdetail dl dd li {
	display: inline-block;
	margin-right: 2em;
}
#castdetail dl dd li a {
	color: #fff;
	text-decoration: underline;
}
#castdetail dl dd li a:hover {
	color: #666;
	text-decoration: none;
}
/* 詳細個別配置 */
#castdetail.chara-yoshihiko .back_img {
	left: 50px; bottom: 0;
}
#castdetail.chara-yoshihiko dl dt {
	padding-top: 15px;
	padding-left: 15px;
}
#castdetail.chara-danjo .back_img {
	left: 100px; bottom: 0;
}
#castdetail.chara-danjo dl dt {
	padding-top: 15px;
	padding-left: 15px;
}
#castdetail.chara-murasaki .back_img {
	left: 40px; bottom: 0;
}
#castdetail.chara-murasaki dl dt {
	padding-top: 15px;
	padding-left: 0;
}
#castdetail.chara-merebu .back_img {
	left: 100px; bottom: 0;
}
#castdetail.chara-merebu dl dt {
	padding-top: 15px;
	padding-left: 15px;
}
#castdetail.chara-hisa .back_img {
	left: 0; bottom: 0;
}
#castdetail.chara-hisa dl dt {
	padding-top: 150px;
	padding-left: 140px;
	margin-right: -30px;
}
#castdetail.chara-hotoke .back_img {
	left: 120px; bottom: 0;
}
#castdetail.chara-hotoke dl dt {
	padding-top: 50px;
	padding-left: 0;
	margin-left: -15px;
}


.cast_itembox {
	margin-bottom: 30px;
	padding-left: 0.5em;
}
.cast_itembox dt {
	width: 11em;
	float: left;
	clear: both;
	font-weight: bold;
}
.cast_itembox dd {
	display: block;
	overflow: hidden;
	margin-bottom: 0.5em;
	padding-left: 1.5em;
}
.cast_itembox dd:before {
	content: "－ ";
	margin-left: -1.5em;
}
.cast_itembox.jumon dt {
	width: 7.5em;
}

.pagerbox.mainchara {
	padding-top: 0;
	overflow: hidden;
	
	/* safari対策 */
	margin-right: -10px;
	font-size: 1px;
	letter-spacing: -1px;
	word-spacing: -1px;
}
.pagerbox.mainchara li {
	display: inline-block;
	letter-spacing: normal;
	word-spacing: normal;
	width: 387px;
	font-size: 34px;
	margin: 0;
}
.pagerbox.mainchara li:first-child {
	margin-right: 4px;
}
.pagerbox.mainchara li span {
	font-size: 24px;
}
.pagerbox.mainchara li a {
	display: block;
	line-height: 90px;
	text-decoration: none;
	color: #000;
	text-align: center;
	text-indent: 0;
}
.pagerbox.mainchara li.back a {
	background: url(../../images/pager_detail_back.png) no-repeat top center;
}
.pagerbox.mainchara li.next a {
	background: url(../../images/pager_detail_next.png) no-repeat top center;
}
.pagerbox.mainchara li a:hover {
	opacity: 0.6;
}

.pagerbox.subchara {
	font-size: 0;
	padding-top: 0;
	overflow: hidden;
}
.pagerbox.subchara li {
	display: inline-block;
	font-size: 28px;
	width: 387px;
	margin: 0;
}
.pagerbox.subchara li:first-child {
	margin-right: 5px;
}
.pagerbox.subchara li span {
	font-size: 18px;
}
.pagerbox.subchara li a {
	display: block;
	height: 200px;
	line-height: 1.2;
	text-decoration: none;
	color: #000;
	text-align: center;
	padding-top: 0.5em;
}
.pagerbox.subchara li.back a {
	background: url(../../images/cast/pager_detail_sub_back.png) no-repeat top center;
	text-indent: 0;
	padding-left: 40px;
	padding-right: 10px;
}
.pagerbox.subchara li.next a {
	background: url(../../images/cast/pager_detail_sub_next.png) no-repeat top center;
	text-indent: 0;
	padding-right: 40px;
	padding-left: 10px;
}
.pagerbox.subchara li a:hover {
	opacity: 0.6;
}
.pagerbox.subchara li a img {
	width: 120px;
	margin: 15px 0 0;
}
.pagerbox.subchara li a div {
	display: table;
	width: 100%;
}
.pagerbox.subchara li a div p {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.cast_otherbox {
	display: block;
	margin-right: -6px;
	margin-bottom: 28px;
	overflow: hidden;
	font-size: 0;
}
.cast_otherbox li {
	display: block;
	float: left;
	font-size: 18px;
	width: 387px;
	height: 160px;
	background: url(../../images/cast_other_waku1.png) no-repeat;
	padding: 10px 5px 10px 10px;
	margin-bottom: 8px;
	margin-right: 6px;
}
.cast_otherbox li:nth-child(2n) {
	background: url(../../images/cast_other_waku2.png) no-repeat;
}
.cast_otherbox li:nth-child(3n) {
	background: url(../../images/cast_other_waku3.png) no-repeat;
}
.cast_otherbox li:nth-child(4n) {
	background: url(../../images/cast_other_waku4.png) no-repeat;
}
.cast_otherbox li:nth-child(2n) {
	margin-right: 0;
}
.cast_otherbox li .img {
	text-align: center;
	height: 100px;
	width: 110px;
	float: left;
	padding-top: 10px;
	margin-bottom: 25px;
}
.cast_otherbox li .img img {
	height: 100px;
	width: auto;
	margin-right: 10px;
}
.cast_otherbox li dl {
	display: block;
	margin: 0;
	padding-bottom: 5px;
	font-size: 0;
}
.cast_otherbox li dt {
	display: block;
	font-size: 17px;
	margin-bottom: 5px;
}
.cast_otherbox li dd {
	display: inline-block;
	font-size: 11px;
	padding: 0.1em 0.5em;
	margin-right: 3px;
	border: #666 1px solid;
	border-radius: 3px;
}
.cast_otherbox li p {
	font-size: 13px;
}
.chara-other .yoshi-snsbox {
    height: 40px;
	width: 400px;
	text-align: left;
    position: relative;
}

/* 吹き出し画像 */
.chara-speak {
	margin-bottom:30px;
}
.chara-speak li {
	line-height: 96px;
	font-size: 22px;
	background: url(../../images/cast/balloon_right.png) no-repeat;
	padding: 0 20px 0 50px;
	margin-bottom: 10px;
}
.chara-speak li.re {
	background: url(../../images/cast/balloon_left.png) no-repeat;
	padding: 0 50px 0 20px;
}
/* 吹き出しCSS */
.chara-speak.css li {
	display: block;
	line-height: 1.4;
	background: none;
	padding: 1em;
	border: #000 2px solid;
	border-radius: 4px;
	margin-left: 30px;
	margin-right: 20px;
	position: relative;
}
.chara-speak.css li:before {
	content: "";
	display: inline-block;
	width: 30px; height: 20px;
	background: url(../../images/cast/balloon_right_parts.png) no-repeat;
	position: absolute;
	left: -30px;
	top: 20%;
}
.chara-speak.css li.re {
	background: none;
	padding: 1em;
	margin-left: 20px;
	margin-right: 30px;
}
.chara-speak.css li.re:before {
	content: "";
	display: none;
}
.chara-speak.css li.re:after {
	content: "";
	display: inline-block;
	width: 30px; height: 20px;
	background: url(../../images/cast/balloon_left_parts.png) no-repeat;
	position: absolute;
	right: -30px;
	top: 20%;
}

.chara-speak li dl {
	display: table;
}
.chara-speak li dl dt,
.chara-speak li dl dd {
	display: table-cell;
}
.chara-speak li dl dt {
	white-space: nowrap;
}


/* 呪文一覧 */
.jumonbox {
	margin-bottom: 30px;
}
.jumonbox dl {
	display: block;
	font-size: 0;
	margin-bottom: 5px;
}
.jumonbox dl dt {
	display: inline-block;
	font-size: 18px;
}
.jumonbox dl dd {
	display: inline-block;
	font-size: 13px;
	color: #fff;
	padding: 0.1em 0.5em;
	margin-right: 3px;
	background-color: #000;
	border-radius: 3px;
}
.jumonbox dd a,
.jumonbox dd a:hover {
	color: #fff;
}
.jumonbox dd:hover {
	background-color: #999;
}

/* 呪文詳細 */
#jumondetail {
	background-color: #000;
	margin-bottom: 2em;
	padding: 15px 15px;
	position: relative;
}
#jumondetail h2 {
	border: #fff 4px solid;
	border-radius: 4px;
	color: #fff;
	font-size: 33px;
	font-weight: bold;
	margin-bottom: 12px;
	padding-left: 0.5em;
	position: relative;
	z-index: 10;
}
#jumondetail h2 span {
	font-size: 19px;
}
#jumondetail h2 .yoshi-snsbox {
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
}
#jumondetail h2 .tx_social_table {
    float: right;
    margin-top: 0;
	margin-right: 15px;
    position: relative;
    z-index: 40;
}
#jumondetail dl {
	display: block;
	overflow: hidden;
	/*display: flex;*/
}
#jumondetail dl dt {
	width: 390px;
	min-height: 9em;
	float: left;
	border: #fff 4px solid;
	border-radius: 4px;
	padding: 15px;
	color: #fff;
}
#jumondetail dl dd {
	width: 350px;
	min-height: 9em;
	float: right;
	border: #fff 4px solid;
	border-radius: 4px;
	padding: 15px;
	color: #fff;
}
#jumondetail dl dt strong {
	font-size: 18px;
}
#jumondetail dl dd li {
	display: inline-block;
	margin-right: 2em;
}
#jumondetail dl a {
	color: #fff;
	text-decoration: underline;
}
#jumondetail dl a:hover {
	color: #666;
	text-decoration: none;
}
#chant-spell {
	border: #000 2px solid;
	border-radius: 4px;
	padding: 5px;
	margin-bottom: 30px;
}
#chant-spell dl {
	display: block;
	overflow: hidden;
	background-color: #000;
	border-radius: 4px;
	padding: 0 30px;
}
#chant-spell dl dt {
	display: block;
	float: left;
	font-size: 30px;
	font-weight: bold;
	line-height: 100px;
	color: #fff;
}
#chant-spell dl dd {
	display: block;
	float: right;
	margin-left: 10px;
	padding-top: 22px;
}

.jumon_otherbox {
	display: block;
	margin-bottom: 28px;
	font-size: 0;
	margin-right: -6px;
	overflow: hidden;
}
.jumon_otherbox li {
	display: block;
	float: left;
	font-size: 18px;
	width: 387px;
	height: 160px;
	background: url(../../images/cast_other_waku1.png) no-repeat;
	padding: 15px 15px;
	margin-bottom: 8px;
	margin-right: 6px;
}
.jumon_otherbox li:nth-child(2n) {
	background: url(../../images/cast_other_waku2.png) no-repeat;
}
.jumon_otherbox li:nth-child(3n) {
	background: url(../../images/cast_other_waku3.png) no-repeat;
}
.jumon_otherbox li:nth-child(4n) {
	background: url(../../images/cast_other_waku4.png) no-repeat;
}
/*.jumon_otherbox li:nth-child(2n) {
	margin-right: 0;
}*/
.jumon_otherbox li dl {
	display: block;
	margin: 0 0 10px;
	font-size: 0;
	overflow: hidden;
}
.jumon_otherbox li dt {
	display: block;
	font-size: 18px;
	float: left;
}
.jumon_otherbox li dd {
	display: inline-block;
	float: right;
	font-size: 13px;
	padding: 0.1em 0.5em;
	margin-left: 3px;
	background-color: #000;
	border-radius: 3px;
}
.jumon_otherbox li dd a,
.jumon_otherbox li dd a:hover {
	color: #fff;
}
.jumon_otherbox li dd:hover {
	background-color: #999;
}
.jumon_otherbox li p {
	font-size: 13px;
}


/* ストーリー */
.series-headimg {
	margin-bottom: 30px;
}

.series-prolog {
	margin-bottom: 60px;
	font-size: 15px;
}
.series-prolog em {
	font-size: 22px;
	font-style: normal;
}

.story-summary {
	display: table;
	margin-bottom: 30px;
}
.story-summary p {
	display: table-cell;
	vertical-align: top;
	font-size: 16px;
}
.story-summary p img {
	margin-right: 20px;
}

.series-story {
	display: block;
	margin-bottom: 60px;
	
	/* safari対策 */
	margin-right: -10px;
	font-size: 1px;
	letter-spacing: -1px;
	word-spacing: -1px;
}
.series-story li {
	display: inline-block;
	letter-spacing: normal;
	word-spacing: normal;
	font-size: 18px;
	width: 254px;
	height: 216px;
	background: url(../../images/story_index_waku.png) no-repeat;
	margin-bottom: 9px;
	margin-right: 9px;
}
.series-story li:nth-child(3n) {
	margin-right: 0;
}
.series-story li .img {
	text-align: center;
}
.series-story li dl {
	display: table;
	padding: 5px 15px 0;
}
.series-story li dl dt,
.series-story li dl dd {
	display: table-cell;
	font-size: 16px;
	line-height: 1.2;
}
.series-story li dl dd {
	padding-left: 0.5em;
}

.pagerbox.showstory {
	padding-top: 0;
	overflow: hidden;
	margin-bottom: 60px;
	
	/* safari対策 */
	margin-right: -10px;
	font-size: 1px;
	letter-spacing: -1px;
	word-spacing: -1px;
}
.pagerbox.showstory li {
	display: inline-block;
	letter-spacing: normal;
	word-spacing: normal;
	font-size: 28px;
	width: 387px;
	margin: 0;
}
.pagerbox.showstory li:first-child {
	margin-right: 5px;
}
.pagerbox.showstory li span {
	font-size: 18px;
}
.pagerbox.showstory li a {
	display: block;
	height: 200px;
	line-height: 1.2;
	text-decoration: none;
	color: #000;
	text-align: center;
	padding-top: 0.5em;
}
.pagerbox.showstory li.back a {
	background: url(../../images/cast/pager_detail_sub_back.png) no-repeat top center;
	padding-left: 15px;
	text-indent: 0;
}
.pagerbox.showstory li.next a {
	background: url(../../images/cast/pager_detail_sub_next.png) no-repeat top center;
	padding-right: 15px;
	text-indent: 0;
}
.pagerbox.showstory li a:hover {
	opacity: 0.6;
}
.pagerbox.showstory li a img {
	width: 150px;
	margin: 15px 0 0;
}
.pagerbox.showstory li a div {
	display: table;
	width: 90%;
	margin: 0 auto;
}
.pagerbox.showstory li a div p {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.cast_story {
	display: block;
	margin-bottom: 28px;
	font-size: 0;
}
.cast_story li {
	display: block;
	font-size: 18px;
	height: 131px;
	background: url(../../images/story/story_waku.png) no-repeat;
	padding: 10px 10px;
	margin-bottom: 8px;
}
.cast_story li a {
	display: block;
	overflow: hidden;
}
.cast_story li .img {
	text-align: center;
	height: 100px;
	width: 140px;
	float: left;
}
.cast_story li .img img {
	margin-top: 5px;
	height: 100px;
	width: auto;
}
.cast_story li dl {
	display: table;
	vertical-align: middle;
	margin-bottom: 5px;
}
.cast_story li dl dt,
.cast_story li dl dd {
	display: table-cell;
	font-size: 16px;
}
.cast_story li dl dt {
	font-size: 22px;
	padding-right: 0.5em;
}
.cast_story li p {
	font-size: 13px;
	overflow: hidden;
}

.bnr {
	display: block;
	background: url(../../images/story/story_bnr_waku.png) no-repeat;
	height: 130px;
}
.bnr dl {
	display: table;
	padding: 12px;
}
.bnr dl dt,
.bnr dl dd {
	display: table-cell;
	vertical-align: middle;
}
.bnr dl dt img {
	height: 105px;
	width: auto;
}
.bnr dl dd {
	padding-left: 2em;
	font-size: 26px;
	line-height: 1.2;
}


/* DVD */
.dvd-summary {
	margin-bottom: 48px;
}
.dvd-summary dl {
	display: block;
	position: relative;
	width: 100%;
}
.dvd-summary dl dt {
	font-weight: bold;
	font-size: 26px;
	margin-bottom: 24px;
}
.dvd-summary dl dd {
	margin-right: 240px;
	margin-bottom: 24px;
}
.dvd-summary dl dd.lead {
	font-size: 20px;
}
.dvd-summary dl dd.package {
	position: absolute;
	top: 0; right: 0;
	margin-right: 0;
	text-align: right;
}
.dvd-summary dl dd.package span {
	display: block;
	width: 200px;
	text-align: left;
	font-size: 14px;
	padding-top: 1em;
}
.dvd-summary dl dd.seller {
}
.dvd-summary dl dd.privileges {
	margin-right: 0;
	background-color: #EEEEEE;
	border-radius: 10px;
	padding: 1.5em;
}
.dvd-summary dl dd.privileges.legend {
    margin-right: 240px;
}
.dvd-summary dl dd.privileges li {
	margin-top: 0.5em;
}
.dvd-summary .pricebox ul {
	display: table;
	width: 100%;
	margin-bottom: 20px;
}
.dvd-summary dl dd .pricebox ul {
	width: 90%;
}
.dvd-summary .pricebox ul.dot {
	border-top: #333 2px dotted;
	padding-top: 20px;
}
.dvd-summary .pricebox ul li {
	display: table-cell;
	vertical-align: middle;
	font-size: 22px;
}
.dvd-summary .pricebox ul li .shoulder {
	display: inline-block;
	padding: 0.2em 0.5em;
	background-color: #000;
	color: #FFF;
	font-size: 14px;
}
.dvd-summary .pricebox ul li .price {
	font-size: 36px;
}
.dvd-summary .pricebox ul li a {
	display: table-cell;
	background: url(../../images/dvd/btn_waku.png) no-repeat;
	background-color: #FFF;
	width: 224px;
	height: 82px;
	vertical-align: middle;
	font-size: 15px;
	line-height: 1.4;
	text-align: center;
	padding-right: 1em;
	position: relative;
}
.dvd-summary .pricebox ul li a.pink {
	background: url(../../images/dvd/btn_waku_pink.png) no-repeat;
    color: #fff;
}
.dvd-summary .pricebox ul li a.pink:hover {
	background: url(../../images/dvd/btn_waku_pink_on.png) no-repeat;
}
/*.dvd-summary .pricebox ul li.tokuten a:after {
	position: absolute;
    left: -14px;
    z-index: 100;
    content: "特典付き";
    top: -7px;
    background: #000;
    color: #fff;
    font-size: 75%;
    padding: 3px 10px;
    border-radius: 20px;
}*/
.dvd-summary .pricebox ul li a span {
	font-size: 18px;
}
.dvd-summary .pricebox ul li a span.blank {
	font-size: 10px;
	display: block;
}
.dvd-summary .pricebox ul li a:hover {
	background-color: #eee;
}


/* オンデマンド */
.ondemand_bnr {
	display: block;
	background: url(../../images/ondemand/ondemand_waku.png) no-repeat;
	height: 220px;
	margin-bottom: 14px;
}
.ondemand_bnr dl {
	display: table;
	padding: 20px 15px;
}
.ondemand_bnr dl dt,
.ondemand_bnr dl dd {
	display: table-cell;
	vertical-align: middle;
}
.ondemand_bnr dl dt img {
	height: 180px;
	width: auto;
}
.ondemand_bnr dl dd {
	padding-left: 0.5em;
	font-size: 28px;
	line-height: 1.2;
}
.ondemand_bnr dl dd span {
	font-size: 21px;
}


/* グッズ */
#yoshi-goods i {
	display: inline-block;
}
#yoshi-goods i img {
	vertical-align: middle;
}
#yoshi-goods ul.table {
	display: table;
	margin-bottom: 20px;
}
#yoshi-goods ul.table li {
	display: table-cell;
	vertical-align: top;
}
#yoshi-goods ul.table li.top {
	vertical-align: top;
}
#yoshi-goods em {
	font-style: normal;
	color: #EA2D8B;
}
#yoshi-goods .tableType1 {
	width: 100%;
	border-top: #000 3px solid;
	border-collapse: collapse;
	margin-bottom: 30px;
}
.tableType1 th {
	font-weight: bold;
	padding: 0.3em 0.5em 0.3em 0;
	border-bottom:1px solid #000;
	white-space: nowrap;
}
.tableType1 td {
	padding: 0.3em 0;
	border-bottom:1px solid #000;
	line-height: 1.5;
}
.tableType1 td .cell1,
.tableType1 td .cell2,
.tableType1 td .cell3,
.tableType1 td .cell4 {
	display: block;
	padding: 0 0.3em;
	border-left: 1px solid #CCC;
}
.tableType1 td .price {
	font-size: 200%;
}
#yoshi-goods .tableType2 {
	width: 100%;
	border-top: #000 3px solid;
	border-collapse: collapse;
	margin-bottom: 30px;
}
.tableType2 th {
	font-weight: bold;
	padding: 0.5em 0;
	border-bottom:1px solid #000;
	white-space: nowrap;
}
.tableType2 td {
	padding: 0.5em 0;
	border-bottom:1px solid #000;
	line-height: 1.5;
}
.tableType2 tr th:nth-child(1),
.tableType2 tr td:nth-child(1) {
	padding-left: 0.5em;
}
.tableType2 th .cell2,
.tableType2 th .cell3,
.tableType2 th .cell4,
.tableType2 td .cell2,
.tableType2 td .cell3,
.tableType2 td .cell4 {
	display: block;
	padding: 0 0.5em;
	border-left: 1px solid #CCC;
}
.tableType2 td .price {
	font-size: 200%;
}
#yoshi-goods .attention {
	margin-bottom: 30px;
}
#yoshi-goods .attention li {
	display: block !important;
	font-size: 12px;
	margin-left: 1em;
	margin-bottom: 0.3em;
	text-indent: -1em;
}
#yoshi-goods .waku_wrap {
	background: url(../../images/goods/waku_top.png) center top no-repeat, url(../../images/goods/waku_btm.png) center bottom no-repeat;
	background-size: 100% auto;
	padding: 2% 0;
	margin-bottom: 5%;
}
#yoshi-goods .waku_wrap .waku {
	background: url(../../images/goods/waku_mid.png) center top repeat-y;
	background-size: 100% auto;
	padding: 2% 4%;
}
#yoshi-goods .topdot {
	padding-top: 5%;
	border-top: #000 2px dotted;
}
#yoshi-goods .img-list {
	font-size: 0;
	margin: 15px 0;
}
#yoshi-goods .img-list li {
	display: inline-block;
	padding-right: 14px;
}
#yoshi-goods .img-list li:last-child {
	padding-right: 0;
}
#yoshi-goods .text-list {
	margin-bottom: 15px;
}
#yoshi-goods .text-link-deco {
	color: #0071b5;
	text-decoration: underline;
}
#yoshi-goods .text-link-deco:hover {
	text-decoration: none;
}
#yoshi-goods .external-link {
	
}

/* modal */
.sl-overlay {
    background: #000 none repeat scroll 0 0;
    opacity: 0.6;
}
.sl-wrapper .sl-close {
	color: #FFF;
}





/* ----------------------------------------------------------------
 * フッター
---------------------------------------------------------------- */
.yoshi-footer {
	clear: both;
	background-color: #E6E6E6;
	background-image: url(../../images/footer/footer_bg_top.gif), url(../../images/footer/footer_bg_btm.gif);
	background-position: top center, bottom center;
	background-repeat: no-repeat, no-repeat;	
}
.yoshi-content .yoshi-footer .inner {
	position: relative;
	padding-top: 0;
	padding-bottom: 20px;
	min-height: 400px;
}
.yoshi-footer .inner ul {
	display: table;
}
.yoshi-footer .inner ul li {
	display: table-cell;
}
.yoshi-footer .inner ul.backnumber .kentei img {
	margin-top: -46px;
}
.yoshi-footer .inner ul.backnumber li {
	text-align: center;
	vertical-align: middle;
}
.yoshi-footer .inner ul.sns_ad {
	border-collapse: separate;
    border-spacing: 7px 0;
}
.yoshi-footer .inner ul.sns_ad li {
	width: 325px;
	height: 250px;
	text-align: center;
	vertical-align: middle;
}
.yoshi-footer .inner ul.sns_ad li:last-child {
	/*border: #ddd 1px solid;*/
}




/**********************************************************************
 スマホサイトへ遷移するボタン
**********************************************************************/

.wrapper .smpBranch {
  padding: 15px 15px 25px 15px;
	background:#fff;
}
.wrapper .smpBranch a {
  display: block;
  background: #1365C8;
  color: #fff;
  font-weight: bold;
  font-size: 54px;
  text-decoration: none;
  padding: 35px 0;
  text-align: center;
  text-shadow: -5px -5px 1px #05378B;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0px 10px 0px #05378B;
}