@charset "euc-jp";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
html {box-sizing:border-box;}
*, ::before, ::after {box-sizing:inherit;}
* { -webkit-appearance: none; border-radius: 0; box-shadow:none; margin:0;}
ul {padding:0;} ul li {list-style:none;}
h1, h2, h3, h4 {font-weight:normal; margin:0; font-size:inherit;}
table {border-collapse: collapse;} form {margin:0;}
body {font-size:8pt; color:#341508; font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height: 2em; background-color: #fff; text-align:center; letter-spacing:0.1em; }

a {color:inherit; text-decoration:none;}
a:hover {color:#4286b1; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; text-decoration:none; opacity:0.7;}
a img:hover {-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; text-decoration:none; opacity:0.7;}
.en {font-family: 'Open Sans', sans-serif; letter-spacing:0.3em;}
.eng {font-family: 'Open Sans', sans-serif; letter-spacing:0.2em;}
.clear {clear:both;}
.title {font-size:150%; font-weight:600; margin-bottom:2em; font-family:'Open Sans', sans-serif; letter-spacing: 0.2em; padding-bottom:1em; background:url(https://img20.shop-pro.jp/PA01248/349/etc/line.png) bottom center no-repeat; background-size:30px auto;}
.block {margin-bottom:6em;}
.btn {display:inline-block; max-width:100%; padding:1em 0.5em;
border-radius:3px; text-align:center; transition:.25s;}
.fa-instagram, .fa-facebook-f {font-size:120%; margin-right:0.5em;}

main {width:70%; margin:208px auto 40px auto; position:relative; overflow-x:hidden;}
.contents {margin-top:208px;}

.pages {width:100%; padding-top:24px; padding-bottom: 5em; border-top:1px solid #4286b1;}

@media (max-width:1024px) { 
	.phone {display:block;} .desktop {display:none!important;}
	.br-pc { display:none; } .br-sp { display:block; }
}
@media (min-width:1025px) { 
   .phone {display:none!important;} .desktop {display:block;}
   .br-pc { display:block; } .br-sp { display:none; }
}
@media (max-width:1024px) {
	body {font-size:0.75em; padding-top:80px;}
    main {width:90%; margin: 10vw 5% 0 5%;}
  .contents {margin-top:172px;}
  .block {margin-bottom:6em;}
  .title {margin-bottom:1em;}
}

/* サイドオープン時にメインコンテンツを覆う部分 */
.overlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 103;
}
.overlay::after {
  content: "CLOSE";
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  color: rgba(255,255,255,0.5);
  font-size: 40px;
  text-align: center;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.menu-open .overlay {
  visibility: visible;
  cursor: pointer;
  background: rgba(102,102,102,0.5);
}
.menu-open .overlay::after {
  visibility: visible;
  color: rgba(255,255,255,0.5);
}

/* メニュー */
.menu {background:#FFF; display:none;}
.menu-open .menu {background:#FFF; display:block;}
.menu {
  position: fixed;
  top: 0;
  right: 0;
  width: 350px;
height:100%;
  padding-top:70px;
  overflow:auto;
  text-align: left;
  z-index: 1;
}
@media (max-width:1024px) {
  .menu {
  width: 300px;
  }
}
/* デフォで付く▶を消す */
details summary {list-style: none;}
details summary::-webkit-details-marker {display: none;}
details summary {cursor: pointer;}

/* PC　開閉用ボタン */
.menu-btn {
  position: fixed;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  background:url(https://img20.shop-pro.jp/PA01248/349/etc/menu.png) center no-repeat #4286b1;
  background-size:30% auto;
  cursor: pointer;
  z-index: 4;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  padding-top:250px;
}
.menu-btn p {margin-right: 13px;}
.menu-open .menu-btn {
  position: fixed;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  background:url(https://img20.shop-pro.jp/PA01248/349/etc/menu_open.png) center no-repeat #4286b1;
  background-size:30% auto;
  color:#4286b1;
}
@media (max-width:1024px) {
  .menu-btn {
    width: 15vw;
    height: 15vw;
    position: fixed;
    top: 0;
    right: 0;
    padding-top: 0;
    background:url(https://img20.shop-pro.jp/PA01248/349/etc/menu_phone.png) center no-repeat #4286b1;
     background-size: contain;
  }
  .menu-open .menu-btn {
    width: 15vw;
    height: 15vw;
    background:url(https://img20.shop-pro.jp/PA01248/349/etc/menu_phone_open.png) center no-repeat #4286b1;
    background-size: contain;
  }
}

/* メインコンテンツ */
.wrapper {
  margin-top: -208px;
  background:#fff;
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 2;
}
/* サイドメニューオープン */
.menu-open .wrapper, .menu-open .overlay {
  -webkit-transform: translate3d(-350px, 0, 0);
  transform: translate3d(-350px, 0, 0);}

/* メニュー内容 */ 
.menu ul {margin-left: 60px; margin-right: 110px;}
.menu li {display:block; padding-bottom: 1em; font-weight:bold;}
.menu li:nth-of-type(-n+3) {padding-bottom:5px;}
.menu li:nth-last-of-type(-n+16) {font-weight:normal;}
.menu li.menu_title {padding-bottom:0.5em; border-bottom:1px solid #341508; font-size:80%; margin-bottom:2em;}
.menu .btn {background:#cfc4be; display:block; padding:}
.menu .btn:hover {color:#341508;}
.menu .cart {background:#ee7836; color:#fff;}
.cart, summary {font-weight:bold;}
.cart img {width:auto; height:15px; margin-right:1em;}
/* 検索 */ 
.menu li.search {padding-top: 3em; padding-bottom:40px; border-bottom:1px solid #341508;}
.search_text {border:none;  box-shadow:none;  height:40px; font-size:90%; letter-spacing:0.15em; padding:0 1em; box-sizing:border-box; width:80%; float:left; margin-bottom:60px;}
.soushin {width:20%; float:right; background: url(https://img20.shop-pro.jp/PA01248/349/etc/search.png) 3px 8px no-repeat; background-size: 13px 19px;
width:25px; height:40px; border: none; cursor: pointer; text-indent: -9999px;}

li.kodawari {margin:30px 0;}
li.kodawari ul {margin:2em 0 -100px 1em;}
li.kodawari ul li {font-weight:normal;}
summary::after {
  content: "";
    background:url("https://img20.shop-pro.jp/PA01248/349/etc/close.png") center right no-repeat;
  background-size: contain; vertical-align: middle; margin-left: 1em; display: inline-block; width: 17px; height: 17px;
   }
details[open] summary::after {
  content: "";
    background:url("https://img20.shop-pro.jp/PA01248/349/etc/open.png") center right no-repeat;
  background-size: contain; vertical-align: middle; margin-left: 1em; display: inline-block; width: 17px; height: 17px;
   }

.menu li.menu_sns {padding-top:1em;}
.menu li.menu_sns, .menu li:last-of-type {border-bottom:none;}
@media (max-width:1024px) {
  .menu {padding-top:30px;}
  .menu ul {margin-left: 50px;margin-right: 50px;}
  .menu li {}
  .menu-open .wrapper, .menu-open .overlay {
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);}
  .search_text {width:75%;}
}


/* ヘッダーメニュー */
header {
background:rgba(255,255,255,0.95);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  padding: 43px 0 0 0;
  transition: 0.5s;
}
.header_inner {width:70%; margin:0 15%; position:relative;}
.toabout {width:auto; position:absolute; top:65px; left:0;
padding-left:2.5em; background:url(https://img20.shop-pro.jp/PA01248/349/etc/mugi.png) center left no-repeat; background-size:2em auto; color:#4286b1;}
.pc_menu {width:auto; position:absolute; top:65px; right:0; }
.pc_menu li {display:inline-block; margin-right:1.7em; height:20px;}
.pc_menu li img {height:100%;}
/* ロゴ */ 
.logo {width:250px; margin:0 auto; transition: 0.5s;}
.logo a {height:165px; width:100%; text-indent:-9999px;
  display:block; overflow:hidden; 
  background:url(https://img20.shop-pro.jp/PA01248/349/etc/logo.png) top center no-repeat; background-size:100%;}
/* スクロール後 */ 
header.scroll-nav {padding: 33px 0 46px 0;}
header.scroll-nav .logo {width:320px;}
header.scroll-nav .logo a {height:55px; background:url(https://img20.shop-pro.jp/PA01248/349/etc/logo_yoko.png) top center no-repeat; background-size:100%;}
header.scroll-nav .toabout, header.scroll-nav .pc_menu {top:25px;}
@media (max-width:1024px) {
  header { 
    padding: 4vw 15vw 0 0;
    height: 15vw;
  }
  .header_inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 0 0 5%;
    width: auto;
  }
  .logo {
    width: 45vw;
  margin: 0;
  }
  .logo a {
        height: 10vw;
    background:url(https://img20.shop-pro.jp/PA01248/349/etc/logo_yoko.png) top center no-repeat;
    background-size: 100%;
  }
  header.scroll-nav {padding: 4vw 15vw 0 0;}
  header.scroll-nav .logo {width: 45vw;}
  header.scroll-nav .logo a {height:15vw; background:url(https://img20.shop-pro.jp/PA01248/349/etc/logo_yoko.png) top center no-repeat; background-size:100%;}
  .pc_menu {
    position: inherit;
    top: 0;
    display: flex;
    justify-content: space-between;
  }
  .pc_menu li {
    margin: 0.6em 1.3em 0 0;
    height: 15px;
  }
  header.scroll-nav .pc_menu {
    top: 0;
  }
}


/* フッター */ 
/* チェックした商品 */ 
.history_block {margin-top:6em;}
.history {font-size: 0;}/* inline-blockの隙間を消し去る */
.history a {width: 16.66%; display:inline-block; margin:0;}
.history a img { width: 100%;}
@media (max-width:1024px) { 
  .history a {width: 33.3%;}
}

footer {text-align:left; margin-top:6em;}
/* サイトマップ */
.sitemap {padding:5em 0;}
.sitemap ul {float:left; width: 25%; padding-right: 4em;}
.sitemap ul li {padding-bottom:0.5em;}
.sitemap ul li:first-of-type {
  padding-bottom: 0.5em;
margin-bottom: 2.5em;
    border-bottom: 1px solid #4286b1;
    font-weight: bold;
    color: #4286b1;
}
 .sitemap ul:nth-of-type(4) {
    padding-right:0;
}
@media (max-width:1024px) { 
  footer {margin-top:5em;}
  .sitemap {
    position: relative;
    padding-top:0;
    font-size: 80%;
  }
  .sitemap ul {
    width: 46%;
    margin-right: 4%;
    padding: 0;
  }
  .sitemap ul:nth-of-type(2n) {
    padding-bottom: 5em;
  }
  .sitemap ul:nth-of-type(3n) {
    padding-right:0;
    margin-right:0;
  }
  
}

/* カレンダー */ 
.sitemap ul.calendar {
  width: auto;
  padding-right: 0;
  float: right;
  margin-bottom: 3em;
  letter-spacing:0.1em; 
  text-align:left;
}
.calendar li:nth-of-type(2) {
  display: flex;
    justify-content: space-between;
}
.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  font-size:80%;
}
.calendar .tbl_calendar:last-of-type {margin-bottom:0;}
.tbl_calendar th, .tbl_calendar td {
  padding: 0 7px !important;
  text-align: center !important;
  border-bottom: 1px solid #bbb!important;
  font-weight:normal
}
.tbl_calendar th {font-size:80%;}
.calendar_memo {
  margin-top: 2em;
}
.calendar caption {font-size: 110%;}
.calendar_hosoku {margin-top: 1em;}
.calendar_hosoku a {border-bottom:1px dotted #4286b1;}
@media (max-width:1024px) { 
  .sitemap ul.calendar {
    width: 100%; 
    clear:both;
    float:none;
  }
.tbl_calendar {
  width: 46%;
  }
  .tbl_calendar th, .tbl_calendar td {
  padding: 0 0.5em !important;
  }
  .calendar .clear table {margin-bottom: 1em;}
}

.footerlogo {text-align:center; vertical-align:middle; padding-top:5em;}
.footerlogo img {display:inline-block; width:80px; margin: 0 2em 0 1em;}
@media (max-width:1024px) { 
  .footerlogo {padding:3em 0 1em 0;}
  .footerlogo a {font-size:7pt;}
  .footerlogo img {width:65px;}  
}


/* 実店舗ページへ */
.toshop {color:#4286b1; position:fixed; left:0; top:50%; z-index: 4;  transform: rotate( -90deg ); padding-left:2em; background:url(https://img20.shop-pro.jp/PA01248/349/etc/toshop.png) center left no-repeat; background-size:0.7em;}



/* フリーページ */
.free {
  width:720px; 
  margin:0 auto 6em auto; 
  text-align:left; 
  padding:5em;
  background:#f9f8f5;
  font-size:9pt;
}
h2.free_title {margin:0 auto 3em auto; text-align:center; font-weight:bold; font-size:160%; padding-top:35px;}
.free h3 {margin:3em 0 2em 0; font-weight:bold; 
font-size:120%; padding-top:2em; border-top:1px dotted #341508;}
.free h3:first-child {margin-top:0;}
.free img {width: 100%!important; height:auto!important; margin:1.5em 0; display:block;}
.free a {
  background:#cfc4be;
  padding:0.5em; margin-right:0.2em;
  border-radius:5px;
}
.chui {font-weight:bold; color:#ee7836;}
.free ul {margin:2em auto;}
.free ul li {padding:0.5em 0; list-style-type:disc;}
.free p {margin:2em auto;}
.free table {margin:2em 0;}
.free table th {padding:0 1em 0.5em 0; vertical-align:top;}
.free table a {background:none; font-weight:bold;}
.free iframe {width:100%;}
@media (max-width:1024px) {
  .free {
    width:100%;
    padding: 3em;
  }
  .free table th {
    width: 6em;
  }
}