/* =================================
	drama TOP CSS
================================= */

/*	header
============================== */

div.header header {
	text-align:left;
}
div.header header span,
div.header header span img {
	display:block;
}
div.header header span {
	background-repeat:no-repeat;
}
div.header header span.lazy-done {
	-webkit-animation: fadeIn 1000ms;
	animation: fadeIn 1000ms;
}
@media all and (min-width: 768px) {
div.header {
	padding-top:30px;
	padding-bottom:30px;
}
div.header header {
	margin:0 auto;
}
div.header header,
div.header header span img {
	width:924px;
}
div.header header span img {
	height:654px;
}
}
@media all and (max-width: 767px) {
div.header {
	padding:12px 12px 0;
}
div.header header span {
	position:relative;
	height:0;
	background-size:cover;
	padding-top:70.779207792208%;
}
div.header header span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}

/*	menu
============================== */

div.menu {
	text-align:left;
	background-image:url(../img/bg_dot_skin.png);
	background-repeat:repeat;
	background-color:#f0d6a8;
}
div.menu nav,
div.menu nav ul li {
	border-style:solid;
	border-color:transparent;
}
div.menu nav,
div.menu nav ul li,
div.menu nav ul li a {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.menu nav ul {
	list-style-type:none;
	width:100%;
}
div.menu nav ul li {
	float:left;
}
div.menu nav ul li a,
div.menu nav ul li a span,
div.menu nav ul li a span img {
	display:block;
}
div.menu nav ul li a.lazy-done {
	background-repeat:no-repeat;
	background-color:#fff;
	text-decoration:none;
	border-right:solid 2px #c96;
	border-bottom:solid 2px #c96;
}
div.menu nav ul li a.lazy-done {
	-webkit-animation: flipInX 700ms;
	animation: flipInX 700ms;
}
div.menu nav ul li.mnews a {
	background-position:left top;
}
div.menu nav ul li.mintro a {
	background-position:right top;
}
div.menu nav ul li.mcast a {
	background-position:left center;
}
div.menu nav ul li.mstaff a {
	background-position:right center;
}
div.menu nav ul li.moriginal a {
	background-position:left bottom;
}
div.menu nav ul li.mbbs a {
	background-position:right bottom;
}
div.menu nav ul li.mchart a {
	background-position:center center;
}
div.menu nav ul li.mchart a.lazy-done span img {
	-webkit-box-shadow:0 0 0 5px hsla(0,0%,100%,0.4) inset;
	box-shadow:0 0 0 5px hsla(0,0%,100%,0.4) inset;
}
@media all and (min-width: 768px) {
div.menu {
	padding:0 0 30px;
	background-position:center top;
}
div.menu nav {
	width:924px;
	margin:0 auto;
}
div.menu nav ul li:not(:last-child) {
	width:25%;
}
div.menu nav ul li:last-child {
	width:50%;
}
div.menu nav ul li:nth-child(1),
div.menu nav ul li:nth-child(5) {
	border-right-width:6px;
}
div.menu nav ul li:nth-child(2),
div.menu nav ul li:nth-child(6) {
	border-left-width:2px;
	border-right-width:4px;
}
div.menu nav ul li:nth-child(3) {
	border-left-width:4px;
	border-right-width:2px;
}
div.menu nav ul li:nth-child(4) {
	border-left-width:6px;
}
div.menu nav ul li:nth-child(7) {
	border-left-width:4px;
}
div.menu nav ul li:nth-child(1),
div.menu nav ul li:nth-child(2),
div.menu nav ul li:nth-child(3),
div.menu nav ul li:nth-child(4) {
	border-bottom-width:8px;
}
div.menu nav ul li:nth-child(5) {
	clear:both;
}
div.menu nav ul li a {
	height:112px;
}
div.menu nav ul li:not(:last-child) a img {
	width:223px;
	height:110px;
}
div.menu nav ul li:last-child a img {
	width:456px;
	height:110px;
}
}
@media all and (max-width: 767px) {
div.menu {
	padding:0 12px 12px;
	background-position:left top;
/*	margin-bottom:20px; */
}
div.menu nav {
	width:100%;
}
div.menu nav ul li:not(:last-child) {
	border-bottom-width:6px;
}
div.menu nav ul li:last-child {
	width:100%;
}
div.menu nav ul li a {
	background-size:cover;
}
div.menu nav ul li:not(:last-child) a {
	background-size:200% 300%;
}

div.menu nav ul li a span {
	position:relative;
	height:0;
}
div.menu nav ul li:not(:last-child) a span {
	padding-top:49.32735426%;
}
div.menu nav ul li a span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}
@media all and (min-width: 480px) and (max-width: 767px) {
div.menu nav ul li:not(:last-child) {
	width:33.3%;
}
div.menu nav ul li:nth-child(1),
div.menu nav ul li:nth-child(4) {
	border-right-width:4px;
}
div.menu nav ul li:nth-child(2),
div.menu nav ul li:nth-child(5) {
	border-right-width:2px;
	border-left-width:2px;
}
div.menu nav ul li:nth-child(3),
div.menu nav ul li:nth-child(6) {
	border-left-width:4px;
}
div.menu nav ul li:last-child {
	width:50%;
	margin-left:25%;
}
div.menu nav ul li:last-child a span {
	padding-top:24.1228070175439%;
	padding-top:32%;
}
}
@media all and (max-width: 479px) {
div.menu {
	background-size:16px;
}
div.menu nav ul li:not(:last-child) {
	width:50%;
}
div.menu nav ul li:nth-child(odd):not(:last-child) {
	border-right-width:3px;
	clear:both;
}
div.menu nav ul li:nth-child(even) {
	border-left-width:3px;
}
div.menu nav div.nav-rig ul li:nth-child(1) {
	border-bottom-width:6px;
}

div.menu nav ul li:last-child a span {
	padding-top:28%;
}






}


/*	countdown
============================== */

div.cdwn-outer {
	text-align:left;
}
div.countdown {
	background-image:url(../img/cdwn_bg.png?0002);
	background-repeat:no-repeat;
	background-position:center top;
}
div.countdown-day0 {
	background-image:url(../img/cdwn_bg_day0.png?0002);
}

div.countdown-day0 p.countdown-pre b#cd-day10,
div.countdown-day0 p.countdown-pre b#cd-day1 {
	display:none;
}

@media all and (min-width: 768px) {
div.cdwn-outer {
	width:980px;
	background-image:url(../img/bg_smoke.png);
	background-position:center top;
	background-repeat:no-repeat;
	margin:0 auto;
}
div.countdown {
	margin:0 125px;
}
div.countdown p {
	position:relative;
	height:80px;
}
}
@media all and (max-width: 767px) {
div.cdwn-outer {
	padding:0 12px;
}
div.countdown {
	position:relative;
	height:0;
	padding-top:10.958904109589%;
	background-size:cover;
}
div.countdown p.countdown-pre,
div.countdown p.countdown-aft {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}

div.countdown p.countdown-pre span,
div.countdown p.countdown-pre b,
div.countdown p.countdown-pre b img {
	display:block;
}
div.countdown p.countdown-pre b {
	position:absolute;
	background-color:hsla(198,8%,48%,0.5);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.countdown p.countdown-pre span.cd-txt {
	display:none;
}
div.countdown p.countdown-pre b span {
	background-color:#fff;
}
div.countdown p.countdown-pre b span:not(.cd-txt) {
	background-image:url(../img/cdwn_num.png);
}
div.countdown p.countdown-pre b:first-child span {
	background-image:url(../img/cdwn_num_blue.png);
}
@media all and (min-width: 768px) {
div.countdown p.countdown-pre b {
	top:19px;
	width:34px;
	height:45px;
	padding-right:2px;
	padding-bottom:2px;
}
div.countdown p.countdown-pre b span,
div.countdown p.countdown-pre b span img {
	width:32px;
	height:43px;
}
div.countdown p.countdown-pre b:first-child {left:35px;}
div.countdown p.countdown-pre b#cd-day10 {left:274px;}
div.countdown p.countdown-pre b#cd-day1 {left:310px;}
div.countdown p.countdown-pre b#cd-hour10 {left:382px;}
div.countdown p.countdown-pre b#cd-hour1 {left:418px;}
div.countdown p.countdown-pre b#cd-minute10 {left:518px;}
div.countdown p.countdown-pre b#cd-minute1 {left:554px;}
div.countdown p.countdown-pre b#cd-second10 {left:630px;}
div.countdown p.countdown-pre b#cd-second1 {left:666px;}


div.countdown-day0 p.countdown-pre b:first-child {left:91px;}
div.countdown-day0 p.countdown-pre b#cd-hour10 {left:326px;}
div.countdown-day0 p.countdown-pre b#cd-hour1 {left:362px;}
div.countdown-day0 p.countdown-pre b#cd-minute10 {left:462px;}
div.countdown-day0 p.countdown-pre b#cd-minute1 {left:498px;}
div.countdown-day0 p.countdown-pre b#cd-second10 {left:574px;}
div.countdown-day0 p.countdown-pre b#cd-second1 {left:610px;}



div.countdown p.countdown-pre b span:not(.cd-txt) {
	background-size:96px 128px;
}
}

div.countdown p.countdown-pre b:first-child span {
	background-position:right bottom !important;
}

div.countdown p.countdown-pre b.cd-one span {background-position:left top;}
div.countdown p.countdown-pre b.cd-two span {background-position:center top;}
div.countdown p.countdown-pre b.cd-three span {background-position:right top;}
div.countdown p.countdown-pre b.cd-four span {background-position:left center;}
div.countdown p.countdown-pre b.cd-five span {background-position:center center;}
div.countdown p.countdown-pre b.cd-six span {background-position:right center;}
div.countdown p.countdown-pre b.cd-seven span {background-position:left bottom;}
div.countdown p.countdown-pre b.cd-eight span {background-position:center bottom;}
div.countdown p.countdown-pre b.cd-nine span {background-position:right bottom;}
div.countdown p.countdown-pre b.cd-zero span {background-image:url(../img/cdwn_num_0.png);background-size:cover !important;}


@media all and (max-width: 767px) {

div.countdown p.countdown-pre b {
	top:23.75%;
	width:4.657534246575342%;
	height:56.25%;
	padding-right:1px;
	padding-bottom:1px;
}
div.countdown p.countdown-pre b:first-child {left:4.7945205479452%;}
div.countdown p.countdown-pre b#cd-day10 {left:37.534246575342466%;}
div.countdown p.countdown-pre b#cd-day1 {left:42.465753424657534%;}
div.countdown p.countdown-pre b#cd-hour10 {left:52.328767123287671%;}
div.countdown p.countdown-pre b#cd-hour1 {left:57.2602739726%;}
div.countdown p.countdown-pre b#cd-minute10 {left:70.958904109589%;}
div.countdown p.countdown-pre b#cd-minute1 {left:75.8904109589%;}
div.countdown p.countdown-pre b#cd-second10 {left:86.301369863%;}
div.countdown p.countdown-pre b#cd-second1 {left:91.232876712328767%;}


div.countdown-day0 p.countdown-pre b:first-child {left:12.465753424657534%;}
div.countdown-day0 p.countdown-pre b#cd-hour10 {left:44.657534246575342%;}
div.countdown-day0 p.countdown-pre b#cd-hour1 {left:49.589041095890411%;}
div.countdown-day0 p.countdown-pre b#cd-minute10 {left:63.287671232876712%;}
div.countdown-day0 p.countdown-pre b#cd-minute1 {left:68.219178082191781%;}
div.countdown-day0 p.countdown-pre b#cd-second10 {left:78.63013698630137%;}
div.countdown-day0 p.countdown-pre b#cd-second1 {left:83.561643835616438%;}


div.countdown p.countdown-pre b span:not(.cd-txt) {
	position:relative;
	height:0;
	padding-top:133.3333333333%;
	background-size:300% 300%;
}
div.countdown p.countdown-pre b span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}


div.countdown-ended {
	position:relative;
	background-image:none;
}
div.countdown p.countdown-aft {
	background-image:url(../img/cdwn_after.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
}



div.countdown p.countdown-pre b:first-child {
	display:none;
}


/*	share-news
============================== */

div.share-outer {
	background-color:hsla(0,0%,100%,0.5);
	overflow:hidden;
	min-height: 110px;
}
div.share-inner {
	position: relative;
	text-align:left;
}
div.share-lef span,
div.share-lef span img {
	display:block;
}

div.share-lef {
	position: absolute;
}

div.share-lef span.lazy-done {
	-webkit-animation: fadeIn 700ms;
	animation: fadeIn 700ms;
}

@media all and (min-width: 768px) {
div.share-outer {
	background-image:url(../img/top_wnew_bg.png);
	background-position:center top;
	background-repeat:no-repeat;
	padding:30px 0;
}
div.share-inner {
	width:924px;
	margin:0 auto;
}
div.share-lef {
	left:0;
	top:-30px;
}
div.share-lef span img {
	width:251px;
	height:952px;
}
div.share-rig {
	width:650px;
	float:right;
}
}
@media all and (max-width: 767px) {
div.share-outer {
	padding:12px;
}
}
@media all and (min-width: 375px) and (max-width: 767px) {
div.share-lef span {
	background-size:cover;
}
div.share-lef {
	z-index:1;
	right:0;
	bottom:-220px;
}
div.share-lef span,
div.share-lef span img {
	width:82px;
	height:311px;
}
}
@media all and (max-width: 374px) {
div.share-lef {
	display:none;
}
}

/*	wnew
============================== */

section.wnew {
	position:relative;
	text-align:left;
}
section.wnew h2 {
	position:relative;
	color:#fff;
	background-color:#b02222;
	height:32px;
	line-height:32px;
	padding-left:44px;
	cursor:pointer;
}
section.wnew h2::before,
section.wnew h2::after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	background-repeat:no-repeat;
	background-position:0 0;
}
section.wnew h2::before {
	left:9px;
	width:32px;
	height:32px;
	background-image:url(../img/top_wnew_icon.png);
	background-size:32px;
}
section.wnew h2::after {
	right:0;
	width:48px;
	height:32px;
	/* background-color:#000; */
	background-image:url(../img/arrow_wnew.svg);
	background-position:8px 0;
	background-size:32px 64px;
}
section.wnew h2.wnew-open::after {
	background-position:8px -32px;
}
section.wnew h2.wnew-close::after {
	background-position:8px 0;
}
section.wnew ul.wnew-ul {
	-webkit-transition-duration:300ms;
	-webkit-transition-timing-function:ease-in-out;
	-webkit-transition-property:height;
	transition-duration:300ms;
	transition-timing-function:ease-in-out;
	transition-property:height;
}
section.wnew ul li a {
	display:block;
	text-decoration:none;
	line-height:1.5;
	padding:5px 12px;
}
section.wnew ul li:nth-child(odd) a {
	background-color:hsla(0,0%,100%,0.75);
}
section.wnew ul li:nth-child(even) a {
	background-color:hsla(0,0%,100%,0.5);
}
section.wnew ul li:not(:last-child) {
	border-bottom:1px solid #ccc;
}
@media all and (min-width: 768px) {
section.wnew ul li a {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
section.wnew ul li a {
	font-size:83%;
}
}




/*	topics
============================== */

div.topics {
	background-color:hsla(0,0%,0%,0.2);
	background-color:#b22626;
	background-image:url(../img/bg_line_brown.jpg);
/*
	background-image: -webkit-gradient(linear, left top, right top, from(hsla(272,100%,78%,0)), color-stop(0.25, hsla(272,100%,78%,1)), color-stop(0.75, hsla(272,100%,78%,1)), to(hsla(272,100%,78%,0)));
	background-image: -webkit-linear-gradient(left, hsla(272,100%,78%,0), hsla(272,100%,78%,1) 25%, hsla(272,100%,78%,1) 75%, hsla(272,100%,78%,0));
	background-image: linear-gradient(to right, hsla(272,100%,78%,0), hsla(272,100%,78%,1) 50%, hsla(272,100%,78%,1) 75%, hsla(272,100%,78%,0));
*/
}
div.topics article {
	text-align:left;
	background-image:url(../img/top_h2_topics.png);
	background-position:left top;
	background-repeat:no-repeat;
}
div.topics article header {
	position:relative;
}
div.topics article header p {
	position:absolute;
	bottom:6px;
	line-height:1.5;
	font-family:'Passion One', 'sans serif';
	font-weight:normal;
	color:#fff;
}
div.topics div.slider {
	position:relative;
	max-width:980px;
}
div.topics div.slider div.outer {
	overflow:hidden;
}
div.topics div.slider div.outer ul {
	-webkit-transform: translateZ(0);
	overflow:hidden;
	list-style-type:none;
	font-family:sans-serif;
}
div.topics div.slider div.outer ul.inner:after {
	content:"";
	display:block;
	clear:both;
}
div.topics div.slider div.outer ul.inner li {
	float:left;
	border-bottom-style:solid;
	border-bottom-width:3px;
}
div.topics div.slider div.outer ul.inner li a {
	display:block;
	color:#333;
	background-color:#fff;
	background-image:url(../img/top_topics_bg.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	text-decoration:none;
}
div.topics div.slider div.outer ul.inner li a dl dt {
	font-family:'Passion One', 'sans serif';
	font-weight:normal;
	color:#fff;
	line-height:1.25;
}
div.topics div.slider div.outer ul.inner li a dl dt {background-color:#148ce1;}
div.topics div.slider div.outer ul.inner li {border-bottom-color:#148ce1;}
div.topics div.slider div.outer ul.inner li.tp-story a dl dt {background-color:#d6a472;}
div.topics div.slider div.outer ul.inner li.tp-story {border-bottom-color:#d6a472;}
div.topics div.slider div.outer ul.inner li.tp-intro a dl dt {background-color:#17a400;}
div.topics div.slider div.outer ul.inner li.tp-intro {border-bottom-color:#17a400;}
/*
div.topics div.slider div.outer ul.inner li.tp-news a dl dt {background-color:#c22020;}
div.topics div.slider div.outer ul.inner li.tp-news {border-bottom-color:#c22020;}
div.topics div.slider div.outer ul.inner li.tp-music a dl dt {background-color:#7ba490;}
div.topics div.slider div.outer ul.inner li.tp-music {border-bottom-color:#7ba490;}
div.topics div.slider div.outer ul.inner li.tp-intro a dl dt {background-color:#f45e5e;}
div.topics div.slider div.outer ul.inner li.tp-chart a dl dt {background-color:#0c727b;}
div.topics div.slider div.outer ul.inner li.tp-intro {border-bottom-color:#f45e5e;}
div.topics div.slider div.outer ul.inner li.tp-chart {border-bottom-color:#0c727b;}
div.topics div.slider div.outer ul.inner li.tp-story a dl dt {background-color:#4e7bc2;}
div.topics div.slider div.outer ul.inner li.tp-story {border-bottom-color:#4e7bc2;}
div.topics div.slider div.outer ul.inner li.tp-link a dl dt {background-color:#b27b17;}
div.topics div.slider div.outer ul.inner li.tp-link {border-bottom-color:#b27b17;}
*/

div.topics div.slider div.outer ul.inner li a dl dd span.thumb,
div.topics div.slider div.outer ul.inner li a dl dd span.thumb img,
div.topics div.slider div.outer ul.inner li a dl dd span.txt {
	display:block;
}
div.topics div.slider div.outer ul.inner li a dl dd span.thumb {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	margin:0 auto;
}
div.topics div.slider div.outer ul.inner li a dl dd span.slazy {
	position:relative;
}
div.topics div.slider div.outer ul.inner li a dl dd span.lazy-done {
	-webkit-animation: flipInX 700ms;
	animation: flipInX 700ms;
}
div.topics div.slider div.outer ul.inner li a dl dd span.thumb img {
}
div.topics div.slider div.outer ul.inner li a dl dd span.txt {
	line-height:1.5;
	word-break:break-all;
	text-align: justify;
	text-justify: distribute;
}
div.topics div.slider div.outer ul.inner li a dl dd span.txt b {
	color:#c00;
}

@media all and (min-width: 768px) {
div.topics {
	background-position:center top;
	padding-bottom:30px;
}
div.topics article {
	width:980px;
	margin:0 auto;
}
div.topics article header {
	height:80px;
}
div.topics article header p {
	font-size:125%;
	right:50px;
}
div.topics div.slider div.outer {
	margin:0 30px;
}
div.topics div.slider div.outer ul.inner li {
	width:260px;
}
div.topics div.slider div.outer ul.inner li:not(:last-child) {
	/* IE 対策のため px で指定する */
	margin-right:6px;
}
div.topics div.slider div.outer ul.inner li a:hover {
	/* background-color:#ff6; */
}
div.topics div.slider div.outer ul.inner li a dl dt {
	font-size:100%;
}
div.topics div.slider div.outer ul.inner li a dl dd {
	font-size:83%;
}
div.topics div.slider div.outer ul.inner li a dl dd {
	padding-top:15px;
}
div.topics div.slider div.outer ul.inner li a dl dd span.thumb,
div.topics div.slider div.outer ul.inner li a dl dd span.thumb img {
	width:230px;
	height:129px;
}
div.topics div.slider div.outer ul.inner li a dl dt {
	padding:5px 15px;
}
div.topics div.slider div.outer ul.inner li a dl dd span.txt {
	padding:15px;
}
}
@media all and (max-width: 767px) {
div.topics {
	background-position:left top;
	padding:0 6px 12px;
}
div.topics article {
	background-size:230px 83px;
}
div.topics article header {
	height:60px;
}
div.topics article header p {
	right:29px;
}
div.topics div.slider div.outer {
	margin:0 29px;
}
div.topics div.slider div.outer ul.inner li {
	width:144px;
}
div.topics div.slider div.outer ul.inner li:not(:last-child) {
	/* IE 対策のため px で指定する */
	margin-right:5px;
}
div.topics div.slider div.outer ul.inner li a dl dt {
	font-size:87.5%;
}
div.topics div.slider div.outer ul.inner li a dl dd {
	font-size:75%;
}
div.topics div.slider div.outer ul.inner li a dl dt {
	padding:4px 8px;
}
div.topics div.slider div.outer ul.inner li a dl dd span.txt {
	padding:8px;
}
div.topics div.slider div.outer ul.inner li a dl dd {
	padding-top:8px;
}
div.topics div.slider div.outer ul.inner li a dl dd span.thumb,
div.topics div.slider div.outer ul.inner li a dl dd span.thumb img {
	width:128px;
	height:72px;
}
div.topics div.slider div.outer ul.inner li a {
	background-size:154px 32px;
}
}

@media all and (max-width: 479px) {
div.topics {
	background-size:24px;
}
}

@media print {
	div.topics div.slider div.outer ul.inner li a dl dd span.thumb img {
		background-color:#fff;
	}
}






/* ctrl */
div.topics div.slider ul.ctrl li {
	position:absolute;
	top:50%;
	margin-top:-17px;
}
div.topics div.slider ul.ctrl li.ctrl-lef {
	left:0;
}
div.topics div.slider ul.ctrl li.ctrl-rig {
	right:0;
}
div.topics div.slider ul.ctrl li a {
	width:24px;
	height:34px;
	background-image:url(../img/arrow40.svg);
	background-repeat:no-repeat;
	background-size:136px 34px;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	background-color:#f0d6a8;
}
div.topics div.slider ul.ctrl li.ctrl-lef a {
	background-position:-5px 0;
}
div.topics div.slider ul.ctrl li.ctrl-rig a {
	background-position:-39px 0;
}
div.topics div.slider ul.ctrl li a.hidebtn {
	opacity:0.25;
	cursor:default;
}
@media all and (min-width: 768px) {
div.topics div.slider  ul.ctrl li.ctrl-lef a:not(.hidebtn):hover {
	background-position:-73px 0;
}
div.topics div.slider  ul.ctrl li.ctrl-rig a:not(.hidebtn):hover {
	background-position:-107px 0;
}
}
@media all and (max-width: 767px) {
}


/*	report
============================== */

div.repo {
	background-color:#0086cc;
	background-image:url(../img/bg_dot_blue.png);
}
div.repo article {
	text-align:left;
	background-image:url(../img/top_h2_report.png);
	background-repeat:no-repeat;
}
div.repo article h2 {
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
div.repo div.slider {
	position:relative;
	max-width:980px;
}
div.repo div.slider div.outer {
	overflow:hidden;
}
div.repo div.slider div.outer ul {
	-webkit-transform: translateZ(0);
	overflow:hidden;
	list-style-type:none;
	font-family:sans-serif;
}
div.repo div.slider div.outer ul.inner:after {
	content:"";
	display:block;
	clear:both;
}
div.repo div.slider div.outer ul.inner li {
	float:left;
	background-color:hsla(209,100%,30%,0.5);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:1px 2px 2px 1px;
}
div.repo div.slider div.outer ul.inner li a,
div.repo div.slider div.outer ul.inner li a span,
div.repo div.slider div.outer ul.inner li a span img {
	display:block;
}
div.repo div.slider div.outer ul.inner li a {
	position:relative;
	padding:12px 12px 20px;
	background-color:#fff;
	text-decoration:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.repo div.slider div.outer ul.inner li a:after {
	content:"";clear:both;display:block;
}
div.repo div.slider div.outer ul.inner li span.thumb,
div.repo div.slider div.outer ul.inner li span.thumb img {
	width:80px;
}
div.repo div.slider div.outer ul.inner li span.thumb {
	float:left;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
div.repo div.slider div.outer ul.inner li span.slazy {
	position:relative;
}
div.repo div.slider div.outer ul.inner li span.lazy-done {
	-webkit-animation: fadeIn 700ms;
	animation: fadeIn 700ms;
	border:1px solid #0099de;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.repo div.slider div.outer ul.inner li span.thumb img {
	height:60px;
}
div.repo div.slider div.outer ul.inner li span.txt {
	color:#333;
	line-height:1.5;
	padding-left:92px;
}
div.repo div.slider div.outer ul.inner li span.update {
	color:#666;
	text-align:right;
	line-height:18px;
	height:18px;
	background-color:#ccf4fc;
	position:absolute;
	right:10px;
	bottom:10px;
	padding:0 5px;
}
@media all and (min-width: 768px) {
div.repo {
	background-position:center top;
	padding-bottom:60px;
}
div.repo article {
	background-position:594px 0;
	width:980px;
	margin:0 auto;
}
div.repo article h2 {
	height:80px;
}
div.repo div.slider div.outer {
	margin:0 31px 12px;
}
div.repo div.slider div.outer ul.inner li {
	width:300px;
}
div.repo div.slider div.outer ul.inner li:not(:last-child) {
	margin-right:9px;
}
div.repo div.slider div.outer ul.inner li span.txt,
div.repo div.slider div.outer ul.inner li span.update {
	font-size:87.5%;
}
div.repo div.slider div.outer ul.inner li span.thumb,
div.repo div.slider div.outer ul.inner li span.thumb img {
	width:112px;
}
div.repo div.slider div.outer ul.inner li span.thumb img {
	height:84px;
}
div.repo div.slider div.outer ul.inner li span.txt {
	padding-left:124px;
}
}
@media all and (max-width: 767px) {
div.repo {
	background-position:left top;
	padding:0 6px 40px;
}
div.repo article {
	background-position:right top;
	background-size:258px 75px;
}
div.repo article h2 {
	height:60px;
}
div.repo div.slider div.outer {
	margin:0 29px;
}
div.repo div.slider div.outer ul.inner li {
	width:240px;
	margin-bottom:6px;
}
div.repo div.slider div.outer ul.inner li:not(:last-child) {
	/* IE 対策のため px で指定する */
	margin-right:6px;
}
div.repo div.slider div.outer ul.inner li span.txt,
div.repo div.slider div.outer ul.inner li span.update {
	font-size:83%;
}
div.repo div.slider div.outer ul.inner li span.thumb,
div.repo div.slider div.outer ul.inner li span.thumb img {
	width:80px;
}
div.repo div.slider div.outer ul.inner li span.thumb img {
	height:60px;
}
div.repo div.slider div.outer ul.inner li span.txt {
	padding-left:92px;
}
div.repo article span.ico-bicycle {
	bottom:-40px !important;
}
}
@media all and (max-width: 479px) {
div.repo {
	background-size:16px;
}
}






/* ctrl */
div.repo div.slider ul.ctrl li {
	position:absolute;
	top:50%;
	margin-top:-17px;
}
div.repo div.slider ul.ctrl li.ctrl-lef {
	left:0;
}
div.repo div.slider ul.ctrl li.ctrl-rig {
	right:0;
}
div.repo div.slider ul.ctrl li a {
	width:24px;
	height:34px;
	background-image:url(../img/arrow40.svg);
	background-repeat:no-repeat;
	background-size:136px 34px;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	background-color:#f0d6a8;
}
div.repo div.slider ul.ctrl li.ctrl-lef a {
	background-position:-5px 0;
}
div.repo div.slider ul.ctrl li.ctrl-rig a {
	background-position:-39px 0;
}
div.repo div.slider ul.ctrl li a.hidebtn {
	opacity:0.25;
	cursor:default;
}
@media all and (min-width: 768px) {
div.repo div.slider  ul.ctrl li.ctrl-lef a:not(.hidebtn):hover {
	background-position:-73px 0;
}
div.repo div.slider  ul.ctrl li.ctrl-rig a:not(.hidebtn):hover {
	background-position:-107px 0;
}
}
@media all and (max-width: 767px) {
}

p.btn-s {
	margin:0 auto;
}
@media all and (min-width: 768px) {
p.btn-s {
	width:260px;
}
}
@media all and (max-width: 767px) {
p.btn-s {
	width:200px;
}
}

div.repo article {
	position:relative;
}
div.repo article > span.ico-bicycle {
	position:absolute;
	left:0;
	background-position:left top;
	background-repeat:no-repeat;
}
div.repo article > span.lazy-done {
	-webkit-animation: fadeInLeft 700ms;
	animation: fadeInLeft 700ms;
}
@media all and (min-width: 768px) {
div.repo article > span.ico-bicycle {
	bottom:-72px;
}
div.repo article > span.ico-bicycle,
div.repo article > span.ico-bicycle img {
	width:180px;
	height:66px;
}
}
@media all and (max-width: 767px) {
div.repo article > span.ico-bicycle {
	bottom:-12px;
}
div.repo article > span.ico-bicycle,
div.repo article > span.ico-bicycle img {
	width:120px;
	height:44px;
}
div.repo article > span.ico-bicycle {
	background-size:cover;
}
}


/*	video
============================== */

div.videos {
	background-color:hsla(0,0%,100%,0.4);
	background-image:url(../img/top_video_bg.png);
	background-repeat:no-repeat;
}
div.videos article {
	text-align:left;
	background-image:url(../img/top_h2_videos.png);
	background-repeat:no-repeat;
}
div.videos article h2 {
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
div.videos div.slider {
	position:relative;
	max-width:980px;
}
div.videos div.slider div.outer {
	overflow:hidden;
}
div.videos div.slider div.outer ul {
	-webkit-transform: translateZ(0);
	overflow:hidden;
	list-style-type:none;
	font-family:sans-serif;
}
div.videos div.slider div.outer ul.inner:after {
	content:"";
	display:block;
	clear:both;
}
div.videos div.slider div.outer ul.inner li {
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.videos div.slider div.outer ul.inner li a {
	display:block;
	color:#333;
	background-color:#19a3e1;
	text-decoration:none;
	border:2px solid transparent;
}
div.videos div.slider div.outer ul.inner li.nolnk a {
	cursor:default;
}
div.videos div.slider div.outer ul.inner li a span.thumb,
div.videos div.slider div.outer ul.inner li a span.thumb img,
div.videos div.slider div.outer ul.inner li a span.txt {
	display:block;
}
div.videos div.slider div.outer ul.inner li a span.thumb {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
div.videos div.slider div.outer ul.inner li:not(.nolnk) span.lazy-done img {
	background-image:url(/um/img/play.png);
	background-repeat:no-repeat;
	background-position:center center;
}
div.videos div.slider div.outer ul.inner li.nolnk span.lazy-done img {
	background-color:hsla(0,0%,0%,0.5);
}
div.videos div.slider div.outer ul.inner li a span.slazy {
	position:relative;
	/* background-color:#ccc; */
}
@media all and (min-width: 768px) {
div.videos {
	background-position:center top;
	padding-bottom:30px;
}
div.videos article {
	background-position:650px 0;
	width:980px;
	margin:0 auto;
}
div.videos article h2 {
	height:80px;
}
div.videos div.slider div.outer {
	margin:0 30px;
}
div.videos div.slider div.outer ul.inner li {
	width:260px;
	height:148px;
}
div.videos div.slider div.outer ul.inner li:not(:last-child) {
	/* IE 対策のため px で指定する */
	margin-right:6px;
}
div.videos div.slider div.outer ul.inner li:not(.nolnk) a:hover {
	background-color:#007bb2;
}
div.videos div.slider div.outer ul.inner li a span.thumb,
div.videos div.slider div.outer ul.inner li a span.thumb img {
	width:256px;
	height:144px;
}
}
@media all and (max-width: 767px) {
div.videos {
	background-size:648px 86px;
	background-position:left top;
	padding:0 6px 12px;
}
div.videos article {
	background-position:right top;
	background-size:222px 86px;
}
div.videos article h2 {
	height:60px;
}
div.videos div.slider div.outer {
	margin:0 29px;
}
div.videos div.slider div.outer ul.inner li {
	width:164px;
}
div.videos div.slider div.outer ul.inner li:not(:last-child) {
	/* IE 対策のため px で指定する */
	margin-right:5px;
}
div.videos div.slider div.outer ul.inner li a span.thumb,
div.videos div.slider div.outer ul.inner li a span.thumb img {
	width:160px;
	height:90px;
}
}
div.videos div.slider div.outer ul.inner li a span.lazy-done {
	-webkit-animation: fadeIn 500ms;
	animation: fadeIn 500ms;
}




/* ctrl */
div.videos div.slider ul.ctrl li {
	position:absolute;
	top:50%;
	margin-top:-17px;
}
div.videos div.slider ul.ctrl li.ctrl-lef {
	left:0;
}
div.videos div.slider ul.ctrl li.ctrl-rig {
	right:0;
}
div.videos div.slider ul.ctrl li a {
	width:24px;
	height:34px;
	background-image:url(../img/arrow40.svg);
	background-repeat:no-repeat;
	background-size:136px 34px;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	background-color:#f0d6a8;
}
div.videos div.slider ul.ctrl li.ctrl-lef a {
	background-position:-5px 0;
}
div.videos div.slider ul.ctrl li.ctrl-rig a {
	background-position:-39px 0;
}
div.videos div.slider ul.ctrl li a.hidebtn {
	opacity:0.25;
	cursor:default;
}
@media all and (min-width: 768px) {
div.videos div.slider  ul.ctrl li.ctrl-lef a:not(.hidebtn):hover {
	background-position:-73px 0;
}
div.videos div.slider  ul.ctrl li.ctrl-rig a:not(.hidebtn):hover {
	background-position:-107px 0;
}
}
@media all and (max-width: 767px) {
}


/*	special2
============================== */

div.sp2 {
	background-color:#ffb2cc;
	background-image:url(../img/bg_sakura.png);
}
div.intc {
	background-image:url(../img/bg_dot_skin.png);
	background-color:#f0d6a8;
}
div.sp2 nav {
	text-align:left;
	padding-bottom: 6px;
}
div.sp2 nav ul {
	list-style-type:none;
	width:100%;
}
div.sp2 nav ul li {
	border-style:solid;
	border-color:transparent;
}
div.sp2 nav ul li,
div.sp2 nav ul li a,
div.sp2 nav ul li > span {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/* div.sp2 nav ul li:nth-child(2) a {
	cursor:default;
} */
div.sp2 nav ul li a,
div.sp2 nav ul li span,
div.sp2 nav ul li a span,
div.sp2 nav ul li a span img {
	display:block;
}
div.sp2 nav ul li a.lazy-done {
	text-decoration:none;
	border-right:solid 2px #ff99b2;
	border-bottom:solid 2px #ff99b2;
	-webkit-animation: flipInX 700ms;
	animation: flipInX 700ms;
}
div.intc nav ul li a.lazy-done {
	border-right:solid 2px #c96;
	border-bottom:solid 2px #c96;
}

div.sp2 nav ul li > span {
	border:solid 2px #fff;
	background-color:#fff;
}
div.sp2 nav ul li > span span {
	position:relative;
	height:0;
	padding-top:37.0044052863436%;
}

div.sp2 nav ul li a span {
	position:relative;
	height:0;
	padding-top:37.280701754386%;
}
div.sp2 nav ul li a span img,
div.sp2 nav ul li > span span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media all and (min-width: 768px) {
div.sp2 {
	padding:30px 0 0;
	background-position:center top;
}
div.sp2 nav {
	width:924px;
	margin:0 auto;
	padding-bottom: 0;
}
div.sp2 nav ul li:nth-child(odd) {
	border-right-width:4px;
}
div.sp2 nav ul li:nth-child(even) {
	border-left-width:4px;
}
div.sp2 nav ul li:nth-child(1), div.sp2 nav ul li:nth-child(2) {
	margin-bottom:8px;
}
}
@media all and (min-width: 480px) and (max-width: 767px) {
div.sp2 nav ul li:nth-child(odd) {
	border-right-width:3px;
}
div.sp2 nav ul li:nth-child(even) {
	border-left-width:3px;
}
div.sp2 nav ul li:nth-child(1), div.sp2 nav ul li:nth-child(2) {
	margin-bottom:6px;
}
}
@media all and (min-width: 480px) {
div.sp2 nav ul li:nth-child(odd) {
	clear:both;
}
div.spcl nav ul li:nth-child(1) {
	/* margin-left:25%; */
}

}
@media all and (max-width: 767px) {
div.sp2 {
	padding:12px 12px 0;
	background-position:left top;
}
div.sp2 nav ul li a,
div.sp2 nav ul li > span span {
	background-size:cover;
}
}
@media all and (min-width: 480px) {
div.sp2 nav ul li {
	width:50%;
}
div.sp2 nav ul li:nth-child(odd) {
	float:left;
}
div.sp2 nav ul li:nth-child(even) {
	float:right;
}
}
@media all and (max-width: 479px) {
div.sp2 {
	background-size:32px;
	background-size:16px;
}
div.sp2 nav ul li:not(:last-child) {
	border-bottom-width:6px;
}
div.sp2 nav ul li:last-child {
/*	display:none;*/
}

div.sp2 nav ul li.mdiary,
div.sp2 nav ul li.mgallery {
	padding-left:24px;
	padding-right:24px;
}

}


div.sp2 nav ul .mtrailer a { cursor: default; pointer-events: none;}



/*	special
============================== */

div.spmenu {
	background-color:#ffb2cc;
	background-image:url(../img/bg_sakura.png);
}
div.spmenu nav {
	text-align:left;
}
div.spmenu nav ul {
	list-style-type:none;
	width:100%;
}
div.spmenu nav ul li {
	border-style:solid;
	border-color:transparent;
	float:left;
}
div.spmenu nav ul li a {
	background-position:center center;
}
div.spmenu nav ul li,
div.spmenu nav ul li a,
div.spmenu nav ul li > span,
div.spmenu nav ul li > span span {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.spmenu nav ul li a,
div.spmenu nav ul li span,
div.spmenu nav ul li a span,
div.spmenu nav ul li a span img {
	display:block;
}
div.spmenu nav ul li a.lazy-done {
	text-decoration:none;
	-webkit-animation: flipInX 700ms;
	animation: flipInX 700ms;
}
div.spmenu nav ul li:not(.mcomic) a.lazy-done {
	border-right:solid 2px #ff99b2;
	border-bottom:solid 2px #ff99b2;
}
div.spmenu nav ul li.mcomic a.lazy-done {
	border-right:solid 2px #ffb2cc;
	border-bottom:solid 2px #ffb2cc;
}
div.spmenu nav ul li > span {
	border:solid 2px #fff;
	background-color:#fff;
}

div.spmenu nav ul li.mdiary {
	position:relative;
}
div.spmenu nav ul li.mdiary a.lazy-done:after {
	content:"9/18 up";
	display:block;
	position:absolute;
	right:5px;
	top:-2px;
	width:74px;
	line-height:25px;
	font-family:'Passion One', 'sans serif';
	font-size:100%;
	font-weight:normal;
	color:#fff;
	background-color:#174e7b;
	text-align:center;
	-webkit-box-shadow:hsla(0,0%,0%,0.2) 0 2px 0 0;
	box-shadow:hsla(0,0%,0%,0.2) 0 2px 0 0;
	-webkit-transform: rotate(6deg);
	-ms-transform: rotate(6deg);
	transform: rotate(6deg);
}


@media all and (min-width: 768px) {
div.spmenu {
	padding:30px 0 22px;
	background-position:center top;
}
div.spmenu nav {
	width:924px;
	margin:0 auto;
}
div.spmenu nav ul li:nth-child(1),
div.spmenu nav ul li:nth-child(3),
div.spmenu nav ul li:nth-child(4),
div.spmenu nav ul li:nth-child(6),
div.spmenu nav ul li:nth-child(7) {
	margin-right:8px;
}
div.spmenu nav ul li {
	margin-bottom:8px;
}

div.spmenu nav ul li:nth-child(1),
div.spmenu nav ul li:nth-child(2),
div.spmenu nav ul li:nth-child(5),
div.spmenu nav ul li:nth-child(6) {
	width:458px;
}
div.spmenu nav ul li:nth-child(1) a span img,
div.spmenu nav ul li:nth-child(2) a span img,
div.spmenu nav ul li:nth-child(5) a span img {
	width:456px;
}
div.spmenu nav ul li:nth-child(3),
div.spmenu nav ul li:nth-child(4),
div.spmenu nav ul li:nth-child(7),
div.spmenu nav ul li:nth-child(8) {
	width:225px;
}
div.spmenu nav ul li:nth-child(3) a span img,
div.spmenu nav ul li:nth-child(4) a span img,
div.spmenu nav ul li:nth-child(7) a span img,
div.spmenu nav ul li:nth-child(8) a span img {
	width:223px;
}

div.spmenu nav ul li a span img {
	height:170px;
}

div.spmenu nav ul li span span,
div.spmenu nav ul li span span img {
	width:454px;
	height:168px;
}

div.spmenu nav ul li:nth-child(3) {
	display: none;
}
div.spmenu nav ul li:nth-child(4) {
	margin-left: 12.5%;
}

}

@media all and (max-width: 767px) {
div.spmenu {
	background-position:left top;
}
div.spmenu nav ul li a span,
div.spmenu nav ul li > span span {
	position:relative;
	height:0;
}
div.spmenu nav ul li a span img,
div.spmenu nav ul li > span span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

div.spmenu nav ul li a,
div.spmenu nav ul li > span span {
	background-size:cover;
}

}
@media all and (min-width: 480px) and (max-width: 767px) {
div.spmenu {
	padding:12px 12px 4px;
}
div.spmenu nav ul li:nth-child(1),
div.spmenu nav ul li:nth-child(2),
div.spmenu nav ul li:nth-child(5),
div.spmenu nav ul li:nth-child(6) {
	width:50%;
}
div.spmenu nav ul li:nth-child(3),
div.spmenu nav ul li:nth-child(4),
div.spmenu nav ul li:nth-child(7),
div.spmenu nav ul li:nth-child(8) {
	width:25%;
}
div.spmenu nav ul li:nth-child(3),
div.spmenu nav ul li:nth-child(6) {
	clear:both;
}
div.spmenu nav ul li {
	margin-bottom:8px;
}

div.spmenu nav ul li:nth-child(1),
div.spmenu nav ul li:nth-child(4),
div.spmenu nav ul li:nth-child(6) {
	border-right-width:4px;
}
div.spmenu nav ul li:nth-child(2),
div.spmenu nav ul li:nth-child(5),
div.spmenu nav ul li:nth-child(7) {
	border-left-width:4px;
}

div.spmenu nav ul li:nth-child(3) {
	border-right-width:6px;
	display: none;
}
div.spmenu nav ul li:nth-child(4) {
	border-left-width:2px;
	margin-left: 12.5%;
}
div.spmenu nav ul li:nth-child(7) {
	border-right-width:2px;
}
div.spmenu nav ul li:nth-child(8) {
	border-left-width:6px;
}

div.spmenu nav ul li:nth-child(1) a span,
div.spmenu nav ul li:nth-child(2) a span,
div.spmenu nav ul li:nth-child(5) a span {
	padding-top:37.280701754386%;
}

div.spmenu nav ul li:nth-child(3) a span,
div.spmenu nav ul li:nth-child(4) a span,
div.spmenu nav ul li:nth-child(7) a span,
div.spmenu nav ul li:nth-child(8) a span {
	padding-top:76.2331838565022%;
}

div.spmenu nav ul li > span span {
	padding-top:37.0044052863436%;
}

}

@media all and (max-width: 479px) {
div.spmenu {
	padding:12px 12px 6px;
	background-size:32px;
}

div.spmenu nav ul li:nth-child(2),
div.spmenu nav ul li:nth-child(6) {
	width:100%;
}
div.spmenu nav ul li:nth-child(5) {
	width:66.6666666666%;
}
div.spmenu nav ul li:nth-child(3),
div.spmenu nav ul li:nth-child(4) {
	width:33.3333333333%;
}
div.spmenu nav ul li:nth-child(7),
div.spmenu nav ul li:nth-child(8) {
	width:50%;
}

div.spmenu nav ul li:nth-child(2),
div.spmenu nav ul li:nth-child(4),
div.spmenu nav ul li:nth-child(6) {
	clear:both;
}

div.spmenu nav ul li {
	margin-bottom:6px;
}
div.spmenu nav ul li.words {
	margin-bottom:8px;
}

/*div.spmenu nav ul li:nth-child(2),*/
div.spmenu nav ul li:nth-child(4),
div.spmenu nav ul li:nth-child(7) {
	border-right-width:3px;
}
div.spmenu nav ul li:nth-child(3),
div.spmenu nav ul li:nth-child(5),
div.spmenu nav ul li:nth-child(8) {
	border-left-width:3px;
}

div.spmenu nav ul li:nth-child(2) a span,
div.spmenu nav ul li:nth-child(1) a span {
	padding-top:36.9565217391304%;
}

div.spmenu nav ul li:nth-child(5) a span {
	padding-top:56.1056105610561%;
}
div.spmenu nav ul li:nth-child(3) a span,
div.spmenu nav ul li:nth-child(4) a span {
	padding-top:114.0939597315436%;
}

div.spmenu nav ul li:nth-child(7) a span,
div.spmenu nav ul li:nth-child(8) a span {
	padding-top:57.5221238938053%;
}

div.spmenu nav ul li > span span {
	padding-top:36.6812227074236%;
}
div.spmenu nav ul li:nth-child(4) {
	margin-left: 0;
}

}


/*PLUS*/

.nt { display: none;}

div.spmenu nav ul li:nth-child(1) { position: relative;}
div.spmenu nav ul li:nth-child(1) a { cursor: default; pointer-events: none; width: 100%; height: 0; padding-top:36.6812227074236%; position: absolute; top: 0; left: 0; opacity: .75;}
div.spmenu nav ul li:nth-child(1) a img span, div.spmenu nav ul li:nth-child(1) a img { width: 100%; height: 0; padding-top:36.6812227074236%; position: absolute; top: 0; left: 0;}
div.spmenu nav ul li:nth-child(1) .finish { display: block; width: 100%; height: 0; padding-top:36.6812227074236%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}

@media all and (max-width: 479px) {
div.spmenu nav ul li:nth-child(1) { display: none;}
}


/*	special
============================== */
/*
div.spmenu {
	background-color:#fff;
}
div.spmenu nav {
	text-align:left;
}
div.spmenu nav ul {
	list-style-type:none;
}
div.spmenu ul li {
	float:left;
}
div.spmenu ul li a,
div.spmenu ul li a span,
div.spmenu ul li a span img {
	display:block;
}
div.spmenu ul li a {
}
div.spmenu ul li a span {
	position:relative;
	height:0;
	padding-top:56.25%;
}
div.spmenu ul li a span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#fc0;
}

@media all and (min-width: 768px) {
div.spmenu {
	padding:30px 0;
}
div.spmenu nav {
	width:924px;
	margin:0 auto;
}
div.spmenu nav ul li {
	margin-bottom:12px;
}
div.spmenu nav ul li:nth-child(3n-2) a {
	margin-right:8px;
}
div.spmenu nav ul li:nth-child(3n-1) a {
	margin-left:4px;
	margin-right:4px;
}
div.spmenu nav ul li:nth-child(3n) a {
	margin-left:8px;
}
}
@media all and (max-width: 767px) {
div.spmenu {
	padding:12px;
}
}

@media all and (min-width: 481px) {
div.spmenu nav ul li {
	width:33.3%;
}
}
@media all and (min-width: 480px) and (max-width: 767px) {
div.spmenu nav ul li {
	margin-bottom:6px;
}
div.spmenu nav ul li:nth-child(3n-2) a {
	margin-right:4px;
}
div.spmenu nav ul li:nth-child(3n-1) a {
	margin-left:2px;
	margin-right:2px;
}
div.spmenu nav ul li:nth-child(3n) a {
	margin-left:4px;
}
}
@media all and (max-width: 479px) {
div.spmenu nav ul li {
	width:50%;
	margin-bottom:6px;
}
div.spmenu nav ul li:nth-child(odd) a {
	margin-right:3px;
}
div.spmenu nav ul li:nth-child(even) a {
	margin-left:3px;
}
}
*/

/*	affiliate
============================== */
div.affiliate {
	background-color:hsla(0,0%,100%,0.5);
/*	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffcc00), color-stop(0.4, #fff000), color-stop(0.6, #fff000), to(#ffcc00));
	background-image: -webkit-linear-gradient(#ffcc00, #fff000 40%, #fff000 60%, #ffcc00);
	background-image: linear-gradient(#ffcc00, #fff000 40%, #fff000 60%, #ffcc00); */
}
div.affiliate article {
	text-align:left;
}
div.affiliate article ul li {
}
div.affiliate article ul li a, div.affiliate article ul li a span, div.affiliate article ul li a img {
	display:block;
}
div.affiliate ul li a img {
}
@media all and (min-width: 768px) {
div.affiliate {
	padding:30px 0 18px;
}
div.affiliate article ul {
	width:930px;
	width:620px;
	margin:0 auto;
}
div.affiliate article ul li {
	float:left;
	width:300px;
	margin: 0 5px 12px 5px;
}
div.affiliate article ul li:nth-child(odd) {
	/* margin-right:12px; */
}
div.affiliate article ul li a img {
	width:300px;
	height:120px;
}
}
@media all and (max-width: 767px) {
div.affiliate article {
	padding:12px 0 6px;
}
div.affiliate article ul {
	width:300px;
	margin:0 auto;
}
div.affiliate article ul li {
	margin-bottom:6px;
}
div.affiliate article ul li:nth-child(odd) {
/*	margin-right:6px; */
}
div.affiliate article ul li a span {
	background-size:cover;
}
div.affiliate article ul li a img {
	width:300px;
	height:120px;
}
}

/*	footer sns
============================== */

div.footer {
	background-color:#fff;
	background-image:url(../img/bg_line_white.jpg);
}
div.footer div.footer-inner {
	text-align:left;
	background-repeat:no-repeat;
}
@media all and (min-width: 768px) {
div.footer {
	background-position:center top;
	padding:30px 0;
}
div.footer div.footer-inner {
	width:924px;
	margin:0 auto;
}
}
@media all and (max-width: 767px) {
div.footer {
	background-position:left top;
/*	padding-top:12px; */
}
}
@media all and (max-width: 479px) {
div.footer {
	background-size:52px;
}
}


@media all and (min-width: 768px) {
div.footer {
}
div.footer-lef {
	width:612px;
	float:left;
}
div.footer-lef aside.lef-tw {
	width:612px;
	float:none;
}
div.footer-lef aside.lef-ln {
	width:300px;
	float:right;
}
div.footer-rig {
	width:300px;
	float:right;
}
}


/*	bn-long
============================== */

div.bn-long {
	background-image:url(../img/bg_dot_trans.png);
	background-color:#2caee0;
}
div.bn-long p a,
div.bn-long p a img {
	display:block;
}
div.bn-long p a {
	background-repeat:no-repeat;
	background-position:center top;
	overflow:hidden;
}
div.bn-long p a.lazy-done {
	-webkit-animation: flipInX 700ms;
	animation: flipInX 700ms;
}
@media all and (min-width: 768px) {
div.bn-long {
	background-position:center top;
	padding:30px 0;
}
div.bn-long p,
div.bn-long p a img {
	width:924px;
	height:176px;
}
div.bn-long p {
	margin:0 auto;
}
}
@media all and (max-width: 767px) {
div.bn-long {
	background-position:left top;
	padding:12px;
}
div.bn-long p a {
	background-size:cover;
	position:relative;
	height:0;
	padding-top:26.9113149847095%;
}
div.bn-long p a img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}


/*	attention
============================== */

div.attention {
	background-color:hsla(0,0%,100%,0.8);
	background-color:#0099de;
}
div.attention > div {
	text-align:left;
}
div.attention p {
	font-weight:bold;
	color:#fff;
	line-height:1.5;
	text-align:center;
	text-shadow:1px 2px 0 hsla(0,0%,0%,0.3);
}
@media all and (min-width: 768px) {
div.attention {
	padding:20px 0;
}
div.attention > div {
	width:924px;
	margin:0 auto;
}
}
@media all and (max-width: 767px) {
div.attention {
	padding:12px;
}
div.attention > div {
}
div.attention p {
	font-size:87.5%;
}
}

.lnk2022 { padding: 1em 0 1.2em 0; font-weight: bold; font-size: 90%; letter-spacing: .1em;}
.lnk2022 .nen { font-size: 140%;}
.lnk2022 a { text-decoration:none; border-bottom: 2px dotted #b21717; color: #b21717;}
.lnk2022 a:hover { text-decoration:none; border-bottom: 2px dotted #fff; color: #fff;}
/*for_W768-*/
@media all and (min-width: 768px) {
.lnk2022 { padding: 1.5em 0 .8em 0; font-size: 140%;}
}

.tl { box-sizing: border-box; width: 100%; height: 220px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.tl iframe { width: 100% !important;}
.tl iframe { width: 740px !important;}