/* =================================
	pripri-TBS lower CSS
================================= */

/*	header
============================== */
div.header {
	background-color:hsla(357, 69%, 46%, 0.95);
}
div.header header {
	position:relative;
	text-align:left;
}
div.header header p a, div.header header p span {
	display:block;
	background-image:url(../img/cmn_header.png?1017);
	background-repeat:no-repeat;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
div.header header div.garanee {
	position:absolute;
	z-index:1;
/*	background-image:url(../img/cmn_header_garanee.png); */
	background-repeat:no-repeat;
}
div.header header div.lazy-done {
	-webkit-animation: bounceInRight 500ms;
	animation: bounceInRight 500ms;
}
@media all and (min-width: 768px) {
div.header header {
	width:980px;
	height:180px;
	overflow:hidden;
	margin:0 auto;
}
div.header header p {
	width:500px;
	position:absolute;
}
div.header header p.logo, div.header header p.logo a {
	height:120px;
}
div.header header p.date, div.header header p.date span {
	height:70px;
}
div.header header p.logo {
	left:0;
	top:37px;
}
div.header header p.date {
	left:466px;
	top:87px;
}
div.header header p.date span {
	background-position:0 -120px;
}
div.header header div.garanee,
div.header header div.garanee img {
	display:block;
	width:150px;
	height:150px;
}
div.header header div.garanee {
	right:0;
	top:0;
}
}
@media all and (max-width: 767px) {
div.header header {
	padding:10px 0;
}
div.header header p {
	width:280px;
	margin:0 auto;
}
div.header header p a, div.header header p span {
	background-size:280px 106px;
}
div.header header p.logo, div.header header p.logo a {
	height:67px;
}
div.header header p.date, div.header header p.date span {
	height:39px;
}
div.header header p.date span {
	background-position:0 -67px;
}
div.header header div.garanee,
div.header header div.garanee img {
	display:block;
	width:60px;
	height:60px;
}
div.header header div.garanee {
	right:12px;
	bottom:5px;
	background-size:cover;
}
}

/*	menu
============================== */
div.menu {
}
/* =================================
	TBS Slider Menu
================================= */

div.menu {
	background-color:hsla(0, 60%, 9%, 0.95);
	padding:5px 0;
}
div.menu > nav {
	position:relative;
}
div.menu > nav div.outer {
	overflow:hidden;
}
div.menu > nav div.outer ul {
	display:block;
	-webkit-transform: translateZ(0);
}
div.menu > nav ul {
	list-style-type:none;
}
div.menu > nav div.outer ul li {
	background-repeat:no-repeat;
	float:left;
}
div.menu > nav ul li a, div.menu > nav ul li a span {
	display:block;
}
div.menu > nav ul li a {
	text-decoration:none;
}
div.menu > nav div.outer ul li a {
	background-color:#380d0e;
	text-align:center;
	line-height:1.25;
	padding:0.25em 1.25em;
	border-color:#891f22;
	border-style:solid;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.cmn div.menu > nav div.outer ul li a:before {
	display:block;
	color:#eaeab8;
	font-family: Arial;
	font-family: 'Vidaloka', 'sans serif';
	text-shadow:0 2px 3px #000;
}
.cmn div.menu > nav div.outer ul li a span {
	color:#e8d982;
/*	font-weight:bold; */
}
div.menu > nav div.outer ul li a:hover,
.news div.menu > nav div.outer ul li.mnews a,
.intro div.menu > nav div.outer ul li.mintro a,
.cast div.menu > nav div.outer ul li.mcast a,
.staff div.menu > nav div.outer ul li.mstaff a,
.music div.menu > nav div.outer ul li.mmusic a,
.story div.menu > nav div.outer ul li.mstory a,
.bbs div.menu > nav div.outer ul li.mbbs a,
.report div.menu > nav div.outer ul li.mreport a,
.diary div.menu > nav div.outer ul li.mdiary a,
.chart div.menu > nav div.outer ul li.mchart a,
.interview div.menu > nav div.outer ul li.minterview a,
.gallery div.menu > nav div.outer ul li.mgallery a,
.present div.menu > nav div.outer ul li.mpresent a {
	color:#fff;
	background-color:#c22828;
}

.cmn div.menu > nav div.outer ul li.mhome a:before {content:"TOP";}
.cmn div.menu > nav div.outer ul li.mnews a:before {content:"News";}
.cmn div.menu > nav div.outer ul li.mintro a:before {content:"Introduction";}
.cmn div.menu > nav div.outer ul li.mcast a:before {content:"Cast";}
.cmn div.menu > nav div.outer ul li.mstaff a:before {content:"Staff";}
.cmn div.menu > nav div.outer ul li.mmusic a:before {content:"Music";}
.cmn div.menu > nav div.outer ul li.mstory a:before {content:"Story";}
.cmn div.menu > nav div.outer ul li.mchart a:before {content:"Chart";}
.cmn div.menu > nav div.outer ul li.minterview a:before {content:"Interview";}
.cmn div.menu > nav div.outer ul li.mpresent a:before {content:"Present";}
.cmn div.menu > nav div.outer ul li.mgallery a:before {content:"Photo Gallery";}
.cmn div.menu > nav div.outer ul li.mbbs a:before {content:"BBS";}
.cmn div.menu > nav div.outer ul li.mreport a:before {content:"Report";}
.cmn div.menu > nav div.outer ul li.mdiary a:before {content:"BLOG";}
@media all and (min-width: 768px) {
div.menu > nav {
	width:980px;
	margin:0 auto;
}
div.menu > nav div.outer ul li:not(:last-child) {
	margin-right:5px;
}
}
@media all and (min-width: 768px) {
div.menu > nav div.outer {
	margin:0 30px;
}
div.menu > nav div.outer ul li a {
	border-width:3px;
	border-radius:8px;
	-webkit-box-shadow:0 0 15px hsla(0,0%,0%,0.3) inset;
	box-shadow:0 0 15px hsla(0,0%,0%,0.3) inset;
}
.cmn div.menu > nav div.outer ul li a:before {
	font-size:125%;
}
.cmn div.menu > nav div.outer ul li a span {
	font-size:75%;
}
}
@media all and (max-width: 767px) {
div.menu > nav div.outer {
	margin:0 26px;
}
div.menu > nav div.outer ul li:not(:last-child) {
	margin-right:4px;
}
div.menu > nav div.outer, div.menu > nav div.outer ul li a {
}
div.menu > nav div.outer ul li a {
	border-width:2px;
	border-radius:4px;
	-webkit-box-shadow:0 0 10px hsla(0,0%,0%,0.3) inset;
	box-shadow:0 0 10px hsla(0,0%,0%,0.3) inset;
}
.cmn div.menu > nav div.outer ul li a:before {
	font-size:112.5%;
}
.cmn div.menu > nav div.outer ul li a span {
	font-size:62.5%;
}
div.menu > nav div.outer ul li a span {
}
}

/* ctrl */
div.menu > nav ul.ctrl li {
	position:absolute;
	top:50%;
	margin-top:-17px;
}
div.menu > nav ul.ctrl li a {
	width:24px;
	height:34px;
	background-image:url(../img/cmn_menu_ctrl.svg);
	background-repeat:no-repeat;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	background-color:#eaeab8;
}
div.menu > nav ul.ctrl li.ctrl-lef {
	left:0;
}
div.menu > nav ul.ctrl li.ctrl-rig {
	right:0;
}

div.menu > nav ul.ctrl li a.hidebtn {
	opacity:0.25;
	cursor:default;
}

@media all and (min-width: 768px) {
div.menu > nav ul.ctrl li a {
}
div.menu > nav ul.ctrl li.ctrl-lef a {
	background-position:0 -95px;
}
div.menu > nav ul.ctrl li.ctrl-rig a {
	background-position:-1px 5px;
}
}
@media all and (max-width: 767px) {
div.menu > nav ul.ctrl li a {
}
div.menu > nav ul.ctrl li.ctrl-lef a {
	background-position:-1px -95px;
}
div.menu > nav ul.ctrl li.ctrl-rig a {
	background-position:0 5px;
}
}


/*	column
============================== */
div.wrap {
	text-align:left;
}
div.wrap div.col-lef {
}
@media all and (min-width: 768px) {
main {
	background-image: -webkit-gradient(linear, center top, center bottom, from(hsla(357, 69%, 46%, 0.95)), to(hsla(357, 69%, 46%, 0)));
	background-image: linear-gradient(hsla(357, 69%, 46%, 0.95), hsla(357, 69%, 46%, 0));
	padding:30px 0;
}
div.wrap {
	width:980px;
	margin:0 auto;
}
div.wrap div.col-lef {
	width:656px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:2px solid hsla(0,0%,0%,0.5);
	float:left;
}
div.wrap div.col-rig {
	width:300px;
	float:right;
}
}
@media all and (max-width: 767px) {
main {
}
div.wrap div.col-lef {
	padding-top:5px;
	background-image: -webkit-gradient(linear, center top, center bottom, from(hsla(357, 69%, 46%, 0.95)), to(hsla(357, 69%, 46%, 0)));
	background-image: linear-gradient(hsla(357, 69%, 46%, 0.95) 5%, hsla(357, 69%, 46%, 0));
}
aside div.sns-timeline {
	background-image: -webkit-gradient(linear, center top, center bottom, from(#00aeea), to(#00407c));
	background-image: linear-gradient(#00aeea, #00407c);
}
}

/*	article
============================== */
div.col-lef > article {
	position:relative;
}
div.col-lef > article h1 span {
	display:block;
}
div.col-lef > article h1 span {
	background-image:url(../img/cmn_h1.png?1015);
	background-repeat:no-repeat;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
div.col-lef > article div.inner,
div.col-lef > article:after {
	background-color:hsla(51,100%,95%,0.9);
}
.report div.col-lef > article div.inner,
.report div.col-lef > article:after {
	background-color:hsla(90,25%,87%,0.9);
}
.diary div.col-lef > article div.inner,
.diary div.col-lef > article:after {
	background-color:hsla(330,100%,91%,0.9);
}
div.col-lef > article > span.garanee,
div.col-lef > article > span.garanee img,
div.col-lef > article > span.zenkamon,
div.col-lef > article > span.zenkamon img {
	display:block;
}
div.col-lef > article > span.garanee,
div.col-lef > article > span.zenkamon {
	position:absolute;
	background-repeat:no-repeat;
	background-position:left top;
}
div.col-lef > article > span.lazy-done {
	-webkit-animation: bounceInRight 500ms;
	animation: bounceInRight 500ms;
}
@media all and (min-width: 768px) {
div.col-lef > article h1 {
	background-image:url(../img/cmn_h1_bg.png);
	background-repeat:no-repeat;
	background-position:left top;
}
.report div.col-lef > article h1 {
	background-image:url(../img/cmn_h1_bg_report.png);
}
.diary div.col-lef > article h1 {
	background-image:url(../img/cmn_h1_bg_blog.png);
}
div.col-lef > article h1,
div.col-lef > article div.inner,
div.col-lef > article:after {
}
div.col-lef > article h1,
div.col-lef > article:after {
	background-repeat:no-repeat;
}
div.col-lef > article h1 {
	height:140px;
	padding-top:24px;
	padding-left:25px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.col-lef > article:after {
	content:"";
	display:block;
	height:30px;
	background-position:right bottom;
}
div.col-lef > article h1 span {
	width:400px;
	height:60px;
/*
	background-image:url(../img/cmn_h1.png);
	background-repeat:no-repeat;
	text-indent:110%;white-space:nowrap;overflow:hidden;
*/
}
div.col-lef > article > span.garanee,
div.col-lef > article > span.garanee img {
	width:180px;
	height:80px;
}
div.col-lef > article > span.garanee {
	left:433px;
	top:1px;
}
div.col-lef > article > span.zenkamon,
div.col-lef > article > span.zenkamon img {
	width:220px;
	height:130px;
}
div.col-lef > article > span.zenkamon {
	right:15px;
	top:5px;
}
.news div.col-lef > article h1 span {background-position:left top;}
.intro div.col-lef > article h1 span {background-position:0 -60px;}
.cast div.col-lef > article h1 span {background-position:0 -120px;}
.staff div.col-lef > article h1 span {background-position:0 -180px;}
.music div.col-lef > article h1 span {background-position:0 -240px;}
.story div.col-lef > article h1 span {background-position:0 -300px;}
.bbs div.col-lef > article h1 span {background-position:0 -360px;}
.comments div.col-lef > article h1 span {background-position:0 -420px;}
.chart div.col-lef > article h1 span {background-position:0 -480px;}
.report div.col-lef > article h1 span {background-position:0 -540px;}
.diary div.col-lef > article h1 span {background-position:0 -600px;}
.interview div.col-lef > article h1 span {background-position:0 -660px;}
.gallery div.col-lef > article h1 span {background-position:0 -720px;}
.present div.col-lef > article h1 span {background-position:0 -780px;}
div.col-lef > article div.inner {
	padding:0 36px 1px;
}
}
@media all and (max-width: 767px) {
div.col-lef > article h1 {
	background-color:#3c1e1e;
/*	background-image: -webkit-gradient(linear, left top, right top, from(#002c70), color-stop(0.25, #00aeea), color-stop(0.75, #00aeea), to(#002c70));
	background-image: -webkit-linear-gradient(left, #002c70, #00aeea 25%, #00aeea 75%, #002c70);
	background-image: linear-gradient(to right, #002c70, #00aeea 25%, #00aeea 75%, #002c70); */
	border-bottom:solid 6px hsla(51,100%,95%,0.75);
}
.report div.col-lef > article h1 {
	background-color:#423d25;
	border-bottom:solid 6px hsla(90,25%,87%,0.75);
	padding:5px 0;
}
.diary div.col-lef > article h1 {
	background-color:#423d25;
	border-bottom:solid 6px hsla(337,41%,34%,0.75);
	padding:5px 0;
}
div.col-lef > article h1 span {
	background-size:440px 616px;
	height:44px;
	margin:0 auto;
}
div.col-lef > article > span.garanee,
div.col-lef > article > span.garanee img {
	width:72px;
	height:32px;
}
div.col-lef > article > span.garanee {
	background-size:cover;
	right:12px;
	top:10px;
}
div.col-lef > article > span.zenkamon,
div.col-lef > article > span.zenkamon img {
	width:76px;
	height:45px;
}
div.col-lef > article > span.zenkamon {
	background-size:cover;
	right:6px;
	top:9px;
}
.diary div.col-lef > article > span.garanee {
	display:none;
}
.news div.col-lef > article h1 span {width:176px;background-position:left top;}
/* ↓+3px */
.intro div.col-lef > article h1 span {width:248px;background-position:0 -41px;}
.cast div.col-lef > article h1 span {width:146px;background-position:0 -85px;}
.staff div.col-lef > article h1 span {width:151px;background-position:0 -129px;}
.music div.col-lef > article h1 span {width:168px;background-position:0 -173px;}
.story div.col-lef > article h1 span {width:168px;background-position:0 -217px;}
.bbs div.col-lef > article h1 span {width:236px;background-position:0 -261px;}
.comments div.col-lef > article h1 span {width:284px;background-position:0 -305px;}
.chart div.col-lef > article h1 span {width:209px;background-position:0 -349px;}
.report div.col-lef > article h1 span {width:242px;background-position:0 -393px;}
.diary div.col-lef > article h1 span {width:297px;background-position:0 -438px;}
.interview div.col-lef > article h1 span {width:297px;background-position:0 -481px;}
.gallery div.col-lef > article h1 span {width:297px;background-position:0 -524px;}
.present div.col-lef > article h1 span {width:297px;background-position:0 -567px;}
div.col-lef > article div.inner {
	padding:14px;
}
}



/*	sns banners
============================== */
div.col-rig div.sns-bnr {
	background-color:hsla(0, 60%, 9%, 0.95);
/*	border-top:5px solid hsla(0,0%,0%,0.5);
	border-bottom:5px solid hsla(0,0%,0%,0.5); */
	padding:10px 0;
}
div.col-rig div.sns-bnr ul {
	margin:0 auto 10px;
}
div.col-rig div.sns-bnr ul li {
	float:left;
}
div.col-rig div.sns-bnr ul li:nth-child(odd) {
	margin-right:10px;
}
div.col-rig div.sns-bnr ul li:nth-child(1), div.col-rig div.sns-bnr ul li:nth-child(2) {
	margin-bottom:10px;
}
div.col-rig div.sns-bnr ul li a,
div.col-rig div.sns-bnr ul li a:before,
div.col-rig div.sns-bnr ul li a span {
	display:block;
	text-decoration:none;
}
div.col-rig div.sns-bnr ul li a {
	font-family:Arial;
	font-weight:bold;
	text-decoration:none;
	padding:8px 0;
}
div.col-rig div.sns-bnr ul li a:before {
	content:"";
	width:25px;
	height:25px;
	background-image:url(../img/sns_icons.svg);
	background-size:100px 25px;
	border-radius:4px;
	margin:0 auto 5px;
}
div.col-rig div.sns-bnr ul li span {
	text-align:center;
	font-family:Arial;
	font-weight:bold;
	font-size:120%;
}
div.col-rig div.sns-bnr ul li.bn-tw a {
	color:#55aecc;
	background-color:#fff;
}
div.col-rig div.sns-bnr ul li.bn-fb a {
	color:#3b5998;
	background-color:#d6eaff;
}
div.col-rig div.sns-bnr ul li.bn-ig a {
	color:#517fa4;
	background-color:#ecf1f5;
}
div.col-rig div.sns-bnr ul li.bn-line a {
	color:#00c300;
	background-color:#e0eaa4;
}
div.col-rig div.sns-bnr ul li.bn-fb a:before {
	background-position:left top;
}
div.col-rig div.sns-bnr ul li.bn-line a:before {
	background-position:-25px 0;
}
div.col-rig div.sns-bnr ul li.bn-tw a:before {
	background-position:-50px 0;
}
div.col-rig div.sns-bnr ul li.bn-ig a:before {
	background-position:-75px 0;
}
div.col-rig div.sns-bnr p {
	text-align:center;
	line-height:1.25;
	color:#fcf5e2;
}
@media all and (min-width: 768px) {
div.col-rig div.sns-bnr {
	margin-bottom:15px;
}
div.col-rig div.sns-bnr ul {
	width:280px;
}
div.col-rig div.sns-bnr ul li a {
	width:135px;
}
div.col-rig div.sns-bnr p {
	font-size:75%;
}
}
@media all and (max-width: 767px) {
div.col-rig div.sns-bnr {
/*	border-bottom:5px solid #7b1700; */
}
div.col-rig div.sns-bnr ul {
	width:300px;
}
div.col-rig div.sns-bnr ul li a {
	width:145px;
}
div.col-rig div.sns-bnr p {
	font-size:62.5%;
}
}


/*	text lines
============================== */

div.inner cite {
	color:#ea337b;
	font-style:normal;
	font-weight:bold;
}
div.col-lef > article p.lines {
	background-position:left bottom;
	background-repeat:repeat;
	text-align: justify;
	text-justify: inter-ideograph; /* IE のみ、こちらも必要 */
	padding: 0 0.75em;
}
@media all and (min-width: 768px) {
div.col-lef > article p.lines {
	font-size:87.5%;
	background-image:url(../img/line30.png);
	line-height:30px;
}
div.col-lef > article p.lines:not(:last-child) {
	margin-bottom:30px;
}
}
@media all and (max-width: 767px) {
div.col-lef > article p.lines {
	font-size:83%;
	background-image:url(../img/line27.png);
	line-height:27px;
}
div.col-lef > article p.lines:not(:last-child) {
	margin-bottom:27px;
}
}


/*	pics main
============================== */

div.col-lef > article figure.cmn-pic-main p {
	border:1px solid #d0c0b3;
	background-color:#fff;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#f7f1d3), color-stop(0.5, #fff), to(#f7f1d3));
	background-image: linear-gradient(#f7f1d3, #fff 50%, #f7f1d3);
}
div.col-lef > article figure.cmn-pic-main p span,
div.col-lef > article figure.cmn-pic-main p span img {
	display:block;
}
div.col-lef > article figure.cmn-pic-main p span {
	background-size:cover;
}
div.col-lef > article figure.cmn-pic-main p span.lazy-done {
	-webkit-animation: fadeIn 500ms;
	animation: fadeIn 500ms;
}
@media all and (min-width: 768px) {
div.col-lef > article figure.cmn-pic-main p {
	padding:9px;
}
div.col-lef > article figure.cmn-pic-main p span,
div.col-lef > article figure.cmn-pic-main p span img {
	width:560px;
	height:372px;
}
.news div.col-lef > article figure.cmn-pic-main p span,
.news div.col-lef > article figure.cmn-pic-main p span img {
	width:516px;
	height:343px;
}

.news div.col-lef > article div#shimamura figure.cmn-pic-main p span,
.news div.col-lef > article div#shimamura figure.cmn-pic-main p span img {
	height:286px;
}

.news div.col-lef > article div#gohan figure.cmn-pic-main p span,
.news div.col-lef > article div#gohan figure.cmn-pic-main p span img {
	height:179px;
}

div.col-lef > article div.inner figure.cmn-pic-main:not(:last-child) {
	margin-bottom:30px;
}
}
@media all and (max-width: 767px) {
div.col-lef > article figure.cmn-pic-main p {
	padding:7px;
}
div.col-lef > article figure.cmn-pic-main p span {
	position:relative;
	height:0;
	background-repeat:no-repeat;
	background-size:cover;
	padding-top:66.4285714%;
}
.news div.col-lef > article div#shimamura figure.cmn-pic-main p span {
	padding-top:55.4263565891%;
}
.news div.col-lef > article div#gohan figure.cmn-pic-main p span {
	padding-top:34.642857142%;
}
div.col-lef > article figure.cmn-pic-main p span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
div.col-lef > article div.inner figure.cmn-pic-main:not(:last-child) {
	margin-bottom:27px;
}
}


/* =================================
	introduction
================================= */

.intro div.c-copy {
	text-align:center;
}
.intro div.c-copy p {
	font-family: Arial;
	font-weight:bold;
	line-height:1.75;
	margin-bottom:1.75em;
	text-shadow: 1px 1px 3px hsla(3,56%,67%,0.5);
}
/*
.intro div.c-copy p:not(:last-child) {
	margin-bottom:1.75em;
}
*/
@media all and (min-width: 768px) {

}
@media all and (max-width: 767px) {
.intro div.c-copy p {
	font-size:87.5%;
}
}


/* =================================
	cast
================================= */


/*	table
============================== */

table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
}
table th, table td {
	vertical-align:top;
	line-height:1.75;
	text-align:left;
	padding-bottom:0.5em;
}
.cast table th, .cast table td {
	vertical-align:bottom;
}
.staff table th, .staff table td {
	padding-bottom:0.75em;
}
.staff table td b {
	color:#e04866;
}
table th {
	text-align:right;
	font-weight:normal;
	color:#e04866;
	white-space: nowrap;
}
.cast table th {
	width:46%;
}
table td.naka {
	font-family: sans-serif;
	color:#997017;
	text-align:center;
	width:2em;
}
@media all and (min-width: 768px) {
table th, table td {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
table th, table td {
	font-size:83%;
}
}


/*	kome
============================== */

main ul.kome li, main ul.kome2 li {
	color:#7b7b7b;
	line-height:1.5;
	margin-bottom:0.2em;
}
main div.nuri ul.kome li {
	color:#000;
}
main article#books ul.kome li {
	color:#c00;
}
main ul.kome li:before, main ul.kome2 li:before {
	display:block;
	float:left;
}
main ul.kome li:before {
	content:"※";
}
main ul.kome2 li:nth-child(1):before {
	content:"※1";
}
main ul.kome2 li:nth-child(2):before {
	content:"※2";
}
main ul.kome li span, main ul.kome2 li span {
	display:block;
}
main ul.kome li span {
	padding-left:1.5em;
}
main ul.kome2 li span {
	padding-left:2.5em;
}
main ul.mgb15em {
	margin-bottom:1.5em;
}
@media all and (min-width: 768px) {
main ul.kome2 {
	margin-bottom:20px;
}
main ul.kome li, main ul.kome2 li {
	font-size:83%;
}
}
@media all and (max-width: 767px) {
main ul.kome2 {
	margin-bottom:12px;
}
main ul.kome li, main ul.kome2 li {
	font-size:75%;
}
}


/* =================================
	music
================================= */

.music div.col-lef div.inner p.copy {
	color:#4e7b66;
	text-align:center;
	line-height:1.5;
	margin-bottom:1.25em;
	font-weight:bold;
	background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(0.5, transparent), color-stop(0.5, hsla(343,58%,68%,0.25)), to(hsla(343,58%,68%,0.25)));
	background-image: linear-gradient(transparent 50%, hsla(343,58%,68%,0.25) 50%);
}
.music div.col-lef div.inner h3 {
	color:#e9dd8a;
	text-shadow:1px 1px 0 #000, -1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, 2px 2px 3px hsla(0,0%,0%,0.3);
	background-position:left top;
	background-image:-webkit-gradient(linear, left top, right top, from(hsla(0,0%,9%,0.5)), to(hsla(0,0%,9%,0)));
	background-image:-webkit-linear-gradient(left, hsla(0,0%,9%,0.5), hsla(0,0%,9%,0));
	background-image:linear-gradient(to right, hsla(0,0%,9%,0.5), hsla(0,0%,9%,0));
	background-color:#ca2e32;
	line-height:1.5;
	padding:0.5em 1em;
	margin-bottom:0.75em;
}
@media all and (min-width: 768px) {
.music div.col-lef div.inner h3 {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
.music div.col-lef div.inner p.copy {
	font-size:87.5%;
}
.music div.col-lef div.inner h3 {
	font-size:83%;
}
}



/*	buttons
============================== */
p.btn-basic {
	position:relative;
	border-radius:12px;
	overflow:hidden;
	-webkit-box-shadow: #ccb299 0 0 5px 0;
	box-shadow: #ccb299 0 0 5px 0;
}
p.btn-basic a,
p.btn-basic span {
	display:block;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	color: #fff;
}
p.btn-basic a {
	text-decoration:none;
	text-shadow:0 2px 2px hsla(0, 0%, 0%, .5);
	background-color:#e04866;
	background-image:-moz-linear-gradient(transparent 50%, #d62c48 50%);
	background-image:-webkit-gradient(linear, left top, left bottom, from(transparent),color-stop(0.5,transparent),color-stop(0.5,#d62c48),to(#d62c48));
	background-image:-ms-linear-gradient(transparent 50%, #d62c48 50%);
	background-image:linear-gradient(transparent 50%, #d62c48 50%);
}
p.btn-basic span {
	text-shadow:0 2px 2px hsla(0, 0%, 0%, .25);
	background-color:#eaccb8;
}
p.btn-basic a:before, p.btn-basic span:before {
	content:"";
	display:block;
	position:absolute;
	left:6px;
	top:50%;
	background-image:url(../img/form_btn.svg);
	background-repeat:no-repeat;
	background-position:0 -60px;
	width:32px;
	height:32px;
	margin-top:-16px;
}
@media all and (min-width: 768px) {
p.btn-basic {
	margin:0 120px 20px;
}
div.column-r p.btn-basic {
	margin:0 0 10px;
}
p.btn-basic a, p.btn-basic span {
	font-size: 87.5%;
	padding:12px 24px 12px 32px;
}
p.btn-basic a:hover {
	background-color:#b8223e;
	background-image:none;
}
}
@media all and (max-width: 767px) {
p.btn-basic {
	margin:0 0 15px;
}
div.column-r p.btn-basic {
	margin:0 15px 5px;
}
p.btn-basic a, p.btn-basic span {
	font-size: 83%;
	padding:10px 16px 10px 24px;
}
}



/*	unit-bx
============================== */

section.unit-bx {
	border:2px solid hsla(357,68%,46%,0.6);
}
section.unit-bx div.bx-inner {
	background-color:hsla(0,0%,100%,0.5);
}
section.unit-bx h2 {
	line-height:1.5;
	text-align:center;
	color:#fff;
	text-shadow: 1px 1px 3px hsla(0,0%,0%,0.4);
	background-color:hsla(357,68%,46%,0.6);
	padding:0.25em;
}
section.unit-bx div.bx-inner p {
	line-height:1.5;
}
section.unit-bx div.bx-inner p {
	margin-bottom:1.5em;
}
@media all and (min-width: 768px) {
section.unit-bx div.bx-inner {
	padding:20px 20px 1px;
}
section.unit-bx:not(:last-child) {
	margin-bottom:30px;
}
section.unit-bx h2 {
	font-size:87.5%
}
section.unit-bx div.bx-inner p:first-child {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
section.unit-bx div.bx-inner {
	padding:12px 12px 1px;
}
section.unit-bx:not(:last-child) {
	margin-bottom:12px;
}
section.unit-bx h2 {
	font-size:83%
}
section.unit-bx div.bx-inner p:first-child {
	font-size:83%;
}
}




/* =================================
	story
================================= */

.story div.title p, .gallery div.title p {
	font-family: 'Vidaloka', 'sans serif';
	color:#fff;
	background-image:url(../img/cmn_h2_line.jpg);
	background-repeat:repeat;
	background-position:left top;
	text-align:right;
}
div.player-outer {
	position:relative;
	height:0;
	/* 9/16×100 */
	padding-top:56.25%;
}
div.player-outer iframe {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media all and (min-width: 768px) {
.story div.title,
.gallery div.title {
	margin-bottom:25px;
}
.story div.title h2, .story div.title h2 span,
.gallery div.title h2, .gallery div.title h2 span {
	background-image:url(../img/story_h2.png?1128);
	background-repeat:no-repeat;
	height:50px;
}
.story div.title h2, .gallery div.title h2 {
	background-position:left top;
	height:50px;
}
.story div.title h2 > span, .gallery div.title h2 > span {
	display:block;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
.story div.one h2 span, .gallery div.one h2 span {background-position:0 -50px;}
.story div.two h2 span, .gallery div.two h2 span {background-position:0 -100px;}
.story div.three h2 span, .gallery div.three h2 span {background-position:0 -150px;}
.story div.four h2 span, .gallery div.four h2 span {background-position:0 -200px;}
.story div.five h2 span, .gallery div.five h2 span {background-position:0 -250px;}
.story div.six h2 span, .gallery div.six h2 span {background-position:0 -300px;}
.story div.seven h2 span, .gallery div.seven h2 span {background-position:0 -350px;}
.story div.eight h2 span, .gallery div.eight h2 span {background-position:0 -400px;}
.story div.nine h2 span, .gallery div.nine h2 span {background-position:0 -450px;}
.story div.ten h2 span, .gallery div.ten h2 span {background-position:0 -500px;}
.story div.eleven h2 span, .gallery div.eleven h2 span {background-position:0 -550px;}

.story div.title p, .gallery div.title p {
	font-size:112.5%;
	line-height:25px;
	margin-right:-36px;
	padding-right:36px;
}
div.player-deco {
	border:10px solid #fff;
	margin-bottom:30px;
}
}
@media all and (max-width: 767px) {
.story div.title, .gallery div.title {
	position:relative;
	margin-bottom:15px;
}
.story div.title:before, .gallery div.title:before {
	content:"";
	width:19px;
	height:44px;
	background-image:url(../img/story_h2.png?1219);
	background-repeat:no-repeat;
	position:absolute;
	left:0;
	top:0;
}
.story div.title h2, .gallery div.title h2 {
	padding-left:22px;
	line-height:1.5;
	margin-bottom:0.5em;
}
.story div.title h2 span, .gallery div.title h2 span {
	display:block;
}
.story div.title h2 > span > span:first-child, .gallery div.title h2 > span > span:first-child {
	font-size:112.5%;
	color:#c1262b;
}
.story div.title h2 > span > span:last-child, .gallery div.title h2 > span > span:last-child {
	font-size:83%;
	color:#392424;
}
.story div.title p, .gallery div.title p {
	font-size:87.5%;
	padding:0.25em 0.75em;
}
div.player-deco {
	border:6px solid #fff;
	margin-bottom:15px;
}
}