@charset "UTF-8";
/**/
/**/
/* ==================================================
Page Cont
================================================== */
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap');
#ktsCont {
	font-family: "Jost", "Zen Kaku Gothic New", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #000;
	font-size: 16px;
	line-height: 1.6em;
	background-color: #FFFFFF;
}
@media screen and (max-width: 750px) {
}
#ktsCont * {
	box-sizing: border-box;
}
/**/
/**/
/* ==================================================
Page wrap & kye visual
================================================== */
@media screen and (max-width: 750px) {
	body {
		min-width: inherit;
	}
	.kokuyo-st-container #kokuyo-st-main-contents #ktsCont #contents .wrap {
		width: 100%;
	}
}
#ktsCont .kv {
	width: 100%;
	min-width: 100%;
}
#ktsCont .kv img {
	width: 100%;
}

#ktsCont .wrap720 {
	display: block;
	max-width: 720px;
	padding-left: auto;
	padding-right: auto;
}

/**/
/* ==================================================
Page style
================================================== */
#ktsCont .akBox {
	display: none;
}
/* LINE UP
-----------------------------------*/
#ktsCont #lineup {
	margin-top: 60px;
}
#ktsCont .lineup__wrap {
	margin-top: 60px;
	display: flex;
	justify-content:space-between;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
#ktsCont .lineup__wrap > li {
	width: 24.5%;
}
#ktsCont .lineup__wrap > li img {
	width: 100%;
}
#ktsCont .lineup__wrap > li a {
	display: block;
	box-sizing: border-box;
}
#ktsCont .lineup__wrap > li a:hover img {
	outline: 1px solid #000;
  outline-offset: -1px;
}
@media screen and (max-width: 750px) {
	#ktsCont .lineup__wrap {
		flex-wrap: wrap;
	}
	#ktsCont .lineup__wrap > li {
		width: 50%;
	}
}

/* BRAND CONCEPT
-----------------------------------*/
#ktsCont #concept {
	margin-top: 60px;
}
#ktsCont #concept .wrap {
	background: url('../img/bg_concept_pc.jpg') no-repeat 0 0;
	background-size: cover;
	color: #fff;
	font-size: 1rem;
	line-height: 1.6;
	height: 452px;
}
#ktsCont #concept .wrap p {
	margin-top: 24px;
	font-weight: 500;
}
#ktsCont #concept .wrap p:first-child {
	margin-top: 0;
}
#ktsCont #concept .sec__ttl {
	text-align: left;
	padding: 40px;
}
#ktsCont #concept .concept__wrap {
	padding: 0 40px 40px;
}
#ktsCont #concept .wrap p {
	line-height: 1.8;
}
@media screen and (max-width: 750px) {
	#ktsCont #concept .wrap {
		font-size: .875rem;
		background-image: url('../img/bg_concept_sp.jpg');
		background-size: cover;
		height: auto;
	}
	#ktsCont #concept .sec__ttl {
		position: relative;
		padding: 20px 20px 20px 36px;
		height: 60px;
	}
	#ktsCont #concept .sec__ttl:before {
		content: "";
		display: block;
		background: url('../img/accordion_arrow-w.svg') no-repeat 0 0 ;
		background-size: 100% 100%;
		position: absolute;
		top: 50%;
		left: 16px;
		margin-top: -3px;
		width: 12px;
		height: 10px;
	}
	#ktsCont #concept .sec__ttl.view:before {
		transform:rotate(180deg);
	}
	#ktsCont #concept .concept__wrap {
		padding: 0 20px 20px 16px;
		height: 299px;
	}
	#ktsCont #concept .wrap p {
		font-size: 0.75rem;
		line-height: 2;
	}
}

@media screen and (min-width: 751px) {
	#ktsCont #concept .akOpen {
		pointer-events: none;
	}
	#ktsCont #concept .akBox {
		display: block !important;
	}
}

/* 購入ボタン
-----------------------------------*/
#ktsCont .btn_buy {
	margin: 30px auto;
	width: 60%;
}
#ktsCont .btn_buy > a {
	background-color: #3A3935;
	border: 1px solid #373737;
	border-radius: 6px;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 1.5rem;
	text-align: center;
	position: relative;
	box-shadow: 0 4px 4px rgba(0,0,0,.25);
	text-decoration: none;
	padding: 30px 60px 30px 40px;
	white-space: nowrap;
}
#ktsCont .btn_buy > a:after {
	content: "";
	display: block;
	background: url('../img/btn_arrow.svg') no-repeat 0 0 ;
	background-size: 100% 100%;
	position: absolute;
	top: 50%;
	right: 40px;
	margin-top: -10px;
	width: 12px;
	height: 20px;
}
#ktsCont .btn_buy > a:hover {
	background-color: #000;
	box-shadow: none;
}
@media screen and (max-width: 750px) {
	#ktsCont .btn_buy {
		width: 70%;
	}
	#ktsCont .btn_buy > a {
		border-radius: 3px;
		font-size: 1rem;
		padding: 12px 35px;
	}
	#ktsCont .btn_buy > a:after {
		width: 6px;
		height: 18px;
		right: 20px;
		margin-top: -9px;
	}
}

/* PRODUCT
-----------------------------------*/
#ktsCont #products {
	margin-top: 60px;
}
#ktsCont #products .wrap {
	margin-top: 40px;
	margin-bottom: 80px;
}
#ktsCont .pdts__read {
	background-color: #ECECEC;
	padding: 40px 90px;
}

#ktsCont .pdts__info {
	padding: 20px 40px;
}
#ktsCont .pdts__info dl {
	display: flex;
	width: 100%;
}
#ktsCont .pdts__info dt {
	flex-grow: 1;
	font-size: 1.5rem;
	line-height: 1.4;
	padding-right: 20px;
}
#ktsCont .pdts__info dd {
	font-size: 2rem;
}
#ktsCont .pdts__info dd span {
	font-size: .875rem;
	margin-bottom: .25em;
	display: block;
	white-space: nowrap;
}
/*
#ktsCont .pdts__read {
	font-size: 1rem;
	line-height: 1.8;
}
*/
#ktsCont .pdts__dtl {
	background-color: #D9D9D9;
}
#ktsCont .pdts__dtl h2 {
	font-size: 1rem;
	padding: 16px 40px;
	position: relative;
}
#ktsCont .pdts__dtl h2:hover {
	background-color: #C8C8C8;
	cursor: pointer;
}
#ktsCont .pdts__dtl h2 span {
	padding-bottom: .1em;
	border-bottom: 1px solid #000;
}
#ktsCont .pdts__dtl h2:after {
	content: "";
	display: block;
	background: url('../img/accordion_arrow.svg') no-repeat 0 0 ;
	background-size: 100% 100%;
	position: absolute;
	top: 50%;
	right: 40px;
	margin-top: -6px;
	width: 24px;
	height: 12px;
}
#ktsCont .pdts__dtl h2.view:after {
	transform:rotate(180deg);
}
#ktsCont .pdts__dtl__wrap {
	padding: 20px 40px 40px;
}
#ktsCont .pdts__dtl__items {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	justify-content: center;
}
#ktsCont .pdts__dtl__items > li {
	width: calc((100% - 16px * 2) / 3);
}
#ktsCont .pdts__dtl__items > li > img {
	width: 100%;
	height: auto;
}
#ktsCont .pdts__dtl__inner {
	margin-top: 60px;
}
/*
#ktsCont .pdts__dtl__inner p {
	font-size: 1.5rem;
	line-height: 1.6;
}
*/
#ktsCont .pdts__dtl__inner p:first-of-type {
	margin-top: 16px;
}
@media screen and (max-width: 750px) {
	#ktsCont .pdts__dtl h2 {
    font-size: 0.875rem;
	}
	#ktsCont .pdts__dtl h2:after {
		margin-top: -4px;
		width: 14px;
		height: 8px;
	}
	#ktsCont .pdts__info {
		padding: 16px 20px;
	}
	#ktsCont .pdts__info dl {
		align-items: flex-end;
	}
	#ktsCont .pdts__info dt {
		font-size: 1rem;
		line-height: 1.4;
	}
	#ktsCont .pdts__info dd {
		font-size: 1.25rem;
		text-align: right;
	}
	#ktsCont .pdts__info dd span {
		font-size: .625rem;
		line-height: 1.0;
		/*margin-bottom: -.8em;*/
	}
	#ktsCont .pdts__read {
		font-size: .75rem;
		padding: 20px 16px;
	}
	#ktsCont .pdts__dtl h2 {
		/*font-size: 1.0rem;*/
	}
	#ktsCont .pdts__dtl__wrap {
		padding: 20px 16px;
	}
	#ktsCont .pdts__dtl__inner {
		margin-top: 30px;
		padding-left: 16px;
		padding-right: 16px;
	}
	#ktsCont .pdts__dtl__inner p {
		font-size: .75rem;
	}
	#ktsCont .pdts__dtl__items > li {
		width: calc((100% - 16px) / 2);
	}
}


/*  スライドショーカスタマイズ
-----------------------------------*/
#ktsCont .bx-wrapper {
	box-shadow: none;
  border: none;
  background: transparent;
}
#ktsCont .bx-pager {
	display: none;
}
#ktsCont .bxsliderBox img {
	width: 100%;
}
#ktsCont .bx-wrapper .bx-prev,
#ktsCont .bx-wrapper .bx-next{
	display: block;
	width: 90px;
	height: 100%;
	top: 0;
	margin-top: 0;
}
#ktsCont .bx-wrapper .bx-prev {
  left: 0;
  background: url("../img/slide_arrow_left.svg") no-repeat 50% 50%;
	background-size: 16% 16%;
}
#ktsCont .bx-wrapper .bx-next {
  right: 0;
	background: url("../img/slide_arrow_right.svg") no-repeat 50% 50%;
	background-size: 16% 16%;
}

@media screen and (max-width: 750px) {
	#ktsCont .bx-controls-direction {
		display: none;
	}
	#ktsCont .bx-pager {
		display: flex;
		bottom: 10px;
		padding-left: 5px;
		padding-right: 5px;
		gap: 5px;
	}
	#ktsCont .bx-pager .bx-pager-item {
		display: block;
		flex-grow: 1;
	  flex-shrink: 1;
	  flex-basis: 0;
	}
	#ktsCont .bx-wrapper .bx-pager.bx-default-pager a {
		display: block;
	  height: 3px;
	  width: 100%;
	  border-radius: 0;
		background-color: rgba(255,255,255,0.5);
		margin: 0;
	}
	#ktsCont .bx-wrapper .bx-pager.bx-default-pager a:hover,
	#ktsCont .bx-wrapper .bx-pager.bx-default-pager a.active,
	#ktsCont .bx-wrapper .bx-pager.bx-default-pager a:focus  {
		background-color: #fff;
	}
}

/*  ページ固有
-----------------------------------*/
/**/
#ktsCont .wrapFree {
	display: block;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;
}
@media screen and (max-width: 750px) {
	#ktsCont .wrapFree {
		padding-left: 6.134vw;
		padding-right: 6.134vw;
	}
}


#ktsCont .sec__ttl {
	text-align: center;
}
#ktsCont .sec__ttl img {
	height: 26px;
}
#ktsCont .item__ttl {
	padding-bottom: .2em;
	border-bottom: 1px solid #000;
}
#ktsCont .item__ttl img {
	height: 15px;
}
@media screen and (max-width: 750px) {
	#ktsCont .sec__ttl img {
		height: 20px;
	}
	#ktsCont .item__ttl img {
		height: 11px;
	}
}