/**header-----------------------------------*/
#masthead .inner {
    width: 1520px;
    max-width: 100%;
    margin: 0 auto;
	padding-left:3%;
	padding-right:1%;
	padding-bottom:0;
}
 #main {
	width: 1200px;
    max-width: 94%;
    margin: 0 auto;
   
}

.lb {
	float:left;
	width:26%;
}
.rb {
	float:right;
	width:73%;
	text-align:right;
}

#masthead .site-title {
		width:362px;
    margin:0 auto 20px;
		float:none;
		padding:0;
	}
#masthead .inner:before,#masthead .inner:after {
	content: "";
    clear: both;
    display: block;
}
#masthead {
	padding:52px 0;
	margin-bottom:0;
	/*box-shadow: 0 5px 5px rgb(34 34 34 / 20%);*/
}
#masthead .snav {
	padding-top: 10px;
    padding-right: 3%;
	clear:both;
  margin-right: 0;
  margin-left: auto;
}
#masthead .snav .membership {
    background: none;
    border-radius: 5px;
    padding: 10px 0;
}
#masthead .snav .membership li,#masthead .snav .membership a {
    font-size: 15px;
    color: #222;
}
body .incart-btn a {
	background: #b38554;
	border-radius:5px;
}
.incart-btn a {
  text-decoration: none !important;
}
body .widget_welcart_login input#member_loginw,body .widget_welcart_login input#member_login,
body .widget_welcart_search #searchsubmit {
	background: #b38554;
}
body .widget_welcart_calendar th {
    background-color: #b38554;
}
#secondary {
	margin-bottom:100px;
}

/**menu---------------------------------------------------------*/
body header #site-navigation input#panel.on-off + div.nav-menu-open,
body header #site-navigation input#panel.on-off:checked + div.nav-menu-open,
body header #site-navigation input#panel.on-off + div.header-nav-container {
	background:none;
}
header .current-menu-item a {
  background: none !important;
}
header #site-navigation li a {
	color: #222222;
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 13px 0 12px;
    padding-right: 15px;
	background:none;
	line-height:1.4;
}
header #site-navigation li:last-child a {
	padding-right:0;
}
header #site-navigation li {
    float: left;
    margin: 0;
	border:none;
    position: relative;
    width: auto;
	background:none;
	padding:0;
}
header #site-navigation li:hover:after {
	content: "";
    border-bottom: 1px solid #64ac8b;
    width: 20px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}
body #site-navigation ul li:first-child {
    border-left: none;
}
body #site-navigation li a:hover {
    color: inherit;
    background:none;
	opacity: 1;
    text-decoration: none;
}
body #site-navigation ul {
    max-width: 100%;
    width: 100%;
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
  column-gap: 30px;
}

/**sub-menu*/
body #site-navigation li .sub-menu {
	min-width: 205px;
    width: 100%;
    padding: 0;
    border: none;
    background: rgb(255 255 255 / 90%);
    padding: 10px 15px;
	display:none;
	top:50px;
}
body #site-navigation li:hover .sub-menu {
	display:block;
}
body #site-navigation ul .sub-menu li:after {
	display:none;
}
body #site-navigation ul .sub-menu a {
	display: block;
    text-indent: 0;
    white-space: unset;
    text-align: center;
    font-size: 15px;
    border-bottom: none;
    color: #222;
    padding: 5px 0;
    text-decoration: none;
    height: auto;
    background: none;
    font-weight: 400;
    display: block;
    text-align: left;
	line-height:1.4;
}
body #site-navigation ul .sub-menu a:hover {
	text-decoration: underline;
}


/***/
/*menu-----------------edit----------------------------*/
.hamburger {
    display: none;
    width: 48px;
    height: 48px;
    background-color: #fafafa;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 10000;
    padding: 7px 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    text-decoration: none !important;
}
@media screen and (max-width: 1024px) {
  .hamburger {
    display: block;
  }
}
.hamburger__icon {
  position: relative;
  margin-top: 11px;
  margin-bottom: 7px;
  line-height: 42px;
  font-size: 10px; 
}
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after {
  display: block;
  width: 32px;
  margin-left:auto;
  margin-right:auto;
  height: 2px;
  background-color: #000;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.hamburger__icon:before, .hamburger__icon:after {
  position: absolute;
  content: "";
}
.hamburger__icon:before {
  top: -7px;
}
.hamburger__icon:after {
  top: 7px;
}
.hamburger.active .hamburger__icon {
  background-color: transparent;
}
.hamburger.active .hamburger__icon:before, .hamburger.active .hamburger__icon:after {
  background-color: #000;
}
.hamburger.active .hamburger__icon:before {
  -moz-transform: translateY(7px) rotate(45deg);
  -ms-transform: translateY(7px) rotate(45deg);
  -webkit-transform: translateY(7px) rotate(45deg);
  transform: translateY(7px) rotate(45deg);
}
.hamburger.active .hamburger__icon:after {
  -moz-transform: translateY(-7px) rotate(-45deg);
  -ms-transform: translateY(-7px) rotate(-45deg);
  -webkit-transform: translateY(-7px) rotate(-45deg);
  transform: translateY(-7px) rotate(-45deg);
}

/* メニュー本体 */
.sp-nav {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;       /* 100vhより100%の方がモバイルブラウザで安定します */
  background: #b38554;
  z-index: 9999;
  transition: 0.4s;
  padding: 80px 20px;
  
  /* --- 追加・修正 --- */
  overflow-y: auto;   /* 縦方向のスクロールを許可 */
  -webkit-overflow-scrolling: touch; /* iOSでのスクロールを滑らかにする */
  box-sizing: border-box; /* パディングを含めた高さ計算にする */
}


.sp-nav.active {
  right: 0;
}

.sp-nav__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sp-nav__list li {
  border-bottom: 1px solid #ddd;
  text-align: center;
}

.sp-nav__list > li a {
  display: block;
  padding: 10px;
  color: #fff !important;
  font-weight: bold !important;
  text-decoration: none !important;
}
.sp-nav__list .sub-menu > li a {
  display: block;
  color: #fff !important;
  background-color: #c29d76;
  font-weight: normal !important;
  text-decoration: none !important;
}
.sp-nav__list a:hover {
  color: #fff;
  background-color: #be966c;
}






.fat-nav {
  top: 0;
  left: 0;
  z-index: 9999;
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  background: #b38554;
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  -moz-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.fat-nav__wrapper {
    width: 100% !important;
    height: 100%;
    display: table;
    table-layout: fixed;
    transform: unset !important;
    padding: 10% 3%;
}
.fat-nav.active {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.fat-nav ul {
  margin: 0;
  display: block;
   padding: 0;
   position: static;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
}
.fat-nav li {
  list-style-type: none;
  text-align: center;
  padding: 10px;
  font-size: 2em;
}
.fat-nav li, .fat-nav li a {
  	color: #fff;
    padding: 0;
}
.fat-nav li a {
  	border: none;
    padding: 5px 10px;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    border-bottom: 1px dotted #fff;
    text-indent: unset;
    white-space: unset;
    background: none;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    height: auto;
    display: block;
	line-height:2;
	font-weight:bold;
}
.fat-nav li .sub-menu a {
  	background: rgba(255, 255, 255, 0.2);
	font-weight:400;
}
.fat-nav li a:hover,.fat-nav li a:visited {
  color:#fff;
  opacity:0.7;
}
.ham-text {
    font-size: 10px;
    text-align: center;
    line-height: 2;
}



@-webkit-keyframes sdb {
  0% {
	  -webkit-transform: translate(0, 0);
	  opacity: 0;
  }
  40% {
	  opacity: 1;
  }
  80% {
	  -webkit-transform: translate(0, 20px);
	  opacity: 0;
  }
  100% {
	  opacity: 0;
  }
}
@keyframes sdb {
  0% {
	  transform: translate(0, 0);
	  opacity: 0;
  }
  40% {
	  opacity: 1;
  }
  80% {
	  transform: translate(0, 20px);
	  opacity: 0;
  }
  100% {
	  opacity: 0;
  }
}



/* =secondary
-------------------------------------------------------------- */
#secondary {
	padding: 0 !important;
	border-top: 0 !important;
}



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




/**footer---------------------------------------------------------*/
body #colophon {
    background: url(images2/flow03.png)no-repeat left bottom,url(images2/flow04.png)no-repeat right bottom;
    background-position: left calc(50% - 522px) bottom -125px,right calc(50% - 575px) bottom -170px;
    color: #222;
    text-align: center;
    padding: 100px 0 25px;
    box-shadow: 0 -5px 5px rgb(34 34 34 / 20%);
	line-height:2;
}
body #colophon .guide {
    max-width: 1200px;
    width: 94%;
    margin: 0 auto;
}
.copyright {
	text-align: center;
    background: #fff;
    padding: 15px 3%;
}
.copyright img {
	vertical-align: middle;
    margin-left: 20px;
}
.link-ft.module {
	max-width:902px;
	margin:0 auto 30px;
	font-size:14px;
}

.ul-ft li {
	display:inline-block;
	vertical-align:middle;
	margin-bottom:20px;
	margin-right:20px;
}
.ul-ft li:last-child {
	margin-right:0;
}
.ul-ft li img {
	display:inline-block;
	margin-right: 10px;
	vertical-align:middle;
	margin-bottom:0;
}
.ul-ft li a,
.ul-ft .tel-ft {
	background: #b38554;
    text-decoration: none;
    color: #fff !important;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 10px;
    letter-spacing: 0.02em;
    padding: 8px 20px 7px;
    border-radius: 10px;
	display:block;
	line-height:1.7;
  text-decoration: none !important;
}
.ul-ft li.btn-line a {
	background: #06c755;
	padding: 5px 20px;
}
.ul-ft .tel-ft {
	background:#8cc1a9;
	font-size:20px;
	color:#fff;
	display:inline-block;
	padding: 8px 20px;
	line-height:1.4;
}
.sp-footer-icons-container {
    display: none;
}
body #toTop {
    bottom: 50px;
    right: 50px;
    transition: opacity .3s;
}


/**body-----------------------------------------------------------*/
body .wrap {
	font-size: 15px;
    color: #222222;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}
body {
    background: none;
    background-color: #fff5da;
}
.wrap img {
	max-width:100%;
}
.wrap a:visited,.wrap a:link {
	color:inherit;
	text-decoration:underline;
	outline:none;
}
.wrap a:hover {
  	opacity:0.7;
	text-decoration:none;
}
.module-image,.tb_text_wrap {
	margin-bottom:30px;
}
.mo-mg50.module {
	margin-bottom:50px;
}
.mo-mg45.module {
	margin-bottom:45px;
}
.mo-mg15.module {
	margin-bottom:15px;
}


#main .customer_form td{
  position: relative;
}

#footer-nav ul.footer-menu{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  column-gap: 15px;
  font-size: 14px;
}
#footer-nav ul.footer-menu li{
  margin: 0 auto;
  padding: 0;
}
#footer-nav ul.footer-menu > li > a{
  font-weight: bold;
}
#footer-nav ul.footer-menu > li{
  display: flex;
  column-gap: 15px;
  justify-content: center;
  white-space: nowrap;
}
#footer-nav ul.footer-menu .sub-menu{
  display: flex;
  margin: 0 auto;
  column-gap: 15px;
  white-space: nowrap;
}

.shipping-approvale{
	display: inline-block;
    margin-top: 6px;
	margin-bottom: 6px;
    padding: 6px 24px;
    text-decoration: none !important;
    font-weight: bold;
    background: #eee;
    border-radius: 50px;
    border: 2px solid orange;
}
.shipping-approvale:hover{
	cursor: pointer;
}

#purchase_button.disable_btn{ background: gray!important; }
#purchase_button.disable_btn:hover{cursor: not-allowed;}

/************************************************
***************** Media Query *******************
*************************************************/


@media screen and (max-width: 1280px) {
	
	/**header*/
	#masthead .inner {
		max-width: 94%;
		padding-left:0;
		padding-right:0;
	}
	#masthead .snav {
		padding-right: 0;
	}
	
	
}



@media screen and (max-width: 1100px) {
	/**menu*/
	

}


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


	/**header*/
	.lb, .rb {
		float: none;
		width: 100%;
		text-align: center;
	}
	#masthead .site-title {
		width:326px;
		max-width:80%;
		margin:0 auto 20px;
		float:none;
		padding:0;
	}
	#masthead .snav {
		padding-right: 0;
		max-width: 272px;
		margin: 0 auto;
		float: none;
		text-align: center;
	}
	body .incart-btn {
		float: none;
		max-width: 200px;
		margin: 10px auto 0;
	}
  body .incart-btn.side {
		width: 100%;
	}
  body .incart-btn.side a {
    display: block;
    padding: 10px;
    color: #fff;
  }
  body .incart-btn.side a span.text {
    display: inline-block;
    content: "カートの中";
    margin-left: 12px;
  }
  body .incart-btn.side a span.total-quant {
    top: 10px;
    left: auto;
    right: 10px;
  }
 
	
	
	/**menu*/
	body #menu-button,#site-navigation {
		display:none;
	}
	
	/**footer*/
  .sp-footer-icons-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    z-index: 600;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
	border-top:1px solid #fff;
	}
  .sp-footer-icons-container a i {
    color: #fff;
  }
  .sp-footer-icons-container a i {
      display: block;
      line-height: 48px;
      color: #fff;
  }
  .fa, .fas {
      font-weight: 900;
  }
  .fa, .far, .fas {
      font-family: "Font Awesome 5 Free";
  }
  .fa, .fab, .fal, .far, .fas {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
  }
  .sp-footer-icons-container a {
		display: block;
		height: 51px;
		width: 33.33%;
		line-height: 48px;
		text-align: center;
		font-size: 16px;
		border-radius: 0;
		background-color: #cee;
		text-decoration: none;
		background-color: #b38554;
		color: #fff;
		outline: none;
		float: left;
		line-height: 2;
		border-left:1px solid #fff;
	}
	.sp-footer-icons-container a:first-child {
		border-left: none;
	}
  body {
    padding-bottom:51px;
  }
	
	
	
	
	/**footer*/
	.sp-footer-icons-container {
		display: block;
	}
	
	/**header*/
	
  
}


@media screen and (max-width: 939px) {
	
	/**header*/
	body .incart-btn {
		float: none;
		max-width: 200px;
		margin:  0 auto;
		display: inline-block;
		vertical-align: middle;
	}
	#masthead .snav .membership {
		background: none;
		border-radius: 5px;
		padding: 0;
		float: none;
		display: inline-block;
		vertical-align: middle;
	}
  	body #main {
		padding-top: 100px;
	}
	
	/***/
	body #main #secondary {
		width: 100%;
		float: none;
		max-width: 400px;
		margin: 0 auto 70px;
	}
	body #main #primary {
		width: 100%;
		float: none;
	}
  
}


@media screen and (max-width: 768px) {
	.top-info.cf a.top-btn{
		display:block;
	}
	#footer-nav ul.footer-menu > li{
		flex-wrap: wrap;
        width: 100%;
        justify-content: start;
	}
	#footer-nav ul.footer-menu > li > a{ text-decoration: none!important; }
	#footer-nav ul.footer-menu > li > a::before{
		content: "●";
		padding-right: .6em;
	}	
	#footer-nav ul.footer-menu .sub-menu{
		flex-wrap: wrap;
	}
	#footer-nav ul.footer-menu .sub-menu li{ text-align: left; }
  
}


@media screen and (max-width: 680px) {
  .module-image {
    text-align:center;
  }
	
	/**header*/
	
	
  
}

/* sidebar cart_btn adjustnment  */
#secondary .incart-btn{
	float:none;
	margin:15px 10px
} 

/*cart page address input adjustment by m44*/
select#customer_pref{
	background-color:#fff;
}

/* itempage menberlogin input adjustment by m44 */
.single input#loginmailw,.single input#loginpassw{
	max-width:inherit;
}

/* itempage option single select adjustment by m44 */
.single select,
select {
	background-color:#Fff !important;
}

/* newitem adjustment by m44 */
.newitem,.itemprice{
	font-weight:bold;
	color:#d00
}
/* single pge sku adjustment by m44*/
.single .skuname{
	font-weight:bold;
	padding:5px 0px;
  background: none !important;
}
.single .item-option{
	padding-left:16px;
}
.single .item-option dd{
	margin-bottom:5px;
	padding-left:16px;
}

.quantity input{
	height:50px;
}
.cart-button input[type="submit"]{
	margin-top:5px;
}


/*　+-ボタン　*/
.c-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.wc-qty-counter{
	display:flex;
	align-items:center;
	gap:0;
}
.detail-box label {
  display: block;
}
.wc-qty-btn {
  -webkit-transition: .3s ease all;
  -moz-transition: .3s ease all;
  -o-transition: .3s ease all;
  height: 50px;
  padding: 1.071428em 2.142856em;
  transition: .3s ease all;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #efefef;
  color: #262626;
  font-weight: normal;
}
.wc-qty-btn:hover{
	background:#ddd;
}
.wc-qty-input{
	width:56px;
  border: 1px solid #bbb;
	text-align:center;
	font-size:16px;
	padding:0;
	box-sizing:border-box;
	border-radius:0;
}
.wc-qty-input::-webkit-outer-spin-button,
.wc-qty-input::-webkit-inner-spin-button{
	-webkit-appearance:none;
	margin:0;
}
.wc-qty-input[type=number]{
	-moz-appearance:textfield;
}



.skuform .option_label{
	align-items: center;
	gap: 16px;
  margin-top: 15px;
  margin-bottom: 8px;
}
.skuform .option_label .essential,
.essential {
	white-space: nowrap;
	padding: .6em;
	font-size: 12px;
	background: red;
	color: white;
	border-radius: 30px;
	line-height: 1;
}



/* required属性がついているinput/textareaのラベルに ※必須 を追加 */
.usces_cart input[required] + label::before,
.usces_cart textarea[required] + label::before {
  content: "※必須 ";
  color: red;
  font-weight: bold;
}

/* またはラベル自体の前に付ける場合 */
.usces_cart label.required::before {
  content: "※必須 ";
  color: red;
}



.item-option dt .required {
    font-size: 0.8em;
    color: #c00;
    margin-left: 0.5em;
}


/* signle page itemprice adjustment by m44 */
.single .field_price{
	font-weight: bold;
    padding: 15px 0px;
    color: #d72d2d;
    text-align: right;
    font-size: 28px;
    background: wheat;
    padding: 10px 20px;
	margin-top: 30px;
    margin-bottom: 30px;
}

/* side bar calender adjustment by m44 */
.widget_welcart_calendar .businessday {
	color:#fff;
    background-color: #7bb098;
}

/*item single  sale option adjsutment by m44*/
.single textarea {
	width:100%;
	min-width:100%;
    max-width:100%;
}

/* side bar menber login adjustment by m44 */
#secondary .loginbox input{
	text-align:inherit;
}
.widget_welcart_login input#member_loginw{
	text-align:center;	
}

/* item single cart button adjustment by m44 */
body.single input[type="submit"]{
	color:#fff;
	background-color:#ff8c00;
}

/* cart page select node backgroud fff by m44 */
body.page-template-uscescart-php select{
	background-color:#fff;
}
/* item single fontawesome by m44 */
.option-title{color:#b38554; font-weight:bold;}
.option-title i {
    font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "MS Pゴシック", "MS PGothic", sans-serif,'Font Awesome 5 Free';
	font-weight:900;
	font-style:normal;
	margin:0px 5px;
}
.option-title i.fa-solid.fa-receipt::before{
	content:"\f543";
}


/* cart&member page totop adjustment by m44 */
body.page-template-uscesmember #toTop,
body.page-template-uscescart #toTop{
	bottom:90px;
}

/* member page adjustment by m4420221031  */
body.page-template-uscesmember select#member_pref{
	background:#fff;
}
body .mborder1{
	border:solid 2px #B38554;
	padding:10px;
}
body .mborder1 b{
	color:#dd0000;
}
body.page-template-uscesmember .mborder1{
	margin:0 auto 40px;
	width:45%;
}

/* topinfo adjustment by m44 */
body.home #content .top-info h3::before{
	content:"\f48b";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	padding-right:5px;
}

body.home #content .top-info h3{
	text-align:center;
	margin-bottom:15px;
	color:#dd0000;
	font-size:26px;
}
body.home #content .top-info{
	border:solid 4px #B38554;
	border-radius:20px;
	margin-bottom:40px;
	padding:20px 40px;
	
}

.top-info a.top-btn {
	display: none;
	width: 250px;
	margin: 0px auto 20px;
	padding: 10px 10px;
	text-align: center;
	background-color: #FFBD41;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	border: none;
	border-radius: 4px;
}
.top-btn .fa-solid{
	margin-right: 10px;
}

/* cart page infomation adjustment by miyoshi */
.page-template-uscescart .cart-info,
.cart-info {
	width:95%;
	border:solid 4px #B38554;
	border-radius:20px;
	margin:40px auto;
	padding:3%;
	font-weight:600;
}
.page-template-uscescart .cart-info .title,
.cart-info .title {
	display:block;
	margin:0px auto 25px;
	text-align:center;
	font-size:25px;
	font-weight:bold;
	color:#d00;
}

/* top insta icon */
#content .insta_btn {
  display: inline-block;
  text-align: center;
  color: #2e6ca5;
  font-size: 20px;
  text-decoration: none;
}
#content .insta_btn:hover {/*hover adjustment*/
  color:#668ad8;
  transition: .5s;
}
#content .insta_btn .insta{/*iconf background*/
  position: relative;
  display: inline-block;
  width: 39px;
  height: 39px;
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*gradation*/
  overflow: hidden;
  border-radius: 10px;

}
#content .insta_btn .insta:before{/*gradation adjustment*/
  content: '';
  position: absolute;
  top: 23px;
  left: -18px;
  width: 60px;
  height: 60px;
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}
#content .insta_btn .fa-instagram {/*icon*/
  color: #FFF;
  position: relative;
  z-index: 2;
  font-size: 29px;
  line-height: 39px;
}
#content .instagram {
	display:flex;
}
#content .insta-info {
	display:flex;
	align-items: center;
	font-size:16px;
	margin-right:10px
}
#content .insta_btn {
	display:flex;
	align-items: center;
}




/*　　Contact Form 7　　　*/
.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
	word-wrap: normal !important;
}

.wpcf7 .hidden-fields-container {
	display: none;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232; /* Red */
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: relative;
	top: -2ex;
	left: 1em;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
	width: 24em;
}

.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-spinner {
	visibility: hidden;
	display: inline-block;
	background-color: #23282d; /* Dark Gray 800 */
	opacity: 0.75;
	width: 24px;
	height: 24px;
	border: none;
	border-radius: 100%;
	padding: 0;
	margin: 0 24px;
	position: relative;
}

form.submitting .wpcf7-spinner {
	visibility: visible;
}

.wpcf7-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
	transform-origin: 8px 8px;
	animation-name: spin;
	animation-duration: 1000ms;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
	.wpcf7-spinner::before {
		animation-name: blink;
		animation-duration: 2000ms;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.wpcf7 [inert] {
	opacity: 0.5;
}

.wpcf7 input[type="file"] {
	cursor: pointer;
}

.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}

.wpcf7-reflection > output {
	display: list-item;
	list-style: none;
}

.wpcf7-reflection > output[hidden] {
	display: none;
}



/*　特定商取引法　*/
#table-tokusyou {
  width: 100%;
  border-collapse: collapse;
}

.tokusyou-format th,
.tokusyou-format td {
  border: 1px solid #666 !important;
  padding: 10px;
  text-align: left;
}

.tokusyou-format th {
  background: transparent !important;
  width: 30%;
}



html {
  scroll-behavior: smooth;
}

/*　サイドバーの見出しのアイコン消す　*/
.widget_title img {
  /*　display: none;　*/
}



/* 1カラムテンプレート選択時、メインエリアを100%幅にする */
.page-template-page-fullwidth #primary {
    width: 100% !important;
    float: none;
}

.page-template-page-fullwidth .entry-header {
  position: relative !important;
  height: 200px;
  margin: 0 0 30px !important;
  border-radius: 20px;
  text-align: center;
  background-image: url("images2/title_bg.png");
  background-repeat: repeat;
}
.page-template-page-fullwidth .entry-header .entry-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
  font-size: 1.8em !important;
  color: #b38554;
}


.btn-box {
    text-align: center !important;
}
.btn-send input[type="submit"] {
  color: #fff;
  font-weight: bold;
  background: #ff8c00;
}
.btn-send input[type="submit"]:hover {
  background: #ffa500;
}
.table-design1 th {
  border: 1px solid #ccc !important;
  background: #f6f6f6;
}
.table-design1 td {
  border: 1px solid #ccc !important;
  background: transparent;
}

.vaT { vertical-align: top !important;}
.vaM { vertical-align: middle !important;}
.vaB { vertical-align: bottom !important;}

/* ラジオボタンとテキストの親要素を整列させる */
.wpcf7-list-item label {
    display: inline-flex;
    align-items: center;    /* 垂直方向の中央揃え */
    cursor: pointer;        /* マウスカーソルを指の形にする */
    margin-right: 15px;     /* YesとNoの間の余白 */
}

/* テキストとボタンの間に少し隙間を作る */
.table-design1 .wpcf7-list-item-label {
    margin-right: 5px;      /* 文字の右側の余白 */
}

/* ラジオボタン自体の余計な余白をリセット */
.table-design1 .wpcf7-list-item input[type="radio"] {
    margin: 0;
    padding: 0;
    vertical-align: middle; /* 念のための予備設定 */
}

.w5 { width: 5% !important;}
.w10 { width: 10% !important;}
.w15 { width: 15% !important;}
.w20 { width: 20% !important;}
.w25 { width: 25% !important;}
.w30 { width: 30% !important;}
.w35 { width: 35% !important;}
.w40 { width: 40% !important;}
.w45 { width: 45% !important;}
.w50 { width: 50% !important;}
.w55 { width: 55% !important;}
.w60 { width: 60% !important;}
.w65 { width: 65% !important;}
.w70 { width: 70% !important;}
.w75 { width: 75% !important;}
.w80 { width: 80% !important;}
.w85 { width: 85% !important;}
.w90 { width: 90% !important;}
.w95 { width: 95% !important;}
.w100 { width: 100% !important;}

@media screen and (max-width: 768px) {
.sp-w5 { width: 5% !important;}
.sp-w10 { width: 10% !important;}
.sp-w15 { width: 15% !important;}
.sp-w20 { width: 20% !important;}
.sp-w25 { width: 25% !important;}
.sp-w30 { width: 30% !important;}
.sp-w35 { width: 35% !important;}
.sp-w40 { width: 40% !important;}
.sp-w45 { width: 45% !important;}
.sp-w50 { width: 50% !important;}
.sp-w55 { width: 55% !important;}
.sp-w60 { width: 60% !important;}
.sp-w65 { width: 65% !important;}
.sp-w70 { width: 70% !important;}
.sp-w75 { width: 75% !important;}
.sp-w80 { width: 80% !important;}
.sp-w85 { width: 85% !important;}
.sp-w90 { width: 90% !important;}
.sp-w95 { width: 95% !important;}
.sp-w100 { width: 100% !important;}
}