@charset "utf-8";

.device-pc{
	display:none;
}
#performance {
	padding: 0 1.5vw;
}

/********** select1 **********/
#performance .performance-sp .select1{
	padding: 0 0 13vw;
}
#performance .performance-sp .select1 h2{
	padding: 0 0 5vw;
}


#performance .intro{
	padding: 0 1vw 2.5vw;
}
#performance .txt-set p{
	padding: 0 0 4vw;
	line-height: 1.7;
}
#performance .video{
	text-align:center;
	padding: 0 0 4vw;
}

#performance h2{
	border-bottom: none;
	
	text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: rgb(255, 255, 255);
    margin: 0px 0px 4.5vw;
    border-radius: 1vw;
    padding: 1.5vw 0px;
	font-size: 6vw;
    background: rgb(116, 85, 54);
}
#performance h2 img{
	width:100%;
}

/********** バナー **********/
#performance .bnrs ul{
	margin:0 auto 8vw;
	padding:0;
}
#performance .bnrs ul li{

	display:flex;
	border:2px solid #c5a437;
	margin:0 0 2vw;
	padding:1vw;
}
#performance .bnrs ul li .img{
	width:24vw;
	padding:1vw;
}
#performance .bnrs ul li .img img{
	width:100%;
}
#performance .bnrs ul li .txt-box{
	font-weight:bold;
	color:#c5a437;
	line-height:1;
	padding:2vw 2vw 0 4vw;
	width:67vw;
}
#performance .bnrs ul li .txt1{
	font-size:7vw;
	margin:0 0 1vw;
}
#performance .bnrs ul li .txt2{
	font-size:16vw;
	text-align:right;
}
#performance .bnrs ul li .txt2 .mark1{
	font-size:7vw;
}


/********** 7つの魅力 **********/
#performance .miryoku{
	padding: 0 0 9vw;
}
#performance .miryoku .txt-catch{
	text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:24px;
	color:#745536;
	font-weight:bold;
	margin:0 0 1vw;
}
#performance .miryoku h2{
	width:100%;
	margin: 0 0 3vw;
    background: none;
}

#performance .miryoku .miryoku-wrapper{
	width: 100%;
	margin: 0 auto 6vw;
}
#performance .miryoku .miryoku-wrapper section{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin:0 0 3vw;
}
#performance .miryoku h3{
	margin: 0 0 2vw;
	width:55%;
}
#performance .miryoku h3 .heading-mark{
	display: block;
	margin:0 0 1vw;
	width:10vw;
}
#performance .miryoku h3 .heading-mark img{
	width:100%;
}
#performance .miryoku h3 .heading-label{
	display: block;
	font-weight: bold;
	font-size: 4.8vw;
	color: #745536;
	line-height:1.3;
}
#performance .miryoku h3 .heading-label .mark1{
	color:#aa0000;
}
#performance .miryoku h3 .heading-label .mark2{
}
#performance .miryoku .miryoku-box{
	width:45%;
}
#performance .miryoku .miryoku-box .img img{
	width:100%;
}
#performance .miryoku .miryoku-box .txt{
	
}
#performance .miryoku .miryoku-box .txt p{
	line-height: 1.7;
}
#performance .miryoku .miryoku-box .txt p .mark1{
	font-weight: bold;
	color: #a00;
}


#performance .tokuten-box{
	padding: 0 0 25px;
	text-align: center;
}
#performance .tokuten-box{
}

#performance .tokuten-box .sarani .txt1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:6vw;
	margin:0 0 1vw;
	color:#745536;
	font-weight:bold;
}
#performance .tokuten-box .sarani .img{
	margin:0 auto 3vw;
	width:32vw;
}
#performance .tokuten-box .sarani .img img{
	width:100%;
}
#performance .tokuten-box .tokuten{
	display: flex;
	flex-wrap: wrap;
	text-align:center;
	width:100%;
	margin:0 auto;
	background:#ebe1c1;
	font-weight:bold;
}

#performance .tokuten-box .tokuten .img{
	padding:2vw 1vw 2vw 5vw;
	width:14vw
}
#performance .tokuten-box .tokuten .img img{
	width:100%;
}
#performance .tokuten-box .tokuten .txt2{
	font-size:4vw;
	color:#333333;
	text-align:left;
	margin:0;
	padding:4vw 0 1vw 2vw;
	line-height:1.3;
	
}
#performance .tokuten-box .tokuten .txt2 .mark1{
	font-size:4.8vw;
	color:#745536;
}



#performance .performance-sp h3{
	border-bottom: none;
	
	text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #745536;
    margin: 0px 0px 2vw;
    padding: 0 0 0;
	font-size: 7.8vw;
}
#performance .performance-sp h3 span{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #c5a437;
	font-weight: bold;
}

#performance .performance-sp .select1 .s-title{
	margin: 0 0 5px;
	color:#745536;
	font-size:5vw;
	font-weight:bold;
	background: url("../../images/contents/common-device/icon-tora1.png") no-repeat 0 50%;
	background-size:10%;
}
#performance .performance-sp .select1 .s-title span{
	padding:1vw 0 1vw 11vw;
	display:block;
}



/* open close ボタン */
#performance .performance-sp .select1 .btn-open-close{
	font-weight: bold;
	color: #fff;
	background: #7ebcd9;
}
#performance .performance-sp .select1 .btn-open-close .btn-open-close-box{
	padding: 2.75vw 3.7vw;
	background: url("https://ktora.itembox.design/item/images/k-index-device/icon-arr-performance-down.png") no-repeat 95% 50%;
	background-size: 3.6vw auto;
}
#performance .performance-sp .select1 .active .btn-open-close .btn-open-close-box{
	background-image: url("https://ktora.itembox.design/item/images/k-index-device/icon-arr-performance-up.png");
}
#performance .performance-sp .select1 .btn-open-close .value-yen{
	font-size: 4.8vw;
}
#performance .performance-sp .select1 .btn-open-close .mark-yen{
	font-size: 4.2vw;
}

/* section */
#performance .performance-sp .select1 section{
	border-bottom: solid 1px #fff;
}
#performance .performance-sp .select1 .select1-box{
	height: 0;
	overflow: hidden;
}
#performance .performance-sp .select1 .active .select1-box{
	height: auto;
	border: solid 1vw #7ebcd9;
}

/* h4 */
#performance .performance-sp .select1 h4{
	padding: 6vw 0 2vw;
}
#performance .performance-sp .select1 h4 .item-name{
	display: block;
	padding: 0 0 1vw;
	text-align: center;
	font-weight: bold;
	font-size: 5.6vw;
}
#performance .performance-sp .select1 .select1-1 h4 .item-name{
	color: #599ed9;
}
#performance .performance-sp .select1 .select1-2 h4 .item-name{
	color: #e79bcb;
}
#performance .performance-sp .select1 .select1-3 h4 .item-name{
	color: #7dcc75;
}
#performance .performance-sp .select1 .select1-4 h4 .item-name{
	color: #9e96cf;
}
#performance .performance-sp .select1 .select1-5 h4 .item-name{
	color: #d14c89;
}
#performance .performance-sp .select1 .select1-6 h4 .item-name{
	color: #c1a073;
}

#performance .performance-sp .select1 h4 .item-txt{
	display: block;
	padding: 0 0 0;
	text-align: center;
	letter-spacing: -0.1vw;
	font-size: 3.6vw;
}
#performance .performance-sp .select1 .select1-1 h4 .item-txt{
	color: #599ed9;
}
#performance .performance-sp .select1 .select1-2 h4 .item-txt{
	color: #e79bcb;
}
#performance .performance-sp .select1 .select1-3 h4 .item-txt{
	color: #7dcc75;
}
#performance .performance-sp .select1 .select1-4 h4 .item-txt{
	color: #9e96cf;
}
#performance .performance-sp .select1 .select1-5 h4 .item-txt{
	color: #d14c89;
}
#performance .performance-sp .select1 .select1-6 h4 .item-txt{
	color: #c1a073;
}

/* リンク */
#performance .performance-sp .select1 a{
	display: block;
	padding: 8vw 3vw 3vw;
}

/* 各スタイル設定 */
#performance .performance-sp .select1 .select1-1 .btn-open-close{
	background: #7ebcd9;
}
#performance .performance-sp .select1 .select1-1.active .btn-open-close{
	background: #7ebcd9 url("https://ktora.itembox.design/item/images/k-index-device/bg-yosan-blue.png") repeat 0 0;
	background-size: 5px auto;
}
#performance .performance-sp .select1 .select1-1 .select1-box{
	border-color: #7ebcd9;
}

#performance .performance-sp .select1 .select1-2 .btn-open-close{
	background: #e79bcb;
}
#performance .performance-sp .select1 .select1-2.active .btn-open-close{
	background: #e79bcb url("https://ktora.itembox.design/item/images/k-index-device/bg-yosan-pink1.png") repeat 0 0;
	background-size: 5px auto;
}
#performance .performance-sp .select1 .select1-2 .select1-box{
	border-color: #e79bcb;
}

#performance .performance-sp .select1 .select1-3 .btn-open-close{
	background: #7dcc75;
}
#performance .performance-sp .select1 .select1-3.active .btn-open-close{
	background: #7dcc75 url("https://ktora.itembox.design/item/images/k-index-device/bg-yosan-green.png") repeat 0 0;
	background-size: 5px auto;
}
#performance .performance-sp .select1 .select1-3 .select1-box{
	border-color: #7dcc75;
}

#performance .performance-sp .select1 .select1-4 .btn-open-close{
	background: #9e96cf;
}
#performance .performance-sp .select1 .select1-4.active .btn-open-close{
	background: #9e96cf url("https://ktora.itembox.design/item/images/k-index-device/bg-yosan-purple.png") repeat 0 0;
	background-size: 5px auto;
}
#performance .performance-sp .select1 .select1-4 .select1-box{
	border-color: #9e96cf;
}

#performance .performance-sp .select1 .select1-5 .btn-open-close{
	background: #d14c89;
}
#performance .performance-sp .select1 .select1-5.active .btn-open-close{
	background: #d14c89 url("https://ktora.itembox.design/item/images/k-index-device/bg-yosan-pink2.png") repeat 0 0;
	background-size: 5px auto;
}
#performance .performance-sp .select1 .select1-5 .select1-box{
	border-color: #d14c89;
}

#performance .performance-sp .select1 .select1-6 .btn-open-close{
	background: #c1a073;
}
#performance .performance-sp .select1 .select1-6.active .btn-open-close{
	background: #c1a073 url("https://ktora.itembox.design/item/images/k-index-device/bg-yosan-brown.png") repeat 0 0;
	background-size: 5px auto;
}
#performance .performance-sp .select1 .select1-6 .select1-box{
	border-color: #c1a073;
}

/* サムネイル */
#performance .performance-sp .select1 .thumb{
	display: block;
}
#performance .performance-sp .select1 .thumb img{
	display: block;
	width: 45vw;
	margin: 0 auto 3vw;
}

/* キャッチ */
#performance .performance-sp .select1 .item-catch{
	display: block;
	width: 67.5vw;
	margin: 0 auto 2vw;
	line-height: 1.7;
}

/* ボタン */
#performance .performance-sp .select1 .item-btn{
	padding: 0 0 7vw;
}
#performance .performance-sp .select1 .item-btn a{
	display: table;
	width: calc(83vw - 6vw - 9vw);
	margin: 0 auto;
	padding: 2vw 9vw 2vw 6vw;
	border-radius: 0.5vw;
	border: solid 0.25vw #c5a437;
	letter-spacing: -0.2vw;
	font-weight: bold;
	color: #c5a437;
	background: url("https://ktora.itembox.design/item/images/k-index-device/icon-arr-yosan-btn.png") no-repeat 93% 47.5%;
	background-size: 3vw auto;
}

/* 商品名称 */
#performance .performance-sp .select1 .item-catch{
	width: 67.5vw;
	margin: 0 auto 4vw;
	font-weight: bold;
}

/* スライダー */
/* 矢印 */
#performance .performance-sp .select1-slider .control{
	width:100%;
	margin:0 auto 0;
	position:relative;
	top: 4vw;
}
#performance .performance-sp .select1-slider .slick-prev,
#performance .performance-sp .select1-slider .slick-next{
	position: absolute;
	display: block;
	top: 50%;
	width: 10vw;
	height: 40vw;
	border: none;
	opacity: 1;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 2;
}
#performance .performance-sp .select1-slider .slick-prev{
	left:0;
	background:url("https://ktora.itembox.design/item/images/k-index-device/btn-slider-prev.png") no-repeat 0 50%;
	background-size:100% auto;
}
#performance .performance-sp .select1-slider .slick-next{
	right:0;
	background:url("https://ktora.itembox.design/item/images/k-index-device/btn-slider-next.png") no-repeat 0 50%;
	background-size:100% auto;
}
#performance .performance-sp .select1-slider .rank{
	position:relative;
}
#performance .performance-sp .select1-slider .rank1:before{
	content:"";
	background:url(https://ktora.itembox.design/item/images/contents/common-device/icon-rank1.png) no-repeat;
	background-size:100%;
	position:absolute;
    top: 0;
	left:26%;
    width: 9vw;
    height: 9vw;
}
#performance .performance-sp .select1-slider .rank2:before{
	content:"";
	background:url(https://ktora.itembox.design/item/images/contents/common-device/icon-rank2.png) no-repeat;
	background-size:100%;
	position:absolute;
    top: 0;
	left:26%;
    width: 9vw;
    height: 9vw;
}
#performance .performance-sp .select1-slider .rank3:before{
	content:"";
	background:url(https://ktora.itembox.design/item/images/contents/common-device/icon-rank3.png) no-repeat;
	background-size:100%;
	position:absolute;
    top: 0;
	left:26%;
    width: 9vw;
    height: 9vw;
}
#performance .performance-sp .select1-slider .rank4:before{
	content:"";
	background:url(https://ktora.itembox.design/item/images/contents/common-device/icon-rank4.png) no-repeat;
	background-size:100%;
	position:absolute;
    top: 0;
	left:26%;
    width: 9vw;
    height: 9vw;
}
#performance .performance-sp .select1-slider .rank5:before{
	content:"";
	background:url(https://ktora.itembox.design/item/images/contents/common-device/icon-rank5.png) no-repeat;
	background-size:100%;
	position:absolute;
    top: 0;
	left:26%;
    width: 9vw;
    height: 9vw;
}

#performance .omakase-inner{
	padding:10vw 0 0;
}
#performance .omakase-btn{
	position:relative;
}
#performance .omakase-btn:before{
	content:url(https://ktora.itembox.design/item/images/contents/common-device/icon-tora2.png) ;
	position:absolute;
	top: -61px;
    left: 42%;
}
#performance .omakase-btn a{
	display: table;
    width: 100%;
    margin: 0 auto 5vw;
    padding: 2vw;
    text-decoration: none;
    border-radius: 3px;
    border: solid 2px #c5a437;
    font-size: 3.5vw;
    background: url(https://ktora.itembox.design/item/images/contents/common-device/icon-arr-right.png) no-repeat 96% 47.5%;
	background-size:3%;
}
#performance .omakase-btn a span{
	color: #c5a437;
	font-size: 4vw;
	font-weight: bold;
}