/* =================================
	Episode CSS
================================= */

article.pinchos {
	background-color:hsla(0,0%,100%,0.9);
	color:#333;
}
article.pinchos h2 {
	text-align:center;
	color:#2a72ac;
	font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	line-height:1.6;
}
article.pinchos h2::after {
	content:"";
	display:block;
	height:2px;
	background-image: -webkit-gradient(linear, left top, right top, from(hsla(0,0%,0%,0)), color-stop(0.25, hsla(0,0%,0%,1)), color-stop(0.75, hsla(0,0%,0%,1)), to(hsla(0,0%,0%,0)));
	background-image: -webkit-linear-gradient(left, hsla(0,0%,0%,0), hsla(0,0%,0%,1) 25%, hsla(0,0%,0%,1) 75%, hsla(0,0%,0%,0));
	background-image: linear-gradient(to right, hsla(0,0%,0%,0), hsla(0,0%,0%,1) 50%, hsla(0,0%,0%,1) 75%, hsla(0,0%,0%,0));
	margin-bottom:1em;
}
article.pinchos h2 > span {
	display:block;
	padding-bottom:0.25em;
}
article.pinchos p {
	line-height:1.6;
}
article.pinchos p:not(:last-child) {
	margin-bottom:1.5em;
}
div.main-inner section.unit dl:not(:last-child) {
	margin-bottom:2.5em;
}
@media all and (min-width: 768px) {
div.main-inner article.pinchos:not(:last-child) {
	margin-bottom:30px;
}
article.pinchos {
	position:relative;
	padding:20px;
}
article.pinchos p {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
div.main-inner article.pinchos:not(:last-child) {
	margin-bottom:15px;
}
article.pinchos {
	padding:12px;
}
article.pinchos p {
	font-size:83%;
}
}



div.main-inner section.unit {
	text-align:center;
}
div.main-inner section.unit h2, div.main-inner section.unit dl dt, div.main-inner section.unit h3 {
	font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
div.main-inner section.unit h2, div.main-inner section.unit h3,
div.main-inner section.unit dl dt, div.main-inner section.unit dl dd, div.main-inner section.unit p {
	line-height:1.6;
}
div.main-inner section.unit p {
	text-align:left;
}
div.main-inner section.unit h2::after {
	content:"";
	display:block;
	height:2px;
	background-image: -webkit-gradient(linear, left top, right top, from(hsla(0,0%,100%,0)), color-stop(0.25, hsla(0,0%,100%,1)), color-stop(0.75, hsla(0,0%,100%,1)), to(hsla(0,0%,100%,0)));
	background-image: -webkit-linear-gradient(left, hsla(0,0%,100%,0), hsla(0,0%,100%,1) 25%, hsla(0,0%,100%,1) 75%, hsla(0,0%,100%,0));
	background-image: linear-gradient(to right, hsla(0,0%,100%,0), hsla(0,0%,100%,1) 50%, hsla(0,0%,100%,1) 75%, hsla(0,0%,100%,0));
	margin-bottom:1em;
}
div.main-inner section.unit h2 > span {
	display:block;
	padding-bottom:0.25em;
}
div.main-inner section.unit h2 {
	color:#b2e6f0;
}
div.main-inner section.unit h3 {
	color:#b2e6f0;
	margin-bottom:0.75em;
}
div.main-inner section.unit dl dt {
	font-weight:bold;
	color:#5ed6fc;
}
div.main-inner section.unit dl dd:not(:last-child) {
	margin-bottom:1em;
}
div.main-inner section.unit p:not(:last-child) {
	margin-bottom:1.5em;
}
@media all and (min-width: 768px) {
div.main-inner section.unit:not(:last-child) {
	margin-bottom:30px;
}
div.main-inner section.unit h2 {
	font-size:125%;
}
div.main-inner section.unit dl dt,
div.main-inner section.unit dl dd,
div.main-inner section.unit p {
	font-size:87.5%;
}

}
@media all and (max-width: 767px) {
div.main-inner section.unit:not(:last-child) {
	margin-bottom:20px;
}
div.main-inner section.unit h2 {
	font-size:112.5%;
}
div.main-inner section.unit h3 {
	font-size:87.5%;
}
div.main-inner section.unit dl dt,
div.main-inner section.unit dl dd,
div.main-inner section.unit p {
	font-size:83%;
}

}


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

div.menu-tab nav ul {
	list-style-type:none;
	display:table;
	width:100%;
}
div.menu-tab nav ul li {
	width:20%;
	display:table-cell;
}

/*
div.menu-tab nav ul li:nth-child(4n-3) a {
	margin-right:6px;
}
div.menu-tab nav ul li:nth-child(4n-2) a {
	margin-left:2px;
	margin-right:4px;
}
div.menu-tab nav ul li:nth-child(4n-1) a {
	margin-left:4px;
	margin-right:2px;
}
div.menu-tab nav ul li:nth-child(4n) a {
	margin-left:6px;
}
*/

div.menu-tab nav ul li:nth-child(5n-4) a {
	margin-right:4px;
}
div.menu-tab nav ul li:nth-child(5n-3) a {
	margin-left:1px;
	margin-right:3px;
}
div.menu-tab nav ul li:nth-child(5n-2) a {
	margin-left:2px;
	margin-right:2px;
}
div.menu-tab nav ul li:nth-child(5n-1) a {
	margin-left:3px;
	margin-right:1px;
}
div.menu-tab nav ul li:nth-child(5n) a {
	margin-left:4px;
}

div.menu-tab nav ul li a,
div.menu-tab nav ul li a > span {
	display:block;
}
div.menu-tab nav ul li a {
	text-decoration:none;
	background-color:hsla(0,0%,100%,0.5);
	border-top:2px solid transparent;
	border-bottom:2px solid transparent;
}
.epi01 div.menu-tab nav ul li.mepi01 a,
.epi02 div.menu-tab nav ul li.mepi02 a,
.epi03 div.menu-tab nav ul li.mepi03 a,
.epi04 div.menu-tab nav ul li.mepi04 a,
.epi05 div.menu-tab nav ul li.mepi05 a {
	background-color:hsla(0,0%,100%,1);
}
div.menu-tab nav ul li a > span {
	font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	text-align:center;
	color: #000;
	background-color:#e5b36d;
	padding:0.5em 0;
	line-height:1.5;
	letter-spacing:0.2em;
	padding-left:0.2em;
}
div.menu-tab nav ul li a > span span {
	font-weight:bold;
	font-size:112.5%;
}
div.menu-tab nav ul li.nolink a {
	opacity:0.25;
	cursor:default;
}
@media all and (min-width: 768px) {
div.menu-tab {
	margin-bottom:30px;
}
div.menu-tab nav ul li:not(.nolink) a:hover > span {
	background-color:#dea048;
}
}
@media all and (max-width: 767px) {
div.menu-tab {
	margin-bottom:20px;
}
div.menu-tab nav ul li a > span {
	font-size:87.5%;
}
}





/*	carousel
============================== */
div.carousel {
	position:relative;
}
div.carousel div.outer {
	position:relative;
	margin:0 30px;
	overflow:hidden;
}
div.carousel div.outer ul {
	position:absolute;
	display:table;
	-webkit-transform: translateZ(0);
}
div.carousel div.outer ul.inner li {
	display:table-cell;
	padding-right:6px;
}
div.carousel div.outer ul.inner li > span,
div.carousel div.outer ul.inner li > span > img {
	display:block;
}
div.carousel div.outer ul.inner li > span {
	text-decoration:none;
	background-color:hsla(0,0%,100%,0.5);
}
div.carousel div.outer ul.inner li > span {
	position:relative;
	background-position:left top;
	background-size:cover;
}

@media all and (min-width: 768px) {
div.carousel div.outer {
	height:236px;
}
div.carousel div.outer ul.inner li > span > img {
	width:420px;
	height:236px;
}
}
@media all and (min-width: 375px) and (max-width: 767px) {
div.carousel div.outer {
	height:136px;
}
div.carousel div.outer ul.inner li > span > img {
	width:242px;
	height:136px;
}
}
@media all and (max-width: 374px) {
div.carousel div.outer {
	height:115px;
}
div.carousel div.outer ul.inner li > span > img {
	width:204px;
	height:115px;
}
}



/*	disc
============================== */
div.carousel ul.ctrl-disc {
	text-align:center;
	height:34px;
	/* background-color:hsla(0,0%,100%,0.5); */
}
div.carousel ul.ctrl-disc li {
	display:inline-block;
	width:24px;
	padding-top:9px;
}
div.carousel ul.ctrl-disc li a {
	display:inline-block;
	text-decoration:none;
	width:16px;
	height:16px;
	background-color:hsla(0,0%,100%,0.6);
	border-radius:8px;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
div.carousel ul.ctrl-disc li a.now {
	background-color:#006a6a;
}

/*	arrow
============================== */
div.carousel ul.ctrl-arrow li {
	position:absolute;
	/* top:50%;
	margin-top:-17px; */
}
div.carousel ul.ctrl-arrow li.ctrl-lef {
	left:0;
}
div.carousel ul.ctrl-arrow li.ctrl-rig {
	right:0;
}
div.carousel ul.ctrl-arrow li a {
	display:block;
	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:#eaeab8;
}
div.carousel ul.ctrl-arrow li.ctrl-lef a {
	background-position:-5px 0;
}
div.carousel ul.ctrl-arrow li.ctrl-rig a {
	background-position:-39px 0;
}
div.carousel ul.ctrl-arrow li.ctrl-lef a:hover {
	background-position:-73px 0;
}
div.carousel ul.ctrl-arrow li.ctrl-rig a:hover {
	background-position:-107px 0;
}
@media all and (min-width: 768px) {
div.carousel ul.ctrl-arrow li {
	top:101px;
}
}
@media all and (min-width: 375px) and (max-width: 767px) {
div.carousel ul.ctrl-arrow li {
	top:51px;
}
}
@media all and (max-width: 374px) {
div.carousel ul.ctrl-arrow li {
	top:40px;
}
}