@charset "UTF-8";
.header {
  position: relative;
	background: #fffadf;
}
.header .header_main {
  width: 100%;
    padding: 25px 30px;
  box-sizing: border-box;
  background: none;
}
.header .header_wrap {
  width: 100%;
  max-width: 1920px;
  box-sizing: border-box;
  margin: auto;
	display: flex;
	justify-content: space-between;
}
.header .header_logo {
	width: 45%;
	max-width: 719px;
}
.header .header_logo a:hover {
	opacity: .7;
}
.header .navToggle {
  display: none;
}

.header .header_icn_nav {
	width: 45%;
	max-width: 685px;
	display: flex;
	align-items: flex-end;
	cursor: pointer;
}
.header .header_icn_nav ul {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.header .header_icn_nav li {
	width: 63px;
	margin-left: 10px;
	padding-bottom: 3px;
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
	border-bottom: 2px solid #fffadf;
}
.header .header_icn_nav li:hover,
.navToggle:hover {
	opacity:  .7;
}
.header .header_icn_nav li span {
	font-size: 11px;
	font-weight: 500;
	text-align: center;
	display: block;
	white-space: nowrap;
}

.menu {
	position: relative;
	margin-left: 10px;
}
.menu .navToggle {
  display: none;
  width: 63px;
  height: 67px;
  cursor: pointer;
  z-index: 3;
  text-align: center;
  position: relative;
  top: 6px;
  left: 0;
}
.menu .navToggle .toggle_name {
  position: relative;
  top: 40px;

}
.menu .navToggle span {
	display: block;
	position: absolute;
	width: 50px;
	border-bottom: solid 4px #63371b;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	left: 6px;
}

.menu .navToggle span:nth-child(1) {
	top: 4px;
}
.menu .navToggle span:nth-child(2) {
	top: 21px;
}
.menu .navToggle span:nth-child(3) {
	top: 37px;
}
.menu .navToggle span:nth-child(4) {
	border: none;
	color: #eee;
	font-size: 11px;
	top: 43px;
	left: 2px;
}
.menu .navToggle.active span:nth-child(1) {
	top: 18px;
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.menu .navToggle.active span:nth-child(2),
.menu .navToggle.active span:nth-child(3) {
	top: 18px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu .navToggle span:nth-child(4) {
  border: none;
  color: #63371b;
  font-size: 11px;
  top: 50px;
  width: 55px;
  margin-right: 0;
}

.header .header_icn_nav li.sp_only {
	display: none;
}

@media screen and (max-width: 1440px) {
	.header .header_icn_nav {
		display: flex;
		justify-content: flex-end;
		align-items: flex-start;
	}
	.header .header_icn_nav li.sp_none {
		display: none;
	}
	.header .header_icn_nav li.sp_only {
		display: flex;
		justify-content: center;
	}
    .menu .navToggle {
		display: block;
    }
}
@media (max-width: 768px) {
	.header .header_wrap {
		align-items: center;
	}
	.header .header_logo .pcv {
		display: none;		
	}
	.header .header_logo .spv {
		display: block;		
	}
	.header .header_icn_nav li {
		width: 50px;
	}
	.header .header_icn_nav li span {
		font-size: 10px;
	}
	.menu .navToggle {
    	width: 45px;
    	height: 45px;
	    top: 0;
	}
	.menu .navToggle span {
		width: 45px;
		left: 0;
	}
	.menu .navToggle span:nth-child(2) {
		top: 18px;
	}
	.menu .navToggle span:nth-child(3) {
		top: 32px;
	}
	.menu .navToggle span:nth-child(4) {
	    font-size: 10px;
    	top: 46px;
    	width: 40px;
	}
	.menu .navToggle.active span:nth-child(1) {
		left: 0;
	}
}
@media (max-width: 600px) {
	.header .header_icn_nav {
		padding-top: 10px;
	}
	.header .header_icn_nav li {
		width: 39px;
		margin-left: 1px;
	}
	.header .header_icn_nav li span {
		font-size: 7px;
	}
	.menu .navToggle {
  		width: 30px;
  		height: 35px;
  		top: 0;
  		left: -5px;
	}
	.menu .navToggle span {
        width: 28px;
	    border-bottom: solid 3px #63371b;
	}
	.menu .navToggle span:nth-child(1) {
        top: 6px;
    }
	.menu .navToggle span:nth-child(2) {
        top: 15px;
    }
	.menu .navToggle span:nth-child(3) {
        top: 24px;
    }
	.menu .navToggle span:nth-child(4) {
        font-size: 7px;
        top: 35px;
        width: 24px;
    }
}
@media (max-width: 480px) {
	.header .header_icn_nav li {
		width: 38px;
	}
}
@media (max-width: 320px) {
	.header .header_icn_nav li {
		width: 30px;
	}
	.header .header_icn_nav li span {
		font-size: 6px;
	}
	.menu .navToggle {
		width: 25px;
	}
	.menu .navToggle span {
		width: 26px;
	}
	.menu .navToggle span:nth-child(1) {
		top: 2px;
	}
	.menu .navToggle span:nth-child(2) {
		top: 11px;
	}
	.menu .navToggle span:nth-child(3) {
		top: 20px;
	}
	.menu .navToggle span:nth-child(4) {
		font-size: 6px;
        top: 27px;
        width: 20px;
	}
	.menu .navToggle.active span:nth-child(1),
	.menu .navToggle.active span:nth-child(2),
	.menu .navToggle.active span:nth-child(3) {
		top: 11px;
	}
}

.header .header_nav {
	height: 90px;
	background: #fff;
	width: 100%;
    padding: 35px 0;
	position: relative;
}
.header .header_nav.fixed {
  position: fixed;
  top: 0px;
  z-index: 10;
}
.header .search.fixed {
  position: fixed;
  top: 50px;
  width: 100%;
  z-index: 9;
}

.header .header_nav .header_wrap {
  width: 100%;
  height: 100%;
  overflow-x: unset;
  -webkit-overflow-scrolling: touch;
}

.header .header_nav ul.gnav {
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 1920px;
  	min-width: 300px;
}
.header .header_nav ul.gnav li {
	width: auto !important;
	padding: 0 10px;
	box-sizing: border-box;
  	border-right: 1px solid #63371b;
/*	font-family: "Jost", "Century Gothic", arial, helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", sans-serif;*/
	font-size: 24px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header .header_nav ul.gnav li:last-child {
  border-right: none;
}
.header .header_nav ul.gnav li a{
	display: block;
	color: #63371b;
}
.header .header_nav ul.gnav li a:hover {
	text-decoration: none;
}
.header .header_nav ul.gnav li:hover span {
	border-bottom: 2px solid #63371b;
}
.header .header_nav ul.gnav li:hover::after {
	display: block;
}
.header .header_nav ul li:hover .megamenu {
  max-height: 9999px;
  opacity: 1;
  padding: 30px 0;
}
.header .header_nav ul li .megamenu {
  background: #fdf7e3;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  width: 100%;
  position: absolute;
  top: 92px;
  left: 0;
  transition: all .3s ease-in;
  z-index: 999;
}
.header .header_nav ul li .megamenu .mega_left {
	width: calc(100% / 6);
	font-size: clamp(2.25rem, 1.7679rem + 0.5357vw, 2.625rem);
	font-weight: 500;
	line-height: 1.2;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header .header_nav ul li .megamenu .mega_left .lower {
	font-size: clamp(2rem, 1.5179rem + 0.5357vw, 2.375rem);
}
.header .header_nav ul li .mega_right {
	width: calc(100% - 100%/ 6);
}
.header .header_nav ul li .mega_right ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.header .header_nav ul li .mega_right ul li {
	width: calc(100% / 5 * .9) !important;
	margin-bottom: 10px;
	display: inline;
	font-size: clamp(1rem, 0.6786rem + 0.3571vw, 1.25rem);
	font-weight: normal;
	text-align: left;
	border-right: none;
}
.header .header_nav ul li .mega_right ul li.wide {
	width: calc(100% / 5 * 1.4 ) !important;
}
.header .header_nav ul li .mega_right ul li a:hover {
	text-decoration: underline;
}
.header .header_nav ul li .mega_right ul li a::before {
	content: "> ";
}
.header .header_nav ul li .mega_right ul li a::after {
	display: none;
}
.header .header_nav ul li .mega_right ul li:hover::after {
  display: none;
}

.header .header_main .sp_search_box {
  display: none;
}
.globalMenuSp {
  display: none !important;
}
.search_sp_box {
  display: none;
}
.header .header_all_fix.fixed .header_main {
    display: none;
 }
@media screen and (max-width: 1440px) {
	.header .header_nav {
		display: none;
	}
}


/* スマホメニュー */
.globalMenuSp {
	width: 100%;
	background: #fffadf;
}

.globalMenuSp.seachnav .sp_guide01_nav,
.globalMenuSp.seachnav .sp_guide02_nav,
.globalMenuSp.seachnav .sp_guide03_nav,
.globalMenuSp.seachnav .sp_information_nav,
.globalMenuSp.seachnav .sp_quantity_nav,
.globalMenuSp.seachnav .sp_guide01_nav,
.globalMenuSp.mainnav .sp_search_nav,
.globalMenuSp.mainnav .sp_category_nav,
.globalMenuSp.mainnav .sp_recommend_nav {
	display: none;
}
.globalMenuSp.mainnav .sp_guide01_nav,
.globalMenuSp.mainnav .sp_guide02_nav,
.globalMenuSp.mainnav .sp_guide03_nav,
.globalMenuSp.mainnav .sp_information_nav,
.globalMenuSp.mainnav .sp_quantity_nav,
.globalMenuSp.seachnav .sp_search_nav,
.globalMenuSp.seachnav .sp_category_nav,
.globalMenuSp.seachnav .sp_recommend_nav {
	display: block;
}

.globalMenuSp.active {
	display: inline-block !important;
}
.navsearch .default {display: block !important;}
.navsearch .active {display: none !important;}
.navsearch.active .default {display: none !important;}
.navsearch.active .active {display: block !important;}


.sp_banner_area_nav,
.sp_howto_nav,
.sp_guide01_nav,
.sp_search_nav,
.sp_recommend_nav {
	padding: 40px 20px;
}
.sp_guide02_nav,
.sp_guide03_nav {
	padding: 40px 0;
}
.sp_banner_area_nav h3,
.sp_howto_nav h3,
.sp_guide01_nav h3,
.sp_guide03_nav h3,
.sp_search_nav h3,
.sp_recommend_nav h3 {
	font-size: 21px;
	font-weight: bold;
	color: #63371b;
}
.sp_guide03_nav h3 {
	padding-left: 20px;
}
.sp_banner_area_nav h3:before,
.sp_howto_nav h3:before,
.sp_guide01_nav h3:before,
.sp_guide03_nav h3:before,
.sp_search_nav h3:before,
.sp_recommend_nav h3:before {
	margin-right: 5px;
	content: "";
	width: 16px;
	height: 18px;
	background: url("../images/header/arrow_sp1.png") no-repeat;
	display: inline-block;
}
.sp_howto_nav a:hover,
.sp_guide01_nav a:hover,
.sp_recommend_nav a:hover {
	text-decoration: none;
	background: #fff7e8;
}

.sp_banner_area_nav ul {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}
.sp_banner_area_nav li {
	width: 30%;
}
.sp_banner_area_nav li img {
	width: 100%;
	filter: drop-shadow(5px 5px 5px #aaa);
}
.sp_banner_area_nav ul li a:hover {
	opacity: .7;
}

.sp_howto_nav ul {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #b9a598;
	border-bottom: 1px solid #b9a598;
	border-left: 1px solid #b9a598;

}
.sp_howto_nav li {
	width: 50%;
	border-right: 1px solid #b9a598;
}
.sp_howto_nav li a {
	width: 100%;
	height: 100%;
	padding: 30px 0;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	display: block;
	background: #fff;
	position: relative;
}
.sp_howto_nav li a:after {
	content: "";
	width: 17px;
	height: 20px;
	background: url("../images/header/arrow_sp2.png") no-repeat;
	position: absolute;
	top:36px;
	right: 75px;
	display: inline-block;
}

.sp_guide01_nav ul {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-top: 1px solid #b9a598;
	border-left: 1px solid #b9a598;

}
.sp_guide01_nav li {
	width: 50%;
	border-right: 1px solid #b9a598;
	border-bottom: 1px solid #b9a598;
}
.sp_guide01_nav li.wide {
	width: 100%;
	border-right: 1px solid #b9a598;
}
.sp_guide01_nav li a {
	width: 100%;
	100%;
	padding: 30px 0;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	display: block;
	background: #fff;
	position: relative;
}
.sp_guide01_nav li a:after {
	content: "";
	width: 17px;
	height: 20px;
	background: url("../images/header/arrow_sp2.png") no-repeat;
	position: absolute;
	top:36px;
	right: 75px;
	display: inline-block;
}
.sp_guide01_nav li a.red,
.sp_recommend_nav li a.red {
	color: #e60012;
}

.sp_guide02_nav .acd-check,
.sp_category_nav .acd-check {
    display: none;
}
.sp_guide02_nav .acd-label,
.sp_category_nav .acd-label {
    margin-bottom: 1px;
    padding: 40px 20px;
	font-size: 30px;
    color: #63371b;
    background: #fff;
	border-top: 1px solid #b9a598;
	border-bottom: 1px solid #b9a598;
    display: block;
    position: relative;
}
.sp_category_nav .acd-label {
	border-top: none;
}
.sp_category_nav .acd-label:hover,
.sp_guide02_nav .acd-label:hover {
	color: rgb(204, 0, 0);
}
.sp_guide02_nav .acd-label:before,
.sp_category_nav .acd-label:before {
      position: absolute;
      content: "";
      display: block;
      width: 30px;
      height: 2px;
      background-color: #63371b;
      right: 20px;
      top: 50%;
      transform: translate(0, -50%);
}
 
.sp_guide02_nav .acd-label:after,
.sp_category_nav .acd-label:after {
      position: absolute;
      content: "";
      display: block;
      width: 30px;
      height: 2px;
      background-color: #63371b;
      right: 20px;
      top: 50%;
      transform: translate(0, -50%) rotate(90deg);
}
.sp_guide02_nav .acd-content,
.sp_category_nav .acd-content {
    border-bottom: 1px solid #b9a598;;
    display: block;
    height: 0;
    opacity: 0;
    padding: 0;
    transition: .5s;
    visibility: hidden;
}
.sp_guide02_nav .acd-content ul,
.sp_category_nav .acd-content ul {
	margin-top: -1px;
}
.sp_guide02_nav .acd-content li,
.sp_category_nav .acd-content li {
	padding: 0;
	background: #e7dad1;
	border-bottom: 1px solid #b9a598;
	position: relative;
}
.sp_guide02_nav .acd-content a,
.sp_category_nav .acd-content a {
	width: 100%;
	padding: 30px 20px;
	font-size: 30px;
	display: block;
}
.sp_guide02_nav .acd-content a:hover,
.sp_category_nav .acd-content a:hover {
	text-decoration: none;
	background: #f7f5ed;
}

.sp_guide02_nav .acd-content li:last-child,
.sp_category_nav .acd-content li:last-child {
	border-bottom: none;
}
.sp_guide02_nav .acd-content li a:after,
.sp_category_nav .acd-content li a:after {
	content: "";
	width: 23px;
	height: 27px;
	background: url("../images/header/arrow_sp3.png") no-repeat;
	position: absolute;
	top:32px;
	right: 20px;
	display: inline-block;
}

.sp_guide02_nav .acd-check:checked + .acd-label:before,
.sp_category_nav .acd-check:checked + .acd-label:before {
    transform: rotate(-180deg) !important;
}
.sp_guide02_nav .acd-check:checked + .acd-label:after,
.sp_category_nav .acd-check:checked + .acd-label:after {
    transform: rotate(-180deg) !important;
}
.sp_guide02_nav .acd-check:checked + .acd-label + .acd-content,
.sp_category_nav .acd-check:checked + .acd-label + .acd-content {
    height: auto;
    opacity: 1;
    padding: 0;
    visibility: visible;
}

.sp_guide03_nav ul {
	margin-top: 20px;
	border-top: 1px solid #b9a598;
}
.sp_guide03_nav li {
	padding: 0;
	background: #fff;
	border-bottom: 1px solid #b9a598;
	position: relative;
}
.sp_guide03_nav a {
	width: 100%;
	padding: 30px 20px;
	font-size: 30px;
	display: block;
}
.sp_guide03_nav a:hover {
	text-decoration: none;
	background: #f7f5ed;
}
.sp_guide03_nav li a:after {
	content: "";
	width: 23px;
	height: 27px;
	background: url("../images/header/arrow_sp3.png") no-repeat;
	position: absolute;
	top:32px;
	right: 20px;
	display: inline-block;
}

.sp_information_nav {
	padding: 20px 20px;
}
.sp_information_nav .inner {
	padding: 40px 60px;
	background: #fff;
	border: 1px solid #b9a598;
}
.sp_information_nav .inner .tel {
	font-family: "Jost", "Century Gothic", arial, helvetica, sans-serif;
	font-size: 58px;
	font-weight: bold;
	text-align: center;
}
.sp_information_nav .inner .tel span {
	font-size: 29px;
}
.sp_information_nav .inner .freedial {
	margin-top: 10px;
	font-size: 23px;
	text-align: center;
}
.sp_information_nav .inner .hours {
	margin-top: 40px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
.sp_information_nav .inner .hours span {
	font-size: 17px;
}
.sp_information_nav .inner .announce {
	width: 100%;
	max-width: 870px;
	margin: 40px auto 0;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.4;
	text-align: left;
}

.sp_quantity_nav {
	padding: 0 20px 40px;
}
.sp_quantity_nav a {
	width: 100%;
	padding: 40px 60px;
	font-size: 27px;
	font-weight: 500;
	text-align: center;
	background: #fff;
	border: 1px solid #b9a598;
	display: block;
	position: relative;
}
.sp_quantity_nav a:after {
	margin-left: 20px;
	content: "";
	width: 104px;
	height: 17px;
	background: url("../images/header/arrow_sp4.png") no-repeat;
	position: absolute;
	top: 45px;
	display: inline-block;
}
.sp_quantity_nav a:hover {
	background: #f7f5ed;
	text-decoration: none;
	color: #63371B;
}

.sp_search_nav .inner {
	margin-top: 20px;
	padding: 40px 60px;
	background: #fff;
	border: 1px solid #b9a598;
}
.sp_search_nav .inner .search_box {
	width: 100%;
	margin: 0;
	background: none !important;
}
.sp_search_nav .inner .search_box form {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.sp_search_nav .inner .search_box select {
	width: 220px;
	height: 58px;
	margin-right: calc(100% - 220px);
	margin-bottom: 10px;
	padding: 0 10px;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("../images/header/arrow.png");
    background-repeat: no-repeat;
    background-size: 18px auto; /* 画像のサイズ（幅 高さ）*/
    background-position: 94% center; /* 画像の位置 */
	font-size: 20px;
	font-weight: bold;
    border: 1px solid #63371b;
	cursor: pointer;
}
.sp_search_nav .inner .search_box [type=text] {
	width: calc(100% - 67px);
	height: 58px !important;
	padding-left: 10px !important;
	border-radius: 0 !important;
	font-size: 20px;
    border-top: 1px solid #63371b;	
    border-right: none;	
    border-bottom: 1px solid #63371b;	
    border-left: 1px solid #63371b;	
}
.sp_search_nav .inner .search_box input[type="image"] {
    width: 66px;
    border-top: 1px solid #63371b;	
    border-right: 1px solid #63371b;	
    border-bottom: 1px solid #63371b;	
}
.sp_search_nav .inner .feature_words {
	margin-top: 20px;
}
.sp_search_nav .inner .feature_words span {
	font-size: 16px;
}
.sp_search_nav .inner .feature_words ul {
	width: 90%;
	margin: 20px auto 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.sp_search_nav .inner .feature_words li {
	margin-bottom: 20px;
	font-size: 24px;
}
.sp_recommend_nav ul {
	margin-top: 20px;
	border-top: 1px solid #b9a598;
	border-left: 1px solid #b9a598;

}
.sp_recommend_nav li {
	width: 100%;
	border-right: 1px solid #b9a598;
	border-bottom: 1px solid #b9a598;
}
.sp_recommend_nav li a {
	width: 100%;
	padding: 30px 0;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	display: block;
	background: #fff;
	position: relative;
}
.sp_recommend_nav li a:after {
	content: "";
	width: 17px;
	height: 20px;
	background: url("../images/header/arrow_sp2.png") no-repeat;
	position: absolute;
	top:36px;
	right: 75px;
	display: inline-block;
}

.sp_category_nav {
	border-top: 1px solid #b9a598;
}
.sp_category_nav p {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.sp_category_nav p span {
    width: 55px;
    margin-right: 20px;
    text-align: center;
    display: block;
}
@media screen and (max-width: 1024px) {
	.sp_howto_nav li a:after,
	.sp_guide01_nav li a:after,
	{
	    width: 15px;
    	height: 18px;
	    top: 32px;
    	background-size: contain;
	}
	.sp_guide02_nav .acd-content li a:after,
	.sp_category_nav .acd-content li a:after {
	    width: 12px;
    	height: 15px;
	    top: 24px;
    	background-size: contain;		
	}
	.sp_guide03_nav li a:after {
	    width: 13px;
    	height: 16px;
	    top: 23px;
	    background-size: contain;
}
	.sp_howto_nav li a,
	.sp_guide01_nav li a{
		font-size: 20px;
	}
	.sp_guide02_nav .acd-label,
	.sp_category_nav .acd-label,
	.sp_guide03_nav a,
	.sp_guide02_nav .acd-content a,
	.sp_category_nav .acd-content a {
		padding: 20px;
		font-size: 20px;
	}
	.sp_guide02_nav .acd-label:before,
	.sp_category_nav .acd-label:before,
	.sp_guide02_nav .acd-label:after,
	.sp_category_nav .acd-label:after {
		width: 20px;
	}
	.sp_search_nav .inner .feature_words li {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.sp_recommend_nav li a {
		font-size: 20px;
	}
	.sp_information_nav .inner .hours,
	.sp_information_nav .inner .announce {
		font-size: 22px;
	}
	.sp_quantity_nav a {
		font-size: 24px;
	}
	
}
@media screen and (max-width: 768px) {
	.sp_banner_area_nav h3,
	.sp_howto_nav h3,
	.sp_guide01_nav h3,
	.sp_guide03_nav h3,
	.sp_search_nav h3,
	.sp_recommend_nav h3 {
    	font-size: 18px;
		position: relative;
	}
	.sp_banner_area_nav h3:before,
	.sp_howto_nav h3:before,
	.sp_guide01_nav h3:before,
	.sp_guide03_nav h3:before,
	.sp_search_nav h3:before,
	.sp_recommend_nav h3:before {
	    width: 14px;
    	height: 16px;
    	background-size: contain;
	    position: relative;
    	top: 2px;
	}
	.sp_search_nav .inner .search_box select {
    	width: 30%;
	    height: 50px;
	    font-size: 16px;
	}
	.sp_search_nav .inner .search_box [type=text] {
	    height: 50px !important;
	    font-size: 16px;
	}
	.sp_search_nav .inner .search_box input[type="image"] {
    	width: 57px;
	}
	.sp_search_nav .inner .feature_words span {
    	font-size: 14px;
	}
	.sp_search_nav .inner .feature_words li {
		font-size: 14px;
	}
	.sp_howto_nav li a:after,
	.sp_guide01_nav li a:after,
	.sp_recommend_nav li a:after {
	    width: 12px;
    	height: 14px;
	    top: 23px;
		background-size: contain;
	}
	.sp_guide03_nav li a:after {
	    width: 10px;
    	height: 11px;
	    top: 14px;
	    background-size: contain;
}
	.sp_howto_nav li a,
	.sp_guide01_nav li a,
	.sp_recommend_nav li a {
		padding: 20px 0;
		font-size: 16px;
	}
	.sp_guide02_nav .acd-label,
	.sp_category_nav .acd-label,
	.sp_guide03_nav a {
		padding: 10px 20px;
		font-size: 16px;
	}
	.sp_guide02_nav .acd-label,
	.sp_category_nav .acd-label,
	.sp_guide03_nav a,
	.sp_guide02_nav .acd-content a,
	.sp_category_nav .acd-content a {
        padding: 10px 20px;
        font-size: 16px;
    }
	.sp_guide02_nav .acd-content li a:after,
	.sp_category_nav .acd-content li a:after {
        width: 9px;
        height: 12px;
        top: 14px;
	}
	.sp_category_nav p span {
    	width: 40px;
	}
	.sp_guide02_nav .acd-label:before,
	.sp_category_nav .acd-label:before,
	.sp_guide02_nav .acd-label:after,
	.sp_category_nav .acd-label:after {
		width: 15px;
		height: 1px;
	}
	.sp_information_nav .inner {
		padding: 30px;
	}
	.sp_information_nav .inner .tel {
		font-size: 44px;
	}
	.sp_information_nav .inner .tel span {
		font-size: 26px;
	}
	.sp_information_nav .inner .freedial {
    	margin-top: 5px;
    	font-size: 18px;
	}
	.sp_information_nav .inner .hours,
	.sp_information_nav .inner .announce {
		font-size: 18px;
	}
	.sp_information_nav .inner .hours {
		margin-top: 30px;
	}
	.sp_quantity_nav a {
		font-size: 20px;
	}
	.sp_quantity_nav a:after {
	    width: 90px;
    	height: 14px;
	    top: 42px;
	    background-size: contain;
	}
}
@media screen and (max-width: 600px) {
	.sp_banner_area_nav,
	.sp_howto_nav,
	.sp_guide01_nav,
	.sp_search_nav,
	.sp_recommend_nav {
    	padding: 20px;
	}
	.sp_guide02_nav,
	.sp_guide03_nav {
		padding: 20px 0;
	}
	.sp_banner_area_nav h3,
	.sp_howto_nav h3,
	.sp_guide01_nav h3,
	.sp_guide03_nav h3,
	.sp_search_nav h3,
	.sp_recommend_nav h3 {
    	font-size: 16px;
		text-align: left;
	}
	.sp_banner_area_nav h3:before,
	.sp_howto_nav h3:before,
	.sp_guide01_nav h3:before,
	.sp_guide03_nav h3:before,
	.sp_search_nav h3:before,
	.sp_recommend_nav h3:before {
	    width: 13px;
    	height: 13px;
    	top: 1px;
	}
	.sp_search_nav .inner {
		padding: 20px;
	}
	.sp_search_nav .inner .search_box select {
    	width: 70%;
	    height: 40px;
	    font-size: 14px;
	}
	.sp_search_nav .inner .search_box [type=text] {
	    height: 40px !important;
	    font-size: 14px;
	    width: calc(100% - 46px);
	}
	.sp_search_nav .inner .search_box input[type="image"] {
    	width: 45px;
	}
	.sp_search_nav .inner .feature_words {
		text-align: left;
	}
	.sp_search_nav .inner .feature_words span {
    	font-size: 12px;
	}
	.sp_search_nav .inner .feature_words ul {
		width: 100%;
		margin: 10px auto 0;
		justify-content: flex-start;
	}
	.sp_search_nav .inner .feature_words li {
/*		width: calc(100% / 3); */
		padding-right: 10px;
		font-size: 12px;
	}
	.sp_howto_nav li a:after,
	.sp_guide01_nav li a:after,
	.sp_recommend_nav li a:after {
	    width: 9px;
    	height: 10px;
	    right: 10px;
	}
	.sp_guide03_nav li a:after {
	    width: 10px;
    	height: 11px;
	    top: 13px;
	    background-size: contain;
}
	.sp_howto_nav li a,
	.sp_guide01_nav li a,
	.sp_recommend_nav li a {
		padding: 20px 0;
		font-size: 14px;
	}
	.sp_guide02_nav .acd-label,
	.sp_category_nav .acd-label,
	.sp_guide03_nav a {
		font-size: 14px;
	}
	.sp_guide02_nav .acd-label,
	.sp_category_nav .acd-label,
	.sp_guide03_nav a,
	.sp_guide02_nav .acd-content a,
	.sp_category_nav .acd-content a {
        font-size: 14px;
		text-align: left;
    }
	.sp_guide02_nav .acd-content li a:after,
	.sp_category_nav .acd-content li a:after {
        width: 8px;
        height: 10px;
        top: 12px;
	}
	.sp_category_nav p span {
    	width: 36px;
	}
	.sp_guide02_nav .acd-label:before,
	.sp_category_nav .acd-label:before,
	.sp_guide02_nav .acd-label:after,
	.sp_category_nav .acd-label:after {
		width: 10px;
		height: 1px;
	}
	.sp_information_nav .inner {
		padding: 20px;
	}
	.sp_information_nav .inner .tel {
		font-size: 34px;
	}
	.sp_information_nav .inner .tel span {
		font-size: 22px;
	}
	.sp_information_nav .inner .freedial {
    	margin-top: 5px;
    	font-size: 14px;
	}
	.sp_information_nav .inner .hours,
	.sp_information_nav .inner .announce {
		font-size: 13px;
	}
	.sp_information_nav .inner .hours span {
		font-size: 14px;
	}
	.sp_information_nav .inner .hours {
		margin-top: 20px;
	}
	.sp_quantity_nav a {
		padding: 15px 5px;
		font-size: 14px;
	}
	.sp_quantity_nav a:after {
	    width: 40px;
    	height: 6px;
	    top: 19px;
		right: 17px;
	}
}



/* 検索カテゴリ出し分け */
#search_header_pc_add li.pottery,#search_header_pc_add li.printing,#search_header_pc_add li.craft,#search_header_pc_add li.lightcraft,#search_header_pc_add li.woodcraft,#search_header_pc_add li.leathercraft,#search_header_pc_add li.claycarving,#search_header_pc_add li.cloisonne,#search_header_pc_add li.glasscraft,#search_header_pc_add li.metalcarving,#search_header_pc_add li.default_word,#cate_word_dr_sp li.pottery,#cate_word_dr_sp li.printing,#cate_word_dr_sp li.craft,#cate_word_dr_sp li.lightcraft,#cate_word_dr_sp li.woodcraft,#cate_word_dr_sp li.leathercraft,#cate_word_dr_sp li.claycarving,#cate_word_dr_sp li.cloisonne,#cate_word_dr_sp li.glasscraft,#cate_word_dr_sp li.metalcarving,#cate_word_dr_sp li.default_word{
  display: none;
}

#search_header_pc_add.pottery li.pottery,#search_header_pc_add.printing li.printing,#search_header_pc_add.craft li.craft,#search_header_pc_add.lightcraft li.lightcraft,#search_header_pc_add.woodcraft li.woodcraft,#search_header_pc_add.leathercraft li.leathercraft,#search_header_pc_add.claycarving li.claycarving,#search_header_pc_add.cloisonne li.cloisonne,#search_header_pc_add.glasscraft li.glasscraft,#search_header_pc_add.metalcarving li.metalcarving,#search_header_pc_add.default_word li.default_word,#cate_word_dr_sp.pottery li.pottery,#cate_word_dr_sp.printing li.printing,#cate_word_dr_sp.craft li.craft,#cate_word_dr_sp.lightcraft li.lightcraft,#cate_word_dr_sp.woodcraft li.woodcraft,#cate_word_dr_sp.leathercraft li.leathercraft,#cate_word_dr_sp.claycarving li.claycarving,#cate_word_dr_sp.cloisonne li.cloisonne,#cate_word_dr_sp.glasscraft li.glasscraft,#cate_word_dr_sp.metalcarving li.metalcarving,#cate_word_dr_sp.default_word li.default_word{
  display: block !important;
}

#featured_word_ico_sp li.pottery,#featured_word_ico_sp li.printing,#featured_word_ico_sp li.craft,#featured_word_ico_sp li.lightcraft,#featured_word_ico_sp li.woodcraft,#featured_word_ico_sp li.leathercraft,#featured_word_ico_sp li.claycarving,#featured_word_ico_sp li.cloisonne,#featured_word_ico_sp li.glasscraft,#featured_word_ico_sp li.metalcarving,#featured_word_ico_sp li.default_word{
  display: none;
}
#featured_word_ico_sp.pottery li.pottery,#featured_word_ico_sp.printing li.printing,#featured_word_ico_sp.craft li.craft,#featured_word_ico_sp.lightcraft li.lightcraft,#featured_word_ico_sp.woodcraft li.woodcraft,#featured_word_ico_sp.leathercraft li.leathercraft,#featured_word_ico_sp.claycarving li.claycarving,#featured_word_ico_sp.cloisonne li.cloisonne,#featured_word_ico_sp.glasscraft li.glasscraft,#featured_word_ico_sp.metalcarving li.metalcarving,#featured_word_ico_sp.default_word li.default_word{
  display: block !important;
}


/* search */
.header .search {
	background: #63371b;
/*    padding: 10px 15px; */
    padding: 10px 0;
	position: relative;
}
.header .search .header_wrap {
	width: 100%;
	justify-content: flex-start;
}
.header .search .search_box {
	width: 41%;
	max-width: 598px;
	margin: 0;
	padding-left: 15px;
	background: none !important;
}
.header .search .search_box form {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}
.header .search.fixed {
    top: 90px;
}

.header .search .search_box .wrap_input {
	width: 60%;
	max-width: 362px;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}
.search .search_box [type=text] {
	padding-left: 10px !important;
	border-radius: 0 !important;
	width: 82.3%;
	font-size: clamp(0.75rem, 0.4159rem + 0.695vw, 1.25rem);
    border: 1px solid #fff;	
}
.search .search_box input[type="image"] {
    width: 17.7%;
}
.header .search .search_box select {
	width: 36.2%;
	margin-right: 10px;
	padding: 0 10px;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("https://zowhow.itembox.cloud/item/common/images/header/arrow_new.png");
    background-repeat: no-repeat;
    background-size: 10% auto; /* 画像のサイズ（幅 高さ）*/
    background-position: 94% center; /* 画像の位置 */
	font-size: clamp(0.75rem, 0.4159rem + 0.695vw, 1.25rem);
	font-weight: bold;
    border: 1px solid #fff;
	cursor: pointer;
}

.search .feature_words {
	width: 58%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.search .feature_words span {
	width: 24%;
	max-width: 170px;
	margin: 0 15px 0 5px;
	padding: 1.4% 0;
	background: #fff;
	border-radius: 50px;
	font-size: clamp(0.875rem, 0.4574rem + 0.8688vw, 1.5rem);
	font-weight: bold;
	color: #e60012;
	display: flex;
	justify-content: center;
	align-items: center;
}
.search .feature_words ul {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.search .feature_words li {
	margin: 2px 10px 2px 0;
	font-size: clamp(0.75rem, 0.3324rem + 0.8688vw, 1.375rem);
	white-space: nowrap;
}
.search .feature_words li.linktext a {
	color: #FFF !important;
	line-height: 1 !important;
}
@media screen and (min-width: 1440px) and (max-width: 2560px) {
	.search .feature_words ul {
		flex-wrap: nowrap;
	}
}
/*
@media (max-width: 1600px) {
	.search .feature_words li:last-child {
		display: none;
	}
}
@media (max-width: 1440px) {
	.search .feature_words li:last-child {
		display: none;
	}
}
*/
@media (max-width: 1024px) {
	.search .feature_words li:last-child {
		display: none;
	}
}
@media (max-width: 940px) {
	.header .search .search_box {
		width: 45%;
	}
	.search .feature_words {
		width: 54%;
	}
	.search .feature_words span {
		width: 33%;
	}
}
@media (max-width: 768px) {
	.search .feature_words {
		display: none;
	}
	.header .search {
		padding: 5px 10px;
	}
	.header .search .search_box {
		width: 100%;
		padding-left: 0;
	}
	.header .search .search_box select {
		width: calc(35% - 5px);
		height: 40px;
		margin-right: 5px;
		padding: 0 5px;
		background-size: 10px auto;
	    font-size: 13px;
		cursor: pointer;
	}
	.header .search .search_box .wrap_input {
		width: 65%;
	}
	.search .search_box [type=text] {
		width: calc(100% - 45px);
		height: 40px;
		height: auto !important;
		font-size: 13px;
	}
	.search .search_box input[type="image"] {
		width: 45px;
		height: 40px;
	}
}


.header .sp_header_menu {
    display: none;
}
@media (max-width: 1440px) {
    .header .header_main {
        padding: 20px;
    }
    .header .header_logo {
        width: 55%;
		text-align: left;
    }
	.header .header_icn_nav {
		width: 43%;
	}
    .header .sp_header_menu {
        width: 70%;
        max-width: 270px;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        padding-right: 5px;
    }
    .header .sp_header_menuitem {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .header .sp_header_menuitem li {
        width: 52px;
    }
	.header .search.fixed {
    	top: 0px;
	}
    /* sp menu */
    .globalMenuSp.active {
        top: 190px;
    }
    .globalMenuSp.active .sp_gnav_back {
        height: 97%;
    }
    .globalMenuSp.active.fixed {
        top: 55px;
    }
    .globalMenuSp.active.fixed .sp_gnav_back {
        height: 100%;
    }
    /* menu open custom */
    .header .header_all_fix.fixed ~ .globalMenuSp {
        top: 55px;
    }

}
@media (max-width: 600px) {
	.header .header_main {
        padding: 10px;
	}
	.header .header_logo {
		width: 40%;
		margin-top: 0;
	}
	.header .header_icn_nav {
		width: 60%;
	}
}