@charset "UTF-8";
/*
Theme Name: ECサイト
Version: 1.0
*/


/* ====        SP版　　　ここから↓↓↓　　　==== */
/*----------------------------------------------------
               1. 基本設定（SP版）
----------------------------------------------------*/
/* テキストの自動拡大を無効化 */
body {
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}
/* リセット(margin&padding reset)
--------------------*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
/* HTML5
-------------------------------------*/
article,aside,canvas,details,figcaption,figure, header,footer,main,menu,nav,section,summary {
	display: block;
}
h1, h2, h3, h4, h5, h6{
	word-wrap: break-word;
	word-break: break-all;
	overflow-wrap: break-word;
	font-weight: 600;
}
.h2, .h3, .h4, .h5, .h6, .mainSection-title, h2, h3, h4, h5, h6 {
	margin: 1.5em 0 1.2em;
	clear: both;
}
/* ページ全体の設定 */
body {
	margin: 0;
	color: #333;
	font-size: 16px;
	/* font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif; */
	/* font-family: 'Avenir','Helvetica Neue','Helvetica','Arial',"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
	/* font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo, sans-serif; */
	/*font-family: 'Montserrat','Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo, sans-serif;*/
    /*font-family: 'Montserrat','Noto Serif JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo, sans-serif;*/
    font-family: 'ヒラギノ角ゴシック',"ヒラギノ角ゴ Pro ","Hiragino Kaku Gothic Pro",'Hiragino Sans','Noto Sans JP','メイリオ', Meiryo, sans-serif;
	letter-spacing: 0.05em;
	line-height: 1.5;
	word-break: break-all;
	background: #fff;
}
/* IE Hacks(Font) */
/*@media all and (-ms-high-contrast:none){
body{
font-family: メイリオ, Meiryo, sans-serif;
}
}*/
/* リンク */
a {
	color: #333333;
	text-decoration: none;
	transition: opacity  0.35s ease;
}
a:hover {
	opacity: 0.7;
	/* text-decoration: underline; */
}
/* 見出し基本設定 */
h1 {
	/* font-size: 16px; */
}
h2 {
	font-size: 15px;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 14px;
}
p {
	line-height: 1.5;
	overflow-wrap: break-word;
	font-size: 14px;
	font-weight: 500;
}

/* 画像関連 */
img {
	max-width: 100%;
	height: auto;
	outline: none;
	width: 100%;
}
figure {
	margin: 0;
	padding: 0px;
}
/* 強調 */
em {
	font-style: normal; /* 斜体を解除 */
	font-weight: normal; /* 太字を解除 */
}
/* list style */
dl, ol, ul {
	margin-top: 1.5em;
	margin-bottom: 1.2em;
}
ul {
	 font-size: 14px;
}
/* link do not want a dot */
li {
    list-style: none;
    margin-bottom: .8em;
    line-height: 1.65em;
}

label {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* 改行指定 */
.brEna2 {
    display: inline-block;
}
/* TEL */
a[href^="tel:"] {
	pointer-events: auto;
}
/* number制御 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance:textfield;
}
/* 汎用クラス
--------------------*/
.tdn {
    text-decoration: none !important;
}
/* display: none;（強制） */
.dn {
	display: none !important;
}
/* display: block;（強制） */
.db {
	display: block !important;
}
/* display: inline-block;（強制） */
.dib {
	display: inline-block !important;
}
/* display: block;（強制） */
.df {
	display: flex !important;
}
/* visibility: hidden;（強制） */
.vh {
	visibility: hidden;
}
/* text-align: center（強制） */
.tac {
	text-align: center !important;
}
/* text-align: left（強制） */
.tal {
	text-align: left !important;
}
/* text-align: right（強制） */
.tar {
	text-align: right !important;
}
/* positionリセット（強制） */
.ps {
	position: static !important;
}
/* margin無し（強制） */
.mn {
	margin: 0 0 0 0 !important;
}
/* padding無し（強制） */
.pn {
	padding: 0 0 0 0 !important;
}
/* padding設定（強制） */
.pt0 {
	padding-top: 0px !important;
}
.pt20 {
	padding-top: 10px !important;
}
.pb30 {
	padding-bottom: 0px !important;
}
.pb60 {
	padding-bottom: 60px !important;
}
.pt90 {
    padding-top: 90px !important;
}
/* margin設定（強制） */

.mb0 {
    margin-bottom: 0px !important;
}
.mb-10 {
    margin-bottom: -10px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}
.mb150 {
	margin-bottom: 150px !important;
}
.mt-10 {
	margin-top: -10px !important;
}
.mt0 {
	margin-top: 0px !important;
}
.mt10 {
	/* margin-top: 10px !important; */
}
.mt10v2 {
	 margin-top: 10px !important; 
}
.mt20 {
	margin-top: 20px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt80 {
	margin-top: 80px !important;
}
.ml0 {
	margin-left: 0px !important;
	margin-top: 1px!important;
}
.mt100 {
	margin-top: 100px !important;
}
.mtFix1 {
	margin-top: -40px !important;
	margin-bottom: 40px !important;
}
.mtFix2 {
	margin-top: 0px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mce {
	margin: 0 auto!important;
}
.mcemb {
	margin: 0 auto 30px !important;
}
/* width設定 （強制）*/
.w40 {
    width: 40% !important;
}
.w47 {
    width: 47% !important;
}
.w90 {
    width: 90% !important;
}
.w100 {
    width: 100% !important;
}
.w100px {
    width: 100px !important;
}
.w190px {
    width: 190px !important;
}
.w200px {
    width: 200px !important;
}
/* max-width設定 （強制）*/
.mwc {
    max-width: 1265px!important;
}
.mw65 {
	max-width: 65px!important;
}
.mw100 {
	max-width: 100px!important;
}
.mw190 {
	max-width: 190px!important;
}
.mw200 {
	max-width: 200px!important;
}
.mw400 {
	max-width: 400px!important;
}
.mw500 {
	max-width: 500px!important;
    margin: 0 auto;
}
.mw600 {
	max-width: 600px!important;
}
.mw800 {
	max-width: 800px!important;
}
.mw900 {
	max-width: 900px!important;
}
.mw1000 {
	max-width: 1000px!important;
}
.mwNone {
	max-width: none!important;
}
.minH400 {
	min-height: 400px!important;
}
.minH500 {
	min-height: 500px!important;
}
.minH600 {
	min-height: 600px!important;
}

/* box-shadow無し（強制）*/
.bsn {
	box-shadow: none !important;
}

/* text-shadow設定 */
.txtShadow {
	text-shadow: 1px 1px 0 rgba(138, 138, 138, 0.2);
	text-shadow: 1px 1px 0 rgba(83, 72, 56, 0.1);
}
/* 背景設定 */
.bg01 {
    background: linear-gradient(to bottom, #4d4c4c 0%,#141414 100%);
}
.bg02 {
    background: url(../images/bg4.jpg) repeat;
}
/* 画面幅いっぱいにしたい要素にあてるクラス */
.widthMax { 
  margin: 0 calc(50% - 50vw);
}
.h100 {
    overflow-y: auto;
    min-height: 100vh;
}
.h100ver2 {
	overflow-y: auto;
	min-height: calc(100vh - 285px);
}
/* Flex寄せ方設定 */
.justy__ec {
	justify-content: center;
}
.justy__es {
	justify-content: center;
}
.justy__ee {
	justify-content: center;
}

/* フォントボールド*/
.fontBold {
	font-weight: bold !important;
}
/* フォントノーマル*/
.fontNormal {
	font-weight: normal !important;
}
/* フォントサイズ設定（強制） */
.fs_1 {
    font-size: 10px !important;
}
.fs_2 {
    font-size: 11px !important;
}
.fs_3 {
    font-size: 12px !important;
}
.fs_4 {
    font-size: 13px !important;
}

/* 改行設定 */
.brMobileMain {
    display: block;
}
.brMobile {
	display: none;
}
/* PCスマホ表示設定（インライン） */
.dpPC_inline {
    display: none;
}

/* pagetopに戻る設定
--------------------*/
.pagetop{
    display: none;
    position: fixed;
    right: 20px;
    bottom: 15px;
    z-index: 5;
}
.pagetop a{
    display: block;
    font-size: 0;
    width: 60px;
    height: 60px;
    text-align: center;
    background: rgb(255 255 255 / 80%);
    border-radius: 50%;
    line-height: 50px;
    position: relative;
    border: 1px solid #43a300;
}
.pagetop a:hover{
	 border: 1px solid #53b111;
	 background: #fff;
}
.pagetop a::before {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	border-left: solid 4px #43a300;
	border-top: solid 4px #43a300;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 24px;
	left: 23px;
	margin-top: 0px;
	transition: all  0.35s ease;
}
.pagetop a:hover::before {
	border-left: solid 4px #43a300;
	border-top: solid 4px #43a300;
}
/*----------------------------------------------------
               2. レイアウト設定（SP版）
----------------------------------------------------*/

/*コンテナ */
.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
/* 「ヘッダー」ブロック */
header {
	padding: 10px 0;
	text-align: center;
	background: #fff;
	width: 100%;
	/* height: 80px; */
	position: relative;
	top: 0;
	box-sizing: border-box;
	z-index: 5;
	position: fixed;
	box-shadow: 0px -4px 15px -2px rgba(198, 198, 198, 0.55);
}
/* 「コンテンツ」ブロック  ランディングページ*/
.contents_LP {
	padding-bottom: 10px;
}
/* 「コンテンツ」ブロック */
.contents {
	padding-bottom: 10px;
	font-family: 'ヒラギノ角ゴシック',"ヒラギノ角ゴ Pro ","Hiragino Kaku Gothic Pro",'Hiragino Sans','Noto Sans JP','メイリオ', Meiryo, sans-serif;
	background: #fff;
}
.contents2 {
	padding-bottom: 10px;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background: #fff;
}
/* 「フッター」ブロック */
footer {
    background: #ffffff;
    padding: 0;
    font-size: 14px;
    clear: both;
    width: 100%;
    font-family: 'Montserrat','ヒラギノ角ゴシック',"ヒラギノ角ゴ Pro ","Hiragino Kaku Gothic Pro",'Hiragino Sans','Noto Sans JP','メイリオ', Meiryo, sans-serif;
    border-top: 1px solid #AAAAAA;
}
.footer__inner {
    position: relative;
    padding-top: 50px;
    padding-bottom: 20px;
    width: 100%;
}
.sectionBox {
	padding-top: 3em;
	padding-bottom: 0em;
	display: block;
}
.footerLogoNew {
	text-align: center;
	color: #000;
	margin: -20px 0px 20px;
}
.footerLogoNew img{
    
}

/* 新しいフッターメニュー（横一列） */
.footerMenu {
  background: #ffffff;
  padding: 5px 0;
  display: block;
  text-align: center;
}
.footerMenu ul{
  padding: 0;
  margin: 0;
  font-size: 14px;
  text-align: left;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.footerMenu ul li{
  /* display: inline-block; */
  padding: 0 10px;
  width: 100%;
  /* text-align: center; */
}
.footerMenu ul li a{
    color: #000;
    text-decoration: none;
    opacity: 1;
    position: relative;
}
.footerMenu ul li a:before {
	content: " ";
	display: block;
	width: 0;
	height: 1px;
	position: absolute;
	bottom: -7px;
	left: 0;
	border-bottom: 1px solid #000;
	transition: .2s ease-out;
}
.footerMenu ul li a:hover:before {
	width: 100%;
}
.footerMenu ul li a:hover {
    opacity: 1;
}

.sectionBox {
	padding-top: 3em;
	padding-bottom: 0em;
	display: block;
}
/*----------------------------------------------------
               3. ヘッダー詳細（SP版）
----------------------------------------------------*/
/*「ヘッダー」ブロック内のコンテナ */
.wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: inherit;
	flex-direction: row;
	padding: 0 10px;
	max-width: 1750px;
	height: 55px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
img.caseImg {
	max-width: 70px;
	vertical-align: middle;
}

/*----------------------------------------------------
               4. ナビゲーション（ドロワー）メニュー （SP版）
----------------------------------------------------*/
body.nav-open {
	overflow:hidden; 
}
.drawerMenu {
	width: auto;
	position: relative;
}
.gnav{
	position: fixed;
	right: -100vw;
	top: 0;
	width: 100vw;
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
	margin-top: 75px;
	padding: 0px 0 100px;
	background: #242424;
	/* transition: right 0.3s   cubic-bezier(0.9, -0.01, 0.08, 1.04); */
	z-index: 2;
	overflow-y: auto;
	border-top: 1px solid #eee;
}
/* IE Hackの設定 */
_:-ms-lang(x)::-ms-backdrop, .gnav{
	transition: none;
}
.hamburger {
	position: absolute;
	right: -4px;
	top: -27px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	z-index: 300;
	/* background: #fff; */
	border-radius: 5px;
	/* border: 1px solid #2e6da4; */
}

.nav {
  margin: 0;
  padding: 70px 0 200px;
  list-style: none;
  font-size: 18px;
  /* position: relative; */
  z-index: 10;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  overflow: hidden;
}
.nav-item_sub {
	display: none;
}
.inner ul {
	margin-top: 0;
	margin-bottom: 0;
	/* margin-left: 25px; */
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	background: #040404;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	
}
.inner ul li  {
	margin-bottom: 0;
	/* margin-right: 2px; */
	width: 50%;
}
.nav-item_sub.item_sub_one .inner ul li {
	margin-bottom: 0;
	/* margin-right: 5px; */
	width: 100%;
	position: relative;
	padding: 0px 0 0px 0px;
	/* border-bottom: 1px solid #555; */
}
.inner ul li a {
	/* padding: 10px 20px 7px; */
	/* border-right: 1px solid #e5e5e5; */
	font-size: 12px;
	font-family: 'ヒラギノ角ゴシック',"ヒラギノ角ゴ Pro ","Hiragino Kaku Gothic Pro",'Hiragino Sans',Montserrat,'Noto Sans JP','メイリオ', Meiryo, sans-serif;
	color: #d9d9d9;
	margin-left: 15px;
}
.inner ul ul {
	/* margin-left: 3px; */
	display: block;
	border-top: 1px solid #555;
	background: #040404;
}
.inner ul ul li {
	width: 100%;
	/* border-top: none !important; */
	width: calc(89% - 9px) !important;
	margin-left: 30px;
}
.inner ul ul ul li {
	padding-left: 1em;
	border-top: none !important;
}
.nav-item_sub.item_sub_one .inner ul > li  a {
	display: block;
	font-size: 15px;
	width: calc(100% - 70px);
}
.nav-item_sub.item_sub_one .inner ul li ul li a {
	border-bottom: none;
	/* font-weight: 500; */
	color: #e9e9e9;
	padding: 10px 0px 10px 20px;
	/* text-align: center; */
	margin-left: 7px;
	width: calc(100% - 50px);
}
.nav-item_sub.item_sub_one .inner ul ul > li a {
	font-size: 13px;
}
.nav-item_sub.item_sub_one .inner ul ul ul > li a {
	font-size: 12px;
	text-align: center;
	margin-left: 0;
}

.nav-item_sub.item_sub_two .inner ul {
	padding: 10px 0;
}
.nav-item_sub.item_sub_two .inner ul li a {
	padding: 10px 0px 7px 20px;
}

.menu-item {
  text-align: left;
  padding: 0;
  margin-bottom: 0px;
  line-height: normal;
  position: relative;
}
.menu-item-has-children {
    /*position: relative;*/
}
/*.menu-item-has-children:before {
	position: absolute;
	content: '';
	top: 28px;
	right: 25px;
	height: 2px;
	width: 15px;
	background: #333;
	transform: rotate(90deg);
	transition: all .3s ease-in-out;
}
.menu-item-has-children:after {
	position: absolute;
	content: '';
	top: 28px;
	right: 25px;
	height: 2px;
	width: 15px;
	background: #333;
	transition: all .3s ease-in-out;
}
.menu-item-has-children.open:before {
	transform: rotate(180deg);
}
.menu-item-has-children.open:after {
	opacity: 0;
}*/

/*.mediumCategory  {
    display: none;
}
.smallCategory  {
    display: none;
}*/


.menuBtn {
	position: absolute;
	/* border: 1px solid #333; */
	z-index: 100;
	display: flex;
	width: 33px;
	height: 33px;
	justify-content: center;
	align-items: center;
	/* background: #fff; */
	border-radius: 2px;
	/* box-shadow: 0px 1px 2px 0px #333; */
}
.menuBtn_one {
	top: 13px;
	right: 20px;
	/* background: #fff; */
}
.menuBtn_two {
	top: 13px;
	right: 20px;
	/* background: #eef7ff; */
}
.menuBtn_three {
	top: 8px;
	right: 0px;
	/* background: transparent; */
}
.menuBtn:before {
	position: absolute;
	content: '';
	top: 14px;
	right: 8px;
	height: 2px;
	width: 15px;
	background: #fff;
	transform: rotate(90deg);
	transition: all .3s ease-in-out;
}
.menuBtn:after {
	position: absolute;
	content: '';
	top: 14px;
	right: 8px;
	height: 2px;
	width: 15px;
	background: #fff;
	transition: all .3s ease-in-out;
}
.menuBtn.open:before {
	transform: rotate(180deg);
}
.menuBtn.open:after {
	opacity: 0;
}
.regularMenu:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    right: 23px;
    top: 20px;
}



.cartArea {
	position: fixed;
	top: 19px;
	right: 63px;
	/*font-size: 31px;*/
	transition: transform .3s ease-out;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 155px;
}
.cartIcon {
	transition: transform .3s ease-out;
}
.cartIcon:hover{
    transform: translateY(-0.1875em);
    opacity: 1;
}
.cartIcon:hover img{
    opacity: 1;
}

.cartImg {
    width: 34px;
    height: auto;
    position: relative;
}
.cartImg2 {
    width: 40px;
    height: auto;
    position: relative;
    left: 3px;
}
.cartNum {
	position: relative;
}
.cartArea span {
	position: absolute;
	top: -8px;
	left: 5px;
	height: 20px;
	width: 20px;
	background: #ff0000;
	color: #fff;
	border: 0px solid #fff;
	text-align: center;
	font-weight: bold;
	border-radius: 50%;
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
}
/*右からフェードイン*/
.fade_right {
   opacity: 0;
   animation-name: fadein-right;
   animation-timing-function: ease-in-out;
   animation-fill-mode: forwards;
}
@keyframes fadein-right {
   0% {
      opacity: 0;
      transform: translateY(50px);
   }

   100% {
      opacity: 1;
      transform: translateX(0);
   }
}
.menu-item:nth-of-type(1) {
  animation-duration: 0.2s;
}

.menu-item:nth-of-type(2) {
  animation-duration: 0.4s;
}

.menu-item:nth-of-type(3) {
  animation-duration: 0.6s;
}
.menu-item:nth-of-type(4) {
  animation-duration: 0.8s;
}
.menu-item:nth-of-type(5) {
  animation-duration: 0.9s;
}
.menu-item:nth-of-type(6) {
  animation-duration: 0.95s;
}
.menu-item:nth-of-type(7) {
  animation-duration: 1.0s;
}

.menu-item a {
  display: block;
  padding: 15px 50px 15px 30px;
  /* border-bottom: 1px solid #e5e5e5; */
  text-decoration: none;
  color: #ffffff;
  /* background: linear-gradient(to right, #3089cd 0%,#005bac 100%); */
  font-weight: 600;
  transition: opacity 0.15s ease;
}
.menu-item:first-child a {
    /* border-top: 1px solid #e5e5e5; */
}
.menu-item a:hover {
	opacity: 1;
	text-decoration: none;
}
/* リンク無効 */
.megaMenu{
	 pointer-events: none; 
}



.hamburger {
	display: block;
}
.hamburger__line {
  position: absolute;
  left: 23px;
  width: 3px;
  height: 3px;
  background-color: #2f2e2e;
  transition: all .15s ease;
}
.hamburger__line--1 {
  top: 12px;
}
.hamburger__line--2 {
  top: 19px;
}
.hamburger__line--3 {
  top: 26px;
}
.black-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 0;
	background-color: #000;
	opacity: 0;
	visibility: hidden;
	transition: all .4s ease;
	cursor: pointer;
}
/* 表示された時用のCSS */
.nav-open .gnav{
  right: 0;
  transition: right 0.3s   cubic-bezier(0.9, -0.01, 0.08, 1.04);
}
.nav-open .black-bg {
  /* opacity: 1; */
  /* visibility: visible; */
}
.nav-open .hamburger__line--1 {
  /* transform: rotate(45deg); */
  top: 19px;
  left: 13px;
}
.nav-open .hamburger__line--2 {
  width: 3px;
  left: 23px;
}
.nav-open .hamburger__line--3 {
  /* transform: rotate(-45deg); */
  top: 19px;
  left: 33px;
}
.menuAndClose {
	font-size: 10px;
	position: absolute;
	top: 32px;
	left: 5px;
	display: block;
	width: 39px;
	text-align: center;
	font-family: Arial,sans-serif;
	color: #2f2e2e;
}

/* ログイン前「会員登録」「ログイン」ボタン */
.c-button__wrap {
	position: fixed;
	top: 25px;
	right: 60px;
	transition: transform .3s ease-out;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: 195px;
}

.buttonMenu001 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 82px;
	height: 32px;
	padding-right: 3px;
	font-size: 10px;
	border-radius: 0;
	text-decoration: none;
	color: #eeeeee;
	font-weight: 600;
	background-size: 11px;
	background-position: 92% center !important;
	background-color: #292929;
	border: 1px solid #848484;
	box-shadow: 0px 0px 0px 1px #292929;
	overflow: hidden;
	position: relative;
}
.buttonMenu001.btnIconManBG {
	background-image: url(../images/icon_manW.png) !important;
	background-repeat: no-repeat;
}
.buttonMenu001.btnIconDoorBG {
	background-image: url(../images/icon_doorW.png) !important;
	background-repeat: no-repeat;
}
.buttonMenu001::before, .buttonMenu002::before {
	position: absolute;
	top: 5px;
	left: 5px;
	content: '';
	border-top: 7px solid #5a5a5a;
	border-right: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 7px solid #5a5a5a;
}


 /*----------------------------------------------------
               5.　共通パーツ（SP版）
----------------------------------------------------*/

 /*----------------------------------------------------
               6.　「form」基本パーツ（SP版）
----------------------------------------------------*/
input, textarea {
	box-sizing: border-box;
	padding: 10px;
	outline:none;
	letter-spacing: 0.05em;
}
input, textarea, select{
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
input, textarea, select, button {
    -webkit-appearance: none;
    -moz-appearance: none;
}
input[type="submit"] , input[type="button"] {
	cursor: pointer;

}
input[type=radio] {
	display: none;
    /* visibility: hidden; */
}
input[type=radio] {
	cursor: pointer;
}
select::-ms-expand {
    display: none;
}
/* placeholder設定*/
input::placeholder, textarea::placeholder { color: #999; }
input:-ms-input-placeholder {
  color: #999;
}
/*
チェックボックス
*/
.checkWrap {
	margin: 0px 0 30px 0px;
	border-radius: 0px;
}
.checkBox {
	display: none;
}
/* 黒背景 */
.checkbox01 {
	cursor: pointer;
	display: inline-block;
	padding: 4px 4px 0px 38px;
	position: relative;
	width: auto;
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	border-radius: 3px;
	vertical-align: middle;
	line-height: 34px;
	height: auto;
}
/* 白背景 */
.checkbox02 {
	cursor: pointer;
	display: inline-block;
	padding: 4px 4px 0px 38px;
	position: relative;
	width: auto;
	font-size: 15px;
	font-weight: normal;
	color: #333;
	border-radius: 3px;
	vertical-align: middle;
	line-height: 34px;
	height: auto;
}


.checkbox01::before, .checkbox02::before {
	background: #fff;
	border: 2px solid #9e9e9e;
	border-radius: 3px;
	content: '';
	display: block;
	height: 20px;
	left: 6px;
	margin-top: 0;
	position: absolute;
	top: 10px;
	width: 20px;
}

.checkbox01::after, .checkbox02::after {
	border-right: 4px solid #2a2a2a;
	border-bottom: 3px solid #2a2a2a;
	content: '';
	display: block;
	height: 14px;
	left: 14px;
	margin-top: -16px;
	opacity: 0;
	position: absolute;
	top: 27px;
	transform: rotate(45deg) translate3d(0,2px,0) scale3d(.7,.7,1);
	transition: transform .2s ease-in-out, opacity .2s ease-in-out;
	width: 4px;
}

input[type=checkbox]:checked + .checkbox01::after, input[type=checkbox]:checked + .checkbox02::after {
	opacity: 1;
	transform: rotate(45deg) scale3d(1,1,1);
}

.checkbox02 {
	cursor: pointer;
	display: inline-block;
	padding: 4px 4px 0px 38px;
	position: relative;
	width: auto;
	font-size: 17px;
	font-weight: normal;
	color: #333;
	border-radius: 3px;
	vertical-align: middle;
	line-height: 34px;
	height: auto;
}
/* セレクトボックス */
select {
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

select:focus {
	background-color: #fff;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(74, 74, 74, 0.3);
}

 /*----------------------------------------------------
               7.　フッター（SP版）
----------------------------------------------------*/
.footerLogoWrap {
	overflow: hidden;
	position: relative;
	display: block;
	overflow: hidden;
	margin: .8em 0 .8em;
	box-sizing: border-box;
}
.footerArea {
	/* margin-bottom: 25px; */
	text-align: center;
}
.profile_text {
	margin-bottom: 1em;
	font-size: 14px;
	text-align: left;
}
.profile_text a{
    color: #fff;
    text-decoration: none;
    opacity: 1;
}
.profile_text a:hover {
    opacity: 1;
}
.sectionBox p {
	font-size: 10px;
	text-align: center;
    color: #000000;
}
 /*----------------------------------------------------
               8.　スクロール設定（SP版）
----------------------------------------------------*/

/* スクロールCSS */
.fade-in {
  opacity: 0;
  transition-duration: 600ms;
  transition-timing-function: ease-out;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 50px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-100px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}
/*----------------------------------------------------
               9.　ポップアップ・アラート（SP版）
----------------------------------------------------*/
.modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
}
/* アラート */
.modal__content_dialog{
    background: #fff;
    left: 50%;
    padding: 0px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    max-width: 600px;
    max-height: 80%;
    height: auto;
    border-radius: 3px;
    /* overflow-y: auto; */
}
.aleBd {
    border: 1px solid #777777;
}
.verBd {
    border: 1px solid #777777;
}
.modal__bg_dialog {
	background: rgba(0,0,0,0.5);
	height: 100vh;
	position: absolute;
	width: 100%;
	cursor: pointer;
}
.dialogArea {
	padding: 20px;
	font-size: 16px;
}
.flexWrap2 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}

p.manText {
	font-size: 15px;
	padding: 0px 0 60px;
	margin-bottom: 10px;
	color: #000000;
	text-align: center;
	overflow: auto;
	max-height: 48vh;
	font-weight: bold;
}
/* ボタン幅・色設定 disabled（強制）*/
.w150 {
	width: 150px !important;
}
.btn_03 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 300px;
	height: 50px;
	position: relative;
	background: linear-gradient(to bottom, #ffface 0%,#ffea2e 100%);
	border: 2px solid #cfc465;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 0;
	color: #333;
	font-size: 15px;
	letter-spacing: 0.2em;
	line-height: 1.3;
	transition: opacity 0.3s;
	margin: 0 10px;
	font-weight: bold;
	box-shadow: 0px 5px 0 0 #998a05;
	text-align: center;
}
.btn_03:hover {
  opacity: .85;
}
.btn_03:active {
	opacity: .85;
	box-shadow: 0px 3px 0 0 #998a05;
	transform: translateY(2px);
}
input[type=button]:disabled, input[type=reset]:disabled, input[type=submit]:disabled, input[type=button].disable, input[type=reset].disable, input[type=submit].disable  {
	background: #f8f8f8 !important;
	border: 1px #ccc solid !important;
	color: #888 !important;
	cursor: default;
	pointer-events: none;
}
.dialogWrap {
    display: flex;
    padding: 0px 10px 0;
    border: 2px solid #03a9f4;
    margin-bottom: 20px;
    height: 150px;
}
.cautionIconArea {
    padding: 20px 15px;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cautionIconArea img{
    width: 35px;
    height: auto;
    display: block;
}
.cautionTextArea {
	font-size: 13px;
	padding: 20px 10px;
	display: grid;
	justify-content: left;
	text-align: left;
	align-items: center;
	place-items: center;
	overflow-y: auto;
	max-height: 148px;
	width: 80%;
	color: #333;
}
.cautionTextArea2 {
	font-size: 13px;
	padding: 20px 10px;
	display: grid;
	justify-content: center;
	text-align: center;
	align-items: center;
	place-items: center;
	overflow-y: auto;
	max-height: 148px;
	width: 100%;
	color: #333;
}

.aleBG {
	border: 1px solid #ffb84c;
	background: #f4f4f4;
}
.verBG {
	border: 1px solid #93c35a;
	background: #f4f4f4;
}
.popUpButton001 {
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 45px;
	padding: 5px;
	font-size: 13px;
	border-radius: 0;
	text-decoration: none;
	color: #333;
	margin: 10px 10px 0px;
	transition: all  .3s ease;
	font-weight: 600;
	/* padding-right: 20px; */
	position: relative;
	border: 1px solid #5a5a5a;
	font-family: 'Montserrat','ヒラギノ角ゴシック',"ヒラギノ角ゴ Pro ","Hiragino Kaku Gothic Pro",'Hiragino Sans','Noto Sans JP','メイリオ', Meiryo, sans-serif;
}
.popUpButton001:hover {
	box-shadow: 4px 4px 0px 0px #5a5a5a;
	border: 1px solid #5a5a5a;
	/* mix-blend-mode: multiply; */
	background-color: #f9f9f9;
	opacity: 1;
	/* color: #fff; */
}

.popUpButton002 {
	background: #333;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 45px;
	padding: 5px;
	font-size: 13px;
	border-radius: 0;
	text-decoration: none;
	color: #fff;
	margin: 10px 10px 0px;
	transition: all  .3s ease;
	font-weight: 600;
	/* padding-right: 20px; */
	position: relative;
	border: 1px solid #5a5a5a;
	font-family: 'Montserrat','ヒラギノ角ゴシック',"ヒラギノ角ゴ Pro ","Hiragino Kaku Gothic Pro",'Hiragino Sans','Noto Sans JP','メイリオ', Meiryo, sans-serif;
}
.popUpButton002:hover {
	box-shadow: 4px 4px 0px 0px #5a5a5a;
	border: 1px solid #9e9e9e;
	/* mix-blend-mode: multiply; */
	/* background-color: #f9f9f9; */
	opacity: 1;
	/* color: #fff; */
}


/*----------------------------------------------------

            1.   「ホーム」ページ（SP版）

----------------------------------------------------*/
/* 枠基本B 新しい組み方*/
.siteContent {
	padding: 4rem 0 2rem;
}
.siteContent2 {
	padding: 1rem 0 1rem;
}
.siteContent3 {
	padding: 0rem 0 1rem;
}
.siteContent4 {
	padding: 2rem 0 2rem;
}
.siteContent5 {
	padding: 1rem 0 2rem;
}
.siteContent6 {
	padding: 0rem 0 2rem;
}
.siteContent7 {
	padding: 0rem 0 2rem;
}

.rowCol {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
/* メインカラム */
.mainSection, .sideSection {
	width: 100%;
	flex-basis: unset;
	padding: 0 10px;
	/* margin-bottom: 2rem; */
}
/* 3cols */
.row3col {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.fle3xCol {
	margin-bottom: 0;
	position: relative;
	width: 100%;
	padding-right: 10px;
	padding-left: 40px;
}
.itemLink {
	color: #333;
}
.itemLink:hover {
    text-decoration: none;
}
.itemLink:hover .iconWrap {
    transform: translateY(-0.1875em);
    transition: transform .3s ease;
}
.iconWrap {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 80px;
	height: 80px;
	border-radius: 50%;
    transition: transform .3s ease;
}
.iconStyle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	font-size: 36px;
}
.itemTitle {
	background-color: transparent;
	margin-top: .9em;
	margin-bottom: .6em;
	text-align: center;
	font-size: 21px;
	line-height: 1.4em;
	border: none;
	border-radius: unset;
	padding: 0;
	color: inherit;
	display: block;
}
.itemSummary {
	margin-bottom: .5em;
	text-align: center;
	line-height: 1.8em;
	margin-top: 0;
    font-size: 14px;
}
/* サブカラム */
.sideSection:after {
	content: "";
	clear: both;
	display: block;
}
.contactSection {
	margin-bottom: 25px;
}
.contactCard {
	border: 3px solid rgba(0,0,0,0.07);
	border-radius: 5px;
	margin: 0;
}
.contactFrame {
	padding: 1.4rem 1.3rem;
	position: relative;
	display: block;
	overflow: hidden;
	background: #fafafa;
}
.contactTxt {
	text-align: center;
	margin-bottom: 0;
}
.contact_txt_catch {
	font-size: 14px;
	line-height: 128.6%;
	display: block;
	overflow: hidden;
}
.contact_txt_tel {
	font-size: 22px;
    display: inline-block;
	white-space: nowrap;
	padding: 5px 0;
	line-height: 105%;
	font-weight: 700;
	color: #43a300;
}
.contact_txt_tel_icon {
	margin-right: .3rem;
}
.contact_txt_time {
	font-size: 10px;
    display: block;
	line-height: 128.6%;
}
/*----------------------------------------------------

            2.   「サブ」ページ（SP版）

----------------------------------------------------*/
.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.page_header {
	background: linear-gradient(to bottom, #62bb24 0%,#43a100 100%);
	color: #fff;
    margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	text-align: center;
}
.header_pageTitle {
	margin: 1.2em auto;
	font-size: 22px;
	line-height: 1.1;
}
.content_full {
	margin-bottom: 3rem;
}
.content_full::after {
	content: "";
	clear: both;
	display: block;
}
/*サブメニュー */
.widgetSection {
	margin-bottom: 25px;
}
.widgetSection .subSection-title {
	margin-top: 0;
	font-size: 18px;
}
.subSection-title, h3 {
	padding-bottom: 8px;
}
.subSection-title a {
	color: inherit;
}
.subSection-title:after {
	content: ".";
	line-height: 0;
	display: block;
	overflow: hidden;
	position: absolute;
	bottom: -1px;
	width: 30%;
	border-bottom: 1px solid #43a300;
}
.widgetSection ul {
	padding-left: 0;
	margin: 0;
	font-size: 14px;
	list-style: none;
}
.widgetSection ul li {
	margin-bottom: 0;
    line-height: 1.65em;
}
.widgetSection ul li a {
	display: block;
	padding: 10px .5em 8px;
	border-bottom: 1px solid rgba(0,0,0,.05);
	color: #464646;
}
.widgetSection ul li.current_page_item > a {
	background-color: rgba(0,0,0,.05);
}
/* 見出し */
h2.mainSection_title {
	padding: .8em 0 0.7em;
	border-top: 2px solid #43a300;
	border-bottom: 1px solid #e9e9e9;
	font-size: 23px;
}
h2.mainSectionPt2_title {
	padding: .8em 0 .7em;
    font-size: 24px;
}
/* コンテンツ交互セクション */
.wp-block-columns {
	display: flex;
	margin-bottom: 1.75em;
	box-sizing: border-box;
	flex-wrap: wrap;
	justify-content: space-between;
}
.wp-block-image {
	max-width: 100%;
    margin: 0 0 1em;
}

/* コンテンツ交互セクション 2*/
.wp-block-columns2 {
	display: flex;
	margin-bottom: 1.75em;
	box-sizing: border-box;
	flex-wrap: wrap;
	justify-content: space-between;
	
}


/* フォトギャラリー風セクション */
.blocks-gallery-grid, .wp-block-gallery {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	padding: 0;
	margin: 0 auto;

}
/* IE Hackの設定 */
_:-ms-lang(x)::-ms-backdrop, .blocks-gallery-grid, .wp-block-gallery {
	flex-wrap: nowrap;
}
.blocks-gallery-item {
    position: relative;
}
.columns-1 .blocks-gallery-item {
    width: 100%;
}
.blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {
	margin: 0;
	height: 100%;
}
.blocks-gallery-grid .blocks-gallery-image:last-child, .blocks-gallery-grid .blocks-gallery-item:last-child, .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child {
	margin-right: 0;
}
.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
	margin-right: 0;
}
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
	position: absolute;
	bottom: 0;
    left: 0;
	width: 100%;
	max-height: 100%;
	overflow: hidden;
	padding: 3em .77em .7em;
	color: #fff;
	text-align: center;
	font-size: .7em;
	background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);
	box-sizing: border-box;
	margin: 0;
	z-index: 2;
}
/* フォトギャラリー風セクション（2列） */
.blocks-gallery-item {
	margin: 0 1em 1em 0;
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	justify-content: center;
	position: relative;
	width: calc(50% - 1em);
}
.columns-1to2 .blocks-gallery-item {
	margin: 0 0em 2em 0;
	display: flex;
	flex-grow: 1;
	flex-direction: column;
	justify-content: center;
	position: relative;
	width: 100%;
}
/*.blocks-gallery-item img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}*/
/* フォトギャラリー風セクション（文章回り込み） */
.blocks-gallery-grid.alignleft, .blocks-gallery-grid.alignright, .wp-block-gallery.alignleft, .wp-block-gallery.alignright {
	max-width: 420px;
	width: 100%;
}

.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
	margin-top: 4px;
}
.entry-body::after {
	content: "";
	clear: both;
	display: block;
}


/* リスト項目設定 */
.mainSection .basicList {
	padding-left: 2em;
}
.mainSection  .basicList li {
    list-style-type: disc;
}
/* パンくずリスト設定 */
.breadSection {
	border-bottom: 1px solid rgba(0,0,0,.05);
}
.breadSection .breadcrumb {
	margin-top: 0;
	margin-bottom: 0;
	background: 0 0;
	padding: 6px 15px;
}
.breadcrumb {
	display: flex;
	flex-wrap: wrap;
	padding: .75rem 1rem;
	margin-bottom: 1rem;
	list-style: none;
	background-color: #e9ecef;
	border-radius: .25rem;
    font-size: 13px;
}
.breadSection .breadcrumb span {
	font-size: .75em;
}
.breadSection .breadcrumb li {
	line-height: 1.2;
}
.breadSection .breadcrumb li {
	margin-bottom: 0;
	list-style: none;
}
.breadSection .breadcrumb a {
	color: #666;
	padding-bottom: 2px;
}
.breadSection .breadcrumb>li+li:before {
	content: "/";
	margin-left: .5em;
	margin-right: .5em;
	font-size: 12px;
}
.breadSection .breadcrumb>li:nth-of-type(2):before {
	content: "/";
	margin-left: .5em;
	margin-right: 0em;
	font-size: 12px;
}
/* テーブル設定　1　*/
.table-bordered {
	border: 1px solid #dee2e6;
    margin: 0 0 1em;
	overflow-x: auto;
}
.wp-block-table table {
	border-collapse: collapse;
	width: 100%;
    border-spacing: 0;
    border-top: 1px solid rgba(0,0,0,.05);
}
.tbl_basic2 tbody tr td:nth-of-type(1) {
	width: 30%;
    text-align: center;
}
.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0,0,0,.05);
}
.table-bordered td, .table-bordered th {
	border: 1px solid #dee2e6;
}
.table tbody tr td, .table tbody tr th, .table td, .table th, .table thead tr td, .table thead tr th, table tbody tr td, table tbody tr th, table td, table th, table thead tr td, table thead tr th {
	/* border-bottom: 1px solid rgba(0,0,0,.05); */
}
.tbl_basic td {
    display: block;
}
.tbl_basic tbody tr td:nth-of-type(1) {
    width: auto;
    font-weight: bold;
    border-bottom: none;
    color: #43a300;
}
.tbl_basic tbody tr td:nth-of-type(2) {
    padding: 0 1em 1em;
}
/* テーブル設定　2　*/
.recTable {
	border-collapse: collapse;
	width: 100%;
	font-size: 12px;
	font-weight: 500;
	overflow: hidden;
	/* border: 1px solid #dee2e6; */
}
.recTable td, .recTable th {
	border: 2px solid #b4c4ce;
}
.recTable th {
	width: 35%;
	background: #43a300;
	color: #fff;
	padding: 25px 3px;
}
.recTable td {
	padding: 25px 10px;
	background: #ffffff;
}
/* トピック枠 */
.vk_flow_frame {
	display: flex;
	padding: 20px 25px;
	border: 3px solid #43a300;
	margin: 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    font-size: 14px;
}
.vk_flow_frame_text {
	display: block;
	overflow: hidden;
	margin: 0;
	width: 100%;
}
.vk_flow_frame_text_title {
	border-bottom: 1px dotted #ccc;
	margin: 0 0 10px;
	padding: 0 0 5px;
	font-size: 1.2em;
    font-weight: 700;
    color: #43a300;
}
.vk_flow_frame_text_content {
	margin-bottom: 0;
    padding-left: 0;
	border: none;
	margin-left: 0;
}
/* arrow */
.arrow:before {
	font-family: "Font Awesome 5 Free";
	content: '\f063';
	font-weight: 900;
	font-size: 40px;
	color: #43a300;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: -20px 0 50px;
}
/* フッター関連記事リンク */
/*----------------------------------------------------

            3.   ボタン（SP版）

----------------------------------------------------*/
.btnFlex {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
}
.btnA {
	background: linear-gradient(to bottom, #ffffe9 0%,#fff238 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 45px;
	padding: 5px;
	font-size: 15px;
	border-radius: 10px;
	text-decoration: none;
	color: #333;
	margin: 0;
	transition: all  .3s ease;
	font-weight: 600;
	border: 1px solid #ffffff;
	box-shadow: 0px 2px 0px 3px #958700;
}
.btnB {
	background: linear-gradient(to bottom, #e2edf7 0%,#579fc5 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 45px;
	padding: 5px;
	font-size: 15px;
	border-radius: 10px;
	text-decoration: none;
	color: #333;
	margin: 0 0 10px;
	transition: all  .3s ease;
	font-weight: 600;
	border: 1px solid #c8cfd9;
	box-shadow: 0px 2px 0px 3px #4a6172;
}
.btnA:hover, .btnB:hover, .btnC:hover, .btnD:hover, .btnE:hover, .btnF:hover {
    text-decoration: none;
    transform: translateY(-0.1875em);
    cursor: pointer;
    opacity: 1;
}
.btnC {
	background: linear-gradient(to bottom, #fcf9d5 0%,#f8ea42 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 450px;
    width: 100%;
	height: 55px;
	padding: 5px;
	font-size: 20px;
	border-radius: 60px;
	text-decoration: none;
	color: #333;
	margin: 0;
	transition: all  .3s ease;
	font-weight: 600;
	border: 1px solid #ffffff;
	box-shadow: 0px 3px 0px 1px #7e7835;
	margin: 0 auto;
}
.btnD {
	background: linear-gradient(to bottom, #ffface 0%,#ffea2e 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 300px;
	width: 100%;
	height: 50px;
	padding: 5px;
	font-size: 18px;
	border-radius: 5px;
	text-decoration: none;
	color: #333;
	margin: 0;
	transition: all  .3s ease;
	font-weight: 600;
	border: 1px solid #ad9c0c;
	box-shadow: 0px 2px 0px 3px #958700;
	margin: 0 auto 50px;
}
.btnE {
	background: linear-gradient(to bottom, #fdfcf0 0%,#eddc4b 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 45px;
	padding: 5px;
	font-size: 13px;
	border-radius: 10px;
	text-decoration: none;
	color: #333;
	margin: 0;
	transition: all  .3s ease;
	font-weight: 600;
	border: 1px solid #ffffff;
	box-shadow: 0px 2px 0px 3px #958700;
}
.btnF {
	background: linear-gradient(to bottom, #f9d1d1 0%,#ca7676 100%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 45px;
	padding: 5px;
	font-size: 15px;
	border-radius: 10px;
	text-decoration: none;
	color: #333;
	margin: 0 0 10px;
	transition: all  .3s ease;
	font-weight: 600;
	border: 1px solid #e5a7a7;
	box-shadow: 0px 2px 0px 3px #9d6e6e;
}
.btnG {
	background: #777777;
	line-height: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 200px;
	width: 88%;
	height: 41px;
	/* padding: 5px; */
	font-size: 13px;
	text-decoration: none;
	color: #fff;
	margin: 0 0px 0 10px;
	transition: all .3s ease;
	font-weight: 600;
	border: 1px solid #777777;
	cursor: pointer;
	opacity: 1;
}
.btnG:hover {
    text-decoration: none;
    opacity: 1;
    color: #777777;
    background: #fff;
    box-shadow: 3px 3px #777;
}

/*disable設定*/
.disable {
	background: #f3f3f3 !important;
	box-shadow: none !important;
	color: #888 !important;
	border: 1px solid #ccc !important;
	pointer-events: none !important;
}
select.disable,  select:disabled{
	background: #fff !important;
	color: #ccc !important;
	border-top: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	border-left: 1px solid #ccc !important;
	border-right: 1px solid #ccc !important;
	pointer-events: none !important;
}
.radio03.disable {
	background: none !important;
	box-shadow: none !important;
	color: #ccc !important;
	border: 0px solid #ccc !important;
	pointer-events: none !important;
}
.radio03.disable::after {
	background: #bfbfbf !important;
}
.radio03.disable::before {
    border: 1px solid #ccc !important;
}
input[type=radio]:checked + .radio03.disable::before {
	border-color: #ccc !important;
}
input.disable, input:disabled {
	background: #ededed !important;
	box-shadow: none !important;
	color: #888 !important;
	border: 1px solid #ccc !important;
	pointer-events: none !important;
}

textarea.disable, textarea:disabled {
	background: #f3f3f3 !important;
	box-shadow: none !important;
	color: #888 !important;
	border: 1px solid #ccc !important;
	pointer-events: none !important;
}
input.checkBox.disable + .checkbox01 , input.checkBox:disabled + .checkbox01 {
	color: #999 !important;
	pointer-events: none !important;
	box-shadow: none !important;
}
input.checkBox.disable + .checkbox02 , input.checkBox:disabled + .checkbox02 {
	color: #999 !important;
	pointer-events: none !important;
	box-shadow: none !important;
}
input.checkBox.disable + .checkbox01::before {
	background: #787878;
	border: 2px solid #adadad;
}
input.checkBox:disabled + .checkbox02::before {
	background: #dcdcdc;
	border: 2px solid #adadad;
}

/*汎用disable設定*/
.disable2 {
	filter: opacity(0.5) !important;
	pointer-events: none !important;
}
.disable3 {
	filter: contrast(0.8) !important;
	pointer-events: none !important;
}
/*----------------------------------------------------

            4.   「特徴」セクション（SP版）

----------------------------------------------------*/
.middleLogo {
	max-width: 50px;
	height: auto;
}

.feature {
    border: 1px solid #696968;
    padding: 0px 20px 0;
}
.head3rd {
    text-align: center;
    font-size: 16px;
}
/*「A」セクション */
.feature2 {
    padding: 0px 20px 0;
}
.head3rd2 {
	text-align: center;
	font-size: 20px;
	letter-spacing: 0.2em;
}
.maxHarf {
	color: #ffec00;
	font-size: 36px;
}
.maxHarf b {
    color: #fff;
    letter-spacing: -0.4em;
}
.mainSection .blocks-gallery-item img.col1_img {
    border-radius: 0px;
    max-width: 450px;
}
.mainSection .blocks-gallery-item img.col1_img2 {
    border-radius: 0px;
    max-width: 1000px;
}
.btnWrap {
    padding: 0 20px;
    margin: 100px 0;
}
/*「お取り扱いブランド一覧」セクション */
.feature3 {
    	padding: 5rem 0 2rem;
}
.feature4 {
    	padding: 5rem 0 2rem;
}

.head3rd3 {
    text-align: center;
    font-size: 24px;
    display: flex;
    align-items: center;/* 縦位置の調整 */
    /* justify-content: center; */
}

.head3rd3::before,
.head3rd3::after {
  content: '';
  flex-grow: 1;/* 余白を分け与える */
  height: 1px;
  background: #333333;
}

/* 見出しの文字と横棒の間隔を開ける */
.head3rd3::before {
  margin-right: 30px;
}

.head3rd3::after {
  margin-left: 30px;
}


.head3rd3 span {
	padding: 10px;
}
.head2rd {
	text-align: center;
	font-size: 18px;
	letter-spacing: 0.10em;
    margin: 1em 0 1.5em;
}
.head2rd span {
	border-bottom: 1px solid #fbfbfb;
	padding: 5px 10px;
}
.head4rd {
	font-size: 15px;
	letter-spacing: 0.01em;
    line-height: 2;
}
.head4rd span {
	border-bottom: 1px solid #fff;
	padding: 5px 0px;
}
.explanationHeader {
    font-size: 18px;
    margin: 0px 0 10px;
}
.explanationText {
    padding: 10px;
}
.wp-block-column.explanationText p {
	padding: 20px 0px 0;
}
/*----------------------------------------------------

            5.   「ECサイト」ページ（SP版）

----------------------------------------------------*/
/* ログイン後トップ */
.feature4 {
    	padding: 0 0px 0;
}
/* 見出し（汎用） */
.head_normal {
	text-align: center;
	font-size: 17px;
	margin: 1em 0 3em;
	color: #000;
	font-weight: 400;
}
.head_normal .headTopBottom {
	display: inline-block;
	padding: 10px 40px;
	text-align: center;
	border-top: 2px solid #404040;
	border-bottom: 2px solid #404040;
}

.head_normal2nd {
	text-align: center;
	font-size: 15px;
	margin: 1em 0 1.5em;
	color: #000;
	font-weight: 400;
}
.head_normal2nd .headTopBottom {
	display: inline-block;
	padding: 10px 40px;
	text-align: center;
	border-top: 2px solid #404040;
	border-bottom: 2px solid #404040;
}


.headerEC {
	text-align: center;
	font-size: 23px;
	margin: 1.5em 0 1.8em;
}
.headerEC .headerECdetail {
	display: block;
	font-size: 20px;
}
/* 商品一覧 */
.productWrap {
    display: flex;
    flex-wrap: wrap;
    color: #000;
    padding: 20px 0;
    margin: -30px 0;
}
.proImgWrap {
	text-align: center;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	transition: transform .6s ease;
	position: relative;
}
.newLabel {

}
.newLabel::before {
	position: absolute;
	content: "NEW";
	font-family: 'Montserrat',sans-serif;
	font-weight: 500;
	top: 5px;
	left: 5px;
	width: auto;
	height: auto;
	padding: 2px 5px;
	background-color: #ea110c;
	color: #fff;
	animation: blink 1s step-end infinite;
	z-index: 1;
	font-size: 10px;
}
@keyframes blink {
	0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
	100% {
    opacity: 0;
  }
}


#newItem {
    font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Noto Serif JP", "游明朝", YuMincho, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


.proItem {
    width: calc(100% / 2 - 10px);
    display: block;
    margin: 10px 5px 30px;
    /* min-height: 450px; */
}
.proImg {
	min-width: 140px;
	min-height: 230px;
	object-fit: cover;
	/* object-position: 50% 100%; */
	will-change: opacity;
	transition: opacity .3s ease-out;/* ゆっくり変化させる */
	border: 1px solid #e3e3e3;
	padding: 3px;
	border-radius: 5px;
}
.proImg:hover {
	opacity: 0.8;
}
.proItemLink:hover img {
  /* transform: scale(1.05); *//* 拡大 */
  /* border: 1px solid #d6d6d6; */
}
.priceDownWrap {
	/* background: #333333; */
	/* display: inline-block; */
	height: auto;
	font-size: 12px;
	max-width: 300px;
	margin: 0 auto 10px;
	min-height: 38px;
}
.priceDownWrap span{
    padding: 5px 10px;
    background: #333333;
    color: #fff;
    display: block;
    border: 5px double #FFFFFF;
    text-align: center;
}

.priceDownWrap2 {
	font-size: 12px;
	margin: 0 0 10px;
	display: inline-block;
}
.priceDownWrap2 span{
    padding: 5px 10px;
    background: #333333;
    color: #fff;
    display: block;
    border: 5px double #FFFFFF;
    text-align: center;
}

.priceDownWrap3 {
	font-size: 12px;
	margin: 0 10px 10px;
	text-align: left;
}
.priceDownWrap3 span {
	padding: 5px 10px;
	background: #333333;
	color: #fff;
	display: inline-block;
	border: 5px double #FFFFFF;
	text-align: center;
}

.freeShipping {
	padding: 5px 0px;
	background: #fff;
	text-align: left;
	color: #777;
	font-size: 12px;
	max-width: 305px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}


.priceOffWrap {
	display: inline-block;
	height: auto;
	font-size: 14px;
	max-width: 200px;
	float: right;
}
.priceOffWrap span{
    padding: 3px 7px;
    background: #b2070c;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.allPriceWrap {
    padding: 0 0px 0px;
    width: 100%;
    /* text-align: center; */
    /* font-family: 'ヒラギノ角ゴシック',"ヒラギノ角ゴ Pro ","Hiragino Kaku Gothic Pro",'Hiragino Sans','Noto Sans JP','メイリオ', Meiryo, sans-serif; */
    font-weight: normal;
}
.productName {
    width: 100%;
    font-size: 12px;
    margin: 0px auto 10px;
    background: transparent;
    color: #000;
    padding: 10px 0px;
    max-width: 240px;
    text-align: left;
    height: 65px;
    line-height: 1.3;
    font-weight: 600;
}

_:-ms-input-placeholder, :root .productName {
         overflow: hidden;
}
.productName a{
    color: #727272;
}
.productName span {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.priceWrap {
    display: flex;
    /* width: 70%; */
    font-size: 14px;
    justify-content: space-between;
    margin: auto;
    padding: 2px 2px;
    max-width: 240px;
}
.priceWrap2 {
    display: flex;
    /* width: 70%; */
    font-size: 15px;
    justify-content: space-between;
    margin: auto;
    padding: 2px 2px;
    max-width: 240px;
}

.price_fw300 {
    font-weight: 300;
    color: #656565;
    font-size: 95%;
}
.price_Color {
    	color: #dd0404;
}
.priceLeft {
    /* width: 110px; */
    text-align: left;
    display: inline-block;
    color: #000;
}
.priceRight {
    width: auto;
    text-align: left;
    display: inline-block;
}
.proItemLink {
	display: flex;
	margin: 0 auto;
	max-width: 300px;
}
.proItemLink:hover {
    opacity: 1;
}
.seeMoreProducts {
    text-align: center;
    margin-bottom: 100px;
    padding-top: 70px;
}
.seeMoreProducts p a {
	padding: 20px 80px;
	border: 1px solid #000;
	margin-right: 5px;
	position: relative;
	transition: all .2s linear;
	/* box-shadow: 2px 2px #fff; */
	border-radius: 0;
	background: #000000;
	color: #fff;
	font-family: 'ヒラギノ角ゴシック',"ヒラギノ角ゴ Pro ","Hiragino Kaku Gothic Pro",'Hiragino Sans','Noto Sans JP','メイリオ', Meiryo, sans-serif;
}
.seeMoreProducts p a:hover {
	opacity: 1;
	background: #795548;
	color: #fff;
	box-shadow: 4px 4px #bea095;
	border: 1px solid #fff;
}
/*矢印と下線の形状 （SP版） */
.seeMoreProducts p a::before{
	content: "";
    /*絶対配置で下線の位置を決める*/
	position: absolute;
	top: 33px;
	right: 12px;
    /*下線の形状*/
	width: 41px;
	height: 1px;
	background: #fff;
    /*アニメーションの指定*/
	transition: all .2s linear;
}

.seeMoreProducts p a::after{
	content: "";
    /*絶対配置で矢印の位置を決める*/
	position: absolute;
	top: 28px;
	right: 14px;
    /*矢印の形状*/
	width: 2px;
	height: 6px;
	background: #fff;
	transform:
	skewX(45deg);
    /*アニメーションの指定*/
	transition: all .2s linear;
}
.seeMoreProducts p a:hover::before{
	right: 3px;
	width: 50px;
}
.seeMoreProducts p a:hover::after{
	right: 5px;
}


/* お気に入り設定 　↓↓↓↓↓ （SP版）　*/
.favoriteMarkLink {
    position: absolute;
    bottom: 11px;
    right: 11px;
    width: 37px;
    height: 37px;
    display: block;
    background-repeat: no-repeat;
    background-position: top;
    z-index: 3;
    cursor: pointer;
    border-radius: 50%;
    transition: transform .3s ease;
}
.favoriteMarkLink.markON {
	background-image: url(../images/favoriteMark_on.svg);
	border: 1px solid #eb735f;
}
.favoriteMarkLink.markOFF {
	background-image: url(../images/favoriteMark_off.svg);
    border: 1px solid #bbbbbb;
}
.favoriteMarkLink:hover {
	transform: scale(1.1);
	opacity: 1;
}
/* お気に入り設定 　↑↑↑↑↑　*/


.del {
	text-decoration-line: line-through;
	text-decoration-style: solid;
	text-decoration-color: #545353;
}

.lineWider {
    border-bottom: 1px solid #d4d4d4;
    height:2px;
      margin: 0 calc(50% - 49vw);
}

/*ページネーション */
.pagination {
	margin: 0px auto 70px;
	width: 100%;
	max-width: 1130px;
	font-size: 12px;
	color: #ccc;
	background: #fff;
}
.ecPagination{
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
}
.ecPagination ul {
    position: relative;
    margin-bottom: 12px;
    display: flex;
    font-size: 13px;
    max-width: 100%;
    margin: 0 auto 50px;
    padding: 0 0px;
    justify-content: center;
}

.ecPagination ul li {
    position: relative;
    width: 40px;
    height: 40px;
    display: table;
    margin: 0 2px;
}
.ecPagination ul li a,
.ecPagination ul li span {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    border: solid 1px #ababab;
    border-radius: 5px;
    background: #ffffff;
    color: #131313;
    opacity: 1;
    box-shadow: 0px 2px #c1c8cf;
}
.ecPagination ul li span {
    background: #6d6d6d;
    border: 1px solid #555;
    color: #fff;
}
/* 商品ページ */



.ImageBlock {

}
.detailedBlock {
	padding: 10px 10px;
	margin-top: -30px;
}
.discountTarget {
    padding: 2px 10px;
    font-size: 12px;
    background: #faed52;
    border: 1px solid #a49c49;
    border-radius: 5px;
    font-weight: 600;
}
.productPages_name {
	font-size: 20px;
	margin: 5px 0 5px;
}
.productPages_brandOne {
    margin: 30px 0 30px;
}
.productPages_link {
	text-decoration: underline;
	font-size: 14px;
	display: inline-block;
	padding: 0;
	margin: 0;
	vertical-align: top;
}
.productPages_link:hover {
	text-decoration: none;
    opacity: 1;
}
.description_itemWrap {
    display: flex;
    margin-bottom: 10px;
    padding: 0 5px;
    align-items: baseline;
}
.description_item {
    text-align: left;
    font-size: 17px;
}
.description_item2 {
    text-align: left;
    font-size: 20px;
}
.description_item3 {
    text-align: left;
    font-size: 15px;
    color: #777;
}
.priceOffWrap2 {
	display: inline-block;
	height: auto;
	font-size: 14px;
	max-width: 200px;
}
.priceOffWrap2 span {
	padding: 3px 7px;
	background: #b2070c;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.description_item_left {
    width: 35%;
    font-weight: 600;
}
.description_item_right {
	width: 65%;
}

/* 商品ページ toolTip*/
.help_area {
	margin: 0;
	display: inline-block;
	vertical-align: 2px;
	padding-left: 5px;
	position: relative;
}
.help_icon {
	border-radius: 50%;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	font-size: 13px;
	text-align: center;
	background: url(../images/hatena.svg) no-repeat;
	background-size: cover;
	background-position: center;
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.hatenatip {
	position: absolute;
	background-color: #7a7a7a;
	color: #fff;
	border-radius: 10px;
	padding: 15px;
	margin: 0;
	display: none;
	min-width: 200px;
	bottom: 43px;
	text-align: left;
	font-size: 12px;
	left: 50%;
	transform: translateX(-50%);
	animation-name: fade-in;
	animation-duration: 0.5s;
	font-weight: 400;
}
.hatenatip:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #7a7a7a transparent transparent transparent;
    border-width: 10px 10px 0 10px;
}



.priceColor {
	color: #f00;
}
.priceColor2 {
	color: #777;
}
.taxIncluded {
    font-size: 11px;
    color: #333;
    display: inline-block;
}
/* 区切り線（汎用） */
.ruledLine {
	border: 0;
	border-top: 1px solid #AAAAAA;
	text-align: center;
	margin: -20px 0 50px;
	padding: 0;
	height: 0;
	width: 100%;
}
.topicPathClass {
    margin: 0 5px;
}

.detailFlex {
    display: flex;
    flex-direction: column;
    margin: 20px 0 60px;
}
.detailFlexLeft {
    width: 100%;
    margin: 0 0 0px;
}
.detailFlexRight {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.generalArea {
    margin: 20px 0;
}
.productPages_header {
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 16px;
}
.selectWrap_pro {
	font-size: 16px;
	position: relative;
	display: block;
	margin-bottom: 10px;
}
.selectWrap_pro:before {
	content: "";
	position: absolute;
	top: 17px;
	margin: auto;
	right: 13px;
	display: inline-block;
	border-style: solid;
	border-width: 9px 7px 0px 7px;
	border-color: #000 transparent transparent transparent;
	z-index: 0;
	pointer-events: none;
}

.product_comments {
	font-size: 13px;
	padding: 0 10px;
	font-weight: 300;
}
.product_comments2 {
	font-size: 16px;
	padding: 0;
    font-weight: 600;
}

.remainingStock {
	display: block;
	font-size: 15px;
	margin: 5px 0 50px;
}


.cartButton {
	display: block;
	max-width: 400px;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
	border: none;
	border-radius: 0px;
	padding: 15px;
	font-size: 17px;
	font-family: 'ヒラギノ角ゴシック',"ヒラギノ角ゴ Pro ","Hiragino Kaku Gothic Pro",'Hiragino Sans',Montserrat,'Noto Sans JP','メイリオ', Meiryo, sans-serif;
	letter-spacing: 0.1em;
	color: #fff;
	background-color: #050505;
	background-image: url(../images/cartBtn.png);
	background-repeat: no-repeat;
	background-size: 36px;
	background-position: 90% 50%;
	transition: background .3s ease-out;
}
.cartButton:active {
	box-shadow: none;
	transform: translateY(5px);
}
.cartButton:hover {
    background-color: #f44336;
    /* color: #050505; */
}

.cartButton2 {
	display: block;
	max-width: 400px;
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	border: none;
	border-radius: 0px;
	padding: 15px;
	font-size: 17px;
	font-family: 'ヒラギノ角ゴシック',"ヒラギノ角ゴ Pro ","Hiragino Kaku Gothic Pro",'Hiragino Sans',Montserrat,'Noto Sans JP','メイリオ', Meiryo, sans-serif;
	letter-spacing: 0.1em;
	color: #333;
	background: #ffffff;
	transition: background .3s ease-out;
	border: 1px solid #333;
}
.cartButton2:active {
	box-shadow: none;
	transform: translateY(5px);
}
.cartButton2:hover {
    background: #f44336;
    color: #ffffff;
    border: 1px solid #f44336;
}

.cartButton3 {
	display: block;
	max-width: 400px;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
	border: none;
	border-radius: 0px;
	padding: 15px;
	font-size: 17px;
	font-family: 'ヒラギノ角ゴシック',"ヒラギノ角ゴ Pro ","Hiragino Kaku Gothic Pro",'Hiragino Sans',Montserrat,'Noto Sans JP','メイリオ', Meiryo, sans-serif;
	letter-spacing: 0.1em;
	color: #fff;
	background-color: #050505;
	background-image: none;
	background-repeat: no-repeat;
	background-size: 36px;
	background-position: 90% 50%;
	transition: background .3s ease-out;
}
.cartButton3:active {
	box-shadow: none;
	transform: translateY(5px);
}
.cartButton3:hover {
	background-color: #f44336;
	/* color: #050505; */
}

.productInquiry {
	text-decoration: underline;
	display: block;
	text-align: center;
    font-size: 15px;
	margin-top: 15px;
}
.productInquiry:hover {
    text-decoration: none;
    opacity: 1;
}

.productBlock {
    padding: 0px;
}

.head2rd2 {
    text-align: center;
    font-size: 18px;
    display: flex;
    align-items: center;/* 縦位置の調整 */
    /* justify-content: center; */
}

.head2rd2::before,
.head2rd2::after {
  content: '';
  flex-grow: 1;/* 余白を分け与える */
  height: 1px;
  background: #333333;
}

/* 見出しの文字と横棒の間隔を開ける */
.head2rd2::before {
  margin-right: 10px;
}

.head2rd2::after {
  margin-left: 10px;
}


.head2rd2 span {
	padding: 10px;
}

/* 商品ページ（slick） */
.thumbnail-slider li {
	width: calc(100% / 5 - 4px) !important;
	margin-right: 5px;
    padding: 3px;
}
.thumbnail-slider li:nth-child(5n) {
	margin-right: 0;
}

.thumbnail-slider .slick-track {
  transform: none !important;
  width:100% !important;
}

.main-slider {
  list-style: none;
}

.thumbnail-slider {
  list-style: none;
}

.thumbnail-slider {
  margin-top: 20px;
}

.main-slider img,
.thumbnail-slider img{
  width: 100%;
}
.slick-prev, 
.slick-next {
    position: absolute;
    z-index: 3;
    top: 47%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    /* border-top: 2px solid #fff; *//*矢印の色*/
    /* border-right: 2px solid #fff; *//*矢印の色*/
    height: 50px;
    width: 30px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left: 2.5%;
    /* transform: rotate(-135deg); */
    background: url(../images/prev3.svg) no-repeat 100% center !important;
    filter: drop-shadow(0px 0px 1px #555);
}

.slick-next {/*次へ矢印の位置と形状*/
    right: 2.5%;
    /* transform: rotate(45deg); */
    background: url(../images/next3.svg) no-repeat !important;
    filter: drop-shadow(0px 0px 1px #555);
}
.slick-prev:before, .slick-next:before {
	content: '';
}
.slick-disabled {
	display: none !important;
}
.main-slider li img {
	border-radius: 0;
	object-fit: contain;
	height: 300px;
	background-position: 50% 0%;
	 border: 5px solid #ffffff; 
}

.thumbnail-slider li img {
	border-radius: 0px;
	height: 61px;
	object-fit: contain;
	background: #ececec;
	border: 0px solid #b7b7b7;
    cursor: pointer;
    transition: all .2s ease-out;
    opacity: 1;
    outline: none;
}
.thumbnail-slider li img:hover {
    opacity: .7;
    outline: none;
}
.thumbnail-slider li img:focus {
    outline: none;
}
li.slick-slide {
	/* max-height: 550px; */
	/* min-height: 550px; */
	background: #fff;
	border: 1px solid #fbfbfb;
	overflow: hidden;
	/* display: flex !important; */
	/* height: 550px; */
    transition: border  0.35s ease;
}
li.slick-slide:focus {
    outline: none;
}
.slickWrapGallery {
  width:100%;
  padding: 0;
  margin: 10px auto;
}
.slick-active {
	border: 1px solid #b7b7b7 !important;
	box-shadow: 0 2px #ccc;
	border-radius: 2px;
}

/* 商品確認 */
.feature7 {
	margin: 3rem 0 1rem;
}
.feature8 {
	margin: 3rem 0 1rem;
    padding: 0 0 30px;
}

.orderWrap {
    margin: 0 0 50px;
    padding: 0;
}
.mLR_fix {
    margin-right: -10px;
    margin-left: -10px;
}
.tbl-cart tr.areaProduct td:last-child {
	border-bottom: solid 2px #333333;
	padding: 10px 10px 20px;
}

.tbl-cart tr.areatotal.areatotalFix td.totalAreaWrap2 {
	margin-top: 60px !important;
}




.tbl-cart {
	border-collapse: collapse;
	margin: 10px auto 10px;
	width: 100%;
	font-size: 16px;
	/* border-left: solid 1px #282424; */
	/* border-right: solid 1px #282424; */
	border-top: solid 2px #333333;
}
.tbl-cart tr {
	width: 100%;
	/* border-bottom: 10px solid #ffffff; */
}


.tbl-cart .thead {
	display: none;
}
.tbl-cart th {
	/* background: #333333; */
	/* border: solid 1px #607d8b; */
	color: #fff;
	padding: 15px 10px;
	text-align: center;
}
.tbl-cart td {
	display: block;
	text-align: right;
	width: 100%;
	/* border-left: solid 2px #333333; */
	/* border-right: solid 2px #333333; */
	/* border-bottom: solid 2px #333333; */
	padding: 5px 10px;
	font-weight: 400;
}
.tbl-cart tr:not(.areatotal ) > td:first-child {
	background: #ffffff;
	position: relative;
	z-index: 0;
	overflow: visible;
}
.tbl-cart tr:not(.areatotal ) > td:first-child:before {
	width: 50px;
	height: 50px;
	/* background: #837272; */
	color: #fff;
	position: absolute;
	/* background: url(../images/rb003.svg) no-repeat; */
	background-size: cover;
	top: 0;
	right: -10px;
	z-index: 0;
}
.tbl-cart td:first-child {
	 background: #333333;
	 color: #fff;
	 font-weight: 600;
	 text-align: center;
	 padding: 20px 10px 15px;
	 /* border-top: solid 2px #333333; */
	 overflow: hidden;
}
tr.areatotal {
	border-bottom: 0px solid #fbfbfb;
}
tr.areatotal td{
    font-size: 18px;
}
.tbl-cart td:before {
	content: attr(data-label);
	float: left;
	font-weight: 600;
	margin-right: 10px;
}

.tbl-cart tr.areatotal td.totalAreaWrap {
    padding: 10px 25px;
    background: #333333;
    color: #fff;
    font-size: 20px;
}
.goodsWrap {
    display: flex;
    /* flex-direction: column; */
}
.goodsItem {}
.goodsLeft {width: 100px;}
.goodsRight {width: calc(100% - 100px);padding: 0 5px;}
span.tagColor {
	vertical-align: top;
	padding: 0 10px;
	text-align: left;
	display: block;
	color: #212529;
	margin-bottom: 5px;
	font-size: 11px;
	font-weight: 400;
}
span.tagSize {
	vertical-align: top;
	padding: 0 10px;
	text-align: left;
	display: block;
	color: #212529;
	margin-bottom: 5px;
	font-size: 11px;
	font-weight: 400;
}
.tagColorWrap {
    padding: 3px;
    /* border: 1px solid #ccc; */
    height: 25px;
    width: 50px;
    display: inline-block;
    line-height: 19px;
    background: #000000;
    color: #fff;
    text-align: center;
    margin-right: 7px;
    border-radius: 0px;
    vertical-align: middle;
}
.tagSizeWrap {
	padding: 3px;
	/* border: 1px solid #ccc; */
	height: 25px;
	width: 50px;
	display: inline-block;
	line-height: 19px;
	background: #000000;
	color: #fff;
	text-align: center;
	margin-right: 7px;
	border-radius: 0px;
	/* vertical-align: middle; */
}
.tbl-cart img.menu-img {
	width: auto;
	height: auto;
	padding: 0px;
	/* background: #ffffff; */
	/* border: 1px solid #c7c7c7; */
	/* border-radius: 3px; */
	/* box-shadow: 0px 2px #ccc; */
	display: block;
	/* float: left; */
	margin: 0px auto 10px;
}
span.productTitle {
	vertical-align: top;
	padding: 0px 0 0 10px;
	text-align: left;
	display: block;
	color: #333;
	margin-bottom: 10px;
	font-size: 14px;
}
.totalAreaWrap {
    /* color: #020202 !important; */
    /* background: #b50b0b !important; */
    font-weight: 600;
    text-align: right !important;
    /* padding: 20px 0 !important; */
}
.totalAreaWrap2 {
    text-align: right !important;
    padding: 10px 25px  !important;
    border-top: solid 2px #333333;
    color: #fff;
    background: #333;
}
.tbl-cart tr.areatotal td.totalArea {
    background: #ededed;
    text-align: right;
    font-size: 23px;
    color: #DD0D13;
    padding: 15px !important;
    font-weight: 800;
    border-left: solid 2px #333333;
    border-right: solid 2px #333333;
    border-bottom: solid 2px #333333;
}
.tbl-cart tr.areatotal td.totalArea2 {
    background: #fbfbfb;
    text-align: right;
    font-size: 18px;
    color: #DD0D13;
    padding: 15px 15px !important;
    border-left: solid 2px #333333;
    border-right: solid 2px #333333;
}



.selectWrap {
	font-size: 16px;
	position: relative;
	display: block;
	/* margin-bottom: 10px; */
}

.selectWrap:before {
	content: "";
	position: absolute;
	top: 3px;
	bottom: 6px;
	margin: auto;
	right: 13px;
	width: 5px;
	height: 5px;
	border-top: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	transform: rotate(135deg);
	pointer-events: none;
	z-index: 1;
}
.sentakuPtn001 {
	background: #fff;
	padding: 6px 10px;
	width: 100px;
	border-radius: 0px;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
	border-left: 1px solid #707070;
	border-right: 1px solid #707070;
	cursor: pointer;
	outline: none;
	font-size: 16px;
	color: #333;
	text-align: left;
}
.btn_10 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 100px;
	height: 40px;
	position: relative;
	background: #DDDDDD;
	/* border: 2px solid #ff5722; */
	border-radius: 0px;
	box-sizing: border-box;
	padding: 5px;
	color: #333;
	font-size: 15px;
	margin: 0 0 0 auto;
	letter-spacing: 0.1em;
	transition: opacity 0.3s;
	font-weight: bold;
	/* box-shadow: 0px 5px 0 0 #eb9107; */
	/* text-align: right; */
	transition: all  0.35s ease;
}
.btn_10:active {
	/* box-shadow: 0px 3px 0 0 #5c1510; */
	/* transform: translateY(2px); */
}
.btn_10:hover {
	opacity: 1;
	background: #ff5722;
	color: #fff;
}
.btn_04 {
	display: block;
	width: 90%;
	max-width: 300px;
	height: auto;
	text-decoration: none;
	color: #3e3804;
	font-size: 15px;
	border-radius: 8px;
	text-align: center;
	padding: 13px 0;
	box-shadow: 0 5px 0 0 #9f9113;
	background: linear-gradient(to bottom, #fff7b2 0%,#edd822 100%);
	border: 1px solid #9f9113;
	margin: 0 auto 50px;
	cursor: pointer;
    transition: all .3s ease;
    font-weight: 600;
}
/*.btn_04:active {
	box-shadow: 0px 3px 0 0 #9f9113;
	transform: translateY(2px);
}*/
.btn_04:hover {
	text-decoration: none;
	transform: translateY(-0.1875em);
	cursor: pointer;
	opacity: 1;
}
th.th5, th.th10, th.th12_5, th.th13, th.th15, th.th20, th.th25, th.th30, th.th35, th.th40, th.th45, th.th50, th.th60, th.th70, th.th80, th.th90 {
	width: 100%;
}
.discountTargetCartWrap {
	text-align: left;
	display: block;
	padding: 4px 10px 7px;
}
.discountTargetCart {
    padding: 2px 10px;
    font-size: 12px;
    background: #faed52;
    border: 1px solid #a49c49;
    border-radius: 5px;
    font-weight: 600;
    color: #333;
}
.totalAreaZeikomi {
	font-size: 13px;
}
.textCoupon {
	font-size: 13px;
	display: block;
	color: #000;
	text-align: right;
}

.totalBlank {
	display: none  !important;
}

/* クーポン画像設定（SP版） */
.ticketFlex {
    display: block;
    margin-bottom: 100px;
}
.ticket {
	background: url(../images/paper00.jpg) no-repeat;
	background-size: cover;
	padding: 0.3rem 0.3rem;
	box-shadow: 1px 1px 6px rgba(10,5,0,0.5);
	color: #433;
	width: 100%;
	/*max-width: 560px;*/
	border: 1px solid rgba(30,5,0,0.12);
	margin-bottom: 30px;
    position: relative;
}
.ticket.ticketUsed {
    background: #fff no-repeat;
}
.ticket .ticket-used-img {
    display: none;
}
.ticket.ticketUsed .ticket-used-img {
    display: block;
	position: absolute;
	top: 16px;
	left: 0px;
	transform: rotateZ(-20deg);
	max-width: 210px;
	width: 100%;
	opacity: 0.6;
}


.ticket-inner{
    padding:0 0.7rem;
    display:flex;
    justify-content:space-between;
    align-items:center;
    border:2px solid rgba(30,5,0,0.5);
    border-radius:2px;
    text-align:center;
}
.ticket-left{
    width: 60%;
    border-right:1px dashed #976;
    padding: 1rem 0.5rem 0.7rem 0;
    font-size:80%;
}
.ticket_title {
    line-height: 1;
}
.ticket-code{
    font-weight:
    bold;
    font-size: 18px;
    line-height: 1.1;
    margin: 5px 0;
}
.ticket-name{
    border-top:1px solid #666;
    padding: 0.6em 0 0;
    line-height:1.2;
    font-size:13px;
}
.termsUse {
	font-size: 11px;
	display: inline-flex;
	text-align: left;
}

.ticket-right{
    width: 37%;
    padding:0.7rem 0;
    line-height:1.2;
}
.ticket-price{
    font-weight:bold;
}
.ticket-ppp{
    border-bottom:1px solid #666;
    padding-bottom:6px;
    margin-bottom:6px;
}
.ticket_arrow {
    font-size: 21px;
}
.couponDiscount {
	font-size: 16px;
}
.coupenBase {
	padding: 10px;
	border: 2px solid #bf0e0e;
	display: block;
	background: #df4848;
	color: #fff;
	font-size: 12px;
	margin: 10px 5px 0;
	border-radius: 5px;
	box-shadow: 0px 5px #c90505;
}
.coupenBase:active {
	box-shadow: none;
	transform: translateY(5px);
} 



/* カートが空の場合のスタイル （SP版）*/
.cartNoItem {
    text-align: center;
    margin-bottom: 50px;
}

/* お客様情報入力 （SP版）*/
.formSection {
    padding: 0;
    margin: 0;
}
.form__wrap {
	width: 100%;
	max-width: 800px;
	padding: 15px 0;
	margin: auto;
	margin-top: 0px;
}
.form__wrap2 {
	width: 100%;
	max-width: 800px;
	padding: 25px 10px 0px;
	margin: 0 auto;
	border: 1px solid #707070;
}

.beforeWrap {
    padding: 0;
    margin: 0;
}
.beforeWrap2 {
	width: 100%;
	max-width: 900px;
	padding: 20px 0;
	margin: auto;
	margin-top: 0px;
}
.nameClass {
	margin-bottom: 7px;
	font-size: 16px;
	font-weight: 600;
	color: #333;
	position: relative;
}
.nameClass::after {
	content: "";
	clear: both;
	display: block;
}
.nameClass2 {
	margin-bottom: 7px;
	font-size: 16px;
	font-weight: 600;
	color: #333;
	position: relative;
}

.inputCaution {
    display: inline;
    font-size: 13px;
    margin-left: 5px;
    color: #30393e;
}

/* ------------------------------------

    エラー処理 （SP版）

------------------------------------ */ 
.errorArea {
	padding: 15px;
	border: 5px solid #fff;
	background: #cb291d;
	color: #f90000;
	margin-bottom: 30px;
	font-size: 13px;
	border-radius: 10px;
}
.errorHeader {
    /* border-bottom: 1px solid #f70000; */
    padding: 5px;
    margin: 5px 0;
    text-align: center;
    font-size: 11px;
    background: #fff;
    color: #cb291d;
}
.errorList {
    font-size: 11px;
    padding: 0 20px;
    margin-bottom: 0;
}
.errorList li {
    list-style: disc;
    color: #fff;
}
.err {
    	border: 2px solid #ff0000 !important;
}
/* errMsg系 */
.errMsg {
    margin: -20px 0 20px;
    color: #f90000;
    display: block;
    font-weight: 700;
    font-size: 14px;
}
input.txtSubject + .errMsg {
	margin: 5px 0 20px;
	color: #f90000;
	display: block;
	font-weight: 700;
}
input.mb100 + .errMsg {
	margin: -90px 0 90px;
	color: #f90000;
	display: block;
	font-weight: 700;
}
input.mb50 + .errMsg {
	margin: -40px 0 40px;
	color: #f90000;
	display: block;
	font-weight: 700;
}
.col2Items .errMsg {
	margin: -20px 0 20px;
	color: #f90000;
	display: block;
	font-weight: 700;
	padding-left: 40px;
}
.leftFix .errMsg {
	margin: -20px 0 20px;
	color: #f90000;
	display: block;
	font-weight: 700;
	padding-left: 0px;
}
textarea.mb100 + .errMsg {
	margin: -90px 0 90px;
	color: #f90000;
	display: block;
	font-weight: 700;
}
textarea + .errMsg {
	margin: 0px 0 20px;
	color: #f90000;
	display: block;
	font-weight: 700;
}
.inputText + .errMsg {
	margin: 3px 0 0px;
	color: #f90000;
	display: block;
	font-weight: 700;
}
/* errMsg2系 */
.errMsg2 {
	margin: 0px 0 20px;
	color: #f90000;
	display: block;
	font-weight: 700;
	/* padding-left: 20px; */
	font-size: 14px;
}

.requiredEntry {
	background: #000;
	color: #fff;
	padding: 0px;
	font-size: 12px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 50px;
	height: 23px;
	margin-left: 11px;
	font-weight: 600;
}
.rbWrap {
	margin: 20px 0px 30px;
	width: auto;
	text-align: left;
}

.col2__wrap {
    display: flex;
    flex-direction: column;
    padding-left: 5px;
}
.col2__wrap2 {
    display: flex;
    flex-direction: row;
    /* justify-content: center; */
}
.col3__wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    height: 50px;
    max-width: 600px;
    width: 100%;
}

.col3__wrap2 {
	display: flex;
	flex-wrap: wrap;
	margin: 10px 10px;
}
.col3Items3 {
	width: 100%;
	margin-bottom: 15px;
}
.radio04 {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	padding: 10px 0px 10px 30px;
	position: relative;
	width: auto;
	font-size: 16px;
	border: 3px solid #616161;
	/* margin-right: 14px; */
	border-radius: 5px;
	background: #ffffff;
	box-shadow: 0px 3px #666;
}
.radio04::before {
	background: #fff;
	border: 1px solid #333;
	border-radius: 50%;
	content: '';
	display: block;
	height: 16px;
	left: 8px;
	margin-top: -8px;
	position: absolute;
	top: 49%;
	width: 16px;
	box-shadow: inset 0px 0px 1px 1px #bbbbbb;
}

input[type=radio]:checked + .radio04::before {
	border-color: #333;
}
input[type=radio]:checked + .radio04 {
	background: linear-gradient(to bottom, #ffffff 0%,#d9d9d9 100%);
}

.radio04::after {
	background: #2196f3;
	border-radius: 50%;
	content: '';
	display: block;
	height: 10px;
	left: 12px;
	margin-top: -4px;
	opacity: 0;
	position: absolute;
	top: 49%;
	transform: scale3d(1,1,1);
	transition: transform .2s ease-in-out, opacity .2s ease-in-out;
	width: 10px;
}
input[type=radio]:checked + .radio04::after {
	opacity: 1;
}
.radio04:hover {
	background: linear-gradient(to bottom, #ffffff 0%,#d9d9d9 100%);
	opacity: 1;
}
.pointBtn {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	padding: 10px 0px 10px 10px;
	position: relative;
	width: auto;
	font-size: 16px;
	border: 3px solid #616161;
	/* margin-right: 14px; */
	border-radius: 5px;
	background: #ffffff;
	box-shadow: 0px 3px #666;
}
.pointBtn:hover {
	background: linear-gradient(to bottom, #ffffff 0%,#d9d9d9 100%);
	opacity: 1;
}
.pointBtn.check {
	background: linear-gradient(to bottom, #ffffff 0%,#d9d9d9 100%);
}
.pointBtn.check:after {
	position: absolute;
	content: "\f058";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.6em;
	color: #333333;
	/* filter: drop-shadow(3px 3px 0px #fff); */
	/* width: 30px; */
	/* height: 30px; */
	top: 50%;
	right: 9px;
	transform: translateY(-50%);
}

.col2Items {
    width: 100%;
}
.col2Items2 {
    /* width: 40%; */
    padding: 0 0 0 40px;
}
.col2Items3 {
    width: 50%;
}
.col3Items {
    width: 30%;
    position: relative;
    display: flex;
    align-items: flex-start;
}
.col3Items2 {
    width: 35%;
    position: relative;
}
.col3Items2_item {
    width: 10%;
}
.col2_label {
    width: 40px;
    display: inline-block;
    font-size: 13px;
}
.postalLine {
	display: flex;
	margin: 0 10px;
	width: 13px;
	height: 21px;
	border-bottom: 2px solid #6e6e6e;
	align-content: center;
}
.input_control2 {
	width: calc(100% - 40px);
	padding: 8px 10px;
	margin-bottom: 30px;
	font-size: 16px;
	color: #000;
	background-color: #FAFAFA;
	border: 1px solid #6e6e6e;
	border-radius: 0px;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.input_control {
	width: 100%;
	height: 41px;
	padding: 8px 10px;
	margin-bottom: 30px;
	font-size: 16px;
	color: #000;
	background-color: #FAFAFA;
	border: 1px solid #6e6e6e;
	border-radius: 0px;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.input_control:focus, .input_control2:focus {
	background-color: #fff;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(74, 74, 74,0.3);
}
.radio03 {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	padding: 6px 0px 3px 27px;
	position: relative;
	width: auto;
	font-size: 12px;
	margin-bottom: 10px;
}
.radio03::before {
	background: #fff;
	border: 1px solid #333;
	border-radius: 50%;
	content: '';
	display: block;
	height: 16px;
	left: 5px;
	margin-top: -8px;
	position: absolute;
	top: 49%;
	width: 16px;
    box-shadow: inset 0px 0px 1px 1px #bbbbbb;
}
input[type=radio]:checked + .radio03::before {
	border-color: #333;
}
.radio03::after {
	background: #2196f3;
	border-radius: 50%;
	content: '';
	display: block;
	height: 10px;
	left: 9px;
	margin-top: -4px;
	opacity: 0;
	position: absolute;
	top: 49%;
	transform: scale3d(1,1,1);
	transition: transform .2s ease-in-out, opacity .2s ease-in-out;
	width: 10px;
}
input[type=radio]:checked + .radio03::after {
	opacity: 1;
}
.leftFix {
	/* padding-left: 20px; */
	display: inline-block;
	width: 100%;
}
.selectArea {
	width: 100%;
	/*margin-bottom: 10px;*/
}
.selectWrap2 {
	font-size: 16px;
	position: relative;
	display: block;
	margin-bottom: 10px;
}
.selectWrap2:before {
	content: "";
	position: absolute;
	top: 17px;
	margin: auto;
	right: 13px;
	display: inline-block;
	border-style: solid;
	border-width: 9px 7px 0px 7px;
	border-color: #000 transparent transparent transparent;
	z-index: 0;
	pointer-events: none;
}
.sentakuPtn002 {
	background: #fff;
	padding: 8px 10px;
	width: 100%;
	border-radius: 0px;
	border-top: 1px solid #6e6e6e;
	border-bottom: 1px solid #6e6e6e;
	border-left: 1px solid #6e6e6e;
	border-right: 1px solid #6e6e6e;
	cursor: pointer;
	outline: none;
	/* margin-bottom: 10px; */
	font-size: 16px;
	color: #333;
	/* box-shadow: 2px 0px 0px 0px rgb(255 255 255 / 30%), inset 0px 0px 3px 2px #000000; */
}
.sentakuPtn004 {
	background: #fafafa;
	padding: 8px 10px;
	width: 100%;
	border-radius: 0px;
	border-top: 1px solid #6e6e6e;
	border-bottom: 1px solid #6e6e6e;
	border-left: 1px solid #6e6e6e;
	border-right: 1px solid #6e6e6e;
	cursor: pointer;
	outline: none;
	/* margin-bottom: 10px; */
	font-size: 16px;
	color: #333;
	letter-spacing: 0.07em;
}
.sample2 {
	border: 1px solid #fff;
	padding: 0 20px;
	margin: 10px -10px 50px;
	border-radius: 10px;
	opacity: 1;
}
/* その場で */
/*.fadeIn{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
    0% {
        opacity: 0;         
    }
    100% {
        opacity: 1;
    }
}*/
#chageArea {
	transition: all  .3s ease;
	border: 1px solid #000000;
	padding: 50px 10px 0;
	margin: 15px 5px 20px;
	border-radius: 10px;
	background: #f5f5f5;
	opacity: 1;
	position: relative;
}
.differentHeader {
	background: #000000;
	color: #fff;
	/* margin: -25px -10px 20px; */
	font-size: 12px;
	padding: 20px 0;
	text-align: center;
	border-radius: 6px 6px 0 0;
	font-weight: 600;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

/*配達希望日確認 */
.dateDeliveryWrap {
	padding: 0;
	margin: 0 0 70px;
	display: flex;
	flex-direction: column;
}
.sentakuPtn003 {
	background: #fff;
	padding: 8px 10px;
	width: 100%;
	height: 41px;
	border-radius: 0px;
	border-top: 1px solid #6e6e6e;
	border-bottom: 1px solid #6e6e6e;
	border-left: 1px solid #6e6e6e;
	border-right: 1px solid #6e6e6e;
	cursor: pointer;
	outline: none;
	/* margin-bottom: 10px; */
	font-size: 16px;
	color: #333;
}
.dateItemLeft {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}
.dateItemRight {
	width: 100%;
}
.selectWrap3 {
	font-size: 16px;
	position: relative;
	display: block;
	margin-bottom: 10px;
	max-width: 400px;
	width: 100%;
	margin: 0 auto;
}
.selectWrap3:before {
	content: "";
	position: absolute;
	top: 17px;
	margin: auto;
	right: 13px;
	display: inline-block;
	border-style: solid;
	border-width: 9px 7px 0px 7px;
	border-color: #000 transparent transparent transparent;
	z-index: 0;
	pointer-events: none;
}
/* 注文内容確認 */
.goodsQuantity {
    position: relative;
}
.orderHeader3rd {
    font-size: 18px;
    padding: 10px;
    background: #4e4e4e;
    color: #ffffff;
    border: 4px double #ffffff;
    border-radius: 5px;
    box-shadow: 2px 2px #b9ccd5;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}
.orderHeader3rd:before{
	background-color: #fff; /* 切り替わる色1 */
	content: '';
	display: block;
	opacity: 0.3; /* 不透明度 */
	transform: rotate(-50deg);
	position: absolute;
	bottom: -10px;
	right: -330px;
	width: 500px;
	height: 500px;
}
.orderHeader3rd:after{
	background-color: #fff; /* 切り替わる色2 */
	content: '';
	display: block;
	opacity: 0.3; /* 不透明度 */
	transform: rotate(-70deg);
	position: absolute;
	bottom: -100px;
	right: -500px;
	width: 500px;
	height: 500px;
}

.recTable2 {
	border-collapse: collapse;
	width: 97%;
	background: #fff;
	font-size: 14px;
	/* overflow: hidden; */
	border-left: 3px solid #000000;
	border-right: 3px solid #000000;
	border-bottom: 3px solid #000000;
	margin: 0 auto;
	/* color: #405660; */
}
.recTable2 th {
	width: 100%;
	background: #000000;
	padding: 15px 10px;
	border-top: 3px solid #000000;
	text-align: left;
	display: block;
	font-weight: 600;
	color: #fff;
}
.recTable2 td {
	background: #fff;
	padding: 15px 10px;
	border-top: 1px solid #787777;
	border-bottom: 3px solid #000;
	display: block;
	font-weight: 400;
	color: #333;
}
.priorityWrap {
	margin: 15px 0px;
	padding: 20px;
	background-color: #f3f3f3;
	border: 2px solid #9e9e9e;
	box-shadow: 0 2px 0px 1px #cccccc;
	color: #000;
	border-radius: 3px;
}
.boxWrap_BGwhite {
	background: transparent;
	max-width:400px;
	margin: 0px auto 0;
	font-size: 15px;
	padding: 10px 0 0;
}

.recTable2 a, .priorityWrap a {
	color: #008eff;
	text-decoration: none;
	transition: opacity  0.35s ease;
}
.faqLink {
    color: #008eff;
}
.recTable2 tr {
	border-bottom: 20px solid #fff;
}
/*検索ボタン */
li.seach_box {
	position: absolute;
	top: 15px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 0;
	width: 90%;
}
.menu-item:nth-of-type(6) {
	animation-duration: 0.95s;
	/*animation-duration: 0s;*/
}

/*検索ボックス */
.Box {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: wrap;
}
.Box-SearchInput {
  border-bottom: 1px solid #ffffff;
  border-top: 0px solid #ffffff;
  border-left: 0px solid #ffffff;
  border-right: 0px solid #ffffff;
  border-radius: 0px;
  width: 100%;
  height: 45px;
  letter-spacing: 0.05em;
  padding-left: 10px;
  padding-right: 40px;
  background: transparent;
  color: #fff;
  font-size: 16px;
  transition: box-shadow .3s ease-out;
  font-family: 'ヒラギノ角ゴシック',"ヒラギノ角ゴ Pro ","Hiragino Kaku Gothic Pro",'Hiragino Sans','Noto Sans JP','メイリオ', Meiryo, sans-serif;
}
.Box-SearchInput:focus {
    outline: 0;
    /* box-shadow: 0 0 0 0.2rem rgba(74, 74, 74, .3); */
}
.Box-Btn {
  position: absolute;
  top: 3px;
  right: 4px;
  width: 39px;
  height: 39px;
  line-height: 48px;
  padding: 0;
  border: none;
  border-radius: 30px;
  background: #242424;
  vertical-align: middle;
  cursor: pointer;
}
.Box-Btn:hover img{
	transform: scale(1.2);
}
.Box-Btn-Icon {
  margin-left: auto;
  margin-right: auto;
  width: 21px;
  height: 21px;
  transition: .3s ease-out;

}
/*カード情報の登録*/
.sentenceWrap {
	/* padding: 15px 5px; */
	margin: 0 0 100px;
	background: #fff;
	color: #333;
	border-radius: 5px;
	margin-top: 60px;
	/* border: 1px solid #727272; */
	/*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);*/
}
.cardInfo {
	text-align: center;
	margin-bottom: 50px;
}
.cardWrap {
	display: flex;
	/* justify-content: space-around; */
	/* margin: 0 -10px; */
}
.cardImg {
	width: auto;
	height: auto;
}
.input_controlCard {
	width: 100%;
	padding: 8px 10px;
	font-size: 16px;
	color: #000;
	background-color: #FAFAFA;
	border: 1px solid #6e6e6e;
	border-radius: 0px;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.input_controlCard:focus {
	background-color: #fff;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(74, 74, 74,0.3);
}

.codeInfo {
	padding: 10px 10px 10px;
	background: #f0f5f7;
	margin: 20px 0px 0px;
	border: 1px solid #306a86;
	border-radius: 5px;
}
.codeHeader {
    padding: 0px 10px 10px 15px;
    margin: 5px 5px 10px;
    font-size: 16px;
    /* background: #306a86; */
    /* border-left: 7px solid #5b7e91; */
    border-bottom: 1px dotted #607d8b;
    position: relative;
    color: #193c4c;
    text-indent: -1em;
}


.codeInfoList {
	padding: 5px 5px 10px 30px;
	color: #333;
	font-size: 14px;
	margin: 0;
	color: #0e0e0e;
}
.codeInfoList li {
	list-style-type: disc;
}
.creditImg_sp {
    display: block;
    border: 3px solid #919ca3;
}
.lookSP {
    display: inline-block;
}
.lm {
    display: block;
}

.creditImg_pc, .lookPC {
    display: none;
}
.inputText {
	margin: 10px 0 0;
	display: inline-block;
	font-size: 11px;
}
/* セレクトボックス */
.selectWrap2_card {
	font-size: 16px;
	position: relative;
	display: inline-block;
	margin-bottom: 0;
}
.selectWrap2_card:before {
	content: "";
	position: absolute;
	top: 17px;
	margin: auto;
	right: 34px;
	display: inline-block;
	border-style: solid;
	border-width: 9px 7px 0px 7px;
	border-color: #000 transparent transparent transparent;
	z-index: 0;
	pointer-events: none;
}
.sentakuPtn002_card {
	background: #fafafa;
	padding: 8px 10px;
	width: 100px;
	border-radius: 0px;
	border-top: 1px solid #6e6e6e;
	border-bottom: 1px solid #6e6e6e;
	border-left: 1px solid #6e6e6e;
	border-right: 1px solid #6e6e6e;
	cursor: pointer;
	outline: none;
	/* margin-bottom: 10px; */
	font-size: 16px;
	color: #333;
}
.selectYM {
	display: inline-block;
	/* padding: 0 0 0 5px; */
	width: 20px;
	text-align: center;
}

/* 利用規約の同意 */
.sentenceWrap2{
	padding: 10px 10px;
	margin: 0 0 20px;
	background: #fff;
	color: #333;
	border-radius: 5px;
	margin-top: -50px;
	/* border: 1px solid #727272; */
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* 汎用ボタン設定（SP版） */
.topBtnFlexCommon {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
    font-family: 'Montserrat','ヒラギノ角ゴシック',"ヒラギノ角ゴ Pro ","Hiragino Kaku Gothic Pro",'Hiragino Sans','Noto Sans JP','メイリオ', Meiryo, sans-serif;
}
.buttonCommon001 {
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 45px;
	padding: 5px;
	font-size: 13px;
	border-radius: 0;
	text-decoration: none;
	color: #333;
	margin-bottom: 30px;
	transition: all  .3s ease;
	font-weight: 600;
	/* padding-right: 20px; */
	position: relative;
	border: 1px solid #5a5a5a;
    font-family: 'Montserrat','ヒラギノ角ゴシック',"ヒラギノ角ゴ Pro ","Hiragino Kaku Gothic Pro",'Hiragino Sans','Noto Sans JP','メイリオ', Meiryo, sans-serif;
}
.buttonCommon001:hover {
	box-shadow: 4px 4px 0px 0px #5a5a5a;
	border: 1px solid #5a5a5a;
	/* mix-blend-mode: multiply; */
	background-color: #f9f9f9;
	/*opacity: 1;*/
	/* color: #fff; */
}

.buttonCommon002 {
	background: #333;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 45px;
	padding: 5px;
	font-size: 13px;
	border-radius: 0;
	text-decoration: none;
	color: #fff;
	margin-bottom: 30px;
	transition: all  .3s ease;
	font-weight: 600;
	/* padding-right: 20px; */
	position: relative;
	border: 1px solid #5a5a5a;
    font-family: 'Montserrat','ヒラギノ角ゴシック',"ヒラギノ角ゴ Pro ","Hiragino Kaku Gothic Pro",'Hiragino Sans','Noto Sans JP','メイリオ', Meiryo, sans-serif;
}
.buttonCommon002:hover {
	box-shadow: 4px 4px 0px 0px #5a5a5a;
	border: 1px solid #9e9e9e;
	/* mix-blend-mode: multiply; */
	/* background-color: #f9f9f9; */
	/*opacity: 1;*/
	/* color: #fff; */
}


/* ====        SP版        ここまで ↑↑↑===== */

@media (min-width: 576px) {
/*コンテナ */
.container{
	max-width: 540px;
}

.creditImg_sp, .lookSP {
    display: none;
}
.creditImg_pc {
    display: block;
    border: 3px solid #919ca3;
    max-width: 600px;
    margin: 0 auto 30px;
}
.lookPC {
    display: inline-block;
}
.lm {
    display: none;
}

}
@media only screen and (min-width: 470px) and (max-width: 739px) {
.priceWrap {
	display: flex;
	/* width: 55%; */
	font-size: 13px;
	justify-content: space-between;
	margin: auto;
	padding: 2px 0px;
}
.productName {
	width: 100%;
	font-size: 13px;
}
.flowTop, .flowBottom {
    width: 50%;
}

}

/* ====        tab版　　　ここから↓↓↓  ==== */

@media (min-width: 740px) {
/*----------------------------------------------------
               1. 基本設定（tab版 ）740px ～ 991px
----------------------------------------------------*/
/* 見出し基本設定 */
h1 {
	/* font-size: 40px; */
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
p {
	line-height: 1.7;
	font-size: 18px;
}
ul {
	 font-size: 16px;
}
/* TEL */
a[href^="tel:"] {
	pointer-events: none;
}
/* 汎用クラス
--------------------*/
/* padding設定（強制） */
.pl20 {
    	padding-right: 20px !important;
}

/* padding設定（強制） */
.pt20 {
	padding-top: 20px !important;
}
.pd30 {
	padding: 30px;
}
.recTable2_thFix {
	padding: 32px 20px 20px !important;
	vertical-align: top !important;
}

/* width設定 （強制）*/

/* 右寄せ中央Flex設定 */
.justy__ec {
	justify-content: center;
}
.justy__es {
	justify-content: flex-start;
}
.justy__ee {
	justify-content: flex-end;
}

/* フォントサイズ設定（強制） */
.fs_1, .fs_2, .fs_3, .fs_4{
    font-size: 15px !important;
}

/* 改行指定 */
.brEna {
    display: inline-block;
}
/* 改行設定 */
.brMobileMain {
    display: none;
}
.brMobile {
	display: block;
}
/* PCスマホ表示設定 */
.dpPC_inline {
    display: inline;
}
/*----------------------------------------------------
               2. レイアウト設定（tab版 ）740px ～ 991px
----------------------------------------------------*/

/*コンテナ */
.container {
	max-width: 700px;
}
/* 「ヘッダー」ブロック */
header {
	padding: 10px 0;
}
/* 「コンテンツ」ブロック  ランディングページ*/
.contents_LP {
	padding-bottom: 30px;
}
/* 「コンテンツ」ブロック */
.contents {
	padding-bottom: 30px;
}
.contents2 {
	padding-bottom: 30px;
}
/* 「フッター」ブロック */
footer {
    font-size: 16px;
}
.footerLogoNew {
	text-align: center;
	color: #000;
	margin: 30px 0px 15px;
}

/* 新しいフッターメニュー（横一列） */
.footerMenu ul{
  padding: 0;
  margin: 0;
  font-size: 17px;
  text-align: left;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.footerMenu ul li{
  /* display: inline-block; */
  padding: 0 11px;
  width: auto;
  /* text-align: center; */
}
.footerMenu ul li + li{
  border-left: 2px solid #999;
}

/*----------------------------------------------------
               3. ヘッダー詳細（tab版）740px ～ 991px
----------------------------------------------------*/
img.caseImg {
	max-width: 100px;
}

/*----------------------------------------------------
               4. ナビゲーション（ドロワー）メニュー （tab版）740px ～ 991px
----------------------------------------------------*/


 /*----------------------------------------------------
               5.　共通パーツ（tab版）740px ～ 991px
----------------------------------------------------*/

 /*----------------------------------------------------
               6.　「form」基本パーツ（tab版）740px ～ 991px
----------------------------------------------------*/

  /*----------------------------------------------------
               7.　フッター（tab版）740px ～ 991px
----------------------------------------------------*/
.footerArea {
	text-align: left;
	margin-bottom: 25px;
}
.profile_text {
	font-size: 15px;
	text-align: center;
}
.sectionBox p {
	font-size: 12px;
	text-align: center;
}
/*----------------------------------------------------
               9.　ポップアップ・アラート（tab版）740px ～ 991px
----------------------------------------------------*/
p.manText {
	font-size: 20px;
	font-weight: normal;
}
.cautionTextArea {
    font-size: 16px;
}
.cautionTextArea2 {
    font-size: 16px;
}

.popUpButton001, .popUpButton002 {
	width: 300px;
	height: 50px;
	font-size: 15px;
	font-weight: 500;
}
/*----------------------------------------------------

            1.   「ホーム」ページ（tab版）740px ～ 991px

----------------------------------------------------*/

/* 枠基本B 新しい組み方 */
.siteContent {
	padding: 7.5rem 0 4rem;
}
.siteContent2 {
	padding: 2rem 0 2rem;
}
.siteContent3 {
	padding: 0rem 0 2rem;
}
.siteContent4 {
	padding: 2rem 0 2rem;
}
.siteContent5 {
	padding: 1rem 0 2rem;
}
.siteContent6 {
	padding: 5rem 0 2rem;
}

.rowCol {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
/* メインカラム */
/* 3cols */
.row3col {
	display: flex;
	flex-wrap: wrap;
	/* margin-right: -15px; */
	/* margin-left: -15px; */
}
.fle3xCol {
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
	margin-bottom: 0;
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
/* サブカラム */
/*----------------------------------------------------

            2.   「サブ」ページ（tab版）740px ～ 991px

----------------------------------------------------*/
/* 見出し */
h2.mainSection_title {
    font-size: 28px;
}
h2.mainSectionPt2_title {
    font-size: 28px;
}
/* コンテンツ交互セクション */
.wp-block-columns {
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-bottom: 3.75em;
}
/* コンテンツ交互セクション 2*/
.wp-block-columns2 {
	flex-wrap: nowrap;
	justify-content: space-between;
	flex-direction: row;
	margin-bottom: 3.75em;
}

/* フォトギャラリー風セクション */
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
	font-size: .8em;
}
/* フォトギャラリー風セクション（2列） */
.columns-1to2 .blocks-gallery-item {
	width: calc(50% - 1em);
	margin: 0 1em 1em 0;
}
/* フォトギャラリー風セクション（3列） */
.columns-3 .blocks-gallery-item {
	width: calc(33.33333% - .66667em);
	margin-right: 1em;
}
.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
	margin-right: 1em;
}
/* パンくずリスト設定 */
.breadcrumb {
    font-size: 16px;
}
/* テーブル設定　１　*/
.tbl_basic tbody tr td:nth-of-type(1) {
    font-size: 14px;
    display: table-cell;
    width: 150px;
    border-bottom: 1px solid rgba(0,0,0,.05);
    text-align: left;
}
.tbl_basic tbody tr td:nth-of-type(2) {
    display: table-cell;
    padding: 1em;
}
.tbl_basic2 tbody tr td:nth-of-type(1) {
	width: 20%;
}
/* テーブル設定　2　*/
.recTable {
	font-size: 16px;
}
.recTable th {
	padding: 30px;
	width: 25%;
}
.recTable td {
	padding: 30px;
}



/* トピック枠 */
.vk_flow_frame {
    font-size: 16px;
}
/*----------------------------------------------------

            3.   ボタン（tab版）740px ～ 991px

----------------------------------------------------*/
.btnG {
	font-size: 20px;
	height: 55px;
	font-weight: 500;
	margin: 0 0 0 10px;
	width: 100%;
}
/*----------------------------------------------------

            4.   「特徴」セクション（tab版）740px ～ 991px

----------------------------------------------------*/
.middleLogo {
	max-width: 100px;
}

.feature {
    padding: 0px 40px 20px;
}
.head3rd {
    font-size: 40px;
}
/*「A」セクション */
.head3rd2 {
    text-align: center;
    font-size: 50px;
}
.maxHarf {
	font-size: 100px;
}
/*「お取り扱いブランド一覧」セクション */
.feature3 {
    	padding: 5.5rem 0 4rem;
}
.feature4 {
    	padding: 6.5rem 0 4rem;
}
.head3rd3 {
    font-size: 30px;
}
.head2rd {
    font-size: 30px;
}
.head4rd {
    font-size: 23px;
}
.explanationHeader {
	font-size: 30px;
	margin: 0px 0 10px;
}
.explanationText {
    padding: 0px 0;
}

/*----------------------------------------------------

            5.   「ECサイト」ページ（tab版）740px ～ 991px

----------------------------------------------------*/
/* ログイン後トップ */

/* 見出し（汎用） */
.head_normal {
	font-size: 23px;
	margin: 1em 0 1.5em;
}
.head_normal .headTopBottom {
	margin: 0;
}

.head_normal2nd {
	font-size: 20px;
	margin: 1em 0 1.5em;
}
.head_normal2nd .headTopBottom {
	margin: 0;
}


.headerEC {
	font-size: 25px;
}
.headerEC .headerECdetail {
	font-size: 22px;
}

/* 商品一覧 */
.productWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.proImgWrap {
	max-width: 100%;
}
.newLabel::before {
    font-size: 14px;
}

.proItem {
    width: calc(100% / 3 - 14px);
    display: block;
    margin: 10px 7px 30px;
}
.proImg {
    	min-width: 190px;
    	min-height: 270px;
}
.productName {
	width: 100%;
	font-size: 16px;
	margin: 0px auto 20px;
	padding: 12px 0px;
	height: 75px;
	font-weight: 500;
	max-width: 300px;
}

.priceWrap {
    display: flex;
    /* width: 88%; */
    font-size: 18px;
    max-width: 300px;
}
.priceWrap2 {
    display: flex;
    /* width: 88%; */
    font-size: 20px;
    max-width: 300px;
}

.priceLeft {
    /* width: 120px; */
}
.priceRight {
    width: auto;
    text-align: left;
}

/*ページネーション */
.ecPagination ul {
	font-size: 15px;
	padding: 0;
}
.ecPagination ul li {
    width: 45px;
    height: 45px;
}
.ecPagination ul li a {
        transition: background 0.3s ease;
}
.ecPagination ul li a:hover {
        background: #00bcd4;
        color: #fff;
}
/* 商品ページ */
.ImageBlock {

}
.detailedBlock {
	padding: 15px 0px 10px 10px;
	margin: 10px 0;
}
.discountTarget {
    font-size: 14px;
}
.productPages_name {
	font-size: 28px;
	margin: 5px 0 10px;
}
.productPages_link {
    font-size: 18px;
}
.description_item {
    font-size: 20px;
}
.description_item2 {
    font-size: 24px;
}
.description_item3 {
    font-size: 17px;
}

.description_item_left {
    width: 30%;
}
.description_item_right {
	width: 70%;
}
.taxIncluded {
    font-size: 13px;
}

.detailFlex {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin: 30px 0 20px;
}
.detailFlexLeft {
    width: 48%;
    margin: 0;
}
.detailFlexRight {
    width: 48%;
    padding: 14px 0 0;
    display: block;
}

.productPages_header {
	font-size: 18px;
	margin-top: -13px;
	margin-bottom: 0px;
}
.selectWrap_pro {

}
.selectWrap_pro:before {
	top: 17px;
	bottom: auto;
	margin: auto;
	right: 13px;
}
.selectWrap_pro.fixArrow {
	width: 190px !important;
}
.product_comments {
	font-size: 16px;
	padding: 0px 10px;
}
.product_comments2 {
	font-size: 16px;
	padding: 0px 0;
}

.cartButton3 {
    margin-top: 24px;
}

.productInquiry {
    font-size: 16px;
}

.remainingStock {
	font-size: 18px;
	margin: 5px 0 20px;
}


.head2rd2 {
    font-size: 30px;
}

/* 見出しの文字と横棒の間隔を開ける */
.head2rd2::before {
  margin-right: 30px;
}
.head2rd2::after {
  margin-left: 30px;
}


/* 商品ページ（slick） */
.main-slider li img {
	height: 500px;
}
.thumbnail-slider li img {
	height: 110px;
}

/* 商品確認 */
.feature7 {
	margin: 2rem 0 1rem;
}
.feature8 {
	margin: 2rem 0 1rem;
}



.discountTargetCart {
    font-size: 13px;
}

/* クーポン画像設定 */

.ticket-code{
    font-size: 25px;
}


/* お客様情報入力 （tab版）740px ～ 991px*/
.form__wrap2 {
	width: 100%;
	max-width: 1100px;
	padding: 50px 30px 30px;
	margin-bottom: 40px;
}

.nameClass {
	margin-bottom: 12px;
	font-size: 20px;
}

.nameClass2 {
	margin-bottom: 0;
	font-size: 20px;
}

.inputCaution {
    display: inline-block;
    font-size: 15px;
    margin-left: 10px;
}

/* ------------------------------------

    エラー処理 （tab版）740px ～ 991px

------------------------------------ */ 
.errorArea {
	font-size: 16px;
}
.errorHeader {
    font-size: 20px;
    padding: 10px 0;
    margin: 20px;
}
.errorList {
    font-size: 16px;
    padding: 0px 25px;
}
/* errMsg errMsg2系 */
.errMsg2 {
    /* padding-left: 40px; */
}
.errMsg, .errMsg2 {
    font-size: 16px;
}

.requiredEntry {font-size: 16px;width: 70px;height: 30px;font-weight: 400;}
.rbWrap {
	width: auto;
	text-align: left;
}
.col2__wrap {
	flex-direction: row;
	justify-content: space-between;
}
.col3__wrap {
    height: 60px;
}

.col3__wrap2 {
	display: flex;
	flex-wrap: wrap;
	margin: 10px 3px;
}
.col3Items3 {
	width: 33%;
	margin-bottom: 20px;
	padding-right: 5px;
	padding-left: 5px;
}
.radio04 {
	font-size: 15px;
	padding: 10px 5px 10px 30px;
}
.pointBtn {
	font-size: 15px;
	padding: 10px 5px 10px 10px;
}

.col2Items {
    width: 49%;
}
.col2Items3 {
    width: auto;
    padding: 0 0 0 50px;
}
.col3Items2 {
    width: 30%;
    position: relative;
}
.col3Items2_item {
    width: 27%;
}
.postalLine {
	height: 28px;
}
.col2_label {
    font-size: 18px;
    width: 45px;
}
.input_control2 {
	font-size: 20px;
	padding: 12px 10px;
	width: calc(100% - 45px);
}
.input_control {
	font-size: 20px;
	padding: 12px 10px;
	max-width: 600px;
	height: 55px;
}
.radio03 {
	font-size: 18px;
	padding: 6px 5px 3px 30px;
	/*margin-bottom: 20px;*/
}
.leftFix {
	/* padding-left: 40px; */
}
.selectWrap2 {
	 display: inline-block;
	 /* margin-bottom: 2px; */
	 margin-right: 3px;
}
.selectWrap2:before {
	top: 24px;
	bottom: auto;
	margin: auto;
	right: 13px;
}
.sentakuPtn002 {
	font-size: 17px;
	padding: 8px 10px;
	margin-bottom: 0;
	width: 190px;
	text-align: center;
    height: 43px;
}
.sentakuPtn004 {
	font-size: 16px;
	padding: 14px 10px;
	margin-bottom: 0;
	width: 195px;
	text-align: center;
}
.differentHeader {
	font-size: 17px;
}
/*配達希望日確認 */
.dateDeliveryWrap {
	display: flex;
	flex-direction: row;
	justify-content: center;
	/* align-items: center; */
	width: 80%;
	margin: 0 0 100px;
}
.sentakuPtn003 {
	font-size: 20px;
	padding: 10px 10px;
	margin-bottom: 0;
	width: 100%;
	height: 50px;
}
.dateItemLeft {
	width: 20%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	/* margin-right: 10px; */
}
.dateItemRight {
	width: 63%;
}
.selectWrap3 {
	/* margin-bottom: 2px; */
	/* margin-right: 5px; */
	max-width: 320px;
	margin: 0;
}
.selectWrap3:before {
	top: 20px;
}
/* 注文内容確認 */
.orderHeader3rd {
    font-size: 20px;
    margin-bottom: 40px;
}
.recTable2 {
	font-size: 18px;
	font-weight: 500;
	border: 1px solid #787777;
}
.recTable2 th {
	padding: 20px;
	width: 35%;
	display: table-cell;
	border-top: 1px solid #787777;
	text-align: left;
}
.recTable2 td {
	padding: 20px;
	display: table-cell;
	border-bottom: 0px solid #000000;
}
.recTable2 tr {
	border-bottom: 0px solid #fff;
}
.boxWrap_BGwhite {
	max-width: 650px;
	font-size: 17px;
	padding: 30px 0 0;
}


/*カード情報の登録*/
.sentenceWrap {
	/* padding: 40px; */
	margin-top: 70px;
}
.cardWrap {
	display: flex;
	justify-content: flex-start;
    margin: 0;
}
.cardImg {
    margin-right: 10px;
}
.input_controlCard {
	font-size: 20px;
	padding: 8px 10px;
	width: 50%;
}
.codeInfo {
	margin: 20px 0px 0px;
}


.inputText {
	font-size: 17px;
}
/* セレクトボックス */
.selectWrap2_card {
}
.selectWrap2_card:before {
	top: 18px;
	bottom: auto;
	margin: auto;
	right: 36px;
}
.sentakuPtn002_card {
	font-size: 20px;
	padding: 7px 10px;
	margin-bottom: 0;
	width: 110px;
	/* text-align: center; */
}
/* 利用規約の同意 */
.sentenceWrap2 {
	padding: 40px;
	margin-top: 70px;
}

/* 汎用ボタン設定（tab版） */
.buttonCommon001 {
	width: 300px;
	height: 60px;
	font-size: 20px;
	font-weight: 500;
	background-size: 30px;
}
.buttonCommon002 {
	width: 300px;
	height: 60px;
	font-size: 20px;
	font-weight: 500;
	background-size: 30px;
}



}
/* ====        tab版        ここまで ↑↑↑===== */


/* ====        PC版　　　ここから↓↓↓  ==== */

@media (min-width: 992px) {

/*コンテナ */
.container {
	max-width: 960px;
}
 /*--------------------------------------------------
               1. 基本設定（PC版）
----------------------------------------------------*/


.fsFIX2 {
    font-size: 24px!important;
}
.mtFix2 {
	margin-top: 150px !important;
	margin-bottom: 100px !important;
}
.mtFix3 {
	margin-bottom: 100px !important;
}
 /*----------------------------------------------------
               7.　フッター（PC版）
----------------------------------------------------*/
.profile_text {
	font-size: 19px;
	text-align: center;
}
.profile_text a{
    color: #fff;
    position: relative;
}
.profile_text a:before {
	content: " ";
	display: block;
	width: 0;
	height: 1px;
	position: absolute;
	bottom: -7px;
	left: 0;
	border-bottom: 1px solid #ffffff;
	transition: .2s ease-out;
}
.profile_text a:hover:before {
	width: 100%;
}

.sectionBox p {
	font-size: 14px;
}
/*----------------------------------------------------

            1.   「ホーム」ページ（PC版）992px ～ 1199px

----------------------------------------------------*/

.siteContent7 {
	padding: 3rem 0 2rem;
}

/* メインカラム */
.mainSection-col-two {
	width: 40%;
}
.itemSummary {
    font-size: 16px;
}
/* サブカラム */
.sideSection-col-two {
	width: 57%;
}
.stickyClass {
	margin-bottom: 25px;
	position: sticky;
	top: 20px;
}
.contactTxt {

}
/*----------------------------------------------------

            2.   「サブ」ページ（PC版）992px ～ 1199px

----------------------------------------------------*/
.header_pageTitle {
	font-size: 28px;
}
/* FAQ */
.vk_faq .vk_faq_title {
	font-size: 18px;
}
.vk_faq .vk_faq_content {
    font-size: 16px;
}
/* コンテンツ交互セクション */
.wp-block-columns p{
    font-size: 20px;
}
/*----------------------------------------------------

            3.   ボタン（PC版）992px ～ 1199px

----------------------------------------------------*/
.mainTextArea {
	position: absolute;
	top: calc(18% - 10px);
	left: calc(10% - 20px);
	color: #333;
	width: auto;
}
img.mainImg {
	max-width: 440px;
}
.mainH2 span {
    font-size: 25px;
    text-align: center;
    line-height: 0;
}
.mainCatch {
    font-size: 23px;
    color: #000;
    text-align: center;
    padding: 10px 0;
}
.mainMonthlyCharge {
    font-size: 41px;
    color: #333;
    text-shadow: 1px 1px #ffffff;
}
.mainMonthlyCharge2 img.mcImg {
    max-width: 400px;
    margin: 10px auto;
    display: block;
}
.mainButtonArea {
    /* width: 90%; */
    margin-top: 0;
    line-height: 1.5;
}
.btnA {
    width: 190px;
    height: 70px;
    font-size: 30px;
    box-shadow: 3px 3px 2px 0px #4b4300;
    /* font-weight: 500; */
}
.btnB, .btnF {
    width: 190px;
    height: 70px;
    font-size: 28px;
    box-shadow: 3px 3px 2px 0px #4b4300;
    /* font-weight: 500; */
}

.btnE {
	width: 190px;
	height: 70px;
	font-size: 18px;
    box-shadow: 4px 4px 5px 4px #626060;
    /* font-weight: 600; */
}

/*----------------------------------------------------

            4.   「特徴」セクション（PC版）992px ～ 1199px

----------------------------------------------------*/
.featureList {
    padding: 10px 0px 10px 100px;
}

.priceWrap {
	display: flex;
	/* width: 60%; */
	font-size: 18px;
}



/*----------------------------------------------------

            5.   「ECサイト」ページ（PC版）992px ～ 1199px

----------------------------------------------------*/
/* ログイン後トップ */
.proImgWrap {
	max-height: 350px;
}
.proImg {
    	min-width: 255px;
    	min-height: 350px;
}
/*お問い合わせ詳細 */



/* 商品ページ toolTip （PC版）992px ～ 1199px */
.help_area {
	vertical-align: 3px;
	padding-left: 5px;
}
.help_icon {
	border-radius: 50%;
	width: 22px;
	height: 22px;
	vertical-align: middle;
	font-size: 14px;
	text-align: center;
}
.hatenatip {
	min-width: 300px;
	bottom: 43px;
	text-align: left;
	font-size: 15px;
	left: 50%;
	transform: translateX(-50%);
	animation-name: fade-in;
	animation-duration: 0.5s;
	font-weight: 300;
}

/* 商品一覧 （PC版）992px ～ 1199px */
.proImgWrap {
	/* max-height: 400px; */
}
.proImg {
    	min-width: 255px;
}
.priceDownWrap {
	/* background: #333333; */
	/* display: inline-block; */
	height: auto;
	font-size: 16px;
	max-width: 302px;
	margin: 0 auto 10px;
	min-height: 44px;
	/* visibility: hidden; */
}
.priceDownWrap span{
    padding: 5px 10px;
    background: #333333;
    color: #fff;
    display: inline-block;
    border: 5px double #FFFFFF;
}

.priceDownWrap2 {
	font-size: 16px;
}
.priceDownWrap2 span{
}

.priceDownWrap3 {
	font-size: 12px;
	margin: 0 10px 10px;
}
.priceDownWrap3 span {
	color: #fff;
	padding: 3px 5px;
}

.freeShipping {
	font-size: 16px;
	max-width: 301px;
	margin-left: -6px;
}

/* 商品ページ（slick） （PC版）992px ～ 1199px */
.thumbnail-slider li img {
	height: 80px;
}
.cartButton3 {
    margin-top: 24px;
}

/* 商品ページ（slick） */
li.slick-slide:hover {
	border: 1px solid #b7b7b7 !important;
}

/* 商品確認 （PC版）992px ～ 1199px */
.mLR_fix {
    margin-right: 0px;
    margin-left: 0px;
}
.tbl-cart tr.areaProduct td:last-child {
	border-bottom: solid 1px #ddd;
	padding: 10px;
}
.tbl-cart tr.areatotal.areatotalFix td.totalAreaWrap2, .tbl-cart tr.areatotal.areatotalFix td.totalArea2 {
	margin-top: 0px !important;
	padding-top: 40px !important;
}


.tbl-cart {
	margin: 20px auto 20px;
	font-size: 16px;
	/* border-collapse: separate; */
	table-layout: fixed;
	/* box-shadow: 0px 0px 0px 3px #dadada; */
	/* border-left: solid 1px #564b4b; */
	/* border-right: solid 1px #564b4b; */
	border-top: solid 0px #333333;
	position: relative;
}
.tbl-cart:after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    margin: 0 0px;
    border-top: 2px solid #343434;
    left: 0px;
    bottom: -40px;
}


.tbl-cart .thead {
	display: table-row;
}
.tbl-cart tr {
	border-bottom: 0px solid #ffffff;
}
.tbl-cart tr.areatotal td.totalArea {
	border-right: solid 0px #333333;
	border-left: solid 0px #333333;
	border-bottom: solid 1px #ddd;
	/* box-shadow: 0px 2px 0px 0px #9b8282; */
	padding: 15px 40px 15px 30px  !important;
	background: #ffffff;
	text-align: left;
	font-size: 20px;
}
.tbl-cart tr.areatotal td.totalArea2 {
	border-right: solid 0px #333333;
	border-left: solid 0px #333333;
	box-shadow: 0px 2px 0px 0px #333333;
	padding: 10px 0px 10px 30px  !important;
	background: #fff;
	text-align: left;
	color: #DD0D13;
	font-size: 17px;
	font-weight: 100 !important;
}


.tbl-cart th {
    border-bottom: solid 2px #333333;
    font-size: 18px;
    color: #333333;
}
.tbl-cart td {
	display: table-cell;
	text-align: center;
	border-bottom: solid 1px #ddd;
	border-left: solid 0px #c7c7c7;
	border-right: solid 0px #c7c7c7;
	padding: 10px;
}

.tbl-cart tr:not(.areatotal ) > td:first-child {
	position:static;
	background: none;
	overflow: hidden;
}
.tbl-cart tr:not(.areatotal ) > td:first-child:before {
    display: none;
}
.tbl-cart td:first-child {
	/* background: #fbfbfb; */
	/* color: #212529; */
	border-top: 0px solid #c7c7c7;
	/* vertical-align: middle; */
	padding: 25px 0px 25px;
}
tr.areatotal td{
    font-size: 18px;
}
.tbl-cart td:before {
	display: none;
}
.tbl-cart tr.areatotal td.totalAreaWrap {
    border-right: solid 0px #564b4b;
    border-left: solid 0px #837272;
    padding: 15px 10px;
    background: #ffffff;
    color: #333;
    text-align: left !important;
    font-size: 20px;
}
.tbl-cart tr.areatotal td.totalAreaWrap2 {
    border-right: solid 0px #564b4b;
    border-left: solid 0px #DDDDDD;
    border-bottom: solid 1px #DDDDDD;
    border-top: solid 0px #333333;
    padding: 10px 10px 10px 10px  !important;
    background: #fff;
    color: #000;
    text-align: left !important;
    font-weight: 100 !important;
    font-size: 16px;
} 



.goodsWrap {
	display: flex;
	flex-direction: row;
}
.goodsItem {

}
.goodsLeft {
    width: 120px;
}
.goodsRight {
    width: calc(100% - 120px);
    padding: 0 5px;
}
span.tagColor {
	vertical-align: middle;
	/* padding: 0px 0 0 20px; */
	text-align: left;
	/* display: table-cell; */
	margin-bottom: 5px;
	font-size: 12px;
}
span.tagSize {
	/* vertical-align: middle; */
	/* padding: 0px 0 0 20px; */
	text-align: left;
	/* display: table-cell; */
	margin-bottom: 0;
	font-size: 12px;
}
.tbl-cart img.menu-img {
	width: 120px;
	height: auto;
	padding: 0 0px;
	/* background: #ffffff; */
	/* border: 1px solid #c7c7c7; */
	/* border-radius: 3px; */
	/* box-shadow: 2px 2px #ccc; */
	float: left;
	margin: 0;
}
span.productTitle {
	vertical-align: middle;
	padding: 0px 0 0 10px;
	text-align: left;
	/* display: table-cell; */
	margin-bottom: 10px;
	font-size: 18px;
}
.selectWrap:before {
	content: "";
	position: absolute;
	top: 0px;
	bottom: 4px;
	margin: auto;
	right: 13px;
	width: 5px;
	height: 5px;
	border-top: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	transform: rotate(135deg);
	pointer-events: none;
}
.sentakuPtn001 {
	font-size: 16px;
	padding: 6px 10px;
	margin-bottom: 0;
	width: 100%;
}
.btn_10 {
	font-size: 15px;
	height: 40px;
	margin: 0 auto;
	max-width: 110px;
}
.btn_04 {
	font-size: 20px;
	padding: 10px 0;
}
/*.tbl-cart tr:nth-child(even) td {
	 background: #f5f5f5; 
}*/
th.th5 {
	width: 5%;
}
th.th10 {
	width: 10%;
}
th.th12 {
	width: 12%;
}
th.th12_5 {
	width: 12.5%;
}
th.th13 {
	width: 13%;
}
th.th15 {
	width: 15%;
}
th.th20 {
	width: 20%;
}
th.th25 {
	width: 25%;
}
th.th30 {
	width: 30%;
}
th.th35 {
	width: 35%;
}
th.th40 {
	width: 40%;
}
th.th45 {
	width: 45%;
}
th.th50 {
	width: 50%;
}
th.th60 {
	width: 60%;
}
th.th65 {
	width: 65%;
}
th.th70 {
	width: 70%;
}
th.th80 {
	width: 80%;
}
th.th90 {
	width: 90%;
}

.textCoupon {
	font-size: 12px;
	text-align: left;
}

.totalBlank {
	display: table-cell  !important;
	visibility: hidden;
	border: none !important;
}





/* クーポン画像設定 （PC版）992px ～ 1199px*/
.ticketFlex {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 10px;
}
.ticket {
    width: 48%;
}
.ticket.ticketUsed .ticket-used-img {
	position: absolute;
	top: 8%;
	left: 10px;
	transform: rotateZ(-20deg);
	max-width: 230px;
	width: 100%;
	opacity: 0.6;
}
.ticket-code{
    /* font-size: 27px; */
}
.termsUse {
    font-size:13px;
}
.couponDiscount {
	font-size: 22px;
}
.coupenBase {
	font-size: 18px;
	margin: 10px 5px 0;
}

.col3__wrap2 {
	margin: 10px 20px;
}
.radio04 {
	font-size: 18px;
}
.pointBtn {
	font-size: 18px;
}

}
/* ====        PC版        ここまで ↑↑↑===== */

@media (min-width: 1100px) {


/*----------------------------------------------------

            3.   ボタン（PC版）1100px ～ 

----------------------------------------------------*/
.btnC {
    font-size: 36px;
    height: 90px;
    /* font-weight: 500; */
}

}

@media (min-width: 1200px) {
/*----------------------------------------------------
               1. 基本設定（PC版）1200px ～ 
----------------------------------------------------*/
/* 見出し基本設定 */
h1 {
	/* font-size: 50px; */
	width: 183px;
}
p {
	line-height: 1.9;
	font-size: 19px;
}
/*コンテナ */
.container {
	max-width: 1200px;
}
/* 汎用クラス
--------------------*/
/* フォントサイズ設定（強制） */
.fs_1, .fs_2, .fs_3, .fs_4{
    font-size: 18px !important;
}
/*----------------------------------------------------
               3. ヘッダー詳細（PC版）
----------------------------------------------------*/
img.caseImg {max-width: 120px;}
/*----------------------------------------------------
               4. ナビゲーション（ドロワー）メニュー （PC版）1200px ～ 
----------------------------------------------------*/
.nav-open .black-bg {
  opacity: 0.05;
  visibility: visible;
}
body.nav-open {
	overflow: visible; 
}
.drawerMenu {
	padding: 0;
	margin: 0 130px 0 0;
	width: 80%;
}

.gnav{
	position: relative;
	right: 0;
	left: 0px;
	top: 0;
	width: 100%;
	height: auto;
	margin-top: 0;
	padding: 0;
	background-color: transparent;
	z-index: 0;
	overflow-y: visible;
	background: transparent;
	border-top: 0px solid #eee;
	display: flex;
	justify-content: flex-start;
}

.nav {
	margin: 5px auto;
	padding: 0 200px 0 0;
	list-style: none;
	font-size: 17px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	background: transparent;
	width: 100%;
	overflow: visible;
	position: relative;
}



.menu-item {
	text-align: center;
	padding: 10px 0px 10px;
	list-style: none;
	position: static;
	width: auto;
	line-height: 0;
	margin-bottom: 0;
}
.menu-item-has-children:hover  {
    cursor: pointer;
}
.menu-item-has-children:before, .menu-item-has-children:after {
	display: none;
}
/* リンク無効 */
.megaMenu{
	 pointer-events:  visible; 
     position: relative;
}
.menu-item a.megaMenu{
    position: relative;
}
/*.dropdown001:after {
    position: absolute;
    top: 41%;
    right: 447px;
    left: auto;
    background: transparent;
    display: block;
    width: 5px!important;
    height: 5px!important;
    margin: 0;
    border-bottom: 3px solid #333333;
    border-right: 3px solid #333333;
    transform: rotate(45deg);
}
.dropdown002:after {
    position: absolute;
    top: 41%;
    right: 332px;
    left: auto;
    background: transparent;
    display: block;
    width: 5px!important;
    height: 5px!important;
    margin: 0;
    border-bottom: 3px solid #333333;
    border-right: 3px solid #333333;
    transform: rotate(45deg);
}*/
.largeCategory::-webkit-scrollbar {
  width: 10px;
}

.largeCategory::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.largeCategory::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}


.menu-item .inner ul li a:hover {
	opacity: .7;
}
.nav-item_sub.item_sub_two .inner ul li a:before {
     display: none; 
}
.nav-item_sub {
	left: 0;
	margin: 0 calc(50% - 52.4vw);
	opacity: 0;
	position: absolute;
	top: 50px;
	/* transition: all 0.3s ease; */
	visibility: hidden;
	width: 100vw;
	height: 0;
	/*max-height: 0;*/
	display: block;
	border-top: 5px solid #fbfbfb;
	/* border-bottom: 1px solid #ababab; */
	box-shadow: 0px 3px 8px -4px rgba(0, 0, 0, .25);
}
/*_:-ms-input-placeholder, :root .nav-item_sub {
        margin: 0 calc(50% - 54vw);
}*/
.menu-item:hover .nav-item_sub {
	opacity: 1;
	visibility: visible;
	top: 54px;
	/* border: 3px solid; */
}
.menu-item:hover .nav-item_sub.item_sub_one {
	height: 550px;
	cursor: default;
	overflow: auto;
}
.menu-item:hover .nav-item_sub.item_sub_two {
	height: 450px;
	cursor: default;
}
.nav-item_sub.item_sub_one {
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 40%,rgba(0,0,0,0.8) 100%);
}
.nav-item_sub.item_sub_two {
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 40%,rgba(0,0,0,0.8) 100%);
}

.nav-item_sub .inner {
	display: flex;
	max-width: 100%;
	margin: 0 auto;
	justify-content: center;
}
.nav-item_sub.item_sub_one .inner {
	display: flex;
	max-width: 100%;
	margin: 10px auto;
	justify-content: flex-start;
}
.inner ul {
	display: flex;
	flex-flow: column wrap;
	height: 430px;
	padding: 20px 20px 0px;
	align-content: center;
	background: transparent;
	margin-left: 25px;
    border-top: 0px solid #555;
	border-bottom: 0px solid #555;
}

.nav-item_sub.item_sub_one .inner ul {
	flex-flow: column nowrap;
	padding: 10px 20px 0px;
	align-content: stretch;
	/* overflow: auto; */
	position: relative;
}
.nav-item_sub.item_sub_one .inner ul.largeCategory {
    /* width: 96%; */
    /* padding: 30px; */
}
.inner ul li  {
	width: auto;
	margin: 0;
	/* display: table; */
	text-align: left;
	/* position: relative; */
	width: 260px;
}
.nav-item_sub.item_sub_one .inner ul li {
	margin-bottom: 0;
	margin-right: 5px;
	width: 310px  !important;
	position: static;
	border-top: none;
	margin-left: 0;
}
.nav-item_sub.item_sub_one .inner ul li:hover {
	background: #a30000;
	/* color: #4c7daf; */
}


.inner ul li a {
	padding: 5px;
	color: #ffffff;
	font-size: 14px;
	border-bottom: none;
	margin-right: 10px;
	text-align: left;
	position: relative;
}
.nav-item_sub.item_sub_one .inner ul li a {
	color: #ffffff;
}
/*.mediumCategory  {
    display: block;
}
.smallCategory  {
    display: block;
}*/
.nav-item_sub.item_sub_one .inner ul ul.mediumCategory {
	height: auto;
	padding: 0;
	margin-left: 3px;
	position: absolute;
	top: 10px;
	left: 326px;
	width: 300px;
	overflow: hidden;
	height: 0;
}
.nav-item_sub.item_sub_one .inner ul > li  a {
	border: 0px solid #ffffff;
	display: block;
	font-size: 14px;
	/* width: 200px; */
	margin-left: 0;
}
.nav-item_sub.item_sub_one .inner ul.largeCategory li a {
	/* border: 1px solid #fff; */
	font-weight: 500;
	padding: 2px 10px 2px 10px;
	width: 310px;
}
.nav-item_sub.item_sub_one .inner ul:last-child {
	/* margin-bottom: 10px; */
	padding-bottom: 10px;
	border: none;
}
.nav-item_sub.item_sub_one .inner ul ul ul.largeCategory {
	margin-bottom: 0 !important;
}
.nav-item_sub.item_sub_one .inner ul ul.mediumCategory  > li a {
	font-size: 14px;
	padding: 2px 10px;
	color: #fff;
}
.nav-item_sub.item_sub_one .inner ul ul ul > li a {
	font-size: 13px;
	padding: 1px;
	text-align: left;
}
.nav-item_sub.item_sub_one .inner ul li:hover ul.mediumCategory {
	overflow: visible;
	height: 510px;
	border-left: 1px solid #fff;
	background: transparent;
}
.nav-item_sub.item_sub_one .inner ul ul ul.smallCategory {
	height: auto;
	padding: 0;
	margin-left: 3px;
	position: absolute;
	top: 0;
	left: 307px;
	width: 300px;
	overflow: hidden;
	height: 0;
}
.nav-item_sub.item_sub_one .inner ul ul li:hover ul.smallCategory {
	overflow: visible;
	height: 510px;
	border-left: 1px solid #fff;
}

.nav-item_sub.item_sub_one .inner ul ul ul.smallCategory {
	padding: 0;
	/* height: 500px; */
	background: transparent;
}
.inner ul ul ul li {
	padding-left: 0em;
}
.nav-item_sub.item_sub_one .inner ul li a:before {
	position: absolute;
	content: "";
	top: 8px;
	right: 10px;
	left: auto;
	bottom: auto;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
	transition: none;
	width: auto;
}
.nav-item_sub.item_sub_one .inner ul li ul li ul li a:before, .nav-item_sub.item_sub_one .inner ul li.notHasChild a:before {
	display: none;
}
.nav-item_sub.item_sub_one .inner ul.largeCategory li a:hover {
	/* background: #fff; */
	opacity: 1;
	color: #ffffff;
}

.nav-item_sub.item_sub_two .inner ul {
	padding: 20px 20px 0px
}
.nav-item_sub.item_sub_two .inner ul li a {
	padding: 5px;
}
.menuBtn {
	display: none;
}

.regularMenu:before,  .regularMenu:after{
    display: none;
}




.cartArea {
	position: absolute;
	top: 8px;
	right: 13px;
	/*font-size: 35px;*/
	width: 180px;
	/* justify-content: space-around; */
}
.cartImg {
    width: 36px;
}
.cartImg2 {
    width: 40px;
    left: 5px;
}

.fade_right {
   opacity: 1;
   animation-name: none;
   animation-timing-function: ease;
   animation-fill-mode: none;
}

.menu-item:first-child a {
	border-top: 0px solid #eee;
	/* border-bottom: 0px solid #eee; */
	/* position: relative; */
}

.menu-item:nth-of-type(1) {
  animation-duration: 0s;
}

.menu-item:nth-of-type(2) {
  animation-duration: 0s;
}

.menu-item:nth-of-type(3) {
  animation-duration: 0s;
}
.menu-item:nth-of-type(4) {
  animation-duration: 0s;
}
.menu-item:nth-of-type(5) {
  animation-duration: 0s;
}
.menu-item:nth-of-type(6) {
  animation-duration: 0s;
}
.menu-item:nth-of-type(7) {
  animation-duration: 0s;
}

.menu-item a {
	display: block;
	padding: 20px 1rem;
	border-bottom: 0px solid #000;
	text-decoration: none;
	color: #333;
	background: transparent;
	width: auto;
	position: relative;
	margin: 0px 0px;
	font-weight: 600;
	font-size: clamp(18px, 1.5vw, 19px);
}
.menu-item a:hover {
	opacity: 1;
}

.menu-item a:before {
	content: " ";
	display: block;
	width: 0;
	height: 1px;
	position: absolute;
	bottom: -1px;
	left: 0;
	border-bottom: 3px solid #333;
	transition: .2s ease-out;
}

.menu-item a:hover:before, .menu-item a.current:before {
	width: 100%;
}
.current-menu-item a:before {
	content: " ";
	height: 3px;
	width: 100%;
	position: absolute;
	/* bottom: 15px; */
	left: 0;
}
/* IE Hackの設定 */
_:-ms-lang(x)::-ms-backdrop, li.menu-item-has-children:hover > ul,
nav limenu-item-has-children ul li:hover > ul {
	top: 63px;
}




.hamburger {
	display: none;
}
.black-bg {
	display: none;
}
/* 表示された時用のCSS */
.nav-open .gnav{
  right: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/*検索ボタン */
li.seach_box {
	position: absolute;
	top: 11px;
	left: auto;
	right: 78px;
	transform: none;
	margin: 0px 0 0 15px;
	width: 255px;
}

/*検索ボックス */
.Box-SearchInput {
  background: #fff;
  font-size: 10px;
  height: 40px;
  width: 203px;
  padding-left: 2px;
  padding-right: 2em;
  border-bottom: 1px solid #4b4b4b;
  color: #4b4b4b;
}
.Box-Btn {
  /* width: 40px; */
  /* height: 40px; */
  line-height: 51px;
  top: 0;
  right: 49px;
  /* border-radius: 0 5px 5px 0; */
  background: #fff;
}
.Box-Btn-Icon {
  margin-left: auto;
  margin-right: auto;
  width: 23px;
  height: 23px;
  transition: .3s ease-out;
  mix-blend-mode: difference;
  filter: contrast(0.4);
}

/* ログイン前「会員登録」「ログイン」ボタン */
.c-button__wrap {
	position: absolute;
	top: 4px;
	right: 1px;
	width: 264px;
	justify-content: space-around;
}

.buttonMenu001 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 126px;
	height: 45px;
	padding-right: 3px;
	font-size: 12px;
	border-radius: 0;
	text-decoration: none;
	color: #eeeeee;
	font-weight: 600;
	background-size: 16px;
	background-position: 95% center !important;
	background-color: #292929;
	overflow: hidden;
	position: relative;
}


/*----------------------------------------------------

            3.   ボタン（PC版）1200px ～ 

----------------------------------------------------*/

/*----------------------------------------------------

            4.   「特徴」セクション（PC版）1200px ～ 

----------------------------------------------------*/
/*「A」セクション */
.maxHarf {
	font-size: 130px;
}
/*「お取り扱いブランド一覧」セクション */
.head3rd3 {
    	font-size: 40px;
}
.head2rd {

}
/*「ご利用の流れ」セクション */
.flowWrap {

}
.flowTitle {
    font-size: 40px;
    margin: 0.7em 0 0.7em;
}
.flowHeader {
	height: 100px;
    font-size: 26px;
}
/*----------------------------------------------------

            5.   「ECサイト」ページ（PC版）1200px ～ 

----------------------------------------------------*/
/* ログイン後トップ */

/* 見出し（汎用） */
.head_normal {
	font-size: 35px;
	margin: 1em 0 2em;
}
.head_normal .headTopBottom {
	margin: 0;
}

.head_normal2nd {
	font-size: 30px;
	margin: 1em 0 2em;
}
.head_normal2nd .headTopBottom {
	margin: 0;
}



.headerEC {
	font-size: 30px;
}
.headerEC .headerECdetail {
	font-size: 25px;
}

/* 商品一覧 */
.productWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	/* margin-left: 30px; */
}
.proItem {
    width: calc(100% / 3 - 0px);
    display: block;
    margin: 10px 0px 30px;
}


.productName {
	font-size: 18px;
	padding: 12px 0px;
}
.priceWrap {
    display: flex;
    /* width: 80%; */
    font-size: 22px;
}
.priceWrap2 {
    display: flex;
    /* width: 80%; */
    font-size: 22px;
}

.priceLeft {
    /* width: 105px; */
}

.priceOffWrap {
	height: auto;
	font-size: 20px;
}
.priceOffWrap span{
    padding: 5px 15px;
    color: #fff;
}
.priceOffWrap2 {
	height: auto;
	font-size: 20px;
}
.priceOffWrap2 span{
    padding: 5px 15px;
    color: #fff;
}
.freeShipping {
	font-size: 17px;
	margin-left: 40px;
	max-width: 302px;
}


.recTable2 th {
	width: 25%;
}
/* 商品ページ */
.cartButton3 {
    margin-top: 25px;
}
.head2rd2 {
    	font-size: 30px;
}
/* 商品確認 */
.feature7 {
	margin: 6rem 0 1rem;
}
.feature8 {
	margin: 3.5rem 0 1rem;
}
/* ------------------------------------

    エラー処理 （PC版）1200px ～ 

------------------------------------ */ 
.sentakuPtn004 {
	font-size: 20px;
	padding: 12px 10px;
	margin-bottom: 0;
	width: 250px;
	text-align: center;
}

/*カード情報の登録*/
.cardInfo {
	text-align: center;
	margin-bottom: 80px;
}
.codeHeader {
    padding: 10px 20px;
    margin: 0px 20px 15px;
    font-size: 20px;
}
.codeInfoList {
	padding: 5px 5px 10px 115px;
	font-size: 16px;
}

}

@media (min-width: 1300px) {


}

@media (max-width: 599px){

.wp-block-column{
	flex-basis: 100%!important;
	padding: 10px;
}
.wp-block-columns2  {
    flex-direction: column-reverse;
}


}
/* ====        その他        ここまで ↑↑↑===== */