@charset "UTF-8";
/* CSS Document */
body {
  width: 100%;
  color: #323232;
  font-size: 16px;
  font-weight: bold;
  /* font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; */
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  background: url(../images/bg.png) repeat;
  line-height: 1.5;
}
.home h2 {
  color: #333;
}
h2 {
  /* font-family: "Sawarabi Mincho"; */
}
article img {
  max-width: 100%;
  height: auto;
}

#header ul {
  overflow: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

#header ul ::-webkit-scrollbar {
  display: none;
}

.home .breadcrumbs {
  display: none;
}
.breadcrumbs {
  background: #eee;
  padding: 0.5% 0;
}
.desc {
  font-size: 16px;
  padding-top: 2%;
  text-align: center;
  color: #000;
  line-height: 1.4;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
    "Hiragino Mincho Pro", "serif";
}
.category_box {
  overflow: hidden;
  padding-bottom: 5%;
}
.category_box ul li img {
  width: 100%;
  height: auto;
}

.home #container > #toriatsukai,
.home #container > #recommend,
.home #container > #store {
  display: none;
}

#gallery-2 img {
  border: none !important;
}
#gallery-2 .gallery-caption {
  text-align: center;
}
#footer_company a {
  font-size: 13px;
  font-weight: bold;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
    "Hiragino Mincho Pro", "serif";
  color: #333;
  display: block;
  text-align: center;
  margin: 0 auto 1%;
  padding: 5px 0;
  background: rgba(0, 0, 0, 0.1);
}
.text_center {
  padding-top: 4% !important;
}
.category_box > p {
  padding-bottom: 2em;
}

#categories-2 h3 {
  display: none;
}

.insertYT01 {
  width: 100%;
  height: 500px;
  margin-top: 40px;
}
/* Carousel */
.carousel-1-sp,
.carousel-2-sp {
  display: none;
  padding: 0 10px;
}
.carousel-1-sp {
  margin-bottom: 20px;
}

.white-wrap {
  background-color: #fff;
}

/* Youtube Fix */
.ytMainDiv {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ytDiv {
  width: 49%;
  position: relative;
  margin-bottom: 50px;
}
.video-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  height: 0;
}
.video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.gonomiInner {
  position: relative;
  transition: opacity 0.3s;
}

.gonomiInner:hover {
  opacity: 0.7;
}

.gonomiInner a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.mediaInner .gallery_btn {
  text-align: center;
  display: flex;
  justify-content: center;
}
.mediaInner .gallery_btn a {
  margin: 20px 0px 0px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
body:not(.home) #container {
  background: #fff;
}
/*===============================================
●style.css 画面の横幅が751px以上
===============================================*/
@media screen and (min-width: 751px) {
  .sp {
    display: none !important;
  }
  a {
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
  }
  a:hover {
    opacity: 0.9;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
  }
  #header h1 {
    width: 1050px;
    margin: auto;
    padding-top: 10px;
    font-size: 14px;
  }
  #header .inner {
    width: 1050px;
    margin: auto;
    padding: 10px 0;
    position: relative;
  }
  #header .inner #logo {
    width: 300px;
  }

  #branding {
    float: left;
    width: 320px;
  }

  #header .inner > ul > li {
    float: left;
    width: 300px;
  }

  #header .inner > ul > li > ul#language > li {
    float: left;
  }

  #header #language {
    padding-bottom: 10px;
  }

  #header .inner > ul > li ul > li > .header_linkbtn a {
    color: #000;
    width: 120px;
    display: block;
    text-align: center;
    border-radius: 10px;
    font-size: 14px;
    padding: 5px 0;
    line-height: 1;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
      Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  }
  #header .inner > ul > li ul > li > .header_linkbtn a:hover {
    border-radius: 0;
  }
  #header .inner > ul > li ul > li:first-child > .header_linkbtn a {
    border: 1px solid #bd2f8b;
    margin-right: 5px;
  }
  #header .inner > ul > li ul > li:last-child > .header_linkbtn a {
    border: 1px solid #06887e;
  }

  #header .inner > ul > li:last-child {
    width: 430px;
  }
  #headersubmenu ul {
    display: table;
    position: relative;
  }
  #headersubmenu li {
    display: table-cell;
    vertical-align: bottom;
  }
  #headersubmenu li a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
      Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  }
  #headersubmenu li a span {
    font-size: 13px;
    display: block;
    text-align: center;
  }
  #headersubmenu li a img {
    width: 40px;
    height: auto;
    float: left;
  }
  #headersubmenu li:first-child {
    padding-right: 30px;
  }
  #headersubmenu .submenuItem a {
    display: block;
    background: #bd2f8b;
    width: 140px;
    padding: 5px 10px;
  }
  #headersubmenu .submenuItem a:hover {
    border-radius: 30px;
  }
  #headersubmenu .submenuItem a span {
    padding: 5px;
  }

  #headerContact {
    position: absolute;
    top: -20px;
    right: 0;
    background: #06887e;
    width: 140px;
    display: block;
    text-align: center;
    padding: 0 10px;
    border-radius: 4px;
    transition: 0.5s;
  }

  #headerContact:hover {
    border-radius: 30px;
  }

  #headerContact a {
    height: 39.5px;
    line-height: 39.5px;
    font-size: 13px;
    display: block;
    text-align: center;
    color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
      Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  }

  #headerContact a a:hover {
    border-radius: 30px;
  }

  #headerContact a span {
    padding: 5px;
  }

  #headersubmenu li:first-child a {
    color: #ccc02d;
    width: 240px;
  }
  #headersubmenu li:first-child a ruby rt {
    color: #000;
    font-weight: bold;
  }
  #headersubmenu li:first-child a span {
    text-align: left;
    margin-left: 50px;
    font-size: 25px;
    color: #415c50;
    font-family: monospace;
  }

  .headerBottom {
    background-color: #fff;
  }

  .headerBottomInner {
    display: flex;
    align-items: center;
    width: 1050px;
    margin: auto;
  }

  .onlineshop {
    margin-left: auto;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
      Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  }
  .onlineshop a {
    font-size: 13px;
    display: block;
    background: #ca2627;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    width: 245px;
    font-weight: 700;
  }
  .onlineshop a:hover {
    border-radius: 30px;
  }
  .onlineshop a span {
    display: block;
    font-weight: bold;
    font-size: 11px;
  }
  .onlineshop a img {
    width: 35px;
    float: left;
    padding-right: 10px;
  }
  #headersubmenu li:first-child p {
    font-weight: bold;
    text-align: right;
    font-size: 14px;
    color: #415c50;
    line-height: 1;
  }
  #header {
    /*overflow: hidden;*/
    position: fixed;
    z-index: 9999;
    background: url(../images/bg.png) repeat;
    width: 100%;
  }
  #header .inner #menu #menu-menu-1 > li {
    float: left;
  }
  #header .inner #menu #menu-menu-1 > li > a {
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
      "Hiragino Mincho Pro", "serif";
    color: #000;
    font-size: 14.5px;
    /* padding: 5px 15px; */
    padding: 5px 18px; /* changed for added 2 menu */
    line-height: 2;
    border-right: 1px solid #323232;
  }

  #header .inner #menu #menu-menu-1 > li:last-of-type > a {
    border-right: none;
  }

  #menu {
    padding: 12px 0;
  }
  #header .inner #menu a {
    border-bottom: 2px solid rgba(255, 255, 255, 0);
  }
  #header .inner #menu #menu-menu-1 > li > a:hover {
    color: #415c50;
    border-bottom: 2px solid #415c50;
  }

  /* ドロップダウンcss*/

  .sub-menu:before {
    font-family: "FontAwesome";
    font-size: 2em;
    position: absolute;
    top: -32px;
    left: 10px;
    content: "";
    color: #464646;
  }
  .sub-menu {
    position: relative;
    z-index: 1;
    display: none;
    width: 95%;
    border-top: none;
    background: #e3e0d9;
  }
  .sub-menu li {
    display: block;
    float: none;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  }
  li:hover .sub-menu {
    display: block;
  }
  .sub-menu li a:before {
    color: #333;
  }
  .sub-menu li a {
    font-size: 14px;
    font-weight: bold;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
      "Hiragino Mincho Pro", "serif";
    padding: 10px;
    color: #000;
    display: block;
  }
  .sub-menu li a:hover {
    background-color: rgba(255, 255, 255, 0.9);
    font-weight: bold;
  }
  @media (min-width: 768px) {
    .sub-menu {
      position: absolute;
      width: 300px;
    }
  }

  /*// ドロップダウンcss*/

  #header #header_sns {
    display: flex;
    align-items: center;
  }

  #header #header_sns li {
    padding-right: 14px;
  }
  #header #header_sns li img {
    /* width: 34px; */
    height: 29px;
    width: auto;
  }

  #header #header_sns .header_sns_tw img {
    height: 25px;
  }

  #header #header_sns .linebtn img {
    width: 100px;
    height: auto;
  }

  #header #header_sns .linebtn a {
    display: block;
    width: 100px;
    text-align: center;
    font-size: 10px;
    line-height: 18px;
    background-color: #839e9d;
    color: #fff;
    padding: 7px 0;
  }

  #header #header_sns .linebtn a span {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    line-height: inherit;
  }

  #header .inner .inquiry {
    padding-top: 20px;
  }

  #CDSWIDFRR {
    font: normal 11px Verdana, "Bitstream Vera Sans", Arial, Helvetica,
      sans-serif;
    color: #000;
    background-color: #fff;
    overflow: hidden;
    width: 148px;
    margin: 10px 0;
    padding: 0 0 8px;
    text-align: center;
    position: relative;
    border: 1px solid;
    border-radius: 12px;
    border-color: #e5e5e5;
    border-top-color: transparent;
  }
  #CDSWIDFRR .top-background.white {
    background-color: #eee;
  }
  #CDSWIDFRR .top-background {
    width: 150px;
    height: 58px;
    margin-bottom: 6px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
  }

  #CDSWIDFRR .widFRRImages a img.taText {
    margin-left: -27px;
    margin-top: 1px;
  }

  #CDSWIDFRR .widFRRImages a img {
    float: left;
  }

  #CDSWIDFRR .widFRRHeadline {
    position: absolute;
    top: 9px;
    width: 150px;
    font-weight: bold;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
  }
  #CDSWIDFRR .widFRRHeadline .grayText {
    color: #333;
    font-weight: bold;
    display: block;
    text-align: center;
  }
  #CDSWIDFRR .widFRRImages {
    position: absolute;
    left: 8px;
    top: 29px;
  }
  #CDSWIDFRR var.widFRRCopy {
    display: block;
    padding: 0 8px;
    background-color: #fff;
    font: normal bold 11px Verdana, "Bitstream Vera Sans", Arial, Helvetica,
      sans-serif;
    text-align: center;
  }
  #CDSWIDFRR var.widFRRCopy a {
    color: #000;
    text-decoration: underline;
    font-size: 11px;
    font-weight: bold;
    background-color: transparent;
    margin: 0;
    padding: 0;
  }

  #container {
    padding-top: 195px;
  }

  /*メインビジュアル*/

  #mainvisual .slides img {
    width: 100%;
    height: auto;
  }

  #mainvisual {
    position: relative;
    min-width: 1100px;
  }
  #mainbox {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 300px;
  }
  #mainbox .text_box {
    background: #fff;
    border: 2px solid #bd2f8b;
    padding: 10px;
    margin-bottom: 10px;
  }
  #mainbox .text_box h2 {
    color: #000;
    font-size: 16px;
    padding-bottom: 5px;
  }
  #chirashi {
    overflow: hidden;
  }
  #chirashi li {
    margin: 5px;
    text-align: center;
  }

  #chirashi li img:hover {
    opacity: 0.8;
  }
  #chirashi li a {
    display: inline-block;
  }
  #mainbox .text_box p a {
    display: block;
    color: #323232;
    font-weight: bold;
    font-size: 14px;
    padding: 5px 0;
  }
  #mainbox .text_box p a {
    font-weight: bold;
    color: #333;
  }
  .text_box ul.list li {
    background: #e3e0d9;
    margin-bottom: 2%;
    padding: 2%;
  }
  .text_box ul.list li h4 {
    line-height: 1.4;
    font-weight: bold;
  }
  .text_box ul.list li a {
    color: #333;
    font-size: 14px;
  }
  .text_box ul.list li:hover {
    background: rgba(255, 255, 255, 0.8);
  }
  .text_box ul.list li span {
    font-size: 12px;
  }

  /*パンくず*/

  .breadcrumbs .inner {
    width: 1050px;
    margin: auto;
  }

  /*topおすすめ*/

  .home #recommend h2 {
    color: #333;
    background: #e3e0d9;
    padding: 1% 0;
    margin-bottom: 1%;
  }

  #recommend ul {
    display: flex;
  }
  #recommend ul li {
    margin: 5px 12px 0 0;
  }

  /*top取り扱い商品*/

  #toriatsukai {
    padding-bottom: 30px;
    width: 1050px;
    margin: 40px auto 0;
  }

  #toriatsukai > .container {
    max-width: 830px;
    margin: 0 auto;
  }

  #toriatsukai h2 {
    color: #000000;
    text-align: center;
    font-size: 31px;
  }

  #toriatsukai .container > p {
    margin-top: 30px;
    padding: 25px 40px 15px;
    font-size: 14px;
    background: url(../images/bg.png) no-repeat center center / cover;
  }

  #toriatsukai ul {
    display: flex;
    justify-content: space-between;
    clear: both;
    padding-top: 20px;
  }

  #toriatsukai ul li {
    width: 205px;
    height: auto;
  }

  #toriatsukai ul li a img {
    width: 100%;
    height: auto;
  }

  #toriatsukai ul li.item a {
    display: block;
    position: relative;
    padding-bottom: 104%;
  }

  /*インフォ*/

  #info {
    background: #e3e0d9 url(../images/home/blog.png) no-repeat top center;
    height: 445px;
    background-size: cover;
  }

  #info .inner {
    width: 1050px;
    margin: 30px auto;
  }

  #info h2 {
    color: #323232;
    text-align: left;
    font-size: 35px;
  }
  #info ul.list {
    width: 640px;
    padding-top: 20px;
  }
  #info ul.list li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
  }

  #info .list_box .date {
    font-weight: bold;
    line-height: 2.2;
    font-size: 14px;
  }
  #info .list_box h4 a {
    padding-top: 10px;
    color: #323232;
    display: block;
    font-size: 16px;
    font-weight: bold;
  }
  #info .list_box h4 a:hover {
    text-decoration: underline;
  }
  #info #catelist {
    display: flex;
    padding-top: 0;
    margin-left: 35px;
  }
  #info #catelist li {
    margin: 0 10px;
  }
  #info #catelist li a {
    color: #fff;
    display: block;
    padding: 10px;
    font-size: 16px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
      "Hiragino Mincho Pro", "serif";
    width: 150px;
    text-align: center;
  }

  #info #catelist li:nth-child(1) a {
    background: #555;
    border: 2px solid #555;
  }
  #info #catelist li:nth-child(1) a:hover {
    background: #fff;
    color: #555;
    font-weight: bold;
    border: 2px solid #555;
  }

  #info #catelist li:nth-child(2) a {
    background: #e83842;
    border: 2px solid #e83842;
  }
  #info #catelist li:nth-child(2) a:hover {
    background: #fff;
    color: #e83842;
    font-weight: bold;
    border: 2px solid #e83842;
  }

  #info #catelist li:nth-child(3) a {
    background: #6a748b;
    border: 2px solid #6a748b;
  }

  #info #catelist li:nth-child(3) a:hover {
    background: #fff;
    color: #595fad;
    font-weight: bold;
    border: 2px solid #595fad;
  }

  #info #catelist li:last-child a {
    background: #595fad;
    border: 2px solid #595fad;
  }

  #info #catelist li:last-child a:hover {
    background: #fff;
    color: #595fad;
    font-weight: bold;
    border: 2px solid #595fad;
  }

  .white-wrap {
    min-width: 1100px;
  }

  /*特集*/
  #tokushu {
    padding: 30px 0;
  }
  #tokushu .eyecatch section img {
    width: 100%;
  }

  #tokushu .bnbg {
    position: relative;
  }

  #tokushu .bnbg .overlayBnr {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  #tokushu .bnbg .overlayBnr img {
    width: 120px;
    height: auto;
  }

  /*history*/

  #history {
    background: url(../images/home/history.jpg) no-repeat top center;
    height: 500px;
    background-size: cover;
  }

  #history .inner {
    width: 1050px;
    margin: 60px auto 0;
    display: flex;
  }

  #history h2,
  #history p {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-align: left;
    line-height: 2.5;
  }

  #history h2 {
    color: #2b2b2b;
    font-size: 35px;
    padding-left: 10px;
  }
  #history p {
    padding-top: 5px;
  }

  .history__bottom {
    height: 65px;
    background-color: #fff;
  }

  /*store*/

  #store {
    background: #ffffff;
    border-bottom: 1px solid #e1e0dc;
    margin-top: 30px;
  }
  #store h2 {
    background: #839e9d;
    text-align: center;
    padding: 20px 0;
    color: #fff;
    font-size: 33px;
  }
  #store h2 span {
    display: block;
    text-align: center;
    font-size: 14px;
    letter-spacing: 2px;
    font-family: "Georgia";
  }
  #store ul {
    overflow: hidden;
  }
  #store ul li {
    float: left;
    width: 50%;
    position: relative;
  }
  #store ul li a {
    width: 100%;
  }
  #store ul li a:hover img {
    opacity: 1;
  }
  #store ul li img.picture {
    width: 100%;
  }
  #store ul li .box {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 540px;
    height: 345px;
    background: rgba(0, 0, 0, 0.5);
  }
  #store ul li a:hover .box {
    display: block;
  }
  #store ul li .box img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  #store ul li a:hover {
    opacity: 1;
  }

  /*コンテンツ*/
  .box {
    padding-bottom: 50px;
    overflow: hidden;
  }
  #recommend {
    width: 1050px;
    margin: 30px auto 0;
  }

  #sns {
    width: 1050px;
    margin: 15px auto 0;
  }

  .entry-content {
    width: 1050px;
    max-width: 100%;
    margin: 50px auto 0;
  }

  .entry-content-top ul {
    display: flex;
    justify-content: stretch;
    flex-wrap: wrap;
  }

  .entry-content-top ul li {
    width: calc((100% - 8px * 2) / 3);margin: 0 5px 0 0;
  }

  .entry-content-top ul li:nth-of-type(n + 4) {
    margin-top: 10px;
  }

  .entry-content-top ul li a {
    display: block;
    position: relative;
  }

  .entry-content-top ul li a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: 0.3s;
  }

  .entry-content-top ul li a:hover::after {
    opacity: 1;
  }

  /* バナー */
  .top-bnr-wrap {
    width: 1050px;
    margin: 0px auto 0px;
  }
  .top-bnr {
    width: 100%;
    /* margin: 0 2%; */
    display: block;
  }
  .top-bnr a:hover {
    opacity: 0.8;
  }
  .flex-wrap {
    display: flex;
    justify-content: center;
  }
  .flex-wrap-left {
    display: flex;
    justify-content: left;
  }
  .top-bnr img {
    width: 100%;
  }
  .p-top {
    padding-top: 10px;
  }
  h2 {
    font-size: 30px;
    text-align: center;
  }

  /*インスタ*/

  #sns h2 {
    letter-spacing: 5px;
    padding-bottom: 10px;
  }

  .insta-area li {
    float: left;
    margin: 5px;
  }

  .insta-area iframe {
    display: block;
    height: 527.5px;
  }

  .insta-area li a {
    display: inline-block;
    width: 340px;
    height: 340px;
    overflow: hidden;
  }

  .insta-area li img {
    position: relative;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  #sns ul {
    overflow: hidden;
  }
  .btn_more-area {
    padding-top: 20px;
  }
  .btn_more-area a {
    clear: both;
    display: block;
    text-align: center;
    border: 2px solid #323232;
    width: 150px;
    color: #323232;
    padding: 10px 0;
    font-weight: bold;
    font-size: 14px;
    margin: auto;
  }

  .btn_more-area a:hover {
    background: #323232;
    color: #fff;
  }

  #footer_company a {
    width: 200px;
  }

  #footer .bn {
    text-align: center;
    padding-bottom: 20px;
  }
  #footer .bn > ul {
    display: flex;
    width: 1050px;
    margin: auto;
  }
  #footer .bn > ul > li {
    width: 350px;
    margin: 10px;
    background: #fff;
    box-sizing: border-box;
  }
  /* #footer .bn > ul > li:last-child a {
    border: 2px solid #2ea985;
    display: block;
    height: 213px;
  }
  #footer .bn > ul > li:last-child a img {
    width: 90%;
    margin: auto;
    display: block;
  } */
  .bn > ul > li p {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    text-decoration: underline;
    padding-top: 40px;
  }
  #footer .bn ul li img {
    width: 100%;
    height: auto;
  }

  #footer_nav {
    width: 700px;
    margin: 0 auto 40px;
    overflow: hidden;
  }
  #footer_nav li a {
    display: block;
    float: left;
    color: #323232;
    padding: 0 10px;
    border-right: 1px solid #323232;
    line-height: 1;
  }
  #footer_nav li:last-child a {
    border-right: none;
  }

  #footer_contact {
    text-align: center;
    padding-bottom: 20px;
  }

  #footer_contact a img {
    width: 280px;
    height: auto;
  }

  #copyright {
    text-align: center;
  }

  /*下層コンテンツ*/
  .page-template-page-template .entry-content,
  .archive .entry-content {
    width: 890px;
    margin: 0 auto 50px;
  }
  .page-template-page-template h2,
  .archive h2 {
    padding-bottom: 20px;
  }
  .page-template-page-template h2 span,
  .archive h2 span {
    display: block;
    text-align: center;
    font-size: 14px;
    letter-spacing: 2px;
    font-family: "Georgia";
  }

  .page-template-page-template .entry-content h3 {
    font-size: 30px;
    border-bottom: 3px double #323232;
    padding-bottom: 5px;
    margin-bottom: 20px;
    line-height: 1;
  }

  .page-template-page-template .entry-content p.name {
    color: #595757;
    font-size: 25px;
    text-align: right;
  }

  #message table {
    border: 1px solid #e3e0d9;
  }

  #message table th {
    background: #e3e0d9;
    padding: 10px 10px 10px 20px;
    vertical-align: top;
  }
  #message table td {
    padding: 10px 10px 10px 20px;
  }
  #message #kaicho.box {
    background: #e3e0d9;
    padding: 40px;
    overflow: hidden;
    margin-bottom: 50px;
  }
  #message #kaicho.box .left {
    float: left;
  }
  #message #kaicho.box .left .name {
    text-align: left;
  }
  #message #kaicho.box .right {
    float: right;
    width: 480px;
  }
  #message #kaicho.box .right p {
    line-height: 2;
    font-size: 16px;
  }
  /*shop*/
  #shop .section .container {
    overflow: hidden;
    padding-top: 20px;
  }
  #shop .section .container .left h5 {
    color: #000;
    font-size: 218.75%;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
  }
  #shop .section .container .left {
    float: left;
    width: 500px;
  }
  #shop .section .container .right {
    width: 360px;
    float: right;
  }
  .single-post #inner_wrapper,
  .category #inner_wrapper,
  body.blog #inner_wrapper {
    width: 1050px;
    margin: 30px auto;
    overflow: hidden;
  }
  .single-post #content,
  .category #content,
  body.blog #content {
    width: 780px;
    padding-right: 20px;
    float: left;
  }
  .single-post #sidebar,
  .category #sidebar,
  body.blog #sidebar {
    width: 250px;
    float: right;
  }
  .single-post #content h3,
  .category #content h3,
  body.blog #content h3 {
    font-size: 25px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 10px;
    font-family: "Sawarabi Mincho";
  }
  .category #content h3 a,
  body.blog #content h3 a {
    color: #323232;
  }
  .category #content article,
  body.blog #content article {
    margin-bottom: 50px;
  }
  .category #content .entry-summary,
  body.blog #content .entry-summary {
    padding-top: 20px;
  }
  #inner_wrapper #h2_box {
    padding-bottom: 30px;
  }
  #inner_wrapper #h2_box span.garamond {
    display: block;
    text-align: center;
    font-size: 14px;
    letter-spacing: 2px;
    font-family: "Georgia";
  }
  .single-post #content a {
    color: #323232;
  }
  .single-post .entry-content {
    padding-top: 20px;
  }
  .single-post .navigation {
    padding-top: 20px;
  }
  #sidebar h3 {
    background: #415c50;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
      "Hiragino Mincho Pro", "serif";
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
    padding: 5px 0;
  }
  #categories-2 {
    padding-bottom: 20px;
  }
  #categories-2 ul li {
    margin-bottom: 5px;
  }
  #categories-2 ul li a {
    display: block;
    text-align: center;
    width: 200px;
    padding: 5px 0;
    border-radius: 5px;
    color: #fff;
    margin: auto;
  }
  #categories-2 ul li:first-child a {
    background: #e83842;
  }
  #categories-2 ul li:nth-child(2) a {
    background: #6a748b;
  }
  #categories-2 ul li:nth-child(3) a {
    background: #595fad;
  }
  #categories-2 ul li:nth-child(4) a {
    background: #aaa;
  }
  #recent-posts-2 ul li a {
    color: #323232;
    font-size: 14px;
  }
  #all_list a {
    background: #555;
    display: block;
    text-align: center;
    width: 200px;
    padding: 5px 0;
    border-radius: 5px;
    color: #fff;
    margin: 0 auto 5px;
  }
  #recent-posts-2 ul li {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .navigation {
    display: flex;
  }
  .navigation a {
    color: #fff;
    font-size: 14px;
    display: block;
    padding: 4% 2%;
    margin: 2%;
    background: #eee;
  }
  .navigation a:hover {
    background: #415c50;
    color: #fff !important;
  }
  .nav-previous,
  .nav-next {
    width: 50%;
  }
  #page {
    display: table;
    margin: 5% auto 0;
  }
  #page .page-numbers {
    color: rgb(112, 112, 112);
    display: inline-block;
    text-align: center;
    font-weight: bold;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
      "Hiragino Mincho Pro", serif;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(112, 112, 112);
    border-image: initial;
    padding: 15px 20px;
    margin: 0px 5px;
  }
  #page a:hover.page-numbers,
  #page .current {
    background: #707070;
    color: #fff;
  }
  /*LPテンプレート*/
  .page-template-page-lp .entry-content {
    padding-top: 0;
  }
  .page-template-page-lp .entry-content #mainvisual {
    position: relative;
  }
  .page-template-page-lp .entry-content #mainvisual img {
    width: 100%;
    height: auto;
  }
  .page-template-page-lp .entry-content #mainvisual .overlayBnr img {
    width: 120px;
    height: auto;
  }
  .page-template-page-lp .entry-content #mainvisual .overlayBnr {
    position: absolute;
    top: 10px;
    right: 10px;
  }
  .page-template-page-lp .entry-content .box {
    width: 890px;
    margin: 0 auto 50px;
    background: url(../images/bg/02.png) no-repeat bottom center;
  }
  .page-template-page-lp .entry-content .box p {
    padding: 10px;
    text-align: center;
  }
  .page-template-page-lp .entry-content #toptext.box {
    width: 1050px;
    margin: auto;
    background: url(../images/bg/01.png) no-repeat top center;
    text-align: center;
    padding: 66px 0 89px;
  }
  .page-template-page-lp .entry-content #toptext.box p {
    font-size: 18px;
    color: #323232;
    font-weight: bold;
    line-height: 2.5;
    text-align: center;
    background: #ffec05;
    display: inline;
    padding: 6px;
  }
  .page-template-page-lp .entry-content .box h2 {
    font-size: 30px;
    padding-bottom: 20px;
  }
  .page-template-page-lp .entry-content .box .bnr_01 {
    text-align: center;
  }
  .page-template-page-lp .entry-content .item {
    background: #fff url(../images/bg/04.png) no-repeat 0 0;
    background-size: 100%;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    padding: 20px 0;
  }
  .page-template-page-lp .entry-content .item h3 {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
  }
  .page-template-page-lp .entry-content .item ul {
    padding: 25px;
  }
  .page-template-page-lp .entry-content .item ul li {
    width: 264px;
    float: left;
    text-align: center;
    box-sizing: border-box;
    padding-bottom: 20px;
  }
  .page-template-page-lp .entry-content .item ul li:nth-child(2),
  .page-template-page-lp .entry-content .item ul li:nth-child(5),
  .page-template-page-lp .entry-content .item ul li:nth-child(8),
  .page-template-page-lp .entry-content .item ul li:nth-child(11) {
    margin: 0 23px;
  }
  .page-template-page-lp .entry-content .item ul li a {
    color: #323232;
    font-size: 16px;
    font-weight: bold;
  }
  .page-template-page-lp .entry-content .item ul li p span {
    display: block;
    text-align: center;
    font-size: 14px;
  }
  .page-template-page-lp .entry-content .item ul li img {
    width: 100%;
  }
  .page-template-page-lp .entry-content .item .bnr_03 {
    text-align: center;
  }

  .page-template-page-lp .entry-content .box .left {
    float: left;
    width: 450px;
    font-size: 14px;
  }
  .page-template-page-lp .entry-content .box .left li {
    padding-bottom: 10px;
  }
  .page-template-page-lp .entry-content .box .left li p {
    text-align: left;
    padding: 0;
  }
  .page-template-page-lp .entry-content .box .left li a {
    display: inline-block;
    background: #33b56a;
    padding: 3px 10px;
    color: #fff;
  }

  .page-template-page-lp .entry-content .box .right {
    float: right;
  }
  .page-template-page-lp .entry-content #map .inner {
    overflow: hidden;
    padding-bottom: 50px;
  }
  .page-template-page-lp .entry-content .bottom0 {
    padding-bottom: 0;
  }

  .page-template-page-lp .entry-content #map {
    background: #eee;
    padding: 30px;
    border-radius: 5px;
    width: 830px;
  }

  .page-template-page-lp .entry-content #map h2 {
    background: #33b56a;
    color: #fff;
    line-height: 1;
    padding: 20px 0;
    margin-bottom: 30px;
    border-radius: 5px;
  }

  .page-template-page-lp .entry-content #map .left ul li:last-child {
    text-align: right;
  }

  .page-template-page-lp .entry-content #map .left h3 {
    font-size: 25px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 10px;
  }

  .page-template-page-lp .entry-content .leftright {
    display: flex;
  }
  .page-template-page-lp .entry-content .leftright li {
    margin: 6px;
  }
  .page-template-page-lp .entry-content .image {
    text-align: center;
  }

  .underdot {
    text-align: center;
  }
  .underdot p {
    border-bottom: 2px dotted;
    display: inline;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
      "Hiragino Mincho Pro", "serif";
    line-height: 2;
    padding-bottom: 5px;
    font-size: 22px;
    font-weight: bold;
  }

  #other_box h2 {
    font-size: 18px;
    background: #ca2628;
    color: #fff;
    padding: 10px 0;
    width: 400px;
    margin: auto;
    position: relative;
  }

  #ahref {
    background: #eee;
    padding: 50px;
    margin: -25px auto 0;
    width: 600px;
    font-size: 14px;
  }
  #ahref li {
    padding-bottom: 10px;
    text-align: center;
  }
  #ahref a {
    color: #333;
    font-weight: bold;
  }

  .buybtn a {
    background: #ff3232;
    color: #fff;
    display: block;
    text-align: center;
    width: 300px;
    font-size: 20px;
    padding: 15px 0;
    margin: 30px auto 50px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
      "Hiragino Mincho Pro", "serif";
  }

  /*gallery*/
  #gallery-1 img {
    border: none !important;
    width: 100%;
    height: auto;
  }
  .gallery-item {
    margin: 3px;
    float: left;
  }
  #gallery-1 .gallery-item {
    width: 31% !important;
    margin: 1% !important;
  }

  #gallery-3 img {
    width: 290px;
    height: auto;
    border: none !important;
  }

  .post-type-archive .box > h3 {
    font-size: 20px;
    padding: 30px 0 10px;
  }

  /*着物・和雑貨*/
  .thumb {
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .post-type-archive-kimono .entry-content ul li,
  .post-type-archive-wazakka .entry-content ul li,
  .post-type-archive-omatsuri .entry-content ul li,
  .page-template-page-category .entry-content ul li {
    float: left;
    width: 276px;
    margin: 10px;
  }
  .post-type-archive-kimono .entry-content ul li img,
  .post-type-archive-wazakka .entry-content ul li img,
  .post-type-archive-omatsuri .entry-content ul li img,
  .page-template-page-category .entry-content ul li img {
    width: 100%;
    height: auto;
  }

  /*商品カテゴリ*/
  .category_box ul li {
    float: left;
    width: 280px;
    margin: 8px;
    background: #e2dfd9;
  }
  .category_box ul li:nth-child(3n + 1) {
    clear: both;
  }
  .category_box ul li .box_inner {
    padding: 10px 0 15px;
    min-height: 7.5em;
  }
  .category_box ul li .box_inner p {
    text-align: center;
  }
  .category_box > p {
    padding-bottom: 2em;
  }
  .category_box ul li .box_inner p.title {
    font-weight: bold;
    font-size: 14px;
    height: 3em;
  }
  .category_box ul li .box_inner p.price {
    font-size: 16px;
    font-weight: bold;
    background: #fff;
    width: 260px;
    margin: auto;
    padding: 5px 0;
  }

  .category_box ul li .box_inner a img {
    width: 25px;
    padding-right: 5px;
  }
  .category_box ul li .box_inner a {
    text-align: center;
    display: block;
    background: #99cecc;
    color: #fff;
    width: 200px;
    padding: 5px 0;
    margin: 10px auto 0;
    border: 2px solid #99cecc;
  }
  .category_box ul li .box_inner a:hover {
    background: #a9e3e1;
  }
  #category_mainvisual img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  .gallery_btn a {
    display: block;
    width: 200px;
    color: #fff;
    background: #85a1a0;
    text-align: center;
    padding: 5px 0;
    margin-left: 100px;
  }
  #onlinebn {
    width: 1050px;
    margin: auto;
  }

  #onlinebn img {
    width: 100%;
    height: auto;
  }
  .list_link_btn a {
    color: #415c50;
    padding: 20px 0;
    line-height: 1;
    width: 300px;
    display: block;
    text-align: center;
    margin: auto;
    border: 2px solid #415c50;
    font-weight: bold;
  }

  .list_link_btn a:hover {
    background: #415c50;
    color: #fff;
  }
  /*コンタクト*/
  #contact ul {
    overflow: hidden;
  }
  #contact > ul > li {
    overflow: hidden;
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #ccc;
  }
  #contact .left {
    float: left;
    width: 300px;
  }

  #contact .left h4 {
    font-size: 35px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
      "Hiragino Mincho Pro", "serif";
  }
  #contact .left h4 span {
    display: block;
    font-size: 14px;
  }
  #contact .right {
    float: right;
    width: 500px;
  }
  #contact .right img {
    width: 40px;
    padding-right: 10px;
  }
  #contact .right a {
    font-size: 35px;
    line-height: 1;
    color: #415c4f;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
      "Hiragino Mincho Pro", "serif";
  }

  /*お問い合わせ*/
  form {
    margin: 50px 0;
  }
  form ul li {
    display: flex;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
  }
  form ul li h4 {
    width: 150px;
    padding: 11px 0;
    line-height: 1;
    font-weight: bold;
    text-align: center;
  }
  form ul li.address p {
    margin-right: 5px;
  }
  form ul li .postal-code input {
    width: 80px;
  }
  form ul li .address1 input {
    width: 100px;
  }
  form ul li .address3 input {
    width: 231px;
  }
  form ul li input {
    height: 3em;
    width: 450px;
  }
  form ul li textarea {
    width: 455px;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }
  .wpcf7-submit,
  .wpcf7-confirm {
    background: red;
    color: #fff;
    width: 300px;
    padding: 10px 0;
    margin: auto;
    display: block;
  }
  h3.wpcf7c-elm-step2 {
    padding-top: 300px;
    margin-top: -300px;
  }
  p.wpcf7c-elm-step2 {
    padding-bottom: 10px;
  }
  form ul {
    width: 610px;
    margin: auto;
  }
  #contact > p {
    text-align: center;
  }
  #company table {
    margin: auto;
  }
  #company tr {
    padding-bottom: 5px;
    display: block;
  }
  #company th {
    color: #fff;
    font-weight: bold;
    width: 200px;
    padding: 10px 0;
    text-align: center;
    vertical-align: middle;
    background: rgba(51, 181, 106, 0.8);
  }
  #company td {
    vertical-align: middle;
    width: 500px;
    padding: 10px;
    background: rgba(238, 238, 238, 0.8);
  }
  #company td a {
    color: #333;
  }

  #page-top {
    position: fixed;
    bottom: 5%;
    right: 5%;
    font-size: 12px;
  }
  #page-top a {
    background: #85a1a0;
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    font-weight: bold;
    border: 2px solid #fff;
  }

  .image_hover {
    width: 276px;
    height: 276px;
    overflow: hidden;
    margin: 10px 8px 10px 16px;
    position: relative; /* 相対位置指定 */
  }
  .image_hover .caption {
    font-size: 20px;
    text-align: center;
    margin: 120px auto 0;
    color: #000;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
      "Hiragino Mincho Pro", "serif";
    font-weight: bold;
    background: #33b56a;
    width: 200px;
    padding: 5px 0;
  }
  .image_hover .mask {
    width: 100%;
    height: 100%;
    position: absolute; /* 絶対位置指定 */
    top: 0;
    left: 0;
    opacity: 0; /* マスクを表示しない */
    background-color: rgba(255, 255, 255, 0.4); /* マスクは半透明 */
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
  }
  .image_hover:hover .mask {
    opacity: 1; /* マスクを表示する */
  }

  #yt {
    width: 1050px;
    margin: 0 auto;
  }

  #media {
    padding-top: 60px;
  }

  .mediaInner {
    width: 930px;
    margin: 0 auto;
  }

  #media h2 {
    text-align: center;
    font-size: 18px;
  }

  .mediaTabs {
    display: flex;
    margin-top: 40px;
  }

  .mediaTab {
    width: 220px;
    padding: 14px 0;
    font-size: 14px;
    text-align: center;
    opacity: 0.5;
    cursor: pointer;
  }

  .mediaTab.active {
    opacity: 1;
  }

  .mediaTab.isGreen {
    color: #fff;
    background-color: #839e9d;
  }

  .mediaTab.isPink {
    color: #000;
    background-color: #eecce1;
  }

  .mediaContent {
    background-color: #f5f5f5;
    padding: 40px 70px;
  }

  .mediaContentItem {
    display: flex;
    padding-bottom: 20px;
    border-bottom: 1px dotted #839e9d;
  }

  .mediaContentItem:not(:first-of-type) {
    margin-top: 30px;
  }

  .mediaContentList {
    display: none;
  }

  .mediaTime,
  .mediaTitle > a {
    color: #000;
    font-size: 14px;
  }

  .mediaTime {
    width: 130px;
  }

  .mediaTitle {
    width: calc(100% - 130px);
  }

  .mediaTitle:hover {
    opacity: 0.7;
  }

  #gonomi {
    margin-top: 50px;
  }

  .gonomiInner {
    width: 830px;
    margin: 0 auto;
    background-color: #f5f5f5;
    padding: 25px 75px 20px;
    box-sizing: border-box;
  }

  .gonomiHead {
    display: flex;
    align-items: center;
    justify-content: right;
  }

  .gonomiHead h2 {
    margin-right: 40px;
    font-size: 31px;
  }

  .gonomiHead p {
    width: 440px;
    font-size: 12px;
    line-height: 2;
  }

  .gonomiList {
    margin-top: 35px;
    display: flex;
    justify-content: center;
  }

  .gonomiItem {
    width: 110px;
  }

  .gonomiItem:not(:first-of-type) {
    margin-left: 70px;
  }

  .carousel-pc {
    display: none;
  }
}

/*===============================================
●smart.css  画面の横幅が750pxまで
===============================================*/
@media screen and (max-width: 750px) {
  #content {
    overflow: hidden;
  }
  .pc {
    display: none;
  }
  img {
    width: 100%;
    height: auto;
  }

  h1 {
    font-size: 10px;
    padding: 5px;
    color: #323232;
  }
  #mobile-head {
    overflow: hidden;
  }
  #branding {
    padding: 0 2%;
  }

  .mobile-head-content {
    display: flex;
    padding: 0 5px;
  }

  .mobile-head-content #branding {
    align-items: flex-end;
    display: flex;
  }

  .mobile-head-content > ul {
    margin-left: auto;
  }

  #mobile-head .langrage-toggle {
    padding: 0;
    display: block;
    margin-left: 20px;
  }

  .langrage-toggle .header_linkbtn.isPink {
    margin-top: 5px;
  }

  .langrage-toggle .header_linkbtn.isPink a {
    border-color: #bd2f8b;
  }

  /*　ハンバーガーメニュー　*/
  .inner:after {
    content: "";
    clear: both;
    display: block;
  }

  .sub-menu {
    display: none;
  }

  /* header */
  #top-head {
    top: -100px;
    position: absolute;
    width: 100%;
    margin: 100px auto 0;
    padding: 30px 0 0;
    line-height: 1;
    z-index: 999;
  }
  #top-head a,
  #top-head {
    color: #fff;
    text-decoration: none;
  }
  #top-head .inner {
    position: relative;
  }
  #top-head .logo {
    float: left;
    font-size: 36px;
  }
  #global-nav ul {
    list-style: none;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 14px;
  }
  #global-nav ul li {
    float: left;
  }
  #global-nav ul li a {
    padding: 0 30px;
  }

  /* Fixed */
  #top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    padding-top: 10px;
    height: 55px;
    background: #fff;
    background: rgba(255, 255, 255, 0.7);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
  }
  #top-head.fixed .logo {
    font-size: 24px;
    color: #333;
  }
  #top-head.fixed #global-nav ul li a {
    color: #333;
    padding: 0 20px;
  }

  /* Toggle Button */
  #nav-toggle {
    display: none;
    width: 40px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
    padding: 5px;
    z-index: 9999;
  }
  #nav-toggle div {
    position: relative;
  }
  #nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #323232;
    left: 0;
    -webkit-transition: 0.35s ease-in-out;
    -moz-transition: 0.35s ease-in-out;
    transition: 0.35s ease-in-out;
  }
  #nav-toggle span:nth-child(1) {
    top: 0;
  }
  #nav-toggle span:nth-child(2) {
    top: 13px;
  }
  #nav-toggle span:nth-child(3) {
    top: 27px;
  }

  /* ナビ */
  #top-head,
  .inner {
    width: 100%;
    padding: 0;
  }
  #top-head {
    top: 0;
    position: fixed;
    margin-top: 0;
  }
  /* Fixed reset */
  #top-head.fixed {
    padding-top: 0;
    background: transparent;
  }
  #mobile-head {
    background: #fff;
    width: 100%;
    z-index: 999;
    position: relative;
    padding-bottom: 10px;
  }
  #top-head.fixed .logo,
  #top-head .logo {
    position: absolute;
    left: 2%;
    top: 8%;
    width: 80px;
  }
  #global-nav {
    position: absolute;
    /* 開いてないときは画面外に配置 */
    top: -483px;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    text-align: center;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    z-index: 9;
  }

  #global-nav ul li a p {
    text-align: center;
  }
  #global-nav ul {
    list-style: none;
    position: static;
    right: 0;
    bottom: 0;
    font-size: 14px;
  }
  #global-nav ul li {
    float: none;
    position: static;
    border-bottom: 1px solid #fff;
  }

  #global-nav ul li:last-child {
    border-bottom: none;
  }
  #top-head #global-nav ul li a,
  #top-head.fixed #global-nav ul li a {
    display: block;
    color: #fff;
    padding: 15px 0;
    margin: 0 0 0 2%;
    text-align: center;
  }
  #nav-toggle {
    display: block;
  }
  /* #nav-toggle 切り替えアニメーション */
  .open #nav-toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
  }
  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  .open #nav-toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
  }
  /* #global-nav スライドアニメーション */
  .open #global-nav {
    /* #global-nav top + #mobile-head height */
    -moz-transform: translateY(556px);
    -webkit-transform: translateY(556px);
    transform: translateY(556px);
  }
  #mobile-head > ul > li:nth-child(2) {
    width: 50px;
  }

  #mobile-head > ul > li {
    float: left;
    width: 15%;
    padding-left: 3%;
  }

  #mobile-head > ul {
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 18px;
    width: 190px;
  }

  #logo {
    width: 140px;
  }

  #CDSWIDFRR {
    font: normal 11px Verdana, "Bitstream Vera Sans", Arial, Helvetica,
      sans-serif;
    color: #000;
    background-color: #fff;
    overflow: hidden;
    width: 148px;
    margin: 10px auto;
    padding: 0 0 8px;
    text-align: center;
    position: relative;
    border: 1px solid;
    border-radius: 12px;
    border-color: #e5e5e5;
    border-top-color: transparent;
  }
  #CDSWIDFRR .top-background.white {
    background-color: #eee;
  }
  #CDSWIDFRR .top-background {
    width: 150px;
    height: 58px;
    margin-bottom: 6px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
  }

  #CDSWIDFRR .widFRRImages a img.taText {
    margin-left: -27px;
    margin-top: 1px;
    width: 127px;
  }

  #CDSWIDFRR .widFRRImages a img {
    float: left;
    width: 30px;
  }

  #CDSWIDFRR .widFRRHeadline {
    position: absolute;
    top: 9px;
    width: 150px;
    font-weight: bold;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
  }
  #CDSWIDFRR .widFRRHeadline .grayText {
    color: #333;
    font-weight: bold;
    display: block;
    text-align: center;
  }
  #CDSWIDFRR .widFRRImages {
    position: absolute;
    left: 8px;
    top: 29px;
  }
  #CDSWIDFRR var.widFRRCopy {
    display: block;
    padding: 0 8px;
    background-color: #fff;
    font: normal bold 11px Verdana, "Bitstream Vera Sans", Arial, Helvetica,
      sans-serif;
    text-align: center;
  }
  #CDSWIDFRR var.widFRRCopy a {
    color: #000;
    text-decoration: underline;
    font-size: 11px;
    font-weight: bold;
    background-color: transparent;
    margin: 0;
    padding: 0;
  }

  #container {
    padding-top: 70px;
  }

  /*メインビジュアル*/

  #mainbox {
    position: relative;
    width: 95%;
    margin: 2.5% auto 0;
  }

  #mainbox::after {
    content: "";
    width: 100vw;
    height: calc(100% + 10%);
    background-color: #fff;
    position: absolute;
    top: -5%;
    left: 50%;
    transform: translateX(-50%);
  }

  #mainbox .text_box {
    position: relative;
    z-index: 2;
    background: #fff;
    border: 1px solid #bd2f8b;
    padding: 10px;
  }
  #mainbox .text_box:first-of-type {
    display: none;
  }
  #mainbox .text_box h2 {
    color: #000;
    font-size: 16px;
    padding-top: 0;
    padding-bottom: 10px;
    text-align: center;
  }
  #mainbox .text_box p {
    background: #e3e0d9;
    color: #323232;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    padding: 5px 0;
  }

  #chirashi {
    overflow: hidden;
  }

  #chirashi ul li {
    width: 180px;
    margin: 0 auto;
  }

  #chirashi ul li:last-of-type {
    margin-top: 10px;
  }

  .text_box ul.list li {
    background: #e3e0d9;
    margin-bottom: 2%;
    padding: 2%;
  }
  .text_box ul.list li h4 {
    line-height: 1.4;
    font-weight: bold;
  }
  .text_box ul.list li a {
    color: #333;
    font-size: 14px;
  }
  .text_box ul.list li:hover {
    background: rgba(255, 255, 255, 0.2);
  }
  .text_box ul.list li span {
    font-size: 12px;
  }

  /*コンテンツ*/
  h2 {
    font-size: 25px;
    padding-top: 5%;
    text-align: center;
    padding-bottom: 2%;
  }

  #inner_wrapper #h2_box {
    padding-bottom: 5%;
  }

  #inner_wrapper #h2_box span.garamond {
    display: block;
    text-align: center;
    font-size: 14px;
    letter-spacing: 2px;
    font-family: "Georgia";
  }
  #inner_wrapper h3.entry-title a {
    color: #323232;
  }
  #inner_wrapper #content header {
    padding-bottom: 4%;
  }

  .box {
    width: 95%;
    margin: auto;
    padding-bottom: 10%;
    overflow: hidden;
  }
  .box2 {
    width: 95%;
    margin: auto;
    overflow: hidden;
  }
  .p-top {
    padding-top: 10px;
  }

  .single #content,
  body.blog #content {
    width: 95%;
    margin: auto;
  }

  #content h3,
  .category #content h3 {
    font-size: 20px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 10px;
    font-family: "Sawarabi Mincho";
  }

  /*おすすめ商品*/
  #recommend ul li {
    padding-bottom: 1%;
  }

  /*取り扱い商品*/
  #toriatukai {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .frontPage #toriatsukai {
    padding-top: 35px;
    width: 100%;
  }

  .frontPage #toriatsukai::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    background: url(../images/bg.png) no-repeat center center / cover;
    z-index: 0;
  }

  #toriatsukai h2 {
    padding-top: 0;
  }

  #toriatsukai .container {
    position: relative;
    z-index: 2;
    width: 95%;
    margin: 0 auto;
  }

  .frontPage #toriatsukai.box {
    margin-top: 5%;
    position: relative;
    padding-bottom: 0;
    width: 100%;
  }

  #toriatsukai p {
    font-size: 14px;
    line-height: 1.8;
  }

  #toriatsukai ul {
    width: 66%;
    margin: 30px auto 0;
  }

  #toriatsukai ul > li:not(:first-of-type) {
    margin-top: 13px;
  }

  /*お知らせ*/

  #info {
    background: #e3e0d9;
    width: 100%;
  }

  #info .inner {
    width: 95%;
    margin: auto;
    padding-top: 5%;
  }

  #info h2 {
    color: #323232;
  }

  .list_box > img {
    width: 20%;
  }

  #info ul.list {
    padding-top: 2%;
  }

  #info ul.list li {
    padding-bottom: 5%;
    margin-bottom: 5%;
    border-bottom: 1px solid #ccc;
  }

  #info .list_box h4 a {
    padding-top: 2%;
    color: #323232;
    display: block;
    font-size: 14px;
    font-weight: bold;
  }

  .list_box .date {
    font-size: 12px;
    font-weight: bold;
  }

  #info #catelist {
    overflow: hidden;
    padding-top: 0;
  }

  #info #catelist li a {
    color: #fff;
    display: block;
    padding: 2% 1%;
    font-size: 14px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
      "Hiragino Mincho Pro", "serif";
    width: 100%;
    text-align: center;
  }

  #info #catelist li {
    margin: 1% 2%;
    width: 45%;
    float: left;
    padding: 0%;
  }

  #info #catelist li:nth-child(1) a {
    background: #555;
    border: 2px solid #555;
  }

  #info #catelist li:nth-child(2) a {
    background: #e83842;
    border: 2px solid #e83842;
  }
  #info #catelist li:nth-child(3) a {
    background: #6a748b;
    border: 2px solid #6a748b;
  }
  #info #catelist li:last-child a {
    background: #595fad;
    border: 2px solid #595fad;
  }

  /*特集*/

  #tokushu {
    padding-top: 10%;
    width: 100%;
  }
  .bnbg {
    position: relative;
  }
  .overlayBnr {
    position: absolute;
    right: 2%;
    width: 20%;
    bottom: 4%;
  }

  /*田巻屋の歴史*/

  #history.box {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
  }

  #history h2 {
    padding-top: 0;
  }

  #history::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 95vw;
    background: url(../images/home/history-sp.png) no-repeat center center /
      cover;
  }

  #history h2 {
    color: #323232;
  }
  #history p {
    text-align: center;
  }

  .history__bottom {
    background-color: #fff;
    padding-top: 5%;
  }

  /*店舗のご案内*/

  #store {
    width: 100%;
  }
  #store h2 {
    background: #839e9d;
    text-align: center;
    padding: 15px 0;
    color: #fff;
    font-size: 24px;
  }
  #store h2 span {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: 2px;
    font-family: "Georgia";
  }

  #store ul li {
    position: relative;
  }
  #store ul li .box {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    padding: 20% 5%;
    top: 10%;
    left: 5%;
    width: 80%;
    text-align: center;
  }

  #store ul li:first-child .box img {
    width: 54.4%;
  }
  #store ul li:last-child .box img {
    width: 39.8%;
  }

  /*iglogo*/
  .insta-area ul {
    overflow: hidden;
  }
  .insta-area li {
    width: 48%;
    margin: 1%;
    float: left;
  }

  .btn_more-area a {
    clear: both;
    display: block;
    text-align: center;
    border: 2px solid #323232;
    width: 150px;
    color: #323232;
    padding: 10px 0;
    font-weight: bold;
    font-size: 14px;
    margin: 2% auto 0;
  }

  #footer .bn > ul {
    width: 75%;
    margin: 0 auto;
    padding-bottom: 50px;
    text-align: center;
  }

  #footer .bn > ul > li {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
  }

  #footer .bn > ul > li:not(:first-of-type) {
    margin-top: 20px;
  }
  /* #footer .bn > ul > li:last-child a {
    border: 2px solid #2ea985;
    display: block;
  }
  #footer .bn > ul > li:last-child a img {
    width: 90%;
    margin: auto;
    display: block;
  } */
  .bn > ul > li p {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    text-decoration: underline;
    padding-top: 5%;
  }
  #footer .bn ul li img {
    width: 100%;
    height: auto;
  }

  #footer_nav {
    background: rgba(0, 0, 0, 0.5);
    padding: 2% 0;
    margin: 0 0 5%;
    display: none;
  }
  #footer .breadcrumbs {
    margin-bottom: 4%;
    margin-top: 4%;
  }
  #footer_nav ul {
    width: 95%;
    margin: auto;
  }
  #footer_nav li a {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
    padding: 2% 0;
    margin: 1% 0;
    font-size: 14px;
  }
  #footer_contact img {
    width: 50%;
    margin: auto;
    display: block;
  }

  #footer_contact_kotei,
  .footer_cta {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
  }

  #footer_contact_kotei ul {
    display: flex;
    justify-content: center;
    padding-bottom: 2px;
  }

  #footer_contact_kotei li {
    width: calc((100% - 2px) / 3);
    max-width: 160px;
  }

  #footer_contact_kotei li:not(:first-of-type) {
    margin-left: 1px;
  }

  #footer_contact_kotei li a {
    display: block;
  }

  .footer_cta {
    display: grid;
    grid-template-columns: 33.33% 33.33% 33.33%;
  }

  .footer_cta a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px;
  }

  .footer_cta a img {
    max-width: 100%;
    width: auto;
    height: 25px;
  }

  .footer_cta a span {
    color: #fff;
    width: 100%;
    text-align: center;
    display: block;
    font-size: 11px;
    margin-top: 5px;
  }

  .footer_cta a.contact {
    background: #849e9d;
  }

  .footer_cta a.calender {
    background: #bd2f8b;
  }

  .footer_cta a.line {
    background: #31c35a;
  }

  .footer_cta a.line img {
    height: 30px;
  }

  #footer_company a {
    width: 50%;
  }

  #copyright {
    padding: 4% 0 calc(80px + 56px + 4%);
    text-align: center;
    font-size: 10px;
  }

  /*下層コンテンツ*/
  .page-template-page-template .entry-content {
  }
  .page-template-page-template h2,
  .archive h2 {
    padding-bottom: 20px;
  }
  .page-template-page-template h2 span,
  .archive h2 span {
    display: block;
    text-align: center;
    font-size: 14px;
    letter-spacing: 2px;
    font-family: "Georgia";
    line-height: 1;
  }

  .page-template-page-template .entry-content h3 {
    font-size: 22px;
    border-bottom: 3px double #323232;
    padding-bottom: 5px;
    margin-bottom: 20px;
    line-height: 1;
  }

  .page-template-page-template .entry-content p.name {
    color: #595757;
    font-size: 20px;
    text-align: right;
  }

  #message table {
    border: 1px solid #e3e0d9;
  }

  #message table th {
    background: #e3e0d9;
    padding: 1% 2%;
    vertical-align: middle;
    font-size: 14px;
    width: 38%;
    letter-spacing: 1px;
  }

  #message table td {
    padding: 10px 10px 10px 20px;
  }

  #message #kaicho.box {
    background: #e3e0d9;
    overflow: hidden;
    margin-bottom: 10%;
    padding: 5% 0 0;
    width: 100%;
  }
  #message #kaicho.box .left {
    width: 85%;
    margin: auto;
  }
  #message #kaicho.box .right p {
    padding: 5%;
  }
  #message #kaicho.box .left img {
    padding-bottom: 2%;
  }
  #message #kaicho.box .left .name {
    text-align: left;
  }
  #message #kaicho.box .right p {
    line-height: 2;
    font-size: 16px;
  }

  .page-template-page-template .entry-content #kasou_mainvisual {
    width: 100%;
  }

  /*パンくず*/

  .breadcrumbs {
    font-size: 14px;
    margin-bottom: 4%;
    padding: 1%;
  }

  /*shop*/
  #shop .box {
    padding-bottom: 15%;
  }
  #shop .section .container {
    overflow: hidden;
    padding-top: 20px;
  }
  #shop .section .container .left {
    padding-bottom: 2%;
  }
  #shop .section .container .left p {
    font-size: 14px;
  }
  #shop .section .container .left h5 {
    color: #000;
    font-size: 20px;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
  }

  #sidebar {
    width: 95%;
    margin: auto;
  }
  #sidebar h3 {
    background: #415c50;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
      "Hiragino Mincho Pro", "serif";
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
    padding: 5px 0;
  }
  #categories-2 {
    padding-bottom: 5%;
  }
  #categories-2 ul li {
    margin-bottom: 5px;
  }

  #categories-2 ul li a {
    display: block;
    text-align: center;
    width: 80%;
    padding: 5px 0;
    border-radius: 5px;
    color: #fff;
    margin: auto;
  }
  #categories-2 ul li:nth-child(1) a {
    background: #e83842;
  }
  #categories-2 ul li:nth-child(2) a {
    background: #6a748b;
  }
  #categories-2 ul li:nth-child(3) a {
    background: #595fad;
  }
  #categories-2 ul li:nth-child(4) a {
    background: #aaa;
  }
  #recent-posts-2 ul li a {
    color: #323232;
    font-size: 14px;
  }
  #all_list a {
    background: #555;
    display: block;
    text-align: center;
    width: 80%;
    padding: 5px 0;
    border-radius: 5px;
    color: #fff;
    margin: 0 auto 5px;
  }

  #recent-posts-2 ul li {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }

  .navigation {
    margin: 5% 0;
  }
  .navigation a {
    font-size: 14px;
    display: block;
    padding: 2%;
    margin: 2%;
    background: #eee;
    color: #323232;
  }

  .nav-previous,
  .nav-next {
    width: 90%;
    margin: auto;
  }

  .category #content {
    width: 95%;
    margin: auto;
  }

  .category #content article,
  body.blog #content article {
    padding-bottom: 15%;
  }

  #page {
    display: table;
    margin: 5% auto;
    width: 100%;
  }
  #page .page-numbers {
    color: rgb(112, 112, 112);
    display: inline-block;
    text-align: center;
    font-weight: bold;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
      "Hiragino Mincho Pro", serif;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(112, 112, 112);
    border-image: initial;
    padding: 2% 4%;
    margin: 5px;
  }
  #page a:hover.page-numbers,
  #page .current {
    background: #707070;
    color: #fff;
  }

  /*LPテンプレート*/

  .page-template-page-lp .entry-content {
    padding-top: 0;
  }
  .page-template-page-lp .entry-content #mainvisual {
    position: relative;
  }
  .page-template-page-lp .entry-content #mainvisual .overlayBnr img {
    width: 70px;
    height: auto;
  }
  .page-template-page-lp .entry-content #mainvisual .overlayBnr {
    position: absolute;
    bottom: 4%;
    right: 1%;
  }

  .page-template-page-lp .entry-content .box {
    width: 100%;
    background: url(../images/bg/02.png) no-repeat bottom center;
    background-size: contain;
  }
  .page-template-page-lp .entry-content .box p {
    padding: 2%;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
  }
  .page-template-page-lp .entry-content #toptext.box {
    width: 100%;
    margin: auto;
    background: url(../images/bg/01.png) no-repeat top center;
    text-align: center;
    padding: 5% 0 10%;
    background-size: contain;
  }

  .page-template-page-lp .entry-content #toptext.box p {
    font-size: 14px;
    color: #323232;
    font-weight: bold;
    line-height: 2.5;
    text-align: center;
    background: #ffec05;
    display: inline;
    padding: 6px;
  }

  .page-template-page-lp .entry-content .box h2 {
    font-size: 20px;
  }
  .page-template-page-lp .entry-content .box .bnr_01 {
    text-align: center;
    width: 95%;
    margin: auto;
  }
  .page-template-page-lp .entry-content .item {
    background: #fff url(../images/bg/04.png) no-repeat 0 0;
    background-size: 100%;
    width: 95%;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    padding: 4% 2%;
    margin: auto;
  }
  .page-template-page-lp .entry-content .item h3 {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
  }
  .page-template-page-lp .entry-content .item ul {
    overflow: hidden;
  }
  .page-template-page-lp .entry-content .item ul li {
    width: 48%;
    float: left;
    text-align: center;
    box-sizing: border-box;
    padding-bottom: 20px;
    margin: 1%;
    height: 15em;
  }
  .page-template-page-lp .entry-content .item ul li a {
    color: #323232;
    font-size: 16px;
    font-weight: bold;
  }
  .page-template-page-lp .entry-content .item ul li p span {
    display: block;
    text-align: center;
    font-size: 14px;
  }
  .page-template-page-lp .entry-content .item ul li img {
    width: 100%;
  }
  .page-template-page-lp .entry-content .item .bnr_03 {
    text-align: center;
  }
  .page-template-page-lp .entry-content .box .left li {
    padding-bottom: 5px;
    margin-bottom: 5%;
  }
  .page-template-page-lp .entry-content .box .left li p {
    font-size: 14px;
    text-align: left;
    padding: 0;
    font-weight: normal;
  }
  .page-template-page-lp .entry-content .box .left li a {
    display: inline-block;
    background: #ccc;
    padding: 3px 10px;
    color: #fff;
  }
  .page-template-page-lp .entry-content .box .left li:last-child a {
    background: #33b56a;
  }
  .page-template-page-lp .entry-content #map .inner {
    overflow: hidden;
    padding-bottom: 50px;
  }

  .page-template-page-lp .entry-content #map {
    background: #eee;
    padding: 3%;
    border-radius: 5px;
    width: 88%;
  }

  .page-template-page-lp .entry-content #map h2 {
    background: #33b56a;
    color: #fff;
    line-height: 1;
    padding: 20px 0;
    margin-bottom: 30px;
    border-radius: 5px;
  }

  .page-template-page-lp .entry-content #map .left ul li:last-child {
    text-align: right;
  }
  .page-template-page-lp .entry-content #map .left h3 {
    font-size: 20px;
    border-bottom: 1px dashed #ccc;
    margin-bottom: 10px;
  }
  .pc.image {
    margin-top: -5%;
  }
  .page-template-page-lp .entry-content .bottom0 {
    margin-top: 10%;
  }

  .underdot {
    text-align: center;
    margin: 2% 0;
  }
  .underdot p {
    border-bottom: 2px dotted;
    display: inline;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
      "Hiragino Mincho Pro", "serif";
    line-height: 2;
    padding-bottom: 5px;
    font-size: 14px !important;
    font-weight: bold;
  }

  #other_box h2 {
    font-size: 16px;
    background: #ca2628;
    color: #fff;
    padding: 10px 0;
    width: 80%;
    margin: auto;
    position: relative;
  }

  #ahref {
    background: #eee;
    padding: 10% 2%;
    margin: -25px auto 0;
    width: 90%;
    font-size: 12px;
  }
  #ahref li {
    padding-bottom: 10px;
    text-align: center;
  }
  #ahref a {
    color: #333;
    font-weight: bold;
  }

  .buybtn a {
    background: #ff3232;
    color: #fff;
    display: block;
    text-align: center;
    width: 200px;
    font-size: 18px;
    padding: 3% 0;
    margin: 5% auto 10%;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
      "Hiragino Mincho Pro", "serif";
  }

  .post-type-archive .box > h3 {
    font-size: 20px;
    padding: 30px 0 10px;
  }

  /*着物*/

  .thumb {
    background-repeat: no-repeat;
    background-size: 100%;
  }
  .post-type-archive-kimono .entry-content ul li,
  .post-type-archive-wazakka .entry-content ul li,
  .post-type-archive-omatsuri .entry-content ul li,
  .page-template-page-category .entry-content ul li {
    float: left;
    width: 46%;
    margin: 2%;
    padding-bottom: 5%;
  }
  .post-type-archive-kimono .entry-content ul li img,
  .post-type-archive-wazakka .entry-content ul li img,
  .post-type-archive-omatsuri .entry-content ul li img,
  .page-template-page-category .entry-content ul li img {
    width: 100%;
    height: auto;
  }

  .gallery_btn a {
    display: block;
    font-size: 14px;
    width: 50%;
    color: #fff;
    background: #85a1a0;
    text-align: center;
    padding: 5px 0;
    margin: 5% auto 0;
  }

  .desc {
    line-height: 1.4;
    font-size: 12px;
    height: 3em;
  }

  /*商品カテゴリ*/

  .category_box ul li {
    float: left;
    width: 46%;
    margin: 2%;
    box-sizing: border-box;
    background: #e2dfd9;
  }
  .category_box ul li .box_inner {
    padding: 10px 0 15px;
    min-height: 7em;
  }
  .category_box ul li .box_inner p {
    text-align: center;
  }
  .category_box ul li .box_inner p.title {
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 12px;
    height: 4em;
  }
  .category_box ul li .box_inner p.price {
    font-size: 16px;
    font-weight: bold;
    background: #fff;
    margin: auto;
    width: 90%;
    padding: 5px 0;
  }

  .category_box ul li .box_inner a img {
    width: 20px;
    padding-right: 5px;
  }
  .category_box ul li .box_inner a {
    text-align: center;
    display: block;
    background: #99cecc;
    color: #fff;
    padding: 5px 0;
    margin: 10px auto 0;
    border: 2px solid #99cecc;
    font-size: 12px;
    width: 80%;
    font-weight: bold;
  }
  .category_box {
    overflow: hidden;
    padding-bottom: 5%;
    width: 95%;
    margin: auto;
  }

  #onlinebn {
    width: 95%;
    margin: auto;
  }
  #onlinebn img {
    width: 100%;
    height: auto;
  }

  .onlineshop {
    position: fixed;
    bottom: 80px;
    left: 2%;
    z-index: 10;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
      Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  }

  .onlineshop a {
    font-weight: bold;
    font-size: 13px;
    display: block;
    background: #ca2627;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    width: 245px;
  }
  .onlineshop a span {
    display: block;
    font-size: 11px;
    font-weight: bold;
  }
  .onlineshop a img {
    width: 35px;
    float: left;
    padding-right: 10px;
  }

  .list_link_btn a {
    color: #415c50;
    padding: 3% 0;
    line-height: 1;
    width: 60%;
    display: block;
    text-align: center;
    font-size: 14px;
    margin: auto;
    border: 2px solid #415c50;
    font-weight: bold;
  }

  /*コンタクト*/
  #contact {
    width: 95%;
    margin: auto;
  }
  #contact ul {
    overflow: hidden;
  }
  #contact > ul > li {
    overflow: hidden;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
  }
  #contact > ul > li:last-child {
    border: none;
  }
  #contact .left h4 {
    font-size: 20px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
      "Hiragino Mincho Pro", "serif";
  }
  #contact .left h4 span {
    display: block;
    font-size: 12px;
  }
  #contact .right img {
    width: 30px;
    padding-right: 10px;
  }
  #contact .right a {
    font-size: 25px;
    line-height: 1;
    color: #415c4f;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3",
      "Hiragino Mincho Pro", "serif";
  }
  /*お問い合わせ*/
  form {
    margin: 5% 0;
  }
  #contact .right ul li:first-child {
    padding-bottom: 2%;
  }
  #contact .right ul li {
    font-size: 14px;
  }
  form ul li {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
  }
  form ul li h4 {
    font-size: 16px;
    padding: 1%;
    line-height: 1;
    font-weight: bold;
    text-align: center;
  }
  form ul li.address p {
    margin-right: 5px;
    text-align: center;
  }
  form ul li .postal-code input {
    width: 50%;
    margin-bottom: 2%;
  }
  form ul li .address1 input {
    width: 50%;
    margin-bottom: 2%;
  }
  form ul li .address3 input {
    width: 100%;
  }
  form ul li input {
    height: 3em;
    width: 100%;
    box-sizing: border-box;
    font-size: 16px;
  }
  form ul li textarea {
    width: 100%;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }
  .wpcf7-submit,
  .wpcf7-confirm {
    font-size: 18px;
    border: 1px solid #ddd;
    font-weight: bold;
    background: red;
    color: #fff;
    width: 200px;
    padding: 10px 0;
    margin: auto;
    display: block;
    -webkit-appearance: none;
  }
  h3.wpcf7c-elm-step2 {
    padding-top: 15%;
    margin-top: -15%;
  }
  p.wpcf7c-elm-step2 {
    padding-bottom: 2%;
  }
  form ul {
    width: 100%;
    margin: auto;
  }
  #contact > p {
  }

  #sns h2 img {
    width: 10%;
  }

  /*gallery*/
  .gallery-item {
    float: left;
    width: 48%;
    margin: 1%;
  }
  .gallery-caption {
    font-weight: bold;
    font-size: 12px;
    height: 2em;
  }

  #company table {
    margin: auto;
    width: 95%;
  }
  #company tr {
    padding-bottom: 5px;
    display: block;
  }
  #company th {
    color: #fff;
    font-weight: bold;
    width: 100%;
    padding: 10px 0;
    display: block;
    text-align: center;
    background: rgba(51, 181, 106, 0.8);
  }
  #company td {
    vertical-align: middle;
    width: 500px;
    padding: 10px;
    background: rgba(238, 238, 238, 0.8);
  }
  #company td a {
    color: #333;
  }

  #page-top {
    position: fixed;
    bottom: 80px;
    right: 2%;
    z-index: 10;
    font-size: 12px;
  }
  #page-top a {
    background: #85a1a0;
    text-decoration: none;
    color: #fff;
    width: 70px;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    font-weight: bold;
    border: 2px solid #fff;
  }

  .sp.caption {
    background: #415c4f;
    text-align: center;
    color: #ddd;
    width: 80%;
    margin: auto;
    font-size: 12px;
    padding: 2% 0;
    border-radius: 2px;
    font-weight: bold;
  }

  .header_linkbtn a {
    /* background: #85a1a0; */
    border: 1px solid #2d9b92;
    margin-right: 5px;
    color: #000 !important;
    width: 80px;
    display: block;
    text-align: center;
    border-radius: 8px;
    font-size: 12px;
    padding: 3px 0;
    line-height: 1;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
      Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  }

  .gallery br {
    display: none;
  }

  .insertYT01 {
    height: 400px;
  }

  @media (max-width: 500px) {
    .insertYT01 {
      height: 200px;
    }
  }

  #media {
    padding-top: 6%;
    margin-bottom: 5%;
  }

  .mediaInner {
    width: 95%;
    margin: 0 auto;
  }

  #media h2 {
    display: none;
  }

  .mediaTabs {
    display: flex;
    align-items: center;
  }

  .mediaTab {
    width: 124px;
    padding: 10px 0;
    text-align: center;
    font-size: 14px;
    opacity: 0.5;
    cursor: pointer;
  }

  .mediaTab.active {
    opacity: 1;
  }

  .mediaTab.isGreen {
    color: #fff;
    background-color: #839e9d;
  }

  .mediaTab.isPink {
    color: #000;
    background-color: #eecce1;
  }

  .mediaContent {
    background-color: #f5f5f5;
    padding: 40px 3%;
  }

  .mediaContentList {
    display: none;
  }
  .mediaContentItem {
    display: flex;
    padding-bottom: 15px;
    border-bottom: 1px dotted #839e9d;
  }

  .mediaContentItem:not(:first-of-type) {
    margin-top: 30px;
  }

  .mediaTime {
    width: 70px;
    font-size: 12px;
    color: #000;
  }

  .mediaTitle {
    font-size: 12px;
    width: calc(100% - 70px);
  }

  .mediaTitle a {
    color: #000;
  }

  #gonomi {
    margin-top: 7%;
    padding: 6% 0 7%;
    background-color: #f5f5f5;
  }

  #gonomi h2 {
    padding-top: 0;
    font-size: 24px;
    padding-bottom: 340px;
  }

  #gonomi p {
    padding: 0 5%;
    font-size: 12px;
    line-height: 2;
  }
  .gonomiInner {
    position: relative;
    width: 95%;
    margin: 0 auto;
  }

  .gonomiList {
    width: 100%;
    height: 280px;
    position: absolute;
    top: 14%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .gonomiItem {
    width: 50%;
    height: 130px;
  }

  .gonomiItem:nth-of-type(2n + 1) {
    text-align: right;
  }

  .gonomiItem img {
    width: 130px;
    height: 130px;
  }

  .gonomiItem:nth-of-type(3),
  .gonomiItem:nth-of-type(4) {
    margin-top: 20px;
  }

  #mainvisual .sp {
    position: relative;
  }

  #mainvisual .onlineShop {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    width: 270px;
  }

  #mainvisual .onlineShop a {
    font-size: 13px;
    display: block;
    background: #ca2627;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
      Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: 700;
  }
  #mainvisual .onlineShop a:hover {
    border-radius: 30px;
  }
  #mainvisual .onlineShop a span {
    display: block;
    font-size: 11px;
    font-weight: 700;
  }
  #mainvisual .onlineShop a img {
    width: 35px;
    float: left;
    padding-right: 10px;
  }

  .entry-content-top {
    width: 95%;
    margin: 0 auto;
  }

  .entry-content-top ul li:not(:first-of-type) {
    margin-top: 10px;
  }

  .entry-content-top ul li a {
    display: block;
    position: relative;
  }

  .entry-content-top ul li a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    opacity: 0;
    transition: 0.3s;
  }

  .entry-content-top ul li a:hover::after {
    opacity: 1;
  }
}

@media only screen and (min-width: 450px) and (max-width: 750px) {
  .entry-content-top ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .entry-content-top ul li {
    width: calc((100% - 10px) / 2);
  }

  .entry-content-top ul li:not(:first-of-type) {
    margin-top: 0;
  }

  .entry-content-top ul li:nth-of-type(n + 3) {
    margin-top: 10px;
  }
}

.latestFlyerBox {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: center;
  align-items: center;
  margin-top: 50px;
}

.latestFlyerBoxThumb img {
  width: 600px;
}

.latestFlyerBoxData {
  width: 250px;
}

.btn-getFile {
  font-size: 18px;
  color: #fff;
  text-align: center;
  display: block;
  width: 100%;
  background-color: #33b56a;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (max-width: 750px) {
  .latestFlyerBox {
    display: block;
    width: 95%;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .latestFlyerBoxThumb img {
    width: 100%;
  }

  .btn-getFile {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .btn-getFile.pc {
    display: none;
  }

  .latestFlyerBoxData {
    width: 100%;
  }

  #yt {
    width: 95%;
    margin: 0 auto 30px;
  }

  .ytDiv {
    width: 100%;
  }
}

/*
 * @@form
 *****************************************/

/* @@form parts */
.btnSbmt {
  height: 50px;
  background-color: #efefef;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  cursor: pointer;
}

.wrap_sel {
  position: relative;
}

.wrap_sel:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 20px;
  z-index: 2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256.1' height='149'%3E%3Cpath fill='%234083cd' d='M136.5 3.5l116 117.8c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L128 43.1 27.6 145.3c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17l116-117.8c4.7-4.6 12.3-4.6 17 .1z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px;
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  pointer-events: none;
}

.wrap_sel select {
  width: 100%;
  height: 50px;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  cursor: pointer;
}

.wrap_sel select::-ms-expand {
  display: none;
}

.wrap_sel option {
  padding: 10px;
}

.iptxt {
  width: 100%;
  height: 50px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.ipradi {
  display: none;
}

.ipradi:checked + span {
  color: #009a9a;
}

.ipradi:checked + span:before {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.ipradi:checked + span:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.ipradi + span {
  display: inline-block;
  padding-left: calc(1em + 10px);
  position: relative;
  cursor: pointer;
}

.ipradi + span:before,
.ipradi + span:after {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.ipradi + span:before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 1em;
  height: 1em;
  border: 1px solid #999;
  border-radius: 50%;
}

.ipradi + span:after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 1em;
  height: 1em;
  background-color: #009a9a;
  border: 1px solid #999;
  border-radius: 50%;
  -webkit-box-shadow: inset 0 0 0 0.2em #fff;
  box-shadow: inset 0 0 0 0.2em #fff;
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.ipchk {
  display: none;
  padding: 6px;
}

.ipchk:checked + span:after {
  top: -4px;
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
}

.ipchk + span {
  position: relative;
  display: inline-block;
  padding-left: calc(1em + 10px);
  cursor: pointer;
}

.ipchk + span:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  background: #fff;
  width: 1em;
  height: 1em;
  border: 2px solid #ccc;
}

.ipchk + span:after {
  content: "";
  display: block;
  width: 1em;
  height: 0.7em;
  position: absolute;
  top: 0;
  left: 0;
  border-left: 3px solid #e71063;
  border-bottom: 3px solid #e71063;
  -webkit-transform: rotate(-45deg) scale(0);
  transform: rotate(-45deg) scale(0);
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

.iptxt:focus,
.textarea:focus {
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1);
}

.iptxt,
.textarea {
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 769px) {
  .iptxt::-webkit-input-placeholder {
    padding-top: 0.2em;
  }
}

.textarea {
  font-size: 15px;
  line-height: 1.6;
  display: block;
  width: 100%;
  height: 200px;
  padding: 15px;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: vertical;
}

@media (max-width: 769px) {
  .textarea {
    height: 100px;
  }
}

.formTable {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 769px) {
  .formTable {
    width: 95%;
  }
}

body.p-thanks .mw_form_content {
  display: none;
}

.formTable__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
}

@media (max-width: 769px) {
  .formTable__row {
    display: block;
  }
}

.formTable__row:first-child {
  margin-top: 0;
}

.formTable__row.-vt {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.formTable__head,
.formTable__data {
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0.04em;
}

.formTable__head {
  width: 300px;
  position: relative;
}

@media (max-width: 769px) {
  .formTable__head.-req {
    padding-left: 7px;
  }
}

@media (max-width: 769px) {
  .formTable__head {
    margin-bottom: 10px;
  }
}

.formTable__head.-req:before {
  content: "*";
  position: absolute;
  font-weight: normal;
  line-height: 1;
  color: #f00;
  top: 0;
  left: -10px;
}

@media (max-width: 769px) {
  .formTable__head.-req:before {
    left: 0;
  }
}

@media (min-width: 770px) {
  .formTable__row.-vt .formTable__head.-req {
    top: 18px;
  }
}

@media (max-width: 769px) {
  .formTable__row.-last .formTable__head {
    margin-bottom: 30px;
  }
}

.formTable__data {
  width: calc(100% - 300px);
  position: relative;
}

.formTable .horizontal-item {
  display: inline-block;
  margin-left: 0 !important;
  margin-right: 15px;
}

@media (max-width: 769px) {
  .formTable__head,
  .formTable__data {
    font-size: 16px;
    width: 100%;
  }
}

.formTableSubmit {
  margin-top: 60px;
}

@media (max-width: 769px) {
  .formTableSubmit {
    display: block;
  }
}

.formTableSubmit__item {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #fff;
  background-color: #4083cd;
  display: block;
  width: 100%;
  height: 60px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.formTableSubmit__item:first-child {
  margin-top: 0;
}

.formTableSubmit__item.-back {
  background-color: #aaa;
}

/* confirm */
.mw_wp_form_confirm .wrap_sel:before,
.mw_wp_form_confirm .formTable__head.-req:before {
  display: none;
}

@media (max-width: 769px) {
  .mw_wp_form_confirm .formTable__head.-req {
    padding-left: 0;
  }
}

/* error */
.mw_wp_form .error {
  position: absolute;
  bottom: -20px;
  left: 0;
}

/* @@custom */
/* @@datepicker */
.pt-mw-wp-form .ui-datepicker,
.pt-mw-wp-form .ui-state-default,
.pt-mw-wp-form .ui-widget-content .ui-state-default,
.pt-mw-wp-form .ui-widget-header .ui-state-default,
.pt-mw-wp-form .ui-datepicker .ui-widget-header {
  background-image: none;
}

.pt-mw-wp-form .ui-datepicker {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  background-color: #b9d2ed;
  padding: 10px;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: 4px 4px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 4px 4px 2px 1px rgba(0, 0, 0, 0.2);
}

.pt-mw-wp-form .ui-datepicker .ui-widget-header {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: transparent;
  border: none;
  border-radius: 0;
  margin-bottom: 10px;
}

.pt-mw-wp-form .ui-datepicker .ui-datepicker-prev,
.pt-mw-wp-form .ui-datepicker .ui-datepicker-next {
  width: 2em;
  height: 2em;
  background-color: #f4f4f4;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}

.pt-mw-wp-form .ui-datepicker .ui-datepicker-prev {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.pt-mw-wp-form .ui-datepicker .ui-datepicker-next {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

.pt-mw-wp-form .ui-datepicker .ui-datepicker-title {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  width: calc(100% - 4em);
  height: 2em;
  margin: 0;
}

.pt-mw-wp-form .ui-datepicker select.ui-datepicker-month,
.pt-mw-wp-form .ui-datepicker select.ui-datepicker-year {
  text-align: center;
  width: 36%;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #f4f4f4;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  margin: 0;
  cursor: pointer;
}

.pt-mw-wp-form .ui-datepicker select.ui-datepicker-month::-ms-expand,
.pt-mw-wp-form .ui-datepicker select.ui-datepicker-year::-ms-expand {
  display: none;
}

.pt-mw-wp-form .ui-datepicker select.ui-datepicker-year {
  margin-right: 2%;
}

.pt-mw-wp-form .ui-datepicker select.ui-datepicker-month {
  margin-left: 4%;
}

.pt-mw-wp-form .ui-datepicker thead {
  border-bottom: 10px solid #b9d2ed;
}

.pt-mw-wp-form .ui-datepicker th {
  font-size: 14px;
  background-color: #f4f4f4;
  border: 2px solid #b9d2ed;
}

.pt-mw-wp-form .ui-datepicker td span,
.pt-mw-wp-form .ui-datepicker td a {
  background-color: #fff;
  padding: 5px;
  border: none;
}

.pt-mw-wp-form .ui-datepicker .ui-state-highlight {
  font-weight: bold;
  color: #4083cd;
}

/*
 * @@_thanksMsg
 *****************************************/

._thanksMsg {
  padding-left: 2.5%;
  padding-right: 2.5%;
}

._thanksMsg__head {
  font-size: 20px;
  letter-spacing: 0.05em;
  margin-bottom: 20px;
}

._thanksMsg__desc {
  font-size: 16px;
  line-height: 2;
}

._thanksMsg__linkBack {
  margin-top: 40px;
}

._thanksMsg__linkBack a {
  letter-spacing: 0.05em;
}

/*
 * plan-page
 *****************************************/
.bg-none {
  background: none;
}
.plan-title {
  color: #707070;
  margin-bottom: 150px;
}
.plan-title .mv {
  margin: 0 auto 70px auto;
}
.plan-title .mv img {
  width: 100%;
}
.plan-title h2 {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  line-height: 2em;
  padding: 0;
  margin-bottom: 20px;
}
.plan-title p {
  text-align: center;
}
.plan-intro {
  color: #707070;
  margin-bottom: 150px;
}
.plan-intro h2 {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  margin-bottom: 70px;
  padding: 0;
}
.plan-intro h3 {
  text-align: center;
  margin-bottom: 50px;
  font-size: 19px;
}
.plan-intro .intro-box {
  width: 840px;
  margin: 0 auto;
}
.plan-intro .intro-box li {
  margin-bottom: 60px;
}
.plan-intro .intro-box li .intro-inner {
  display: flex;
}
.plan-intro .intro-box li .intro-inner .thumb {
  margin-right: 20px;
}
.plan-intro .intro-box li .intro-inner .thumb img {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.plan-intro .intro-box li .intro-inner h4 {
  line-height: 2em;
  margin-bottom: 20px;
}
.plan-intro .intro-box li .intro-inner h4 img {
  margin-right: 30px;
}
.plan-list {
  color: #707070;
  margin-bottom: 150px;
}
.plan-list h2 {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  margin-bottom: 70px;
  padding: 0;
  font-weight: bold;
}
.plan-list .plan-list-box {
  width: 1380px;
  margin: 0 auto;
}
.plan-list .plan-list-box .plan-list-indi {
  background: #efede5;
  margin-bottom: 50px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.plan-list .plan-list-box .plan-list-indi.left-mar {
  margin-left: 100px;
}
.plan-list .plan-list-box .plan-list-indi.right-mar {
  margin-right: 100px;
}
.plan-list .plan-list-box .plan-list-indi .plan-list-inner {
  display: flex;
}
.plan-list .plan-list-box .plan-list-indi .plan-list-inner .thumb {
}
.plan-list .plan-list-box .plan-list-indi .plan-list-inner .thumb img {
  width: 552px;
  box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.05);
}
.plan-list .plan-list-box .plan-list-indi .plan-detail {
  padding: 20px;
}
.plan-list .plan-list-box .plan-list-indi .plan-detail h3 {
  font-size: 1.6em;
}
.plan-list .plan-list-box .plan-list-indi .plan-detail .plan-tit {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.plan-list .plan-list-box .plan-list-indi .plan-detail .plan-tit p {
  font-size: 1.2em;
}
.plan-list .plan-list-box .plan-list-indi .plan-detail .inc-txt {
  margin-bottom: 10px;
  font-size: 0.8em;
}
.plan-list .plan-list-box .plan-list-indi .plan-op {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.plan-list .plan-list-box .plan-list-indi .plan-op li {
  background: #fff;
  border: solid 1px #707070;
  font-size: 15px;
  text-align: center;
  margin: 0 6px 6px 0;
  /* align-items: center; */
  display: flex;
  width: calc(24% - 4px);
  padding: 18px 30px;
  align-items: center;
  justify-content: center;
  height: 80px;
}
.plan-list .plan-list-box .plan-list-indi .plan-op li span {
  display: contents;
  font-size: 12px;
}
.plan-list .plan-list-box .plan-list-indi .plan-op li:nth-child(n + 7) {
  margin-bottom: 0;
}
.plan-list .plan-list-box .plan-list-indi .plan-price {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.plan-list .plan-list-box .plan-list-indi .plan-price .price {
  font-size: 1.8em;
  letter-spacing: 1px;
  margin-right: 40px;
  transform: scale(0.9, 1);
}
.plan-list .plan-list-box .plan-list-indi .plan-price .tax-txt {
  font-size: 0.9em;
  line-height: 1.2em;
}
.plan-list .plan-list-box .plan-list-indi-ce {
  background: #efede5;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  width: 818px;
  margin: 100px auto 0 auto;
}
.plan-list .plan-list-box .plan-list-indi-ce .plan-list-inner {
  display: block;
}
.plan-list .plan-list-box .plan-list-indi-ce .plan-list-inner .thumb img {
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}
.plan-list .plan-list-box .plan-list-indi-ce .plan-detail {
  padding: 20px;
}
.plan-list .plan-list-box .plan-list-indi-ce .plan-detail h3 {
  font-size: 1.6em;
  font-weight: bold;
  margin-right: 30px;
}
.plan-list .plan-list-box .plan-list-indi-ce .plan-detail .plan-tit {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}
.plan-list .plan-list-box .plan-list-indi-ce .plan-detail .inc-txt {
  margin-bottom: 10px;
  font-size: 0.8em;
  margin-left: 45px;
}
.plan-list .plan-list-box .plan-list-indi-ce .plan-op {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 10px;
}
.plan-list .plan-list-box .plan-list-indi-ce .plan-op li {
  background: #fff;
  border: solid 1px #707070;
  font-size: 15px;
  text-align: center;
  margin: 0 6px 6px 0;
  /* align-items: center; */
  display: flex;
  width: calc(16% + 23px);
  padding: 18px 20px;
  align-items: center;
  justify-content: center;
  height: 80px;
}
.plan-list .plan-list-box .plan-list-indi-ce .plan-op li span {
  display: contents;
  font-size: 12px;
}
.plan-list .plan-list-box .plan-list-indi-ce .plan-op li:nth-child(4n) {
  margin-right: 0;
}
.plan-list .plan-list-box .plan-list-indi-ce .plan-op li:nth-child(n + 5) {
  margin-bottom: 0;
}
.plan-list .plan-list-box .plan-list-indi-ce .exp-txt {
  text-align: center;
  margin-bottom: 40px;
  font-size: 0.8em;
}
.plan-list .plan-list-box .plan-list-indi-ce .plan-price {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 50px;
}
.plan-list .plan-list-box .plan-list-indi-ce .plan-price .price {
  font-size: 1.8em;
  letter-spacing: 1px;
  margin-right: 40px;
  transform: scale(0.9, 1);
}
.plan-list .plan-list-box .plan-list-indi-ce .plan-price .tax-txt {
  font-size: 0.9em;
  line-height: 1.2em;
}
.option-list {
  color: #707070;
  margin-bottom: 150px;
}
.option-list h2 {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  margin-bottom: 70px;
  padding: 0;
  font-weight: bold;
}
.option-list ul {
  display: flex;
  justify-content: center;
  width: 1050px;
  margin: 0 auto;
}
.option-list ul li + li {
  margin-left: 20px;
}
.option-list ul li img {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.option-list ul li h3 {
  margin-top: 30px;
  text-align: center;
  color: #ca2628;
}
.option-list ul li p {
  text-align: center;
}
.costume-list {
  color: #707070;
  margin-bottom: 150px;
}
.costume-list h2 {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  margin-bottom: 70px;
  padding: 0;
}
.costume-list p {
  text-align: center;
  margin: 60px;
}
.costume-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 1050px;
  margin: 0 auto;
}
.costume-list ul li {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .plan-title {
    margin-bottom: 15vw;
  }
  .plan-title .mv {
    margin: 0 auto 7vw auto;
  }
  .plan-title h2 {
    font-size: 5vw;
    padding: 0 20px;
    line-height: 6vw;
    margin-bottom: 3vw;
  }
  .plan-title p {
    font-size: 4vw;
    padding: 0 20px;
  }
  .plan-intro {
    margin-bottom: 15vw;
  }
  .plan-intro h2 {
    font-size: 5vw;
    margin-bottom: 7vw;
  }
  .plan-intro h3 {
    font-size: 4vw !important;
    margin-bottom: 5vw !important;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
      Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
    border-bottom: none !important;
  }
  .plan-intro .intro-box {
    width: 100%;
  }
  .plan-intro .intro-box li {
    margin-bottom: 10vw;
  }
  .plan-intro .intro-box li .intro-inner {
    display: block;
  }
  .plan-intro .intro-box li .intro-inner .thumb {
    margin: 0 20px 4vw 20px;
  }
  .plan-intro .intro-box li .intro-inner .thumb img {
    width: 100%;
  }
  .plan-intro .intro-box li .intro-inner h4 {
    line-height: 2em;
    margin: 0 20px 20px 20px;
  }
  .plan-intro .intro-box li .intro-inner h4 img {
    width: auto;
    margin-right: 5vw;
  }
  .plan-intro .intro-box li .intro-inner span {
    font-size: 4vw;
  }
  .plan-intro .intro-box li .intro-inner p {
    font-size: 4vw;
    margin: 0 20px;
  }
  .plan-list {
    margin-bottom: 15vw;
  }
  .plan-list h2 {
    font-size: 5vw;
    margin-bottom: 7vw;
  }
  .plan-list .plan-list-box {
    width: 100%;
    margin: 0 auto;
  }
  .plan-list .plan-list-box .plan-list-indi {
    margin-bottom: 10vw;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  }
  .plan-list .plan-list-box .plan-list-indi.left-mar {
    margin-left: 20px;
  }
  .plan-list .plan-list-box .plan-list-indi.right-mar {
    margin-right: 20px;
  }
  .plan-list .plan-list-box .plan-list-indi .plan-list-inner {
    display: block;
  }
  .plan-list .plan-list-box .plan-list-indi .plan-list-inner .thumb {
  }
  .plan-list .plan-list-box .plan-list-indi .plan-list-inner .thumb img {
    width: 100%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
  }
  .plan-list .plan-list-box .plan-list-indi .plan-detail {
    padding: 20px;
  }
  .plan-list .plan-list-box .plan-list-indi .plan-detail h3 {
    font-size: 4vw !important;
    margin-bottom: 1vw !important;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
      Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
    border-bottom: none !important;
    text-align: center;
  }
  .plan-list .plan-list-box .plan-list-indi .plan-detail .plan-tit {
    display: block;
    margin-bottom: 5vw;
  }
  .plan-list .plan-list-box .plan-list-indi .plan-detail .plan-tit p {
    font-size: 3vw;
    text-align: center;
  }
  .plan-list .plan-list-box .plan-list-indi .plan-detail .inc-txt {
    margin-bottom: 2vw;
    text-align: center;
  }
  .plan-list .plan-list-box .plan-list-indi .plan-op {
    justify-content: space-around;
    margin-bottom: 6vw;
  }
  .plan-list .plan-list-box .plan-list-indi .plan-op li {
    margin: 0 0 1vw 0;
    width: calc(50% - 1.2vw);
    padding: 0;
    height: 20vw;
    font-size: 2.5vw;
    line-height: 1.5em;
  }
  .plan-list .plan-list-box .plan-list-indi .plan-op li span {
    font-size: 2vw;
  }
  .plan-list .plan-list-box .plan-list-indi .plan-price .price {
    font-size: 8vw;
    margin-right: 4vw;
  }
  .plan-list .plan-list-box .plan-list-indi-ce {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
    width: 100%;
    margin: 15vw auto 0 auto;
  }
  .plan-list .plan-list-box .plan-list-indi-ce .plan-list-inner {
    display: block;
  }
  .plan-list .plan-list-box .plan-list-indi-ce .plan-list-inner .thumb img {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
  }
  .plan-list .plan-list-box .plan-list-indi-ce .plan-detail {
    padding: 20px;
  }
  .plan-list .plan-list-box .plan-list-indi-ce .plan-detail h3 {
    font-size: 4vw !important;
    margin-bottom: 1vw !important;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
      Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
    border-bottom: none !important;
    text-align: center;
    margin-right: 0;
  }
  .plan-list .plan-list-box .plan-list-indi-ce .plan-detail p {
    font-size: 3vw;
    text-align: center;
  }
  .plan-list .plan-list-box .plan-list-indi-ce .plan-detail .plan-tit {
    display: block;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
  }
  .plan-list .plan-list-box .plan-list-indi-ce .plan-detail .inc-txt {
    margin-bottom: 2vw;
    text-align: center;
    margin-left: 0;
  }
  .plan-list .plan-list-box .plan-list-indi-ce .plan-op {
    justify-content: space-around;
    margin-bottom: 2vw;
  }
  .plan-list .plan-list-box .plan-list-indi-ce .plan-op li {
    margin: 0 0 1vw 0;
    width: calc(50% - 1.2vw);
    padding: 0;
    height: 20vw;
    font-size: 2.5vw;
    line-height: 1.5em;
  }
  .plan-list .plan-list-box .plan-list-indi-ce .plan-op li span {
    font-size: 2vw;
  }
  .plan-list .plan-list-box .plan-list-indi-ce .exp-txt {
    text-align: left !important;
    margin-bottom: 6vw !important;
    font-size: 2.5vw !important;
  }
  .plan-list .plan-list-box .plan-list-indi-ce .plan-op li:nth-child(n + 5) {
    margin-bottom: 1vw;
  }
  .plan-list .plan-list-box .plan-list-indi-ce .plan-price {
    margin: 0;
  }
  .plan-list .plan-list-box .plan-list-indi-ce .plan-price .price {
    font-size: 8vw;
    margin-right: 4vw;
  }
  .option-list {
    margin-bottom: 15vw;
  }
  .option-list h2 {
    margin-bottom: 7vw;
    padding: 0;
  }
  .option-list ul {
    display: block;
    width: 100%;
  }
  .option-list ul li {
    padding: 0 20px;
  }
  .option-list ul li + li {
    margin-left: 0;
  }
  .option-list ul li img {
  }
  .option-list ul li h3 {
    font-size: 4vw !important;
    margin-bottom: 1vw !important;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
      Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
    border-bottom: none !important;
    text-align: center;
    margin-right: 0;
  }
  .option-list ul li p {
    margin-top: 4vw;
    font-size: 4vw;
    margin-bottom: 10vw;
  }
  .costume-list {
    margin-bottom: 15vw;
  }
  .costume-list h2 {
    margin-bottom: 7vw;
    padding: 0;
  }
  .costume-list p {
    margin: 6vw;
    font-size: 4vw;
  }
  .costume-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100% - 20px);
    padding: 0 10px;
  }
  .costume-list ul li {
    width: calc(50% - 1vw);
    margin-bottom: 2vw;
  }
}

/* top banner */
.pc-bnr {
  display: block;
}
.sp-bnr {
  display: none;
}
@media screen and (max-width: 767px) {
  .pc-bnr {
    display: none;
  }
  .sp-bnr {
    display: block;
  }
}
p.radiobox {
  line-height: 1.5em;
  padding: 7px 0;
}
p.radiobox input {
  width: auto;
  height: auto;
  line-height: 1.5em;
  position: relative;
  top: -0.2em;
}
span.t-small {
  font-size: 12px;
}
.flex-wrap-sb {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}
.topbnr__inner {
  width: 45%;
}
@media screen and (max-width: 767px) {
  .topbnr__inner,
  .flex-wrap-sb {
    width: 100%;
  }
  .topbnr__inner {
    margin-bottom: 30px;
  }
}

.sanpo-body {
  width: 100%;
  min-width: 1100px;
}

@media (max-width: 750px) {
  .sanpo-body {
    min-width: 100%;
  }
}

.sanpo-hero > .__src {
  width: 100%;
}

.sanpo-content:not(:first-child) {
  margin-top: 100px;
}

@media (max-width: 750px) {
  .sanpo-content:not(:first-child) {
    margin-top: 60px;
  }
}

.sanpo-container {
  max-width: 896px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 750px) {
  .sanpo-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.sanpo-title_1 {
  font-size: 36px;
  letter-spacing: 0.1em;
  margin-bottom: 40px;
}

@media (max-width: 750px) {
  .sanpo-title_1 {
    font-size: 30px;
    margin-bottom: 32px;
  }
}

.sanpo-text_1 {
  font-size: 18px;
  letter-spacing: 0.1em;
  line-height: 2;
}

@media (max-width: 750px) {
  .sanpo-text_1 {
    font-size: 16px;
  }
}

.sanpo-text_1.-text_center {
  text-align: center;
}

.sanpo-text_1.-line_height_L {
  line-height: 2.4;
}

.sanpo-text_1:not(:first-child) {
  margin-top: 24px;
}

.sanpo-gallery {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 750px) {
  .sanpo-gallery {
    margin-left: -8px;
    margin-right: -8px;
  }
}

@media (max-width: 575px) {
  .sanpo-gallery {
    display: block;
    margin: 0;
  }
}

.sanpo-gallery__item:first-child:last-child {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 750px) {
  .sanpo-gallery__item {
    width: 50%;
    margin-left: 8px;
    margin-right: 8px;
  }
}

@media (max-width: 575px) {
  .sanpo-gallery__item {
    width: 100%;
    margin: 0;
  }

  .sanpo-gallery__item:not(:first-child) {
    margin-top: 16px;
  }
}

.sanpo-gframe > iframe {
  width: 100%;
  height: 600px;
}

@media (max-width: 750px) {
  .sanpo-gframe > iframe {
    height: 300px;
  }
}

.sanpo-table_1 {
  width: 100%;
}

@media (max-width: 575px) {
  .sanpo-table_1,
  .sanpo-table_1__body,
  .sanpo-table_1__row,
  .sanpo-table_1__head,
  .sanpo-table_1__data {
    display: block;
  }
}

@media (max-width: 575px) {
  .sanpo-table_1__row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 16px;
  }
}

.sanpo-table_1__head,
.sanpo-table_1__data {
  font-size: 16px;
  letter-spacing: 0.075em;
  padding: 16px 32px;
}

@media (max-width: 575px) {
  .sanpo-table_1__head,
  .sanpo-table_1__data {
    font-size: 16px;
    padding: 0;
  }

  .sanpo-table_1__head {
    width: 100%;
    margin-bottom: 8px;
  }

  .sanpo-table_1__data {
    font-size: 15px;
  }

  .sanpo-table_1__data + .sanpo-table_1__data {
    margin-left: 16px;
  }
}

.sanpo-table_1__head::before {
  content: "●";
}

.sanpo-table_1__row:nth-child(2n) {
  background-color: #c4b8bf;
}

.sanpo-link_1 {
  color: #323232;
  text-decoration: underline;
}

.sapo-end {
  height: 200px;
}

@media (max-width: 750px) {
  .sapo-end {
    height: 100px;
  }
}

.newDenim-body {
  color: #193153;
  font-family: "Arial", YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN",
    "メイリオ", Meiryo, "ＭＳ ゴシック";
  width: 100%;
  min-width: 1150px;
  padding-bottom: 160px;
}

@media (max-width: 750px) {
  .newDenim-body {
    min-width: 100%;
    padding-bottom: 80px;
  }
}

.newDenim-body a {
  color: inherit;
}

.newDenim-lead {
  background-image: url(../images/newDenim/bg_2.png);
  background-position: center top;
  background-repeat: repeat-y;
  background-size: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

@media (max-width: 750px) {
  .newDenim-lead {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.newDenim-content {
  overflow: hidden;
}

@media (min-width: 750px) {
  .newDenim-content > *:not([class*="newDenim-shape"]),
  .newDenim-content_ladder > *:not([class*="newDenim-shape"]) {
    position: relative;
    z-index: 2;
  }
}

.newDenim-content:not(:first-child) {
  margin-top: 100px;
}

@media (max-width: 750px) {
  .newDenim-content:not(:first-child) {
    margin-top: 50px;
  }
}

.newDenim-body > .newDenim-content,
.newDenim-lead + .newDenim-content {
  margin-top: 0;
}

.newDenim-body > .newDenim-content {
  background-position: center top;
  background-repeat: repeat-y;
  background-size: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}

@media (max-width: 750px) {
  .newDenim-body > .newDenim-content {
    -webkit-background-size: 200%;
    background-size: 200%;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}

.newDenim-content#s1 {
  background-image: url(../images/newDenim/bg_2.png);
}

.newDenim-content#s2 {
  background-image: url(../images/newDenim/bg_3.png);
}

.newDenim-content#s3 {
  background-image: url(../images/newDenim/bg_5.png);
}

.newDenim-content#s4 {
  background-image: url(../images/newDenim/bg_2.png);
}

[class*="newDenim-shape"] {
  position: relative;
  z-index: 1;
}

[class*="newDenim-shape"]::after {
  content: "";
  width: 100vw;
  height: 750px;
  position: absolute;
  left: calc((1150px - 100vw) / 2);
  z-index: -1;
  background-repeat: no-repeat;
  pointer-events: none;
}

@media (max-width: 750px) {
  [class*="newDenim-shape"]::after {
    display: none;
  }
}

.newDenim-shape_1::after {
  bottom: -150px;
  background-image: url(../images/newDenim/bg_6.png);
  background-position: right bottom;
}

.newDenim-shape_2::after {
  bottom: -250px;
  background-image: url(../images/newDenim/bg_7.png);
  background-position: right -60px bottom;
  -webkit-background-size: 500px;
  background-size: 500px;
}

.newDenim-shape_3::after {
  bottom: -150px;
  background-image: url(../images/newDenim/bg_4.png);
  background-position: left bottom;
  -webkit-background-size: 500px;
  background-size: 500px;
}

.newDenim-shape_4::after {
  bottom: -250px;
  background-image: url(../images/newDenim/bg_6.png);
  background-position: right bottom;
  -webkit-background-size: 500px;
  background-size: 500px;
}

.newDenim-shape_5::after {
  bottom: -250px;
  background-image: url(../images/newDenim/bg_7.png);
  background-position: -60px bottom;
  -webkit-background-size: 500px;
  background-size: 500px;
}

.newDenim-shape_6::after {
  bottom: -250px;
  background-image: url(../images/newDenim/bg_4.png);
  background-position: right bottom;
  -webkit-background-size: 500px;
  background-size: 500px;
}

.newDenim-shape_7::after {
  bottom: -150px;
  background-image: url(../images/newDenim/bg_7.png);
  background-position: left bottom;
  -webkit-background-size: 500px;
  background-size: 500px;
}

.newDenim-shape_8::after {
  bottom: -150px;
  background-image: url(../images/newDenim/bg_6.png);
  background-position: right bottom;
  -webkit-background-size: 500px;
  background-size: 500px;
}

.newDenim-shape_9::after {
  bottom: -150px;
  background-image: url(../images/newDenim/bg_4.png);
  background-position: left bottom;
  -webkit-background-size: 500px;
  background-size: 500px;
}

.newDenim-content__header {
  position: relative;
  border-top: 16px solid #d57066;
  margin-top: -100px;
}

@media (max-width: 750px) {
  .newDenim-content__header {
    border-width: 8px;
    margin-top: -50px;
  }
}

.newDenim-content__header-image-src {
  width: 100%;
}

.newDenim-content__header-title {
  font-size: 34px;
  letter-spacing: 0.2em;
  text-align: center;
  width: 34%;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  background-color: #fefefe;
  padding: 8px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 750px) {
  .newDenim-content__header-title {
    font-size: 24px;
    width: auto;
    position: static;
    margin-left: auto;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}

.newDenim-content__header-title.-text_left {
  left: 0;
  right: auto;
}

.newDenim-container {
  width: 1150px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 750px) {
  .newDenim-container {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.newDenim-hero__image-src {
  width: 100%;
}

.newDenim-menu {
  background-image: url(../images/newDenim/bg_1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.newDenim-menu_body {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 24px;
  padding-bottom: 24px;
}

@media (max-width: 750px) {
  .newDenim-menu_body {
    justify-content: flex-start;
    padding-top: 16px;
    padding-bottom: 16px;
    margin: -8px;
  }
}

.newDenim-menu__item {
  font-family: serif;
  font-size: 20px;
  letter-spacing: 0.1em;
}

@media (max-width: 750px) {
  .newDenim-menu__item {
    font-size: 16px;
    margin: 8px;
  }
}

.newDenim-menu__item-inner {
  text-decoration: underline;
  text-decoration-color: #f4e0a1;
  text-underline-offset: 0.5em;
  text-decoration-thickness: 0.2em;
}

.inBlockTextLeft {
  text-align: center;
}

.inBlockTextLeft > * {
  text-align: left;
  display: inline-block;
}

.newDenim-text_1 {
  font-size: 18px;
  letter-spacing: 0.075em;
  line-height: 2;
}

@media (max-width: 750px) {
  .newDenim-text_1 {
    font-size: 15px;
  }
}

.newDenim-title_1 {
  font-family: serif !important;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 24px;
}

@media (max-width: 750px) {
  .newDenim-title_1 {
    font-size: 20px;
    border-bottom: 0 !important;
    margin-bottom: 24px !important;
  }
}

.newDenim-title_2 {
  font-family: serif;
  font-size: 20px;
  letter-spacing: 0.1em;
  text-align: center;
  width: 800px;
  background-color: #fefefe;
  padding: 16px;
  border-bottom: 1px solid;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .newDenim-title_2 {
    width: 100%;
  }
}

.newDenim-text_1.-text_center {
  text-align: center;
}

.newDenim-card_1 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  margin: -32px -16px;
}

.newDenim-card_1__item {
  margin: 32px 16px;
}

.newDenim-card_1__item.-empty {
  width: 100%;
  height: 0;
  margin: 0;
}

.newDenim-card_1__item-text {
  font-family: serif;
  font-size: 14px;
  letter-spacing: 0.1em;
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 16px;
}

.newDenim-frame_1 {
  width: 800px;
  position: relative;
  background-color: #fefefe;
  border: 1px solid #666;
  padding: 48px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .newDenim-frame_1 {
    width: 100%;
    padding: 24px;
  }
}

.newDenim-frame_1::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: calc(100% - 32px);
  height: calc(100% - 32px);
  border: 1px solid #666;
  margin: auto;
  pointer-events: none;
}

@media (max-width: 750px) {
  .newDenim-frame_1::before {
    width: calc(100% - 24px);
    height: calc(100% - 24px);
  }
}

.newDenim-frame_1__title {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid currentColor;
  margin-bottom: 24px;
}

.newDenim-content_ladder > *:not(:first-child) {
  margin-top: 64px;
}

.newDenim-frame_1_dl_1__row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.newDenim-frame_1_dl_1__row:not(:first-child) {
  margin-top: 24px;
}

.newDenim-frame_1_dl_1__head,
.newDenim-frame_1_dl_1__data {
  letter-spacing: 0.075em;
}

@media (max-width: 750px) {
  .newDenim-frame_1_dl_1__head,
  .newDenim-frame_1_dl_1__data {
    font-size: 15px;
  }
}

.newDenim-frame_1_dl_1__head {
  flex-shrink: 0;
  font-weight: bold;
  width: 100px;
}

.newDenim-color_variation_1 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -8px;
}

@media (max-width: 750px) {
  .newDenim-color_variation_1 {
    display: block;
  }
  /* Carousel */
  .flickity-viewport {
    height: 115px !important;
  }
  .gallery-cell {
    font-size: 14.9px;
    height: 115px;
  }
}

.newDenim-color_variation_1__item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  margin: 8px;
}

.newDenim-color_variation_1__item::before {
  content: "";
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  border-radius: 999px;
  margin-right: 0.5em;
}

.newDenim-color_variation_1__item.-color_1::before {
  background-color: #344a6a;
}

.newDenim-color_variation_1__item.-color_2::before {
  background-color: #595e80;
}

.newDenim-block_link_more_1 {
  text-align: center;
}

.newDenim-link_1 {
  color: #fefefe !important;
  display: inline-block;
  background-color: #d57066;
  padding: 16px 48px;
  border-radius: 999px;
}

.newDenim-block_link_banner_1 {
  text-align: center;
}

.newDenim-block_link_banner_1__inner {
  display: inline-block;
}

@media (max-width: 480px) {
  .carousel-1-sp,
  .carousel-2-sp {
    display: flex;
  }
  .carousel-1-sp .white {
    display: none;
  }
  .carousel-pc {
    display: none;
  }
  .ytMainDiv {
    flex-direction: column;
  }
  .ytDiv {
    width: 100%;
  }
}

@media (max-width: 375px) {
}

/* ここから */
.category__table {
  border-width: 1px;
}

.category__table tr {
  border: 1px solid #000;
}

.category__table td {
  padding: 15px;
}

@media (max-width: 750px) {
  .category__table td {
    vertical-align: middle;
    padding: 12px;
    font-size: 15px;
  }

  .category__table td:nth-of-type(1) {
    padding-right: 0;
  }

  .category__table td:nth-of-type(2) {
    padding-left: 24px;
  }
}

.category_rental-box {
  padding-bottom: 5%;
}

@media (max-width: 750px) {
  .category_container01 {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
  }

  .category_rental-box {
    padding-bottom: 0;
  }
}
.post-type-archive-omatsuri .banner__img img {
  max-width: 100%;
}
@media (max-width: 768px) {
  .box.image {
    width: 100%;
  }
  .box.image p.name {
    width: 95%;
    margin: 0 auto;
  }
  .box.image p:last-child {
    margin-top: 15px;
    text-align: right;
  }
  .box.image.right {
    position: relative;
    margin-bottom: 20px;
  }
  .box.image.right p:first-child {
    position: absolute;
    bottom: 0px;
    right: 2.5%;
  }
}
@media (min-width: 769px) {
  .box.image {
    margin-top: -30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .box.image.right {
    justify-content: flex-end;
  }
  .box.image p:last-child {
    margin-left: 60px;
    font-size: 25px;
  }
  .box.image.right p:first-child {
    font-size: 25px;
  }
  .post-type-archive-omatsuri .banner__img {
    margin-bottom: 20px;
  }
}