@charset "utf-8";
/* CSS Document */
/*webフォント読み込み*/
@font-face {/*notosansレギュラー*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Regular.otf');
  src:
  url('../fonts/NotoSansJP-Regular.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Regular.woff') format('woff'),
  url('../fonts/NotoSansJP-Regular.otf') format('truetype');
	font-weight: 400;
}
@font-face {/*notosansミディアム*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Medium.otf');
  src:
  url('../fonts/NotoSansJP-Medium.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Medium.woff') format('woff'),
  url('../fonts/NotoSansJP-Medium.otf') format('truetype');
	font-weight: 500;
}
@font-face {/*notosansボールド*/
  font-family: 'Noto Sans JP';
  src: url('../fonts/NotoSansJP-Bold.otf');
  src:
  url('../fonts/NotoSansJP-Bold.woff2') format('woff2'),
  url('../fonts/NotoSansJP-Bold.woff') format('woff'),
  url('../fonts/NotoSansJP-Bold.otf') format('truetype');
	font-weight: 700;
}

@font-face {/*noto-serif medium*/
  font-family: 'Noto-serif';
  src: url('../fonts/NotoSerifJP-Bold.otf');
  src:
  url('../fonts/NotoSerifJP-Medium.woff2') format('woff2'),
  url('../fonts/NotoSerifJP-Medium.woff') format('woff'),
  url('../fonts/NotoSerifJP-Medium.otf') format('truetype');
	font-weight: 500;
}
@font-face {/*noto-serifボールド*/
  font-family: 'Noto-serif';
  src: url('../fonts/NotoSerifJP-Bold.otf');
  src:
  url('../fonts/NotoSerifJP-Bold.woff2') format('woff2'),
  url('../fonts/NotoSerifJP-Bold.woff') format('woff'),
  url('../fonts/NotoSerifJP-Bold.otf') format('truetype');
	font-weight: 700;
}
@font-face {/*noto-serif Regular*/
  font-family: 'Noto-serif';
  src: url('../fonts/NotoSerifJP-Regular.otf');
  src:
  url('../fonts/NotoSerifJP-Regular.woff2') format('woff2'),
  url('../fonts/NotoSerifJP-Regular.woff') format('woff'),
  url('../fonts/NotoSerifJP-Regular.otf') format('truetype');
	font-weight: 400;
}

/* Link
=========================================== */

a:link, a:visited {
	color:#707070;text-decoration: none;
}
a:hover, a:active {
	color:#707070;text-decoration: underline;
	
}
a {
	outline: none;transition: 0.3s;color:#707070;text-decoration: none;
}

a img{transition: 0.3s;}


:focus{outline: none;}
a[target="_blank"] {}

/* 共通設定
=========================================== */

body{}
.pc{display:none!important;}
body {
	background:#fff;
	color:#707070;
	font-size:16px;
	line-height: 1.875;
	font-family: 'Noto-serif',"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-style: normal;
	font-weight: 500;
	word-break: break-all;
	overflow: hidden;
	padding-top: 60px;
	letter-spacing: 0.1em;
}
body.home{}
h1,h2,h3,h4,h5,h6{line-height: 1.5;font-weight: 400;}
body,li,th,td,p,dt,dd{}
body#tinymce{min-width:inherit!important;}
input,select,textarea{font-family: 'Noto-serif',"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;font-weight: 500;font-size: 16px;}

img{width:100%;height:auto;}
table {width: 100%;}
body,li,th,td,p,dt,dd{}

.no-pc{display: inline-block;text-decoration: none!important;}
.inb{display: inline-block;}
.block{display: block;}
.wrap{position: relative;}

/*共通見出し設定*/
.titles01{font-size: 22px;margin-bottom: 25px;font-weight: 400;}

/*共通ボタン設定*/
.btn01{}
.btn01 > a{display: inline-block;text-decoration: none;padding-left: 24px;background: url("../img/common/btn-arrow.svg") no-repeat left center;}
.btn01 > a:hover{opacity: 0.7;}


/*スライダー　ふわっ*/
div#main-slider,div.slider,div#item-slider01,div#gallery-slider,div#gallery-thumbs,div#gallery-slider02,div#gallery-thumbs02{opacity: 0;transition: opacity .3s linear;}
div#main-slider.slick-initialized,div.slider.slick-initialized,
div#item-slider01.slick-initialized,div#gallery-slider.slick-initialized,div#gallery-thumbs.slick-initialized,div#gallery-slider02.slick-initialized,div#gallery-thumbs02.slick-initialized{opacity: 1;}



/*font*/
.goth{ font-family: 'Noto Sans JP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;}
.min{ font-family: 'Noto-serif',"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}



.tright {text-align:right;}
.tleft {text-align:left;}
.tcenter {text-align:center;}
.flL {float:left;}
.flR {float:right;}
.bold {font-weight:bold;}
.inb{display:inline-block;}
.block {display: block;}
.red {color:#D22471;}
.blue {color:#0A72A5;}
.yellow{color:#FFEC00;}
.orange{color:#EB6300;}
.green{color:#00B561;}
.navy{color:#374b8e;}
.pink{color:#ff7373;}
.gray{color: #818181;}

/*header
---------------------------------------------------------------*/
div#header{background:#fff;width: 100%;position: fixed;z-index: 30;left: 0;top:0;height: 60px;transition: 0.3s;box-sizing: border-box;}
.head-inner.flex{box-sizing: border-box;padding: 0 60px;}
div#gnav,
.head-text01{display: none;}

.logo {padding: 18px 0 0 2vw;width: 170px;}
/*.fixed div#header{box-shadow: 0 0 3px rgba(0,0,0,0.1);}*/

div.cartbtn {position: absolute;top: 18px;right: 10px;}
div.cartbtn a{display: block;font-weight: 500;text-decoration: none;text-align: center;}
div.cartbtn a > span {display: inline-block;padding-top: 25px;background: url(../img/common/ico-cart.svg) no-repeat top right 8px;position: relative;background-size: auto 26px;font-size: 12px;width: 36px;}
.cart-count1.cart_in0 { display: none; }
.cart-count1 { width: 20px; height: 20px; border-radius: 100%; background: #fff; color: #EB6300; line-height: 20px; font-weight: 500; text-align: center; position: absolute; left: 14px; top: 6px; }

div.loginbtn {position: absolute;top: 18px;right: 60px;}
div.loginbtn a{display: block;font-weight: 500;color: #0C0C0C;text-align: center;width: 30px;height: 30px;background: url(../img/common/ico-login.svg) no-repeat center top;background-size: auto 24px;}


ul.navs-list > li.cartbtn{width: 100%;margin-bottom: 10px; }
li.cartbtn a{display: block;line-height: 48px;font-size: 16px;font-weight: 500;text-decoration: none;text-align: center;border: solid 1px #707070;}
li.cartbtn a > span{display: inline-block;padding-left: 45px;background: url("../img/common/ico-cart.svg") no-repeat left center;position: relative;background-size: 33px;}
.cart-count1.cart_in0 { display: none; }
.cart-count1 { width: 20px; height: 20px; border-radius: 100%; background:#E6E6E6 ; color:#4A4A4A; line-height: 20px; font-weight: 500; text-align: center; position: absolute; left: 24px; top: 6px;font-size: 12px; }

ul.navs-list > li.loginbtn{width: 100%;margin-bottom: 15px; }
li.loginbtn a{display: block;background: #fff;line-height: 48px;font-size: 16px;font-weight: 500;color: #0C0C0C;text-align: center;}
li.loginbtn a > span{display: inline-block;padding-left: 35px;background: url("../img/common/ico-login.svg") no-repeat left center;background-size: 24px;}
ul.navs-list > li.loginbtn a{border: solid 1px #707070;}

div#f-trigger{position: absolute;z-index: -100;left: 0;top:60px;}

/* nav
=========================================== */
html.huopen{overflow: hidden;}
.nav-logo{width: 108px;position: absolute;left: 5vw;top:13px;}

ul.navs-list .head-btn{width: 100%;margin-bottom: 10px;}
ul.navs-list .head-btn:last-child{margin-bottom: 0;}

.sp-nav-btn {width: 60px;height: 60px;position: fixed;top:0;left:0;z-index: 202;box-sizing: content-box;}
.sp-nav-btn:before {content: "";width: 40%;height: 2px;background:#707070;position: absolute;top: 23px;left: 30%;transition: 0.3s;box-shadow: 0 6px 0 #707070;}
.sp-nav-btn:after {content: "";width: 40%;height: 2px;background: #707070;position: absolute;bottom:23px;left: 30%;transition: 0.3s;}

.sp-nav-btn.opon:before {box-shadow: none;transform: rotateZ(45deg);top: 29px;background: #fff;}
.sp-nav-btn.opon:after {transform: rotateZ(-45deg);bottom: 29px;background: #fff;}

.overlay-nav {display: none;}
.overlay-nav.opon {z-index:15;opacity: 1;}
div.navs-list-wrap {position: fixed;width: 240px;height:100%;z-index: 200;top: 0;box-sizing: border-box;background:#4A4A4A;left: -240px;transition: 0.3s;padding: 65px 0 0;}
div.navs-list-wrap.opon{left:0;}

div.navs-list-wrap:before{content:"";width: 100%;height: 200px;background:#656565;position: absolute;left: 0;top:0;}

ul.navs-list {height: calc(100vh - 60px);overflow: auto;box-sizing: border-box;padding: 0 10px 70px;}
ul.navs-list{position: relative;}
.navs-list > li{color: #fff;width: 100%;margin-left: auto;margin-right: auto;position: relative;}
.navs-list > li.nav-top.nav-top-last{padding-bottom: 30px;}
.navs-list > li.nav-bottom.nav-bottom-first{padding-top: 30px;}
.navs-list > li.nav-top:before{content:"";width: calc(100% + 20px);height: 100%;background: #656565;left: -10px;top:0;position: absolute;}
.navs-list > li a{color: #fff;position: relative;z-index: 2;}
.navs-list > li:last-child{border-bottom:0;}
.navs-list > li > a {display: block;padding:10px 0;text-decoration: none;font-size: 16px;font-weight: 500;}
.navs-list > li.nav-bottom > a{font-size: 13px;padding-left: 15px;background: url("../img/common/gnav-arrow-sp.svg") no-repeat left center;}
/*パンくず
---------------------------------------------------------------*/
div#bread {z-index: 2;position: relative;padding: 5px 5% 5px;}
#bread ul{display: flex;flex-flow: wrap;justify-content: flex-end;}
#bread ul li {display: inline-block;font-size:14px;font-weight: 500;}
ul.bread-list li a{font-size:14px;text-decoration:underline;}
ul.bread-list li a:hover{text-decoration:none;}
ul.bread-list li:after{content:">";margin-left:10px;margin-right: 5px;display: inline-block;position: relative;}
ul.bread-list li:last-child:after{content:none;}


/* メインビジュアル */
/*-------------------------------------------*/
/*TOPページ*/
div#mv{position: relative;z-index: 3;}
.home div#mv{padding-bottom: 30px;overflow: hidden;}

div#main-slider{width: 100vw;margin: 0 auto;}
div#main-slider .slick-list{overflow: visible;}
.m-slider{margin-right: 2px;}
.slide-in{width: 100vw;height: 0;padding-top: 100%;}


.home div#mv .slick-dots {bottom:-30px!important;}
.home div#mv .slick-dots li {width:10px;height:10px;}
.home div#mv .slick-dots li button {width:10px;height:10px;}
.home div#mv .slick-dots li button:before {content: '';width: 10px;height: 10px;position: absolute;top: 0;left: 0;opacity:1;border:1px solid #B4B4B4;box-sizing: border-box;border-radius:100%;}
.home div#mv .slick-dots li.slick-active button:before {opacity:1;background:#B4B4B4;}

/*下層ページ*/
body:not(.home) div#mv.under-mv{}
body:not(.home) div#mv.under-mv > .wrap{height: 90px;display: table;width: 100%;}
body:not(.home) div#mv.under-mv > .wrap .mv-tit{display: table-cell;text-align: left;vertical-align: middle;padding: 0 5%;background: #EFEFEF;}
body:not(.home) div#mv.under-mv > .wrap .mv-tit{font-size:24px;}

/* footer */
/*-------------------------------------------*/
div#scr {
    display: none;
}
div#footer{;}
div#footer a{}
div#ftBox01{padding: 100px 5%;background: url("../img/common/ft-bg01-sp.jpg") no-repeat center;background-size: cover;color: #fff;}
div#ftBox01 a{color: #fff;text-decoration: underline;}

div#fnav {justify-content: space-between;}
div#fnav ul > li{margin-bottom: 25px;}
div#fnav ul > li:last-child{margin-bottom: 0;}

.ft-notes.flex{display: block;}

.ft-notes.flex > .box{margin-bottom: 50px;}
.ft-notes.flex > .box:last-child{margin-bottom: 0;}

.ft-notes.flex > .box .in-set{margin-bottom: 45px;}
.ft-notes.flex > .box .in-set > h3{margin-bottom: 10px;pointer-events: none!important;margin-left: -10px;}
.ft-notes.flex > .box .in-set > .text{display: block!important;}
.ft-notes.flex > .box .in-set:last-child{margin-bottom: 0;}
.ft-notes.flex > .box:last-child{margin-right: 0;}
.ft-ban{}


div#ftBox02{padding: 100px 5% 60px; }
div#ftBox02 .wrap{}
h2.ft-logo{max-width: 310px;}
div#ftBox02 .wrap > .left{margin-bottom: 50px;}
ul#fnav{margin-top: 30px;}
ul#fnav > li{margin-top: 5px;width: 100%;}
ul#fnav > li > a{padding-left: 13px;display: inline-block;background: url("../img/common/ft-arrow.svg") no-repeat left center;font-size: 13px;}



.ft-bottom{}
.ft-bottom .wrap {padding: 15px 0 15px;}
.copyright{font-size: 14px;text-align: center;}
/* TOPへ戻る */
/*-------------------------------------------*/
div#top-link {position: absolute;left: 0;top: 0;opacity: 0;z-index: -20;}
div#page-top {position: fixed;right: 5px;bottom:5px;opacity: 0;z-index: -3;transition: opacity 0.3s;}
.fixed div#page-top{opacity: 1;z-index: 20;}
div#page-top a{display: block;text-align: center;width: 40px;height: 40px;border-radius: 100%;box-shadow: 0 0 3px 0 rgba(255,255,255,0.3);background:  url("../img/common/page-top.svg") no-repeat center #0A5B2F;}


/* iOSでのデフォルトスタイルをリセット */
input[type="password"],
textarea,
input[type="text"],
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  
  box-sizing: border-box;
  cursor: pointer;
}
input[type="password"]::-webkit-search-decoration,
textarea::-webkit-search-decoration,
select::-webkit-search-decoration,
input[type="text"]::-webkit-search-decoration,
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="password"]::focus,
textarea::focus,
select::focus,
input[type="text"]::focus,
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

select{color: #333;padding: 5px;box-sizing: border-box;}

/* TOP
------------------------------------------*/
.home div#contents{background: #F2F2F2;padding-top: 120px;margin-top: -120px;}
div#newsBox { padding: 50px 5%; }
div#newsBox .wrap { }
div#newsBox .wrap .titles01 {padding-bottom: 20px;border-bottom: solid 1px #959595; }
div#newsBox .wrap .news-set { box-sizing: border-box;  }
div#newsBox .wrap .btn01 { text-align: right;margin-top: 20px;}

article.news-art { margin-bottom: 30px; }
article.news-art a { display: flex; flex-wrap: wrap; width: 100%; text-decoration: none; align-items: center; }
article.news-art a .b-date { width: 100px; font-size: 16px;margin-bottom: 10px; }
article.news-art a h3 { width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


article.news-art:last-child { margin-bottom: 0; }

div.bannersBox { padding: 50px 5%; }
div#newsBox + div.bannersBox{padding-top: 0;}


.banners.flex { justify-content: space-between; }
.banners.flex > div.ban { margin-top: 15px; }
.banners.flex > div.ban:first-child { margin-top: 0; }

section#pickup-sec { padding: 50px 5% 75px; overflow: hidden; }

section#products-sec { padding: 75px 5%; position: relative;}
section#products-sec .wrap { z-index: 2; }

section#products-sec:before { content: ""; width: 100%; height: calc(100% - 132px - 17vw); background: #656565; position: absolute; left: 0; bottom: 0; }



section#topBox01 {}
section#topBox01 .wrap { padding: 60px 5% 100px;}
section#topBox01 .img {padding-top: 98.37%;background: url("../img/top/top-bg01-sp.jpg") no-repeat center;background-size: cover;}
section#topBox01 .wrap .cont { }
section#topBox01 .wrap .btn01 { margin-top: 20px;text-align: right;}

.sub { line-height: 1.6; font-size: 20px; margin-bottom: 30px; }

section#topBox02 { }
section#topBox02 a{  }
section#topBox02 .wrap { padding: 60px 5% 100px;}
section#topBox02 .wrap .titles01 { width: 100%; }
section#topBox02 .img {padding-top: 98.37%;background: url("../img/top/top-bg02-sp.jpg") no-repeat center;background-size: cover;}
section#topBox02 .wrap .cont {  }
section#topBox02 .btn01 {margin-top: 20px;text-align: right;}

.cross > div, .cross > section { padding: 75px 5%; }
.cross > div:first-child, .cross > section:first-child { padding-top: 45px; }
.cross > div:nth-child(2n), .cross > section:nth-child(2n) { background: #E6E6E6; }

.products-list01.flex { margin-top: -30px; }
.products-list01.flex article.item-art01 a { color: #fff; }
.products-list01.flex article.item-art01 a p { font-size: 16px; }

article.item-art01 { width: calc(50% - 7px); margin: 30px 14px 0 0; }
article.item-art01 a { display: block; text-decoration: none; }
article.item-art01 a .img { overflow: hidden; margin-bottom: 10px; }
article.item-art01 a .img .in-img { padding-top: 75.75%; transition: 0.3s; }
article.item-art01 a p { font-size: 3.5vw; }
article.item-art01 a:hover .img .in-img { transform: scale(1.05); }

article.item-art01:nth-child(2n) { margin-right: 0; }

/* 02~04 商品
-------------------------*/
div#slider01 article.item-art { }
div#slider01 .slick-list { }
div#slider01 button.slick-arrow { opacity: 1; z-index: 2; transition: 0.3s; width: 13.5vw; height: 18.9vw; box-sizing: border-box; border: none;top:36.08vw; }
div#slider01 button.slick-prev.slick-arrow { background: url("../img/common/slide-arrow01.svg") no-repeat center #4A4A4A; left: -5vw; }
div#slider01 button.slick-next.slick-arrow { background: url("../img/common/slide-arrow02.svg") no-repeat center #4A4A4A; right: -5vw; }
div#slider01 button.slick-arrow:before { content: none; }
div#slider01 .slick-dots { bottom: -30px !important; }
div#slider01 .slick-dots li { width: 10px; height: 10px; }
div#slider01 .slick-dots li button { width: 10px; height: 10px; }
div#slider01 .slick-dots li button:before { content: ''; width: 10px; height: 10px; position: absolute; top: 0; left: 0; opacity: 1; border: 1px solid #B4B4B4; box-sizing: border-box; border-radius: 100%; }
div#slider01 .slick-dots li.slick-active button:before { opacity: 1; background: #B4B4B4; }

article.item-art { width:100%; }
article.item-art a.soldout { pointer-events: none; }
article.item-art .soldout-text { position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); color: #EB6300; font-size: 30px; font-weight: 700; text-align: center; }
article.item-art .soldout-text > span { display: block; position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); }
article.item-art span.pnum { }
article.item-art a { display: block; text-decoration: none; position: relative; }
article.item-art a .img { margin-bottom: 10px; overflow: hidden; position: relative; }
article.item-art a .img .in-img { padding-top: 75.75%; transition: 0.3s; }
article.item-art a h3 { margin-bottom: 5px; font-size: 16px; }
article.item-art a .item-price { position: relative; padding-bottom: 8px; }
article.item-art a .item-price .orange { font-weight: 400; font-size: 16px; color: #4A4A4A; }
article.item-art a .item-price span.yen { font-size: 16px; }
article.item-art a:hover .img .in-img { transform: scale(1.05); }
.item-list02.flex { }
.item-list02.flex article.item-art {width: 100%;margin-bottom: 30px;}
.item-list02.flex article.item-art:last-child {margin-bottom: 0;}
z
div#mv.under-mv02 > .wrap {  }
div#mv.under-mv02 > .wrap h1.mv-tit { font-size: 24px; width: 100%; margin-bottom: 20px; padding: 20px 5% 0; }
div#mv.under-mv02 > .wrap .cont { margin-bottom: 20px;padding: 0 5%;}
div#mv.under-mv02 > .wrap .cont .btn01 { margin-top: 15px; }
div#mv.under-mv02 > .wrap .img { }
div#mv.under-mv02 > .wrap .img .in-img { padding-top: 75.65%; }

section.itemSec { margin-bottom: 100px; }

section.itemSec:last-child { margin-bottom: 0; }
section.itemSec .titles01{font-size: 18px;color: #fff;background: #393939;padding: 15px 20px;}
/*商品詳細*/
.rela-set div#slider01 .slick-list { overflow: hidden; }

.tri { width: 80px; height: 80px; font-size: 20px; font-weight: 500; position: absolute; left: 0; top: 0; z-index: 2; color: #fff; }
.tri > span { position: relative; transform: rotateZ(-45deg); z-index: 2; display: block; margin-top: -7px; margin-left: -7px; }

.tri:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #EB6300; clip-path: polygon(0 0, 0% 100%, 100% 0); }

div.item_wc { padding: 30px 5% 60px; }

.item-cont01 > .img { width: 100%; margin: 0 auto; }
.item-cont01 > .cont { width: 100%; margin: 30px auto 0; }

h1.item-name { font-size: 24px; margin-bottom: 10px; }

.field_price-n { }
.field_price-n .b-price{color: #AA0000;font-size: 30px;display: flex;flex-wrap: wrap;line-height: 1.5;}
.field_price-n .b-price .orange{color: #AA0000;font-size: 30px; }
.field_price-n .b-price em.tax{font-size: 20px!important;}

#itempage .field .n-price .field_cprice { line-height: 26px; }

span.off-per { display: inline-block; line-height: 26px; background: #EB6300; padding: 0 5px; }

span.pnum {text-decoration: line-through; }

.b-price { font-size: 20px; }
.b-price .orange {  font-weight: 700; font-size: 20px; }
.b-price em.tax { font-size: 20px !important; }

#itempage .item-info .field { border-bottom: none; }

.buy_bikou { margin: 25px 0; }
.buy_bikou a { text-decoration: underline; margin-left: 20px; }
.buy_bikou a:hover { text-decoration: none; }

.item-count.flex{margin-top: 45px;}
.item-count.flex .tit { font-weight: 700; margin-bottom: 10px;width: 100%;line-height: 23px; }

.item-count.flex input.skuquantity {width: 80px !important;box-sizing: border-box;height: 60px;border: solid 1px #F2F2F2;padding: 5px;background: #fff;text-align: center !important;color: #4A4A4A;border-left: none;font-size: 20px !important;border-radius: 0 !important;position: relative;z-index: 2;}

.item-count.flex input#minus1 { box-sizing: border-box; width: 60px; height: 60px; font-size: 39px; vertical-align: middle; line-height: 20px; margin-right: -6px; border: solid 1px #F2F2F2; background:url("../img/common/num-m.svg") no-repeat center #F2F2F2; transition: 0.3s; padding-bottom: 10px; color: transparent; }

.item-count.flex input#add1 { box-sizing: border-box; width: 60px; height: 60px; font-size: 27px; vertical-align: middle; line-height: 20px; margin-left: -6px; border: solid 1px #F2F2F2; background:url("../img/common/num-p.svg") no-repeat center  #F2F2F2; transition: 0.3s; color: transparent; }

.item-count.flex .num-text {display: flex;flex-wrap: wrap;} 


.item-p-btn { width: 100%;margin-top: 40px;}


.item-info { margin-top: 25px; }

dl.item-option > dt { font-weight: 700; font-size: 18px; }
dl.item-option select { width: 250px; box-sizing: border-box; padding: 5px 10px; height: 45px; -webkit-appearance: auto; appearance: auto; font-size: 16px; }

.op-text01 { margin-top: 10px; font-size: 14px; }

.gift-text { margin-top: 25px; }
.gift-text p{ display: inline;}
.gift-text a { text-decoration: underline; color: #AA0000; }
.gift-text a:hover { text-decoration: none; }
.gift-text .bikou { font-size: 14px; margin-top: 5px; }



.cart-button input[type="submit"] { width: 100%; cursor: pointer; transition: 0.3s; border: none; height: 60px; color: #fff; background:url("../img/common/ico-cart01.svg") no-repeat left calc(50% - 63px) center, #000; font-size: 16px; font-weight: 400; }
#itempage article.item-art h3 {
    color: #4A4A4A;
    background: none;
}
.contact-btn { width:100%; margin-top: 20px; display: none; }
.contact-btn a { text-decoration: none; display: block; border: solid 1px #000; color: #000; line-height: 58px; text-align: center; font-weight: 700; font-size: 18px; background: #fff; }
.contact-btn a:hover { opacity: 0.7; }

.item-cont02 { margin-top: 60px; }
.item-cont02 > .item-text01 + .inner { margin-top: 50px; }
.item-cont02 > .inner { margin-bottom: 60px; }
.item-cont02 > .inner .textBox { font-size: 14px;padding: 20px;border: solid 1px #F2F2F2; }
.item-cont02 > .inner .textBox > div { margin-bottom: 45px; }
.item-cont02 > .inner .textBox > div:last-child { margin-bottom: 0; }
.item-cont02 > .inner:last-child { margin-bottom: 0; }

.TBL01.itemTBL th, .TBL01.itemTBL td { padding: 20px 0; }
.TBL01.itemTBL tr:last-child th, .TBL01.itemTBL tr:last-child td { padding-bottom: 0; }

.item-feat.flex { margin-top: -40px; }
.item-feat.flex > div.box { width: 350px; margin: 40px 25px 0 0; }
.item-feat.flex > div.box .img { margin-bottom: 15px; }
.item-feat.flex > div.box .img .in-img { padding-top: 100%; }
.item-feat.flex > div.box > h3 { font-size: 20px; margin-bottom: 17px; line-height: 1.6; padding: 0 0 17px !important; background: none !important; border-bottom: solid 1px #333333; }
.item-feat.flex > div.box > h3:last-child { margin-bottom: 0; }
.item-feat.flex > div.box:nth-child(3n) { margin-right: 0; }

div#gallery-slider02 { margin-bottom: 0; }
div#gallery-slider02 .gallery-photo { padding-top: 77.12%; }

div#gallery-thumbs02 .slick-track { width: 100% !important; left: 0 !important; }
div#gallery-thumbs02 .gallery-thumb { width: calc(25% - 9px); margin: 10px 12px 0 0; }
div#gallery-thumbs02 .gallery-thumb:nth-child(4n) { margin-right: 0; }
div#gallery-thumbs02 .gallery-thumb-img { padding-top: 67.12%; }

/*カート*/
.scrtbl{overflow: auto;}
.scrtbl-inner{width: 880px;}

.paypal-button-container.paypal-button-layout-vertical.paypal-button-shape-rect.paypal-button-number-multiple.paypal-button-env-production {
    margin: 0 auto;
}

input#back_button{width:100%;height: 50px;font-size: 18px;font-weight: 500;color: #fff;border: solid 1px #000000;
background: #000000;margin: 5px 0;transition: 0.3s;}

.cart_navi ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.cart_navi ul > li { width: calc(50% - 1px); color: #000; background: #ccc; text-align: center; padding: 5px; font-weight: 500; font-size: 16px; box-sizing: border-box;margin-top: 2px; }
.cart_navi ul > li.current { background: #000000; color: #fff; }



.cart-btns.flex, form#purchase_form .send { justify-content: center; display: flex; flex-wrap: wrap; box-sizing: border-box; width: 100%; margin-top: 20px;}
.cart-btns.flex input[type="button"], .cart-btns.flex input[type="submit"], form#purchase_form .send input[type="button"], form#purchase_form .send input[type="submit"] { width:100%; height: 60px; font-size: 18px; font-weight: 500; color: #fff; border: solid 1px #000000; background: #000000; margin: 5px; transition: 0.3s; }

.upbutton input[type="submit"] { width: 150px; height: 35px; text-align: center; border: solid 1px #000000; background: #000000; color: #fff; font-size: 16px; font-weight: 500; transition: 0.3s; }
.upbutton input[type="submit"]:hover { opacity: 0.7; }

.item_wc #cart .upbutton { padding-right: 0; margin-bottom: 10px; }

.item_wc div#delivery-info table th, .item_wc div#delivery-info table td, .item_wc div#customer-info table th, .item_wc div#customer-info table td { font-size: 16px; vertical-align: top; padding: 10px; }
.item_wc div#delivery-info table th, .item_wc div#customer-info table th { color: #000; }
.item_wc div#delivery-info table td, .item_wc div#customer-info table td { font-size: 16px; }
.item_wc div#delivery-info table select, .item_wc div#customer-info table select { padding: 0 5px; height: 30px; -webkit-appearance: auto; appearance: auto; background: #fff; }
.item_wc #info-confirm table#confirm_table th, .item_wc #info-confirm table#confirm_table td { font-size: 16px; vertical-align: top; padding: 10px; }
.item_wc #info-confirm table#confirm_table tr.ttl td { background: #000000; }
.item_wc #info-confirm table#confirm_table tr.ttl td h3 { color: #fff; }

.send.cart-btns.flex.mb50 { margin-bottom: 50px; }

#customer-info .customer_form input { height: 30px; padding: 0 5px; box-sizing: border-box; width: 100%!important;}

input#search_zipcode { margin-top: 10px; padding: 0 8px !important; height: 30px; color: #fff; font-weight: 500; background: #000000; transition: 0.3s; }

/*会員*/
#memberpages #memberinfo ul.btns02.flex { justify-content: center; padding: 0; margin-top: 30px; }
#memberpages #memberinfo ul.btns02.flex > li { margin-bottom: 10px; width:100%; }
#memberpages #memberinfo ul.btns02.flex > li a { display: block; text-align: center; text-decoration: none; color: #fff; font-weight: 500; background: #000000; line-height: 60px; }
#memberpages #memberinfo ul.btns02.flex > li:last-child { margin-bottom: 0; }

div.item_wc #delivery-info #delivery_table input { height: 30px; }
div.item_wc #newmember .customer_form input { width: 50%; margin-right: 10px; }
div.item_wc #newmember .customer_form tr#name_row input, div.item_wc #newmember .customer_form tr#furikana_row input { margin-left: 5px; }
div.item_wc #newmember th { width: 220px; }
div.item_wc #memberinfo th, div.item_wc #memberinfo td, div.item_wc #newmember th, div.item_wc #newmember td { padding: 10px; font-size: 16px; font-weight: 500; }
div.item_wc #memberinfo h3, div.item_wc #newmember h3 { padding: 10px; font-size: 18px; background: #000000; }
div.item_wc #memberinfo table.customer_form input, div.item_wc #newmember table.customer_form input { height: 30px; padding: 0 5px; box-sizing: border-box; width: 100%; margin-right: 10px; }
div.item_wc #memberinfo table.customer_form tr#name_row input, div.item_wc #memberinfo table.customer_form tr#furikana_row input, div.item_wc #newmember table.customer_form tr#name_row input, div.item_wc #newmember table.customer_form tr#furikana_row input { margin-left: 5px; }
div.item_wc #memberinfo select, div.item_wc #newmember select { padding: 0 5px; height: 30px; -webkit-appearance: auto; appearance: auto; background: #fff; }
div.item_wc #memberpages div.loginbox { width:100%; box-sizing: border-box; background: none; border: none; margin-top: 20px; }
div.item_wc #memberpages span.titl { display: inline-block; color: #4A4A4A; font-size: 16px; width: 140px; font-weight: 500; }
div.item_wc #memberpages span.fol input { width: 100%; height: 30px; padding: 0 5px; box-sizing: border-box; }
div.item_wc #memberpages .loginbox p.forgetmenot { color: #4A4A4A; font-size: 15px; }
div.item_wc #memberpages .loginbox p.submit { }
div.item_wc #memberpages .loginbox p.submit input#member_login { width: 100%; height: 50px; background: #000000; border: #000000; color: #fff; font-weight: 500; font-size: 16px; transition: 0.3s; }
div.item_wc #memberpages .loginbox p.submit input#member_login:hover { opacity: 0.7; }
div.item_wc #memberpages .loginbox p.nav {  font-size: 16px; }
div.item_wc #memberpages .loginbox p.nav a { text-decoration: underline; }
div.item_wc #memberpages .loginbox p.nav a:hover { text-decoration: none; }
div.item_wc .new-entry { margin-top: 50px; }
div.item_wc .new-entry h2 { font-size: 18px; margin-bottom: 20px; }
div.item_wc p.submit.cart-btns.flex { justify-content: flex-start; }
div.item_wc #memberinfo .history-area { height: auto; }

.lp-bikou {  }

#memberpages .loginbox p#nav {font-size: 16px; }
#memberpages .loginbox p#nav a { text-decoration: underline; }


#memberinfo table.memTBL th,
#memberinfo table.memTBL td{width: auto!important;display: block!important;}

.logbtn { width:100%;  }
.logbtn a { text-align: center; color: #fff; font-weight: 500; text-decoration: none; display: block; line-height: 50px; background: #000000; }

.logbtn:last-child { margin-right: 0; }

/* 05 TOPICS
--------------------------------*/
.cate-lisBox { margin-bottom: 50px; }

ul.cate-list.flex > li { width: calc(50% - 7px); height: 60px; margin-right: 14px; display: table;margin-bottom: 10px; }
ul.cate-list.flex > li a { display: table-cell; text-align: center; border: solid 1px #959595; background: #fff; vertical-align: middle; text-decoration: none; }
ul.cate-list.flex > li.r_current { pointer-events: none; }
ul.cate-list.flex > li.r_current a { background: #4A4A4A;color: #fff;border-color: #4A4A4A; }
ul.cate-list.flex > li:nth-child(2n) { margin-right: 0; }

.blog01-list.flex { margin-top: -40px; }
.blog01-list.flex article.topics-art {  margin-top: 40px; }

article.topics-art { width: 100%; }
article.topics-art a { display: block; height: 100%; text-decoration: none; }
article.topics-art a .img { overflow: hidden; margin-bottom: 10px; }
article.topics-art a .img .in-img { padding-top: 77.1%; transition: 0.3s; }
article.topics-art a .cont .infos.flex { line-height: 26px; margin-bottom: 10px; }
article.topics-art a .cont .infos.flex .b-cate { font-size: 14px; min-width: 0; padding: 0 10px; }
article.topics-art a .cont .infos.flex .b-date { font-size: 16px; }
article.topics-art a .cont > h3 { font-size: 18px; font-weight: 500; }

/*詳細*/
div#blogs-single { padding: 45px 5% 75px; }

.infos.flex { line-height: 27px; }
.infos.flex > div { margin-right: 10px; }
.infos.flex > div:last-child { margin-right: 0; }

.b-cate { min-width: 110px; box-sizing: border-box; text-align: center; font-size: 14px; background: #F2F2F2; padding: 0 8px; }

.b-date { font-size: 20px; }

.midasi01 { margin-bottom: 10px; padding-left: 18px; position: relative; }

.midasi01:before { content: ""; width: 12px; height: 12px; background: #B4B4B4; position: absolute; left: 0; top: 4px; }

.text-bg { background: #B4B4B4; padding: 30px; margin: 10px 0; }

div.chargeTBL table { border: solid 1px #CCCCCC; }

div.chargeTBL th, div.chargeTBL td { box-sizing: border-box; padding: 15px 30px; vertical-align: middle; }

div.chargeTBL .col02 { width: 120px; border-left: solid 1px #CCCCCC; }

div.chargeTBL thead th { text-align: center; border-bottom: solid 1px #ccc; background: #F8F3ED; }

div.chargeTBL tbody .col02 { text-align: right; }

div.chargeTBL tbody td { background: #fff; }

div.chargeTBL tbody tr:nth-child(2n) td { background: #F5F5F5; }

h1.single-tit { margin: 10px 0 40px; font-size: 30px; font-weight: 500; line-height: 1.5; }

.blog-singleBox iframe { max-width: 100%; }

.blog-text img[class*="wp-image-"] { margin: 15px 0; }

.blog-text p:first-child img[class*="wp-image-"] { margin-top: 0; }

.blog-text p:last-child img[class*="wp-image-"] { margin-bottom: 0; }

.twin01.flex { padding: 45px 5% 75px;  margin: 0 auto;display: block;box-sizing: border-box;}

div.twin01-main { }

div.twin01-side {margin-top: 50px;  }

h2#faq-title { width: 100%; padding-bottom: 26px; background: url("../img/p07/p07-tit01.svg") no-repeat center bottom; margin-bottom: 70px; }

section.faq-sec { margin-bottom: 60px; }

section.faq-sec:last-child { margin-bottom: 0; }

h3.faq-cate-tit01 { background: #828282; color: #fff; font-size: 20px; padding: 15px 30px; margin-bottom: 30px; }

.faq-in-list { border: solid 1px #CCCCCC; padding: 30px; background: #fff; }

article.faqBox { margin-bottom: 40px; padding-left: 30px; }

article.faqBox:last-child { margin-bottom: 0; }

.q-title { font-size: 17px; position: relative; padding: 10px 0; margin-bottom: 5px; display: block !important; pointer-events: none; }

.a-text { display: block !important; }

.q-title:before { content: "Q"; font-weight: 400; font-size: 30px; color: #6E7D0B; position: absolute; left: -30px; top: -2px; }

div.faq-in-list { margin-bottom: 30px; }

div.faq-in-list:last-child { margin-bottom: 0; }

.child-tit { font-size: 20px; padding-bottom: 20px; border-bottom: solid 1px #CCCCCC; margin-bottom: 25px; }

.side-btn { width: 100%; height: 60px; display: table; }

.side-btn a { display: table-cell; text-align: center; vertical-align: middle; text-decoration: none; color: #fff; background: url("../img/common/arrow03.svg") no-repeat center right 15px #828282; }

.side-btn a:hover { opacity: 0.7; }

.side-btn.side-btn02 { margin-top: 10px; }

.guide-side ul.inner > li { padding: 10px 0; border-top: dashed 1px; }

.guide-side ul.inner > li ul.child { margin-top: 20px; }

.guide-side ul.inner > li ul.child > li { padding-left: 15px; margin-bottom: 20px; position: relative; }

.guide-side ul.inner > li ul.child > li:before { content: ""; width: 10px; height: 1px; background: #828282; position: absolute; left: 0; top: 12px; }

.guide-side ul.inner > li ul.child > li:last-child { margin-bottom: 0; }

.guide-side ul.inner > li:first-child { border-top: none; }

body.tax-faq_category, body.post-type-archive-faq { overflow: initial; }

.twin01-side.faq-side { position: sticky; top: 120px; }

/* ページャー系
--------------------------------*/
/*ページャー*/
div#pager00 { text-align: center; }

div#pager00 .wp-pagenavi { margin-top: 80px; }

.wp-pagenavi > span, .wp-pagenavi > a { display: inline-block; margin: 5px 10px; text-decoration: none; width: 40px; height: 40px; text-align: center; line-height: 38px; font-size: 16px; font-weight: 400; background: none; color: #4A4A4A; border: solid 1px #B4B4B4; }

.wp-pagenavi a.page { position: relative; }

.wp-pagenavi span.extend { background: none; color: #4A4A4A; border: none; }

.wp-pagenavi a.previouspostslink { color: transparent; background: url("../img/p05/arrow02z.svg") no-repeat center; margin-right: 40px; margin-left: 0; border:none;}

.wp-pagenavi a.nextpostslink { color: transparent; background: url("../img/p05/arrow03z.svg") no-repeat center; margin-left: 40px; margin-right: 0; border:none; }

 .wp-pagenavi span.current { border-color: #4A4A4A; color: #fff;background-color: #4A4A4A; }

.wp-pagenavi a.first { color: transparent; background: url("../img/p05/arrow01z.svg") no-repeat center; border:none; }

.wp-pagenavi a.last { color: transparent; background: url("../img/p05/arrow04z.svg") no-repeat center; border:none; }

.wp-pagenavi span.pages { display: none; }

/*詳細*/
.post-navigation ul { justify-content: center; align-items: center; margin-top: 80px; }

.post-navigation ul > li { margin-right: 10px; }

.post-navigation ul > li a { background-color: #F2F2F2; text-decoration: none; border: none !important; width: 170px; line-height: 60px; display: block; text-align: center; box-sizing: border-box; font-weight: 400; color: #4A4A4A; }

.post-navigation ul > li.prev a { padding-left: 0 !important; width: 60px; height: 60px; background-image: url("../img/p05/arrow02v.svg"); background-position: center;  background-repeat: no-repeat; }

.post-navigation ul > li.next a { padding-right: 0 !important; width: 60px; height: 60px;  background-image: url("../img/p05/arrow03v.svg"); background-position: center;  background-repeat: no-repeat; }

.post-navigation ul > li.blog-back { position: relative; transition: 0.3s; box-sizing: border-box; }

.post-navigation ul > li a:hover { opacity: 0.7; }

.post-navigation ul > li:last-child { margin-right: 0; }


.single-topics .post-navigation ul > li,
.single-topics .post-navigation ul > li a{width:100%;}


/* 06 店舗紹介
--------------------------------*/
div#gallery-slider { margin-bottom: 10px; }
div#gallery-slider button.slick-arrow { display: none !important; }

.gallery-photo { padding-top: 46.36%; }


div#gallery-thumbs { margin-bottom: 0; }

.gallery-thumb {width: calc(18vw - 4px);margin: 0 5px 0 0;background: #000;cursor: pointer;}

.gallery-thumb-img { padding-top: 46.34%; opacity: 1; transition: 0.3s; }

.gallery-thumb:hover .gallery-thumb-img, .gallery-thumb.slick-current .gallery-thumb-img { opacity: 0.5; }

.shop-info01.flex { margin-top:40px; justify-content: space-between; display: block;}
.shop-info01.flex .left {margin-bottom: 30px; }
.shop-info01.flex .left > h2 { font-weight: 500; }
.shop-info01.flex .left > h2 > span { display: block; }
.shop-info01.flex .left > h2 span.text01 { font-size: 24px; }
.shop-info01.flex .left > h2 span.text02 { font-size: 16px; }
.shop-info01.flex .right {  }

.address.flex { justify-content: space-between; }

.shop-map { margin-top: 50px; height:300px; }
.shop-map iframe { width: 100%; height: 100%; }

.shop-info03.flex { margin-top: 50px; justify-content: space-between;display: block;}
.shop-info03.flex .img { margin-bottom: 30px; }
.shop-info03.flex .cont {  }
.shop-info03.flex .cont .name { font-size: 20px; margin-bottom: 15px; }

/* 07 法人・大口注文サービス
--------------------------------*/
div#p07Box01 .img { margin-bottom: 20px; }
div#p07Box01 .btn01 { margin: 30px auto 0; }

/* 08 法人・大口注文サービス
--------------------------------*/
.layBox { margin-bottom: 100px; }

.layBox.lay01 > .img { text-align: center; margin-bottom: 20px; }

.img + .lay-tit { margin-top: 30px; }

.lay-tit { font-size: 24px; line-height: 1.5; margin-bottom: 20px; }

.lay-tit:last-child { margin-bottom: 0; }

.layBox:last-child { margin-bottom: 0; }

.layBox.btn01 { margin: 0 auto 0; }

.layBox.lay02.flex { justify-content: space-between; }
.layBox.lay02.flex > div { width: 100%; }
.layBox.lay02.flex > div.right { margin-top: 20px; }

/* 10 ご利用案内
--------------------------------*/
.guideBox { margin-bottom: 30px; padding-bottom: 30px; border-bottom: dashed 1px; }

.guideBox:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

.midasi01 { margin-bottom: 10px; padding-left: 18px; position: relative; }

.midasi01:before { content: ""; width: 12px; height: 12px; background: #B1B1B1; position: absolute; left: 0; top: 6px; }

.green-bg { background: #EFEFEF; padding: 30px; margin: 10px 0; }

div.chargeTBL table { border: solid 1px #CCCCCC; }

div.chargeTBL th, div.chargeTBL td { box-sizing: border-box; padding: 15px 30px; vertical-align: middle; }

div.chargeTBL .col02 { width: 120px; border-left: solid 1px #CCCCCC; }

div.chargeTBL thead th { text-align: center; border-bottom: solid 1px #ccc; background: #EDEDED; }

div.chargeTBL tbody .col02 { text-align: right; }

div.chargeTBL tbody td { background: #fff; }

div.chargeTBL tbody tr:nth-child(2n) td { background: #F5F5F5; }

/* 11 運営会社
--------------------------------*/
div#p11Box { padding: 45px 5% 75px; }

.ban01.ban-w { margin-top: 30px; }
.ban01.ban-w a .img { background: url("../img/p11/ban-img.jpg") no-repeat center; background-size: cover; }
.ban01.ban-w .btn-arrow span.arrow { background-image: url("../img/common/btn-arrow01.svg"); }

.ban01 a { text-decoration: none; box-sizing: border-box; display: block; padding: 50px; height: 200px; position: relative; overflow: hidden; }
.ban01 a .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; transition: 0.3s; }
.ban01 a .titles01 { position: relative; z-index: 2; }
.ban01 a .titles01 .en { font-size: 50px; }
.ban01 a .titles01 .jp { font-size: 20px; }
.ban01 a .btn-arrow { width: 60px; height: 60px; right: 50px; top: calc(50% - 30px); z-index: 2; bottom: auto; left: auto; position: absolute; }
.ban01 a:hover .img { transform: scale(1.05); }

/* 12　お問い合わせ
--------------------------------*/
.p12-cont.p12-cont01 { margin-bottom: 70px; }
.p12-cont.p12-cont01 .cont{text-align: center;}
.p12-tel a { font-size: 30px; }

.p12-cont01.flex { box-sizing: border-box; padding: 50px; background: rgba(255, 255, 255, 0.1); justify-content: space-between; align-items: center; }
.p12-cont01.flex .tel-set01 { font-size: 30px; line-height: 1; }
.p12-cont01.flex .tel-set01 a { font-size: 50px; color: #EB6300; }
.p12-cont01.flex .bh { font-size: 16px; color: #fff; text-align: center; }

div#p12box02 .u-text01 { width: 760px; margin: 0 auto; }

/*フォーム*/
::placeholder { color: #BEBEBE; }

.contactTBL th, .contactTBL td { box-sizing: border-box; vertical-align: top; padding: 20px 0; font-size: 16px; display: block; }

.contactTBL th { line-height: 40px; font-weight: 500; position: relative; padding-bottom: 5px; font-size: 18px; }

.contactTBL td { padding-top: 0; font-weight: 500; }

.contactTBL tr.pp-tr td { text-align: center; }

p.form-bikou { font-size: 14px; margin-top: 3px; }

.bikou01 { font-size: 14px; line-height: 1.7; margin-top: 10px; }

input.wpcf7-text { box-sizing: border-box; padding: 5px 18px; border: solid 1px #fff; background: #fff; height: 60px; width: 100%; font-size: 16px; font-weight: 500; }

ul.address-list { padding-top: 3px; }

ul.address-list > li { margin-bottom: 25px; }

ul.address-list > li .th { margin-bottom: 5px; }

ul.address-list > li .th span.hosoku { font-size: 14px; margin-left: 15px; }

ul.address-list > li:last-child { margin-bottom: 0; }

.koumoku span.wpcf7-list-item, .method span.wpcf7-list-item { margin-right: 30px; }

input::-webkit-file-upload-button { background: #000; color: #fff; width: 144px; height: 34px; cursor: pointer; transition: 0.3s; }

input::-webkit-file-upload-button:hover { opacity: 0.7; }

select.wpcf7-form-control.wpcf7-select { box-sizing: border-box; padding: 5px 18px; border: solid 1px #fff; background: #fff; font-size: 16px; font-weight: 400; height: 60px; -webkit-appearance: auto; appearance: auto; }

textarea.wpcf7-form-control.wpcf7-textarea { box-sizing: border-box; padding: 20px 18px; border: solid 1px #fff; background: #fff; height: 160px; width: 100%; font-size: 16px; font-weight: 500; }

input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date.date01 { width: 170px; height: 46px; padding: 5px 15px; border: solid 1px #fff; background: #fff; font-size: 16px; box-sizing: border-box; margin-right: 25px; }

span.wpcf7-list-item { margin-left: 0 !important; margin-right: 10px; }

.form-time span.wpcf7-list-item { width: 100px; }

.sagyou span.wpcf7-list-item, .koumoku span.wpcf7-list-item { margin-right: 30px; }

.koumoku span.wpcf7-list-item { display: block; margin-bottom: 5px; }

.koumoku span.wpcf7-list-item:last-child { margin-bottom: 0; }

.hissu { margin-left: 10px; color: #fff; font-weight: 500; display: inline-block; font-size: 15px; background: #4a4a4a; line-height: 25px; padding: 0 10px; }

.contact-submit.flex { margin-top: 20px; justify-content: center; flex-direction: row-reverse; position: relative; }

.contact-submit.flex > p { width: 100%; text-align: center; margin-top: 30px; }

.inb { display: inline-block; }

.form-btn { width: 100%; position: relative; }

.form-btn input[type="submit"], .form-btn input[type="button"] { transition: 0.3s; border: solid 2px #000; font-weight: 700; color: #fff; background: url("../img/common/arrow03.svg") no-repeat center right 20px #000; width: 100%; height: 60px; font-size: 20px; font-weight: 400; border-radius: 40px; }

.form-btn:hover input[type="submit"], .form-btn:hover input[type="button"] { opacity: 0.7; }

.form-btn.form-btn02 { margin-top: 10px; }

.form-btn.form-btn02 input[type="submit"], .form-btn.form-btn02 input[type="button"] { background: #fff; color: #000; }

.form-btn:hover input[type="submit"] { background-color: #000; }

.form-btn:hover input[type="button"] { background-color: #000; }

.form-btn.form-btn02 input[type="submit"]:hover, .form-btn.form-btn02 input[type="button"]:hover { opacity: 0.7; color: #fff; }

.form-btn.form-btn03 input[type="submit"]:hover, .form-btn.form-btn03 input[type="button"]:hover { opacity: 0.7; }

.form-btn.form-btn02:before { content: none; }

.wpcf7-spinner { position: absolute !important; top: -10px !important; }

.contactArea { position: relative; padding: 20px; background: #EFEFEF; }

ul.contact-state { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 55px auto 55px; position: relative; width: 320px; }
ul.contact-state > li { font-weight: 500; position: relative; padding-top: 58px; text-align: center; }
ul.contact-state > li:before { content: ""; width: 50px; height: 50px; border-radius: 100%; border: solid 1px #828282; background: #fff; position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; box-sizing: border-box; }
ul.contact-state > li:after { content: ""; width: 18px; height: 18px; border-radius: 100%; border: solid 1px #828282; background: #fff; position: absolute; left: 0; right: 0; top: 16px; margin: 0 auto; box-sizing: border-box; }
ul.contact-state > li.state01:after { background: #828282; }

ul.contact-state:before { content: ""; background: #828282; width: calc(100% - 20px); height: 2px; left: 10px; top: 25px; position: absolute; margin: 0 auto; }

ul.contact-state.contact-state2 > li.state02:after { background: #828282; }

.add-set { display: none; }

/*入力内容確認時にフォーム上部へスクロールするがナビゲーションが追従の場合フォームとナビゲーションが重なるのでそのためのオフセット設定*/
form.wpcf7-form { padding-top: 125px; margin-top: -125px; }

tr.timeset select.wpcf7-form-control.wpcf7-select { width: 300px; }

.wpcf7c-conf { background-color: #e8f0fe !important; }

input:-webkit-autofill, input:-internal-autofill-selected { -webkit-appearance: none; -webkit-box-shadow: 0 0 0px 1000px #e8f0fe inset !important; box-shadow: 0 0 0px 1000px #e8f0fe inset !important; }

.link01 a { color: #EB6300; text-decoration: underline; }

.link01 a:hover { text-decoration: none; }

span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required.wpcf7-exclusive-checkbox.doui-check input[type="checkbox"] { margin-right: 15px; transform-origin: left center; transform: scale(1.7); }

/* 14 特定商取引法に基づく表記
--------------------------------*/
div#p14Box01 .wrap > .text01 { text-align: center; margin-bottom: 40px; }

.TBL01 table tr { border-bottom: solid 1px #ccc; }
.TBL01 table tr:last-child { border-bottom: none; }
.TBL01 table th, .TBL01 table td { box-sizing: border-box; padding: 20px 0; line-height: 2;display: block;}
.TBL01 table th { font-weight: 700; color: #4A4A4A;padding-bottom: 5px; }
.TBL01 table td { padding-top: 0; }


/* 30　サンクスページ・その他
--------------------------------*/
div#p100Box01 { padding: 45px 5%; }

div#p100Box01 .btn01 { margin: 50px auto 0;text-align: center;}

.pp-title01 { font-size: 22px; border-bottom: solid 2px; margin-bottom: 25px; padding-bottom: 10px; }

.pp-title02 { font-size: 18px; padding-left: 15px; position: relative; color: #4A4A4A; }

.pp-title02:before { content: ""; width: 5px; height: 65%; background: #707070; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; }

.pp-list h3 { margin: 30px 0 20px; }

.pp-list ul { padding-left: 15px; }

.pp-list ul li { position: relative; padding-left: 15px; }

.pp-list ul li:before { content: "・"; position: absolute; left: 0; top: 0; }



/*デバイス幅ごとの調整（必要な幅があれば追加して調整）*/
@media screen and (min-width: 0px) and (max-width: 700px) {
}

@media screen and (min-width: 0px) and (max-width: 480px) {
}

@media screen and (min-width: 0px) and (max-width: 430px) {
}

@media screen and (min-width: 0px) and (max-width: 400px) {
}
@media screen and (min-width: 0px) and (max-width: 380px){
}