/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	/* 数字をクリックで〜 */
	#midokoro p.kome{
		position: absolute;
		bottom: -1.4vw;
	}
	/* ＝＝＝紹介のスライダー設定＝＝＝ */
	/* 背景 */
	#midokoro {
		position: relative;
		z-index: 3;
		height: 32vw;
		background: url(../img/row04_bg.jpg) no-repeat center left / 45.7vw auto;
		margin: 5.4vw 0 0 4.2vw;
	}

	/* 数字 */
	#tags{
		position: relative;
	}
	#tags div{
		cursor: pointer;	
		-webkit-transition: all .0s;
		transition: all .0s;
	}
	#tags span.select , #tags span:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	}

	/* スライダーボタン */
	#tab01{
		position: absolute;
		background: url(../img/b_01.png) no-repeat center top / 100% auto;
		text-indent: -9999px;
		width: 2.7vw;
		height: 2.8vw;
		top: 13vw;
		left: 50%;
		margin-left: -34vw;
	}
	#tab01:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	}
	#tab02{
		position: absolute;
		width: 2.7vw;
		height: 2.8vw;
		background: url(../img/b_02.png) no-repeat center top / 100% auto;
		text-indent: -9999px;
		top: 12vw;
		left: 50%;
		margin-left: -30vw;
	}
	#tab02:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	}
	#tab03{
		position: absolute;
		width: 2.7vw;
		height: 2.8vw;
		background: url(../img/b_04.png) no-repeat center top / 100% auto;
		text-indent: -9999px;
		top: 17.4vw;
		left: 50%;
		margin-left: -37.4vw;
	}
	#tab03:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	}
	#tab04{
		position: absolute;
		width: 2.7vw;
		height: 2.8vw;
		background: url(../img/b_03.png) no-repeat center top / 100% auto;
		text-indent: -9999px;
		top: 15vw;
		margin-left: 22vw;
	}
	#tab04:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	}
	#tab05{
		position: absolute;
		z-index: 3;
		width: 2.7vw;
		height: 2.8vw;
		background: url(../img/b_05.png) no-repeat center top / 100% auto;
		text-indent: -9999px;
		top: 19.5vw;
		left: 50%;
		margin-left: -35vw;
	}
	#tab05:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	}
	#tab06{
		position: absolute;
		z-index: 3;
		width: 2.7vw;
		height: 2.8vw;
		background: url(../img/b_06.png) no-repeat center top / 100% auto;
		text-indent: -9999px;
		top: 21.2vw;
		left: 50%;
		margin-left: -8.2vw;
	}
	#tab06:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	}



	.tab02{
		display: none;
	}
	.tab03{
		display: none;
	}
	.tab04{
		display: none;
	}
	.tab05{
		display: none;
	}
	.tab06{
		display: none;
	}

/* 解説部分 */


	#choice {
		position: absolute;
		left: 50%;
		margin-left: 0vw;
		padding-right: 4vw;
	}	
	/* タイトル */
	#choice h3{
		font-size: 2vw;
	
	}
	  /* 画像 1 2 */
	  #choice .tab01 figure img,
	  #choice .tab02 figure img,
	  #choice .tab03 figure img,
	  #choice .tab04 figure img,
	  #choice .tab05 figure img,
	  #choice .tab06 figure img {
		width: 24vw;
		margin: 1vw 1vw 1vw 0;
	  }


}
/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	/* 数字をクリックで〜 */
	#midokoro p.kome{
		position: absolute;
		top: 73.6vw;
	}
	/* ＝＝＝紹介のスライダー設定＝＝＝ */
	/* 背景 */
	#midokoro {
		position: relative;
		z-index: 3;
		background: url(../img/sp_map.jpg) no-repeat center top / 100% auto;
		margin: 9vw 4vw 18vw;
		padding-top: 88vw;
	}

	/* 数字 */
	#tags{
		position: relative;
	}
	#tags div{
		cursor: pointer;	
		-webkit-transition: all .0s;
		transition: all .0s;
	}
	#tags span.select , #tags span:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	}

	/* スライダーボタン */
	#tab01{
		position: absolute;
		background: url(../img/b_01.png) no-repeat center top / 100% auto;
		text-indent: -9999px;
		width: 8.7vw;
		height: 8.8vw;
		top: -22vw;
		left: 0;
	}
	#tab01:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	}
	#tab02{
		position: absolute;
		background: url(../img/b_02.png) no-repeat center top / 100% auto;
		text-indent: -9999px;
		width: 8.7vw;
		height: 8.8vw;
		top: -22vw;
		left: 12vw;
	}
	#tab02:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	}
	#tab03{
		position: absolute;
		background: url(../img/b_04.png) no-repeat center top / 100% auto;
		text-indent: -9999px;
		width: 8.7vw;
		height: 8.8vw;
		top: -22vw;
		left: 36vw;
	}
	#tab03:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	}
	#tab04{
		position: absolute;
		background: url(../img/b_03.png) no-repeat center top / 100% auto;
		text-indent: -9999px;
		width: 8.7vw;
		height: 8.8vw;
		top: -22vw;
		left: 24vw;
	}
	#tab04:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	}
	#tab05{
		position: absolute;
		background: url(../img/b_05.png) no-repeat center top / 100% auto;
		text-indent: -9999px;
		width: 8.7vw;
		height: 8.8vw;
		top: -22vw;
		left: 48vw;
	}
	#tab05:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	}
	#tab06{
		position: absolute;
		background: url(../img/b_06.png) no-repeat center top / 100% auto;
		text-indent: -9999px;
		width: 8.7vw;
		height: 8.8vw;
		top: -22vw;
		left: 60vw;
	}
	#tab06:hover{
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha( opacity=70 )";
	}



	.tab02{
		display: none;
	}
	.tab03{
		display: none;
	}
	.tab04{
		display: none;
	}
	.tab05{
		display: none;
	}
	.tab06{
		display: none;
	}

	/* 解説部分 */
/* 
		#choice {
			position: absolute;
			top: 89vw;
		} */

			/* タイトル */
	#choice h3{
		font-size: 5vw;
	
	}
	  /* 画像 1 2 */
	  #choice .tab01 figure img,
	  #choice .tab02 figure img,
	  #choice .tab03 figure img,
	  #choice .tab04 figure img,
	  #choice .tab05 figure img,
	  #choice .tab06 figure img {
		width: 100%;
		margin: 4vw 0 0 0;
	  }

}