@charset "UTF-8";

@media screen and (max-width: 767px) {
	.mr .main div{
		background: url("/content/dam/31sumai/mfr/G2401/asset/images/common/main/main_mr_sp.png") left bottom no-repeat;
		background-size: cover;
	}
	.mr .lead_obi{
		margin-bottom: 0;
	}
	.mr #tablink{
		height: 106px;
		width: 100%;
		display: block;
	}
ul.tab_mr {
		display: flex;
		justify-content: space-between;
		margin: 0 20px 30px;
	}
	ul.tab_mr li {
		width: calc((100% - 20px)/2);
	}
	ul.tab_mr li a {
		background-color: #1e243a;
		color: #fff;
		display: block;
		font-size: 18px;
		text-align: center;
		padding: 5px 0;
		text-decoration: none;
		letter-spacing: 0.1em;
		text-indent: 0.1em;
		opacity: 0.5;
	}
	
 ul.tab_mr li a.active {
		opacity: 1;
	}
		.mr_contents {
		margin: 0 auto 30px;
	}
	.mr_slide div.slick-slide{
		position: relative;
	}
	.mr_slide div.slick-slide span{
		position: absolute;
		right: 5px;
		bottom: 3px;
		font-size: 10px;
		color: #fff;	
	}
	.mr_slide div.slick-slide span:nth-of-type(2){
		right: calc(50% + 5px) ;
	}
	.mr_slide div.slick-slide span.sb{
		color: #000;
	}
.slick-dots{
 position: static;
	display: flex;
	flex-wrap:wrap;
	padding: 10px 10px 0;

}
.slick-dots li,
	.slick-dots li button{
  transition: .5s;
}
.slick-dots li{
 position: relative;
	display: block;
 margin: 0 2px 2px 0;
 height: auto;
	border: none;
	border-radius: 0;
	width : calc((100% - 6px)/4) ;
}
	.slick-dots li:nth-of-type(4n){
		margin-right: 0;
	}
.slick-dots li button{
 display: block;
	width: 100%;
	height: auto;
	padding-top: 64%;
	background-color: #000!important;
	opacity: 0.6;
 }
.slick-dots li.slick-active {
	border: none;
}
	
.slick-dots li.slick-active button{
	opacity: 0;
}
	
}



@media screen and (min-width: 768px) {
	.mr{}
	
	.mr .main div{
		background: url("/content/dam/31sumai/mfr/G2401/asset/images/common/main/main_mr.png") left bottom no-repeat;
		background-size: cover;
	}
	.mr .lead_obi{
		margin-bottom: 0;
	}
	.mr #tablink{
		height: 100px;
		width: 100%;
		display: block;
	}
	
	ul.tab_mr {
		display: flex;
		justify-content: space-between;
		margin: 0 auto 40px;
		width: 680px;
	}
	ul.tab_mr li {
		width: calc((100% - 40px)/2);
	}
	ul.tab_mr li a {
		transition: 0.3s;
		background-color: #1e243a;
		color: #fff;
		display: block;
		opacity: 0.5;
		font-size: 24px;
		text-align: center;
		padding: 10px;
		text-decoration: none;
		letter-spacing: 0.1em;
		text-indent: 0.1em;
		cursor: pointer;
	}
	ul.tab_mr li a:hover, ul.tab_mr li a.active {
		opacity: 1;
	}
	 ul.tab_mr li a.active {
			cursor: default;
	}
		.mr_contents {
		width: 1000px;
		margin: 0 auto 60px;
	}
	.mr_slide div.slick-slide{
		position: relative;
	}
	.mr_slide div.slick-slide span{
		position: absolute;
		right: 10px;
		bottom: 5px;
		font-size: 10px;
		color: #fff;	
	}
	.mr_slide div.slick-slide span:nth-of-type(2){
		right: calc(50% + 10px) ;
	}
	.mr_slide div.slick-slide span.sb{
		color: #000;
	}
.slick-dots{
 position: static;
	display: flex;
	flex-wrap:wrap;
	margin-top: 10px;
}
.slick-dots li,
	.slick-dots li button{
    transition: .5s;
}
.slick-dots li{
 position: relative;
	display: block;
 margin: 0 10px 10px 0;
 height: auto;
	border: none;
	border-radius: 0;
	width : calc((100% - 50px)/6) ;
}
	.slick-dots li:nth-of-type(6n){
		margin-right: 0;
	}
.slick-dots li button{
 display: block;
	width: 100%;
	height: auto;
	padding-top: 64%;
	background-color: #000!important;
	opacity: 0.6;
 }
.slick-dots li.slick-active {
	border: none;
}
	
.slick-dots li.slick-active button,.slick-dots li button:hover{
	opacity: 0;
}

	/* 左右ボタン */
	.slick-prev,.slick-next{
		background: none;
		display: block;
  width: 40px;
  height: 40px;
  margin: 0;
  border-left: 4px solid #1e243a;
  border-bottom: 4px solid #1e243a;
		top: 300px;
}
.slick-prev{
	left: -50px;
	transform: rotate(45deg);
	}
	.slick-next{
transform: rotate(-135deg);
	right: -50px;
	}
	
	
}

/* PC・SP共通 */
#mrs70b .slick-dots li:nth-of-type(1){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s70b/img1.jpg") left top no-repeat;
    background-size: cover;
}
#mrs70b .slick-dots li:nth-of-type(2){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s70b/img2.jpg") left top no-repeat;
    background-size: cover;
}
#mrs70b .slick-dots li:nth-of-type(3){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s70b/img3.jpg") left top no-repeat;
    background-size: cover;
}
#mrs70b .slick-dots li:nth-of-type(4){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s70b/img4.jpg") left top no-repeat;
    background-size: cover;
}
#mrs70b .slick-dots li:nth-of-type(5){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s70b/img5.jpg") left top no-repeat;
    background-size: cover;
}
#mrs70b .slick-dots li:nth-of-type(6){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s70b/img6.jpg") left top no-repeat;
    background-size: cover;
}
#mrs70b .slick-dots li:nth-of-type(7){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s70b/img7.jpg") left top no-repeat;
    background-size: cover;
}
#mrs70b .slick-dots li:nth-of-type(8){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s70b/img8.jpg") left top no-repeat;
    background-size: cover;
}
#mrs70b .slick-dots li:nth-of-type(9){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s70b/img9.jpg") left top no-repeat;
    background-size: cover;
}
#mrs70b .slick-dots li:nth-of-type(10){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s70b/img10.jpg") left top no-repeat;
    background-size: cover;
}
#mrs70b .slick-dots li:nth-of-type(11){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s70b/img11.jpg") left top no-repeat;
    background-size: cover;
}
#mrs70b .slick-dots li:nth-of-type(12){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s70b/img12.jpg") left top no-repeat;
    background-size: cover;
}
#mrs70b .slick-dots li:nth-of-type(13){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s70b/img13.jpg") left top no-repeat;
    background-size: cover;
}
	#mrs93b .slick-dots li:nth-of-type(1){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s93b/img1.jpg") left top no-repeat;
    background-size: cover;
}
#mrs93b .slick-dots li:nth-of-type(2){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s93b/img2.jpg") left top no-repeat;
    background-size: cover;
}
#mrs93b .slick-dots li:nth-of-type(3){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s93b/img3.jpg") left top no-repeat;
    background-size: cover;
}
#mrs93b .slick-dots li:nth-of-type(4){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s93b/img4.jpg") left top no-repeat;
    background-size: cover;
}
#mrs93b .slick-dots li:nth-of-type(5){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s93b/img5.jpg") left top no-repeat;
    background-size: cover;
}
#mrs93b .slick-dots li:nth-of-type(6){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s93b/img6.jpg") left top no-repeat;
    background-size: cover;
}
#mrs93b .slick-dots li:nth-of-type(7){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s93b/img7.jpg") left top no-repeat;
    background-size: cover;
}
#mrs93b .slick-dots li:nth-of-type(8){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s93b/img8.jpg") left top no-repeat;
    background-size: cover;
}
#mrs93b .slick-dots li:nth-of-type(9){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s93b/img9.jpg") left top no-repeat;
    background-size: cover;
}
#mrs93b .slick-dots li:nth-of-type(10){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s93b/img10.jpg") left top no-repeat;
    background-size: cover;
}
#mrs93b .slick-dots li:nth-of-type(11){
    background: url("/content/dam/31sumai/mfr/G2401/asset/images/model/s93b/img11.jpg") left top no-repeat;
    background-size: cover;
}