/****************************************************************
                        各ページ共通
****************************************************************/
body {
  font-size: 14px;
}

body {
  font-family:  "游明朝","A1 Mincho", "YuMincho", "ヒラギノ明朝 ProN W3",
    "Hiragino Mincho ProN", serif, "Noto Serif JP";
  /*"Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;*/
}

input,
textarea {
  -webkit-appearance: none;
  border-radius: 0;

  border: 1px solid;
}

.contents_wrapper {
  padding: 10% 0 0;
}

.contents_absolute_wrapper {
  position: relative;
}
.contents_absolute {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  color: #fff;
}

.contents_inner {
  width: 100%;
  margin: 0 auto;
}

.contents-container {
  max-width: 1166px;
  width: 90%;
  margin: 0 auto;
}

a.link_button {
  display: inline-block;
  background-color: #000;
  color: #fff;
  padding: 12px 0;
  text-align: center;
  width: 100%;
  max-width: 270px;
  letter-spacing: 0.1em;
}

a.link_button:link,
a.link_button:hover,
a.link_button:active,
a.link_button:visited {
  color: #fff;
}

.contents_title_wrapper .contents_title {
  font-size: 28px;
  margin-bottom: 50px;
  letter-spacing: 0.1em;
}

.scroll_link {
  cursor: pointer;
}

.pc_only {
  display: block;
}

.sp_only {
  display: none;
}

.font-ja {
  font-family: "游明朝", serif;
}

.font-ja-bold {
  font-family: "游明朝", serif;
  font-weight: bold;
}

.font-en {
  font-family: 'Libre Caslon Text', serif;
  font-weight: 400;
  font-style: normal;
}

.font-en-light {
  font-family: 'Libre Caslon Text', serif;
  font-weight: 300;
  font-style: normal;
}

.view-more {
  font-size: 14px;
  letter-spacing: 0.1em;
}
.view-more-white {
  color: #fff !important;
}

.product-list .thumbnail-wrapper {
  overflow:hidden;
}
.product-list .thumbnail-wrapper > img {
  cursor: pointer;
  transition: all .5s ease-in-out;
}
.product-list .thumbnail-wrapper > img:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
  opacity: 0.8;
}

h2{
  font-family: "austin-pen", sans-serif;
  font-size: 40px;
  font-weight: 400;
  font-style: normal;
  color: #806c40;
}
p{
  font-family: "游明朝", serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
  color: #806C40;
}
.text12{
  font-size: 12px;
  font-weight: 400;
}

@media screen and (max-width: 900px) {
  .contents_title_wrapper .contents_title {
    margin-bottom: 30px;
  }

  .title_img_concept {
    width: 176px;
    height: auto;
  }

  .title_img_products {
    width: 127px;
    height: auto;
  }

  .title_img_news {
    width: 87px;
    height: auto;
  }

  .title_img_items {
    width: 183px;
    height: auto;
  }

  .title_img_location {
    width: 132px;
    height: auto;
  }

  .news_page .title_img_news {
    width: 139px;
    height: auto;
  }

  .locations_page .title_img_location {
    width: 177px;
    height: auto;
  }

  .s_brandstory_top .title_img_concept {
    width: 282px;
    height: auto;
  }

}

/****************************************************************
                        メニュー
****************************************************************/
.menu_open_icon {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 11;
  cursor: pointer;
  width: 60px;
  height: 60px;
}

.show-menu-open-icon {
  transform: translateY(0);
  transition-duration: 0.3s;
}

.hide-menu-open-icon {
  transform: translateY(0px);
  transition-duration: 0.3s;
}

.menu_open_icon > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

#menu_area {
  display: none;
  background-color: #fde8b7;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  overflow-y: auto;
  z-index: 99;
  width: 410px;
}

.menu-container {
  display: flex;
  justify-content: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

#menu_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  z-index: 98;
}

#menu_area #menu_close_icon {
  display: block;
  position: absolute;
  top: 25px;
  left: 22px;
  cursor: pointer;
  user-select: none;
  z-index: 99;
}

#menu_area ul li {
  padding-top: 1.25rem;
  float: none;
  display: list-item;
  transform: none;
  width: 100% !important;
  text-align: center;
}

#menu_area ul li.logo {
  padding-bottom: 1.25rem;
}
#menu_area ul li.logo #menu_logo{
	width: 50%;
}

@media screen and (max-height: 480px) {
  #menu_area ul li.logo {
    margin-top: 6rem;
  }
}

#menu_area ul li.onlineshop {
  padding-top: 2rem;
}

#menu_area ul li a {
  text-decoration: none;
  color: #806c40;
}

#menu_area ul li > * {
  font-size: 22px;
  letter-spacing: 0.5px;
}

#menu_area ul.dash {
  margin-left: 4rem;
  padding-left: 1rem;
}
#menu_area ul.dash li{
  text-align: left;
}
#menu_area ul.dash li {
  padding-top: 0.5rem;
}
#menu_area ul.dash li > a {
  font-size: 14px;
  letter-spacing: 0.05em;
}
#menu_area ul.dash > li:before {
  display: inline-block;
  content: "-";
  width: 1rem;
  margin-left: -1rem;
}

#http_error_404 {
  padding: 200px 0 100px;
  text-align: center;
  font-size: 28px;
}

a,
a:link,
a:visited,
a:hover,
a:active {
  color: #000;
  outline: none;
  text-decoration: none;
  opacity: 1;
  transition: all 0.3s ease-out 0s;
}
a:hover,
.item-block:hover {
  opacity: .7;
  transition: all 0.3s ease-out 0s;
}

.button {
  display: inline-block;
  text-decoration: none;
  border: 1px solid;
  width: 220px;
  text-align: center;
  line-height: 38px;
  font-size: 13px;
  letter-spacing: 1px;
}
.button:hover {
  opacity: 1;
}
.button.button-white {
  color: black;
  background-color: white;
  border-color: #707070;
}
.button.button-white:hover {
  color: white;
  background-color: black;
}
.button.button-black {
  color: white;
  background-color: black;
}
.button.button-black:hover {
  color: black;
  background-color: white;
}
.button.button-white-outline {
  color: white;
}
.button.button-white-outline:hover {
  color: black;
  background-color: white;
}


/* フッター */
footer {
  padding-bottom: 40px;
  background: url(../image/back-img.jpg) repeat;
  background-size: contain;
}

footer #footer_image {
  text-align: center;
  margin: 0 auto 40px;
  margin-top: 3.5rem;
}

footer #copyright {
  text-align: center;
  font-size: 11px;
  letter-spacing: 0.1em;
}

/* スマホ画面の時 */
@media screen and (max-width: 900px) {
  .pc_only {
    display: none !important;
  }

  .sp_only {
    display: block !important;
  }

  footer #footer_menu {
    display: none;
  }

  footer #footer_image {
    margin-top: 3rem;
  }

  .contents_wrapper {
    padding-top: 100px;
  }

  #menu_area {
    width: 272px;
  }
  #menu_area ul li {
    padding-top: 1rem;
  }
}
@media screen and (max-height: 667px) {
  #menu_area {
    padding-top: 50px;
  }
  #menu_area ul li.logo {
    padding-bottom: 1rem;
  }
  #menu_area ul li.onlineshop {
    padding-top: 2rem;
  }
}

.noscroll {
  height: 100%;
}

.noscroll body {
  height: 100%;
  overflow: hidden;
}

.product-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(../image/back-img.jpg) repeat;
  z-index: 100;
  color: #9d895e;
  overflow-y: auto;
}

.product-overlay .close-product-overlay {
  display: block;
  position: absolute;
  top: 35px;
  left: 28px;
  user-select: none;
  background-color: #806c40;
}

.product-overlay .product {
  transition: opacity 0.3s ease-out;
  opacity: 0;
  height: 0;
  overflow: hidden;
  display: flex;
  width: 90%;
  margin: auto;
  max-width: 1166px;
}

.product-overlay .product.active {
  opacity: 1;
  height: auto;
}

.product-overlay .total {
  margin-top: 7rem;
  margin-bottom: 5rem;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
}

.product-overlay .product .image-area {
  width: 100%;
  max-width: 400px;
  margin: auto;
  text-align: center;
}

.product-overlay .product .image-area > img {
  width: 100%;
  /* max-height: 500px;
  object-fit: cover; */
}

.product-overlay .product .description-area {
  width: 30%;
  margin: 0 4rem 0 2rem;
}

.product-overlay .product .description-area .name {
  font-size: 26px;
  font-weight: 600;
  color: #806c40;
  font-family: "游明朝", serif;
  margin: 0 0 2rem;
  line-height: 34px;
}

.product-overlay .product .description-area .name-en {
  font-size: 14px;
  letter-spacing: 0.05em;
  margin-bottom: 2rem;
}

.product-overlay .product .description-area .explanation {
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 2rem;
}

.product-overlay .product .description-area .price {
  margin-bottom: 2rem;
  font-family: "游明朝",serif;
  font-size: 18px;
  font-weight: 600;
  color: #806c40;
  text-align: center;
  line-height: 34px;
}

.product-overlay .next-prev {
  margin: 4rem 0;
  text-align: center;
}

.product-overlay .next-prev .next,
.product-overlay .next-prev .prev {
  margin: 0 35px;
  user-select: none;
}

.product-overlay .close-product-overlay,
.product-overlay .next-prev .next,
.product-overlay .next-prev .prev {
  cursor: pointer;
  opacity: 1;
  transition: all 0.3s ease-out 0s;
}

.product-overlay .close-product-overlay:hover,
.product-overlay .next-prev .next:hover,
.product-overlay .next-prev .prev:hover {
  opacity: .7;
  transition: all 0.3s ease-out 0s;
}

@media screen and (max-width: 900px) {
  .product-overlay .total {
    margin-top: 4rem;
  }

  .product-overlay .product {
    width: 100%;
    display: block;
  }

  .product-overlay .total {
    margin-bottom: 2rem;
  }

  .product-overlay .product .image-area {
    text-align: center;
    width: 90%;
  }

  .product-overlay .product .description-area {
    text-align: center;
    width: 90%;
    margin: 3rem auto;
  }

  .product-overlay .next-prev {
    margin: 0 0 2rem 0;
  }

  .product-overlay .total {
    margin-top: 3.25rem;
  }

  .product-overlay .close-product-overlay {
    top: 20px;
    left: 18px;
  }
}

/****************************************************************
                        トップページ
****************************************************************/
.parallax {
  position: relative;
  margin-top: 100vh;
}

/* トップ画像 */
#index_page #main_image_area {
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

#index_page #main_image_area .main-image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* 画像の上にロゴを重ねる */
#index_page #main_image_area .pile_logo_area .pile_logo {
  /*width: 20%;*/
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
}

#index_page .n2-ss-slide,
#index_page .n2-ss-slider-2.n2-ow,
#index_page .n2-ss-layers-container {
  height: 100vh !important;
}

/* トップページのニュース欄 */
#index_page #news #news_title {
  max-width: 1166px;
  margin: 5% auto 5%;
}

/* サムネイルのアスペクト比維持用 */
.archive-thumbnail-wrapper {
  position: relative;
  width: 100%;
  margin-bottom: 1rem;
}

/* .archive-thumbnail-wrapper:before {
  content: "";
  display: block;
  padding-top: 71%;
} */

.archive-thumbnail-wrapper > img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 画像なしイメージ */
.no-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border: 1px solid rgba(112,112,112,1);
  display: flex;
}

.no-thumbnail > img {
  margin: auto;
  height: auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

#index_page #news #news_contents li .news_date {
  margin-bottom: 7px;
  margin-top: 3%;
}

#index_page #news #news_contents li .news_title {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.5em;
}

#index_page .contents_title_wrapper {
  margin-bottom: 3% !important;
}

#index_page #news #news_list_link {
  max-width: calc(1166px + 3rem);
  margin: auto;
  text-align: right;
}

#index_page #news #news_list_link > a > img {
  margin-left: 5px;
}

/* スマホ画面の時 */
@media screen and (max-width: 750px) {
  #index_page #news .contents_inner {
    width: 100%;
    margin: 10% auto;
  }

  #index_page #news #news_contents {
    flex-wrap: wrap;
  }

  #index_page #news #news_contents li {
    width: calc(50% - 20px);
  }

}


/****************************************************************
                        お問い合わせページ
****************************************************************/
#contact_static_page #contact #contact_inner {
  width: 100%;
  padding: 30px 0;
  margin-bottom: 12rem;
}

#contact_static_page #contact #contact_title {
  max-width: 1166px;
  margin: 0 auto 50px;
}

#contact_static_page #contact #contact_title .contents_title_en {
  font-size: 40px;
  margin-bottom: 10px;
}

#contact_static_page #contact #contact_title .contents_title_ja {
  font-size: 14px;
  font-weight: 500;
}

#contact_static_page #contact #contact_inner #contact_explanation {
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 80px;
  text-align: center;
}

#contact_static_page #contact #contact_inner #contact_mail {
  font-size: 28px;
  letter-spacing: 0.1rem;
  text-align: center;
}

#contact_static_page #contact #contact_inner #contact_page_link_button_wrapper {
  text-align: center;
  margin-bottom: 100px;
}

#contact_static_page
  #contact
  #contact_inner
  #contact_page_link_button_wrapper
  .contact_page_link_button {
  width: calc(100% - 10px);
  max-width: 320px;
  display: block;
  background-color: #000;
  color: #fff;
  padding: 20px 0;
  margin: 30px auto;
  cursor: pointer;
}

#contact_static_page #contact #contact_inner .border {
  width: 100px;
  height: 10px;
  border-top: 1px solid #555;
  margin: 100px auto;
}

#contact_static_page #contact #contact_inner .contact_page_title {
  text-align: center;
  margin-bottom: 50px;
}

#contact_static_page
  #contact
  #contact_inner
  .contact_page_title
  .contact_page_title_ja {
  font-size: 26px;
  margin-bottom: 30px;
  font-weight: 500;
  letter-spacing: 0.2em;
}

#contact_static_page
  #contact
  #contact_inner
  .contact_page_title
  .contact_page_title_en {
  font-size: 12px;
}

#contact_static_page #contact #contact_inner #q_and_a_list li {
  padding: 30px 0;
  border-bottom: 1px solid #aaa;
}

#contact_static_page #contact #contact_inner #q_and_a_list li .question {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  cursor: pointer;
}

#contact_static_page #contact #contact_inner #q_and_a_list li .question * {
  font-size: 22px;
}

#contact_static_page
  #contact
  #contact_inner
  #q_and_a_list
  li
  .question
  .question_left {
  display: flex;
  justify-content: left;
  align-items: flex-start;
}

#contact_static_page
  #contact
  #contact_inner
  #q_and_a_list
  li
  .question
  .question_left
  * {
  font-weight: 500;
  font-size: 18px;
}

#contact_static_page #contact #contact_inner #q_and_a_list li .answer {
  display: flex;
  justify-content: left;
  align-items: flex-start;
  margin-top: 20px;
}

#contact_static_page #contact #contact_inner #q_and_a_list li .answer * {
  font-size: 14px;
  line-height: 2.2em;
  font-family: "sans-serif";
}

#contact_static_page #contact #contact_inner #submit_button_block {
  width: 100%;
  text-align: center;
  margin-left: -95px;
}

/* スマホ画面の時 */
@media screen and (max-width: 900px) {
  #contact_static_page #contact #contact_inner #q_and_a_list li .question * {
    font-size: 18px;
  }

  #contact_static_page #contact #contact_inner #q_and_a_list li .answer * {
    font-size: 15px;
    line-height: 26px;
  }

  #contact_static_page #contact #contact_inner #submit_button_block {
    margin-left: initial;
  }
}

/****************************************************************
                        リクルートページ
****************************************************************/
#recruit_static_page #recruit #recruit_title {
  max-width: 1166px;
  margin: 0 auto 70px;
}

#recruit_static_page .recruit_area {
  width: 100%;
  padding: 30px 0;
  text-align: center;
  margin-bottom: 2rem;
}

#recruit_static_page .recruit_area .recruit_area_title {
  font-size: 22px;
  letter-spacing: 0.02em;
  margin-bottom: 4rem;
  line-height: 30px;
}

#recruit_static_page .recruit_area .recruit_area_explanation {
  font-size: 14px;
  line-height: 26px;
  margin-bottom: 30px;
  letter-spacing: 0.1em;
}

/****************************************************************
                      News画面(一部TOPと共通)
****************************************************************/

/* new top 2021 07 08 */
.news_page {
  background: url(../image/news-header.jpg) no-repeat center center;
  background-size: cover;
  height: 100vh;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.news_page .news_page-top {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "austin-pen",sans-serif;
  font-size: 40px;
  font-weight: 400;
  font-style: normal;
  color: #fff;
  text-align: center;
  width: 100%;
}
#main_contents{
  background: url(../image/back-img.jpg) repeat;
  background-size: contain;
  display: block;
  width: 100%;
  margin: 0 auto;
}
  .news_title{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 600px;
  width: 100%;
  margin: 10% auto 0px;
}
 .news_title .news_title-category{
  font-family: 'Libre Caslon Text', serif;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  width: 100%;
  border-bottom: 1px solid #9d895e;
  padding: 10px 0;
  color: #806c40;
}
 .news_title .news_title-text {
  width: 100%;
  padding: 10px 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
}
.news_title .news_title-text .news_list-category{
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: center;
}
.news_title .news_title-text .news_list-category .selected-tag{
  border-bottom: 1px solid #806c40;
  margin: 10px 10px 0;
  font-size: 16px;
  color: #806c40;
}
.news_title .news_title-text .news_list-category .tag-link{
  margin: 10px 10px 0;
}
.news_title .news_title-text .news_list-category .tag-link a{
  font-family: "游明朝",serif;
  font-size: 16px;
  font-weight: 400;
  color: #806c40;
}
.news_title .news_title-text .news_list-category .tag-link:active{
  border-bottom: 1px solid #9d895e;
}
 .news_title .news_title-text p{
  margin: 5px 10px;
  font-family: "游明朝",serif;
  font-size: 20px;
  font-weight: 400;
  font-style: normal;
  color: #9d895e;
}
#main_contents .news_list{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  max-width: 1166px;
  width: 75%;
  margin: 0 auto;
  align-items: center;
}
#main_contents .news_list .news_list-content{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;

}
#main_contents .news_list .news_list-content .news_list_title{
  width: 100%;
  margin: 30px 10%;
}
#main_contents .news_list .news_list-content .news_list_title .news_date{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin-bottom: 10px;
  align-items: center;
}
#main_contents .news_list .news_list-content .news_list_title .news_title1{
  font-size: 20px;
}
#main_contents .news_list .news_list-content .news_list_title .news_date .news_day1{
  font-family: "游明朝",serif;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  color: #9d895e;
}
#main_contents .news_list .news_list-content .news_list_title .news_date .news_day2{
  border: 1px solid;
  margin: 0 0px 0px 20px;
  padding: 0px 10px 0;
  line-height: 26px;
  border-radius: 40px;
  font-size: 14px;
  font-weight: 400;
}
#main_contents .news_list .news_list-content .news_list-img{
  margin: 0px 10% 5%;
  width: 100%;
}
#main_contents .news_list .news_list-content .news_content{
  margin: 0px 10% 10%;
}
#main_contents .news_list .news_list-content .news_content p{
  font-family: 'Libre Caslon Text', serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 0.05em;
}
#main_contents .news_list .news_list-content .news_list-img img{
  width: 100%;
  height: auto;
}

#main_contents .news_list .news_list-content a .news_title1{
  font-family: "游明朝",serif;
  font-size: 20px;
  font-weight: 400;
  color: #806c40;
}
#main_contents .news_list .news_list-content a .news_borderb{
  border-bottom: 1px solid #806c40;
  line-height: 36px;
}
#main_contents .news_list .news_list-content a .news_list-img{
  display: block;
  width: 100%;
  height: auto;
  text-align: center;
  margin: 20px 0;
}
#main_contents .news_list .news_list-content a .news_list-img img{
  width: 100%;
  height: auto;
}
.no-thumbnail1{
  display: none;
  visibility: hidden;
}
@media screen and (max-width: 1000px) {}
@media screen and (max-width: 900px) {
  .news_title{
    max-width: 400px;
  }
}
@media screen and (max-width: 600px) {
  /* #main_contents .news_list .news_list-content{
    margin: 30px 0;
  } */
  .page-move-area {
    position: relative;
    z-index: 1;
  }
  .prev-page {
    position: absolute;
    z-index: 2;
    bottom: 0%;
    left: 30%;
    transform: translate(0%, 150%);
  }
  .next-page {
    position: absolute;
    z-index: 2;
    bottom: 0%;
    right: 30%;
    transform: translate(0%, 150%);
  }
  .news_title{
    max-width: 400px;
  }
}
@media screen and (max-width: 400px) {
  #menu_area ul.dash {
    margin-left: 2rem;
  }
  .news_page {
    background: url(../image/news-header-sp.jpg) no-repeat top center;
    height: 100vh;
    /* background-size: contain; */
  }
  .news_title {
    max-width: 290px;
  }
  .news-list-link > img{
    max-width: 190px;
  }
  #main_contents .news_list{
    width: 90%;
  }
}
/* new top 2021 07 08 */

#news_archive_page #news * {
  max-width: 1166px;
}

#news_archive_page #news #news_title {
  max-width: 1166px;
  margin: 0 auto 40px;
}

#news #news_list_block {
  max-width: calc(1166px + 3rem);
  flex-wrap: wrap;
  display: flex;
  margin: auto;
  justify-content: flex-start;
}

#news #news_list_block li {
  width: calc(33.33% - 26.7px);
  margin-bottom: 40px;
}

#news #news_list_block li:not(:nth-of-type(3n)) {
  margin-right: 40px;
}

#news #news_list_block li.news .news_day {
  width: 100%;
  margin-bottom: 7px;
  font-size: 14px;
  letter-spacing: 0.05em;
}

#news #news_list_block li.news .news_title {
  width: 100%;
  margin: 5px auto;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.5em;
}

#news_list_block li.news .news_day {
  margin: 10px auto;
}

#news_list_block li.news .news_title {
  font-weight: 700;
}

/* ページ送りエリア */
.pagination {
  margin-top: 5%;
  margin-bottom: 5%;
  text-align: center;
  line-height: 1.5rem;
  max-width: 1166px;
  width: 100%;
}

.pagination .page_number {
  margin: 0.3rem;
  padding: 0.5rem;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  text-decoration: none;
  color: #9d895e;
}

/* ページ送りアイコン */
.pagination .prev_icon,
.pagination .next_icon {
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  text-decoration: none;
  color: #9d895e;
}

.pagination .prev_icon {
  margin-right: 3%;
}

.pagination .prev_icon::after {
  content: "< Prev";
}

.pagination .next_icon {
  margin-left: 4%;
}

.pagination .next_icon::after {
  content: "Next >";
}

/* 参照ページに印をつける */
.pagination .current_page {
  position: relative;
}

.pagination .current_page .page_number {
  position: relative;
  z-index: 2;
  font-size: 16px;
  letter-spacing: 0.05em;
}

.pagination .current_page::after {
  content: "";
  width: 20px;
  height: 25px;
  position: absolute;
  top: -5px;
  left: 6px;
  z-index: 1;
  border-bottom: 1px solid #9d895e;
}

.page_dotted {
  display: inline-block;
  vertical-align: -4px;
}

/* スマホ画面の時 */
@media screen and (max-width: 900px) {
  #news_archive_page .contents_wrapper {
    padding-bottom: 3rem;
  }

  #news_archive_page #news #news_title {
    margin-bottom: 50px;
  }

  #news_archive_page #news .contents_inner {
    width: 90%;
  }

  #news #news_list_block li {
    width: 100%;
    margin: auto !important;
    margin-bottom: 2rem !important;
    max-width: 348px;
  }



  .tag-border {
    width: 100%;
    max-width: 30rem;
  }

  .tags {
    width: 100%;
    max-width: 30rem;
  }

  .tag-link a {
    white-space: nowrap;
  }
}

/****************************************************************
                        ニュース詳細ページ
****************************************************************/

#news_post_page #news strong {
  font-weight: 800;
}

#news_post_page #news_detail {
  max-width: 800px;
  margin: 0 auto;
}

#news_post_page #news_detail #news_date {
  margin-bottom: 20px;
  font-size: 14px;
  letter-spacing: 0.05em;
}

#news_post_page #news_detail #news_detail_title {
  margin-bottom: 35px;
  font-size: 22px;
  letter-spacing: 0.02em;
}

#news_post_page #news_detail #news_category {
  margin-bottom: 20px;
  font-size: 12px;
  text-align: right;
}

#news_post_page #news_detail #news_image {
  margin-bottom: 20px;
  text-align: center;
}

#news_post_page #news_detail #news_image img {
  width: 100%;
}

#news_post_page #news_detail #news_body {
  margin-bottom: 40px;
  line-height: 26px;
  font-size: 14px;
}

/* ニュース詳細のSNSのシェアボタンのエリア */
#news_post_page #news_detail #news_share_link {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 80px;
}

#news_post_page #news_detail #news_share_link img,
#news_post_page #news_detail #news_share_link span {
  display: block;
  margin: 5px 0 5px 10px;
}

#news_post_page #news_detail #news_share_link .share {
  margin-right: 5px;
}

#news_post_page #news_detail #other_news_link {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

#news_post_page #news_detail #other_news_link a.other_page_link:hover {
  text-decoration: none;
  background-color: #eee;
}

#news_post_page #news_detail #other_news_link #previous_news,
#news_post_page #news_detail #other_news_link #next_news {
  display: flex;
  align-items: center;
  width: 50%;
  padding: 5px;
}

#news_post_page #news_detail #other_news_link .other_news_arrow {
  font-size: 20px;
  color: #777;
  transform: scale(1, 1.8);
}

#news_post_page #news_detail #other_news_link #previous_news {
  justify-content: left;
  border-right: 1px solid #777;
}

#news_post_page #news_detail #other_news_link #next_news {
  justify-content: right;
}

#news_post_page #news_detail #other_news_link #previous_news .other_news_arrow {
  margin-right: 15px;
}

#news_post_page #news_detail #other_news_link #next_news .other_news_arrow {
  margin-left: 15px;
}

#news_post_page #news_detail #other_news_link .other_news_image,
#news_post_page #news_detail #other_news_link .other_news_image img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}

.page-move-area {
  width: 100%;
  margin-top: 5rem;
  display: flex;
}

.prev-page {
  margin-left: auto;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.prev-page a,.next-page a{
  color: #9d895e;
}
.next-page {
  margin-right: auto;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.news-list-area {
  margin: 0 4rem;
  display: block;
  position: relative;
  z-index: 1;
}

.news-list-link > img {
  max-width: 268px;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.news-list-area p{
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 0;
  font-family: 'Libre Caslon Text', serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0.05em;
}

#news_post_page
  #news_detail
  #other_news_link
  #previous_news
  .other_news_content {
  margin: auto;
}

#news_post_page #news_detail #other_news_link #next_news .other_news_content {
  margin: auto;
}

#news_post_page
  #news_detail
  #other_news_link
  .other_news_content
  .other_news_date {
  font-size: 14px;
  margin-bottom: 10px;
}

#news_post_page
  #news_detail
  #other_news_link
  .other_news_content
  .other_news_title {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 800;
}

/* スマホ画面の時 */
@media screen and (max-width: 900px) {
  #news_post_page #news_detail #news_title {
    font-size: 18px;
    font-weight: 800;
  }

  /* ニュース詳細のSNSのシェアボタンのエリア */
  #news_post_page #news_detail #news_share_link {
    margin-bottom: 50px;
  }

  #news_post_page
    #news_detail
    #other_news_link
    .other_news_content
    .other_news_date {
    font-size: 10px;
    margin-bottom: 7px;
  }

  #news_post_page
    #news_detail
    #other_news_link
    .other_news_content
    .other_news_title {
    font-size: 12px;
  }

  .page-move-area {
    width: 95%;
    max-width: 360px;
    margin: 4rem auto auto auto;
  }

  .prev-page {
    margin-left: unset;
  }

  .next-page {
    margin-right: unset;
  }

  .news-list-area {
    margin: auto;
  }
}

/****************************************************************
                        商品紹介ページ
****************************************************************/

#product_category .product-category-image {
  width: 100%;
}

#product_category .product-category-image > img {
  width: 100%;
}

#product_category .product-list {
  flex-wrap: wrap;
  display: flex;
  margin-top: 7rem;
  margin-bottom: 2rem;
  justify-content: flex-start;
}

#product_category .product-list li {
  width: calc(33.33% - 26.7px);
  margin-bottom: 40px;
}

#product_category .product-list li:not(:nth-of-type(3n)) {
  margin-right: 40px;
}

#product_category .product-list .thumbnail-wrapper {
  position: relative;
  width: 100%;
}

#product_category .product-list .thumbnail-wrapper:before {
  content: "";
  display: block;
  padding-top: 71%;
}

#product_category .product-list .thumbnail-wrapper > img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* スマホ画面の時 */
@media screen and (max-width: 900px) {
  #product_category .product-list {
    margin-top: 4rem;
  }

  #product_category .product-list li {
    width: calc(50% - 5px);
    margin-bottom: 10px;
  }

  #product_category .product-list li:not(:nth-of-type(3n)) {
    margin-right: unset;
  }

  #product_category .product-list li:not(:nth-of-type(2n)) {
    margin-right: 10px !important;
  }
}

/****************************************************************
                        Concept画面
****************************************************************/
#concept_page {
  margin-bottom: 5rem;
}

/* コメントエリア */
#concept_page #concept_area .comment_area01,
#concept_page #concept_area .comment_area02,
#concept_page #concept_area .comment_area03,
#concept_page #concept_area .comment_area04 {
  display: flex;
  width: 98%;
}

#concept_page #concept_area .comment_area01,
#concept_page #concept_area .comment_area02,
#concept_page #concept_area .comment_area03 {
  margin-bottom: 10%;
}

#concept_page #concept_area .comment_image_area {
  width: 100%;
  max-width: 1150px;
}

#concept_page #concept_area .comment_image_area > img {
  width: 100%;
}

#concept_page #concept_area .comment_area02 .comment_image_area {
  text-align: right;
}

#concept_page #concept_area .comment_area01,
#concept_page #concept_area .comment_area03 {
  margin-left: auto;
  justify-content: flex-end;
}

#concept_page #concept_area .comment_area01 {
  margin-top: 5rem;
}

#concept_page #concept_area .comment_area02 .comment_image_area02 {
  margin-left: auto;
}

#concept_page #concept_area .explanation_area01,
#concept_page #concept_area .explanation_area02,
#concept_page #concept_area .explanation_area03,
#concept_page #concept_area .explanation_area04 {
  width: 400px;
  min-width: 400px;
  display: inherit;
}

#concept_page #concept_area .explanation_content {
  margin: auto 10%;
}

#concept_page #concept_area .explanation_title {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 35px;
}

#concept_page #concept_area .explanation {
  margin-top: 6%;
  font-size: 14px;
  line-height: 26px;
}

/* スマホ画面の時 */
@media screen and (max-width: 900px) {
  #concept_page {
    margin-bottom: 2rem;
  }

  #concept_page #concept_area .comment_image_area {
    width: 100%;
  }

  #concept_page #concept_area .comment_area01 {
    margin-top: unset;
  }

  #concept_page #concept_area .comment_area01,
  #concept_page #concept_area .comment_area02,
  #concept_page #concept_area .comment_area03,
  #concept_page #concept_area .comment_area04 {
    display: block;
    width: 100%;
  }

  #concept_page #concept_area .explanation_area01,
  #concept_page #concept_area .explanation_area02,
  #concept_page #concept_area .explanation_area03,
  #concept_page #concept_area .explanation_area04 {
    width: 100%;
    margin: 0 auto 0 auto !important;
    position: relative;
    top: 0;
    left: 0 !important;
    min-width: unset;
  }

  #concept_page #concept_area .explanation_content {
    padding: 7% 5%;
    margin: 0;
  }
}

/* アニメーション  */
.fadeInUp {
  animation-duration: 0.2s;
  animation-delay: 0s;
}

/* top menu */
.menu-container .font-en li .ja_font12{
  font-size: 12px;
  font-weight: 400;
}
#menu_area ul li.onlineshop .onlineshop_logo{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
#menu_area ul li.onlineshop .onlineshop_logo li{
  width: 13% !important;
}

/* Header右Shopの画像, facebook_icon */
#shop {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 97;
}
#shop a {
    width: 95px;
    height: 95px;
    background: url(../image/cart-2.png) no-repeat center center;
    display: block;
}
.menu_facebook_icon {
    left: 80px;
    width: 29px;
    height: 28px;
    top: 26px;
}

/* Brand story */
.brandstory, .products, .news,.locations{
  background: url(../image/back-img.jpg) repeat;
  background-size: contain;
  display: block;
  width: 100%;
  margin: 0 auto;
}
.brandstory h2{
  margin: 0 30px 0;
  text-align: center;
}
.brandstory .ja_h2{
  font-family: "游明朝", serif ;
  font-size: 30px;
  font-weight: 600;
  font-style: normal;
  color: #806c40;
  text-align: center;
  /* margin: 50px 30px 30px; */
  margin: 15px 30px 30px;
  line-height: 36px;
}
.brandstory p{
  margin: 30px;
  text-align: center;
}
.brandstory .brandstory-content{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 75%;
  padding-bottom: 60px;
}
.brandstory .brandstory-content .brandstory_title{
  width: 100%;
}
.products .products-content .products,
.ourbrands .ourbrands-content .ourbrands{
  margin: 0 30px;
}
.brandstory .brandstory_img{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  flex-direction: row;
  width: 100%;
  padding: 5% 0 60px;
}
.brandstory .brandstory_img img{
  max-width: 162px;
  width: 100%;
  height: auto;
  margin: 20px;
}
.brandstory .brandstory_more, .news .news_viewall {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 72px 0;
  position: relative;
  z-index: 1;
  flex-wrap: nowrap;
  flex-direction: row;
}
.news .news_viewall img,
.locations .locations_more img{
  max-width: 147px;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
}
.brandstory .brandstory_more img{
  max-width: 147px;
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.brandstory .brandstory_more p{
  position: absolute;
  z-index: 1;
  top: 0%;
  left: 50%;
  transform: translate(-120%, -130%);
}
.brandstory .brandstory-content .brandstory_part,
.news .news-content .news_part{
  position: absolute;
  z-index: 2;
}
.brandstory .brandstory-content .parts-1 {
  max-width: 91px;
  width: 100%;
  height: auto;
  top: 0%;
  right: 0%;
  transform: translate(-75%,-35%);
}
.brandstory .brandstory-content .parts-2 {
  max-width: 21px;
  width: 100%;
  height: auto;
  top: 0%;
  right: 0%;
  transform: translate(70%,-180%);
}
.brandstory .brandstory-content .parts-3{
  max-width: 87px;
  width: 100%;
  height: auto;
  top: 0%;
  right: 0%;
  transform: translate(20%,55%);
}
.brandstory .brandstory-content .parts-4 {
  max-width: 68px;
  width: 100%;
  height: auto;
  left: 0%;
  bottom: 0%;
  transform: translate(-110%,-300%);
}
.brandstory .brandstory-content .parts-5{
  max-width: 317px;
  width: 100%;
  height: auto;
  left: 0%;
  bottom: 0%;
  transform: translate(-40%,20%);
}
.brandstory .brandstory-content .parts-6{
  max-width: 96px;
  width: 100%;
  height: auto;
  left: 0%;
  bottom: 0%;
  transform: translate(80%,-60%);
}

/* products */

.products .products-content{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
}
.products .products-content .products_title{
  width: 100%;
}
.products .products-content .products_title h2{
  /* margin: 100px 0 50px; */
  margin: 100px 0 25px;
  text-align: center;
}
.products .products-content .products_title p {
  margin: 0px auto 50px;
  text-align: center;
  width: 90%;
}
.products .products-content .products_img{
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  background: url(../image/products-back-img.jpg) no-repeat center center;
  background-size: cover;
  width: 100vw;
}
.products .products-content .products_img .products_box{
  max-width: 1030px;
  width: 100%;
  text-align: center;
  margin: 8% auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.products .products-content .products_img .products_box .products_cake{
  max-width: 308px;
  width: 100%;
  margin: 15px;
}

/* news */
.news{
  padding-bottom: 10%;
}
.news h2{
  margin: 6% 0 25px;
  text-align: center;
}
.news .news-content{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 75%;
}
.news .news-content .news_title{
  width: 100%;
}
.news .news-content .news_list{
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 500px;
}
.news .news-content .news_list .news_title{
  border-bottom: 1px solid #d5c9ae;
  margin: 30px 0 10px;
  font-size: 18px;
  font-weight: 600;
}


.news .news-content .news_list .news_top{
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  border-bottom: 1px solid #d5c9ae;
  max-width: 600px;
  margin: 0 0 30px;
}
.news .news-content .news_list .news_top .news_date{
  font-size: 15px;
  font-weight: 400;
  margin: 0px 30px 10px 0;
  color: #9d895e;
}
.news .news-content .news_list .news_top .news_title-text{
  margin: 0px 0 10px;
  font-size: 18px;
  font-weight: 600;
  color: #9d895e;
  line-height: 36px;
}
.news .news-content .news_list .news_top .news_title-text a{
  color: #9d895e;
}

.news .news-content .parts-7{
  max-width: 57px;
  width: 100%;
  height: auto;
  top: 0%;
  left: 0%;
  transform: translate(-100%,-130%);
}
.news .news-content .parts-8{
  max-width: 85px;
  width: 100%;
  height: auto;
  top: 0%;
  left: 0%;
  transform: translate(-180%,-5%);
}
.news .news-content .parts-9{
  max-width: 166px;
  width: 100%;
  height: auto;
  bottom: 0%;
  right: 0%;
  transform: translate(75%,50%);
}
.news .news_viewall p {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* our brands */
#ourbrands{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.ourbrands .ourbrands-content{
  background: url(../image/back-img-2.jpg) repeat;
  background-size: contain;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 10% 0 10%;
}
.ourbrands .ourbrands-content .ourbrands_title{
  width: 100%;
}
.ourbrands .ourbrands-content .ourbrands_title h2{
  text-align: center;
}
.ourbrands .ourbrands-content .ourbrands_title p{
  /* margin: 50px 30px 30px; */
  margin: 25px 30px 30px;
  text-align: center;
}
.ourbrands .ourbrands-content .ourbrands_img{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
  flex-direction: row;
}
.ourbrands .ourbrands-content .ourbrands_box{
  display: flex;
  align-items: center;
}
.ourbrands .ourbrands-content .ourbrands_box .ourbrands_corne{
  max-width: 407px;
  width: 100%;
  height: auto;
  margin: 0 15px;
}
.ourbrands .ourbrands-content .ourbrands_box .ourbrands_corne1{
  max-width: 372px;
  width: 100%;
  height: auto;
  margin: 0 15px;
}

/* locations */
.locations h2{
  text-align: center;
}
.locations .ja_h2{
  font-family: "游明朝", serif ;
  font-size: 30px;
  font-weight: 600;
  font-style: normal;
  color: #806c40;
  text-align: center;
  margin: 50px 0 30px;
}
.locations .locations_title p{
  margin: 30px 30px 0px;
  text-align: center;
  max-width: 650px;
}
.locations .locations-content{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 75%;
}
.locations .locations-content .locations{
  margin: 0 30px;
}
.locations .locations_img{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-direction: row;
  margin: 50px 0 0;
}
.locations .locations_img img{
  max-width: 162px;
  width: 100%;
  height: auto;
}
.locations .locations_more{
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 50px 0 60px;
  position: relative;
}
.locations .locations_more p{
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.locations .locations-content .locations_part{
  position: absolute;
  z-index: 2;
}
.locations .locations-content .parts-10{
  max-width: 48px;
  width: 100%;
  height: auto;
  top: 0%;
  right: 0%;
  transform: translate(175%,-500%);
}
.locations .locations-content .parts-11{
  max-width: 137px;
  width: 100%;
  height: auto;
  top: 0%;
  right: 0%;
  transform: translate(150%,-130%);
}
.locations .locations-content .parts-12{
  max-width: 48px;
  width: 100%;
  height: auto;
  top: 0%;
  left: 0%;
  transform: translate(-300%,-85%);
}
.locations .locations-content .parts-13{
  max-width: 171px;
  width: 100%;
  height: auto;
  left: 0%;
  bottom: 0%;
  transform: translate(-80%,130%);
}
.locations .locations-content .parts-14{
  max-width: 44px;
  width: 100%;
  height: auto;
  right: 0%;
  bottom: 0%;
  transform: translate(300%,-30%);
}
.locations .locations-content .parts-15{
  max-width: 66px;
  width: 100%;
  height: auto;
  left: 0%;
  bottom: 0%;
  transform: translate(-50%,365%);
}
/* location slide */
#slideshow-wrap {
  display: block;
  max-width: 646px;
  margin: 0 auto;
  border: 12px rgba(255,255,255,1) solid;
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.2);
  -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.2);
  box-shadow: 2px 2px 5px rgba(0,0,0,.2);
  position: relative;
  padding: 0;
}

#slideshow-inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

#slideshow-inner>ul {
  list-style: none;
  height: 100%;
  width: 1600%;
  overflow: hidden;
  position: relative;
  left: 0px;
  -webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
  transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
  margin: 0;
  padding: 0;
}

#slideshow-inner>ul>li {
  float: left;
  position: relative;
  max-width: 646px;
  width: 100%;
  max-height: 404px;
  height: auto;
}

#slideshow-inner>ul>li>img {
  max-width: 100vw;
}

#slideshow-wrap input[type=radio] {
  position: absolute;
  left: 50%;
  bottom: 15px;
  z-index: 100;
  visibility: hidden;
}

#slideshow-wrap label:not(.arrows):active { bottom: -46px }

#slideshow-wrap label[for=button-1] { margin-left: -36px }

#slideshow-wrap label[for=button-2] { margin-left: -18px }

#slideshow-wrap label[for=button-3] { margin-left: 0px }

#slideshow-wrap label[for=button-4] { margin-left: 18px }

#slideshow-wrap label[for=button-5] { margin-left: 0 }
#slideshow-wrap label[for=button-6] { margin-left: 0 }
#slideshow-wrap label[for=button-7] { margin-left: 0 }
#slideshow-wrap label[for=button-8] { margin-left: 0 }

#slideshow-wrap input[type=radio]#button-1:checked~#slideshow-inner>ul { left: 0 }

#slideshow-wrap input[type=radio]#button-2:checked~#slideshow-inner>ul { left: -100% }

#slideshow-wrap input[type=radio]#button-3:checked~#slideshow-inner>ul { left: -200% }

#slideshow-wrap input[type=radio]#button-4:checked~#slideshow-inner>ul { left: -300% }

#slideshow-wrap input[type=radio]#button-5:checked~#slideshow-inner>ul { left: -400% }
#slideshow-wrap input[type=radio]#button-6:checked~#slideshow-inner>ul { left: -500% }
#slideshow-wrap input[type=radio]#button-7:checked~#slideshow-inner>ul { left: -600% }
#slideshow-wrap input[type=radio]#button-8:checked~#slideshow-inner>ul { left: -700% }

label.arrows {
  background: url(../image/arrow-r.png) no-repeat;
  background-size: contain;
  width: 19px;
  height: 14px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  display: none;
  opacity: 0.7;
  cursor: pointer;
  z-index: 1000;
  background-color: transparent;
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s;
  text-shadow: 0px 0px 3px rgba(0,0,0,.8);
}

label.arrows:hover { opacity: 1 }

label.arrows:active { margin-top: -23px }
/* check */
input[type=radio]#button-1:checked~.arrows#arrow-2, 
input[type=radio]#button-2:checked~.arrows#arrow-3, 
input[type=radio]#button-3:checked~.arrows#arrow-4, 
input[type=radio]#button-4:checked~.arrows#arrow-5,
input[type=radio]#button-5:checked~.arrows#arrow-6,
input[type=radio]#button-6:checked~.arrows#arrow-7,
input[type=radio]#button-7:checked~.arrows#arrow-8,
input[type=radio]#button-8:checked~.arrows#arrow-1 {
  right: -55px;
  display: block;
}

input[type=radio]#button-1:checked~.arrows#arrow-8,
input[type=radio]#button-2:checked~.arrows#arrow-1, 
input[type=radio]#button-3:checked~.arrows#arrow-2, 
input[type=radio]#button-4:checked~.arrows#arrow-3, 
input[type=radio]#button-5:checked~.arrows#arrow-4 ,
input[type=radio]#button-6:checked~.arrows#arrow-5 ,
input[type=radio]#button-7:checked~.arrows#arrow-6 ,
input[type=radio]#button-8:checked~.arrows#arrow-7 {
  left: -55px;
  display: block;
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}

input[type=radio]#button-2:checked~.arrows#arrow-1 { left: -19px }

input[type=radio]#button-3:checked~.arrows#arrow-2 { left: -37px }

input[type=radio]#button-5:checked~.arrows#arrow-4 { left: -73px }
input[type=radio]#button-6:checked~.arrows#arrow-5 { left: -54px }
input[type=radio]#button-7:checked~.arrows#arrow-6 { left: -54px }
input[type=radio]#button-8:checked~.arrows#arrow-7 { left: -54px }

/* top page contacts us */
.contact{
  background: url(../image/back-img.jpg) repeat;
  background-size: contain;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 10%;
}
.contact .contact-content{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  flex-direction: row;
  max-width: 800px;
  width: 100%;
}
.contact .contact_face,
.contact .contact_phone{
  background: url(../image/flame.png) no-repeat center center;
  background-size: contain;
  text-align: center;
}
.contact .contact_phone{
  width: 50%;
}
.contact .contact_face{
  width: 50%;
}
.contact .contact_face img{
  max-width: 41px;
  padding-bottom: 40px;
}
.contact .contact_face h3,
.contact .contact_phone h3{
  margin: 10px 0 15px;
  padding: 40px 0 0;
  font-family: 'Libre Caslon Text', serif;
  font-weight: 400;
  font-style: normal;
  font-size: 28px;
  letter-spacing: 0.05em;
  color: #806c40;
}
.contact .contact_phone .contact_number{
  font-family: 'Libre Caslon Text', serif;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  letter-spacing: 0.05em;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  margin-right: 10px;
  color: #806c40;
}
.contact .contact_phone .contact_number img{
  max-width: 27px;
  align-items: center;
  margin-right: 10px;
  margin-bottom: 10px;
}
.contact .ja_font12 {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 30px;
}

/* smart phone */
@media screen and (max-width: 1000px){
  /* locations */
  .locations .locations-content .parts-10 {
    max-width: 40px;
    transform: translate(-450%,-750%);
  }
  .locations .locations-content .parts-11 {
    max-width: 90px;
    transform: translate(-100%,-300%);
  }
  .locations .locations-content .parts-12 {
    max-width: 40px;
    transform: translate(300%,-600%);
  }
  .locations .locations-content .parts-13 {
    max-width: 120px;
    transform: translate(0%,190%);
  }
  .locations .locations-content .parts-14 {
    max-width: 40px;
    transform: translate(-50%,200%);
  }
  .locations .locations-content .parts-15 {
    max-width: 50px;
    transform: translate(175%, 450%);
  }
  .locations .locations_title p{
    margin: 30px 10px 0px;
  }
  
  /* slide arrow location */
  #slideshow-wrap label:not(.arrows):active { bottom: -46px }

  #slideshow-wrap label[for=button-1] { margin-left: -18px }

  #slideshow-wrap label[for=button-2] { margin-left: -18px }

  #slideshow-wrap label[for=button-3] { margin-left: -18px }

  #slideshow-wrap label[for=button-4] { margin-left: -18px }

  #slideshow-wrap label[for=button-5] { margin-left: -18px }
  #slideshow-wrap label[for=button-6] { margin-left: -18px }
  #slideshow-wrap label[for=button-7] { margin-left: -18px }
  #slideshow-wrap label[for=button-8] { margin-left: -18px }
  label.arrows {
    top: inherit;
    bottom: 0%;
    left: 55%;
    transform: translate(50%, 300%);
  }
  input[type=radio]#button-1:checked~.arrows#arrow-8, 
  input[type=radio]#button-2:checked~.arrows#arrow-1, 
  input[type=radio]#button-3:checked~.arrows#arrow-2, 
  input[type=radio]#button-4:checked~.arrows#arrow-3, 
  input[type=radio]#button-5:checked~.arrows#arrow-4 ,
  input[type=radio]#button-6:checked~.arrows#arrow-5 ,
  input[type=radio]#button-7:checked~.arrows#arrow-6 ,
  input[type=radio]#button-8:checked~.arrows#arrow-7 {
    top: inherit;
    bottom: 0%;
    left: 44%;
    transform: translate(50%, 300%) scaleX(-1);
  }

}

@media screen and (max-width: 900px){
  .brandstory .brandstory_img {
    padding: 5% 0 0px;
}
  .products .products-content .products_title h2{
    /* margin: 50px 0 40px; */
    margin: 00px 0 25px;
  }
  #main_contents .news_list{
    width: 90%;
  }

  /* brand story */
  .brandstory .brandstory-content{
    width: 80%;
  }
  .brandstory .brandstory_img img{
    max-width: 120px;
  }
  .brandstory .brandstory-content .parts-1 {
    max-width: 68px;
  }
  .brandstory .brandstory-content .parts-2 {
    max-width: 15px;
  }
  .brandstory .brandstory-content .parts-3 {
    max-width: 68px;
  }
  .brandstory .brandstory-content .parts-4 {
    max-width: 48px;
    transform: translate(-35%,-330%);
  }
  .brandstory .brandstory-content .parts-5 {
    max-width: 250px;
    transform: translate(-15%,0%);
  }
  .brandstory .brandstory-content .parts-6 {
    max-width: 68px;
    transform: translate(177%,-86%);
  }
  .brandstory .brandstory_more img,
  .news .news_viewall img,
  .locations .locations_more img {
    max-width: 100px;
    margin: 20px 0;
  }
  .brandstory .brandstory_more p {
    transform: translate(-120%, -80%);
}
  .brandstory .brandstory_img img{
    margin: 10px;
  }
  /* news */
  .news .news-content .parts-7 {
    max-width: 40px;
    transform: translate(170%,-300%);
  }
  .news .news-content .parts-8 {
    max-width: 56px;
    transform: translate(-15%,-125%);
  }
  .news .news-content .parts-9 {
    max-width: 115px;
    transform: translate(5%,100%);
  }
  .news .news-content{
    width: 100%;
  }

  /* our brands */
  .ourbrands .ourbrands-content .ourbrands_box .ourbrands_corne{
    max-width: 284px;
  }
  .ourbrands .ourbrands-content .ourbrands_box .ourbrands_corne1{
    max-width: 250px;
  }
  /* locations */
  .locations .locations_more {
    margin: 80px 0 60px;
  }
  .locations .locations-content {
    width: 85%;
  }
  .locations .locations_title p {
    margin: 30px 10px 0px;
    max-width: 490px;
  }
  .locations .locations-content .parts-10 {
    transform: translate(-200%,-870%);
  }
  .locations .locations-content .parts-11 {
    transform: translate(20%,-370%);
  }
  .locations .locations-content .parts-12 {
    transform: translate(20%,-760%);
  }
 
  #slideshow-wrap,
  #slideshow-inner>ul>li,
  #slideshow-inner>ul>li>img{
    max-width: 500px;
  }
  /* contact_facebook */
  .contact .contact-content {
    max-width: 600px;
  }
  .contact .contact-content {
    flex-direction: column;
    align-items: center;
  }

}
@media screen and (max-width: 600px){

  /* brand story */
  .brandstory .brandstory-content{
    width: 85%;
  }
  .brandstory .brandstory_img img{
    max-width: 68px;
  }
  .brandstory .brandstory-content .parts-1 {
    max-width: 56px;
  }
  .brandstory .brandstory-content .parts-2 {
    max-width: 12px;
  }
  .brandstory .brandstory-content .parts-3 {
    max-width: 56px;
  }
  .brandstory .brandstory-content .parts-5 {
    max-width: 210px;
  }
  .brandstory .brandstory-content .parts-6 {
    max-width: 56px;
    transform: translate(170%,-115%);
  }
  
    /* products */
    .products .products-content {
      padding: 60px 0 0;
  }
    .products .products-content .products_img {
      background: url(../image/products-back-img-sp.jpg) no-repeat center center;
      background-size: cover;
  }
  .products .products-content .products_img .products_box{
    justify-content: center;
  }
    /* news */

    .news .news-content .parts-7 {
      max-width: 35px;
      transform: translate(150%,-290%);
  }

    /* our brands */
  .ourbrands .ourbrands-content .ourbrands_box {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .ourbrands .ourbrands-content .ourbrands_box .ourbrands_corne{
    max-width: 250px;
  }
  .ourbrands .ourbrands-content .ourbrands_box .ourbrands_corne1{
    max-width: 315px;
  }
  /* locations */
  #slideshow-wrap, #slideshow-inner>ul>li, #slideshow-inner>ul>li>img {
    max-width: 307px;
  }
  .locations .locations_title p {
    margin: 30px 0px 0px;
    max-width: 340px;
  }
  .locations .locations-content .parts-10 {
    max-width: 26px;
    transform: translate(-100%,-1450%);
  }
  .locations .locations-content .parts-11 {
    max-width: 60px;
    transform: translate(35%,-600%);
  }
  .locations .locations-content .parts-12 {
    max-width: 26px;
    transform: translate(0%,-1300%);
  }
  .locations .locations-content .parts-13 {
    max-width: 100px;
    transform: translate(-20%,230%);
  }
  .locations .locations-content .parts-14 {
    max-width: 26px;
    transform: translate(-50%,300%);
  }
  .locations .locations-content .parts-15 {
    max-width: 35px;
    transform: translate(170%, 570%);
  }
  .locations .locations_more img {
      margin: 0;
  }
  /* contact_facebook */
  .contact .contact-content {
    max-width: 400px;
  }
  .contact .contact_face, .contact .contact_phone{
    width: 70%;
  }
  .news .news_viewall {
    margin: 0 0 50px;
}

}
@media screen and (max-width: 400px){
  .brandstory .brandstory_img {
    padding: 5% 0 0px;
}

  /* brand story */
  .brandstory .brandstory-content{
    width: 90%;
  }
  .brandstory .brandstory-content .parts-1 {
    max-width: 50px;
  }
  .brandstory .brandstory-content .parts-3 {
    max-width: 50px;
  }
  .brandstory .brandstory-content .parts-2 {
    max-width: 10px;
  }
  .brandstory .brandstory-content .parts-4 {
    max-width: 40px;
    transform: translate(-15%,-350%);
  }
  .brandstory .brandstory-content .parts-5 {
    max-width: 170px;
  }
  .brandstory .brandstory-content .parts-6 {
    max-width: 56px;
    transform: translate(135%,-100%);
  }
  .news .news_viewall {
    margin: 0 0 30px;
  }

  /* products */
  .products .products-content .products_img .products_box .products_cake {
    max-width: 260px;
    margin: 10px;
  }
  /* news */
  .news .news-content {
    width: 100%;
}
  .news .news-content .parts-7 {
    transform: translate(135%,-300%);
  }
  .news .news-content .parts-8 {
    transform: translate(-15%,-140%);
}

  /* our brands */
  .ourbrands .ourbrands-content .ourbrands_box .ourbrands_corne{
    max-width: 200px;
  }
  .ourbrands .ourbrands-content .ourbrands_box .ourbrands_corne1{
    max-width: 270px;
  }
  /* locations */
  #slideshow-wrap, #slideshow-inner>ul>li, #slideshow-inner>ul>li>img {
    max-width: 300px;
  }
  .locations .locations_title p{
    max-width: 280px;
    margin: 30px 0px 0px;
  }
  .locations .locations-content .parts-10 {
    transform: translate(-150%,-1400%);
  }
  .locations .locations-content .parts-11 {
    transform: translate(0%,-585%);
  }
  .locations .locations-content .parts-12 {
    transform: translate(0%,-1200%);
  }
  .locations .locations-content .parts-13 {
    transform: translate(-35%,230%);
  }
  .locations .locations-content .parts-15 {
    transform: translate(100%, 570%);
  }
  /* contact_facebook */
  .contact .contact_face, .contact .contact_phone {
    width: 80%;
    max-width: 300px;
  }

}
@media screen and (max-width: 374px) {
  /* locations */
  #slideshow-wrap, #slideshow-inner>ul>li, #slideshow-inner>ul>li>img {
    max-width: 240px;
  }
}

/****************************************************************
                        brand story　詳細ページ 
****************************************************************/
  #s_brandstory{
    padding: 10% 0 0;
  }
  #s_brandstory_head .s_brandstory_top{
    background: url(../image/brand-story-header.jpg) no-repeat center center;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  /* #s_brandstory_head .s_brandstory .s_brandstory-content{
    padding: 8% 0 0;
  } */
  #s_brandstory_head .s_brandstory .brandstory-content .s_brandstory_part{
    position: absolute;
    z-index: 2;
  }
  #s_brandstory_head .brandstory .ja_h2{
    margin-top: 0;
  }
  #s_brandstory_head .brandstory .brandstory-content .brandstory_title .brandstory_title-head{
    font-family: "游明朝", serif;
    font-size: 30px;
    font-weight: 600;
    font-style: normal;
    color: #806c40;
    text-align: center;
  }
  #s_brandstory_head .brandstory .brandstory-content .brandstory_title .chef-janame{
    font-family: "游明朝", serif;
    font-size: 26px;
    font-weight: 600;
    font-style: normal;
    color: #806c40;
    text-align: center;
    margin: 50px 0 10px;
  }
  #s_brandstory_head .brandstory .brandstory-content .brandstory_title .chef-engname{
    font-family: 'Libre Caslon Text', serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
    color: #806c40;
    text-align: center;
    margin: 0;
  }
  #s_brandstory_head .brandstory .brandstory-content .brandstory_title .chef-br{
    display: none;
    visibility: hidden;
  }
  #s_brandstory_head .brandstory .chef-h3{
    margin-top: 0;
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b_parts-1 {
    max-width: 91px;
    width: 100%;
    height: auto;
    bottom: 0%;
    left: 0%;
    transform: translate(-42%,-120%);
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b_parts-2 {
    max-width: 21px;
    width: 100%;
    height: auto;
    bottom: 0%;
    left: 0%;
    transform: translate(380%,-400%);
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b_parts-4 {
    max-width: 68px;
    width: 100%;
    height: auto;
    top: 0%;
    right: 0%;
    transform: translate(30%,80%);
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b_parts-13 {
    max-width: 171px;
    width: 100%;
    height: auto;
    top: 0%;
    right: 0%;
    transform: translate(-25%,-35%);
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b_parts-6 {
    max-width: 96px;
    width: 100%;
    height: auto;
    top: 0%;
    right: 0%;
    transform: translate(25%,55%);
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b_parts-7 {
    max-width: 57px;
    width: 100%;
    height: auto;
    bottom: 0%;
    left: 0%;
    transform: translate(130%,-65%);
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b_parts-8 {
    max-width: 85px;
    width: 100%;
    height: auto;
    bottom: 0%;
    left: 0%;
    transform: translate(-30%,-140%);
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b_parts-15 {
    max-width: 66px;
    width: 100%;
    height: auto;
    top: 0%;
    right: 0%;
    transform: translate(-120%,-35%);
  }
  #s_brandstory_head .s_brandstory .brandstory_img .story-img{
    max-width: 500px;
    margin: 0 0 10%;
  }
  #s_brandstory_head .s_brandstory .brandstory_img .chef-img{
    max-width: 600px;
    margin: 10px 0 10%;
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b1_parts-10 {
    max-width: 48px;
    width: 100%;
    height: auto;
    top: 0%;
    right: 0%;
    transform: translate(-200%,70%);
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b1_parts-11 {
    max-width: 137px;
    width: 100%;
    height: auto;
    top: 0%;
    right: 0%;
    transform: translate(25%,40%);
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b1_parts-12 {
    max-width: 48px;
    width: 100%;
    height: auto;
    bottom: 0%;
    left: 0%;
    transform: translate(130%,-180%);
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b1_parts-14 {
    max-width: 44px;
    width: 100%;
    height: auto;
    bottom: 0%;
    left: 0%;
    transform: translate(-40%,-350%);
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b1_parts-15 {
    max-width: 66px;
    width: 100%;
    height: auto;
    bottom: 0%;
    left: 0%;
    transform: translate(30%,-300%);
  }
  #s_brandstory_head .s_brandstory .brand_story-padding{
    padding-bottom: 10%;
  }
  #s_brandstory_head .s_brandstory_top .s_brandstory_top-text{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "austin-pen",sans-serif;
    font-size: 40px;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    text-align: center;
    width: 100%;
  }

/* スマホ対応時 */
@media screen and (max-width: 1000px){
  #s_brandstory_head .s_brandstory .brandstory_img .chef-img {
    max-width: 500px;
    margin: 10px 0 10%;
  }

}
@media screen and (max-width: 900px){
  /* brand story　詳細ページ */
  #s_brandstory_head .s_brandstory .brandstory_img .story-img {
    max-width: 325px;
  }
  #s_brandstory_head .s_brandstory .brandstory_img .chef-img {
    max-width: 400px;
  }
  /* #s_brandstory_head .s_brandstory .s_brandstory-content .brandstory_title p{
    max-width: 400px;
  } */
  #s_brandstory_head .s_brandstory .s_brandstory-content .brandstory_title .chef-p{
    max-width: 500px;
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b_parts-6 {
    max-width: 76px;
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b_parts-7 {
    max-width: 50px;
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b_parts-8 {
    max-width: 75px;
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b_parts-15 {
    max-width: 56px;
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b1_parts-10 {
    max-width: 36px;
    transform: translate(-250%,-20%);
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b1_parts-11 {
    max-width: 90px;
    transform: translate(20%,40%);
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b1_parts-12 {
    max-width: 36px;
    transform: translate(383%,-210%);
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b1_parts-14 {
    max-width: 36px;
    transform: translate(-20%,-410%);
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b1_parts-15 {
    max-width: 46px;
    transform: translate(150%,-210%);
  }
  #s_brandstory_head .brandstory .brandstory-content .brandstory_title .chef-br{
    display: block;
    visibility: hidden;
  }

}
@media screen and (max-width: 600px){
  /* brand story　詳細ページ */
  #s_brandstory_head .s_brandstory .brandstory-content .b_parts-13 {
    max-width: 90px;
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b_parts-4 {
    max-width: 40px;
    transform: translate(-40%,70%);
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b_parts-1 {
    max-width: 50px;
    transform: translate(-25%,-180%);
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b_parts-2 {
    max-width: 12px;
    transform: translate(300%,-700%);
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b_parts-6 {
    max-width: 46px;
    transform: translate(20%,70%);
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b_parts-7 {
    max-width: 40px;
    transform: translate(130%,-130%);
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b_parts-8 {
    max-width: 56px;
  }
  #s_brandstory_head .s_brandstory .brandstory-content .b_parts-15 {
    max-width: 40px;
  }

  #s_brandstory_head .s_brandstory .brandstory_img .story-img {
    max-width: 275px;
    margin: 0 0 50px;
  }
  #s_brandstory_head .brandstory .brandstory-content .brandstory_title .brandstory_title-head {
    margin: 50px 0 0;
  }
  #s_brandstory_head .s_brandstory .brandstory_img .chef-img {
    max-width: 272px;
    margin: 0 0 50px;
  }
  #s_brandstory_head .brandstory .ja_h2{
    /* margin-top: 50px; */
    margin-top: 10px;
  }
  
}
@media screen and (max-width: 400px){
  /* brand story　詳細ページ */
  #s_brandstory_head .s_brandstory_top{
    background: url(../image/brand-story-header-sp.jpg) no-repeat center center;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
  }
  #s_brandstory_head .s_brandstory .brandstory_img .story-img {
    max-width: 275px;
  }
  #s_brandstory_head .s_brandstory .brandstory_img .chef-img {
    max-width: 275px;
  }
  .brandstory p{
    margin: 10px;
  }
  .brandstory .ja_h2 {
    /* margin: 50px 10px 30px; */
    margin: 10px 10px 30px;
}
}

/****************************************************************
                        Products　詳細ページ 
****************************************************************/
/* top page 画像と文字 */
  /* #products_page .products_page-top {
    background: url(../image/seazon-sweets-header.jpg) no-repeat center center;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  #products_page .products_page-top1 {
    background: url(../image/cake-header.jpg) no-repeat center center;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  .products_page-top .product-category-image{
    
  }
  #products_page .products_page-top2 {
    background: url(../image/baked-sweets-header.jpg) no-repeat center center;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  #products_page .products_page-top3 {
    background: url(../image/frozen-sweets-header.jpg) no-repeat center center;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 1;
  } */
  .product-category-image{
    position: relative;
    z-index: 1;
  }
  .product-category-image img {
    width: 100%;
  }
  .contents-container .product-list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: row;
  }
  .contents-container .product-list li{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
    width: calc(100%/3 - 40px);
    margin: 30px 20px;
  }
  .contents-container .product-list li .thumbnail-wrapper img{
    width: 100%;
  }
  .contents-container .product-list li .thumbnail-wrapper .product-list_title{
    font-family: "游明朝",serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin: 10px 0 0 0;
  }
  .products_page-season_select .contents-container{
    width: 75%;
  }
  #products_page .products_page-top .products_page-top-text,
  #products_page .products_page-top1 .products_page-top-text,
  #products_page .products_page-top2 .products_page-top-text,
  #products_page .products_page-top3 .products_page-top-text {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "austin-pen",sans-serif;
    font-size: 40px;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    text-align: center;
    width: 100%;
  }
  /* products head */
  #products_page .products_page-season_select{
    background: url(../image/back-img.jpg) repeat;
    background-size: contain;
    padding: 10% 0 0;
  }
  #products_page .products_page-season_select .page_container{
    max-width: 1166px;
    width: 75%;
    margin: 0 auto;
  }
  #products_page .products_page-season_select .page_container .product_online-shop{
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    margin: 30px 0 50px;
  }
  #products_page .products_page-season_select .page_container .product_online-shop .product_button img{
    max-width: 268px;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
  }
  #products_page .products_page-season_select .page_container .product_online-shop .product_button p{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 0;
    font-family: 'Libre Caslon Text', serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 0.05em;
  }
  .description-area .product_online-shop{
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    margin: 30px 0 50px;
  }
  .description-area .product_online-shop .product_button img{
    max-width: 268px;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
  }
 .description-area .product_online-shop .product_button p{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 0;
    font-family: 'Libre Caslon Text', serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 0.05em;
  }
  #products_page .products_page-season_select .page_container .products_head .products_title{
    text-align: center;
  }
  #products_page .products_page-season_select .page_container .products_head .products_ja{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
  }
  #products_page .products_page-season_select .page_container .products_head .products_content{
    max-width: 900px;
    width: 100%;
    margin: 50px auto;
    text-align: center;
  }
  /* products */
  #products_page .products_page-season_select .page_container .products_all{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
  }
  #products_page .products_page-season_select .page_container .products_all .products_item{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
    width: calc(100%/3 - 40px);
    margin: 20px;
  }
  #products_page .products_page-season_select .page_container .products_all .products_item .item-img{
    width: 100%;
    height: auto;
  }
  #products_page .products_page-season_select .page_container .products_all .products_item p{
    width: 100%;
    text-align: center;
    font-size: 16px;
  }

  #products_page .products_page-season_select1{
    background: url(../image/back-img-2.jpg) repeat;
    background-size: contain;
  }
  #products_page .products_page-season_select1 .products_all1{
    max-width: 1166px;
    width: 75%;
    margin: 0 auto;
    padding: 10% 0 10%;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  #products_page .products_page-season_select1 .products_all1 .products_item1{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row;
    width: 100%;
    margin: 0 20px;
  }
  #products_page .products_page-season_select1 .products_all1 .products_item1 a{
    margin: 0 10px;
  }
  #products_page .products_page-season_select1 .products_all1 .products_item1 .item-img1{
    max-width: 308px;
    width: 100%;
    height: auto;
  }

/* スマホ対応時 */
@media screen and (max-width: 1000px){}
@media screen and (max-width: 900px){
  /* products all item */
  #products_page .products_page-season_select .page_container .products_all .products_item {
    width: calc(100%/2 - 40px);
  }
  #products_page .products_page-season_select1 .products_all1 .products_item1 {
    flex-wrap: wrap;
    width: 100%;
    max-width: 600px;
}
.contents-container .product-list li {
  width: calc(100%/3 - 20px);
  margin: 20px 10px;
}

}
@media screen and (max-width: 600px){
  /* products all item */
  #products_page .products_page-season_select .page_container .products_all .products_item {
    width: calc(100%/2 - 20px);
    margin: 10px;
  }
  .contents-container .product-list li {
    width: calc(100%/2 - 20px);
    margin: 20px 10px;
}
}
@media screen and (max-width: 400px){
  /* top page */
  /* #products_page .products_page-top {
    background: url(../image/seazon-sweets-header-sp.jpg) no-repeat center center;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
  }
  #products_page .products_page-top1 {
    background: url(../image/cake-header-sp.jpg) no-repeat center center;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
  }
  #products_page .products_page-top2 {
    background: url(../image/baked-sweets-header-sp.jpg) no-repeat center center;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
  }
  #products_page .products_page-top3 {
    background: url(../image/frozen-sweets-header.jpg) no-repeat center center;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
  } */

}

/****************************************************************
                        Locations　詳細ページ 
****************************************************************/
/* locations top page */ 
  #locations_page .locations_top {
    background: url(../image/location-header.jpg) no-repeat center center;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  #locations_page .locations_top .locations_top-text {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "austin-pen",sans-serif;
    font-size: 40px;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    text-align: center;
    width: 100%;
  }
  #locations_page .locations{
    padding-bottom: 10%;
  }
  #locations_page .locations .locations_title .locations_page-text{
    margin-bottom: 60px;
  }
  #locations_page .locations .locations_img .locations_page-part10{
    transform: translate(175%,-400%);
  }
  #locations_page .locations .locations_img .locations_page-part11{
    transform: translate(150%,-85%);
  }
  #locations_page .locations .locations_img .locations_page-part12{
    transform: translate(-300%,-160%);
  }
  #locations_page .locations .locations_img .locations_page-part13{
    transform: translate(-118%,35%);
  }
  #locations_page .locations .locations_img .locations_page-part14{
    transform: translate(300%,-100%);
  }
  #locations_page .locations .locations_img .locations_page-part15{
    transform: translate(-150%,190%);
  }

  /* locations map */
  #locations_page .map{
    background: url(../image/back-img.jpg) repeat;
    background-size: contain;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding-top: 10%;
  }
  #locations_page .map .map_content {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    max-width: 1166px;
    width: 75%;
    margin: 0 auto;
    padding-bottom: 5%;
    border-bottom: 2px double #9d895e;
  }
  #locations_page .map .map_content1 {
    border-bottom: 0px double #9d895e;
  }
  #locations_page .map .map_content .map_address{
    width: 40%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
  }
  #locations_page .map .map_content .map_address h3{
    font-family: "游明朝";
    font-size: 25px;
    font-weight: 600;
    color: #806c40;
    margin-bottom: 30px;
  }
  #locations_page .map .map_content .map_address p{
    font-family: "游明朝";
    font-size: 16px;
    font-weight: 400;
  }
  #locations_page .map .map_content .map_img .map_link{
    text-align: right;
    margin: 10px 0;
  }
  #locations_page .map .map_content .map_img span{
    font-family: "游明朝";
    font-size: 14px;
    font-weight: 400;
    color: #9d895e;
    border-bottom: 1px solid #9d895e;
  }
  #locations_page .map .map_content .map_img .map-flame{
    width: 500px;
    height: 400px;
  }

/* スマホ対応時 */
@media screen and (max-width: 1000px){
  #locations_page .map .map_content {
    flex-wrap: wrap;
  }
  #locations_page .map .map_content .map_address {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}
}
@media screen and (max-width: 900px){
  #locations_page .locations .locations_img .locations_page-part10{
    transform: translate(-300%,-280%);
  }
  #locations_page .locations .locations_img .locations_page-part11{
    transform: translate(20%,-120%);
  }
  #locations_page .locations .locations_img .locations_page-part12{
    transform: translate(150%,-160%);
  }
  #locations_page .locations .locations_img .locations_page-part13{
    transform: translate(0%,135%);
  }
  #locations_page .locations .locations_img .locations_page-part14{
    transform: translate(-70%,200%);
  }
  #locations_page .locations .locations_img .locations_page-part15{
    transform: translate(265%,250%);
  }
  #locations_page .locations {
    padding-bottom: 100px;
  }

}
@media screen and (max-width: 600px){
  #locations_page .map .map_content .map_img .map-flame {
    width: 350px;
    height: 250px;
  }
  #locations_page .map .map_content .map_img .map_link {
    text-align: center;
  }

}
@media screen and (max-width: 400px){
  #locations_page .locations_top {
    background: url(../image/location-header-sp.jpg) no-repeat center center;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
  }
  #locations_page .map .map_content .map_img .map-flame {
    width: 270px;
    height: 180px;
  }
  #index_page #main_image_area .pile_logo_area .pile_logo{
    width: 75%;
  }
  h2{
    font-size: 30px;
  }
  .ja_h2{
    font-size: 20px;
  }
  p{
    font-size: 14px;
  }
  .brandstory .brandstory_more p {
    transform: translate(-80%, -30%);
  }
  .news .news-content .news_list .news_title-text{
    font-size: 16px;
    line-height: 24px;
  }
  #main_contents .news_list .news_list-content .news_list_title .news_date .news_day2,
  #main_contents .news_list .news_list-content .news_list_title .news_date .news_day1,
  .news .news-content .news_list .news_title-text .news_date{
    font-size: 12px;
  }
  #main_contents .news_list .news_list-content .news_list_title .news_title1 {
    font-size: 18px;
  }
  .news .news-content .news_list .news_top .news_date {
    font-size: 12px;
    margin: 0px 10px 10px 0;
  }
  .news .news-content .news_list .news_top .news_title-text {
    font-size: 16px;
    line-height: 24px;
  }
  #slideshow-wrap {
    border: 7px rgba(255,255,255,1) solid;
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.1);
    box-shadow: 2px 2px 5px rgba(0,0,0,.1);
  }
  #s_brandstory {
    padding: 100px 0 0;
  }
  .news .news-content .news_title h2{
    /* margin: 0 0 40px; */
    margin: 0 0 30px;
  }

}

/****************************************************************
                        products　詳細ページ 
****************************************************************/

#products_page .products_page-season_select .page_container #product_detail{
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: 50px 0 0;
}
#products_page .products_page-season_select .page_container #product_detail #product_image{
  width: 100%;
  margin-bottom: 30px;
}
#products_page .products_page-season_select .page_container #product_detail #product_info{
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#products_page .products_page-season_select .page_container #product_detail #product_info #product_title{
  font-size: 26px;
  font-weight: 600;
  color: #806c40;
  margin-bottom: 40px;
  font-family: "游明朝", serif;
}
#products_page .products_page-season_select .page_container #product_detail #product_info #product_price{
  font-family: "游明朝",serif;
  font-size: 18px;
  font-weight: 600;
  color: #806c40;
  margin: 30px 0 40px;
}
#products_page .products_page-season_select .page_container #product_detail #product_image #main_image{
  width: 100%;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
}
#products_page .products_page-season_select .page_container #product_detail #product_image img{
  max-width: 400px;
  width: 100%;
  height: auto;
}
/* 枠の画像の設定 */
.flame_top,.flame_bottom{
  width: 100%;
  height: auto;

}

.flame_top img,
.flame_bottom img{
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.flame_content{
  /* background: url(../image/flame-left.png) repeat-y top left, url(../image/flame-right.png) repeat-y top right; */
  width: 100%;
  padding: 10% 0 10%;
  margin: 0;
}
.flame-pb-0{
  padding-bottom: 0;
}
.news_space{
  width: 100%;
  padding: 10% 0 0;
}
/* 枠の画像の設定 */
.flame_waku{
  border-style: solid;
  border-width: 20px 20px 20px 20px;
  -moz-border-image: url(../image/flame00.png) 20 20 20 20 repeat repeat;
  -webkit-border-image: url(../image/flame00.png) 20 20 20 20 repeat repeat;
  -o-border-image: url(../image/flame00.png) 20 20 20 20 repeat repeat;
  border-image: url(../image/flame00.png) 20 20 20 20 repeat repeat;
  }
  .flame_waku1{
    width: 100%;
    border-style: solid;
    border-width: 20px 20px 20px 20px;
    -moz-border-image: url(../image/flame00.png) 20 20 20 20 repeat repeat;
    -webkit-border-image: url(../image/flame00.png) 20 20 20 20 repeat repeat;
    -o-border-image: url(../image/flame00.png) 20 20 20 20 repeat repeat;
    border-image: url(../image/flame00.png) 20 20 20 20 repeat repeat;
    }
/* corne page css */
.corne .corne_area .corne_top{
  background: url(../image/corne-topimg.jpg) no-repeat center center;
  background-size: cover;
  height: 100vh;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.corne .corne_area .corne_top .top{
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "austin-pen",sans-serif;
  font-style: normal;
  text-align: center;
}
.corne .corne_area .corne_top .top h2{
  font-family: 'Libre Caslon Text', serif;
  font-size: 120px;
  color: #fff;
  letter-spacing: 0.2em;
}
.corne .corne_area .corne_top .top p{
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  letter-spacing: 0.4em;
  line-height: 32px;
}
.corne .corne_area .corne-content{
  width: 70%;
  max-width: 700px;
  margin: 200px auto;
  text-align: center;
}
.corne .corne_area .corne-content .corne-text{
  width: 100%;
  position: relative;
}
.corne .corne_area .corne-content .corne-text .parts-13{
  top: 0;
  right: 0;
  transform: translate(50%,-80%);
  position: absolute;
}
.corne .corne_area .corne-content .corne-text .parts-4{
  top: 0;
  right: 0;
  transform: translate(250%,0%);
  position: absolute;
}
.corne .corne_area .corne-content .corne-text .parts-1{
  bottom: 0;
  left: 0;
  transform: translate(-100%,20%);
  position: absolute;
}
.corne .corne_area .corne-content .corne-text .parts-2{
  bottom: 0;
  left: 0;
  transform: translate(150%,200%);
  position: absolute;
}
.corne .corne_area .corne-content .corne-text h3{
  font-family: "游明朝", serif;
  font-size: 30px;
  font-weight: 600;
  color: #806C40;
  margin: 0 0 50px;
  line-height: 47px;
  letter-spacing: 0.05em;
}
.corne .corne_area .corne-content .corne-text p{
  line-height: 50px;
}
/* point */
.point{
  background-color: #FEEFCB;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 150px 0 100px;
}
.point .h3-ja{
  font-family: austin-pen,sans-serif;
  font-size: 40px;
  font-weight: 400;
  color: #806C40;
  /* line-height: 52px; */
  list-style: 0.9;
}
.point .p-jp{
  font-size: 14px;
  line-height: 34px;
}
.point .point-01{
  width: 100%;
  max-width: 900px;
  display: flex;
  position: relative;
  margin: 50px auto;
  justify-content: center;
  align-items: center;
}
.point .point-01 .parts-2{
  top: 0;
  right: 0;
  transform: translate(-300%,-500%);
  position: absolute;
}
.point .point-01 .parts-12{
  top: 0;
  right: 0;
  transform: translate(100%,100%);
  position: absolute;
}
.point .point-01 .parts-14{
  top: 0;
  right: 0;
  transform: translate(0%,0%);
  position: absolute;
}
.point .point-01 .point-left{
  width: 100%;
  max-width: 500px;
  border: 10px solid #fff;
  -webkit-box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
  -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.2);
  box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
}
.point .point-01 .point-left img{
  width: 100%;
}
.point .point-01 .point-right{
  width: 100%;
  max-width: 480px;
}
.point .point-01 .point-right h3{
  font-family: "游明朝", serif;
  font-size: 26px;
  line-height: 41px;
  font-weight: 600;
  color: #806C40;
  margin: 0 0 10px;
}
.point .point-02,
.point .point-03{
  width: 100%;
  max-width: 900px;
  display: flex;
  position: relative;
  margin: 80px auto;
  justify-content: center;
  align-items: center;
}
.point .point-02 .parts-2{
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0%,600%);
}
.point .point-02 .parts-7{
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-10%,0%);
}
.point .point-02 .parts-8{
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-100%,-100%);
}
.point .point-02 .point-left{
  width: 100%;
  max-width: 480px;
}
.point .point-02 .point-left h3{
  font-family: "游明朝", serif;
  font-size: 26px;
  line-height: 41px;
  font-weight: 600;
  color: #806C40;
  margin: 0 0 10px;
}
.point .point-02 .point-right{
  width: 100%;
  max-width: 500px;
  border: 10px solid #fff;
  -webkit-box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
  -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.2);
  box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
}
.point .point-02 .point-right img{
  width: 100%;
}
.point .point-03 .parts-2{
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(200%, -300%);
}
.point .point-03 .parts-1{
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(0%, 65%);
}
.point .point-03 .point-left{
  width: 100%;
  max-width: 500px;
  border: 10px solid #fff;
  -webkit-box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
  -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.2);
  box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
}
.point .point-03 .point-left img{
  width: 100%;
}
.point .point-03 .point-right{
  width: 100%;
  max-width: 480px;
}
.point .point-03 .point-right h3{
  font-family: "游明朝", serif;
  font-size: 26px;
  line-height: 41px;
  font-weight: 600;
  color: #806C40;
  margin: 0 0 10px;
}
/* how to */
.howto{
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  padding: 150px 0;
  position: relative;
}
.howto .h3-ja{
  font-family: austin-pen,sans-serif;
  font-size: 40px;
  font-weight: 400;
  color: #806C40;
  /* line-height: 52px; */
  line-height: 0.9;
}
.howto .p-jp{
  font-size: 14px;
  line-height: 34px;
  margin: 0 0 40px;
}
.howto .howto-sl{
  width: 100%;
  max-width: 666px;
  margin: 0 auto;
}
.howto .parts-10{
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(-300%, 100%);
}
.howto .parts-11{
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(0%, 65%);
}
.howto .parts-12{
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(200%, 0%);
}
.howto .parts-14{
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(0%, -100%);
}
.howto .parts-15{
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(80%, -150%);
}
.howto .howto-sl .slick-slide img{
  width: 100%;
  max-width: 646px;
  border: 10px solid #fff;
  -webkit-box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
  -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.2);
  box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
}
.howto .howto-sl .slide-arrow {
  position: absolute;
  top: 40%;
  transform: translate(0%,-50%);
}
.howto .howto-sl .prev-arrow {
  left: -30px;
}
.howto .howto-sl .next-arrow {
  right: -30px;
}
.howto .howto-sl .make {
  width: 100%;
  margin: 30px auto 0;
}
.howto .howto-sl .make .button-sl{
  background: url(../image/button.png) no-repeat;
  background-position: center;
  background-size: contain;
  font-size: 18px;
  padding: 18px 0 9px;
  font-family: 'Libre Caslon Text', serif;
  line-height: 26px;
  color: #806C40;
  margin: 0 0 10px;
}
.howto .howto-sl .make .text-sl{
  color: #806C40;
  font-family: "游明朝", serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
}
/* online-shop */
.online-shop{
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 150px 0;
  background-color: #FEEFCB;
}
.online-shop .h3-ja{
  font-family: austin-pen,sans-serif;
  font-size: 40px;
  font-weight: 400;
  color: #806C40;
  line-height: 52px;
}
.online-shop .p-jp{
  font-size: 14px;
  line-height: 34px;
  margin: 0 0 40px;
}
.online-shop .shop-bn{
  width: 100%;
  max-width: 900px;
  margin: 50px auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.online-shop .shop-bn img{
  width: 100%;
 max-width: 430px;
 -webkit-box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
 -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.2);
 box-shadow: 2px 2px 5px rgb(0 0 0 / 20%);
}
@media screen and (max-width: 1100px) {
  .corne .corne_area .corne-content .corne-text .parts-13 {
    transform: translate(-50%,-130%);
    max-width: 120px;
}
.corne .corne_area .corne-content .corne-text .parts-4 {
  transform: translate(0%,-50%);
  max-width: 50px;
}
.corne .corne_area .corne-content .corne-text .parts-1 {
  transform: translate(-50%,0%);
  max-width: 68px;
}
.point .point-01 .parts-2 {
  transform: translate(-500%,-200%);
  max-width: 18px;
}
.point .point-01 .parts-12 {
  transform: translate(0%,100%);
  max-width: 30px;
}
.point .point-01 .parts-14 {
  transform: translate(-150%,0%);
  max-width: 32px;
}
.point .point-02 .parts-2 {
  transform: translate(300%,0%);
}
.point .point-02 .parts-7 {
  top: 0;
  bottom: unset;
  transform: translate(100%,300%);
  max-width: 36px;
}
.point .point-02 .parts-8 {
  top: 0;
  bottom: unset;
  transform: translate(10%,50%);
  max-width: 60px;
}
.point .point-03 .parts-2 {
  transform: translate(-20%, -200%);
}
}
@media screen and (max-width: 900px) {
  .corne .corne_area .corne-content .corne-text .parts-4 {
    transform: translate(100%,-100%);
}
.corne .corne_area .corne-content .corne-text .parts-13 {
  transform: translate(-0%,-150%);
}
.point .point-03,
.point .point-01 {
  flex-direction: column-reverse;
  width: 90%;
}
.point .point-03 .point-right,
.point .point-02 .point-left,
.point .point-01 .point-right {
  margin: 0px 0 30px;
}
.point .point-02 {
  flex-direction: column;
  width: 90%;
}
.point .point-03{
  width: 90%;
  flex-direction: column-reverse;
}
.point .point-03 .parts-2 {
  transform: translate(-20%, 200%);
}
.point .point-03 .parts-1 {
  transform: translate(-100%, 150%);
  max-width: 62px;
}
.howto .parts-11 {
  transform: translate(0%, 150%);
  max-width: 92px;
}
.howto .parts-10 {
  transform: translate(-300%, 200%);
  max-width: 32px;
}
.howto .howto-sl {
  width: 90%;
}
.howto .parts-15 {
  transform: translate(200%, -250%);
  max-width: 38px;
}
.howto .parts-14 {
  transform: translate(50%, -200%);
  max-width: 30px;
}
.howto .parts-12 {
  transform: translate(200%, -50%);
  max-width: 32px;
}
.howto .howto-sl .next-arrow {
  bottom: -8%;
  transform: translate(-42%,0%);
  right: 42%;
  top: unset;
}
.howto .howto-sl .prev-arrow {
  bottom: -8%;
  transform: translate(-45%,0%);
  left: 45%;
  top: unset;
}
.online-shop .shop-bn {
 width: 90%;
  justify-content: center;
}
.online-shop .shop-bn .corne-yoyaku-bn{
  margin: 0 0 30px;
}
}
@media screen and (max-width: 600px) {
  .corne .corne_area .corne_top .top h2 {
    font-size: 81px;
    line-height: 113px;
}
.corne .corne_area .corne_top .top p {
  font-size: 15px;
  line-height: 22px;
}
.corne .corne_area .corne-content .corne-text .parts-13{
  max-width: 87px;
}
.corne .corne_area .corne-content .corne-text .parts-4{
  max-width: 38px;
}
.corne .corne_area .corne-content .corne-text h3 {
  font-size: 20px;
  line-height: 32px;
  margin: 0 0 25px;
}
.corne .corne_area .corne-content .corne-text p{
  font-size: 14px;
  line-height: 30px;
}
.corne .corne_area .corne-content .corne-text .parts-1{
  max-width: 40px;
}
.corne .corne_area .corne-content {
  margin: 120px auto;
  width: 75%;
}
.point {
  padding: 120px 0 60px;
}
.point .point-01 .parts-14 {
  max-width: 25px;
}
.point .point-01 .parts-12 {
  max-width: 20px;
}
.point .point-03 .parts-2,
.point .point-02 .parts-2,
.point .point-01 .parts-2 {
  max-width: 12px;
}
.point .point-03 .parts-1,
.point .point-02 .parts-8 {
  max-width: 40px;
}
.point .point-02 .parts-7 {
  max-width: 25px;
}
.point .point-03 .point-right h3,
.point .point-02 .point-left h3,
.point .point-01 .point-right h3 {
  font-size: 20px;
  line-height: 32px;
}
.point .point-03 .point-right p,
.point .point-02 .point-left p,
.point .point-01 .point-right p{
  font-size: 14px;
  line-height: 30px;
}
.howto .parts-10 {
  max-width: 27px;
}
.howto .parts-11 {
  max-width: 60px;
}
.howto {
  padding: 100px 0;
}
.howto .howto-sl .make .text-sl {
  font-size: 14px;
  line-height: 22px;
}
.howto .parts-15 {
  transform: translate(150%, -160%);
  max-width: 37px;
}
.howto .parts-14 {
  transform: translate(50%, -150%);
  max-width: 25px;
}
.howto .parts-12 {
  transform: translate(250%, -50%);
  max-width: 25px;
}
.online-shop {
  padding: 100px 0;
}
.online-shop p{
  font-size: 14px;
  line-height: 30px;
}
.howto .howto-sl .slick-slide img {
  width: 94%;
}
}