#cont{
	padding: 0 100px 50px;
}
.tabarea{
	position:relative;
	width:100%;
	padding:0 100px;
	background:#ddd;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.tab{
	display:flex;
	justify-content:center;
	width:90%;
	max-width:860px;
	margin:0 auto;
}
.tab li{
	display:flex;
	align-items:center;
	justify-content:center;
	width:calc(25% - 5px);
	height:40px;
	margin:0 2.5px;
	border-radius:8px 8px 0 0;
	text-align:center;
	background:#fff;
	color:#333;
	font-size:16px;
	cursor:pointer;
}
.tab li:hover{
	background:#141B4D;
	color:#fff;
}
/*-----------------------------*/
section{
	position:relative;
	padding:100px 0;
	font-size:16px;
}
h1{
	width:100%;
	max-width:400px;
	padding:0 0 25px;
	margin:0 auto 30px;
	line-height:1;
	text-align:center;
	border-bottom:1px solid #ccc;
}
h2.section__title{
	line-height: 1.14285;
	color: #000000;
	margin: 5px 0 40px;
	font-size: 28px;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
h2.section__title span{
	display:block;
	font-family: 'Anek Bangla', sans-serif;
	color: #141B4D;
	font-size: 14px;
	line-height: 2.2857;
	text-align: left;
}
section h3{
	width:100%;
	bottom:0;
	padding:30px 0 0;
	background:url(../img/shain/h3_arrow.svg) no-repeat;
	background-position:center top;
	line-height:1;
	font-size: 14px;
	text-align:center;
}
section h3 span{
	display:block;
	margin:0 0 5px;
	font-family: 'Anek Bangla', sans-serif;
	color: #141B4D;
	font-size: 16px;
	font-weight: bold;
	line-height:1;
}

/*Digest movie-----------------------------*/
#movie{
	padding:140px 0;
}
.mov{
	position:relative;
	width:100%;
	max-width:910px;
	margin:0 auto;
	cursor:pointer;
}
.mov::after{
	position:absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/shain/youtube.svg) no-repeat;
	background-size:10% auto;
	background-position:center;
	z-index:2;
}
.mov img{
	width:100%;
}

/*interview-----------------------------*/
section#interview{
	padding:100px 0 0;
}
.interview{
	position: relative;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: start;
}

/*画像のブロック*/
.interview li:nth-of-type(odd){
	position:relative;
	height:calc(100vh - 100px);
	width:calc(calc(calc(100vh - 100px) / 10) * 9);
	/*aspect-ratio: 9 / 10;*/
	z-index:100;
}
.interview li:nth-of-type(odd) div.stick{
	position:fixed;
	top:100px;
	width:calc(calc(calc(100vh - 100px) / 10) * 9);
}
.interview li:nth-of-type(odd) img{
	width:100%;
	transition: .8s !important;
	opacity: 0;
}

.interview li:nth-of-type(1) img,
.interview li:nth-of-type(odd) img.active{
	visibility: visible;
	opacity: 1;
}

/*記事のブロック*/
.interview li:nth-of-type(even){
	position:relative;
	min-height:calc(100vh - 100px);
	width:calc(100% - calc(calc(calc(100vh - 100px) / 10) * 9));
	padding:100px 0 0 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.interview li:nth-of-type(2){
	padding:100px 0 0 40px;
}

.interview li:last-child{
	min-height:calc(100vh - 100px);
}
.interview li p{
	margin:0 0 80px;
	line-height:2.2;
}
.interview li p span{
	color:#AF272F;
	font-weight:600;
}
.interview li p span.cap{
	font-size:14px;
	color:#000;
	font-weight:400;
}
/*-------------------------------------*/
.column{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin:55px auto 0;
}
.column > div:first-child{
	width:42%;
	line-height:2.2;
}
.column > div:last-child{
	width:50%;
}
.column > div:last-child img{
	width:100%;
}

.message{
	width:100%;
	margin:50px 0 0;
	padding:18px 19px;
	background:#d0d1db;
	border-radius:10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.message div { font-weight:700; margin-bottom:10px; line-height:1.6em; }


/*1week-----------------------------*/
#week{
	padding:140px 0;
	text-align:center;
}
#week .lead{
	margin:0 auto 60px;
	font-size:20px;
	line-height:1.8;
	font-weight:500;
	text-align:center;
}
#week .lead span{
	color: #141B4D;
}
.week img{
	width:90%;
}



@media (max-width:959px){
	h2.section__title{
		line-height: 1.2857;
		padding-bottom: 30px;
	}
}

/*-----------------------------*/
.others{
	width:65%;
	margin:0 auto;
	padding:0;
	text-align:center;
}
.others h2{
	display:inline-block;
	padding:0 94px 24px;
	margin:0 auto 74px;
	font-weight:600;
	font-size:26px;
	line-height:1;
	text-align:center;
	border-bottom:1px solid #999;
}
#others > .bx-wrapper{
	box-shadow:none;
	border:none;
}
.prev-btn{
	width: 30px;
	height: 30px;
	position: absolute;
	left:-80px;
	top:50%;
	margin-top: -15px;
	background:url(../img/shain/btn_prev.svg) no-repeat;
	background-size:100%;
	cursor:pointer;
}
.next-btn{
	width: 30px;
	height: 30px;
	position: absolute;
	right:-80px;
	top:50%;
	margin-top: -15px;
	background:url(../img/shain/btn_next.svg) no-repeat;
	background-size:100%;
	cursor:pointer;
}
.prev-btn a,.next-btn a{
	display:block;
	width:100%;
	height:100%;
}
#others li{
	position:relative;
	width:30%;
	text-align:left;
}
#others li a{
	display:block;
}
.thumb{
	position:relative;
	width:100%;
	aspect-ratio: 10 / 11;
	overflow:hidden;
	border-radius:12px 12px 0 0;
}
.thumb img{
	position:absolute;
	width:100%;
	top:0;
	transform: scale(2.7) translate(0,29%);
}
.copy{
	position:absolute;
	width:100%;
	bottom:0;
	height:80px;
	padding:9px 15px 0;
	border-radius:8px 8px 0 0;
	background: linear-gradient(180deg, #141B4D 0%, #141B4D 100%);
	opacity:0.9;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.copy.large{
	height:100px;
	bottom:0;
}
.copy h4{
	color:#fff;
	font-size:18px;
	font-weight:600;
	line-height:1.4;
}
.detail{
	padding:0.4em 21px 0;
}
.detail i{
	display:block;
	font-size:13px;
	line-height:1.5;
	letter-spacing: 0.05em;
}
.detail em{ 
	display:block;
	padding:10px 0;
	font-size:24px;
	font-family: 'Anek Bangla', sans-serif;
}
.hash{
	display:inline-block;
	margin:0 5px 3px 0;
	padding:2px 10px 4px;
	background:#141B4D;
	color:#fff;
	border-radius:8px;
	font-size:12px;
	font-weight:500;
	line-height:1;
}
@media all and (min-width:960px) and (max-width:1460px){
	.copy{
		padding:9px 8px 0;
	}
	.copy h4{
		font-size:1.2vw;
	}
	.detail{
		padding:0.4em 8px 0;
	}
	.detail i{
		font-size:1vw;
		letter-spacing: -1px;
	}
}



/*-----------------------------*/
.link{
	margin-top: 92px;
}

a.btn_0{
	width: 550px;
    border: 1px solid #141B4D;
    border-radius: 35px;
    padding: 18px 0;
    margin:0 auto;
}

.link-wrapper{
	margin-top: 98px;
	margin-bottom: 40px;
	padding: 0 100px;
	display: flex;
	justify-content: space-between;
}

.link__content{
	font-size: 20px;
	line-height: 1.6;
	box-sizing: border-box;
	display: block;
	background-color: #EEEEEE;
	padding: 60px 0 60px 18px;
	width: 49.1935%;
	text-align: left;
}

.link__blue{
	font-family: 'Anek Bangla', sans-serif;
	font-size: 18px;
	line-height: 1.7777;
	color: #141B4D;
	margin-right: 17px;
}

.pagination{
	margin-top: 40px;
}

.pagination__gray{
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #EEEEEE;
	margin: 0 7px;
}

.pagination__blue{
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: #009CFF;
	margin: 0 7px;
}

@media (max-width:959px){
	
	#cont{
		padding: 0 0 50px;
	}
	
	.tabarea{
		padding:20px 1% 0;
	}
	.tab{
		width:100%;
	}
	.tab li{
		height:60px;
		width:calc(25% - 4px);
		margin:0 2px;
		font-size:13px;
		line-height:1.3;
	}
	/*-----------------------------*/
	section{
		padding:30px 0;
	}
	h1{
		width:90%;
	}


	/*interview-----------------------------*/
	section#interview{
		padding:30px 0 0;
	}
	.interview li:nth-of-type(odd){
		display:none;
	}
	.interview li:nth-of-type(even){
		width:100%;
		margin:0;
		padding:0 5% 60px;
	}
	.interview li:nth-of-type(1){
		height:auto;
	}
	.interview li:last-child{
		height:auto;
		padding:0 5% 30px;
	}
	.interview li > img{
		position:relative;
		left:calc(-5% - 2px);
		width:100vw;
		margin:0 0 25px;
	}
	.interview li p{
		margin:0 0 40px;
	}
	.interview h2.section__title{
		margin:5px 0 0;
	}
	/*-----------------------------------*/
	.column{
		width:90%;
		margin:0 auto;
	}
	.column > div:first-child{
		width:100%;
	}
	.column > div:first-child img{
		width:100%;
	}
	.column > div:last-child{
		width:100%;
	}
	.column h2.section__title{
		margin:5px 0 0;
		font-size:20px;
	}
	/*1week-----------------------------*/
	#week .lead{
		width:90%;
	}
	.week{
		width:90%;
		margin:0 auto;
		overflow-x:scroll;
	}
	.week img{
		width:200%;
	}
	
	
	/*-----------------------------*/
	.others{
		width:90%;
	}
	.others h2{
		margin:0 auto 30px;
	}
	.prev-btn{
		width: 20px;
		height: 20px;
		left:-4%;
		margin-top: -10px;
	}
	.next-btn{
		width: 20px;
		height: 20px;
		right:-4%;
		margin-top: -10px;
	}
	.profile{
		justify-content:space-between;
	}
	.profile li{
		width:49%;
		margin:0 0 40px;
	}
	.thumb img{
		transform: scale(2.7) translate(0,29%);
		transition-duration: 0.4s;
	}
	.copy{
		height:80px;
		bottom:0;
		padding:8px 10px 0;
	}
	.copy.large{
		height:80px;
		bottom:0;
	}
	.copy h4{
		font-size:14px;
		line-height:1.4;
		white-space: nowrap;
	}
	.detail{
		padding:0.4em 5px 0;
	}
	.detail i{
		padding:8px 0 0;
		letter-spacing: normal;
		letter-spacing:-1px;
		font-size:12px;
	}
	.detail em{ 
		padding:10px 0 5px;
	}
	/*-----------------------------*/
	.link{
		margin-top: 0;
	}
	a.btn_0 {
		width:90%;
	}
	.index-btn{
		line-height: 0.91;
		padding: 18px 0;
		width: 313px;
	}

	.link-wrapper{
		margin-top: 69px;
		padding: 0 20px;
		display: block;
	}
	.link__content{
		width: 100%;
		padding: 58px 0 58px 18px;
	}
	.link__content:last-of-type{
		margin-top: 5px;
	}
	.pagination{
		margin-top: 30px;
	}
}