@charset "utf-8";

#service{
	padding: 0 3vw;
}
/********** 7つの特徴 **********/
#service .tokucho{
	padding: 0 0 8vw;
}
#service .tokucho h2{
	border-bottom: none;
	
	text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: rgb(255, 255, 255);
	margin: 0 0 6.6vw;
    border-radius: 1vw;
    padding: 1.5vw 0px;
	font-size: 6vw;
    background: rgb(116, 85, 54);
}
#service .tokucho .st{
	padding: 0 0 10vw;
}
#service .tokucho h3{
	display: flex;
	align-items: center;
	
	margin: 0 0 3vw;
}
#service .tokucho h3 .heading-mark{
	width: 10vw;
	display: block;
}
#service .tokucho h3 .heading-label{
	display: block;
	font-weight: bold;
	font-size: 4.8vw;
	color: #745536;
}
#service .tokucho .tokucho-box{
	display: flex;
	justify-content: space-between;
	
	width: calc(100% - 3vw);
	margin: 0 auto 5vw;
}
#service .tokucho .tokucho-box .img{
	width: 43%;
}
#service .tokucho .tokucho-box .txt{
	width: 53%;
}
#service .tokucho .tokucho-box .txt p{
	list-style: 1.75;
}
#service .tokucho .tokucho-box .txt p .mark1{
	font-weight: bold;
	color: #a00;
}
#service .tokucho .txt-end{
	padding: 5vw 0 5vw;
}
/* ボタン */
#service .tokucho .tokucho-btn a{
	display: block;
	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/contents/service-device/icon-arr-yosan-btn.png") no-repeat 93% 47.5%;
	background-size: 3vw auto;
}

/********** ランキング **********/
#service .txt-set p {
	padding: 0 0 4vw;
	line-height: 1.7;
}
/* リンク */
#service .link-set {
	overflow: hidden;
}

#service .link-set ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;

	padding: 0 0 2.5vw;

	justify-content: space-between;
}

#service .link-set ul li {
	width: 47%;
	padding: 0 0 5vw;
}

#service .link-set ul li a {
	width: 100%;
	display: block;
	padding: 2vw 6vw 2vw 2vw;
	text-decoration: none;
	border-radius: 0.5vw;
	border: solid 1px #c5a437;
	font-weight: bold;
	font-size: 5vw;
	color: #c5a437;
	background: url("../../images/contents/ranking/icon-arr.png") no-repeat 93% 47.5%;
	background-size: 2.5vw auto;
}

#service .ranking-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;
}

#service .ranking-sp h3 span {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #c5a437;
	font-weight: bold;
}

#service .ranking-sp .select1 .s-title {
	margin: 0 0 5px;
	color: #745536;
	font-size: 5vw;
	font-weight: bold;
	background: url("../../images/contents/ranking-device/icon-tora1.png") no-repeat 0 50%;
	background-size: 10%;
}

#service .ranking-sp .select1 .s-title span {
	padding: 1vw 0 1vw 11vw;
	display: block;
}



/* open close ボタン */
#service .ranking-sp .select1 .btn-open-close {
	font-weight: bold;
	color: #fff;
	background: #7ebcd9;
}

#service .ranking-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-ranking-down.png") no-repeat 95% 50%;
	background-size: 3.6vw auto;
}

#service .ranking-sp .select1 .active .btn-open-close .btn-open-close-box {
	background-image: url("https://ktora.itembox.design/item/images/k-index-device/icon-arr-ranking-up.png");
}

#service .ranking-sp .select1 .btn-open-close .value-yen {
	font-size: 4.8vw;
}

#service .ranking-sp .select1 .btn-open-close .mark-yen {
	font-size: 4.2vw;
}

/* section */
#service .ranking-sp .select1 section {
	border-bottom: solid 1px #fff;
}

#service .ranking-sp .select1 .select1-box {
	height: 0;
	overflow: hidden;
}

#service .ranking-sp .select1 .active .select1-box {
	height: auto;
	border: solid 1vw #7ebcd9;
}

/* h4 */
#service .ranking-sp .select1 h4 {
	padding: 6vw 0 2vw;
}

#service .ranking-sp .select1 h4 .item-name {
	display: block;
	padding: 0 0 1vw;
	text-align: center;
	font-weight: bold;
	font-size: 5.6vw;
}

#service .ranking-sp .select1 .select1-1 h4 .item-name {
	color: #599ed9;
}

#service .ranking-sp .select1 .select1-2 h4 .item-name {
	color: #e79bcb;
}

#service .ranking-sp .select1 .select1-3 h4 .item-name {
	color: #7dcc75;
}

#service .ranking-sp .select1 .select1-4 h4 .item-name {
	color: #9e96cf;
}

#service .ranking-sp .select1 .select1-5 h4 .item-name {
	color: #d14c89;
}

#service .ranking-sp .select1 .select1-6 h4 .item-name {
	color: #c1a073;
}

#service .ranking-sp .select1 h4 .item-txt {
	display: block;
	padding: 0 0 0;
	text-align: center;
	letter-spacing: -0.1vw;
	font-size: 3.6vw;
}

#service .ranking-sp .select1 .select1-1 h4 .item-txt {
	color: #599ed9;
}

#service .ranking-sp .select1 .select1-2 h4 .item-txt {
	color: #e79bcb;
}

#service .ranking-sp .select1 .select1-3 h4 .item-txt {
	color: #7dcc75;
}

#service .ranking-sp .select1 .select1-4 h4 .item-txt {
	color: #9e96cf;
}

#service .ranking-sp .select1 .select1-5 h4 .item-txt {
	color: #d14c89;
}

#service .ranking-sp .select1 .select1-6 h4 .item-txt {
	color: #c1a073;
}

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

/* 各スタイル設定 */
#service .ranking-sp .select1 .select1-1 .btn-open-close {
	background: #7ebcd9;
}

#service .ranking-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;
}

#service .ranking-sp .select1 .select1-1 .select1-box {
	border-color: #7ebcd9;
}

#service .ranking-sp .select1 .select1-2 .btn-open-close {
	background: #e79bcb;
}

#service .ranking-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;
}

#service .ranking-sp .select1 .select1-2 .select1-box {
	border-color: #e79bcb;
}

#service .ranking-sp .select1 .select1-3 .btn-open-close {
	background: #7dcc75;
}

#service .ranking-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;
}

#service .ranking-sp .select1 .select1-3 .select1-box {
	border-color: #7dcc75;
}

#service .ranking-sp .select1 .select1-4 .btn-open-close {
	background: #9e96cf;
}

#service .ranking-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;
}

#service .ranking-sp .select1 .select1-4 .select1-box {
	border-color: #9e96cf;
}

#service .ranking-sp .select1 .select1-5 .btn-open-close {
	background: #d14c89;
}

#service .ranking-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;
}

#service .ranking-sp .select1 .select1-5 .select1-box {
	border-color: #d14c89;
}

#service .ranking-sp .select1 .select1-6 .btn-open-close {
	background: #c1a073;
}

#service .ranking-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;
}

#service .ranking-sp .select1 .select1-6 .select1-box {
	border-color: #c1a073;
}

/* サムネイル */
#service .ranking-sp .select1 .thumb {
	display: block;
}

#service .ranking-sp .select1 .thumb img {
	display: block;
	width: 45vw;
	margin: 0 auto 3vw;
}

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

/* ボタン */
#service .ranking-sp .select1 .item-btn {
	padding: 0 0 7vw;
}

#service .ranking-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;
}

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

/* スライダー */
/* 矢印 */
#service .ranking-sp .select1-slider .control {
	width: 100%;
	margin: 0 auto 0;
	position: relative;
	top: 4vw;
}

#service .ranking-sp .select1-slider .slick-prev,
#service .ranking-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;
}

#service .ranking-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;
}

#service .ranking-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;
}

#service .ranking-sp .select1-slider .rank {
	position: relative;
}

#service .ranking-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;
}

#service .ranking-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;
}

#service .ranking-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;
}

#service .ranking-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;
}

#service .ranking-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;
}
/********** ランキングここまで **********/
#service .omakase-inner{
	padding:10vw 0 0;
}
#service .omakase-btn{
	position:relative;
}
#service .omakase-btn:before{
	content:url(https://ktora.itembox.design/item/images/contents/service-device/icon-tora2.png) ;
	position:absolute;
	top: -61px;
    left: 42%;
}
#service .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/icon-arr-right.png) no-repeat 96% 47.5%;
	background-size:3%;
}
#service .omakase-btn a span{
	color: #c5a437;
	font-size: 4vw;
	font-weight: bold;
}

#service .jisseki{
	padding: 8vw 3vw 5vw;
}
#service .jisseki h3{
	border-bottom: none;
	
	text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin: 0 0 1.5vw;
    padding: 0.2vw 0;
	font-size: 4.8vw;
	font-weight: bold;
	color:#745536;
}
#service .jisseki ul{
}
#service .jisseki ul li{
	margin: 0 0 3vw;
	padding: 4vw;
	
	border: solid 1px #d2d2d2;
}
#service .jisseki ul li h4{
	border-bottom: none;
	
	font-weight: bold;
    margin: 0 0 2vw;
    padding: 1vw 1.2vw;
	font-size: 4.8vw;
	
    color: #fff;
	background: #745536;
}
#service .jisseki ul li p{
	line-height: 1.8;
	font-size: 3.6vw;
}
#service .omakase .txt{
	padding: 0 0 3vw;
}

/* ボタン */
#service .btn-details {
	padding: 0 0 11vw;
}
#service .btn-details a{
	display: block;
	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/contents/common/icon-arr-right.png) no-repeat 93% 47.5%;
	background-size: 3vw auto;
}