/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/
/* ------ General Settings ------ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap');
.kinutaya img {
 max-width: 100%;
 height: auto;
 width: 100%;
}
.kinutaya {
 font-family: 'Noto Serif JP', serif;
 font-weight: 400;
 overflow: hidden;
}
.kinutaya .g {
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 400;
}
a:hover {
 opacity: 1;
 text-decoration: none;
}
.sp {
 display: none !important;
}
.br_pc {
 display: inherit;
}
.br_sp {
 display: none;
}
@media screen and (max-width:768px) {
 /* ------ General Settings ------ */
 img {
  max-width: 100%;
  height: auto;
  width: auto\9;
 }
 a:hover {
  opacity: 1;
  text-decoration: none;
 }
 .pc {
  display: none !important;
 }
 .sp {
  display: inherit !important;
 }
 .br_pc {
  display: none !important;
 }
 .br_sp {
  display: inherit !important;
 }
}
/* ------ base ------ */
#contents01 ul {
 margin: 1em 0 0 0 !important;
}
/* ------ contents ------ */
.main-area {
 width: 100%;
 position: relative;
}
.main-read {
 padding: 6.6vw 0;
 width: 100%;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
 background: url("../images/bg_main.jpg") no-repeat;
 background-size: cover;
}
.main-read h1 {
 width: clamp(27vw, 27vw, 324px);
 margin: 0 auto 3vw auto;
 background: url("../images/logo_kinutaya.png") no-repeat left top;
 display: flex;
 justify-content: center;
 flex-wrap: nowrap;
 align-items: center;
 height: clamp(6.5vw, 6.5vw, 78px);
 background-size: auto clamp(6.5vw, 6.5vw, 78px);
 color: #fff;
 font-size: clamp(3vw, 3vw, 36px);
 font-weight: 700;
 padding-left: clamp(7.5vw, 7.5vw, 90px);
 box-sizing: border-box;
}
.main-read-inner {
 width: 50vw;
 text-align: center;
}
.main-read-read {
 font-size: clamp(2vw, 2vw, 24px);
 color: #fff;
 letter-spacing: 2px;
 line-height: 2;
 margin-bottom: 2.5vw;
}
.main-read-txt {
 font-size: clamp(13px, 1.3vw, 16px);
 color: #fff;
 letter-spacing: 1px;
 line-height: 2;
 text-align: left;
 padding: 0 50px;
}
.main-read-img {
 width: 50vw;
}
@media screen and (max-width:768px) {
 .main-area {
  width: 100%;
  position: relative;
  overflow: hidden;
 }
 #slider img {
  display: inherit !important;
 }
 .main-read {
  padding: 10vw 0 5vw 0;
  width: 100%;
  display: block;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background: url("../images/bg_main.jpg") no-repeat;
  background-size: cover;
 }
 .main-read h1 {
  width: 42vw;
  margin: 0 auto 5vw auto;
  background: url("../images/logo_kinutaya.png") no-repeat left top;
  height: 8vw;
  background-size: auto 8vw;
  font-size: 5vw;
  padding-left: 9vw;
  box-sizing: border-box;
 }
 .main-read-inner {
  width: 100%;
  text-align: center;
 }
 .main-read-read {
  font-size: 4vw;
  color: #fff;
  letter-spacing: 2px;
  line-height: 2;
  margin-bottom: 8vw;
 }
 .main-read-txt {
  font-size: 3.6vw;
  color: #fff;
  letter-spacing: 1px;
  line-height: 2;
  text-align: left;
  padding: 0 5vw;
 }
 .main-read-img {
  width: 90vw;
  margin: 0 auto 5vw auto;
 }
}
/*about*/
.about_kinutaya {
 width: 100%;
 padding: 8.3vw 5.4vw;
 display: flex;
 flex-wrap: wrap;
 align-items: flex-start;
 justify-content: space-between;
 box-sizing: border-box;
}
.about_kinutaya figure {
 width: 44.16vw;
}
.about_kinutaya_txt {
 width: 40vw;
}
.about_kinutaya_txt h2 {
 font-size: clamp(2vw, 2vw, 24px);
 line-height: 2;
 margin-bottom: 2.5vw;
 font-weight: 700;
 color: #000;
}
.about_kinutaya_txt p {
 font-size: clamp(13px, 1.3vw, 16px);
 line-height: 2;
 color: #000;
}
@media screen and (max-width:768px) {
 .about_kinutaya {
  width: 100%;
  padding: 15vw 5vw 10vw 5vw;
  display: block;
  box-sizing: border-box;
 }
 .about_kinutaya figure {
  width: 100%;
  margin-bottom: 3vw;
 }
 .about_kinutaya_txt {
  width: auto;
 }
 .about_kinutaya_txt h2 {
  font-size: 5vw;
  line-height: 1.6;
  margin-bottom: 5vw;
  text-align: center;
 }
 .about_kinutaya_txt p {
  font-size: 3.6vw;
  line-height: 1.8;
  color: #000;
 }
}
/*kind_kinutaya*/
.kind_kinutaya {
 width: max(100%, 1200px);
 margin: 0 auto;
}
.kind_kinutaya article {
 display: flex;
 flex-wrap: wrap;
 align-items: flex-start;
 justify-content: flex-start;
 background: #7E737B;
}

.kind_kinutaya article.homongi {
 background: #ABABAB;
}


.kind_kinutaya article:nth-child(even) {
 flex-direction: row-reverse;
}
.kind_kinutaya article:last-child {
 background: #A28366;
}
.kind_kinutaya article figure {
 width: max(45.83vw, 550px);
}
.kind_kinutaya article .kind_kinutaya_txt {
 width: max(54.166vw, 650px);
 padding: 50px 50px 0 50px;
 box-sizing: border-box;
 color: #fff;
 letter-spacing: 1px;
}
.kind_kinutaya article .kind_kinutaya_txt h2 {
 font-size: 24px;
 font-weight: 700;
 margin-bottom: 30px;
}
.kind_kinutaya_txt p {
 font-size: 15px;
 line-height: 1.8;
}
@media screen and (max-width:768px) {
 .h1_p {
  display: none;
 }
 #contents01 {
  padding-bottom: 3vw;
 }
 .kind_kinutaya {
  width: auto;
  margin: 0 auto 10vw auto;
 }
 .kind_kinutaya article {
  display: block;
  background: #7E737B;
 }
 .kind_kinutaya article:nth-child(even) {
  flex-direction: row-reverse;
 }
 .kind_kinutaya article:last-child {
  background: #A28366;
 }
 .kind_kinutaya article figure {
  width: max(45.83vw, 550px);
 }
 .kind_kinutaya article .kind_kinutaya_txt {
  width: auto;
  padding: 5vw 5vw 5vw 5vw;
  box-sizing: border-box;
  color: #fff;
  letter-spacing: 1px;
 }
 .kind_kinutaya article .kind_kinutaya_txt h2 {
  font-size: 4.5vw;
  font-weight: 700;
  margin-bottom: 5vw;
  padding: 0;
 }
 .kind_kinutaya_txt p {
  font-size: 3.6vw;
  line-height: 1.8;
 }
}
/*取り扱い*/
.k-i-kind {
 width: 100%;
}
.kind-list {
 width: 100%;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: flex-start;
 border-top: #CCCCCC 1px solid;
 border-bottom: #CCCCCC 1px solid;
 margin-bottom: 5vw;
}
.kind-list-detail {
 width: 49.5%;
 padding: 5vw 0;
 text-align: center;
}
.kind-list div + div {
 border-left: #CCCCCC 1px solid;
}
.kind-list-detail img {
 width: 29.3vw;
 margin-bottom: 3.33vw;
}
.kind-list-detail p {
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 400;
 font-size: 16px;
 line-height: 2;
}
@media screen and (max-width:768px) {
 .k-i-kind {
  width: 100%;
 }
 .kind-list {
  width: 100%;
  display: block;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  border-top: #CCCCCC 1px solid;
  border-bottom: #CCCCCC 1px solid;
  margin-bottom: 5vw;
 }
 .kind-list-detail {
  width: 100%;
  padding: 5vw;
  text-align: center;
  box-sizing: border-box;
 }
 .kind-list div + div {
  border-top: #CCCCCC 1px solid;
 }
 .kind-list-detail img {
  width: 65vw;
  margin-bottom: 3.33vw;
 }
 .kind-list-detail p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-size: 3.8vw;
  line-height: 2;
 }
}
/*詳細*/
.k-i-kimono {
 width: 100%;
 font-family: 'Noto Sans JP', sans-serif;
 font-weight: 400;
}
.k-i-kimono-list {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 padding: 5.4vw 4.16vw 10vw 4.16vw;
}
.k-i-kimono-detail {
 width: 28.333vw;
 text-align: center;
}
.k-i-kimono-detail figure {
 margin-bottom: 20px;
 position: relative;
 overflow: hidden;
}
.k-i-kimono-detail figure img:nth-child(2) {
 cursor: pointer;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
.k-i-kimono-detail figure:hover img:nth-child(2) {
 opacity: 0;
 transition: opacity 1s;
}
.k-i-kimono-detail a:hover, .k-i-kimono-detail a:hover img {
 opacity: 1;
}
.k-i-kimono-detail-ttl {
 font-size: 16px;
 font-weight: 700;
 margin-bottom: 10px;
}
.k-i-kimono-detail-txt {
 font-size: 16px;
}
.k-i-youtube {
 width: 560px;
 margin: 0 auto 10vw auto;
}
@media screen and (max-width:768px) {
 .k-i-kimono {
  width: 100%;
 }
 .k-i-kimono-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 5.4vw 4.16vw 10vw 4.16vw;
 }
 .k-i-kimono-detail {
  width: auto;
  text-align: center;
  display: block;
  margin-bottom: 8vw;
 }
 .k-i-kimono-detail figure {
  width: 50%;
  position: relative;
  overflow: hidden;
  margin: 0 auto 3vw auto;
 }
 .k-i-kimono-detail figure img:nth-child(2) {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
 }
 .k-i-kimono-detail figure:hover img:nth-child(2) {
  opacity: 0;
  transition: opacity 1s;
 }
 .k-i-kimono-detail a:hover, .k-i-kimono-detail a:hover img {
  opacity: 1;
 }
 .k-i-kimono-detail-ttl {
  font-size: 4vw;
  font-weight: 700;
  margin-bottom: 0;
 }
 .k-i-kimono-detail-txt {
  font-size: 3.8vw;
  padding: 2vw 0 0 0;
  margin: 0;
  line-height: 1;
 }
 .k-i-youtube {
  width: auto;
  margin: 0 5vw 10vw 5vw;
 }
 .k-i-youtube {
  width: 94vw;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin: 0 auto 10vw auto;
 }
 .k-i-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 }
}