@charset "euc-jp";

/* --- common --- */
html {
	font-size: 62.5%;
}
body {
	margin: 0;
	padding: 0;
	color: #3e2a1a;
	font-size: 1.5rem;
	line-height: 1.7;
	font-weight: 400;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	word-break : break-all;
	word-wrap : break-word;
	overflow-wrap : break-word;
	background-color: #FFF;
}
@media (max-width: 1460px) {
	body {
		font-size: 1.4rem;
	}
}
@media (max-width: 1200px) {
	body {
		font-size: 1.3rem;
	}
}
@media (max-width: 980px) {
	body {
		font-size: 1.2rem;
	}
}

a {
	color: #3e2a1a;
}
a:hover, a:focus {
	color: #F73;
}
.col {
	display: block;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 1%;
	padding-left: 1%;
	min-height: 1px;
	word-break: break-all;
	*padding-right: 1% !important;
	*padding-left: 1% !important;
}
.col-right {
	display: block;
	float: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 1%;
	padding-left: 1%;
	min-height: 1px;
	word-break: break-all;
	*padding-right: 1% !important;
	*padding-left: 1% !important;
}


.sp-logo {
	margin: 0 auto;
	width: 100%;
	max-width: 50%;
	height: auto;
}
.img-responsive {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	height: auto;
}
.img-full {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: auto;
}
hr {
	margin: 20px 0 !important;
	border: 0;
	border-top: none !important;
	border-bottom: 1px solid #eadbce !important;
}
hr.hr-line {
	margin: 20px 0;
	border: 0;
	border-top: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
hr.hr-dotted {
	margin: 20px 0 40px !important;
	border: 0;
	border-top: none !important;
	border-bottom: 3px dotted #eadbce !important;
}

/* --- header --- */
header#header-nav {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 9999;
	background:#fff;
    border-bottom: 1px solid #eee;
	/* background-color: rgba(236, 151, 4, 0.8); */

}
header#header-nav .pc-header {
	padding: 0;
	position: relative;
}
header#header-nav .pc-header img.header-logo {
	position: absolute;
	top: 25px;
    top: 5px;
	left: 0;
	z-index: 99999;
	width:170px;
}
header#header-nav .pc-header ul {
	margin: 1.7rem 0 1.6rem;
	padding: 0;
	display: flex;
	justify-content: space-between;
	/*display: table;
	table-layout: fixed;*/
	width: 100%;
}
header#header-nav .pc-header ul li {
	/*display: table-cell;
	box-sizing: border-box;*/
	display: block;
	list-style: none !important;
}
header#header-nav .pc-header ul li a {
	/*display: block;*/
	padding: 1rem 0;
	/* color: #FFF; */
	font-weight: 700;
	text-align: center;
	text-decoration: none !important;
}
header#header-nav .pc-header ul li a:hover {
	text-decoration: none !important;
}
header#header-nav .pc-header ul li a.nav-btn {
	margin: 0;
	padding: .5rem 1rem;
	color: #3e2a1a !important;
	background-color: rgba(255, 255, 255, 0.85);
}
header#header-nav .pc-header ul li a:hover.nav-btn {
	background-color: rgba(255, 255, 255, 1);
	
}



header#header-nav .pc-header ul.member-nav {
	margin: .25rem 0 .5rem !important;
	display: inline-block;
	text-align: right;
}
header#header-nav .pc-header ul.member-nav li {
	margin: 0 .7rem;
	display: inline-block;
    /* background: #6c6767; */
    border-radius: 0.3em;

}
header#header-nav .pc-header ul.member-nav li:last-child {
	margin-right: 0 !important;
}
header#header-nav .pc-header ul.member-nav a.nav-btn {
	margin: 0;
	padding: .35rem 1rem;
	color: #3e2a1a !important;
	font-size: 1.35rem;
	background-color: rgba(255, 255, 255, 0.85);
	border-radius: .3rem;
}
header#header-nav .pc-header ul.member-nav a:hover.nav-btn {
	background-color: rgba(255, 255, 255, 1);
	background-color:#ddd;
}


header#header-nav .shop_titel {
    width: 100%;
    background: #ec9704;
    display: flex;
    height: 30px;
    justify-content: space-around;
    justify-content: space-between;
}
header#header-nav .shop_titel h1.catch{
    font-size:12px;
    margin: 5px;
    padding-left: 20px;
}

header#header-nav .shop_titel ul.member-nav {
	margin: .25rem 0 .5rem !important;
	display: inline-block;
	text-align: right;
    padding-right:20px;
}
header#header-nav .shop_titel ul.member-nav li {
	margin: 0 .7rem;
	display: inline-block;
    /* background: #6c6767; */
    border-radius: 0.3em;

}
header#header-nav .shop_titel ul.member-nav li:last-child {
	margin-right: 0 !important;
}
header#header-nav .shop_titel ul.member-nav a.nav-btn {
	margin: 0;
	padding: .35rem 1rem;
	color: #3e2a1a !important;
	font-size: 1.35rem;
	/* background-color: rgba(255, 255, 255, 0.85); */
	border-radius: .3rem;
}

/* タブレット表示で最上部ナビ（オレンジ背景の部分）が表示崩れしてしまうため対策*/
@media (max-width: 1020px) and (min-width: 768px) {
  
	header#header-nav .shop_titel h1.catch{
    	font-size:10px;
	}
  
	header#header-nav .shop_titel ul.member-nav a.nav-btn {
		font-size: 1rem;
      	padding: 0;
	}
}
header#header-nav .shop_titel ul.member-nav a:hover.nav-btn {
	background-color: rgba(255, 255, 255, 1);
	background-color:#ddd;
}

/*　PC表示用　検索窓　*/
.search_container{
  box-sizing: border-box;
  position: relative;
  border: 1px solid #999;
  padding: 3px 10px;
  border-radius: 20px;
  height: 24px;
  width: 220px;
  overflow: hidden;
  background: #fff;
  margin-top: 3px;
}
.search_container input[type="text"]{
  border: none;
  height: 10px;
}
.search_container input[type="text"]:focus {
  outline: 0;
}
.search_container input[type="submit"]{
  cursor: pointer;
  font-family: FontAwesome;
  font-size: 1.3em;
  border: none;
  background: none;
  color: #3e2a1a;
  position: absolute;
  width: 36px;
  height: 42px;
  right: 0;
  top: -10px;
  outline : none;
}

header#header-nav ul.inline li a {
	color: #FFF !important;
}
@media (max-width: 980px) {
	header#header-nav .pc-header img.header-logo {
		width: 10%;
		position: absolute;
		top: 0;
		left: 1%;
		z-index: 99999;
	}
}

/* --- dropdown menu --- */
.dropmenu {
	*zoom: 1;
	list-style-type: none;
	position: relative;
	z-index: 1000;
}
.dropmenu li {
	position: relative;
	margin: 0;
	padding: 0 15px 0 10px !important;
	font-weight: bold;
}
.dropmenu li ul li {
	width: 100%;
	background-color: rgba(236, 151, 4, 0.8);;
	padding: 0.5em 1em;
	text-align: left;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
}
.dropmenu li a {
	display: block;
	line-height: 1;
	color: #FFF;
}
.dropmenu li:hover ul {
	display: block;
}
.dropmenu li ul {
	display: none;
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	width: 100%;
}
.dropmenu li ul li a {
	color: #FFF;
}

/* --- colormekit css overwhite --- */
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
	background-color: #ccc;
}
.btn {
	border-radius: 0;
}
.btn-xlg, .btn-sm, .btn-xs {
	border-radius: 0;
}
.btn-xs {
	padding-top: 2px;
	padding-bottom: 2px;
}
select {
	border-radius: 0;
}
input[type="text"] {
	border: 1px solid #ccc;
	border-radius: 0;
	-webkit-appearance: none;
}

/* bxSlider */
.bx-wrapper {
	margin-bottom: 0 !important;
}
.bx-wrapper .bx-pager {
	bottom: 20px !important;
}
.bx-wrapper .bx-viewport {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: none !important;
	left: 0 !important;
	max-height: 100vh;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	width: 32px !important;
	height: 4px !important;
}
.swiper-button-next:after,
.swiper-button-prev:after {
	content: '' !important;
}

/* --- layout --- */
main {
	padding: 0 0;
	/* background-color: #fdf9eb; */
	color: #3e2a1a;
}
main a {
	color: #3e2a1a;
}
.wrapper {
	max-width: 1400px;
	margin: 0 auto;
}
.pc-header {
	margin: 0 auto;
	max-width: 1200px;
}
footer {
	padding: 0 0 1rem;
	background-color: #a38769;
	color: #fff;
}
footer a {
	color: #fff;
}
address {
	margin-bottom: 0;
}

/* --- typography --- */
h2 {
	text-align: center;
}
h2.title {
	margin: 1rem 0 5rem;
	color: #3e2a1a;
	font-size: 2.8rem;
	text-align: center;
	letter-spacing: .2rem;
}
h2.title::before {
	margin-right: 1rem;
	display: inline-block;
	content: '';
	vertical-align: middle;
	background-image: url(https://file003.shop-pro.jp/PA01467/020/tuno1-left.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 3.8rem;
	height: 3.8rem;
}
h2.title::after {
	margin-left: 1rem;
	display: inline-block;
	content: '';
	vertical-align: middle;
	background-image: url(https://file003.shop-pro.jp/PA01467/020/tuno1-right.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 3.8rem;
	height: 3.8rem;
}
h2.secondary-title {
	margin: 1rem 0 5rem;
	color: #3e2a1a;
	font-size: 2.8rem;
	text-align: center;
	letter-spacing: .2rem;
}
h2.secondary-title span {
	margin: 0 auto .2rem;
	text-align: center;
	display: block;
}
h2.page-title {
	margin: 1rem 0 4rem;
	padding: 1rem 1rem;
	position: relative;
	font-weight: bold;
	font-size: 1.4em;
	letter-spacing: .1rem;
	border-bottom: 2px solid #c1a689;
}
h2.page-title:before {
	position: absolute;
	bottom: -20px;
	right: 25%;
	width: 0;
	height: 0;
	content: '';
	border-width: 20px 12px 0 12px;
	border-style: solid;
	border-color: #c1a689 transparent transparent transparent;
}
h2.page-title:after {
	position: absolute;
	bottom: -16px;
	right: 25%;
	width: 0;
	height: 0;
	content: '';
	border-width: 20px 12px 0 12px;
	border-style: solid;
	border-color: #fdf9eb transparent transparent transparent;
}
h3 {
	color: #ec9704;
}
h3.title {
	margin: 1rem 0 3rem;
	padding-bottom: .7rem;
	border-bottom: 2px solid #c1a689;
}
.products-name {
	padding: 4px 8px;
	font-weight: bold !important;
	font-size: 1.2em !important;
	color: #3e2a1a !important;
}
h4.title {
	margin: 0 0 1rem;
	font-size: 1.4rem;
}
p {
	margin: 0 0 .5rem;
	letter-spacing: .1rem;
}
small {
	font-size: 80%;
	color: rbga(255, 255, 255, 0.7);
}
.display-3 {
	display: inline-block;
	font-weight: bold;
	font-size: 2.4rem !important;
	letter-spacing: .1rem;
}
.display-4 {
	display: inline-block;
	font-weight: bold;
	font-size: 2.2rem !important;
}
.h3 {
	font-weight: bold;
	font-size: 2.4rem !important;
	letter-spacing: .1rem;
}
.h4 {
	font-weight: bold;
	font-size: 2.2rem !important;
}
.ls1 {
	letter-spacing: .1em;
}
.ls2 {
	letter-spacing: .2em;
}
.balloon {
	margin-bottom: 3rem;
	padding: .5rem;
	width: 100%;
	position: relative;
	display: inline-block;
	border-bottom: solid 2px #9a8a7c;
	text-align: center;
}
.balloon:before,
.balloon:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 60%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.balloon:before {
	border: solid 12px transparent;
	border-top: solid 12px #9a8a7c;
}
.balloon:after {
	border: solid 14px transparent;
	border-top: solid 14px #fdf9eb;
	margin-top: -5px;
}
.balloon h3 {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 2.2rem;
	letter-spacing: .2rem;
}
@media (max-width: 768px) {
	header#header-nav {
		display: none !important;
	}
	h2.title {
		margin: 1rem 0 5rem;
		color: #3e2a1a;
		font-size: 2.4rem;
		text-align: center;
		letter-spacing: .1rem;
	}
	h2.title::before {
		margin-right: .5rem;
		display: inline-block;
		content: '';
		vertical-align: middle;
		background-image: url(https://file003.shop-pro.jp/PA01467/020/tuno1-left.svg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		width: 3rem;
		height: 3rem;
	}
	h2.title::after {
		margin-left: .5rem;
		display: inline-block;
		content: '';
		vertical-align: middle;
		background-image: url(https://file003.shop-pro.jp/PA01467/020/tuno1-right.svg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		width: 3rem;
		height: 3rem;
	}
	.balloon h3 {
		margin: 0 !important;
		padding: 0 !important;
		font-size: 1.75rem;
		letter-spacing: .1rem;
	}
}
/* --- contents --- */
section {
	padding: 3rem 0;
}
#contents {
	float: right;
}
#contents .topicpath-nav {
	margin-top: 2rem;
	margin-bottom: 5px;
}
#contents .topicpath-nav li {
	padding: 0;
}
#contents .topicpath-nav a {
	margin-left: 5px;
}
#side {
	padding-right: 50px !important;
}
footer .footer-primary {
	margin: 0 !important;
	padding: 2rem 0;
	color: #3e2a1a;
	background-color: #FFF;
}
footer .footer-primary p {
	font-size: 1.3rem;
	line-height: 1.6;
}
footer .footer-secondary {
	margin: 0 !important;
	padding: 3rem 0 1rem;
}
footer img.footer-logo {
	margin: 0 auto 1rem 0;
	width: 50%;
	height: auto;
}
footer .footer-nav {
	margin: 0 0 1rem;
}
footer .footer-nav li {
	margin: 0 0 1.5rem !important;
	list-style: none !important;
}
footer .footer-nav li::before {
	margin-right: 5px;
	content: "・";
	opacity: 0.9;
}
footer .footer-nav li ul {
	margin-top: 1.5rem;
	margin-bottom: 0;
}
footer .footer-nav li ul li::before {
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	opacity: 0.9;
}
footer h3 {
	margin: .5rem 0 1rem;
}
footer h4 {
	margin: .5rem 0;
}
footer #footer-info,
address {
	font-size: 1.2rem;
}
.w-75 {
	margin: 0 auto;
	width: 75%;
}
.w-50 {
	margin: 0 auto;
	width: 50%;
}
ul.banner {
	margin: 0 0 2rem;
}
ul.banner li {
	margin: 0 0 1rem;
	list-style: none !important;
}
ul.banner li .bnr-clickpost {
    display: inline-block;
    height: auto;
}

#insta {
	display: flex;
	flex-wrap: wrap;
}
#insta .card {
	width: 20%;
}

@media (max-width: 768px) {
	#contents,
	#side {
		padding-left: 0 !important;
		padding-right: 0 !important;
		float: none !important;
	}
	.w-75,
	.w-50 {
		width: 100%;
	}
	.display-3 {
		display: inline-block;
		font-weight: bold;
		font-size: 2rem !important;
		letter-spacing: .1rem;
	}
	.display-4 {
		display: inline-block;
		font-weight: bold;
		font-size: 1.5rem !important;
	}
	h3, .h3 {
		margin: .25rem 0 .75rem !important;
		font-weight: bold;
		font-size: 2rem !important;
		letter-spacing: .1rem;
	}
	h4, .h4 {
		margin: .25rem 0 .75rem !important;
		font-weight: bold;
		font-size: 1.5rem !important;
	}
	footer .footer-primary p {
		font-size: 1.2rem;
	}
}

/* --- header --- */
#promotion {
	margin: 0 auto;
	padding-top: 57.291%;
	height: 0;
	position: relative;
	background: url('https://file003.shop-pro.jp/PA01467/020/header-pc.jpg') no-repeat center center #FFF;
	background-size: cover;
	text-align: center;
}
#page-head {
	margin: 0;
	display: block;
	overflow: hidden;
}
#page-head img {
	margin: 0;
	width: 100%;
	height: auto;
}
#page-header {
	margin: 0 auto;
	padding-top: 33.854%;
	height: 0;
	position: relative;
	background: url('https://file003.shop-pro.jp/PA01467/020/leverjerky.jpg') no-repeat center center #FFF;
	background-size: cover;
	text-align: center;
}
@media screen and (max-width: 768px) {
	#promotion {
		margin: 0 auto;
		padding-top: 65.104%;
		height: 0;
		position: relative;
		background: url('https://file003.shop-pro.jp/PA01467/020/header-sp.jpg') no-repeat center center #FFF;
		background-size: cover;
		text-align: center;
	}
}
/* --- bootstrap --- */
.card {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid #00000020;
	border-radius: 0.25rem;
}
.card-header {
	padding: 1.25rem 1.25rem;
	margin-bottom: 0;
	text-align: center;
}
.card-title {
	margin: 0 !important;
	padding: 0 !important;
	text-align: center;
}
.card-body {
	padding: 2rem;
	flex: 1 1 auto;
	min-height: 1px;
}
.card-footer {
	padding: 0 0 1rem;
}
.card-img-overlay {
	padding: 0 !important;
	position: absolute;
	top: 5%;
	/*top: calc(50% - 3rem) !important;*/
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center !important;
}
.card-img-overlay_text {
	padding: 0 2rem !important;
	position: absolute;
	top: calc(25% - 5rem) !important;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center !important;
}
.img-overlay {
	margin: 0 auto;
	width: 100%;
	max-width: 33%;
	height: auto;
}
.no-border {
	border: none !important;
}
.border-main {
	border: 2px solid #d1bc98 !important;
}
.bg-white {background-color: #FFF !important;}
.bg-light {background-color: #F5F5F5 !important;}
.bg-primary {background-color: #3e2a1a !important;}
.bg-secondary {background-color: #fdf9eb !important;}
.bg-sub {background-color: #f8f3ee !important;}
.bg-info {background-color: #ec9704 !important;}
.text-white {color: #FFF !important;}
.text-light {color: #F5F5F5 !important;}
.text-primary {color: #3e2a1a !important;}
.text-secondary {color: #fdf9eb !important;}
.text-info {color: #ec9704 !important;}
.text-green {color: #5fa71c !important;}

/* --- button --- */
.button {
	display: inline-block;
	position: relative;
	padding: 1rem 5rem;
	text-align: center;
	font-weight: bold;
	letter-spacing: .2rem;
	text-decoration: none;
	color: #FFF;
	background: #ec9704;
	border:1px solid #ec9704;
	border-radius: 2.5rem;
	transition: transform ease .3s;
}
.button:hover {
	cursor: pointer;
	color: #FFF;
	text-decoration: none;
	background: #e6700a;
	border:1px solid #e6700a;
}
.button:focus {
	color: #FFF;
}
.button span {
	display: inline-block;
	text-decoration: none;
	transition: transform ease .3s;
}
.button:hover span{
	cursor: pointer;
	text-decoration: none;
	transform: translateX(1.5rem);
}
.button .fas {
	margin-right: .6rem;
}
.button > small {
	margin-bottom: .25rem;
	display: block;
	line-height: 1.1;
	text-align: center;
}
.button-white {
	display: inline-block;
	position: relative;
	padding: 1.5rem 5rem;
	text-align: center;
	letter-spacing: .2rem;
	text-decoration: none;
	color: #3e2a1a;
	background: #FFF;
	border:1px solid #FFF;
	border-radius: .35rem;
	transition: transform ease .3s;
}
.button-white:hover {
	cursor: pointer;
	color: #FFF;
	text-decoration: none;
	background: #ec9704;
	border:1px solid #ec9704;
}

/* --- list --- */
ul.arrow {
	margin: 0 0 1rem;
}
ul.arrow li {
	margin: 0 0 .5rem;
	list-style: none !important;
	text-align: left;
	text-indent: -1em;
	padding-left: 1em;
}
ul.arrow li:before {
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	color: #AAA;
}
ul.arrow-list {
	margin: .5rem 0 2rem;
}
ul.arrow-list li {
	margin: 0 0 .5rem;
	list-style: none !important;
	text-align: left;
	font-size: 1.35rem;
	line-height: 1.5;
	text-indent: -1em;
	padding-left: 1em;
}
ul.arrow-list li:before {
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	color: #AAA;
}
ul.faq-list {
	margin: 3rem 0 3rem;
}
ul.faq-list li {
	margin: 0 0 1rem;
	list-style: none !important;
	text-align: left;
	font-size: 1.2em;
	color: #ec9704 !important;
}
ul.faq-list li a {
	color: #ec9704 !important;
}
ul.faq-list li:before {
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	color: #ec9704;
}
ul.faq-list li a:hover {
	color: #3e2a1a !important;
}
dl.faq {
	margin: 0 0 2rem;
}
dl.faq dt {
	margin: 0 0 1.25rem;
	padding: 0 0 .5rem;
	font-size: 1.15em;
	line-height: 1.6;
	font-weight: bold;
	letter-spacing: .1rem;
	border-bottom: 1px dashed #c1a689;
}
dl.faq dt:before {
	content: "Q.";
}
dl.faq dd {
	margin: 0 0 3rem;
	padding: 0 0 0 1rem;
	line-height: 1.6;
}

ul.faq2-list {
	margin: 3rem 0 3rem;
}
ul.faq2-list li {
	margin: 0 0 1rem;
	list-style: none !important;
	text-align: left;
	font-size: 1.2em;
	color: #ec9704 !important;
}
ul.faq2-list li a {
	color: #ec9704 !important;
}
ul.faq2-list li:before {
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	color: #ec9704;
}
ul.faq2-list li a:hover {
	color: #3e2a1a !important;
}
dl.faq2 {
	margin: 0 0 2rem;
}
dl.faq2 dt {
	margin: 0 0 1.25rem;
	padding: 0 0 .5rem;
	font-size: 1.15em;
	line-height: 1.6;
	font-weight: bold;
	letter-spacing: .1rem;
	border-bottom: 1px dashed #c1a689;
}
dl.faq2 dt:before {
	content: "◎";
}
dl.faq2 dd {
	margin: 0 0 3rem;
	padding: 0 0 0 1rem;
	line-height: 1.6;
}
.uservoice {
	margin-top: .75rem;
	margin-bottom: .75rem;
	padding-top: .75rem;
	padding-bottom: .75rem;
	border-bottom: 1px dotted #9a8a7c;
}
.uservoice:last-child {
	border: none !important;
}
.uservoice img.img-responsive {
	margin: .3rem auto .5rem !important;
	width: 85% !important;
}
/* --- back top TOP --- */
#pagetop {
	display: inline-block;
    position: fixed;
    bottom: 70px;
    right: 10px;
}

#pagetop a {
	padding: 15px 15px;
    display: block;
    background: #ec9704;
    color: #fff;
    text-align: center;
    border-radius: 50%;
}
#con {
	display: inline-block;
    position: fixed;
    bottom: 150px;
    right: 10px;

}

#con a img {
  　width:100%;
}

#con a  {
	padding: 15px 15px;
    display: block;
    text-align: center;
    border-radius: 50%;
    width: 100px;
}

@media (max-width: 600px) {
  #con {display:none}
}
.page_link {
	margin-top: -120px !important;
	padding-top: 120px !important;
}

/* --- smartphone drawermenu --- */
.drawer.open {
	left: 0;
}
.drawer {
	position: fixed;
	top: 0;
	left: -280px;
	z-index: 9999;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	width: 280px;
	height: 100%;
	background: #ec9704cc;
	background:#fff;
	color: #000;
	-moz-transition-property: all;
	-o-transition-property: all;
	-webkit-transition-property: all;
	transition-property: all;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.drawer__item--close {
	padding: 20px;
	text-align: right;
}
.drawer__item {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	border-bottom:1px solid #eee;
}
.drawer__item--close a {
	color: #FFF;
	color:#000;
}
.drawer__item__name {
	font-size: 100%;
	font-weight: normal;
	display: table;
	line-height: 1;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 15px 20px;
	color: #FFF;
	color:#000;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.drawer__item__name__icon--left {
	width: 15%;
	display: table-cell;
	vertical-align: middle;
}
.drawer__item__name__text {
	width: 70%;
	vertical-align: middle;
}
.drawer__item__name__icon--right {
	width: 10%;
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}
.overlay {
	position: fixed;
	z-index: 2000;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 120%;
	background-color: rgba(0, 0, 0, 0.75);
}
.drawer__item--accordion ul {
	margin: 0;
	padding: 15px 0;
	list-style: none;
}
.linklist__item {
	border-bottom: solid 1px #e0e0e0;
	list-style: none;
}
.drawer__item--accordion .linklist__item {
	border: none;
	border-bottom: 1px dashed #eee;
    width: 96%;
    margin: 0 auto;
}
.linklist__item a {
	display: table;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	padding: 20px;
	color: #FFF;

}
.drawer__item--accordion .linklist__item a {
	padding: 10px 20px;
	color:#000;
}
.linklist__item__text {
	width: 80%;
	height: auto;
}
.linklist__item a span {
	display: table-cell;
	vertical-align: middle;
}
.u-ac--active {
	border-bottom: 1px solid #e0e0e0;
}

/* --- smartphone --- */
.toolbar {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	background-color: #ec9704cc;
	background: #ec9704;
	z-index: 1000;
}
.toolbar__inner {
	margin: 0;
	padding: 0;
}
.toolbar__item {
	list-style: none;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.toolbar__item--menu {
	float: left;
}
.toolbar__item--menu span {
	margin: 0 0 0 8px;
	vertical-align: middle;
	font-size: 85.71429%;
	font-weight: bold;
}
.toolbar__item--cart {
	float: right;
}
.toolbar__item a {
	color: #FFF;
	color: #000;
	padding: 0 20px;
	height: 60px;
	display: table;
	text-decoration: none !important;
}
.u-wrap {
	text-align: center;
	vertical-align: middle;
	zoom: 1;
}
.toolbar__item a .u-wrap {
	display: table-cell;
}
.toolbar__item a i {
	vertical-align: middle;
	font-size:2em;
}
.toolbar__item--cart .toolbar__item__count {
	font-weight: bold;
	margin: 0 0 0 4px;
	vertical-align: middle;
}
.section--shopname {
	padding-top: 65px;
}
.section__inner {
	padding: 10px;
}
.section__inner form, .drawer__item__name form {
	margin-bottom: 0;
}
.shopname {
	text-align: center;
	margin: 0;
	font-size: 114.28571%;
}
.shopname span.h1-catch{
  font-size: 11px;
}
.shopname a {
	font-weight: bold;
	color: #212121;
	display: block;
}
.section {
	border-bottom: solid 1px #e0e0e0;
}
#srch input[type="text"] {
	width: 75%;
}
input[type="text"].keyword {
	font-size: 85.71429%;
	background: #fff;
	color: #212121;
	padding: 0 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ccc;
}
input[type="text"].keyword--small {
	width: 72%;
	height: 44px;
}
#srch
.button--blue {
	background: #FFF;
	color: #3e2a1a;
}
.button--small {
	font-size: 100%;
	padding: 15px 0;
	width: 25%;
	line-height: 1;
	border: none;
}
.section--search .button {
	float: right;
}

/* --- side --- */
.line-banner {
	margin: 0 0 2rem;
	padding: 1rem;
	background-color: #FFF;
	border: 2px solid #a27c54;
	background-origin: .5rem;
}

/* --- slider --- */
.bx-wrapper img {
	max-width: 100%;
	display: block;
	width: 100%;
}

/* --- animete --- */
#animate {
	animation-duration: 2s;
	animation-delay: 2s;
}
.zoom-in {
	animation: zoomIn;
	animation-duration: 3s;
	animation-timing-function:ease-in-out;
}
/* 画面外にいる状態 */
.fadein {
	opacity : 0;
	-webkit-transform: translate(0, 50px);
	-moz-transform: translate(0, 50px);
	-o-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	transition : all 1000ms;
}
/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
.zoomin {
	opacity : 0;
	-webkit-transform: scale(0.8) translate(0, 50px);
	-moz-transform: scale(0.8) translate(0, 50px);
	-o-transform: scale(0.8) translate(0, 50px);
	-ms-transform: scale(0.8) translate(0, 50px);
	transform: scale(0.8) translate(0, 50px);
	transition : all 1000ms;
}
.zoomin.scrollin {
	opacity : 1;
	-webkit-transform: scale(1) translate(0, 0);
	-moz-transform: scale(1) translate(0, 0);
	-o-transform: scale(1) translate(0, 0);
	-ms-transform: scale(1) translate(0, 0);
	transform: scale(1) translate(0, 0);
}

/* --- table --- */
.tbl_calendar {
	margin: 1rem auto;
	width: 100%;
	line-height: 1.4;
	border: none !important;
	border-collapse: collapse !important;
	border-spacing: 0 !important;
}
.tbl_calendar th, .tbl_calendar td {
	padding: 4px !important;
	text-align: center !important;
	border-bottom: 1px solid #ccc !important;
}
table.tbl {
	margin: 1rem auto;
	width: 100%;
	line-height: 1.4;
	font-size: 1.3rem;
}
table.tbl thead th {
	padding: 1.5rem .75rem;
	color: #3e2a1a;
	background: #feeac7;
	border: 2px solid #FFF;
}
table.tbl tbody th {
	padding: 1.5rem .75rem;
	white-space: nowrap;
	color: #3e2a1a;
	background: #e9727e;
	border: 2px solid #FFF;
}
table.tbl thead th small {
	margin-top: 1rem;
	display: block;
	text-align: center;
	font-size: 85%;
}
table.tbl td {
	padding: 1.5rem .75rem;
	border: 2px solid #FFF;
}
table.tbl .bg-td01 {
	background-color: #fce3f0;
}
table.tbl .bg-td01b {
	background-color: #fdf1f7;
}
table.tbl .bg-td02 {
	background-color: #d9f3fc;
}
table.tbl .bg-td02b {
	background-color: #e6f5fa;
}
table.tbl .bg-td03 {
	background-color: #dddcdc;
}
table.tbl .bg-td03b {
	background-color: #efecec;
}
table.tbl2 {
	margin: 1rem auto;
	width: 100%;
	line-height: 1.4;
	font-size: 1.3rem;
}
table.tbl2 thead th {
	padding: 1.5rem .75rem;
	color: #FFF;
	background: #ec9704;
	border: 2px solid #fdf9eb;
}
table.tbl2 tbody th {
	padding: 1.5rem .75rem;
	white-space: nowrap;
	color: #3e2a1a;
	background: #e9727e;
	border: 2px solid #fdf9eb;
}
table.tbl2 td {
	padding: 1.5rem .75rem;
	text-align: center;
	border: 2px solid #fdf9eb;
}
table.tbl2 .bg-td01 {
	background-color: #fce3f0;
}
table.tbl2 .bg-td01b {
	background-color: #fcebf3;
}
table.tbl2 .bg-td02 {
	background-color: #d9f3fc;
}
table.tbl2 .bg-td02b {
	background-color: #e6f5fa;
}
table.tbl2 .bg-td03 {
	background-color: #dfdfdf;
}
table.tbl2 .bg-td03b {
	background-color: #ebebeb;
}
@media screen and (max-width: 768px) {
	.table-responsive {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	table.tbl {
		margin: 1rem auto;
		width: 100%;
		line-height: 1.4;
		font-size: 1.2rem;
	}
	table.tbl th,
	table.tbl td,
	table.tbl2 th,
	table.tbl2 td {
		white-space: nowrap;
	}
	table.tbl thead th,
	table.tbl th,
	table.tbl td {
		padding: 1rem .5rem !important;
	}
}

/* --- font --- */
.txt_l {text-align: left;}
.txt_c {text-align: center;}
.txt_r {text-align: right;}
.txt_fwn {font-weight: normal;}
.txt_fwb {font-weight: bold;}
.txt_10 {font-size: 10px;}
.txt_12 {font-size: 12px;}
.txt_14 {font-size: 14px;}
.txt_16 {font-size: 16px;}
.txt_18 {font-size: 18px;}
.txt_20 {font-size: 20px;}
.txt_24 {font-size: 24px;}
.txt_28 {font-size: 28px;}
.txt_c_333 {color: #3e2a1a;}

/* --- bavkground --- */
.bgc_gray {background-color: #f1f1f1;}

/* --- space --- */
.mar_auto {margin: 0 auto;}
.mar_0 {margin: 0;}
.mar_t_0 {margin-top: 0;}
.mar_r_0 {margin-right: 0;}
.mar_b_0 {margin-bottom: 0;}
.mar_l_0 {margin-left: 0;}
.mar_5 {margin: 5px;}
.mar_t_5 {margin-top: 5px;}
.mar_r_5 {margin-right: 5px;}
.mar_b_5 {margin-bottom: 5px;}
.mar_l_5 {margin-left: 5px;}
.mar_t_10 {margin-top: 10px;}
.mar_r_10 {margin-right: 10px;}
.mar_b_10 {margin-bottom: 10px;}
.mar_l_10 {margin-left: 10px;}
.mar_t_20 {margin-top: 20px;}
.mar_r_20 {margin-right: 20px;}
.mar_b_20 {margin-bottom: 20px;}
.mar_l_20 {margin-left: 20px;}
.mar_t_30 {margin-top: 30px;}
.mar_r_30 {margin-right: 30px;}
.mar_b_30 {margin-bottom: 30px;}
.mar_l_30 {margin-left: 30px;}
.mar_t_50 {margin-top: 50px;}
.mar_r_50 {margin-right: 50px;}
.mar_b_50 {margin-bottom: 50px;}
.mar_l_50 {margin-left: 50px;}
.pad_v_10 {padding: 10px 0;}
.pad_v_20 {padding: 20px 0;}
.pad_v_30 {padding: 30px 0;}
.pad_0 {padding: 0;}
.pad_t_0 {padding-top: 0;}
.pad_r_0 {padding-right: 0;}
.pad_b_0 {padding-bottom: 0;}
.pad_l_0 {padding-left: 0;}
.pad_5 {padding: 5px;}
.pad_t_5 {padding-top: 5px;}
.pad_r_5 {padding-right: 5px;}
.pad_b_5 {padding-bottom: 5px;}
.pad_l_5 {padding-left: 5px;}
.pad_10 {padding: 10px;}
.pad_t_10 {padding-top: 10px;}
.pad_r_10 {padding-right: 10px;}
.pad_b_10 {padding-bottom: 10px;}
.pad_l_10 {padding-left: 10px;}
.pad_20 {padding: 20px;}
.pad_t_20 {padding-top: 20px;}
.pad_r_20 {padding-right: 20px;}
.pad_b_20 {padding-bottom: 20px;}
.pad_l_20 {padding-left: 20px;}
.pad_30 {padding: 30px
}
.pad_t_30 {padding-top: 30px;}
.pad_r_30 {padding-right: 30px;}
.pad_b_30 {padding-bottom: 30px;}
.pad_l_30 {padding-left: 30px;}

/* --- border --- */
.bor_t_1 {border-top: 1px solid #eadbce;}
.bor_r_1 {border-right: 1px solid #eadbce;}
.bor_b_1 {border-bottom: 1px solid #eadbce;}
.bor_l_1 {border-left: 1px solid #eadbce;}

/* --- vertical align --- */
.va-10 {vertical-align: -10%;}
.va-20 {vertical-align: -20%;}
.va-30 {vertical-align: -30%;}
.va-35 {vertical-align: -35%;}
.va-40 {vertical-align: -40%;}

@media (max-width: 980px) {
	/* ~980px */
	#base_gmoWrapp, #gmo_CMSPbar {
		overflow: hidden;
		min-width: 100% !important;
		width: 100% !important;
	}
}
@media (max-width: 768px) {
	section {
		padding: 1.5rem 0;
	}
	.container {
		padding: 0 10px;
	}
	#contents {
		padding-left: 0;
	}
	.card-header,
	.card-body {
		padding: 1rem;
	}
}
@media (max-width: 480px) {
	.container {
		padding: 0 10px;
	}
}
/* --- icon --- */
.icon-user {
	background-position: -208px 0px;
}
.icon-lg-b.icon-user {
	background-position: -312px 0px;
}
.icon-adduser {
	background-position: -240px 0px;
}
.icon-lg-b.icon-adduser {
	background-position: -360px 0px;
}
.icon-login {
	background-position: -48px -80px;
}
.icon-lg-b.icon-login {
	background-position: -72px -120px;
}
.icon-logout {
	background-position: -32px -80px;
}
.icon-lg-b.icon-logout {
	background-position: -48px -120px;
}
.icon-home {
	background-position: -176px -16px;
}
.icon-lg-b.icon-home {
	background-position: -264px -24px;
}
.icon-mail {
	background-position: -97px 0px;
}
.icon-lg-b.icon-mail {
	background-position: -96px 0px;
}
.icon-pencil {
	background-position: -96px 0px;
}
.icon-lg-b.icon-pencil {
	background-position: -144px 0px;
}
.icon-help {
	background-position: -410px -122px;
}
.icon-lg-b.icon-help {
	background-position: -408px -120px;
}
.icon-cart {
	background-position: -176px -64px;
}
.icon-lg-b.icon-cart {
	background-position: -264px -96px;
}
.icon-search {
	background-position: -208px -16px;
}
.icon-lg-b.icon-search {
	background-position: -313px -25px;
}
.icon-chevron_up {
	background-position: -0px -144px;
}
.icon-lg-b.icon-chevron_up {
	background-position: -0px -216px;
}
.icon-chevron_down {
	background-position: -530px -192px;
}
.icon-lg-b.icon-chevron_down {
	background-position: -528px -192px;
}
.icon-close {
	background-position: -80px -80px;
}
.icon-lg-b.icon-close {
	background-position: -120px -120px;
}
.icon-b, .icon-w {
	width: 16px;
	height: 16px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.icon-lg-b, .icon-lg-w {
	width: 24px;
	height: 24px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.icon-b {
	background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png);
}
.icon-w {
	background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png);
}
.icon-lg-b {
	background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png);
}
.icon-lg-w {
	background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
	.icon-b, .icon-w {
		-webkit-background-size: 368px 320px;
		background-size: 368px 320px;
	}
	.icon-lg-b, .icon-lg-w {
		-webkit-background-size: 552px 480px;
		background-size: 552px 480px;
	}
	.icon-b {
		background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png);
	}
	.icon-w {
		background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png);
	}
	.icon-lg-b {
		background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png);
	}
	.icon-lg-w {
		background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png);
	}
}
@media (max-width: 768px) {
	.icon-b {
		background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png);
	}
	.icon-w {
		background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png);
	}
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
	.icon-b {
		background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png);
	}
	.icon-w {
		background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png);
	}
}
/* 商品詳細ページのbxSliderの筋消し用 */

@media (min-width: 481px) {
	.wrapper {
		max-width: 460px;
	}
}
@media (min-width: 550px) {
	.wrapper {
		max-width: 530px;
	}
}
@media (min-width: 600px) {
	.wrapper {
		max-width: 580px;
	}
}
@media (min-width: 700px) {
	.wrapper {
		max-width: 680px;
	}
}
@media (min-width: 800px) {
	.wrapper, .pc-header {
		max-width: 780px;
	}
}
@media (min-width: 900px) {
	.wrapper, .pc-header {
		max-width: 880px;
	}
}
@media (min-width: 1000px) {
	.wrapper, .pc-header {
		max-width: 970px;
	}
}
@media (min-width: 1100px) {
	.wrapper, .pc-header {
		max-width: 1070px;
	}
}
@media (min-width: 1150px) {
	.wrapper, .pc-header {
		max-width: 1120px;
	}
}
@media (min-width: 1200px) {
	.wrapper, .pc-header {
		max-width: 1170px;
	}
}
@media (min-width: 1450px) {
	/*.wrapper, .pc-header {
		max-width: 1420px;
	}*/
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
	body[data-cms-device-variant=phone] .footer {
    padding: 12px 20px 48px!important;
	}
}


/* --- header --- */
#promotion {
	margin: 0 auto;
	padding-top: 57.291%;
	height: 0;
	position: relative;
	background: url('https://file003.shop-pro.jp/PA01467/020/header-pc.jpg') no-repeat center center #FFF;
	background-size: cover;
	text-align: center;
}
#page-head {
	margin: 0;
	display: block;
	overflow: hidden;
}
#page-head img {
	margin: 0;
	width: 100%;
	height: auto;
}
#page-header {
	margin: 0 auto;
	padding-top: 33.854%;
	height: 0;
	position: relative;
	background: url('https://file003.shop-pro.jp/PA01467/020/leverjerky.jpg') no-repeat center center #FFF;
	background-size: cover;
	text-align: center;
}
@media screen and (max-width: 768px) {
	#promotion {
		margin: 0 auto;
		padding-top: 65.104%;
		height: 0;
		position: relative;
		background: url('https://file003.shop-pro.jp/PA01467/020/header-sp.jpg') no-repeat center center #FFF;
		background-size: cover;
		text-align: center;
	}
}




/*========= ナビゲーションドロップダウンのためのCSS ===============*/

#category_set{
  max-width:1200px;
  width:100%;
  margin:0 auto;
}

/*　default link color
---------------------------------------------------------------------------------------*/
#category_set a {
  text-decoration: none;
  color: #000;
  font-weight:600!important;
}

#category_set a:hover {
  text-decoration: none;
}



/*==ナビゲーション全体の設定*/
nav{
  background: #fff;
  color: #333;
  text-align: center;
}
/*ナビゲーションを横並びに*/
nav ul{
  list-style: none;
  display: flex;
  justify-content: center;
}
/*2階層目以降は横並びにしない*/
nav ul ul{
  display: block;
}

/*下の階層のulや矢印の基点にするためliにrelativeを指定*/
nav ul li{
  position: relative;
  /* display:flex; */
  /* flex-direction: column; */
  text-align: center;
}


nav ul li img{
  width: 50px;
  margin: 0 auto;
}


nav ul li.has-child{
  position: relative;
  text-align: center;
  width:16.666%;
}


nav ul li .has-childimg{
  width: 50px;
}






/*ナビゲーションのリンク設定*/
nav ul li a{
  display: block;
  text-decoration: none;
  color: #999;
  padding:20px 35px;
  transition:all .3s;
  display: flex;
  flex-direction: column;
}

nav ul li li a{
  padding: 10px 15px;
}

nav ul li a:hover{
  color:#555; 
  text-dexortation:none
}


nav ul li p{
  color:#555;
  text-align:left;
  padding: 0 10px;
  margin: 5px auto;
}


/*==矢印の設定*/

/*2階層目を持つliの矢印の設定*/
nav ul li.has-child::before{
  content:'';
  position: absolute;
  right: 25px;
  top: 68px;
  width:6px;
  height:6px;
  border-top: 2px solid #eee8df;
  border-right:2px solid #eee8df;
  transform: rotate(135deg);
}

/*3階層目を持つliの矢印の設定*/
nav ul ul li.has-child::before{
  content:'';
  position: absolute;
  left:6px;
  top:17px;
  width:6px;
  height:6px;
    border-top: 2px solid #fff;
    border-right:2px solid #fff;
    transform: rotate(45deg);
}

/*== 2・3階層目の共通設定 */

/*下の階層を持っているulの指定*/
nav li.has-child ul{
    /*絶対配置で位置を指定*/
    position: absolute;
    left:0;
    top: 100px;
    z-index: 4;
    /*形状を指定*/
    background: #ffffff;
    border: #eee8df 1px solid;
    width:180px;
    /*はじめは非表示*/
    visibility: hidden;
    opacity: 0;
    /*アニメーション設定*/
    transition: all .3s;
    border-radius: 0.1em;
    padding: 8px;
  display:flex;
	 flex-direction: column;
      padding: 8px!important;
}

/*hoverしたら表示*/
nav li.has-child:hover > ul,
nav li.has-child ul li:hover > ul,
nav li.has-child:active > ul,
nav li.has-child ul li:active > ul{
  visibility: visible;
  opacity: 1;
}

/*ナビゲーションaタグの形状*/
nav li.has-child ul li a{
  color: #555;
  background:#fff;
  /* border-bottom:solid 1px rgba(255,255,255,0.6); */
  /* border-bottom:solid 1px #ddd; */
  border: 1px solid #eee!important;
  font-size: 0.9em;
  text-align: left;
}

nav li.has-child ul li:last-child > a{
 border-bottom:none;
}

nav li.has-child ul li a:hover,
nav li.has-child ul li a:active{
  background:#fffef7;
   border-radius: 0.1em;
}


/*==3階層目*/

/*3階層目の位置*/
nav li.has-child ul ul{
  top:0;
  left:182px;
  background:#66ADF5;
}

nav li.has-child ul ul li a:hover,
nav li.has-child ul ul li a:active{
  background:#448ED3;
}


/*==768px以下の形状*/

@media screen and (max-width:768px){
  nav{
    padding: 0;
  }
  
  nav ul{
    display: block;
  }
  
  nav li.has-child ul,
  nav li.has-child ul ul{
    position: relative;
  left:0;
  top:0;
  width:100%;
  visibility:visible;/*JSで制御するため一旦表示*/
  opacity:1;/*JSで制御するため一旦表示*/
  display: none;/*JSのslidetoggleで表示させるため非表示に*/
  transition:none;/*JSで制御するためCSSのアニメーションを切る*/
}
  
nav ul li a{
  border-bottom:1px solid #ccc;
}

/*矢印の位置と向き*/

nav ul li.has-child::before{
  left:20px;  
}

nav ul ul li.has-child::before{
    transform: rotate(135deg);
  left:20px;
}
    
nav ul li.has-child.active::before{
    transform: rotate(-45deg);
}

}

/* ---------------------------------------------------
sp_nav
------------------------------------------------------ */
#sp_nav, #sp_nav-top {
    display: none;
}

@media screen and (max-width: 600px) {
    #sp_nav {
        display: block;
        width: 100%;
        position: fixed;
        bottom: 0;
        left: 0;
        background: #fff;
        z-index: 0;
    }

    #sp_nav ul {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        width: 100%;
        font-size: 12px;
        ul {
            list-style: none;
        }

       list-style: none;
        padding-left: 0;
        margin-bottom: 0;
        /* padding-bottom: 10px; */
      	margin:0;
    }

    #sp_nav li {
        -webkit-flex: 1 1 20%;
        -ms-flex: 1 1 20%;
        flex: 1 1 20%;
        padding: 5px 3px;
       list-style: none;
    }

    #sp_nav li a {
        display: block;
        padding: 2px 2px;
        text-align: center;
        color: #fff;
		color:#000;
      list-style: none;
    }

    #sp_nav li a::before {
        content: '';
        display: block;
        width: 35px;
        height: 35px;
        margin: 0 auto;
        background: no-repeat center center;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
    }

    #sp_nav li a:hover {
        text-decoration: none;
    }

    #sp_nav li .icon_plan::before {
        /* background-image: url(../img/icon_plan_w.svg); */
        font-family: 'Font Awesome 6 pro';
        content: "\f133";
        font-size: 25px;
    }

    #sp_nav li .icon_access::before {
        /* background-image: url(../img/icon_access.svg); */
        font-family: 'Font Awesome 6 pro';
        content: "\f3c5";
        font-size: 25px;
    }

    #sp_nav li .icon_tel::before {
        /* background-image: url(../img/icon_tel_b.svg); */
        font-family: 'Font Awesome 6 pro';
        content: "\f095";
        font-size: 25px;
    }

    #sp_nav li .icon_news::before {
        background-image: url(../img/icon_tel_b.svg);
		/* font-family: "Font Awesome 5 Free";
		content: "\f217";
		font-size: 25px; */
    }

    #sp_nav li .icon_mail::before {
        background-image: url(https://www.shikanikukoubou.jp/apps/note/wp-content/uploads/2024/02/mail1.png);

    }

	#sp_nav li .icon_login::before {
        background-image: url(https://www.shikanikukoubou.jp/apps/note/wp-content/uploads/2024/02/login.png);
    }

	#sp_nav li .icon_cart::before {
        background-image: url(https://www.shikanikukoubou.jp/apps/note/wp-content/uploads/2024/02/cart.png);
    }

	#sp_nav li .icon_column::before {
        background-image: url(https://www.shikanikukoubou.jp/apps/note/wp-content/uploads/2024/02/column.png);
    }
	#sp_nav li .icon_list::before {
        background-image: url(https://www.shikanikukoubou.jp/apps/note/wp-content/uploads/2024/02/item_list.png);
    }
	#sp_nav li .icon_mypage::before {
        background-image: url(https://www.shikanikukoubou.jp/apps/note/wp-content/uploads/2024/02/maypage.png);
    }

    #sp_nav li .icon_contact::before {
		background-image: url(../../favicon/icon_white.png);
        /* font-family: 'Font Awesome 6 pro';
        content: "\e1dd";
        font-size: 25px; */
    }

    #sp_nav li .icon_taiken::before {
        background-image: url(../../favicon/icon_white.png);
        /* font-family: 'Font Awesome 5 Free'; 
        content: "\f0e0";
        font-size: 25px; */
        width: 30px;
        position: relative;
        top: -5px;
    }

    #sp_nav li #open_menu::before {
        /* background-image: url(../img/icon_menu.svg); */
        font-family: ’’;
        font-family: 'Font Awesome 6 pro';
        content: "\f0c9";
        font-size: 25px;
    }

    #sp_nav li:first-child {
        /* flex-basis: 40%; */
        /* background: url(../img/btn_bg.jpg) center top; */
        background: #ef9c00;
    }

    #sp_nav li:nth-child(2) {
        background: #ef9c00;
    }

    #sp_nav li:nth-child(3) {
        background: #ef9c00;
    }

    #sp_nav li:nth-child(4) {
        background: #ef9c00;
    }
	    #sp_nav li:nth-child(5) {
        background: #ef9c00;
    }
	    #sp_nav li:nth-child(6) {
        background: #ef9c00;
    }

    /* #sp_nav li:first-child a { color: #fff;} */
}

@media screen and (max-width: 600px) {
    #sp_nav-top {
        display: block;
        position: fixed;
        z-index: 2;
    }

    #sp_nav-top .open_menu::before {
        /* background-image: url(../img/icon_menu.svg); */
        font-family: ’’;
        font-family: 'Font Awesome 6 pro';
        content: "\f0c9";
        font-size: 25px;
    }

    #sp_nav-top {
        /* flex-basis: 40%; */
        /* background: url(../img/btn_bg.jpg) center top; */
        width: 70px;
        height: 70px;
        top: 0;
        right: 0;
        background: #fff;
        z-index: 0;
    }

    .open-menu {
        /* text-align: center; */
        /* position: relative; */
        /* width: 70px; */
        /* height: 70px; */
    }

    #sp_nav-top .open-menu a {
        display: block;
        /* padding: 5px 2px; */
        text-align: center;
        position: absolute;
        top: 0;
        /* right: 6px; */
        width: 70px;
        height: 70px;
    }

    #sp_nav-top .open-menu a::before {
        /* background-image: url(../img/icon_menu.svg); */
        font-family: ’’;
        font-family: 'Font Awesome 6 pro';
        content: "\f0c9";
        font-size: 25px;
        display: block;
        width: 40px;
        height: 40px;
        margin: 0 auto;
        background: no-repeat center center;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
    }

    #sp_nav-top li:first-child a {
        color: #fff;
    }
}

.mane {
	width:90%;
	margin: 0 auto;
	text-align: center;
	padding-top:30px;
}


.mane h2{
	font-size: 25px;
	font-weight:400;
	text-align:left;
	padding-left:30px;
}
.mane h2{
  position: relative;
  color: white;
  background: #00406c;
  line-height: 2;
  font-size: 23px;
  margin-bottom: 20px;
}

.mane h2:before {/*疑似要素*/
  font-family: 'FontAwesome';
  content: "\f14a";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}

.mane h3{
  position: relative;
  color: #00406c;
  text-align:left;
  font-size:20px;
  line-height: 2.5;
  padding-left:50px;
  border-bottom:solid 1px;
}

.mane h3:before {/*疑似要素*/
  font-family: 'FontAwesome';
  content: "\f192";
  position: absolute;
  left : 0.6em; /*左端からのアイコンまでの距離*/
  font-size: 23px;
  top: -5px;
}

/*想い*/
.flex-omoi{
	display:flex;
	flex-wrap:wrap;
	gap: 20px;
	margin-bottom: 0;
}
.flex-omoi_img{
	width:40%;
}

.flex-omoi_txt{
	width: 55%;
	border-radius: 1em;
	background: #eee;
	padding: 10px;
}

.flex-omoi_txt h4{
	padding: 10px;
	font-size:18px;
}


.flex-omoi_txt p{
	padding: 10px;
}

.flex-omoi_txt main a{
	collor: #ffffff;
}

.flex-omoi_txt2{
	width: 100%;
	margin: 20px 0;
	padding: 20px;
	background: #eee;
	border-radius: 1em;
}

.flex-omoi_txt2 p{
	padding: 10px;
}

@media screen and (max-width: 600px) {
.flex-omoi_img{
	width:100%;
}

.flex-omoi_txt{
	width: 100%;
	border-radius: 1em;
	background: #eee;
	padding: 10px;
}
}
  
.button-3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin:0 auto;
    padding: .9em 2em;
    border: none;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
    background-color: #ec9213;
    color: #fff;
    font-weight: 600;
    font-size: 1em;
}

.button-3::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}

.button-3:hover {
    background-color: #dc8203;
}

.button-4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin:0 auto;
    padding: .9em 2em;
    border: none;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgb(0 0 0 / 25%), 0 2px 3px -2px rgb(0 0 0 / 15%);
    background-color: #fb3030ba;
    color: #fff;
    font-weight: 600;
    font-size: 1em;
}

.button-4::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}

.button-4:hover {
    background-color: #e21212;
}

.wake_set {
	width: 100%;
	margin: 0px auto;
	text-align: center;
	padding-top: 0;
	counter-reset: number 0;
}

.wake_set h3{
  position: relative;
  color: #3e2a1a;
  text-align:left;
  font-size: 1.8rem;
  line-height: 4;
  padding-left: 50px;
  border-bottom:solid 1px;
  line-height: 30px;
  padding: 20px 20px 20px 80px;
}

.wake_set h3 span{
	display:block;
	font-size: 1.6rem;
	font-weight: 500;
}

.wake_set h3:before {
  position: absolute;
  counter-increment: number 1;
  content: counter(number) " ";
  left : 0.6em;
  font-size: 30px;
  font-weight: 600;
  background: #ef9c00;
  color: #fff;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50px;
  line-height: 50px;
}
mark {
  background: linear-gradient(transparent 40%, yellow 0%);
}


.voice {
	display: flex;
	gap: 10px;
	margin: 10px;
}

.voice .img_txt {
	width: 70%;
}

.voice .img_txt p {
	padding: 10px;
	border: 1px solid #a5a5a5;
	box-shadow: 0 0 5px 2px #ddd;
	border-radius: 15px 15px 0 15px;
}

.voice .img_cnt {
	width: 30%;
	max-width: 100px;
}

.voice .img_cnt img {
	width: 100%;
	border-radius: 50%;
	box-shadow: 0 0 5px 0 #ddd;
}

/* 全ページ共通　ヘッダーお知らせ */
.newsTopBox{
    position: relative;
	max-width: 1000px;
	margin:11rem auto 0;
	padding: 1rem 1rem 0.5rem;
	border: #FF6600 2px solid;
	background-color: #fff;
}
.newsTopBox span.title{
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 1em;
  margin: 0;
  font-weight: 600;
  color: #FF6600;
  transform: translateY(-50%) translateX(1em);
  background-color: #fff;
}
.newsTopBox p, .newsTopBox a {
  padding: 0;
  margin: 0;
}
@media (max-width: 768px){
  .newsTopBox{
    	margin-top:2rem;
	}
}

/*商品一覧ページCSS*/
.ail-link-button-container {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-start;
  padding: 16px;
}

.ail-link-button {
  display: inline-block;
  background-color: #ec9704;
  color: #fff;
  text-decoration: none;
  text-align: center;
  padding: 12px 20px;
  border-radius: 8px;
  font-weight: bold;
  white-space: nowrap; /* テキストの折り返しを防ぐ */
  transition: background-color 0.3s;
}

.ail-link-button:hover {
  background-color: #ec9704;
}

#ail-cate h2.title,#ail-breed h2.title,#ail-condition h2.title, #f5-list h2.title {
  margin: 2rem 0 1rem;
}

/*目次アンカー位置調整*/
#ail-cate,#ail-breed,#ail-condition {
  padding-top: 50px; /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -50px; /* heightと同じ分のネガティブマージン */
}

/* タブレット以上（768px〜）：3つ横並び */
@media (min-width: 768px) {
  .ail-link-button {
    flex: 0 0 calc(28% - 12px);
  }
  #ail-cate h2.title,#ail-breed h2.title,#ail-condition h2.title {
    margin: 4rem 0 1rem;
  }
  #ail-cate,#ail-breed,#ail-condition {
    padding-top: 100px; /* 調整したい高さ（固定ヘッダーの高さ） */
    margin-top: -100px; /* heightと同じ分のネガティブマージン */
  }
}

.ail-block-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: flex-start;
  padding: 16px;
}

.ail-block {
  display: block;
  background-color: #fff;
  border-radius: 12px;
  border: solid 1px #ec9704;
  padding: 16px;
  box-sizing: border-box;
  text-align: center;
  text-decoration: none; /* aタグの下線を除去 */
  flex: 0 0 calc(50% - 16px); /* 初期値（スマホ用） */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ail-block:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.ail-block img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}
.ail-block h3 {
  margin: 12px 0 8px;
  font-size: 1.2em!important;
}

.ail-block p {
  font-size: 0.95em;
  color: #555;
}

/* タブレット以上：4列表示 */
@media (min-width: 768px) {
  .ail-block {
    flex: 0 0 calc(25% - 16px);
  }
}

.search-all-title{
  margin: 3rem 0 1rem!important;
}