@charset "utf-8";


/* =======================================================================
	COMMON SETTINGS
======================================================================= */

/** reset **/
*, *:after, *:before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html, body{height:100%; margin:0; padding:0; line-height:1.6; color:#000000;}

body, section, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, address, blockquote, th, td, figure, img{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
ol, ul, li{list-style-type:none;}

table{border-collapse:collapse;border-spacing:0;}
caption, th, dt{text-align:left;}
address, caption, th, figcaption, em, strong{font-style:inherit;font-weight:inherit;}

img, figure{border:0;background:transparent;vertical-align:top;}
a img, a:hover img, a:active img{border:0;}	:focus{outline:0;}
a{text-decoration:none;color:inherit;}


#header #gNavi > li > a:hover {
	opacity: 1;
}

/** generic class **/
.layoutL{text-align:left;}		.layoutR{text-align:right;}	.layoutC{text-align:center;}
.txtB{font-weight:bold;}		.txtN{font-weight:normal;}	.txtC{text-align:center;}/** SP:text-align:left; **/
.hidden{width:0;height:0;margin:0;padding:0;font-size:0;text-indent:-9999px;}
.articleInner strong { font-weight:bold; }


@media screen and (min-width:801px){
	.wrapInner{max-width:1150px;margin:0 auto;}
	.pcOnly{display:block !important;}		.spOnly{display:none !important;}
	.left{float:left;}	.right{float:right;text-align:left;}
}
@media screen and (max-width:800px){
	html, body{font-size:12px;}
	.pcOnly{display:none !important;}		.spOnly{display:block !important;}
	.txtC{text-align:left;}
}

/** Substitute **/
.section{margin:0;}
.section p{margin-top:0;}
.section a:hover > img, a:hover{opacity:0.7;text-decoration:none;}
#header-container{z-index:10;position:relative;}
@media screen and (min-width:801px){
	#page-wrapper {
		min-width: 1220px;
	}
}
@media screen and (min-width:801px){
	/** Bread List **/
	ol#path{overflow:hidden;display:flex;width:100%;margin:0;padding:0;border-top:1px solid #2D2D2D;background:#000000;}
	ol#path li{display:block;}	ol#path li:before{padding:0;content:none;}
	ol#path li:nth-of-type(1){z-index:4;}	ol#path li:nth-of-type(1) a{min-width:130px;padding-right:30px;}
	ol#path li:nth-of-type(2){z-index:3;}	ol#path li:nth-of-type(2) a{min-width:150px;}
	ol#path li:nth-of-type(3){z-index:2;}
	ol#path li:nth-of-type(4){z-index:1;}
	ol#path li a, ol#path li span{
		position:relative;	display:inline-block;
		padding:10px 10px 10px 50px;
		color:#FFFFFF;	text-align:center;
	}
	ol#path li a:after, ol#path li span:after{
		content:'';		display:block;		z-index:-1;
		position:absolute;	top:-7px;right:-24px;	margin-top:-1.5em;
		width:80px;	height:80px;	background:inherit;
		-webkit-transform:rotate(45deg) skew(10deg,10deg);	transform:rotate(45deg) skew(10deg,10deg);
	}
	ol#path li a:hover{opacity:1;}

	ol#path li:first-child a{background:#6B0220;}
	ol#path li:first-child a:after, ol#path li:first-child a:before{border-left-color:#6B0220;}
	ol#path li.chapter1 a{background:#454B6F;}	ol#path li.chapter1 + li#current-page span em{color:#8895DC;}
	ol#path li.chapter1 a:after, ol#path li.chapter1 a:before{border-left-color:#454B6F;}
	ol#path li.chapter2 a{background:#36566A;}	ol#path li.chapter2 + li#current-page span em{color:#6CACD4;}
	ol#path li.chapter2 a:after, ol#path li.chapter2 a:before{border-left-color:#36566A;}
	ol#path li.chapter3 a{background:#2A625B;}	ol#path li.chapter3 + li#current-page span em{color:#53C3B6;}
	ol#path li.chapter3 a:after, ol#path li.chapter3 a:before{border-left-color:#2A625B;}
}
@media screen and (max-width:800px){
	ol#path{display:none;}
}

/*********************************** Special Movie **/
.specialMovie{width:100%;}
.specialMovie dl{margin:0 auto;padding:20px 0;color:#FFFFFF;}
.specialMovie dt span.hidden{display:block;}
.specialMovie dt em{display:inline-block;font-style:italic;}

/** CLOSED **/
.specialMovie.closed dl{display:flex;align-items:center;}
.specialMovie.closed .movie{display:none;}
.specialMovie dd a{display:inline-block;padding:4px 20px;background:#FFFFFF;color:#000000;font-size:11px;}
.specialMovie.closed p.closeBtn{display:none;}

/** OPENED **/
.specialMovie.open{position:relative;}
.specialMovie.open dt:nth-child(2){}
.specialMovie.open dd{display:none !important;}
.specialMovie.open .movie iframe{border:0;}
.specialMovie.open p.closeBtn{z-index:2;position:absolute;left:0;right:0;margin:auto auto;background:transparent url("../images/btn_close.png") no-repeat center top;}
.specialMovie.open p.closeBtn a{display:block;text-indent:-9999px;}

@media screen and (min-width:801px){
	.specialMovie{border-top:1px solid #2D2D2D;	background:#000000 url("../images/bg_movie_pc.png") no-repeat left top;}
	.specialMovie dt span.hidden{width:160px;height:22px;background:transparent url("../images/img_movie_pc.png") no-repeat left top;}
	.specialMovie dt em{font-size:32px;font-weight:bold;}
	.specialMovie dt, .specialMovie dd:not(:last-child){padding-right:45px;}

	/** CLOSED **/
	.specialMovie.closed dl{width:1170px;}
	.specialMovie dd img{margin-left:40px;}
	/** OPENED **/
	.specialMovie.open{padding:50px 0}	.specialMovie.open:after{content:"";display:block;clear:both;}
	.specialMovie.open > div{width:1170px;margin:0 auto;}
	.specialMovie.open dl{float:left;width:45%;}
	.specialMovie.open dt{padding-top:40px;}	.specialMovie.open dt:nth-child(2){padding-left:30px;font-size:28px;}
	.specialMovie.open dt em{font-size:44px;}
	.specialMovie.open .movie{float:right;width:560px;padding-bottom:20px;}
	.specialMovie.open .movie iframe{width:100%;height:315px;}
	.specialMovie.open p.closeBtn{bottom:-35px;}
	.specialMovie.open p.closeBtn, .specialMovie.open p.closeBtn a{width:72px;height:72px;}
}
@media screen and (max-width:800px){
	.specialMovie{background:#000000 url("../images/bg_movie_sp.png") no-repeat left top;background-size:14px 34px;}
	.specialMovie dt{padding-right:6px;font-size:9px;white-space:nowrap;}
	.specialMovie dt span.hidden{width:100px;height:14px;background:transparent url("../images/img_movie_sp.png") no-repeat left top;background-size:contain;}
	.specialMovie dt em{font-size:16px;}

	/** CLOSED **/
	.specialMovie.closed dl{width:100%;justify-content:space-between;width:100%;padding:4px 4px 4px 15px;text-align:center;}
	.specialMovie.closed dd img{width:70px;}	.specialMovie.closed dd{text-align:right;}
	/** OPENED **/
	.specialMovie.open > div{padding:15px 15px 40px 15px;}
	.specialMovie.open dt{padding-bottom:20px;font-size:20px;}	.specialMovie.open dt em{font-size:34px;}
	.specialMovie.open p.closeBtn{bottom:-18px;background-size:100%;}
	.specialMovie.open p.closeBtn, .specialMovie.open p.closeBtn a{width:36px;height:36px;}
	.specialMovie.open .movie{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
	.specialMovie.open .movie iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
}


/* ======================================================================
	TOP
======================================================================= */

/******************************************************** Main Visual **/
#topVisual{
	position:relative;
	background:#A09A8C url("../images/bg_topVisual_pc.jpg") no-repeat center top;
	color:#FFFFFF;
}
#topVisual:after{content:"";display:block;clear:both;}
#topVisual h1{text-indent:-9999px;}
#topVisual h1:after{content:"";display:block;position:absolute;left:0;height:1px;background:#FFFFFF;}

ul.smList li a{display:inline-block;width:100%;background-size:100% 100%;text-indent:-9999px;}

@media screen and (min-width:801px){
	#topVisual{background-size:contain;}
	#topVisual .left{width:740px;}
	#topVisual h1{width:552px;height:54px;margin:60px 50px 90px 0;background:transparent url("../images/ttl_pc.png") no-repeat left top;}
	#topVisual h1:after{top:160px;width:-webkit-calc(100% - 48%);width:calc(100% - 48%);}
	#topVisual h2{font-size:30px;}
	#topVisual .left p{padding:10px 0;font-size:16px;}
	#topVisual .next{
		position:relative;
		width:302px;		min-height:302px;
		margin-top:30px;
		border-radius:50%;	border:1px solid #D6053E;
	}
	#topVisual .next:before{
		position:absolute;	top:12px;left:12px;
		content:"";		display:block;
		width:278px;		min-height:278px;
		border-radius:50%;	background:#D6053E;
	}
	#topVisual .next dl{position:relative;padding:60px 32px 25px 40px;}
	#topVisual .next dt{padding-bottom:20px;font-size:20px;text-align:center;}
	#topVisual .next dt em{font-size:45px;}
	#topVisual .next dd{font-size:13px;}
	#topVisual .next dl+p{position:relative;font-size:20px;text-align:center;}
	#topVisual ul.smList{margin:30px 0;text-align:center;}
	ul.smList li{display:inline-block;}
	ul.smList li a{width:128px;height:53px;}
	ul.smList li.twitter a{background-image:url("../images/btn_twitter_pc.gif");}
	ul.smList li.facebook a{background-image:url("../images/btn_facebook_pc.gif");margin-left:15px;}
}

@media screen and (max-width:800px){
	#topVisual{background:#A09A8C url("../images/bg_topVisual_sp.jpg") no-repeat right top;background-size:contain;}
	#topVisual .left{padding:15px;}
	#topVisual h1{
		width:261px;height:75px;margin:15px 15px 50px 0;
		background:transparent url("../images/ttl_sp.png") no-repeat left top;	background-size:100%;
		/*width:-webkit-calc(100% - 48px);width:calc(100% - 48px);*/
	}
	#topVisual h1:after{top:135px;width:-webkit-calc(100% - 22%);width:calc(100% - 22%);}
	#topVisual h2{font-size:16px;}
	#topVisual .left p{padding:10px 0;}
	#topVisual .next{position:relative;min-height:115px;background:#D6053E;}
	#topVisual .next dl{width:70%;padding:12px 15px 20px 15px;}
	#topVisual .next dt{padding-bottom:5px;font-size:16px;}
	#topVisual .next dt em{font-size:25px;}
	#topVisual .next dl+p{
		position:absolute;	top:8px;right:12px;
		content:"";		display:block;
		width:100px;		min-height:100px;
		border-radius:50%;	border:1px solid #FFFFFF;
	}
	#topVisual .next dl+p:before{
		position:absolute;	top:5px;right:5px;
		content:"";		display:block;
		width:88px;		min-height:88px;
		border-radius:50%;	background:#FFFFFF;
	}
	#topVisual .next dl+p span{position:absolute;top:40px;right:4px;display:block;width:88px;color:#D6053E;text-align:center;vertical-align:middle;}

	ul.smList{position:absolute;top:10px;right:10px;}		ul.smList li{}
	ul.smList li a{display:block;width:48px;height:48px;margin-bottom:10px;}
	ul.smList li.twitter a{background-image:url("../images/btn_twitter_sp.gif");}
	ul.smList li.facebook a{background-image:url("../images/btn_facebook_sp.gif");}
}


/*********************************************************** Chapter **/

/************************************* AnchorLink **/
ul.chapterList{display:table;width:100%;}
ul.chapterList li{display:table-cell;border-right:1px solid #FFFFFF;}
ul.chapterList li:last-child{border:0;}
ul.chapterList li a{
	display:block;	color:#FFFFFF;
	background-image:url("../images/icn_arw_btm.gif");	background-repeat:no-repeat;
}
ul.chapterList li a.disabled {
	background-color: #ddd;
	pointer-events: none;
}
@media screen and (min-width:801px){
	ul.chapterList{margin:50px 0;}
	ul.chapterList li a{padding:20px 35px;background-position:93% center;}
	ul.chapterList li a span{font-size:20px;}
}
@media screen and (max-width:800px){
	ul.chapterList{margin:30px 0;}
	ul.chapterList li a{padding:12px 12px 30px 12px;background-position:50% 80%;text-align:center;}
	ul.chapterList li a span{font-size:16px;}
}

/********************************** Chapter Index **/
.chapter1{background:#8894DC;}
.chapter2{background:#6CABD4;}
.chapter3{background:#53C3B5;}

/*.chapter1 .storySubTitle { color:#8894DC; }
.chapter2 .storySubTitle { color:#6CABD4; }
.chapter3 .storySubTitle { color:#53C3B5; }*/

.chapter1 .box .storySubTitle { color:#000; }
.chapter2 .box .storySubTitle { color:#000; }
.chapter3 .box .storySubTitle { color:#000; }

.chapterIndex{}
.colBox, .pcColBox{width:100%;}	.articleBox{position:relative;background:#FFFFFF;}
.articleBox > .storyLink {display:block;height:100%;}
.col{position:relative;}
.colBox a p.upDate, .colBox a h3, .pcColBox a h3, .colBox a h3 + p, .pcColBox a h3 + p{color:#000000 !important;}
.pcColBox a p.upDate{color:#FFFFFF !important;}

/** Chapter Title **/
.chapterTitle{position:relative;color:#FFFFFF;}
.chapterTitle span.hidden{position:absolute;top:0;display:block;}

/** Image **/
.articleBox figure{position:absolute;}
.chapterIndex .articleBox figure{top:0;right:0;width:auto;z-index:0;}
.chapterIndex .articleBox p, .chapterIndex .articleBox .articleBox_h{z-index:2;position:relative;}

/** upDate **/
p.upDate{font-size:14px;}	p.upDate span{font-size:10px;}
.col2_3 p.upDate, .col1_3 p.upDate{position:relative;width:190px;background:#D6053E;color:#FFFFFF;text-align:center;}
.col2_3 p.upDate:after, .col1_3 p.upDate:after{
	content:'';	position:absolute;	top:0;bottom:0;right:-0.5em;	border-radius:0 2px 2px 0;
	width:1em;	background:#D6053E;	transform:skew(-10deg);
}

/** Story Number **/
p.storyNum{display:inline-block;line-height:1.1;text-align:center;}
.chapter1 p.storyNum{color:#8894DC;}
.chapter2 p.storyNum{color:#6CABD4;}
.chapter3 p.storyNum{color:#53C3B5;}

@media screen and (min-width:801px){
	.chapterIndex{padding-bottom:50px;}
	.chapterIndex .articleBox figure{max-width: 460px;}
	.chapterIndex .articleBox figure img{
		width: 100%;
	}

	.chapterTitle{padding:45px 185px 45px 160px;font-size:30px;}	.chapter2 .chapterTitle{text-align:right;}
	.chapterTitle span.hidden{height:217px;}
	.chapter1 .chapterTitle span.hidden{left:-26px;width:82px;background:#8894DC url("../images/bg_chapter1_pc.png") no-repeat left top;}
	.chapter2 .chapterTitle span.hidden{right:-70px;width:170px;background:#6CABD4 url("../images/bg_chapter2_pc.png") no-repeat right top;}
	.chapter3 .chapterTitle span.hidden{left:-66px;width:174px;background:#53C3B5 url("../images/bg_chapter3_pc.png") no-repeat left top;}

	.colBox, .pcColBox{width:102.6%;display:flex;margin-left:-2.6%;}	.colBox:after, .pcColBox:after{content:"";display:block;clear:both;}
	.colBox a p.upDate, .colBox a h3, .pcColBox a h3, .colBox a h3 + p, .pcColBox a h3 + p {
		position: relative;
	}
	.col{padding-left:2.6%;margin-bottom:30px;}
	.col2_3{width:66.5%;}	.col1_3{width:33.5%;}	.col4{width:25%;}
	.pcColBox .articleBox{padding:1px 25px 22px 25px;}	.col4 .articleBox{padding:20px 20px 20px 20px;}

	.col2_3 p.upDate, .col1_3 p.upDate{margin:0 0 0 -24px;}
	p.storyNum{font-size:16px;}
	.col2_3 p.storyNum, .col1_3 p.storyNum{padding:115px 0 30px 0;}
		.col2_3 p.storyNum span, .col1_3 p.storyNum span{font-size:90px;}
	.col4 p.storyNum{padding:90px 0 15px 0;}
		.col4 p.storyNum span, .col4 p.storyNum span{font-size:70px;}
	.articleBox h3{padding-bottom:20px;font-size:24px;}
}

@media screen and (max-width:800px){
	.chapterIndex{}	.chapterIndex .wrapInner{width:auto;padding:0 15px 15px 15px;}
	.chapterTitle{padding:40px 0 40px 0;font-size:18px;}
	.chapterTitle span.hidden{height:162px;}
	.chapter1 .chapterTitle span.hidden{right:0;width:81px;background:transparent url("../images/bg_chapter1_sp.png") no-repeat right top;background-size:100% 100%;}
	.chapter2 .chapterTitle span.hidden{right:-15px;width:97px;background:transparent url("../images/bg_chapter2_sp.png") no-repeat right top;background-size:100% 100%;}
	.chapter3 .chapterTitle span.hidden{right:-15px;width:97px;background:transparent url("../images/bg_chapter3_sp.png") no-repeat right top;background-size:100% 100%;}

	.col{margin-bottom:15px;}
	.colBox{width:-webkit-calc(100% + 15px);width:calc(100% + 15px);margin-left:-15px;}	.colBox:after{content:"";display:block;clear:both;}
	.col4{float:left;width:50%;padding-left:15px;}	.col4:nth-child(2n){float:right;margin-right:0;}
	.articleBox{padding:0 15px 15px 15px;}	.col4 .articleBox{padding-top:10px;}

	.chapterIndex .articleBox figure{text-align:right;}
	.chapterIndex .articleBox figure img{width:70%;}

	.col2_3 p.upDate, .col1_3 p.upDate{margin:0 0 0 -15px;}	.col2_3 p.upDate span, .col1_3 p.upDate span{font-size:10px;}
	.col2_3 p.storyNum, .col1_3 p.storyNum{padding:65px 0 18px 0;font-size:14px;}
		.col2_3 p.storyNum span, .col1_3 p.storyNum span{font-size:70px;}
	.col4 p.storyNum{padding:35px 0 15px 0;font-size:9px;}
		.col4 p.storyNum span{font-size:42px;}
	.articleBox h3{padding-bottom:14px;font-size:18px;}
}


/* ========================================================================
	Article Detail
======================================================================== */
.container{position:relative;}
.container:after{content:"";display:block;clear:both;}

/***************************************** LEFT | ChapterTag, Story Index **/
ul.chapterTag{color:#FFFFFF;}
ul.chapterTag li a{display:block;color:#FFFFFF !important;}	ul.chapterTag li a span{font-size:18px;}
ul.chapterTag li.home a{padding:0;text-indent:-9999px;}
ul.chapterTag li a.disabled {
	background: #ddd;
	pointer-events: none;
}
.chapterIndex .tabBox{display:none;}
.chapterIndex .tabBox.current{display:block; overflow:hidden;}/* parent scrollbar hidden */

ol.storyList{ margin: 0 -10px;}
ol.storyList li{margin: 0 10px;}
ol.storyList li.unreleased .articleBox{opacity:0.5;}
ol.storyList li a{color:#333333 !important;}

ol.storyList li.new { position:relative; }
ol.storyList li.new .articleBox {
}
ol.storyList li.new .articleBox:before {
	content:"NEW"; position:absolute;top:0;bottom:0;margin:auto;width:16px; left:-16px;writing-mode:vertical-rl;-ms-writing-mode:bt-lr;
	background:#D6053E;color:#FFFFFF;text-align:center;vertical-align:middle;font-size: 10px;
	}/** Chrome **/

ol.storyList li.current { position:relative; }
ol.storyList li.current .articleBox:after { 
	content:""; position:absolute; bottom:-22px; background:#000000 url("../images/icn_arw_bottom.png") no-repeat center center; text-align:center;
	height:22px; left:0; right:0; margin:auto; 
}

ol.storyList li.new-prev { margin-right: 20px; }
ol.storyList .slick-arrow {
	text-indent: -9999px;
	width: 48px;
	height: 48px;
	background: none;
	border: none;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
}

ol.storyList .slick-prev {
	left: 10px;
	background: url(../images/arrow-prev.png) no-repeat center center;
	background-size: 48px auto;
}
ol.storyList .slick-next {
	background: url(../images/arrow-next.png) no-repeat center center;
	background-size: 48px auto;
	right: 10px;
}

@media screen and (min-width:801px){
	/** Chapter Tab **/
	ul.chapterTag{z-index:4;width:100%; display:flex;}
	ul.chapterTag li {display:flex; text-align:center;}
	ul.chapterTag li a{padding:25px 15px;color:#FFFFFF;font-size:12px; width:100%;}
	ul.chapterTag li:not(.home) { width:33.333%;}
	
	
	_:-ms-lang(x), ul.chapterTag li:not(.home) a{}/* IE11 */
	ul.chapterTag li.home a{width:64px;height:64px;background:transparent url("../images/btn_home_pc.gif") no-repeat left top;}

	/** Index Contents Area **/
/*	.chapterIndex.left{position:relative;width:48.6%;padding-bottom:0;}	.chapterIndexInner{max-width:544px;margin:0 32px 0 auto;}*/

	/** Chapter Title, text - pcOnly **/
	.chapterIndexInner .chapterTitle{margin-bottom:35px;padding:10px 0;border-bottom:1px solid #FFFFFF;text-align:left;max-width:1200px; margin:auto;}
	.chapterIndexInner .chapterTitle span{font-size:85px;}
	dl.chapterInfo{padding-bottom:40px;color:#FFFFFF;max-width:1200px; margin:auto;}	dl.chapterInfo dt{padding-top:20px;padding-bottom:20px;font-size:25px;font-weight:bold;}

	/** Story List **/
	ol.storyList{ }
	ol.storyList li{position:relative;padding: 0 0 26px 20px;}
	ol.storyList li .articleBox{position:relative; white-space:normal; }/** for figure **/
	ol.storyList li .storyLink{display:table;padding-right:0;}/** a, span **/

	ol.storyList li .storyLink figure{display:none;}
	ol.storyList li .storyLink figure img{max-width:160px;max-height:150px;}
	ol.storyList li .storyNum, ol.storyList li .articleBox a > div, ol.storyList li.unreleased .articleBox span > div{display:table-cell;vertical-align:middle;}
	ol.storyList li .articleBox a > div, ol.storyList li.unreleased .articleBox span > div {vertical-align:top;}
	ol.storyList li .storyNum{min-width:120px;font-size:13px;}	ol.storyList li .storyNum span{font-size:54px;}
	ol.storyList li .articleBox .articleBox_h{padding:5px 10px 15px 0;font-size:19px;}
	ol.storyList li p.upDate{padding-top:18px;}
	ol.storyList li .articleBox_h + p{display:none; padding-bottom:20px;font-size:12px;}

  ol.storyList li.new { position:relative;}
  ol.storyList li.new .articleBox:before {
	  width:20px; left:-20px; font-size: 12px;
  }

  ol.storyList li.current { position:relative; }
  ol.storyList li.current .articleBox:after { 
  	bottom:-26px; height:26px;
  }

	/** ------- 800以上 ------- Carousel **/
	.articleDetail {padding:0 32px;}
	.articleDetail + .articleDetail {
		margin: 60px auto 0;
	}
	.col-6 {max-width:48%; width: 100%;}
	article:after { content:"";clear:both; display:block; }
	.articleInner .box2 { width: 100%; }
	.flex-box { display:flex; height:100%;display:-ms-flexbox;}
	.flex-box .col-6 { width:100%; display:flex;display:-ms-flexbox;}
	.flex-box .col-6.left { margin-right:4%;}
	.articleDetail + .articleDetail {
		margin: 30px auto 0;
	}

	/** -------- end -------- Carousel **/
}

/** ------- 共通 ------- Carousel **/
.carouselArea { position:relative; margin: 0 auto; margin-bottom: 18px; max-width: 1200px; width:100%; overflow: hidden;}
.carouselArea .arrow, .carouselArea .nav button { position:absolute; top:50%; margin-top:-24px; z-index:2; }
.carouselArea .nav button { background: transparent;  border: 0; padding: 0; cursor: pointer;}
.carouselArea .arrow.next, .carouselArea .nav button.owl-next { position:absolute; top:50%; margin-top:-24px; right:0;}
.carouselArea .arrow a,  .carouselArea .nav button  { display:block; transition:opacity 0.8s;}
.section .carouselArea .arrow a:hover,.section .carouselArea .arrow a img:hover, .carouselArea .nav button:hover img { opacity: 0.9;}
.carouselArea .arrow a.disabled, .carouselArea .arrow a.disabled:hover { display: none; }
.carouselArea .storyContainer {}

@media screen and (max-width:1264px){
	.chapterIndexInner .chapterTitle { padding:0 32px; }
	dl.chapterInfo{ padding:0 32px 40px; }
}
@media screen and (min-width:801px) and (max-width:1280px) {
	.section.articleDetail { margin: 0 32px; }
	.carouselArea .storyContainer { margin-left: 12px; padding-left:20px; overflow: hidden; }
	.carouselArea.transition .storyContainer { margin-left: 32px; padding-left:0px; }
	.chapterIndex .articleBox p, .chapterIndex .articleBox h3{z-index:0;}
}
.owl-carousel .owl-stage-outer {
  overflow: visible;
}
/** -------- end -------- Carousel **/

/* SPのカレント不要の場合は削除 */
@media screen and (max-width:800px){
	ol.storyList li.current.active:after { 
		content:""; position:absolute; bottom:-26px; background:#000000 url("../images/icn_arw_bottom.png") no-repeat center center; text-align:center;
		height:26px; left:0; right:0; margin:auto;
		}
}

@media screen and (max-width:800px){
	/** Chapter Tag **/
	ul.chapterTag{width:100%;}
	ul.chapterTag li{display:inline-block;text-align:center;}
	ul.chapterTag li:not(.home){width:-webkit-calc((100% - 56px)/3);width:calc((100% - 56px)/3);vertical-align:top;}
	ul.chapterTag li a{height:52px;padding:10px 5px;vertical-align:middle;}
	ul.chapterTag li.home a{width:56px;background:transparent url("../images/btn_home_sp.gif") no-repeat left top;background-size:cover;}
	ul.chapterTag li.current{padding-bottom:17px;background:transparent url("../images/icn_arw_btm.gif") no-repeat center bottom;}

	/** Index Contents Area **/
	/*.chapterIndexInner{overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;}*/

	/** Story List **/
	ol.storyList{
		margin: 15px 0 0;
	}
	ol.storyList li{position:relative;padding:0 0 22px 15px;}
	ol.storyList li .articleBox{display: inline-block; min-height:100%;margin:0;padding:0; width:180px;}
	ol.storyList li .storyLink{display:block;min-width:180px;}/** a, span **/

	ol.storyList li .storyLink figure{display:none;}
	ol.storyList li .articleBox_h{clear:both;padding:8px 12px 15px 15px;font-size:14px;}
	ol.storyList li .articleBox_h + p{display:none;}
	ol.storyList li p.storyNum{float:left;width:49%;padding-top:12px;padding-left:15px;font-size:10px;text-align:left;}
	ol.storyList li p.storyNum span{padding-left:0.2em;font-size:22px;}
	ol.storyList li p.upDate{float:right;width:49%;padding-top:15px;padding-right:12px;font-size:12px;text-align:right;}

  .carouselArea .storyContainer, .carouselArea.transition .storyContainer { margin-left: 0; padding-left:0px; overflow: hidden; }
  .carouselArea .nav button { display: none; }
  
  ol.storyList li.new-prev { margin-right: 15px; }

}


/*************************************************** Right | Story Article **/
.articleDetail{background:#FFFFFF; max-width: 1200px; margin: auto; position:relative;}
.articleDetail ul.smList{position:absolute;top:15px;right:15px;}
.articleDetail ul.smList li{display:inline-block;}

.articleInner.chapter1, .articleInner.chapter2, .articleInner.chapter3{background:#FFFFFF;}
.articleInner.chapter1 p.storyNum{color:#8894DC;}
.articleInner.chapter2 p.storyNum{color:#6CABD4;}
.articleInner.chapter3 p.storyNum{color:#53C3B5;}

.articleInner article{adding-bottom:30px;}
.articleInner article > figure{text-align:center;}
.articleInner article > figure img{width:50%;}
.articleInner article p, .articleInner article figure, .articleInner article ul{padding-bottom:50px;font-size:18px;line-height:1.8;}
.noteList li{margin-left:1em;text-indent:-1em;}
ul.list li ul{padding-left:2em;}	article ul li:last-child ul{padding-bottom:0;}

.articleInner article table{width:100%;margin-bottom:10px;text-align:left;}
.articleInner article table th, .articleInner article table td{padding:10px;border:1px solid #FFFFFF;font-size:12px;}
.articleInner article table th{color:#FFFFFF;}
.articleInner .box{margin-bottom:30px;padding:28px 30px 28px 30px;border:1px solid #E9E9E9;}

.articleInner.chapter1 ul.list li em{color:#35439C;}
.articleInner.chapter1 article table th{background:#6974B2;}
.articleInner.chapter1 article table td{background:#E7EBF7;}	.articleInner.chapter1 article > table tr:nth-child(2n) td{background:#DDE2F5;}
.articleInner.chapter1 .box{background:#EBEDF9;}
.articleInner.chapter2 ul.list li em{color:#326D91;}
.articleInner.chapter2 article table th{background:#619BBF;}
.articleInner.chapter2 article table td{background:#DFEBF2;}	.articleInner.chapter2 article > table tr:nth-child(2n) td{background:#E9F1F6;}
.articleInner.chapter2 .box{background:#E9F1F6;}
.articleInner.chapter3 ul.list li em{color:#299285;}
.articleInner.chapter3 article table th{background:#4BB0A4;}
.articleInner.chapter3 article table td{background:#DBEFED;}	.articleInner.chapter3 article > table tr:nth-child(2n) td{background:#E6F4F2;}
.articleInner.chapter3 .box{background:#E6F4F2;}

/** Related Link **/
.articleInner .box2{border:1px solid #E9E9E9;background:#F2F2F2 !important;}
.articleInner .box2 ul {
	padding: 0;
}
.blank{padding-left:18px;padding-bottom:1px;background:transparent url("../images/icn_blank.gif") no-repeat 0 0;text-decoration:underline;color:#0003FF;text-decoration:underline !important;}

/** Writer **/
.articleInner .box.writer{display:flex;background:#FFFFFF;display:-webkit-box;display: -webkit-flex;display:-ms-flexbox;max-width:545.27px;width:100%;-ms-flex: 0 1 auto;}
.articleInner .box.writer dd,.flex-box .col-6 {-ms-flex: 0 1 auto;}
.articleInner .box.writer dt {
	width: 100%;
	margin: 0 0 10px;
}
/* IE10以上 */
@media all and (-ms-high-contrast: none) {
.articleInner .box.writer dd,.articleInner .box.writer,.articleInner .box.writer,.flex-box .col-6 {
		flex-shrink: 1\9; /* for IE10 */
	}
.articleInner .box.writer dd {
flex-wrap: wrap;
max-width:45%\9;;
overflow:hidden\9;;
word-break: break-all\9;;
}
}
.articleInner .box.writer figure{min-width:30%;padding-bottom: 0;}	.articleInner .box.writer figure img{width:100%;}
.articleInner .box.writer dl{padding-left:8%;width: 100%;}
.articleInner .box.writer dt span.txtB{display:inline-block;padding:10px 0 0;font-size:20px;}
.articleInner .box.writer dt span.small{font-size:11px;}
.articleInner .box.writer dd{font-size:12px;}

.articleInner .box.writer.col2 {
	display: block;
}
.articleInner .box.writer.col2 .col2-box {
	display:flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
}
.articleInner .box.writer.col2 .col2-box + .col2-box {
	margin: 50px 0 0;
}
.articleInner .box.writer.col2 .col2-box figure {
	margin: 0;
	padding: 0;
}
@media screen and (min-width:801px){
	.articleInner article > figure img.w70{width:70%;}
/*	.articleDetail{width:51.4%;}	.articleInner{position:relative;max-width:600px;margin:0 auto 0 32px;}*/
	.articleDetail .articleInner p.storyNum{padding:30px 0 15px 0;font-size:20px;}	.articleDetail .articleInner p.storyNum span{font-size:72px;}
	.articleInner .storyTitle{padding-bottom:34px;font-size:32px;}
	.articleInner .storySubTitle{padding-bottom:15px;font-size:18px;font-weight:bold;color:#d7063b;}
}

@media screen and (max-width:800px){
	.articleDetail{}	.articleInner{position:relative;padding:0 15px;}
	.articleInner ul.smList{right:15px;}	.articleInner ul.smList li.facebook a{margin-left:10px;}
	.articleInner p.storyNum{padding-top:15px;font-size:20px;}	.articleInner p.storyNum span{font-size:60px;}
	.articleInner .storyTitle{padding:15px 0;font-size:25px;}
	.articleInner .storySubTitle{padding-bottom:15px;font-size:18px;font-weight:normal;color:#d7063b;}

	.blank{padding-left:16px;background-size:12px;}

	.articleInner .box.writer.col2 .col2-box + .col2-box {
		margin: 30px 0 0;
	}

	/** Table Scroll
	.scroll{overflow:auto;margin-bottom:10px;}
	.scroll:-webkit-scrollbar{height:5px;}
	.scroll:-webkit-scrollbar-track{background:#F1F1F1;}
	.scroll:-webkit-scrollbar-thumb{background:#BCBCBC;}
	.articleInner article table td{min-width:10em;} **/
}

@media only screen and (max-width: 768px) {
	.articleInner article > figure img{width:100%;}
	.articleInner article p, .articleInner article figure, .articleInner article ul{font-size:15px;line-height:1.5;}
}