/*----------------------------------------------------

Top
https://www.webdlab.com/labs/responsive-web-design-4/
414pxまでをスマホ縦画面用
415px〜959pxをスマホ横画面及びタブレット縦画面用
960px以上をタブレット横画面とPC用として使用
----------------------------------------------------*/
.visible, .invisible {
  opacity: 0.0;
  transition: opacity 1s ease;
}
.visible {
  opacity: 1.0;
}
.visible.translateY, .invisible.translateY {
  transform: translateY(50px);
  transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.visible.translateY {
  transform: translateY(0);
}
.visible.translateToLeft, .invisible.translateToLeft {
  transform: translateX(100px);
  transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.visible.translateToLeft {
  transform: translateX(0);
}
.visible.translateToRight, .invisible.translateToRight {
  transform: translateX(-100px);
  transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.visible.translateToRight {
  transform: translateX(0);
}
.visible.translateScaleUp, .invisible.translateScaleUp {
  transform: scale(.5);
  transition: all 1s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.visible.translateScaleUp {
  transform: scale(1);
}
.visible.translateScaleDown, .invisible.translateScaleDown {
  transform: scale(1.4);
  transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.visible.translateScaleDown {
  transform: scale(1);
}
.visible.translateRotate, .invisible.translateRotate {
  transform: rotate(360deg);
  transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.visible.translateRotate {
  transform: rotate(0deg);
}

/* アコーディオン
----------------------------------------------------*/
.accordion-ttl {
  cursor: pointer;
	position: relative;
}
.accordion-cont {
	display: none;
}
.accordion-ttl .ico-wrap {
	position: absolute;
	right: -1em;
	top: 50%;
	transform: translatey(-50%);
	width: 36px;
	height: 36px;
}
.accordion-ttl .ico {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
}
.accordion-ttl .ico::before,
.accordion-ttl .ico::after {
	position: absolute;
	content: "";
	display: block;
	transition: all 0.4s;
	background: #333;
	left: 50%;
	top: 50%;
	width: 50%;
	height: 1px;
	transform: translate(-50%, -50%);
}
.accordion-ttl .ico::before {
	transform: translate(-50%, -50%) rotate(90deg);
}
.accordion-ttl.open .ico::before {
	transform: translate(-50%, -50%) rotate(0deg);
}

/* main-slider
----------------------------------------------------*/
#main-slider {
  position: relative;
}
.slider li {
  position: relative;
}
.slider li .img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 60vh;
  transform-origin: center top;
  transform: scale(1);
  transition: 2s transform ease-out;
}
.slider .slick-active .img {
  transform: scale(1.05);
}
.slider .slick-dotted {
  color: #FFF !important;
}
#main-slider .slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  padding-right: 20px;
  list-style: none;
  text-align: right;
}
#main-slider .slick-dots li.slick-active button:before {
  opacity: .75;
  color: #c39527;
}
#main-slider .slick-dots li button:before {
  /*font-family: 'slick';*/
  font-size: 10px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  content: '●';
  text-align: right;
  opacity: .8;
  color: #513d1d;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#main-slider h2 {
	position: absolute;
    width: 100%;
    top: 30%;
    text-align: center;
    display: block;
    background: url(../img/logo.svg?version=20230714) no-repeat center;
    background-size: contain;
    height: 0;
    padding-top: 30%;
    overflow: hidden;
}
#main-slider h2 a {
}

@media (min-width: 600px) {
  .slider li .img {}

	#main-slider h2 {
    padding-top: 23%;
}
	
}
@media (min-width: 1025px) {
  .slider li .img {
    height: 90vh;
  }

	#main-slider h2 {
    padding-top: 18%;
}
}
#lower .slider li .img {
  height: 40vh;
}
@media (min-width: 600px) {}
@media (min-width: 1025px) {
  #lower .slider li .img {
    height: 60vh;
  }
}

.slider2 li p  {
    width: 100%;
    height: 0px;
	padding-top: 66.6%;
	background-size: cover;
}
@media (min-width: 600px) {
.slider2 li p  {
    width: 100%;
    height: 0px;
	background-size: cover;
}
}
@media (min-width: 1025px) {
}

/* common
----------------------------------------------------*/
.ctt-box {
  text-align: left;
  margin-bottom: 30px;
}
.ctt-box h2 {
  font-size: 1.6rem;
  letter-spacing: 0.2em;
  line-height: 1.3;
}
.ctt-box strong {
  font-size: 2rem;
}
.ctt-box h2:after {
  content: attr(data-en);
  font-size: 1.3rem;
  display: block;
  letter-spacing: .1em;
}
.visible.ctt-box, .invisible.ctt-box {
  transform: translateY(30px);
  transition: all 2s cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.visible.ctt-box {
  transform: translateY(0);
}
.btn-box {
  margin-top: 15px;
}
.btn-box a {
  display: block;
  text-align: center;
  width: 80%;
  margin: 0 auto;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  padding: 8px;
  text-decoration: none;
  line-height: 1.5;
  background: linear-gradient(to bottom, #836a30, #9a7b32);
  border-radius: 35px;
}
ruby {
  padding: 0 5px;
  letter-spacing: 0.1em;
}
[data-ruby] {
  position: relative;
}
[data-ruby]::before {
  content: attr(data-ruby);
  position: absolute;
  top: -1.5em;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 1rem;
  letter-spacing: 0;
}
rt {
  display: none;
}
@media (min-width: 600px) {
  .ctt-box {
    margin-bottom: 40px;
  }
  .ctt-box h2 {
    font-size: 2rem;
  }
  .ctt-box strong {
    font-size: 2.4rem;
  }
  .ctt-box h2:after {
    font-size: 1.4rem;
  }
  .btn-box a {
    width: 400px;
  }
}
@media (min-width: 1025px) {
  .ctt-box {
    margin-bottom: 60px;
  }
  .ctt-box h2 {
    font-size: 2.6rem;
  }
  .ctt-box strong {
    font-size: 3rem;
  }
  .ctt-box h2:after {
    font-size: 1.5rem;
  }
}



.linkWrp {
  padding-top: 30px;
}
.more_link {
  margin: 20px 0;
  text-align: left;
}
.more_link a {
  transition: all .3s;
  text-decoration: none;
  display: block;
  position: relative;
  padding-left: 30px;
}
.more_link a:before {
  transition: all .3s;
  content: "";
  background-image: url("../img/icon_linkbtn.svg");
  background-position: left center;
  background-repeat: no-repeat;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.more_link a:hover::before {
  left: 3px;
}
@media (min-width: 600px) {
  .more_link {
    display: inline-block;
  }
  .more_link + .more_link {
    margin-left: 20px;
  }
  .linkWrp {
    display: block;
  }
}
@media (min-width: 1025px) {
  .linkWrp {
    display: flex;
    justify-content: space-evenly;
  }
}


/* common
----------------------------------------------------*/
.btnReadmore {
  position: relative;
  margin: 20px 0 0;
  padding: 8px 20px;
  border-radius: 4px;
  background-color: #000;
  color: #fff;
  display: inline-block;
  letter-spacing: 0.2rem;
}
.btnReadmore a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.stt_box {
  text-align: center;
}
.stt_box .stt_img {
  width: 80%;
  margin-bottom: 5vw;
}
.stt_box h3 {
  font-size: 2.2rem;
  letter-spacing: 0.4rem;
  /*border-top: 1px solid #282828;
  border-bottom: 1px solid #282828;*/
  padding: 15px 0;
  line-height: 1.3em;
}
.stt_box h3::after {
  content: attr(data-en);
  font-size: 60%;
  display: block;
}
@media (min-width: 600px) {
  .stt_box .stt_img {
    width: 70%;
  }
  .stt_box h3 {
    font-size: 2.8rem;
    padding: 20px 0;
  }
}
@media (min-width: 1025px) {
  .stt_box .stt_img {
    width: 652px;
  }
  .stt_box h3 {
    font-size: 3rem;
    padding: 25px 0;
  }
}
/* 
----------------------------------------------------*/
#secnews h3 {
  /*background-color: ;*/
  color: #000;
  font-size: 1.8rem;
  /*padding: 0px 20px;*/
  text-align: left;
  margin-bottom: 10px;
}
#secnews dl {}
#secnews dt {
  font-weight: 700;
}
#secnews dd {
  padding: 0 0 1.4em .5em;
}
#secnews dd a {
}
@media (min-width: 600px) {
  #secnews h3 {
    width: 180px;
  }
  #secnews dl {
   /* margin-left: 220px;
    margin-top: -50px;*/
    margin-left: 0px;
    margin-top: 0px;
  }
}
@media (min-width: 1025px) {
  #secnews h3 {
    width: 200px;
  }
  #secnews dl {
    /*margin-left: 240px;*/
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #secnews dt {
    padding: .3em 0;
    width: 140px;
  }
  #secnews dd {
    padding: .3em 20em .3em 30px;
    width: calc(100% - 140px);
    border-left: 0px solid #333;
  }
}
/* 
----------------------------------------------------*/
#sec01 {}
#sec01 .sec-box {}
#sec01 .sec-item {
  margin-bottom: 10vw;
}
#sec01 .sec01Wrp {	
}
#sec01 .sec01_txt {
  padding: 5vw 0;
}
#sec01 .sec01_img {
  padding: 5vw 0;
  margin-top: -50px;
  background: url(../img/img_concept.png) no-repeat left;  
}
#sec01 .sec01_txt h3 {
  writing-mode: vertical-rl; 
  font-size: 2rem;
  text-align: left;
  margin-left: 65%;
  margin-top: -10%;
	mix-blend-mode: difference;
    color: #fff;
}
#sec01 .brands_bg{
}
#sec01 .sec01_txt p {
  text-align: left;
  padding: 30px 0;
}
#sec01 .sec01_img2 {
  padding: 20vw 0;
  margin-top: -20%;
  background: url(../img/img_kw01.png) no-repeat left;
  width: calc(100% + 100px);
  margin:-30% 0 0 -30%;
}
#sec01 .kwallWrp {
	display: block;
	padding: 10vw 0;
}
#sec01 .kwallWrp .pht {
	width: 100%;
	
}
#sec01 .kwallWrp .pht .img{
  background: url(../img/karakami_img01.png) no-repeat left;
	width: 100%;
    height: 450px;
}
/* #sec01 .kwallWrp .pht .brd_ttl{
  text-align: left;
  display: flex;
  font-size: 1.8rem;
	font-weight: 300;
	letter-spacing: 1.4rem;
	line-height: 2.4rem;
} */
#sec01 .kwallWrp .pht .brd_ttl_karakamiya {
  max-width: 240px;
  margin: 0 auto 10vw;
}
#sec01 .kwallWrp .pht .brd_ttl:before{
  content: url( "../img/icn_fl01.png");
  position: relative;
  display: inline-block;
  width: 20px;
  height: 30px;
  top: 2px;
  margin-right:35px;
	padding-bottom: 50px;
}
#sec01 .kwallWrp .pht .brd_ttl_gin{
  text-align: left;
  display: flex;
  font-size: 1.8rem;
	font-weight: 300;
	letter-spacing: 1.4rem;
	line-height: 2.4rem;
}
#sec01 .kwallWrp .pht .brd_ttl_gin:before{
  content: url( "../img/icn_fl05.png");
  position: relative;
  display: inline-block;
  width: 20px;
  height: 30px;
  top: 2px;
  margin-right:35px;
	padding-bottom: 50px;
}
#sec01 .kwallWrp .pht .img_ginnashizi {
  background: url(../img/karakami_img02.png) no-repeat left;
	width: 100%;
  height: 450px;
}
#sec01 .kwallWrp .pht .brd_ttl_torinoko{
  text-align: left;
  display: flex;
  align-items: center;
  font-size: 1.8rem;
	font-weight: 300;
	letter-spacing: 1.4rem;
	line-height: 2.4rem;
  margin-bottom: 30px;
}
#sec01 .kwallWrp .pht .brd_ttl_torinoko:before{
  content: url( "../img/icn_fl06.png");
  position: relative;
  display: inline-block;
  width: 20px;
  height: auto;
  top: 2px;
  margin-right:35px;
}
#sec01 .kwallWrp .pht .img_torinoko {
  background: url(../img/karakami_img03.jpg) no-repeat left;
	width: 100%;
  height: 450px;
}
#sec01 .kwallWrp .pht .brd_ttl_usuyou {
  text-align: left;
  display: flex;
  align-items: center;
  font-size: 1.8rem;
	font-weight: 300;
	letter-spacing: 1.4rem;
	line-height: 2.4rem;
  margin-bottom: 30px;
} 
#sec01 .kwallWrp .pht .brd_ttl_usuyou::before{
  content: url( "../img/icn_fl07.png");
  position: relative;
  display: inline-block;
  width: 20px;
  height: auto;
  top: 2px;
  margin-right:35px;
}
#sec01 .kwallWrp .pht .img_usuyou {
  background: url(../img/karakami_img04.jpg) no-repeat left;
	width: 100%;
  height: 450px;
}

#sec01 .kwallWrp .karakamiTxt {
	width: 100%;
	padding-top: 35px;
}
@media (min-width: 600px) {
  #sec01 .sec01_txt h3 {
  font-size: 2.2rem;
  margin-top: -10%;
  margin-left: 70%;
    mix-blend-mode: normal;
    color: #111;
  }
  #sec01 .sec01_img2 {
  padding: 10vw 0;
  margin-top: -23%;
  background: url(../img/img_kw01.png) no-repeat right;
  width: calc(100% + 100px);
  margin:-20% 0 0 -60%;
}
	
#sec01 .brands_bg{
  background: url(../img/sttl_ourbrands.png) no-repeat right;
	position: relative;
}
#sec01 .sec01_txt p {
  text-align: left;
  padding: 50px 0;
}
#sec01 .kwallWrp {
	display: flex;
	justify-content: space-between;
	padding: 10vw 0;
}
#sec01 .kwallWrp .pht {
	width: 40%;	
}
#sec01 .kwallWrp .pht .img{
  background: url(../img/karakami_img01.png) no-repeat left;
	height: 100%;
}
#sec01 .kwallWrp .pht .img_ginnashizi{
  background: url(../img/karakami_img02.png) no-repeat left;
	height: 100%;
}
#sec01 .kwallWrp .pht .img_torinoko{
  background: url(../img/karakami_img03.jpg) no-repeat left;
	height: 100%;
}
#sec01 .kwallWrp .pht .brd_ttl{
  display: flex;
}
#sec01 .kwallWrp .pht .brd_ttl_karakamiya {
  max-width: 250px;
  margin: 0 0 30px;
}
#sec01 .kwallWrp .karakamiTxt {
	width: 55%;
	padding-top: 35px;
}
}
@media (min-width: 1025px) {
  #sec01 .sec-box {
	padding-bottom: 0;
}
	#sec01 .sec01_txt h3 {
  font-size: 2.4rem;
  margin-bottom: 15px;
  margin-top: -5%;
  margin-left: 75%;
  }
	
#sec01 .sec01_txt p {
  text-align: left;
  padding: 50px 0;
}
#sec01 .kwallWrp {
	display: flex;
	justify-content: space-between;
	padding: 10vw 0;
}
#sec01 .kwallWrp .pht {
	width: 45%;	
}
#sec01 .kwallWrp .pht .img{
  background: url(../img/karakami_img01.png) no-repeat left;
	height: 100%;
}
#sec01 .kwallWrp .pht .brd_ttl{
  display: flex;
}
#sec01 .kwallWrp .karakamiTxt {
	width: 55%;
	padding-top: 35px;
}
	
}
/* 
----------------------------------------------------*/
#sec02 {
}
#sec02 .sec02phtWrp {
	display: block;
	justify-content: space-between;
}
#sec02 .line {
	border-top: 1px #c9caca solid;
}
#sec02 .sec02phtWrp .sec02_icon {
  position: absolute;
  right: -10px;
  top: -20px;
}
#sec02 .sec02_txt {
  padding: 2.4vw 2.3vw;
  text-align: left;
}

#sec02 .sec02phtWrp .kiyose,
#sec02 .sec02phtWrp .shiori{
	padding: 50px 0;
	width:100%;
}
#sec02 .sec02phtWrp .kiyose .img{
  background: url(../img/bnr_kiyose.png) no-repeat center;
	width: 100%;
    height: 260px;
}
#sec02 .sec02phtWrp .shiori .img{
  background: url(../img/bnr_shiori.png) no-repeat center;
	width: 100%;
    height: 260px;
}
#sec02 .sec02phtWrp .kiyose .brd_ttl{
  text-align: left;
  display: flex;
  font-size: 1.8rem;
	font-weight: 300;
	letter-spacing: 1.4rem;
	line-height: 2.4rem;
	padding-left: 10px;
}
#sec02 .sec02phtWrp .kiyose .brd_ttl:before{
  content: url( "../img/icn_fl02.png");
  position: relative;
  display: inline-block;
  width: 20px;
  height: 30px;
  top: -8px;
  margin-right:35px;
  padding-bottom: 15px;
}
#sec02 .sec02phtWrp .shiori .brd_ttl{
  text-align: left;
  display: flex;
  font-size: 1.8rem;
	font-weight: 300;
	letter-spacing: 1.4rem;
	line-height: 2.4rem;
	padding-left: 10px;
}
#sec02 .sec02phtWrp .shiori .brd_ttl:before{
  content: url( "../img/icn_fl03.png");
  position: relative;
  display: inline-block;
  width: 20px;
  height: 30px;
  top: -8px;
  margin-right:35px;
  padding-bottom: 15px;
}
@media (min-width: 600px) {
#sec02 .sec02phtWrp {
	display: flex;
	justify-content: space-between;
}
#sec02 .sec02phtWrp .kiyose .brd_ttl{
	padding-left: 20px;
}
#sec02 .sec02phtWrp .shiori .brd_ttl{
	padding-left: 20px;
}

#sec02 .sec02phtWrp .kiyose,
#sec02 .sec02phtWrp .shiori{
	padding: 50px 0;
	width:50%;
}
#sec02 .sec02phtWrp .kiyose .img{
	width: 94%;
    height: 220px;
}
#sec02 .sec02phtWrp .shiori .img{
	width: 94%;
    height: 220px;
}
#sec02 .sec02_txt {
  padding: 2.4vw 2.3vw 2.4vw 0vw;
}
}
@media (min-width: 1025px) {
#sec02 .sec02phtWrp .kiyose .img{
	width: 100%;
    height: 260px;
}
#sec02 .sec02phtWrp .shiori .img{
	width: 100%;
    height: 260px;
}
#sec02 .sec02_txt {
  padding: 0.4vw 2.3vw;
  text-align: left;
}
}
/* 
----------------------------------------------------*/
#sec03 {
  overflow-x: hidden;
}
#sec03 .sec03Wrp {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: left;
  margin: 10px;
	padding: 10vw 0;
}
#sec03 .showroom_img {
  /*background: url(../img/img_shwrm_01.png) no-repeat right;*/
  /*height: 380px;*/
  width: 100%;
}
#sec03 .sec03_txt {
	padding: 20px 0 0 10px;
}
#sec03 h3 {
  writing-mode: vertical-rl; 
  font-size: 2rem;
  text-align: left;
  margin-left: 20%;
  margin-top: -2%;
  mix-blend-mode: difference;
  color: #fff;
}
#sec03 .brands_bg{
}
#sec03 .sec01_txt p {
  text-align: left;
  padding: 30px 0;
}
#sec03 .sec03_img2 {
  padding: 20vw 0;
  margin-top: -20%;
  background: url(../img/img_kw02.png) no-repeat left;
  width: calc(100% + 100px);
  margin: -36% -50% 0 0%;
}
@media (min-width: 600px) {
#sec03 .sec03Wrp {
	padding: 0vw 0;
  }
#sec03 h3 {
  writing-mode: vertical-rl; 
  font-size: 2rem;
  text-align: left;
  margin-left: 20%;
  margin-top: -2%;
	mix-blend-mode: normal;
    color: #111;
}
#sec03 .showroom_img {
  width:50%;
  /*height: 380px;*/
}
#sec03 .sec03_txt {
  width: 45%;
	padding: 0px 0;
}
#sec03 .brands_bg{
  background: url("../img/sttl_showroom.png") no-repeat left;
	position: relative;
}
#sec03 .sec03_img2 {
  padding: 20vw 0;
  margin-top: -20%;
  background: url(../img/img_kw01.png) no-repeat left;
  width: calc(100% + 100px);
  margin: -31% -50% 0 50%;
}
}
@media (min-width: 1025px) {
  #sec03 .sec03Wrp {
    display: flex;
    justify-content: space-between;
  }
#sec03 .showroom_img {
  width: 500px;
  height: 380px;
}
#sec03 .sec03_txt {
  width: 440px;
	padding: 0px 0;
}
}



/*----------------------------------------------------
商品一覧ページ
----------------------------------------------------*/
#secBrands {}
#secBrands h3 {
  writing-mode: vertical-rl; 
  font-size: 2rem;
  letter-spacing: 0.6rem;
  text-align: left;
	margin: 100px 0 100px 46%;
}
#secBrands .sec-box {}
#secBrands .sec-item {
  margin-bottom: 10vw;
}
#secBrands .secItemWrp {	
	padding-top: 50px;
}
#secBrands .secItem_txt {
  padding: 10px;
}
#secBrands .brands_bg{
}
#secBrands .secItem_txt p {
  text-align: left;
  padding: 30px 0;
}
#secBrands .brdWrp {
	padding: 50px;	
    width: 100%;
    display: flex;
	justify-content: center;
  align-items: center;
}
#secBrands .brd_ttl_karakamiya {
  max-width: 270px;
}
/* #secBrands .brd_ttl:before{
	content: url( "../img/icn_fl01.png");
	position: relative;
	display: inline-block;
	width: 20px;
	height: 30px;
	top: 2px;
	margin-right:35px;
	padding-bottom: 50px;
} */
#secBrands .brd_ttl_gin{
  text-align: left;
  display: flex;
  font-size: 1.8rem;
	font-weight: 300;
	letter-spacing: 1.4rem;
	line-height: 2.4rem;
}
#secBrands .brd_ttl_gin:before{
	content: url( "../img/icn_fl05.png");
	position: relative;
	display: inline-block;
	width: 20px;
	height: 30px;
	top: 2px;
	margin-right:35px;
	padding-bottom: 50px;
}
#secBrands .brd_ttl_torinoko {
  text-align: left;
  display: flex;
  align-items: center;
  font-size: 1.8rem;
	font-weight: 300;
	letter-spacing: 1.4rem;
	line-height: 2.4rem;
}
#secBrands .brd_ttl_torinoko:before {
	content: url( "../img/icn_fl06.png");
	position: relative;
	display: inline-block;
	width: 20px;
	height: auto;
	top: 2px;
	margin-right:35px;
}
#secBrands .brd_ttl_usuyou {
  text-align: left;
  display: flex;
  align-items: center;
  font-size: 1.8rem;
	font-weight: 300;
	letter-spacing: 1.4rem;
	line-height: 2.4rem;
}
#secBrands .brd_ttl_usuyou:before {
	content: url( "../img/icn_fl07.png");
	position: relative;
	display: inline-block;
	width: 20px;
	height: auto;
	top: 2px;
	margin-right:35px;
}
#secBrands .ItemlistWrp {	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#secBrands .ItemlistWrp .item{		
  margin: 50px 0px 0 0;
    /*width: calc(46% - 40px / 2);*/
	width: calc(50% - 40px / 2);
    }
#secBrands .ItemlistWrp .item img{		
	padding: 0 0 0px;
    }
#secBrands .ItemlistWrp .item .image_link{
 display:block; 
 position:relative;
 text-decoration:none;
 overflow:hidden;
}
#secBrands .ItemlistWrp .item .image_link:before{
  content:"";
  display:block;
  padding-top: 100%;/*ここには横幅に対して縦が何%になるかを記述*/
}
#secBrands .ItemlistWrp .item .image_link img{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  transition:0.3s;
  display:block;
  width:100%;	
}
#secBrands .ItemlistWrp .item .image_link:hover img{
  transform:scale(1.2);
}
#secBrands .ItemlistWrp .item p {
	line-height: 2.5rem;
	padding: 0 0 0 5px;
    }
#secBrands .ItemlistWrp .item p:first-of-type {	
	padding-top: 10px;
    }
#secBrands .ItemlistWrp .item p.size {	
	font-size: .8em;
    }


@media (min-width: 600px) {	
#secBrands .ItemlistWrp .item{		
  margin: 50px 0px 0 0;
    width: calc(31% - 70px / 3);	
    }
#secBrands .ItemlistWrp::after{
  content:"";
  display: block;
  width:28%;
    }
	#secBrands .ItemlistWrp .item p.size {	
	font-size: .9em;
    }
}
@media (min-width: 1025px) {
#secBrands .ItemlistWrp .item{		
  margin: 50px 0px 0 0;
    width: calc(23% - 70px / 4);	
    }
	
#secBrands .ItemlistWrp::before{
  content:"";
  display: block;
  width:21%;
  order:1;
    }
#secBrands .ItemlistWrp::after{
  content:"";
  display: block;
  width:21%;
    }
}


/*----------------------------------------------------
銀梨地施工例
----------------------------------------------------*/
#secBrands .sekouWrap {
	margin-top: 100px;
}
#secBrands .sekouWrap .ttl-sekou {
	border: 1px solid #333;
	display: table;
	margin: 0 auto 50px;
	width: 50%;
	max-width: 300px;
	padding: .5em;
	text-align: center;
}
#secBrands .sekouWrap .sekou-item:first-of-type {
	margin-bottom: 50px;
}
#secBrands .sekouWrap .sekou-txt {
	padding-top: 1em;
	line-height: 1.8;
}

@media (min-width: 600px) {
	#secBrands .sekouWrap .ttl-sekou {
	padding: .75em;
}
	#secBrands .sekouWrap .sekou-flexbox {
	display: flex;
	justify-content: space-between;
}	
	#secBrands .sekouWrap .sekou-item {
	width: 47.5%;
}
	#secBrands .sekouWrap .sekou-item:first-of-type {
	margin-bottom: 0px;
}
	#secBrands .sekouWrap .sekou-txt {
	padding-top: 1.5em;
}
}

@media (min-width: 1025px) {
	#secBrands .sekouWrap {
	margin-top: 120px;
}
}


/*----------------------------------------------------
商品詳細ページ
----------------------------------------------------*/
#secBrands .ItemDetailsWrp {}
#secBrands .ItemDetailsWrp .infoWrp {  padding-top: 30px;}
#secBrands .ItemDetailsWrp .galWrp a {  display: block;}
#secBrands .ItemDetailsWrp .galWrp figure {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 0;
  overflow: hidden;
  padding: 100% 0 0;
  margin: 0;
}
#secBrands .ItemDetailsWrp .galWrp .choice-btn {  margin: 5vw 0 0;}
#secBrands .ItemDetailsWrp .galWrp .choice-btn li {  padding: 0 5px;}
#secBrands .ItemDetailsWrp .galWrp .choice-btn li figure {
  border: 1px solid #ddd;
  transition: .3s;
}
#secBrands .ItemDetailsWrp .galWrp .choice-btn figure:hover {  opacity: .7;}
#secBrands .ItemDetailsWrp .galWrp .choice-btn figure:hover, #secBrands .ItemDetailsWrp .galWrp .choice-btn .slick-current figure {  border: 1px solid #000;}
#secBrands .ItemDetailsWrp .infoWrp {  padding-top: 40px;}
#secBrands .ItemDetailsWrp .infoWrp .itemCate {
  background-color: #000;
  color: #fff;
  padding: 2px 20px;
  display: inline-block;
  margin-bottom: 14px;
}
#secBrands .ItemDetailsWrp .infoWrp .item-data {  line-height: 1.6;}
#secBrands .ItemDetailsWrp .infoWrp .item-data::before {  content: attr(data-item);}
#secBrands .ItemDetailsWrp .infoWrp .itemPrice strong {
  color: #c00101;
  font-size: 2rem;
}
#secBrands .ItemDetailsWrp .infoWrp .itemExp {  margin: 5vw 0 0;}
#secBrands .ItemDetailsWrp .infoWrp .txtDetails {
  margin: 5vw 0 0;
  border-top: 1px solid #ccc;
}
#secBrands .ItemDetailsWrp .infoWrp .txtDetails dt, #secBrands .ItemDetailsWrp .infoWrp .txtDetails dd {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
}
#secBrands .ItemDetailsWrp .infoWrp .txtDetails dt {  background-color: #f1f1f1;}
#secBrands .ItemDetailsWrp .infoWrp .itemNote {
  margin: 5vw 0 0;
  font-size: 1.2rem;
}
#secBrands .ItemDetailsWrp .infoWrp .itemNote img {
  padding: 5px 0;
}
#secBrands .ItemDetailsWrp .infoWrp .itemNote p {  padding-left: 1em;}
#secBrands .ItemDetailsWrp .infoWrp .itemNote p:before {
  margin-left: -1em;
  content: "※";
}
#secBrands .ItemDetailsWrp .galWrp  .memori  {
    position: relative;
}
#secBrands .ItemDetailsWrp .galWrp  .memori::before  {
    content: "";
    display: block;
    position: absolute;
    top: 0;
	left: -0.4px;
    width: 2%;
    bottom: 0;
    background: url("../img/memori.png") no-repeat center;
    background-size: contain;
}
/* 銀梨地のメモリは5cm */
#secBrands .ItemDetailsWrp .galWrp .memori5cm,
#secBrands.ginnashizi .ItemDetailsWrp .galWrp .memori {
    position: relative;
}
#secBrands .ItemDetailsWrp .galWrp .memori5cm::before,
#secBrands.ginnashizi .ItemDetailsWrp .galWrp .memori::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
	left: -0.4px;
    width: 2%;
    bottom: 0;
    background: url("../img/memori5cm.png") no-repeat center;
    background-size: contain;
}
#secBrands .infoWrp .size-att {
    font-size: 0.9em;
    line-height: 1.6;
    padding-left: 1em;
    text-indent: -1em;
    margin-top: 1em;
}

@media (min-width: 600px) {
  #secBrands .ItemDetailsWrp {  margin: 0 10vw}
  #secBrands .ItemDetailsWrp .infoWrp {  padding-top: 30px;}
  #secBrands .ItemDetailsWrp .infoWrp .txtDetails th {  width: 25%;}
  #secBrands .ItemDetailsWrp .gallery img {
    width: 100%;
    height: 450px;
    object-fit: cover;
  }
  #secBrands .ItemDetailsWrp .choice-btn img {
    width: 100%;
    height: 125px;
    object-fit: cover;
  }
}
@media (min-width: 1025px) {
  #secBrands .ItemDetailsWrp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
  }
  #secBrands .ItemDetailsWrp .galWrp {  width: 53%;}
  #secBrands .ItemDetailsWrp .infoWrp {  width: 42%; padding-top: 0px;}
  #secBrands .ItemDetailsWrp .infoWrp .itemPrice strong {  font-size: 2.6rem;}
  #secBrands .ItemDetailsWrp .infoWrp .txtDetails {
    margin: 5vw 0 0;
    border-top: 1px solid #ccc;
    display: flex;
    flex-wrap: wrap;
  }
  #secBrands .ItemDetailsWrp .infoWrp .txtDetails dt, #secBrands .ItemDetailsWrp .infoWrp .txtDetails dd {
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
  }
  #secBrands .ItemDetailsWrp .infoWrp .txtDetails dt,
  #secBrands .ItemDetailsWrp .infoWrp .txtDetails dd {  padding:10px;}
  #secBrands .ItemDetailsWrp .infoWrp .txtDetails dt {  width: 140px;}
  #secBrands .ItemDetailsWrp .infoWrp .txtDetails dd {  width: calc(100% - 140px);}
  #secBrands .ItemDetailsWrp .galWrp .choice-btn, #secBrands .ItemDetailsWrp .infoWrp .itemExp, #secBrands .ItemDetailsWrp .infoWrp .txtDetails, #secBrands .ItemDetailsWrp .infoWrp .itemNote {  margin: 2vw 0 0;}
}



/*矢印の設定*/

/*戻る、次へ矢印の位置*/
#secBrands .ItemDetailsWrp .slick-prev, 
#secBrands .ItemDetailsWrp .slick-next {
	display: none !important;
	
    position: absolute;/*絶対配置にする*/
    z-index: 3;
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #ccc;/*矢印の色*/
    border-right: 2px solid #ccc;/*矢印の色*/
    height: 25px;
    width: 25px;
}

#secBrands .ItemDetailsWrp .slick-prev {/*戻る矢印の位置と形状*/
    left:2.5%;
    transform: rotate(-135deg);
}

#secBrands .ItemDetailsWrp .slick-next {/*次へ矢印の位置と形状*/
    right:2.5%;
    transform: rotate(45deg);
}

/*選択するサムネイル画像の設定*/

#secBrands .ItemDetailsWrp .choice-btn li{
  cursor: pointer;
  outline: none;
  background:none;
  /*width:25%!important;*/
}

#secBrands .ItemDetailsWrp .choice-btn li img{
  opacity: 0.6 !important;/*選択されていないものは透過60%*/
  padding: 2px;
	margin: 0px;
}

#secBrands .ItemDetailsWrp .choice-btn li.slick-current img{
  opacity: 1 !important;/*選択されているものは透過しない*/
}

#secBrands .slick-track {
  /*transform: unset !important;*/
	/*画面幅サイズ変更に伴うサムネイル固定*/
}


/*----------------------------------------------------

Lower

----------------------------------------------------*/
.pankuzu-box {
  width: 100%;
  height: 40px;
}
.pankuzu {
  font-size: 1.1rem;
  margin: auto;
  max-width: 90%;
}
.pankuzu ul {
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-end;
}
.pankuzu li {
  line-height: 40px;
}
.pankuzu li a {
  position: relative;
  padding-right: 40px;
  display: block;
}
.pankuzu li a::after {
  content: ">";
  display: block;
  position: absolute;
  width: 9px;
  height: 15px;
  top: 0;
  right: 15px;
}
@media screen and (max-width:960px) {
  .pankuzu-box {
    width: 100%;
    padding-top: 40px;
    height: 40px;
    font-size: 1.2rem;
  }
  .pankuzu ul {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow: auto;
    white-space: nowrap;
    text-align: right;
  }
  .pankuzu li {
    display: inline-block;
    flex: 0 0 40%;
  }
}




/* 
----------------------------------------------------*/
#news-list {
  background: url("../img/bg_sec.png");
}
#news-list h2 {
  text-align: center;
}
#news-list .list-box {}
#news-list .list-box .list-item {
  float: left;
  width: 46%;
  margin: 0 8% 30px 0;
}
#news-list .list-box .list-item .cap {
  display: none;
  font-size: 1.2rem;
}
#news-list .list-box .list-item:nth-child(2n) {
  margin-right: 0;
}
@media (min-width: 600px) {
  #news-list .list-box .list-item .cap {
    display: block;
  }
}
@media (min-width: 1025px) {
  #news-list .list-box .list-item {
    width: 22%;
    margin: 0 4% 50px 0;
  }
  #news-list .list-box .list-item:nth-child(2n) {
    margin-right: 4%;
  }
  #news-list .list-box .list-item:nth-child(4n) {
    margin-right: 0;
  }
}
/* 
----------------------------------------------------*/
#kiji-dtl {
  background: url("../img/bg_sec.png");
}
#kiji-dtl h2 {
  text-align: center;
}
.kiji-ttl {
  font-size: 1.6rem;
  padding: 10px 0 15px;
  position: relative;
}
.kiji-ttl h2 {
  text-align: center;
}
.kiji-ttl:after {
  position: absolute;
  content: '';
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  height: 6px;
  background: #155507;
  /*  background: url("../img/bg.png");*/
}
.kiji-data {
  text-align: right;
  font-size: 1.2rem;
}
.kiji-box {
  padding: 1em 0 0;
  line-height: 1.8;
}
.kiji-box p, .kiji-box figure {
  margin: 0 0 1.5em 0;
}
.kiji-box figure figcaption {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.4;
  color: #999;
}
.kiji-box figure img {
  max-width: 100%;
}
.kiji-box figure img + figcaption {
  margin-top: 0.5em;
}
.kiji-box figure figcaption.blocks-gallery-item__caption {
  font-size: 1.2rem;
}
.kiji-box figure ul.blocks-gallery-grid {
  margin: 0;
}
.kiji-box h1, .kiji-box h2, .kiji-box h3, .kiji-box h4, .kiji-box h5, .kiji-box h6 {
  line-height: 1.4;
  margin-bottom: 0.5em;
}
.kiji-box h1 {
  font-size: 200%
}
.kiji-box h2 {
  font-size: 180%
}
.kiji-box h3 {
  font-size: 140%
}
.kiji-box h4 {
  font-size: 120%
}
.kiji-box h5 {
  font-size: 100%
}
.kiji-box h6 {
  font-size: 90%
}
.kiji-box strong {
  font-weight: 700;
}
.kiji-box em {
  font-style: italic;
}
.kiji-box ul {
  list-style: disc;
  margin: 1em 0 1em 1.5em;
}
.kiji-box ol {
  list-style: decimal;
  margin: 1em 0 1em 1.5em;
}
.kiji-box blockquote {
  margin: 0 0 1.5em;
  padding: 0 0 0 10px;
  border-left: 3px solid #ccc;
  font-size: 1.2rem;
  color: #999;
  line-height: 1.4;
}
.kiji-box figure.wp-block-table table {}
.kiji-box figure.wp-block-table table th {
  padding: 10px;
  border: 1px solid #ccc;
}
.kiji-box figure.wp-block-table table td {
  padding: 10px;
  border: 1px solid #ccc;
}
.kiji-nav::after {
  clear: both;
  display: block;
  content: '';
}
.kiji-nav {
  margin: 1.5em 0;
  display: flex;
  justify-content: center;
}
.kiji-nav .nav {}
.kiji-nav a {
  display: inline-block;
  text-decoration: none;
  color: #fff;
  padding: 10px 15px;
  margin: 0 1em;
  background: #155507;
  /*background: url("../img/bg_sec.png");*/
}
@media (min-width: 600px) {
  .kiji-ttl {
    font-size: 1.7rem;
  }
}
@media (min-width: 1025px) {
  #kiji-dtl .txt-box {
    width: 80%;
    margin: 0 auto;
  }
  .kiji-box {
    padding: 2em 1em 0;
  }
  .kiji-ttl {
    font-size: 2.4rem;
  }
  .kiji-nav a {
    padding: 15px 25px;
  }
}
/* 
----------------------------------------------------*/
.pager {
  padding-top: 30px;
}
.pager ul.pagination {
  text-align: center;
}
.pager .pagination li {
  margin: 0 5px;
  padding: 0;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  position: relative;
}
.pager .pagination li a {
  display: block;
  line-height: 40px;
  background: #eee;
  color: #333;
  text-decoration: none;
}
.pager .pagination li a span {
  display: block;
}
.pager .pagination li a:hover, .pager .pagination li a.active {
  color: #fff;
  background: #155507;
}
@media only screen and (max-width: 415px) {
  .pager .pagination li {
    margin: 0 3px;
    width: 30px;
    height: 30px;
  }
  .pager .pagination li a {
    line-height: 30px;
  }
}
@media (min-width: 1025px) {}


/* 
----------------------------------------------------*/

#contact h3 {
  writing-mode: vertical-rl; 
  font-size: 2rem;
  letter-spacing: 0.5rem;
  text-align: left;
	margin: 70px 0 100px 45%;
}
#contact {
}
#contact .contactWrp{
	padding-top: 80px;
}
#contact ul {
  margin: 0.5em 0;
}
#contact h2 {
  text-align: center;
}
/*#contact ul li {
  padding-left: 1.5em;
  position: relative;
}
#contact ul li::before {
  position: absolute;
  content: '';
  display: block;
  left: 0;
  top: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #5e7701;
}
#contact ul li::after {
  position: absolute;
  content: '';
  display: block;
  top: 8px;
  left: 3px;
  width: 3px;
  height: 3px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(-45deg);
}*/
#contact table {
  margin: 1em 0;
  width: 100%;
  border-bottom: 1px solid #aaa;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-all;
}
#contact th, #contact td {
  display: block;
  border-top: 1px solid #aaa;
}
#contact th {
  padding: 5px 10px;
	background-color: #f1f1f1;
  /*background: url("../img/bg_sec_beige.png");*/
  text-align: left;
}
#contact td {
  padding: 10px;
  text-align: left;
  background: #FFF;
}
#contact th.hissu:after {
  content: '＊';
  color: #e12e66;
}
#contact input, #contact select, #contact textarea {
  padding: 5px 10px;
  margin: 3px 0;
  font-size: 14px;
  border: 1px solid #ccc;
  background: #FFF;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
  box-sizing: border-box;
}
#contact label {
  display: inline-block;
}
#contact .mw_wp_form .horizontal-item {
  margin: 0 10px 0 0;
}
#contact .mw_wp_form .error {
  display: inline-block;
}
#contact .zip {
  width: 40%
}
#contact .tel,#contact .email, #contact .email_confirm, #contact .add, #contact .address, #contact .message {
  width: 100%;
}
#contact .submitBox {
  text-align: center;
}
#contact .submit, #contact .return {
  margin: 10px 10px 0;
  font-size: 1.3rem;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-appearance: none;
  cursor: pointer;
}
#contact .submit {
  padding: 10px 40px;
  border: 0;
  background-color: #414141;
  color: #FFF;
}
#contact .return {
  padding: 10px 20px;
  border: 1px solid #ccc;
  background: #ccc;
  color: #333;
}
#contact .errmess {
  color: #B31013;
}
#contact .comp {
  text-align: center;
}
#contact .comp h3 {
  color: #af0101;
  font-weight: 700;
  padding-bottom: 10px;
  font-size: 1.6rem;
}
#contact .comp .btn-box {
  padding-top: 20px;
}

#contact .privacyTxt {
  padding: 20px;
}
#contact .privacyTxt.note {
  margin: 10px 20px 20px;
	padding: 14px 30px;
	border:1px solid #aaa;
	display: inline-block;
}

#contact .privacyTxt strong {
	font-weight: bold;
}
#contact .privacyTxt .ind {
	padding-left:1em;
	text-indent:-1em;
}

@media (min-width: 600px) {
  #contact th, #contact td {
    display: table-cell;
  }
  #contact table th {
	background-color: #f1f1f1;
    /*background: url("../img/bg_sec_beige.png");*/
    width: 28%;
  }
  #contact table td {
    width: 72%;
    background: #fff;
  }
}
@media (min-width: 1025px) {
  #contact .txt-box {
    width: 95%;
    margin: 0 auto;
  }
  #contact table th, #contact table td {
    padding: 20px;
  }
  #contact .tel, #contact .zip {
    width: 40%
  }
  #contact .email, #contact .email_confirm,  #contact .add {
    width: 60%;
  }
  #contact .message {
    width: 100%;
  }
  #contact .submit:hover, #contact .return:hover {
    opacity: 0.6;
  }
  #contact .submit {
    padding: 10px 80px;
  }
  #contact .return {
    padding: 10px 40px;
  }
}


/*---------------------------------------
  チェックボックス
----------------------------------------*/
#contact .checkbox label {
	/*display: inline-block;*/
	display: block;
	cursor: pointer;
}
#contact .checkbox label:nth-child(odd) {
	margin-right: 1%;
}
#contact .checkbox label:nth-child(even) {
	margin-left: 1%;
}
#contact .checkbox-input{
	/*display: none;*/
}
#contact .checkbox-parts{
	padding-left: 20px;
	padding-top: 2px;
	position:relative;
	/*margin-right: 20px;*/
	width: 100%;
	box-sizing: border-box;
	display: block;
	padding: 10px 5px 10px 44px;
	border-radius: 10px;
}
#contact .checkbox-parts::before{
	content: "";
	display: block;
	position: absolute;
	top: 14px;
	left: 12px;
	width: 17px;
	height: 17px;
	border: 1px solid #999;
	border-radius: 4px;
	background-color: #FFF;
}
#contact .checkbox-input:checked + .checkbox-parts{
   /* color: #000000;
    background-color: #ebebeb;*/
}
#contact .checkbox-input:checked + .checkbox-parts::before{
	border: 1px solid #000000;
}
#contact .checkbox-input:checked + .checkbox-parts::after{
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 18px;
    width: 7px;
    height: 17px;
    transform: rotate(40deg);
    border-bottom: 3px solid #d01137;
    border-right: 4px solid #d01137;
}
#contact .privacy-txt{
	border-bottom: 1px dotted #B9B9B9;
	margin-bottom: 10px;
	padding: 0 0 20px;
}
#contact .privacy-txt a{
	text-decoration: underline;
	text-underline-offset: 4px;
}


/* オーダーシステム
----------------------------------------------------*/
/* オーダーシステムへのボタン */
.link-ordersystem {
  margin-top: 50px;
}
#sec01 .link-ordersystem {
  margin-top: 0px;
}
.link-ordersystem .btn-order a {
  display: block;
  text-align: center;
  padding: 20px 0;
  font-size: 1.5rem;
  border: 1px solid #000;
}
.link-ordersystem .btn-order a:hover {
  background-color: #000;
  color: #fff;
  opacity: 1;
}
@media (min-width: 1025px) {
  .link-ordersystem {
  margin-top: 70px;
}
}

/* オーダーページ見出し */
#order h3 {
  font-size: 2rem;
  letter-spacing: 0.5rem;
  text-align: center;
	margin: 70px auto 100px;
}
#order .lead-order {
  margin: 30px auto;
}
#order .more_link {
  margin-left: auto!important;
  margin-right: auto!important;
  width: fit-content;
  display: block;
  font-size: .9em;
}

/* オーダーのステップ */
#order .order-step {
  margin-top: 60px;
}
#order .order-step h3 {
  margin-bottom: 30px;
}
#order .order-step .lead-order {
  display: table;
  margin: auto;
}
/* #order .order-step .step-list {
  margin: 30px auto;
  width: 90%;
  min-width: 330px;
  max-width: 700px;
}
#order .order-step .step-list li {
  border: 1px solid #000;
  padding: .75em 2em;
  white-space: nowrap;
}
#order .order-step .step-list li:not(:last-of-type) {
  margin-bottom: 1.5em;
}
#order .order-step .step-list li .num {
  padding-right: 1.5em;
  margin-right: 1.5em;
  display: inline-block;
  position: relative;
}
#order .order-step .step-list li .num::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #000;
  right: 0;
  top: 0;
}
#order .order-step .step-list li .accordion-cont {
  padding-top: 1em;
  white-space: normal;
}
#order .order-step .step-list li .accordion-cont a {
  text-decoration: underline;
}
#order .order-step .step-list li .accordion-cont a:hover {
  text-decoration: none;
} 

@media (min-width: 1025px) {
  #order .order-step .step-list {
  width: 100%;
  margin: 40px auto;
}
  #order .order-step .step-list li {
  padding: 1.5em 2em;
}  
  #order .order-step .step-list li:not(:last-of-type) {
  margin-bottom: 2em;
}
  #order .order-step .step-list li .accordion-cont {
  padding-top: 1.5em;
}
}*/

/* 柄の説明ポップアップ
----------------------------------------------------*/
/* モーダルを開くボタン */
#order #openModal {
  display: block;
  border: none;
  padding: 1em;
  background-color: #000;
  color: #fff;
  cursor: pointer;
  width: 50%;
  margin: 2em auto 0;
  font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
  text-align: center;
  transition: .3s;
}
#order #openModal:hover {
  background-color: #555;
}
/* モーダルの中身 */
#order .modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
#order .modal.is-visible {
  opacity: 1;
  visibility: visible;
}
#order .modal.hidden {
  display: none!important;
}
#order .modal .modal-content {
  color: #fff;
  padding: 20px;
  width: 90%;
  max-width: 1000px;
  box-sizing: border-box;
  position: relative;
  transition: transform 0.3s ease-out;
}
#order .modal .modal-content .close { 
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 30px;
  z-index: 10000;
}
#order .slider-item {
  display: flex!important;
  flex-direction: column;
}
#order .slider-item .gara-img {
  width: 62%;
  margin: 0 auto 20px;
}
#order .slider-item .gara-txt dt {
  font-size: 1.1em;
}
#order .slider-item .gara-txt dd {
  font-size: .9em;
}

/* 矢印おきかえ */
#order .slick-prev,
#order .slick-next {
  width: 30px;
  height: 30px;
  background: none;
  border: none;
  position: absolute;
  top: 35%;
  /* top: 50%;
  transform: translateY(-50%); */
  z-index: 10;
  cursor: pointer;
}
#order .slick-prev::before,
#order .slick-next::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  padding: 5px;
}
#order .slick-prev {
  left: 0px;
}
#order .slick-prev::before {
  transform: rotate(135deg);
}
#order .slick-next {
  right: 0px;
}
#order .slick-next::before {
  transform: rotate(-45deg);
}


@media (min-width: 768px) {
/* モーダルを開くボタン */
  #order #openModal {
  margin: 3em auto 0;
}
/* モーダルの中身 */
  #order .modal .modal-content .close { 
  font-size: 40px;
}
  #order .modal .slider-item {
  align-items: center;
  flex-direction: row;
  justify-content: space-around;
  height: 90vh;
  column-gap: 5vw;
}
  #order .slider-item .gara-img {
  margin: 0 auto;
  height: 100%;
  width: auto;
  /* display: grid;
  place-items: center; */
  overflow: hidden;
}
  #order .slider-item .gara-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
  #order .slider-item .gara-txt {
  width: 52%;
  align-self: center;
}
  #order .slider-item .gara-txt dt {
  font-size: 1.5em;
  margin-bottom: .5em;
}
  #order .slider-item .gara-txt dd {
  line-height: 2.5;
  font-size: 1em;
}

/* 矢印おきかえ */
  #order .slick-prev,
  #order .slick-next {
  top: 50%;
  transform: translateY(-50%);
}
  #order .slick-prev {
  left: -50px;
}
  #order .slick-next {
  right: -50px;
}
}


/* オーダーのフォーム */
/* ステップの見出し */
#order .step-ttl-wrap {
  text-align: center;
  margin: 50px auto 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto auto;
	column-gap: 2em;
	align-items: center;
  max-width: 700px;
}
#order .step-ttl-wrap::before,
#order .step-ttl-wrap::after {
  min-width: 1em;
	height: 1px;
	content: "";
	border-top: 1px solid #333;
  grid-row: 1 / 3;
  position: relative;
  top: 8%;
}
#order .step-num {
  font-size: 1.4rem;
  letter-spacing: .5em;
  grid-row: 1 / 2;
}
#order .step-num strong {
  font-size: 1.5em;
}
#order .item-ttl {
  margin-top: 30px;
  text-align: center;
  font-size: 1.5rem;
  grid-row: 2 / 3;
  cursor: initial;
}
/* フォーム内ステップの見出し */
/* #order .form-sec-ttl {
  border-bottom: 1px solid #333;
  display: flex;
  padding-bottom: 0.75em;
  font-size: 1.5rem;
}
#order .form-sec-ttl .num {
  border-right: 1px solid #333;
  padding-right: 1.5em;
  padding-left: 1.5em;
  margin-right: 1.5em;
}
#order .form-sec-ttl .num::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #000;
  right: 0;
  top: 0;
} */
/* フォーム内画像リスト */
#order .step-section .item-list {
/*   grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); */
    margin-top: 30px;
}
#order .step-section .item-list .radio {
  display: none;
}
#order .step-section .item-list li {
  border: 2px solid transparent;
  outline: 1px solid #ddd;
  margin-bottom: 1px; /* 隣接した罫線を重ねる */
}
#order .step-section .item-list li label {
  display: grid;
  grid-template-columns: 15% 1fr;
  align-items: center;
  grid-template-rows: auto 1fr;
  column-gap: 1em;
  padding: 8px;
  cursor: pointer;
  transition: 0.3s;
  font-size: 0.8em;
}
#order .step-section .item-list li:hover {
  background-color: rgba(0,0,0,.03);
}
#order .step-section .item-list li.selected {
  color: #fff;
  background-color: #c89932;
}
#order .step-section .item-list li img {
  grid-column: 1 / 2;
  grid-row: 1 / 3;
  display: block;
}
#order .step-section .item-list li .item-no {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  align-self: end;
}
#order .step-section .item-list li .item-name {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  align-self: start;
  line-height: 1.5;
}
#order .step-section.gara .item-list li .item-name {
  align-self: center;
}
#order .step-section .item-list.item-list-gara li label {
  grid-template-rows: 1fr 1fr;
}
#order .step-section .item-list.item-list-gara li .item-name {
  align-self: start;
}
/* 画像のみの選択肢 */
#order .step-section .item-list.item-list-noimg li label {
  display: flex;
  min-height: 12.5vw;
}
#order .step-section .item-list.item-list-noimg li .item-name {
  align-self: center;
  padding-left: 1em;
}
/* STEP4刷り方 */
#order .step-section.surikata .item-list li label {
  flex-direction: column;
}
#order .step-section.surikata .item-list li .item-no {
  align-self: start;
  padding-left: 1em;
}
#order .step-section.surikata .item-list li .item-name {
  align-self: start;
}
/* 合計金額 */
#order .total-sum {
  margin: 50px auto;
}
#order .total-price {
  border-bottom: 2px solid #333;
  margin-bottom: 1em;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
}
#order #price-num {
  font-size: 2em;
}


@media (min-width: 768px) {
  #order .step-num strong {
  font-size: 1.8rem;
}
/* ステップの見出し */
  #order .step-ttl-wrap {
  margin-top: 80px;
}
  /* フォーム内画像リスト */
  #order .step-section .item-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
  #order .step-section .item-list li {
  margin-left: 1px;
}
  #order .step-section .item-list.item-list-noimg li label {
  min-height: 8.2vw;
}
  #order .step-section .item-list li label {
  font-size: 0.9em;
}
/* 合計金額 */
  #order .total-sum {
  margin: 80px auto;
}
  #order .total-price {
  padding-bottom: .5em;
  margin-bottom: 1em; 
}
  #order .total-sum .att {
  text-align: center;
}
}

@media (min-width: 1025px) {
/* オーダーのフォーム */
  #order .form-sec {
  margin-top: 80px;
}
/* ステップの見出し */
  #order .step-ttl-wrap {
  margin-bottom: 30px;
}
  #order .step-num {
  font-size: 1.6rem;
}
  #order .step-num strong {
  font-size: 1.75em;
}
  /* フォーム内画像リスト */
  #order .step-section .item-list {
  grid-template-columns: 1fr 1fr 1fr;
}
  #order .step-section .item-list.item-list-noimg li label {
  min-height: 4.1vw;
}
}

/* CF7 和紙オーダーフォーム
----------------------------------------------------*/
#order #contact h3 {
  writing-mode: initial;
  margin-top: 100px;
  margin-bottom: 50px;
}
#order #contact .order-lead {
  text-align: center;
  margin-bottom: 50px;
}
#order #contact h4 {
  font-size: 1.1em;
  border-left: 3px solid #333;
  padding-left: 1em;
  margin-top: 2em;
}

#order #contact th p {
  display: inline-block;
}
#order #contact .conf-txt {
  color: #c00;
  font-weight: bold;
  margin: 2em auto 1em;
}
#order #contact .wpcf7-acceptance .wpcf7-list-item {
  display: block;
}
#order #contact #add {
  width: 100%;
}
/* 送信ボタンがスピナーで中央にならない */
#order #contact .wpcf7-spinner {
  display: block;
  margin: 1em auto 0;
}

@media (min-width: 1025px) {
  #order #contact .select-box {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 1em;
}
}


/* 施工事例
----------------------------------------------------*/
#secWorks h3 {
    writing-mode: vertical-rl;
    font-size: 2rem;
    letter-spacing: 0.5rem;
    text-align: left;
    margin: 70px 0 100px 45%;
}

@media (min-width: 600px) {}
@media (min-width: 1025px) {}




/* 
----------------------------------------------------*/
@media (min-width: 600px) {}
@media (min-width: 1025px) {}