@charset "UTF-8";
/* auther: cee; */

#kv {
color: #fff;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
position: relative;
}
#kv::before {
width: 100%;
height: 100%;
content: '';
background: linear-gradient(45deg, rgba(45,40,35,.9), rgba(45,40,35,.3));
display: block;
position: absolute;
left: 0;
top: 0;
}
#sub-kv {
	color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	}
#sub-kv::before {
	width: 100%;
	height: 100%;
	content: '';
	background: linear-gradient(45deg, rgba(45,40,35,.9), rgba(45,40,35,.3));
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	}
article h3 {text-align: center;}

.episode .wrap {
background: url(/jpn/images/common/episode_bg.jpg) no-repeat center bottom;
background-size: cover;
}
.episode .box:nth-of-type(odd) {background: rgba(255,255,255,.9);}
.episode .box:nth-of-type(even) {background: rgba(255,255,255,.8);}
.episode h4 {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
text-align: left;
}
@media all and (-ms-high-contrast: none) {
	.episode h4 {font-family: 'メイリオ', 'Meiryo', 'MS PGothic', 'Hiragino Kaku Gothic ProN', sans-serif;}
}

.takumi {
color: #fff;
background: rgb(28,28,28);
overflow: hidden;
position: relative;
}
.takumi::before {
width: 200%;
height: 200%;
content: '';
background: linear-gradient(45deg, rgba(255,255,255,.1), rgba(255,255,255,0));
position: absolute;
}
.takumi .container {position: relative;}
.takumi .container::before {
color: #616161;
content: 'TAKUMI';
text-align: center;
letter-spacing: 5px;
background: url(/jpn/images/common/takumi.png) no-repeat center top;
position: absolute;
top: 0;
}
.takumi ol{
	line-height:150%;
	margin-left: 40px
}
.takumi ol li{
	margin-bottom: 40px
}

@media all and (min-width:995px) {
	.takumi {padding: 150px 0;}
	.takumi::before {
	border-radius: 180% / 200%;
	left: 3%;
	top: 10%;
	}
	.takumi h4 {text-align: left;}
	.takumi .container {
	max-width: 1275px;
	padding-left: calc(10vw + 300px);
	}
	.takumi .container::before {
	width: 220px;
	padding-top: 240px;
	background-size: contain;
	left: 10vw;
	}
	.takumi p {margin-left: 0;}
	.episode {padding-top: 150px;}
	.episode h3 {margin-bottom: 150px;}
	.episode .wrap {padding: 60px 0;}
	.episode .box {padding: 60px;}
	.episode h4 {
	max-width: 260px;
	float: left;
	}
	.episode p {margin-left: 290px;}
	.episode p::after{
		content: " ";
		display:block;
		clear: both;
	}
}
@media all and (max-width:994.9px) {
	.takumi {padding: 60px 0 120px;}
	.takumi::before {
	border-radius: 300px / 200px;
	left: 0;
	top: 80px;
	}
	.takumi .container {padding-top: 200px;}
	.takumi .container::before {
	width: 100%;
	height: 100%;
	padding-top: 130px;
	background-size: auto 120px;
	left: 0;
	}
	.episode {padding-top: 120px;}
	.episode h4 {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	}
	.episode h3 {margin-bottom: 120px;}
	.episode .wrap {padding: 20px 0;}
	.episode .box {padding: 40px 20px;}
}