@charset "UTF-8";
/* ==================================================
	override future-shop css styles
================================================== */
body{
	 
}

/* ==================================================
	特集ページ用 styles（共通）
================================================== */
/* reusefll */
.text-align-center{
    text-align: center;
}
.text-align-left{
    text-align: left;
}
.text-align-right{
    text-align: right;
}

/* layouts */
.feature-wrapper{
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}
.feature-wrapper a{
	text-decoration: none;
	color: #333;
}
.fs-l-pageMain .section{
	padding: 4rem 0;
}
.section:not(:last-child){
	border-bottom: 1px solid #ccc;
}
.title{
	text-align: center;
}

/* .pagination */
.pagination-contents{
	display: flex;
	justify-content: center;
	margin: 1rem auto;
	padding: 0;
}
.pagination-item{
    list-style: none;
    margin: .5rem;
}
.pagination-item a{
	display: inline-block;
	font-size: 1.5rem;
	padding: .75em 2.5em;
	border-radius: .25em;
    background-color: #ccc;
    color: #333;
    transition: .3s;
}
.pagination-item a:hover{
	opacity: .7;
}
.pagination-item.is-active a{
	background-color: #ffc000;
	 color: #fff;
}
/* .interlinked */
.interlinked{
    display: flex;
    justify-content: center;
    width: 100%;
}
/* .interlinked-image */
.interlinked-image-wrapper{
    width: 100%;
    position: relative;
    margin: 0;
}
.interlinked-image-link-wrapper{
	position: relative;
}
.interlinked-image-link-inner{
	overflow-x: auto;
}
.interlinked-image-link-box{
	width: 100%;
	position: relative;
}
.interlinked-image{
	width: 100%;
}
.interlinked-image-link-item{
	/*opacity: .6;*//**位置確認用に透過**/
	/* display: none; */
	list-style: none;
	position: absolute;
	background-color: #ead79d;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	transition: .3s;
}

/* .interlinked-table */
.interlinked-table-wrapper{
	overflow-x: auto;
}
.interlinked-table-wrapper.is-table-right{
	width: 180px;
	min-width: 180px;
	display: none;
}
.interlinked-table-wrapper.is-table-right .interlinked-table{
	width: 180px;
}
.interlinked-table-wrapper.is-table-bottom .interlinked-table{
	min-width: 480px;
	margin: 0 auto;
}
.interlinked-table {
	width: 100%;
	margin: 0 auto 1rem;
	border-collapse: collapse;
	border: 1px solid #666666;
	font-size: 12px;
}
.interlinked-table a{
	text-decoration: underline;
}
.interlinked-table th,
.interlinked-table td{
	padding: 2px 4px;
	font-weight: normal;
    vertical-align: middle;
    border-bottom: 1px solid #666666;
    border-right: 1px solid #666666;
}

.interlinked-table tr td:nth-child(n+3){
	text-align: center;
}
.interlinked-table tr:nth-child(odd) td,
.interlinked-table tr:nth-child(odd) th {
    background-color: #f2f2f2;
}
.interlinked-table thead{
	border-bottom: 1px solid #666666;
}
.interlinked-table thead th{
	background-color: #ddebf7!Important;
}

/* .interlinked-link-item hover */
.interlinked-image-link-item:hover,
.interlinked-image-link-item.is-active-link{
	cursor: pointer;
	color: #fff;
	background-color: #ffc000;
	box-shadow: 0px 0px 3px rgb(0 0 0 / 50%);
	transform: scale(1.65);
	z-index: 2;
}
.interlinked-table .is-active-tr1 th,
.interlinked-table .is-active-tr1 td,
.interlinked-table .is-active-tr2 th,
.interlinked-table .is-active-tr2 td{
	background-color: #ffc000!important;
}
/*
	respoonsive
================================*/
@media screen and (min-width: 600px){
    
}
@media screen and (min-width: 768px){
    
}
@media screen and (min-width: 960px){
	.interlinked-image-wrapper{
        width: 960px;
	}
	.interlinked-image-link-item{
    	display: block;
    }
}
@media screen and (min-width: 1200px){
    .interlinked-table-wrapper.is-table-right{
    	display: block;
    }
    .interlinked-table-wrapper.is-table-bottom {
	    max-width: calc(100% - 16px);
    }
}

/* ==================================================
	特集ページ用 styles（個別）
================================================== */

/*
    #case-study +23〜24
================================*/
.interlinked-image-link-item{
	/*opacity: .6;*/
	/*transform: scale(1)!Important;*/
}
/* 20 */
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(1){
    top: 37.1%;
    left: 76.0%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(2){
    top: 38.8%;
    left: 71.8%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(3){
    top: 38.8%;
    left: 67.7%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(4){
    top: 38.8%;
    left: 63.2%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(5){
    top: 38.8%;
    left: 58.8%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(6){
    top: 38.8%;
    left: 55.7%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(7){
    top: 37.5%;
    left: 51.9%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(8){
    top: 38.8%;
    left: 47.9%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(9){
    top: 38.8%;
    left: 44.2%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(10){
    top: 35.8%;
    left: 40.9%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(11){
    top: 33.4%;
    left: 34.0%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(12){
    top: 35.8%;
    left: 30.2%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(13){
    top: 35.8%;
    left: 28.6%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(14){
    top: 45.8%;
    left: 66.9%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(15){
    top: 46.7%;
    left: 59.2%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(16){
    top: 46.7%;
    left: 54.3%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(17){
    top: 54.0%;
    left: 64.7%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(18){
    top: 46.7%;
    left: 46.4%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(19){
    top: 46.7%;
    left: 48.2%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(20){
    top: 46.7%;
    left: 44.5%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(21){
    top: 46.7%;
    left: 39.9%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(22){
    top: 46.7%;
    left: 35.8%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(23){
    top: 46.7%;
    left: 33.7%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(24){
    top: 46.7%;
    left: 31.6%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(25){
    top: 46.7%;
    left: 29.8%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(26){
    top: 54.0%;
    left: 42.6%;
}
#case-study .is-seats-20 .interlinked-image-link-item:nth-child(27){
    top: 54.0%;
    left: 36.3%;
}

/* 40 */
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(1){
    top: 22.5%;
    left: 33.9%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(2){
    top: 24.7%;
    left: 37.2%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(3){
    top: 24.7%;
    left: 43.7%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(4){
    top: 24.6%;
    left: 50.5%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(5){
    top: 24.6%;
    left: 52.1%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(6){
    top: 24.3%;
    left: 55.9%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(7){
    top: 24.3%;
    left: 61.1%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(8){
    top: 18.8%;
    left: 53.2%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(9){
    top: 18.8%;
    left: 59.8%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(10){
    top: 26.5%;
    left: 66.3%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(11){
    top: 26.5%;
    left: 68.0%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(12){
    top: 20.0%;
    left: 67.2%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(13){
    top: 24.1%;
    left: 70.4%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(14){
    top: 28.8%;
    left: 45.8%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(15){
    top: 28.8%;
    left: 49.3%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(16){
   top: 28.8%;
    left: 53.6%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(17){
    top: 28.8%;
    left: 59.0%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(18){
    top: 28.8%;
    left: 63.9%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(19){
    top: 28.9%;
    left: 68.1%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(20){
    top: 47.6%;
    left: 75.1%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(21){
    top: 41.9%;
    left: 74.9%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(22){
    top: 31.4%;
    left: 74.6%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(23){
    top: 24.5%;
    left: 75.1%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(24){
    top: 21.1%;
    left: 74.8%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(25){
    top: 46.1%;
    left: 49.3%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(26){
    top: 46.1%;
    left: 55.8%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(27){
    top: 46.1%;
    left: 60.5%;
} 
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(28){
    top: 47.0%;
    left: 62.9%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(29){
    top: 47.0%;
    left: 65.1%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(30){
    top: 46.2%;
    left: 68.3%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(31){
    top: 41.5%;
    left: 69.7%;
}
#case-study .is-seats-40 .interlinked-image-link-item:nth-child(32){
    top: 52.1%;
    left: 28.1%;
}   


@media screen and (min-width: 600px){
    
}
@media screen and (min-width: 768px){
    
}
@media screen and (min-width: 960px){

	
}
@media screen and (min-width: 1200px){

}