@charset "UTF-8";

html {
  margin: 0;
  padding: 0;
  font-size: 62.5%;
	font-family: 'Klee One',"游教科書体",'YuKyokasho', serif;
}

body {
  font-size: 1.6em;
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
/*   font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; */
  color: #333;
  line-height: 1.5;
  letter-spacing: 0.1em;
  background-image: url("../img/kanemori-bg.jpg");
  background-size: contain;
	font-family: 'Klee One',"游教科書体",'YuKyokasho','Klee One',"游明朝",'YuMincho', 'Yu Mincho',serif;
}
main {
/* 	max-width: 1280px; */
	margin: 0 auto;
}
h2 {
	font-family: 'Klee One',"游教科書体",'YuKyokasho',"游明朝",'YuMincho', 'Yu Mincho',serif;
}
h3 {
	font-family: 'Klee One',"游教科書体",'YuKyokasho',"游明朝",'YuMincho', 'Yu Mincho',serif;
}

/* 追加 */
body.bg-kura {
  background-image: url("../img/kura-english-bg.jpg");
}

/* 追加 */
body.bg-en { 
  background-image: url("../img/kura-english-bg.jpg");
}


*,
*:before,
*:after {
  box-sizing: border-box;
}

p,
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
}

figure {
  margin: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ol,
ul,
li,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  text-decoration: none;
  transition: all 0.6s ease;
}
a:hover {
  transition: all 0.6s ease;
  opacity: 0.6;
}

img {
  max-width: 100%;
  height: auto;
}

::-webkit-scrollbar {
  width: 0;
}


/*loading*/
#loader-bg {
  background-color: #fff;
	height: 100%;
  left: 0px;
  position: fixed;
  top: 0px;
	width: 100%;
  z-index: 100;
}
#loader-bg img {
  left: 50%;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 100;
	width: 8rem;
	height: 8rem;
}
/* loading終わり */

.down-to-top {
  opacity: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  transform: translateY(50px);
  transition: all 2s;
  transition-timing-function: cubic-bezier(0.6, 0.2, 0.1, 1);
}

.down-to-top.scrollin {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
}
.en-about-hoge.scrollin{
	opacity: 1;
  transform: translateY(0);
}
.fadeIn {
  opacity: 0;
  transition: 2s;
}

.fadeIn.is-show {
  opacity: 1;
}

section {
  background-color: transparent;
}


.header {
/*   background-image: url("../img/top-topimage.jpg"); */
  height: 120vh;
  background-position: top center;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
}


.header-english {
  background-image: url("../img/top-topimage.jpg");
  height: 120vh;
  background-position: top center;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
}

.header-box {
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  height: 80px;
  padding: 0 30px;
  position: fixed;
  width: 100%;
  z-index: 300;
}
@media screen and (min-width: 768px) {
  .header-box {
    padding: 0 50px;
    height: 80px;
  }
}
.header-box__logo {
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  align-items: center;
}
.header-box__logo a img {
  vertical-align: bottom;
}
.header-box__nav {
  margin-left: auto;
}
.header-box__nav .nav-list {
  display: none;
}
@media screen and (min-width: 768px) {
  .header-box__nav .nav-list {
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.05em;
    line-height: 80px;
  }
}
.header-box__nav .nav-list li + li {
  margin-left: 20px;
}
.header-box__nav .nav-list li {
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
  justify-content: center;
  align-items: center;
}
.header-box__nav .nav-list li a {
  display: block;
  color: #FFFFFF;
}
.header-box__nav .nav-list li a img {
  vertical-align: bottom;
}
.header-box .shopIcon {
	position: absolute;
	top: 50%;
	right: 80px;
	-webkit-transform: translate( 0px, -50%);
	-ms-transform: translate( 0px, -50%);
	transform: translate( 0px, -50%);
}
@media screen and (min-width: 768px) {
  .header-box .shopIcon {
    display: inline-block;
    margin-left: 20px;
    line-height: 80px;
	position: relative;
	top: auto;
	right: auto;
	-webkit-transform: translate( 0px, 0px);
	-ms-transform: translate( 0px, 0px);
	transform: translate( 0px, 0px);
  }
}
.header-box .shopIcon img {
  vertical-align: middle;
  display: inline-block;
  width: 20%;
}
.header-box__spNav .sp-nav {
  position: fixed;
  right: -320px;
  /* これで隠れる */
  top: 0;
  width: 300px;
  /* スマホに収まるくらい */
  height: 100vh;
  padding-top: 40px;
  background-color: #fff;
  transition: all 0.6s;
  z-index: 200;
  overflow-y: auto;
  /* メニューが多くなったらスクロールできるように */
}
@media screen and (min-width: 768px) {
  .header-box__spNav .sp-nav {
    display: none;
  }
}
.header-box__spNav .sp-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-box__spNav .sp-nav__list__item {
  text-align: center;
  padding: 0 14px;
}
.header-box__spNav .sp-nav__list__item a {
  display: block;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
  text-decoration: none;
  color: black;
}
.header-box__spNav .sp-nav__list__item .global-nav__item a:hover {
  background-color: #eee;
}
.header-box__spNav .hamburger {
  position: absolute;
  right: 30px;
  top: 15px;
  width: 40px;
  /* クリックしやすいようにちゃんと幅を指定する */
  height: 40px;
  /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 300;
}
@media screen and (min-width: 768px) {
  .header-box__spNav .hamburger {
    display: none;
  }
}
.header-box__spNav .hamburger__line {
  position: absolute;
  left: 11px;
  width: 35px;
  height: 5px;
  background-color: #FFFFFF;
  transition: all 0.6s;
}
.header-box__spNav .hamburger .nav-open.hamburger__line--1 {
  transform: rotate(45deg);
  top: 20px;
}
.header-box__spNav .hamburger .hamburger__line--1 {
  top: 14px;
}
.header-box__spNav .hamburger .hamburger__line--1.show {
  transform: rotate(45deg);
  top: 26px;
  background-color: #0A0A0A;
}
.header-box__spNav .hamburger .hamburger__line--2 {
  top: 24px;
}
.header-box__spNav .hamburger .hamburger__line--2.show {
  display: none;
}
.header-box__spNav .hamburger .hamburger__line--3 {
  top: 33px;
}
.header-box__spNav .hamburger .hamburger__line--3.show {
  transform: rotate(-45deg);
  top: 26px;
  background-color: #0A0A0A;
}
.header-box__spNav .black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .header-box__spNav .black-bg {
    display: none;
  }
}
.header-mainTxt {
  position: relative;
  width: 100%;
  height: 100%;
}
.header-mainTxt .mainTxtInner {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline;
  transform: translate(-50%, -50%);
  writing-mode: vertical-rl;
	font-family: 'Klee One',"游教科書体",'YuKyokasho',"游明朝",'YuMincho', 'Yu Mincho',serif;
}


.header-mainTxt h2{
	font-size: 3.5rem;
	font-weight: bold;
	color: #FFFFFF;
	white-space: nowrap;
	line-height: 1.5;
  letter-spacing: 0.05em;
}

@media (min-width: 768px){
.header-mainTxt h2{
	font-size: 5rem;
	font-weight: bold;
}
}

.header-mainTxt p {
  color: #FFFFFF;
  white-space: nowrap;
  font-size: 2rem;
	font-weight: bold;
  text-align: end;
}

@media screen and (min-width: 768px) {
  .header-mainTxt p {
    font-size: 2.6rem;
  }
}


.header-about {
  background-image: url("../img/about-topimage.jpg");
}


.header-about .mainTxtInner.header-about__mainTxt {
  top: 50%;
  left: 50%;
}

@media (min-width: 768px){
.header-about .mainTxtInner.header-about__mainTxt {
  top: 50%;
  left: 20%;
}
}

.header-about h2 {
  font-size: 3rem;
  line-height: 1.9;
}
@media (min-width: 768px){
.header-about h2 {
  font-size: 4rem;
  line-height: 1.9;
}
}

.header-info {
  background-image: url("../img/info-topimage.png");
}

.header-english h2, .header-english__mainTxt, .main_en{
	font-family: 'PT Serif', serif;
	font-style: italic;
}

.header-english .mainTxtInner.header-english__mainTxt {
  writing-mode: inherit;
  transform: translate(-50%, -40%);
  top: 42%;
}
@media (min-width: 768px) {
.header-english .mainTxtInner.header-english__mainTxt {
  writing-mode: inherit;
  transform: translate(-50%, -40%);
  top: 45%;
}
}
.header-english h2 {
  font-size: 4.3rem;
}
@media screen and (min-width: 768px) {
  .header-english h2 {
    font-size: 6.2rem;
  }
}
.header-english p {
  font-size: 2rem;
  margin-top: 1em;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .header-english p {
    font-size: 3.5rem;
	  font-weight:lighter;
  }
}

.header-product {
  background-image: url("../img/product-topimage.jpg");
  /* 表示された時用のCSS */
}
.header-product p {
  white-space: inherit;
  margin-left: 0;
  text-align: inherit;
  height: 80%;
  line-height: 2;
  margin-top: 6em;
  font-size: 1.8rem;
}

@media (min-width: 768px) {
.header-product p {
  white-space: inherit;
  margin-left: 0;
  text-align: inherit;
  height: 80%;
  line-height: 2;
  margin-top: 6em;
  font-size: 2rem;
}
}

.header-product .mainTxtInner.header-product__mainTxt {
  transform: none;
  top: 16%;
  left: 15%;
}
@media (min-width: 768px){
.header-product .mainTxtInner.header-product__mainTxt {
  transform: none;
  top: 16%;
  left: 10%;
}
}

.header-product h2 {
  font-size: 3rem;
  line-height: 1.7;
  margin-left: 10px;
}
@media screen and (min-width: 768px) {
  .header-product h2 {
    font-size: 4rem;
  }
}
.header-product .nav-open .sp-nav {
  right: 0;
}
.header-product .nav-open .black-bg {
  opacity: 0.8;
  visibility: visible;
}
.header-product .hamburger__line--1.show {
  transform: rotate(45deg);
  top: 26px;
}
.header-product .nav-open .hamburger__line--2 {
  width: 0;
  left: 50%;
}
.header-product .nav-open .hamburger__line--3 {
  transform: rotate(-45deg);
  top: 20px;
}

.header-box {
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  height: 80px;
  padding: 0 30px;
  position: absolute;
  width: 100%;
  z-index: 300;
}
@media screen and (min-width: 768px) {
  .header-box {
    padding: 0 50px;
    height: 80px;
  }
}
.header-box__logo {
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  align-items: center;
  filter: brightness(5.5);
  width: 150px;
}
.header-box__logo a img {
  vertical-align: bottom;
}
.header-box__nav {
  margin-left: auto;
}
.header-box__nav .nav-list {
  display: none;
}

body.nav-open .header-box {
	padding-left: 0px;
}

body.nav-open .header-box__nav .nav-list {
	width: 100vw;
	height: 100vh;
  display: block;
	background-color: #000000;
	opacity: 0.8;
	padding-top: 150px;
	padding-bottom: 150px;
}

body.nav-open .header-box__nav .nav-list li {
	margin: 0px;
}

body.nav-open .header-box__nav .nav-list li a {
	padding-top: 20px;
	padding-bottom: 20px;
	color: white;
}

@media screen and (min-width: 768px) {
  .header-box__nav .nav-list {
    display: flex;
    color: #FFFFFF;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.05em;
    line-height: 80px;
  }

}
.header-box__nav .nav-list li + li {
  margin-left: 15px;
}
.header-box__nav .nav-list li {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 0.9em;
}
.header-box__nav .nav-list li a {
  display: block;
  color: #000000;
}

@media (min-width: 768px){
.header-box__nav .nav-list li a {
  display: block;
  color: #FFFFFF;
}
}

.header-box__nav .nav-list li a img {
  vertical-align: bottom;
}
@media screen and (min-width: 768px) {
  .header-box .shopIcon {
    display: inline-block;
    margin-left: 20px;
    line-height: 80px;
	position: relative;
	top: auto;
	right: auto;
	-webkit-transform: translate( 0px, 0px);
	-ms-transform: translate( 0px, 0px);
	transform: translate( 0px, 0px);
  }
}
.header-box .shopIcon img {
  vertical-align: middle;
  display: inline-block;
  width: 25px;
}
.header-box__spNav .sp-nav {
  position: fixed;
  right: -320px;
  /* これで隠れる */
  top: 0;
  width: 300px;
  /* スマホに収まるくらい */
  height: 100vh;
  padding-top: 40px;
  background-color: #fff;
  transition: all 0.6s;
  z-index: 200;
  overflow-y: auto;
  /* メニューが多くなったらスクロールできるように */
}
@media screen and (min-width: 768px) {
  .header-box__spNav .sp-nav {
    display: none;
  }
}
.header-box__spNav .sp-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-box__spNav .sp-nav__list__item {
  text-align: center;
  padding: 0 14px;
}
.header-box__spNav .sp-nav__list__item a {
  display: block;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
  text-decoration: none;
  color: black;
}
.header-box__spNav .sp-nav__list__item .global-nav__item a:hover {
  background-color: #eee;
}
.header-box__spNav .hamburger {
  position: absolute;
  right: 30px;
  top: 15px;
  width: 40px;
  /* クリックしやすいようにちゃんと幅を指定する */
  height: 40px;
  /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 300;
}
@media screen and (min-width: 768px) {
  .header-box__spNav .hamburger {
    display: none;
  }
}
.header-box__spNav .hamburger__line {
  position: absolute;
  left: 11px;
  width: 35px;
  height: 5px;
  background-color: #FFFFFF;
  transition: all 0.6s;
}
.header-box__spNav .hamburger .nav-open.hamburger__line--1 {
  transform: rotate(45deg);
  top: 20px;
}
.header-box__spNav .hamburger .hamburger__line--1 {
  top: 14px;
}
.header-box__spNav .hamburger .hamburger__line--1.show {
  transform: rotate(45deg);
  top: 26px;
  background-color: #ffffff;
}
.header-box__spNav .hamburger .hamburger__line--2 {
  top: 24px;
}
.header-box__spNav .hamburger .hamburger__line--2.show {
  display: none;
}
.header-box__spNav .hamburger .hamburger__line--3 {
  top: 33px;
}
.header-box__spNav .hamburger .hamburger__line--3.show {
  transform: rotate(-45deg);
  top: 26px;
  background-color: #ffffff;
}
.header-box__spNav .black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s;
  cursor: pointer;
}
@media screen and (min-width: 767px) {
  .header-box__spNav .black-bg {
    display: none;
  }
}

/* トップページ */


/* トップページカネモリ歴史エリア*/
/* トップページカネモリ歴史sp用*/
.aboutImg {
  position: relative;
  padding-top: 100px;
}
.aboutImg .bg-img__top {
  width: 100%;
  height: 158px;
  background-image: url("../img/topAbout4-sp.jpg");
  background-position: center 60%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
}
.aboutImg-center {
  display: flex;
}
.aboutImg-center .bg-img__left {
  width: 50%;
  height: 188px;
  background-image: url("../img/topAbout2.jpg");
  background-position: top center;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
}
.aboutImg-center .bg-img__right {
  width: 50%;
  height: 188px;
  background-image: url("../img/topAbout3.jpg");
  background-position: top center;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
}
.aboutImg-content {
  width: 90%;
	margin-top: 50px;
  padding: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(36, 36, 36, 0.45);
  text-align: center;
}

.aboutImg-content p {
  width: 98.8304093567%;
  color: #FFFFFF;
  margin: 0 auto;
   font-weight:　500;
	font-size: 1.4rem;
	text-align: justify;
}


.aboutImg .bg-img__bottom {
  display: none;
}

/* トップページカネモリ歴史sp */
@media (max-width: 454px){
.aboutImg-content p{
    font-weight:　500;
	font-size: 1.2rem;
	text-align: justify;
}
}
/* トップページカネモリ歴史sp用終わり*/


/* トップページカネモリ歴史pc用*/
@media screen and (min-width: 768px) {
  .aboutImg {
    display: flex;
  }

  .aboutImg .bg-img__top {
    flex: 1;
    height: 683px;
	  width: 100%;
    background-image: url(../img/topAbout1.jpg);
    background-position: center 60%;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
  }

 .aboutImg-center {
    display: block;
    flex: 2;
  }
	
  .aboutImg-center .bg-img__left {
    width: 100%;
    height: 342px;
  }

  .aboutImg-center .bg-img__right {
    width: 100%;
    height: 342px;
  }
  .aboutImg .bg-img__bottom {
    display: block;
    width: 100%;
    height: 158px;
    background-image: url("../img/topAbout4.jpg");
    background-position: top center;
    object-fit: cover;
    background-repeat: no-repeat;
    background-size: cover;
    flex: 1;
    height: 683px;
  }
.aboutImg-content p {
  width: 98.8304093567%;
  color: #FFFFFF;
  text-align: initial;
  margin: 0 auto;
  font-size: 1.2rem;
}
  .aboutImg-content {
    top: 50%;
    padding: 44px 0 35px 0;
/*     width: 72.9166666667%; */
	  max-width: 870px;
  }
	.aboutImg-content p {
    width: 93.4046345811%;
    line-height: 187.5%;
    font-size: 1.6rem;
		font-size: 2.2rem;
		text-align: justify;
  }
}

@media screen and (min-width: 1280px) {
  .aboutImg-content {
/*     width: 54.6875%; */
/* 	  max-width: 1220px; */
  }
	
.aboutImg-content .break {
		display: block;
	}
	
}
/* トップページカネモリ歴史pc用終わり*/
/* トップページカネモリ歴史エリア 終わり*/

/* トップページ蔵エリア */
.kuraInformation {
  margin-top: 13em;
}
.kuraInformation-box {
  position: relative;
  margin-top: 50px;
}
.kuraInformation-box__img {
  background-image: url(../img/top-kura2.jpg);
	width: 100%;
	height: 50vh;
	background-size: cover;
	background-position: center;
}

.kuraInformation-box .img-txt {
  display: flex;
  margin-bottom: 20px;
}
.kuraInformation-box .img-txt h2 {
/*   padding-left: 10px; */
  writing-mode: vertical-rl;
  color: #FFFFFF;
  background-color: rgba(36, 36, 36, 0.45);
  text-align: center;
  height: 5em;
  position: absolute;
  top: -10%;
  left: 3%;
  font-size: 4rem;
}

.kuraInformation-box .img-txt img {
  width: 100%;
  width: 80vw;
  margin-left: 5.3333333333vw;
}

.kuraInformation-box p {
  width: 100%;
  min-width: 267px;
}

.kuraInformation__txt {
  margin-top: 26px;
}

.kuraInformation__txt p {
  width: 80%;
  margin-left: auto;
  margin-bottom: 30px;
}

.kuraInformation__txt #link-btn__pc:hover {
  background-color: #FFFFFF;
  color: #FFFFFF;
  transition: all 0.3s ease;
  transition-delay: 0.3s;
  color: red;
}

#link-btn__sp {
  display: block;
  padding: 22px 87px;
  width: 300px;
  margin: 0 auto;
  text-align: center;
  background-color: red;
  color: #FFFFFF;
  transition-delay: 0.1s;
  border: solid 1px red;
}

#link-btn__sp:hover {
  background-color: #FFFFFF;
  color: red;
  transition: all 0.3s ease;
  transition-delay: 0.3s;
}
/* トップページモバイルエリア終わり */

/* トップページ蔵エリアpc用 */
@media screen and (min-width: 768px) {

  .kuraInformation-box {
    display: flex;
    justify-content: space-around;
  }
	
	.kuraInformation-box__img {
/*   background-image: url(../img/top-kura2.jpg); */
  width: 100vw;
  height: 100vh;
  background-size: cover;
  background-position: center;
	background-repeat: no-repeat;
}

  .kuraInformation-box .img-txt h2 {
    padding-left: 0;
    font-size: 8rem;
  }

  .kuraInformation-box .img-txt img {
    width: 35.3125vw;
  }

	.kuraInformation-box p {
    max-width: 558px;
  }

  .kuraInformation__txt {
    width: 33.203125%;
  }


  .kuraInformation__txt p {
    width: 100%;
    margin-left: 0;
    margin-bottom: 50px;
  }

  .kuraInformation__txt #link-btn__pc {
    display: block;
    padding: 22px 87px;
    width: 300px;
    margin: 0 auto;
    text-align: center;
    background-color: red;
    transition-delay: 0.1s;
    color: #FFFFFF;
    border: solid 1px red;
  }
  #link-btn__sp {
    display: none;
  }
}

/* トップページ蔵エリアpc用終わり */
/* トップページ蔵エリア終わり */

/* トップページ商品紹介エリア */
.shopInformation-box {
  position: relative;
}
.shopInformation{
	margin-top:120px;
}
.shopInformation-box__img {
  background-image: url(../img/top-shouyu.jpg);
  width: 100vw;
	height: 50vh;
  background-size: cover;
  background-position: center;
}

.shopInformation-box__img .img-txt h2 {
  writing-mode: vertical-rl;
/*   padding-left: 10px; */
  color: #FFFFFF;
  background-color: rgba(36, 36, 36, 0.45);
  text-align: center;
  height: 7.5em;
  line-height: 2.5em;
  position: absolute;
  top: -20%;
  left: 3%;
  font-size: 3rem;
  letter-spacing: 0.5em;
}

.shopInformation-box__img p {
  width: 71.2%;
  min-width: 267px;
}
/* トップページ商品紹介pc用 */
@media (min-width: 768px){
.shopInformation-box__img {
  background-image: url(../img/top-shouyu.jpg);
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
	background-repeat: no-repeat;
}

.shopInformation-box__img .img-txt h2 {
  writing-mode: vertical-rl;
  padding-left: 10px;
  color: #FFFFFF;
  background-color: rgba(36, 36, 36, 0.45);
  text-align: center;
  height: 7.5em;
  width: 3em;
  line-height: 3em;
  position: absolute;
  top: -5%;
  left: 3%;
  font-size: 3.5rem;
  letter-spacing: 0.5em;
}		
  .shopInformation-box__img .img-txt h2 {
    padding-left: 0;
    top: -10%;
	  font-size: 4rem;
  }

  .shopInformation-box__img p {
    max-width: 558px;
  }
}
@media (min-height: 1100px){
.shopInformation-box__img{
/* 			height: 45vh; */
		}
}
/* トップページ商品紹介pc用終わり */
/* トップページ商品紹介エリア終わり */

/* トップページお知らせエリア */
.infoTop {
/*   margin-top: 120px; */
	padding-top: 120px;
	padding: 7em 13vw;
}

.infoTop-box {
  background-color: #FFFFFF;
  padding: 47px 21px 62px 21px;
}

.infoTop-box__ttl h2 {
  margin-bottom: 32px;
  text-align: center;
	 font-weight: bold;
	font-size: 3rem;
}


.infoTop-box__ttl .info-btnPC {
  display: none;
}

.infoTop-box__ttl .info-btnPC a {
  display: block;
   padding: 22px 0;
   width: 100%;
   text-align: center;
   border: solid 1px #7F7F7F;
   background: #7F7F7F;
   color: #ffffff;
   transition-delay: 0.1s;
}

.infoTop-box__ttl .info-btnPC a:hover {
  background-color: #ccc;
  color: #000;
  transition: all 0.3s ease;
  transition-delay: 0.3s;
}

.infoTop-box__group__list {
  border-bottom: 1px #909090 solid;
  margin-bottom: 32px;
}

.infoTop-box__group__list time {
  margin-top: 22px;
  margin-bottom: 14px;
  display: inline-block;
}

.infoTop-box__group__list a {
  display: block;
  margin-bottom: 10px;
  color: #909090;
}

.infoTop-box span a {
  display: block;
  padding: 15px 0;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  border: solid 1px #7F7F7F;
  background-color:  #7F7F7F;
  color: #ffffff;
}

.infoTop-box span a:hover {
  color:  #000;
	background-color: #ccc;
}

/* トップページお知らせPC用エリア */
@media screen and (min-width: 768px) {
  .infoTop-box {
    display: flex;
    padding-top: 112px;
  }

  .infoTop-box__ttl {
    width: 37.5142531357%;
  }


  .infoTop-box__ttl h2 {
    font-size: 4.4rem;
	   font-weight: bold;
  }
	
  .infoTop-box__ttl .info-btnPC {
    display: block;
    width: 91.1854103343%;
    margin: 0 auto;
  }

  .infoTop-box__group {
    width: 57.0125427594%;
  }

  .infoTop-box__group__list time {
    margin-top: 0;
  }

  .infoTop-box span a {
    width: 34.2075256556%;
    display: none;
  }
}
/* トップページお知らせpc用終わり */
/* トップページお知らせエリア終わり */

/* トップページ店舗情報エリア */
.store {
  padding-bottom: 100px;
}
.store h2 {
  text-align: center;
  margin-bottom: 40px;
	font-weight: bold;
	font-size: 3rem;
}

.store-wrapper .store-container__map {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.store-wrapper .store-container__map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.store-wrapper .store-txt {
  background-color: #FFFFFF;
}

.store-wrapper .store-txt .store-group {
  padding: 50px 30px 30px 30px;
	margin-top: 8rem;
}

.store-wrapper .store-txt .store-group__list {
  margin-bottom: 10px;
	padding: 12px;
}

.store-wrapper .store-txt .store-group__list span{
  display: inline-block;
  font-size: 1.6rem;
  margin-bottom: 5px;
}

.store-wrapper .store-txt .store-group__list p {
  font-size: 1.4rem;
  padding-top: 8px;
  border-top: solid 1px #909090;
}



/* トップページ店舗情報pc用 */
@media screen and (min-width: 768px) {
  .store h2 {
    margin-bottom: 92px;
	  font-weight: bold;
		font-size: 4.4rem;
  }
	
  .store-wrapper {
    display: flex;
    justify-content: space-between;
    width: 85.9375%;
    margin: 0 auto;
  }

  .store-wrapper .store-container {
    position: relative;
    width: 50%;
    padding: 0 15px;
  }

  .store-wrapper .store-container__map {
/*     padding-bottom: 56.25%; */
    min-height: 700px;
  }

  .store-wrapper .store-container__map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .store-wrapper .store-txt {
    width: 48%;
    margin: 0 15px;
  }

  .store-wrapper .store-txt .store-group {
    padding-top: 25px;
	 margin-top: 0;
	  min-height:700px;
}
	
  .store-wrapper .store-txt .store-group__list {
	  padding: 20px;
    margin-bottom: 0;
	  padding-top:2rem;
  }
}
/* トップページ店舗情報pc用終わり */
/* トップページ店舗情報エリア終わり */


/* トップページボトム画像エリア */
.front-page__bottomImg {
  background-image: url("../img/top-kura.jpg");
  height: 50vh;
  background-position: center;
  background-size: cover;
}

/* トップページボトムpc用 */
@media (min-width: 768px){
.front-page__bottomImg {
  background-image: url("../img/top-kura.jpg");
  height: 60vh;
  background-position: center;
  background-size: cover;
}
}
/* トップページボトム画像エリア終わり */

/* トップページ終わり */


/* 蔵ページ */

/* 蔵エリア */
.about {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* 蔵トップsp用 */
.about-top__left-sp_sub{
	display: none;
}
@media (max-width: 767px){
.about-top {
  position: relative;
	padding-top: 20px;
  margin-bottom: 50px;
}

.about h2{
	order: 2;
	writing-mode: vertical-rl;
	font-size:2rem;
}
.about-top__right-sp {
	display: flex;
	justify-content: space-around;
	width: 95%;
	padding-top:3rem;
	margin: 0 auto;
	}
.about-top__right-sp .img-txt-sp {
	margin-bottom: 40px;
	text-align: center;
	order: 1;
	width: 75%;
}
.about-top__left-sp{
	display: none;
		padding-top:50px;
		width: 90%;
	}
.about-top__left-sp_sub{
	display: block;
	/*
	position: relative;
	top: -100px;
	left: -20px;
	margin-bottom: -100px;
	*/
	margin-top: 10px;
	width: 60%;
}
.about-top__right-sp::after {
	content: "";
  position: absolute;
  z-index: -100;
  top: 0;
  right: 0;
  width: 50%;
	height: 170px;
  background-color: rgba(36, 36, 36, 0.45);
	z-index: -1;
} 

.about-top__right-sp .img-txt-sp h2 {
	font-size: 5vw;
	padding-top: 10px;
	text-shadow: 1px 0 0 #eceee9, 0 1px 0 #eceee9, -1px 0 0 #eceee9, 0 -1px 0 #eceee9;
    order: 2;
    writing-mode: vertical-rl;
}
.about-top__right-sp .img-txt-sp img {
  width: 100%;
  height: auto;
}
.about-top__right-sp p {
	text-align: justify;
	line-height: 25px;
	padding-left: 3vh;
	padding-right: 3vh;
	padding-top:10px;
	font-size: 1.5rem;
}
	
.about-top__right-pc{
		display: none;
	}
.about-top__left-pc {
  display: none;
}
}
/* 蔵トップsp用終わり */

/* 蔵トップpc用 */
@media screen and (min-width: 768px) {
.about-top__right-sp {
		display: none;
	}
 .about-top_pc {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-around;
    align-items: flex-end;
	 margin-bottom: 70px;
    margin: 0 4rem;
  }
	
 .about-top__right-pc {
	 font-size: 2rem;
	 display: flex;
	 flex-flow: row-reverse;
  }
	.about-top_img-txt img{
		padding-top: 6.4rem;
	}
 .about-top__right-pc img {
    max-width: 1000px;
    width: 43.59375vw;
  }
	.about-top__right-pc h2{
		writing-mode: vertical-rl;
	font-size: 3.2rem;
	margin-left: 5rem;
	padding-top: 6.4rem;
	}
  .about-top__right-pc p {
    max-width: 558px;
	  font-size: 2rem;
    line-height: 3.3rem;
	  margin-top: 3rem;
  }

 .about-top__left-pc {
	 min-width: 270px;
	 margin-right: 3rem;
	 max-width: 900px;
	}

	.about-top::before {
  content: "";
  position: absolute;
  z-index: -100;
  top: 0;
  right: 0;
  width: 45vw;
  height: 25vh;
  background-color: rgba(36, 36, 36, 0.45);
} 

}
/* 蔵 pcトップ用終わり */

/* 蔵真ん中 */
.about-center {
  margin-bottom: 80px;
  position: relative;
	margin-top: 8rem;
/*   padding-top: 40px; */
}


/* 蔵真ん中sp用 */
@media (max-width: 767px){
.about-center__main-pc {
	display: none;
}
.about-center__main-sp {
	display: flex;
	justify-content: space-around;
	width: 95%;
/*   padding-left: 10px; */
	padding-top: 5rem;
margin: 0 auto;
}
	.about-center__main-sp h2{
/* 		padding-right: 20px; */
	}
.about-center__main-sp::after {
	content: "";
  position: absolute;
  z-index: -100;
  top: 0;
  left: 0;
  width: 50%;
	height: 170px;
  background-color: rgba(36, 36, 36, 0.45);
	z-index: -1;
} 
	
.about-center__main-sp .img-txt-sp {
/*   margin-bottom: 40px; */
	order: 2;
	width: 75%;
/* 	margin-left: 20px; */
/* 	margin-right: 20px; */
}
.about-center__main-sp .img-txt-sp img {
  width: 100%;
	height: auto;
}
.about-center__main-sp .img-txt-sp h2 {
	font-size: 5vw;
	text-align: center;
	padding-top: 10px;
}
.about-center__main-sp p {
/*   width: 100%; */
/*   min-width: 230px; */
	text-align: justify;
	line-height: 25px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	font-size: 1.5rem;
}
.about-center2 {
  width: 100%;
}
.about-center2::before {
  left: inherit;
	right: 0;
}
	
}
/* 蔵真ん中sp用 終わり*/

/* 蔵真ん中pc用 */
@media screen and (min-width: 768px) {
/*.about-center {
    width: 87.5%;
  }*/
.about-center::before {
  content: "";
  position: absolute;
  z-index: -100;
  top: 0;
  left: 0;
  width: 52.2666666667vw;
  height: 30vh;
  background-color: rgba(36, 36, 36, 0.45);
/* 	max-width: 600px; */
/* 	max-height:280px; */
} 
.about-center::before {
	height: 30vh;
	}

.about-center__main-pc{
	-webkit-display: flex;
	-moz-display: flex;
	display: flex;
	margin-bottom: 70px;
	padding-top: 40px;
	-webkit-justify-content: space-evenly;
	-moz-justify-content: space-evenly;
	justify-content: space-evenly;
	margin-left: 4rem;
	margin-right: 4rem;
}	
.about-center__main-pc h2{
	writing-mode: vertical-rl;
    font-size: 3.2rem;
/*     letter-spacing: -0.3rem; */
/* 	margin-left: 10px;  */
	margin-right: 6rem;		
}
	.img-txt_center{
		margin-right: 8rem;
	}
.img-txt__center img{
	width: 100%;
}
	
	.img-txt__center{
/* 		margin-right: 80px; */
	}

	.about-center__main-sp{
		display: none;
	}
.about-center__main .img-txt h2 {
    padding-left: 8rem;
	 font-size: 3.2rem;
	 letter-spacing: -0.3rem;
  }	
.about-center__main .img-txt img {
/*     max-width: 558px; 
    width: 75.781vw;
    min-width: 300px;
    max-width: 970px;
    height: 54.412vh;*/
    margin-left: 18.359375vw;
 }
  .about-center__main p {
/*     max-width: 558px; */
  }
 
}
@media (min-width: 768px) and (max-width: 1299px)  {
.about-center__main-pc p{
	width: 100%;
	font-size: 2rem;
	margin-top: 3rem;
	line-height: 3.3rem;
}
}
@media (min-width: 1300px) {
.about-center__main-pc p{
/* 	max-width: 800px; */
	font-size: 2rem;
	margin-top: 3rem;
	line-height: 3.3rem;
	width: 80%;
}
.about-center__main-pc p span{
	display: block;
}
}
/* 蔵真ん中pc用終わり */


/* 蔵エリアボトム */
.about-bottom {
  position: relative;
	padding-top: 20px;
  margin-bottom: 50px;
	margin-top: 40px;
}
.about-bottom_br{
	display:none;
}

.about-bottom__main::after {
	content: "";
  position: absolute;
  z-index: -100;
  top: 0;
  right: 0;
  width: 50%;
	height: 170px;
  background-color: rgba(36, 36, 36, 0.45);
	z-index: -1;
} 

.about-bottom__main {
  margin-bottom: 50px;
}
.about-bottom__main .img-txt {
  display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.about-bottom__main .img-txt-sp {
/* 	width: 90%; */
	margin-left: 20px;
	margin-right: 20px;
	padding-top:1rem;
}
.img-txt-pc{
	display: none;
}
.about-bottom__main .img-txt img {
	width: 100%;
	height: auto;
}

.about-bottom__main p {
  min-width: 267px;
	text-align: justify;
	margin-top: 20px;
	line-height: 25px;
	padding:0 6vh;
	font-size: 1.5rem;
}
.about-bottom__img {
  padding-left: 69px;
}
.about-bottom__img img {
  width: 100%;
}
/* 蔵ボトムsp用終わり */

/* 蔵ボトムpc用 */
@media screen and (min-width: 768px) {
	.about-bottom {
    /*display: flex;
    justify-content: center;
    align-items: flex-end;*/
/* 		margin-left: 80px; */
		padding-top: 6.4rem;
  }
	.about-bottom_br{
		display: block;
	}
  .about-bottom::before {
    height: 30vh;
  }

/*   .about-bottom__main .img-txt img {
    width: 70vw;
    max-width: 932px;
  } */
	.img-txt-pc{
		display: block;
		width: 75%;
		margin-left: 80px;
	}
	.img-txt-pc img{
		width: 100%;
	}
	#text{
		display: none;
	}
	.img-txt-sp{
		display: none;
	}
  .about-bottom__main p {
	  width: 75%;
    /* max-width: 800px; */
	  font-size: 2rem;  
	  line-height: 3.3rem;
	  padding: 0;
	  margin-left: 80px;
  }
	
  .about-bottom__img {
    width: 41.40625vw;
    max-width: 530px;
    padding-left: 0;
  }

.about-bottom::before {
  content: "";
  position: absolute;
  z-index: -100;
  top: 0;
  right: 0;
  width: 52.2666666667vw;
  height: 30vh;
  background-color: rgba(36, 36, 36, 0.45);
/* 	max-width:600px; */
/* 	max-height:280px; */
} 
.about-bottom__main::after {
	display: none;
} 
	
	
	

}
/* 蔵ボトムpc用エリア終わり */


/* 商品紹介エリア */
.product {
  padding-top: 70px;
  padding-bottom: 100px;
}

.product-txt {
  padding: 0 20px;
  margin-bottom: 70px;
	text-align: center;
}

.product-txt ul{
	display: inline-block;
	text-align: left;
}

.product-txt li{
	text-align: left;
	 font-size: 1.9rem;
	font-weight: bold;
font-family: 'Klee One',"游教科書体",'YuKyokasho',"游明朝",'YuMincho', 'Yu Mincho',serif;
}

.product-ttl {
  padding: 0 20px;
  margin-bottom: 45px;
}

.product-ttl h2 {
  background-color: rgba(36, 36, 36, 0.3);
  font-size: 3rem;
  text-align: center;
	font-weight: bold;
	padding: 23px;
/* 	max-width: 342px; */
}

.product-group {
  padding: 0 20px;
  margin-bottom: 83px;
}

.product-group li {
  margin-bottom: 60px;
}

.product-group li a img {
  vertical-align: bottom;
  width: 100%;
/*   height: auto; */
}

.product-group li h3 {
  font-size: 2.6rem;
  margin-bottom: 20px;
	font-weight: bold;
}

.product-group p{
	font-size: 1.6rem;
}
@media (min-width:768px){
	.product-group li h3 {
  font-size: 3rem;
  margin-bottom: 20px;
	font-weight: bold;
}
	.product-group p{
	font-size: 2rem;
}
}
.product .buy-btn {
  margin: 0 auto;
  text-align: center;
}
.product .buy-btn a {
  display: inline-block;
  padding: 15px;
  font-size: 2rem;
 	max-width: 240px;
  width: 100%;
	background-color: rgba(36, 36, 36, 0.3);
	color: black;
	font-weight: bold;
	font-family: 'Klee One',"游教科書体",'YuKyokasho',"游明朝",'YuMincho', 'Yu Mincho',serif;
}

/* 商品紹介ページpc用 */
@media screen and (min-width: 768px) {
  .product {
    padding-top: 70px;
    padding-bottom: 119px;
  }

  .product-txt {
    width: 87.5%;
    margin: 0 auto;
	  padding: 0 20px;
    margin-bottom: 92px;
/*     text-align: left; */
	  font-size: 3.6rem;
  }
	.ml{
		padding-top:2rem;
	}
	
	.product-txt li{
    text-align: left;
	 font-size: 3.6rem;
/* 	 font-weight: bold; */
}
		
  .product-txt p {
    font-size: 3rem;
    text-align: center;
  }

  .product-ttl {
    width: 87.5%;
    margin: 0 auto;
    margin-bottom: 45px;
    padding: 0;
  }

  .product-ttl h2 {
	 font-weight: bold;
	font-size: 4.4rem;
	padding: 23px;
	max-width: 342px;
  }
	
 .product-group {
    display: flex;
    flex-wrap:wrap;
	 justify-content:space-between;
	 width:87.5%;
    margin: 0 auto;
    margin-bottom: 83px;
/*     padding: 0; */
  }


  .product-group li {
    width: 43.125%;
/*     max-width: 600px; */
    margin-bottom: 73px;
  }

.product-group li a img {
  vertical-align: bottom;
/*   margin-bottom: 38px; */
  width: 100%;
/*   height: auto; */
/*   object-fit: none; */
}
		
.product .buy-btn a {
    display: inline-block;
    padding: 30px 0;
    font-size: 3.6rem;
    max-width: 411px;
    width: 100%;
    background-color: rgba(36, 36, 36, 0.3);
	font-weight: bold;
	color: black;
}	
}
/* 商品紹介ページpc用終わり */
/* 商品紹介エリア終わり */


/* お知らせページ */
/* インフォメーションセクション */
.info{
    background-color: transparent;
	 padding-top: 70px;
}

.info-txt {
  padding: 0 20px;
  margin-bottom: 92px;
}

.info-ttl {
  padding: 0 20px;
  margin-bottom: 45px;
}

.info-ttl h2 {
    font-weight: bold;
    font-size: 2.8rem;
    background-color: rgba(0, 0, 0, 0.3);
    color: #000;
    max-width: 200px;
    padding: 10px;
	text-align: center;
	margin: 0 auto;
}


.info-group {
  padding: 0 20px;
  margin-bottom: 83px;
}

.info-group li {
  margin-bottom: 73px;
}
.info-group li a {
	color: #000;
}
.info-group li a img {
  vertical-align: bottom;
  margin-bottom: 20px;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.info-group li time {
  margin-bottom: 16px;
  display: inline-block;
}
.info-group li p:nth-of-type(1) {
  margin-bottom: 16px;
}
.info-group li p:nth-of-type(2) {
  margin-bottom: 14px;
}
.info-group time{
	font-weight:　500;
	font-size: 2rem;
}

/* 2021 10/27  Pタグからh3タグに変更*/
.info-group h3{
	font-weight:　500;
	font-size: 2rem;
}



/* お知らせページニュースセクション */
.news{
	background-color: transparent;
	margin-bottom: 144px;
}

.news-ttl {
  padding: 0 20px;
}

.news-ttl h2 {
    font-weight: bold;
    font-size: 2.5rem;
    background-color: rgba(0, 0, 0, 0.3);
    color: #000;
    padding: 10px;
    max-width: 200px;
	text-align: center;
	margin: 0 auto;
}

.news-content {
	padding: 0 20px 20px;
}
.news-content p {
	font-size: 2rem;
	padding-top: 28px;
}
 .news-content p a{
    font-size: 2rem;
		color: #0A0A0A;
		text-decoration: underline;
 }

/* お知らせページpc用 */
/* インフォメーションセクション */
@media screen and (min-width: 768px) {
  .info {
    padding-top: 70px;
    padding-bottom: 119px;
  }

  .info-txt {
    width: 87.5%;
    margin: 0 auto;
    margin-bottom: 92px;
    text-align: left;
    padding: 0;
  }

  .info-ttl {
    width: 87.5%;
    margin: 0 auto;
    margin-bottom: 45px;
    padding: 0;
  }
	
	.info-ttl h2 {
    font-weight: bold;
    font-size: 4.4rem;
    background-color: rgba(0, 0, 0, 0.3);
    color: #000;
    max-width: 342px;
    padding: 25px 79px;
		margin: 0;
}

  .info-group {
    display: flex;
    flex-wrap: wrap;
	  justify-content: space-between;
	  width: 87.5%;
    margin: 0 auto;
    margin-bottom: 83px;
    padding: 0;
  }

/* 2021　10/27 追加 */
/* 画像や見出しが左に追加される */
.info-group::after {
    content: '';
	  width: calc(87.5% / 3 );
	  display: block;
 }


  .info-group li {
    width: 29.4642857143%;
    margin-bottom: 73px;
  }	
	.info-group li a {
		color: #000;
	}
}
/* お知らせページニュースセクション */
@media (min-width: 768px){	
	.news-ttl {
    width: 87.5%;
    margin: 0 auto;
/*     margin-bottom: 5rem; */
    padding: 0;
  }
	
	.news-ttl h2 {
    font-weight: bold;
    font-size: 4rem;
    background-color: rgba(0, 0, 0, 0.3);
    color: #000;
/* 		margin-bottom: 7rem; */
    padding: 30px 35px;
    max-width: 342px;
		margin: 0;
} 
  .news-content {
    width: 87.5%;
    margin: 0 auto;
    padding: 0;
  }
	
	.news-content p a {
    font-size: 4.4rem;
		color: #0A0A0A;
		text-decoration: underline;
} 
}
/* お知らせページpc用終わり */
/* お知らせエリア終わり */


/* Englishページエリア */

/* English紹介エリア */
.main_en h2{
	padding: 0 8vw;
	font-size: 3.5rem;
		font-family: 'PT Serif', serif;
    font-style: italic;
}

.en-description {
  padding-top: 80px;
}
.en-description-ttl {
  padding: 0 8vw;
  margin-bottom: 100px;
}
.en-description-ttl h2 {
  text-align: center;
  margin-bottom: 34px;
}
.en-description-main-ttl-sp{
	text-align: right;
}

.en-description-main__img h2 {
	padding: 4vh 0 0;
	text-align: end;
	font-size:5vw;
}

.en-description-main__txt h2 {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 30px;
}

.en-description-main__txt p:nth-of-type(1) {
/*   font-size: 1.6rem; */
  margin-bottom: 30px;
}
.en-description-main__img img {
	width: 72vw;
	margin: 4vh 0;
   max-width: 560px;
}
.en-description-main__img img, .about-top__right img{
		/*width: 47.75vw;*/
		padding-right: 4vw;	
		width: 560px;
	}

.en-description-main__txt-sp {
	/*padding: 0 8vw;*/
	margin-top: 20px;
}
.en_img_text_1-sp {
/* 	text-align: justify; */
	padding: 0 8vw;
}
/* .en-description-main__img-pc {
	display: none;
}
.en-description-main__txt-pc {
	display: none;
} */
/* English紹介エリアsp用終わり */
/* English紹介エリアpc用 */
@media screen and (min-width: 768px) {
	.bg-en{
		letter-spacing: 0;
	}
	.main_en h2{
		font-size: 4.8rem;
		font-weight: bold;
/* 		font-style: bold Italic; */
		padding:0;
	}
	.en-description-main{
		position: relative;
	}
.en-description-main::before{
	content: "";
	position: absolute;
   z-index: -100;
   top: 0;
   right: 0;
   width: 35vw;
	height: 30vh;
	background-color: rgba(36, 36, 36, 0.3);
/* 	max-width: 560px; */
/* 	max-height: 280px; */
} 
	.en-description-main__img-sp h2{
		padding: 3rem;
		text-align:right;
} 
	.en-description-main__img-sp img{
		/*height: 40vh;*/
	}
	.en-description-main__txt-sp {
	/*padding: 0 8vw;*/
	margin-top: 20px;
		width: 45%;
}
	.en_img_text_1-sp{
		padding: 0 0 0 3vw;
		font-size: 2.8rem;
	}
	.en-description-main__img-sp{
		padding-right: 8vw;
		width: 45%;
	}
  .en-description-ttl {
    margin: 0 auto;
    margin-bottom: 15rem;
	  text-align:center;
	  display:block;
}
.en-description-ttl p{
	max-width:96vw;
	font-size: 3rem;
	text-align:left;
	display:inline-block;
}
  .en-description-main {
    display: flex;
    justify-content: space-between;
	  flex-direction: row-reverse;
	  padding: 0 8vw;
  }	
	

	.en-description-main__img h2, .about-top__right h2{
		padding: 4vh 0 0 4vw;
		text-align: center;
		font-size: 4.8rem;
	}
	
  .en-description-main__txt {
    width: 50%;
  }

  .en-description-main__txt h2 {
    font-size: 3.5rem;
    margin-bottom: 40px;
  }

  .en-description-main__txt p:nth-of-type(1) {
	  padding-right: 4vw;
  }		
}
/* English紹介エリアpc用終わり */


/* English aboutエリア */
@media (max-width:767px){
	.en-about-hoge::before{
content: "";
    position: absolute;
    z-index: -100;
    top: 0;
    right: 0;
    width: 50%;
		height: 25vh;
    background-color: rgba(36, 36, 36, 0.45);
}
	.en-about-hoge {
	padding-bottom: 80px;
/* 		width:80%; */
		margin-left: auto;
} 
	.en-about-hoge p{
		margin-left: 30px;
		width: 80%;
	}
	.en-about-hoge img{
	padding: 0 20px;
		width:90%;
}
	.en_img_text{
		padding: 0;
	}
.en-about-top__right h2{
	text-align:right;
	padding-top: 30px;
	padding-bottom: 20px;
	font-size: 2.5rem;
}
	.en-about-center__main{
/* 		width:80%; */
		margin-left: 20px;
	}
	.en_img_text{
	padding: 0 3vw;
	margin-top: 20px;
/* 	width:80%; */
}
	.img-txt2{
		margin-right:20px;
		padding-top: 5rem;
	}
.en-about-center2::before{
	content: "";
    position: absolute;
    z-index: -100;
	top: 0;
	right: 0;
    width: 50%;
	height: 25vh;
    background-color: rgba(36, 36, 36, 0.45);
}
	.en-about-center1::before{
		content: "";
    position: absolute;
    z-index: -100;
	top: 0;
	left: 0;
    width: 50%;
		height: 25vh;
    background-color: rgba(36, 36, 36, 0.45);
	}
	.img-txt{
		padding-top: 5rem;
		margin-left:auto;
		width: 85%;
		margin-right: 20px;
	}
	.en-description-ttl {
		padding: 0 20px;
}
	.en-product__img__main::before{
		content: "";
    position: absolute;
    z-index: -100;
	top: 0;
	left: 0;
    width: 50%;
    height: 25vh;
    background-color: rgba(36, 36, 36, 0.45);
	}
	.img-txt3{
		text-align:right;
	}
	.img-txt3 h2{
		text-align: left;
		padding-bottom: 2rem;
		font-size: 2.5rem;
	}
	.img-txt3 img{
		width:85%;
		margin-left:auto;
		margin-right: 20px;
	}
	.pc{
		display:none;
	}
}
.en-about {
  position: relative;
  /*padding-top: 100px;
  padding-bottom: 20px;*/
}

.en-about-hoge {
	padding-bottom: 110px;
} 

.en-about-top__left-pc{
	display: none;
}
.en-about-top__left-pc_sub{
	display: block;
	/*
	position: relative;
    top: -100px;
    left: 45%;
	margin-bottom: -100px;
	*/
	margin-top: 10px;
	width: 60%;
}

.en-about-center {
	padding-bottom: 80px;
}


/* English about pc用エリア */
 @media (min-width: 768px){
	.en-about-top{
		padding: 0 8vw;
		display:flex;
		flex-direction: row-reverse;
    justify-content: space-around;
    align-items: flex-end;
		margin-top: 10rem;
	}
	 .sp{
		 display:none;
	 }
	 .en-about-top::before{
	content: "";
	position: absolute;
   z-index: -100;
   top: 0;
   right: 0;
   width: 35vw;
	height: 30vh;
	background-color: rgba(36, 36, 36, 0.45);
/* 	max-width: 600px; */
/* 	max-height: 280px; */
}  
	 .en-about-top__right{
		 padding-bottom: 10rem;
		 width:60%;
	 }
	 .en-about-top__right img{
		 width:100%;
	 }
	 .en-about-top__right h2{
		 padding:2rem 0;
		 text-align: right;
		 padding-left: 4rem;
	 }
	 .en-about-top__left-pc {
    display: block;
	 width:50%;
	 padding-right: 4rem;
}
	 .en-about-top__left-pc_sub{
		 display: none;
	 }

	 .en_img_text{
	padding: 0 8vw;
	margin-top: 4rem;
	font-size: 2.8rem;
}
	 .en-about-center__main{
		 margin-top:10rem;
	 }
	 .en-about-center1::before {
  content: "";
  position: absolute;
  z-index: -100;
  top: 0;
  left: 0;
  width: 45vw;
  height: 30vh;
  background-color: rgba(36, 36, 36, 0.45);
/*   max-width: 600px; */
/* 	max-height: 280px; */
	 }
/* 	 .en-about-center__main p{
		margin-left: 10.359375vw;
	} */
	 .en-about-center img{
		 text-align: left;
	 }
	 .en-about-center2::before {
  content: "";
  position: absolute;
  z-index: -100;
  top: 0;
  right: 0;
  width: 45vw;
  height: 30vh;
  background-color: rgba(36, 36, 36, 0.45);
/* 	max-width: 600px; */
/* 	max-height: 280px; */
	 } 
	.en-about-center2__main .img-txt img{
		margin-left: 8vw;
		width: 70vw;
	}
	.en-about-center2__main p{
/* 		padding: 0 24vw 0 8vw;
		margin-left: 0; */
		font-size: 2.8rem;
	}
/* .en-about-center__main img{
	width: 70vw;
} */
	 .img-txt2{
		 margin-right: 15vw;
		 padding-top: 7rem;
	 }
	 .img-txt2 img{
		 padding-left:8vw;
/* 		 padding-top:6.3rem; */
/* 		 padding: 0 8vw; */
		 width:100%;
	 }
	 .img-txt2 p{
		 padding:0;
		 margin-left: 8vw;
	 }
}
/* English aboutエリア終わり */



/* English商品エリア */
.en-product {
  padding-bottom: 50px;
}

.en-product__img {
  margin-bottom: 80px;
  position: relative;
  padding-top: 20px;
}

 
.en-product__img__main .img-txt h2 {
  padding: 0 8vw;
}

.en-product__img__main .img-txt img {
  width: 100%;
/*   width: 70vw; */
}

.en-product__img__main p {
  width: 100%;
  min-width: 267px;
}

.en-product-group {
  padding: 0 30px;
  margin-bottom: 83px;
}

.en-product-group li {
  margin-bottom: 73px;
}

.en-product-group li a {
  display: block;
  margin-bottom: 38px;
}
.en-product-group li a img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.en-product-group li p:nth-of-type(1) {
  margin-bottom: 16px;
}
.en-product-group li p:nth-of-type(2) {
  margin-bottom: 14px;
}
.en-product .buy-btn {
/*   padding: 0 20px; */
	margin: 50px;
  text-align: center;
}
.en-product .buy-btn a {
    display: inline-block;
    padding:15px;
    max-width: 200px;
    width: 100%;
    background-color: rgba(36, 36, 36, 0.45);
    color: inherit;
  font-family: sans-serif;
  font-style: normal;
  font-weight: bold;
}
@media (min-width: 768px) {
.en-product .buy-btn a {
    display: inline-block;
    padding: 30px 0;
    max-width: 411px;
    width: 100%;
    background-color: rgba(36, 36, 36, 0.45);
    color: inherit;
	font-size: 3rem;
  font-family: sans-serif;
  font-style: normal;
  font-weight: bold;
}
}

.flexbox {
	display: flex;
	flex-wrap: wrap;
   margin: 0 auto;
	max-width: 84vw;
}
.flexbox figure {
	box-sizing: border-box;
	padding: 2vw;
	}
.flexbox figcaption div.p_name {
/* 	height: 6vh; */
	font-size: 2.4rem;
	margin-bottom: 5rem;
}


/* Englishページ商品紹介エリアpc用 */
@media screen and (min-width: 768px) {
  .en-product {
    padding-top: 20px;
    padding-bottom: 119px;
  }
	.en-product__img::before {
  content: "";
  position: absolute;
  z-index: -100;
  top: 0;
  left: 0;
  width: 45vw;
  height: 30vh;
  background-color: rgba(36, 36, 36, 0.45);
/* 	max-width: 600px; */
/* 	max-height: 280px; */
}
	.img-txt3{
	padding: 0 8vw;
	text-align:right;
}
	.img-txt3 img{
		width: 90%;
	}
	.img-txt3 h2{
		text-align: left;
		margin-bottom: 2rem;
	}
	.en-product .flexbox {
		display: flex;
		margin: 0 auto;
		flex-wrap: wrap;
		max-width: 84vw;
	}
	.flexbox figure {
		width: 42vw;
	}
  .en-product__img {
/*     width: 87.5%; 
    margin-bottom: 170px;*/
  }

  .en-product__img__main .img-txt h2 {
    padding-left: 30px;
	  font-size: 4.8rem;
	  text-align:left;
  }
	.img-txt{
		text-align: right;
		padding: 0 8vw;
		margin-top: 10rem;
		margin-left: 15rem;
	}
.img-txt img {
/*     width: 75.781vw; */
	width: 100%;
/*     max-width: 935px; */
    min-width: 300px;
/*     height: 50vh; */
    object-fit: cover;
	margin-top:7rem;
  }
	.img-txt p{
		text-align:left;
		padding: 0;
/* 		margin-left:14vw; */
	}

  .en-product__img__main p {
    max-width: 558px;
  }
	
	.p_name{
		font-size: 2.4rem;
	}

  .en-product .buy-btn {
    margin: 100px auto;
  }

.en-product .buy-btn a {
    font-size: 3rem;
    display: inline-block;
	padding:20px;
	max-width: 300px;
    width: 100%;
    background-color: rgba(36, 36, 36, 0.45);
    color: inherit;
}
}
/* Englishページ商品紹介エリアpc用終わり */



@media screen and (min-width: 1280px) {
	.flexbox figure {
		/* width: 21vw; */
		width: 25%;
	}
	.flexbox figcaption div.p_name {
	height: 14vh;
	margin: 0;
	}
	.description-ttl p{
		font-size: 3rem;
	}
	.description-main__img h2, .about-top__right h2{
		font-size: 4.8rem;
	}
	.en_img_text_1, .en_img_text{
		font-size: 2.8rem;
	}
	.flexbox figcaption div.p_name {
		font-size: 2.4rem;
	}
.flexbox figcaption div.p_text {
	font-size: 2rem;
	}
}

/* Englishページエリアfootnote */
.document{
		text-align: center;
		font-size: 2rem;
		padding-top: 4rem;
	}

@media (min-width: 768px){
		.document {
    font-size: 3rem;
    margin-left: 10vw;
    margin-top: 5rem;
	 text-align: left;
}
}
@media(min-width: 1280px){
	.document{
		text-align:center;
		margin:0;
		padding-top:10rem;
	}
}

/* Englishページエリアfootnote終わり */
/* Englishページエリア終わり */


/* フッターエリア */
.footer {
  background-color: #333333;
/*   padding-top: 33px; */
}
@media screen and (min-width: 768px) {
  .footer-container {
    display: flex;
    flex-direction: row-reverse;
/*     border-bottom: 1px solid #535353; */
  }
}
@media screen and (min-width: 768px) {
  .footer-container .footer-nav {
    width: 50%;
    display: flex;
    justify-content: center;
	  margin-bottom: 50px;
/* 	  padding-top: 10px; */
	  font-size:1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .footer-container .footer-nav__group {
    display: flex;
    flex-wrap: wrap;
/*     align-items: center; */
    width: 46.875%;
    padding: 0.8em;
	  margin-top: 5rem;
  }
}
.footer-container .footer-nav__group li {
  padding: 17px 0 10px 24px;
  border-bottom: 1px solid #FFFFFF;
}
@media screen and (min-width: 768px) {
  .footer-container .footer-nav__group li {
    border-bottom: none;
    width: 50%;
    padding: 0;
  }
}
.footer-container .footer-nav__group li a {
  color: #FFFFFF;
}
.footer-container .footer-nav__icon {
  display: none;
}
@media screen and (min-width: 768px) {
  .footer-container .footer-nav__icon {
    display: block;
    margin-top: 5rem;
  }
}
.footer-container .footer-company {
  margin: 50px 0;
}
@media screen and (min-width: 768px) {
  .footer-container .footer-company {
    width: 50%;
    display: flex;
    justify-content: space-around;
    border-right: 1px #4D4D4D solid;
    margin-bottom: 20px;
  }
}
.footer-container .footer-company__logo {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-container .footer-company__logo .footer-logo {
  margin-bottom: 30px;
  filter: brightness(5.5);
/* 	margin-left: 1.5rem; */
  width: 150px;
}
.footer-container .footer-company__logo .footer-icon {
  width: 50px;
}
@media screen and (min-width: 768px) {
  .footer-container .footer-company__logo .footer-icon {
    display: none;
  }
}
.footer-container .footer-company__txt {
/*   margin-bottom: 22px; */
/*   border-bottom: 1px solid #FFFFFF; */
	text-align: center;
}
@media screen and (min-width: 768px) {
  .footer-container .footer-company__txt {
	  border-bottom: none;
	  text-align: start;
  }
}
.footer-container .footer-company__txt p {
  color: #FFFFFF;
  margin-bottom: 1rem;
	font-size: 1.1rem;
}
.footer .copyRight {
  padding: 10px;
  text-align: center;
	border-top: 1px solid #4D4D4D;
	color:white;
	font-size: 0.1rem;
}
}
.footer .copyRight small {
  font-size: 0.8rem;
  color: border-top: white;
  text-align: center;
}
/* フッターエリア終わり */


/* ブログエリア */
.blog-bg {
  background-color: #ffffff;
}
.blog-bg .blog-single {
  padding: 300px 0 200px 0;
}
@media screen and (min-width: 768px) {
  .blog-bg .blog-single {
    width: 56.015625%;
    margin: 0 auto;
  }
}
.blog-bg .blog-single__main {
  padding: 0 28.2px 0 29px;
}
.blog-bg .blog-single__main time {
  margin-bottom: 9px;
}
.blog-bg .blog-single__main h2 {
  margin-bottom: 40px;
}
.blog-bg .blog-single__main .blog-img img {
  width: 100%;
  margin-bottom: 60px;
}
.blog-bg .blog-single__main p {
  margin-bottom: 55.5px;
}
.blog-bg .blog-single__h3 {
  padding: 0 28.2px 0 29px;
}
.blog-bg .blog-single__h3 h3 {
  font-size: 3.2rem;
  padding: 27.5px 0;
  border-top: solid 1px #707070;
  border-bottom: solid 1px #707070;
  margin-bottom: 55.5px;
}
.blog-bg .blog-single__h3 p:nth-of-type(1) {
  margin-bottom: 20px;
}
.blog-bg .blog-single__h3 p:nth-of-type(2) {
  margin-bottom: 72px;
}
.blog-bg .blog-single__h4 {
  padding: 0 28.2px 0 29px;
}
.blog-bg .blog-single__h4 h4 {
  font-size: 2rem;
  margin-bottom: 23px;
}
.blog-bg .blog-single__h4 p {
  margin-bottom: 72px;
}
.blog-bg .blog-single__h4 .blog-img {
  margin: 0 auto;
  width: 57.0432357043%;
}
.blog-bg .blog-single__h4 .blog-img img {
  width: 100%;
}
/* ブログエリア終わり */

/*スマホの改行なし*/
@media screen and (max-width: 767px){
	.br-sp{
	 display: none; 
}

.ml{
	margin-top:2rem;
}
}

/** スクロールアニメーションの追加 **/
.img-txt-anime {
  opacity: 0;
  transform: translateY(50px);
  transition: all 2s;
  transition-timing-function: cubic-bezier(0.6, 0.2, 0.1, 1);
}
.img-txt-anime.scrollindelay {
  transition-delay: 1.5s;
  opacity: 1;
  transform: translateY(0);
}
.img-txt-anime-p {
  opacity: 0;
  transform: translateY(50px);
  transition: all 2s;
  transition-timing-function: cubic-bezier(0.6, 0.2, 0.1, 1);
}

.img-txt-anime-p.scrollindelay-p{
  transition-delay: .7s;
  opacity: 1;
  transform: translateY(0);
}

.fadein-start{
  opacity: 0;
}
@keyframes ttlfadein {
    0%{
      opacity: 0;
      filter: blur(10px);
    }
    100%{
      opacity: 1;
      filter: blur(0);
    }
}
.title-fadein{
  animation: ttlfadein 1.5s 1s ease-in forwards;
}
.title-fadein-delay{
  animation: ttlfadein 1.5s 2.5s ease-in forwards;
}
/** スクロールアニメーションの追加終わり **/

  .bg-en .main_en .en-description .en-description-main{
    display: none;
  }
  .bg-en .main_en .en-description .en-description-main-pc{
    display: flex;
  }
  
  @media (max-width:768px) {    
    .bg-en .main_en .en-description .en-description-main-pc{
      display: none;
    }
  }
  .bg-en .main_en .en-description .en-description-main-pc .en-description-main__img-pc{
    order: 2;
    margin-left: 8vw;
    margin-right: 8vw;
    width: 45%;
  }
  .bg-en .main_en .en-description-main-pc::before{
    content: "";
    position: absolute;
    z-index: -100;
    top: 0;
    right: 0;
    width: 35vw;
    height: 30vh;
    background-color: rgba(36, 36, 36, 0.45);
  }
  .bg-en .main_en .en-description .en-description-main-pc .en-description-main__img-pc .img-txt-anime{
    padding: 2rem 0;
    text-align: right;
  }
  
  .bg-en .main_en .en-description .en-description-main-pc .en-description-main__img-pc img{
    width: 100%;
    height: auto;
  }
  .bg-en .main_en .en-description .en-description-main-pc .en-description-main__txt-pc{
    width: 45%;
  }
  .bg-en .main_en .en-description .en-description-main-pc .en-description-main__txt-pc .en_img_text_1-pc{
    padding: 0 0 0 8vw;
    font-size: 2.8rem;
/*     text-shadow: 1px 0 0 #eceee9, 0 1px 0 #eceee9, -1px 0 0 #eceee9, 0 -1px 0 #eceee9; */
  }
  
@media screen and(max-width: 768px){
		#photo img{
			height:　120vh;
		}
}

@media(max-width: 767px){
  .bg-en .main_en .en-description .en-description-main{
    display: block;
    justify-content: space-around;
    /* width: 95%; */
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .bg-en .main_en .en-description .en-description-main .en-description-main__img-sp{
    order: 2;
  }
  .bg-en .main_en .en-description .en-description-main .en-description-main__img-sp h2{
    font-size: 2.5rem;
    padding-top: 10px;
    order: 2;
    text-align: right; 
  }
  
  .bg-en .main_en .en-description .en-description-main .en-description-main__txt-sp{
    margin-bottom: 40px;
    margin-left: 20px;
    text-align: center;
    order: 1;
    width: 75%;
  }
  
  .bg-en .main_en .en-description .en-description-main .en-description-main__txt-sp::after{
    content: "";
    position: absolute;
    z-index: -100;
    top: 0;
    right: 0;
    width: 50%;
    height: 25vh;
    background-color: rgba(36, 36, 36, 0.45);
    z-index: -1;
  }
  
  .bg-en .main_en .en-description .en-description-main .en-description-main__txt-sp img{
    width: 100%;
    height: auto;
  }
  
  .bg-en .main_en .en-description .en-description-main .en-description-main__txt-sp p{
    min-width: 267px;
    text-align: justify;
    line-height: 25px;
    padding-left: 3vh;
    padding-right: 3vh;
    padding-top:20px;
	  letter-spacing: normal;
  }
}