@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;

	font-size: 1em;
}

body {
	font-size: 62.5%;
}

body,
table,
input, textarea, select, option {
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}
select
{
	min-width: 30px;
	text-align: center;
}

@font-face {
    font-family: 'NotoSansCJKjp-Regular';
    font-style: normal;
    font-weight: 400;
    src: url('../../font/NotoSansCJKjp-Regular.eot');
    src: url('../../font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
url('../../font/NotoSansCJKjp-Regular.woff') format('woff'),
url('../../font/NotoSansCJKjp-Regular.ttf') format('truetype');
}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

img {
	vertical-align: top;
}

a,
a:link {
	color: #040404;
	text-decoration: none;
}

a:visited {
	color: #040404;
}

a:hover {
	color: #040404;
}

a:active {
	color: #040404;
}

/* -------------------------
   	エラー
-------------------------*/
#message .nextToggle
{
	display:none;
}
#message .pageMessage.error
{
	border: 3px solid #e42653;
	background:#e42653;
	padding: 10px;
	margin: 10px;
	color: #fff;
	font-weight:bold;
}
#message .pageMessage.error section p
{
	color: #fff;
	font-weight:bold;
}
.message.error
{
	display:block;
	border: 3px solid #e42653;
	background:#e42653;
	padding: 10px;
	margin: 10px;
	color: #fff;
	font-weight:bold;
}
section.msg > div
{
	display:none;
}
section.msg > p
{
	border: 3px solid #19caaf;
	background:#19caaf;
	padding: 10px;
	margin: 10px;
	color: #fff;
	text-align:center;
	font-weight:bold;
}
section.msg_error > p
{
	border: 3px solid #e42653;
	background:#e42653;
	padding: 10px;
	margin: 10px;
	color: #fff;
	text-align:center;
	font-weight:bold;
}


.message.success
{
	display:block;
	border: 3px solid #19caaf;
	background:#19caaf;
	padding: 10px;
	margin: 10px;
	color: #fff;
	font-weight:bold;
}

#message .pageMessage.success
{
	border: 3px solid #19caaf;
	background:#19caaf;
	padding: 10px;
	margin: 10px;
	color: #fff;
	font-weight:bold;
}
#message .pageMessage.success section p
{
	color: #fff;
	font-weight:bold;
}
/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	min-width: 1220px;
	color: #000;
	font-size: 12px;
	line-height: 1.5;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #FFF;
}

#container {
	text-align: left;
}

#main {
	overflow: hidden;

}

a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}

.sp {
	display: none !important;
}

.btn_nxt,.btn_bak{
	width:250px;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 2px;
	border-radius: 4px;
	padding: 10px;
	border:none;
	cursor: pointer;
	margin:0 20px;
}
.btn_nxt:hover,.btn_bak:hover{
	opacity: 0.7;
}
.btn_nxt{
	background: #fb7c00;
	color: #fff;
}
.btn_bak{
	background: #aaa;
	color: #fff;
}

@media all and (min-width: 0) and (max-width: 767px) {
	body {
		min-width: inherit;
	}

	a:hover,
	a:hover img {
		opacity: 1 !important;
	}

	.sp {
		display: inline-block !important;
	}

	.pc {
		display: none !important;
	}

	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}

.btn_nxt,.btn_bak{
	width:80%;
}
.btn_nxt,.btn_bak{
	width:90%;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 2px;
	border-radius: 4px;
	padding: 10px;
	border:none;
	cursor: pointer;
	margin:5px auto;
}
}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	position: relative;
	height: 140px;
	background: #fff;
}

#gHeader .hdfixed{
	width: 100%;
	min-width: 1220px;
	background: #fff;
	position: fixed;
	z-index: 999;
}

#gHeader .hBox {
	padding: 11px 50px 10px 49px;
	background-color: #000;
}

#gHeader .hBox h1 {
	float: left;
}
#gHeader .hBox h1 img{
	height:40px;
}
#gHeader .hBox .search {
	margin-top: 4px;
	float: right;
}

#gHeader .hBox .search input[type="text"]{
	padding: 2px 2px 0 17px;
	float: left;
	width: 450px;
	height: 30px;
	font-size: 12px;
	box-sizing: border-box;
	border-radius: 0;
	border: none;
}

#gHeader .hBox .search button[type="submit"]{
	margin-top: 0px;
	width: 30px;
	height: 30px;
	padding:0;
	float: left;
	border: none;
	box-sizing: border-box;
	background:#484848;
	cursor: pointer;
	border-radius: 0;
	color:#fff;
}

.btn_soldout
{
	display: block;
	width: 100%;
	background:#ff1414;
	text-align: center;
	color:#fff;
	border-radius: 4px;
	padding: 10px 0;
	font-size: 16px;
	font-weight: bold;
}

input::-webkit-input-placeholder { /* WebKit browsers */
	color: #B4B4B4;
	opacity:1;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #B4B4B4;
	opacity:1;
}

input::-moz-placeholder {
	color: #B4B4B4;
	opacity:1;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #B4B4B4;
	opacity:1;
}
@media all and (min-width: 0) and (max-width: 767px) {
	#gHeader {
		/* margin-bottom: 10px; */
		margin-bottom: 30px;
		height: auto;

	}
	#gHeader .hdfixed{position: static;min-width:inherit;}

	#gHeader .hBox {
		padding: 10px;
		position: fixed;
		width: 100%;
		z-index: 999;
 	}

	#gHeader .hBox h1 {
		margin-bottom: 20px;
	}

	#gHeader .hBox h1 img {
		width: 120px;
		height:auto;
	}

	#gHeader .hBox .search {
		margin: 0 auto;
		/*width: 300px;*/
		/*width: 100%;*/
		width: 90%;;
		clear: both;
		float: none;
	}

	#gHeader .hBox .search input[type="text"]{
		padding-top: 1px;
		/* width:calc(100% - 25px); */
		width:calc(100% - 120px);
		height: 25px;
		-moz-appearance: none;
		-ms-appearance: none;
		-webkit-appearance: none;
	}

	#gHeader .hBox .search button[type="submit"]{
		height: 25px;
		width: 25px;
		background-size: cover;
		-moz-appearance: none;
		-ms-appearance: none;
		-webkit-appearance: none;
	}
}



/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
#gNavi .lBox {
	padding: 18px 0 0 49px;
	float: left;
	position: relative;
}

#gNavi .lBox > a {
	padding: 10px 35px 6px 30px;
	width: 302px;
	display: block;
	font-size: 16px;
	text-align: center;
	border: 1px solid #CCC;
	box-sizing: border-box;
	background: url(../../img/index/icon02.png) no-repeat right 25px center;
}

#gNavi .lBox .hList {
	display: none;
	padding: 20px 27px 20px 44px;
	position: absolute;
/*
	top: 60px;
*/
	left: 50px;
	width: 300px;
	z-index: 1000;
	background-color: #FFF;
	box-sizing: border-box;
	overflow-y: scroll;
	height:80vh;
}
#gNavi .lBox .hList::-webkit-scrollbar{
   width: 3px;
}
#gNavi .lBox .hList::-webkit-scrollbar-track{
   background-color: #ccc;
}
#gNavi .lBox .hList::-webkit-scrollbar-thumb{
   background-color: #fb7c00;
}

#gNavi .lBox .hList li {
	margin-bottom: 9px;
	font-size: 14px;
}

#gNavi .lBox .hList li a {
	padding-right: 10px;
	display: block;
	background: url(../../img/index/icon03.png) no-repeat right 0px;
}

#gNavi .lBox .hList li a:hover {
	opacity: 0.7;
}

#gNavi .rBox {
/*
	width:735px;
*/
	width:830px;
	float: right;
	position: relative;
	right:-4px;
	box-sizing: border-box;
	display:flex;
	justify-content: flex-end;
}

#gNavi .rBox .hNavi {
	padding-top: 17px;
	float: left;
	display:flex;
	justify-content: space-around;
}

#gNavi .rBox .hNavi li {
	margin-right: 35px;
	width:60px;
	font-size: 12px;
	text-align: center;
	display:block;
}
#gNavi .rBox .hNavi li i{
	font-size: 30px;
	height:28px;
}

#gNavi .rBox .hNavi li:last-child {
	margin-right:20px;
}

#gNavi .rBox .hNavi li a {
	display: block;
}

#gNavi .rBox .hNavi li a:hover {
	opacity: 0.7;
}

/*
#gNavi .rBox .hNavi img {
	margin: 0 auto 9px;
	display: block;
}
*/
#gNavi .rBox .hNavi i {
	margin: 3px auto 9px;
	display: block;
	color:#fb7c00;
}
#gNavi .rBox .num {
	text-align: center;
	float: right;
	background-color: #E5E5E5;
	box-sizing: border-box;
}
#gNavi .rBox .num p {
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-items: baseline;
}
#gNavi .rBox .num p a {
	padding: 27px 10px 29px;
	min-width: 161px;
	height: 80px;
	display:block;
	box-sizing: border-box;
}
#gNavi .rBox .num p i {
	font-size:1.5rem;
	position:relative;
}

#gNavi .rBox .num p span {
	margin:0px 8px 0 5px;
	padding: 2px 7px 1px 8px;
	display: inline-block;
	color: #FFF;
	font-size: 12px;
	background-color: #fb7c00;
	position:relative;
	top:-3px;
}

#gNavi .rBox .num p img {
	margin-right: 6px;
	vertical-align: -5px
}

#gNavi .rBox .menu a {
	float: right;
	background:#fb7c00;
}
#gNavi .rBox .menu .close {
	display: none;
}

#gNavi .rBox .on .close {
	display: block;
}

#gNavi .rBox .on .open {
	display: none;
}

#gNavi .rBox .menu a:hover {
	opacity: 0.7;
}


@media all and (min-width: 0) and (max-width: 767px) {

	#gNavi .rBox {
		width:100%;
	}
	#gNavi .rBox .menu {
		width:45px;
		height:45px;
		float: none;
		/*position: absolute;*/
		position: fixed;
		top: 0;
		right: 0;
		z-index: 9999;
	}

	#gNavi .rBox .menu img {
		width: 45px;
	}
	#gNavi .rBox .menu span{
		font-size:0.6rem;
	}
	#gNavi .rBox .on .close {
		margin-top:2px;
	}
	#gNavi .rBox .num {
		float: none;
		position: fixed;
		top: 0;
		right: 45px;
		z-index: 1000;
	}
	#gNavi .rBox .num p i {
		font-size:13px;
		position:relative;
	}

	#gNavi .rBox .num p {
		font-size: 13px;
		display: flex;
		justify-content: center;
	}

	#gNavi .rBox .num p a {
		min-width:125px;
		height:45px;
		padding: 10px 2px 12px;
		box-sizing: border-box;
		display:flex;
		align-items: center;
		justify-content: center;
	}

	#gNavi .rBox .num p span {
		margin-right: 3px;
		padding: 1px 6px 1px 6px;
		font-size: 10px;
		top:0;
	}

	#gNavi .rBox .num p img {
		margin-right: 4px;
		width: 18px;
	}

	#gNavi .lBox {
		/*padding: 18px 0 20px 0;*/
		padding: 100px 0 20px 0;
		float: none;
	}

	#gNavi .lBox a {
		margin: 0 auto;
		font-size: 14px;
	}

	#gNavi .lBox > a {
		padding: 9px 15px 7px 10px;
		width: 250px;
		margin:20px auto 0;
	}

	#gNavi .rBox {
		width: auto;
		float: none;
		position: inherit;
	}

	#gNavi .rBox .hNavi {
		padding: 0;
		float: none;
		display:flex;
		justify-content: space-between;
		width:100%;
	}

	#gNavi .rBox .hNavi li {
		margin: 0;
		width: 25%;
		font-size: 12px;
		float:none;
	}
	#gNavi .rBox .hNavi li:last-child {
		margin-right: 0;
	}

	#gNavi .rBox .hNavi img {
		margin-bottom: 5px;
		width: 16px;
	}

	#gNavi .lBox .hList {
		left: 50%;
		margin-left: -129px;
		width: 250px;
		padding: 20px 20px 20px 20px;
	}
}

.menuBox {
	display: none;
	padding: 10px 10px 10px 20px;
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.9);
	z-index: 9999;
	box-sizing: border-box;
}

.menuBox .menuList > li {
	margin-right: 30px;
	color: #FFF;
	float: left;
	font-size: 14px;
}

.menuBox .menuList > li:first-child {
	width: 200px;
}

.menuBox .menuList .liList {
	width: 190px;
}

.menuBox .menuList > li:last-child {
	margin-right: 0;
}

.menuBox .menuList .list li {
	margin-bottom: 15px;
}

.menuBox .menuList li a {
	padding-left: 9px;
	display: inline-block;
	color: #FFF;
	background: url(../../img/index/icon11.png) no-repeat left 9px;
}

.menuBox .menuList li a:hover {
	text-decoration: underline;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.menuBox {
		padding: 20px;
		top: 45px;
		position: fixed;
	}

	.menuBox .menuList > li {
		margin: 0 0 20px 0;
		width: 50%;
		font-size: 13px;
	}

	.menuBox .menuList > li:nth-child(2n) {
		float: right;
	}

	.menuBox .menuList > li:first-child {
		width: 50%;
	}

	.menuBox .menuList .liList {
		width: 50%;
	}

}

@media all and (min-width: 361px) and (max-width: 374px) {
	.menuBox .menuList > li {
		font-size: 12px;
	}
}

@media all and (min-width: 0) and (max-width: 360px) {
	.menuBox {
		padding: 20px 15px;
	}

	.menuBox .menuList > li {
		font-size: 11px;
	}
}

@media all and (mix-width: 768px) {
	#gHeader .menuBox {
		display: none! important;
	}
}

.menuBox {
	display: none;
	padding: 10px 10px 10px 20px;
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.9);
	z-index: 9999;
	box-sizing: border-box;
}
.menuBox .menuList.pc
{
	display:block;
/*
	overflow: scroll;
*/
/*
	overflow: auto;
*/
}
.menuBox .menuList.sp
{
	display:none;
}
.menuBox .menuList.pc > li {
	margin-right: 30px;
	color: #FFF;
	float: left;
	font-size: 14px;
}

.menuBox .menuList.pc > li:first-child {
	width: 200px;
	overflow-y: scroll;
	height: 80vh;
}
.menuBox .menuList.pc > li:first-child::-webkit-scrollbar{
   width: 3px;
}
.menuBox .menuList.pc > li:first-child::-webkit-scrollbar-track{
   background-color: #ccc;
}
.menuBox .menuList.pc > li:first-child::-webkit-scrollbar-thumb{
   background-color: #fb7c00;
}



.menuBox .menuList.pc .liList {
	width: 190px;
}

.menuBox .menuList.pc > li:last-child {
	margin-right: 0;
}

.menuBox .menuList.pc .list li {
	margin-bottom: 15px;
}

.menuBox .menuList.pc li a {
	padding-left: 9px;
	display: inline-block;
	color: #FFF;
	background: url(../../img/index/icon11.png) no-repeat left 9px;
}

.menuBox .menuList.pc li a:hover {
	text-decoration: underline;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.bread_crumb_list
	{
		margin-top:37px;
	}
	#gNavi .lBox,
	#gNavi .hNavi
	{
		display:none;
	}
	#gHeader .hBox
	{
		padding-top:10px;
	}
	.hd_search
	{
		padding-top: 7px;
	}
	#gHeader .hBox .search
	{
		width: 100%;
	}
	#gHeader .search div
	{
		width: 110px;
		padding-left: 2.1em;
		font-size: 0.55rem;
	}
	#gHeader .hBox .search input[type="text"]
	{
		padding: 2px 2px 0 10px;
	}
	.menuBox .menuList li a:hover
	{
		text-decoration: none;
	}
	.menuBox {
		padding: 0px;
		top: 45px;
		position: fixed;
		height: 100vh;
		height: -webkit-fill-available;
	}
	.menuBox .menuList.pc
	{
		display:none;
	}
	.menuBox .menuList.sp
	{
		display: block !important;;
		height: 100%;
		overflow-y:auto;
		padding-bottom:100px;
	}
	.menuBox .menuList.sp > li {
		width: 100%;
		font-size: 15px;
		margin:0;
		border-bottom:1px dotted #ccc;
		padding:0;
	}
	.menuBox .menuList.sp li h4 {
		margin-top:30px;
		padding:10px;
		font-size:15px;
	}
	.menuBox .menuList.sp li a,
	.menuBox .menuList.sp li label
	{
		padding:20px 40px 20px 20px;
		display:flex;
		align-items: center;
		background:none;
		position: relative;
	}
	.menuBox .menuList.sp li a i{
		margin-right:8px;
	}
	.menuBox .menuList.sp li a:after
	{
		content:"\f054";
		font-family: "Font Awesome 5 Free";
    	font-weight: 900;
		position:absolute;
		right:20px;
	}
	.menuBox .menuList.sp li label:after
	{
		content:"\f067";
		font-family: "Font Awesome 5 Free";
    	font-weight: 900;
		position:absolute;
		right:20px;
	}
	.menuBox .menuList.sp li input:checked + label:after
	{
		content:"\f068";
	}
	#contents_open,
	#items_open
	{
		display:none;
	}
	.acd
	{
		color: #fff;
		display: block;
		margin-bottom: 1px;
		padding: 10px;
	}
	.acd_contents li,
	.acd_item li
	{
		height: 0;
		opacity: 0;
		padding: 0 0 0 10px !important;
		/* transition: 0.3s; */
		visibility: hidden;
		background:#E5E5E5;
	}
	#contents_open:checked + .acd + .acd_contents li
	{
		height: auto;
		opacity: 1;
		padding:0;
		visibility: visible;
		border-bottom:1px dotted #333;
	}
	#items_open:checked + .acd + .acd_item li
	{
		height: auto;
		opacity: 1;
		padding:0;
		visibility: visible;
		border-bottom:1px dotted #333;
	}
	.menuBox .menuList.sp li #contents_open:checked + .acd + .acd_contents li a,
	.menuBox .menuList.sp li #items_open:checked + .acd + .acd_item li a
	{
		color: #000;
	}

}

@media all and (mix-width: 768px) {
	#gHeader .menuBox {
		display: none! important;
	}
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter .fBox {
	padding: 46px 0 55px;
	background-color: #494949;
}

#gFooter .fBox .fList {
	margin: 0 auto;
	width: 1162px;
}

#gFooter .fBox .fList > li {
	margin-right: 70px;
	width: 340px;
	float: left;
	color: #FFF;
}

#gFooter .fBox .fList li:last-child {
	margin-right: 0;
}

#gFooter .fBox .fList p {
	margin-bottom: 16px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.4px;
/*
	background: url(../../img/index/icon05.png) no-repeat left 3px;
*/
}
#gFooter .fBox .fList p i {
	margin-right:0.5em;
	color:#fb7c00;
}
#gFooter .fBox .fList dt {
	margin: 0 0 2px -1px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.38px;
}

#gFooter .fBox .fList dd {
	margin-bottom: 25px;
	line-height: 1.68;
	letter-spacing: 0.3px;
}

#gFooter .fBox .fList dd:last-child {
	margin-bottom: 0;
}

#gFooter .fBox .fList .whiteBox {
	margin-top: 11px;
	padding: 19px 10px 12px 15px;
	background-color: #FFF;
	border: 1px solid #000;
}

#gFooter .fBox .fList .whiteBox p {
	margin: 11px 0 0 26px;
	padding: 0;
	color: #000;
	font-size: 12px;
    font-family: 'NotoSansCJKjp-Regular';
	font-weight: normal;
	letter-spacing: 0.3px;
	line-height: 1.5;
	background: none;
}

#gFooter .fBox .fList .whiteBox ul {
	text-align: center;
}

#gFooter .fBox .fList .whiteBox ul li {
	margin-right: 11px;
	display: inline-block;
}

#gFooter .fBox .fList .whiteBox ul li a:hover {
	opacity: 0.7;
}

#gFooter .fBox .fList .whiteBox ul li:last-child {
	margin-right: 0;
}

#gFooter .backBox {
	padding: 46px 0 28px 0;
	background-color: #000;
}

#gFooter .footerBox {
	margin: 0 auto;
	padding-left: 138px;
	max-width: 1438px;
	box-sizing: border-box;
}

#gFooter .footerBox .rBox {
	padding: 2px 0 0 51px;
	max-width: 656px;
	width: 50.5%;
	float: right;
	position: relative;
	box-sizing: border-box;
}

#gFooter .footerBox .rBox:before {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 1px;
	height: 94%;
	background-color: #484848;
	content: '';
}

#gFooter .footerBox .rBox .logo {
	margin-bottom: 39px;
}
#gFooter .footerBox .rBox .logo img {
	height: 50px;
}

#gFooter .footerBox .rBox p {
	color: #FFF;
	font-size: 14px;
	line-height: 1.7;
}

#gFooter .footerBox .rBox p a {
	color: #FFF;
}

#gFooter .footerBox .rBox p a:hover {
	text-decoration: none;
}

#gFooter .footerBox .fNavi {
	float: left;
	max-width: 600px;
	width: 49.5%;
}

#gFooter .footerBox .fNavi > li {
	color: #FFF;
	margin-right: 6.5%;
	max-width: 130px;
	float: left;
	width: 21.6%;
}

#gFooter .footerBox .fNavi > li:last-child {
	margin: 2px 0 0 -4px;
}

#gFooter .footerBox .fNavi > li:first-child {
	width: 43%;
	max-width: 260px;
}

#gFooter .footerBox .fNavi p {
	margin-bottom: 13px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
}

#gFooter .footerBox .fNavi a {
	padding-left: 9px;
	display: inline-block;
	color: #FFF;
	background: url(../../img/index/icon11.png) no-repeat left 9px;
}

#gFooter .footerBox .fNavi a:hover {
	text-decoration: underline;
}

#gFooter .footerBox .fNavi .naviList {
	float: left;
/*
	max-width: 80px;
	width: 31%;
*/
	width:100%;
}

#gFooter .footerBox .fNavi .naviList li,
#gFooter .footerBox .fNavi .list li {
	margin-bottom: 6px;
}

#gFooter .footerBox .fNavi .naviList01 {
	max-width: 162px;
	float: right;
	width: 63%;
}

#gFooter .footerBox .fNavi .naviList li:last-child,
#gFooter .footerBox .fNavi .list li:last-child {
	margin-bottom: 0;
}

#gFooter .copyright {
	background-color: #fb7c00;
}

#gFooter .copyright p {
	margin: 0 auto;
	padding: 7px 0 5px 15px;
	width: 1200px;
	color: #FFF;
	text-align: center;
	letter-spacing: 0.3px;
	box-sizing: border-box;
}

#gFooter ul.delivery_trader {
	margin:0.5em 0 1em 2em;
	list-style:disc;
}
#gFooter ul.delivery_trader li{
	margin:0 0 0.5em 0;
}
#gFooter ul.delivery_trader a{
	padding-bottom:0;
	color:#fff;
	border-bottom: dotted 1.5px #fb7c00;
}
#gFooter ul.delivery_trader a:hover{
	border-bottom:none;
}
#gFooter ul.delivery_time{
	display:flex;
	margin:0.5em 0 1em 1em;
	justify-content: space-between;
}
#gFooter ul.delivery_time li{
	width:calc((100% - 10px) / 6);
	padding:10px;
	border-radius:3px;
	background:#fff;
	color:#fb7c00;
	line-height:1;
	text-align:center;
	font-weight:bold;
}

.fLink{
	display:flex;
}
.fLink li img{
	width:100%;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#gFooter .footerBox .rBox .logo img {
		width:100%;
		height:auto;
	}
	#gFooter .fBox {
		padding: 30px 10px 40px;
	}

	#gFooter .fBox .fList {
		width: auto;
	}

	#gFooter .fBox .fList > li {
		margin: 0 0 20px 0;
		width: auto;
		float: none;
	}

	#gFooter .fBox .fList dd {
		margin-bottom: 20px;
	}

	#gFooter .fBox .fList .whiteBox p {
		margin: 10px 0 0 0;
		text-align: center;
	}

	#gFooter .backBox {
		padding: 30px 10px 20px 10px;
	}

	#gFooter .footerBox {
		padding-left: 0;
		width: auto;
	}

	#gFooter .footerBox .fNavi {
		margin: 0 10px;
		max-width: inherit;
		width: auto;
		float: none;
	}

	#gFooter .footerBox .fNavi > li {
		margin: 0 15px 15px 0;
		max-width: inherit;
		width: 130px;
	}

	#gFooter .footerBox .fNavi a:hover {
		text-decoration: none;
	}

	#gFooter .footerBox .fNavi > li:first-child {
		max-width: inherit;
		width: auto;
		float: none;
	}

	#gFooter .footerBox .fNavi > li:last-child {
		margin: 0;
	}

	#gFooter .footerBox .rBox {
		margin-bottom: 20px;
		padding: 0 10px 15px 10px;
		max-width: inherit;
		width: auto;
		float: none;
	}

	#gFooter .footerBox .rBox::before {
		top: inherit;
		bottom: 0;
		width: 100%;
		height: 1px;
	}

	#gFooter .footerBox .rBox .logo {
		margin-bottom: 20px;
	}

	#gFooter .footerBox .rBox p {
		font-size: 12px;
	}

	#gFooter .copyright p {
		width: auto;
	}

	#gFooter .footerBox .fNavi .naviList {
		margin-right: 15px;
/*
		width: 130px;
*/
		max-width: inherit;
	}

	#gFooter .footerBox .fNavi .naviList01 {
		margin-right: 0;
		width: 160px;
		float: left;
		max-width: inherit;
	}
}

@media all and (min-width: 0) and (max-width: 360px) {
	#gFooter .footerBox .fNavi .naviList {
		width: 100%;
	}

	#gFooter .footerBox .fNavi .naviList01 {
		width: 160px;
	}
}



/*------------------------------------------------------------
 　下層
------------------------------------------------------------*/

.subMain{
	background:url(../../img/common/main_img.jpg) no-repeat center center;
	width: 100%;
	background-size: cover;
	}

.bg-mask {
  height: 100%;
  background: rgba(0,0,0,0.8);
	}
.subMain h2{
	padding: 80px 0;
	text-align: center;
	color: #fff;
	font-size: 28px;
	letter-spacing: 2px;
	}

.subcon .inner{
	margin: 40px auto;
	width:1100px;
	line-height: 1.7;
	overflow: hidden;
	}

.subcon .inner .pickup_text img{
	max-width:100%!important;
	height:auto!important;
}

/* bread_crumb
-------------------------*/
.bread_crumb_list {
	padding:10px 0;
	width:100%;
	margin: auto;
	background:#E4E4E4;
	}
ol.bread_crumb {
	text-align:left;
	margin:0 auto;
	width:1100px;
}
.bread_crumb li {
	display:inline;
	color:#333;
	font-size:0.9em;
	font-weight:500;
}
.bread_crumb .material-icons{
	vertical-align:-0.2em !important;
}
.bread_crumb li::after {
    content : '>';
    padding-left:10px;
    margin-right:10px;
}
.bread_crumb li:last-child::after {
    content : '';
}
.bread_crumb li a {
	color:#333;
	text-decoration:underline;
}
.bread_crumb li a:hover{
	text-decoration:none;
}
/* .bread_crumb li.current {
} */

/* 汎用
-------------------------*/

.subcon .inner h3{
	margin: 60px 0 20px;
	padding: 40px 0 35px 1.3em;
	border-bottom: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	font-size: 21px;
	position: relative;
	color: #494949;
	letter-spacing: 2px;
}
.subcon .inner h3::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 20px;
     height:4px;
     background-color: #494949;
}

.subcon .inner h4{
	margin: 40px 0 20px;
	padding: 15px 0 15px 1.5em;
	font-size: 18px;
	position: relative;
	color: #fff;
	background: #494949;
	letter-spacing: 2px;
}
.subcon .inner h4::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 20px;
     height:4px;
     background-color: #fff;
}

.subcon .inner h5{
	margin: 30px 0 20px;
	padding: 5px 0 5px 8px;
	font-size: 17px;
	color: #333;
	border-left:5px solid #fb7c00;
}

.subcon .inner h6{
	margin: 30px 0 10px;
	padding: 5px 0;
	font-size: 16px;
	color: #494949;
	border-bottom:1px solid #494949;
}


.subcon .inner h3.top{margin: 10px 0 20px;}
.subcon .ulbox01 {
    padding: 0px 15px;
    margin: 20px 0 0;
}
.subcon .ulbox01 li {
    padding: 5px 0px;
    list-style-type: disc;
}


/* -------------------------
   会社概要
-------------------------*/
/* table
-------------------------*/

.defTable01 {
	width:100%;
    margin: 30px auto;
	border: none;
    border-collapse: collapse;
	font-size: 13px;
	}
.defTable01 th {
    width:240px;
    margin: 0;
	vertical-align:middle;
    font-weight: 500;
    padding: 15px 30px;
	background:#f5f5f5;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	}
.defTable01 td {
    padding: 15px 30px;
    margin: 0;
    text-align: left;
    vertical-align: middle;
	background:#fff;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	}
/*
.defTable01 tr:last-child td{
	border-bottom:none;
	}
*/
.defTable01 span:not(.hideForm,.checkbox01-parts){color: #FF0000;}
.defTable01 .cen{ text-align:center;}
.defTable01 a.hideForm
{
	color: #000;
	font-weight: bold;
	border: 1px solid #000;
	padding: 1px 3px;
	border-radius: 3px;
}

.defTable01 input[type="text"],
.defTable01 input[type="password"]
{
	border: none;
	padding: 10px;
	background: #f0f0f0;
    border-radius: 2px;
	display:inline-block;
	position:relative;
	}

.defTable01 input[type="text"].w30zip{ width: 30%;margin-right:2% }
.defTable01 input[type="text"].w30{ width: 30%; }
.defTable01 input[type="text"].w60{ width: 61%; }
.defTable01 input[type="text"].w70{ width: 70%; }
.defTable01 input[type="text"].w100{ width: 98%; }

.defTable01 td div{
	display:inline-block;
	position:relative;
	}


.defTable01 select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
/*
	padding: 10px;
*/
	padding:10px 30px 10px 10px;
	background: url(../../img/index/icon02.png) no-repeat right 8px center , #f0f0f0;
	border-radius: 2px;
	}
.defTable01 select optgroup{background: #ddd;}

.defTable01 select.Member_PrefectureID{
	width: 30%;
}
@media all and (min-width: 0) and (max-width: 767px) {
	.defTable01 input[type="text"].w30zip{ width: 50%;margin-right:2% }
	.defTable01 input[type="text"].w30{ width: 100%; margin-bottom:10px; }
	.defTable01 input[type="text"].w60{ width: 100%; }
	.defTable01 input[type="text"].w70{ width: 100%; }
	.defTable01 input[type="text"].w100{ width: 100%; }
	.defTable01 input[type="password"]{ width: 100%; }
}

.sublink ul
{
	text-align:right;
	font-size:1.3em;
}
.sublink ul li
{
	margin-right:10px;
	margin-bottom:20px;
	display:inline-block;
}
.sublink ul li a
{
	border-radius:10px;
	border:solid 1px #fb7c00;
	padding:5px 10px;
	background:#fff;
	color:#fb7c00;
}
.sublink ul li a:hover
{
	background:#fb7c00;
	color:#fff;
}
/*css radio01*/
.radio01-input{display: none;}
.radio01-input + label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
	display:inline;
}
.radio01-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
/* .radio01-input:checked + label{} */
.radio01-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 11px;
  height: 11px;
  background: #fb7c00;
  border-radius: 50%;
}

/* css checkbox01 */
.checkbox01-input{
  display: none;
}
span.checkbox01-parts{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
	color: #333;
}
.checkbox01-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px;
}
/* .checkbox01-input:checked + .checkbox01-parts{} */
.checkbox01-input:checked + .checkbox01-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #fb7c00;
  border-right: 3px solid #fb7c00;
}


.defTable01 textarea{
	border: none;
	padding: 10px;
	background: #f0f0f0;
    border-radius: 2px;
	width: 95%;
	}
.defTable01 textarea::placeholder {
  color: #666;
  font-size: 0.9em;
}

/* -------------------------
   お知らせ
-------------------------*/

.newsmain{float: left; width: 74%;}
.newsmain p{padding-bottom: 10px;}
.newsside{float: right; width: 20%;}
.subcon .inner .newsside h3{
	text-align: center;
	position: static;
	color: #494949;
	padding: 20px 0 15px;
	margin: 10px 0 5px 0;
	font-size: 15px;
	border-top:3px solid #494949;
	border-bottom:1px solid #494949;
	line-height: 100%;
}
.subcon .inner .newsside h3 span{
	display: block;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 2px;
	color: #fb7c00;
}
.subcon .inner .newsside h3::after{position: static; background: none;}
.newslist li{
	border-bottom: 1px dotted #666;
	padding-bottom: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	}
.newslist span{
	background: #333;
	color: #fff;
	padding: 0 10px;
	margin-right: 10px;
	}


	@media screen and (max-width: 768px) {
		.newslist li{
			overflow: visible;
			white-space: normal;
			text-overflow: clip;
			}
		.newslist span{
			display:inline-block;
			margin-right:auto;
			margin-bottom:0.3em;
		}
		.newslist a{
			display:block;
			width:100%;
		}

	}
.newsside li{
	border-bottom: 1px dotted #666;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.newsside li a{
	display: block;
	width: 94%;
	padding:5px 0 5px 12px;
	background: url(../../img/common/arw.gif) no-repeat left 10px , #fff;
}
.newsside li a:hover{background: url(../../img/common/arw.gif) no-repeat left 10px , #eee;}


.subcon .pager_wrapper {
  text-align: center;
	margin-top: 40px;
}
.subcon .pager {
	display: inline-block;
	overflow: hidden;
}
.subcon .pager li{float: left; margin: 4px;}
.subcon .pager li a{background: #333; color: #fff; padding: 2px 5px 1px;}
.subcon .pager li.select a{pointer-events: none; background: #ddd; color: #333;}

/* -------------------------
   	お問い合わせ
-------------------------*/
.defTable01 .btn_submit {padding:50px auto;text-align:center !important;border-bottom:none;}

/* -------------------------
   	売上げランキング
-------------------------*/

.subcon .subtextUl{ margin-bottom: 40px;}
.subcon .subtextUl2{ margin-bottom: 0px;}
.subcon .subtextUl li {
	margin-right: 30px;
	float: left;
	width: 340px;
	position: relative;
	}
.subcon .subtextUl2 li {
	margin-right: 30px;
	margin-bottom: 20px;
	float: left;
	width: 250px;
	position: relative;
	}
.subcon .subtextUl li a {display: block;}
.subcon .subtextUl li a:hover {opacity: 0.7;}
.subcon .subtextUl li:last-child {margin-right: 0;}
.subcon .subtextUl2 li:nth-child(4n) {margin-right: 0;}


.subcon .subtextUl .title {
	padding: 5px 21px 1px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.7);
	box-sizing: border-box;
	z-index: 100;
	}
.subcon .subtextUl2 .title{padding: 5px 11px 1px;}
.subcon .subtextUl .title p {
	color: #FFF;
	font-size: 20px;
	}
.subcon .subtextUl2 .title p{font-size: 16px;}
.subcon .subtextUl .title img {
	margin-right: 7px;
	vertical-align: -1px;
	width: 25px;
	}
.subcon .subtextUl .photo {
	margin-bottom: 22px;
	overflow: hidden;
	}
.subcon .subtextUl .photo img{
	-webkit-transition: .8s;
	transition: .8s;
	width: 100%;
}

.subcon .subtextUl li a:hover .photo img {
	-webkit-transform: scale(1.08, 1.08);
	transform: scale(1.08, 1.08);
}
.subcon .subtextUl p {
	margin-left: -1px;
	line-height: 1.7;
}
.subcon .subtextUl .ttl {
	margin-bottom: 9px;
	color: #2679BD;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.44;
	}
.subcon .subtextUl .ttl span {
	margin-top: 9px;
	display: block;
	color: #fb7c00;
	font-size: 16px;
	}


/* -------------------------
   	商品一覧
-------------------------*/

.subcon .subtextList {
	display:flex;
	flex-wrap:wrap;
	}
.subcon .subtextList li {
	margin: 0 35px 74px 0;
/*
	float: left;
*/
	width: 240px;
	}
.subcon .subtextList li a {display: block;position:relative;}
.subcon .subtextList li a:hover {opacity: 0.7;}
.subcon .subtextList li:nth-child(4n) {margin: 0 0 74px 0;}
.subcon .subtextList li a:before
{
	display:inline-block;
	font-size: 0.8em;
	padding: 3px 5px;
	position:absolute;
	z-index:10;
	font-weight:bold;
	border-radius:0 0 3px 3px;
}
.subcon .subtextList li a.new:before
{
	content:"New!";
	background:#ffd700;
	color:#333;
	letter-spacing:0px;
}
.subcon .subtextList li a.soldout:before
{
	content:"SOLD OUT";
	background:#808080;
	color:#fff;
	letter-spacing:0px;
}
.subcon .subtextList li a.little:before
{
	content:"残り僅か";
	background:#1e90ff;
	color:#fff;
	letter-spacing:-1px;
}
.subcon .subtextList li a.recommend:before
{
	content:"オススメ!";
	background:#00aeef;
	color:#fff;
	letter-spacing:-1px;
}
.subcon .subtextList li a.comingsoon:before
{
	content:"Coming Soon!";
	background:#8ccb4c;
	color:#fff;
	letter-spacing:0px;
}
.subcon .subtextList li a.salesend:before
{
	content:"販売終了";
	background:#ab6161;
	color:#fff;
	letter-spacing:0px;
}
.subcon .subtextList li a::after
{
	line-height:1.2;
	letter-spacing:0.5em;
	display:inline-block;
	font-size:1em;
	padding: 8px 10px;
	position:absolute;
	z-index:10;
	font-weight:bold;
	width:42px;
	height:42px;
	border-radius:50%;
	color:#fff;
	letter-spacing:-1px;
	top:0;
	right:0;
	box-shadow:0 0 2px #fff;
}
.subcon .subtextList li a.yoyaku::after
{
	content:"予約\a商品";
	background:#ff7800;
}
.subcon .subtextList li a.juchu::after
{
	content:"受注\a生産";
	background:#008b8b;
}
.subcon .subtextList li a.kobetsu::after
{
/*
	content:"個別\a発送";
	background:#0000cd;
*/

	content:"取寄\a商品";
	background:#0000cd;
}

.subcon .subtextList .photo {
	margin: 0 0 15px 10px;
	text-align: center;
	overflow: hidden;
	width: 214px;
	height:240px;
	}
.subcon .subtextList .photo img {
	-webkit-transition: .8s;
	transition: .8s;
	width:214px;
	height:240px;
	object-fit:contain;
	}
.subcon .subtextList li a:hover .photo img {
	-webkit-transform: scale(1.08, 1.08);
	transform: scale(1.08, 1.08);
	}
.subcon .subtextList .ttl {
	margin-bottom: 5px;
	color: #494949;
	font-size: 14px;
	font-weight: bold;
	}
.subcon .subtextList .ttl span {
	display: block;
	color: #fb7c00;
	font-size: 16px;
	}

.page_container {
    display:flex;
    justify-content: center;
}
.page_container span {
    display: inline-block;
    font-size: 1.3em;
    border: 1px solid #8f8f8f;
    color: #fff;
    padding: .1em .5em;
    margin: 0 .4em;
    background: #fb7c00;
}
.page_container a {
    display: inline-block;
    font-size: 1.3em;
    border: 1px solid #8f8f8f;
    padding: .1em .5em;
    margin: 0 .4em;
}
.item_count span{
	font-size:2.14em
}
.item_count .brown{
	color:#333;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.page_container {
		width:100%;
		flex-wrap:wrap;
	}
	.page_container span,
	.page_container a{
		margin-bottom:0.8em;
	}
}
/* -------------------------
   	商品詳細
-------------------------*/
.detailarea{overflow: hidden; padding: 40px 0;}

.detailarea .photo{
	float: left;
	width: 600px;
	position:relative;
	}
.detailarea .detail{
	float: right;
	width: 460px;
}
.detailarea .detail h3{
	border-top:none;
	padding: 0 0 8px;
	margin: 0 0 20px;
	position: static;
	}
.detailarea .detail h3::after{
	position: static;
	background: none;
	}

.reserv
{
	position: absolute;
	top:0px;
	right:0px;
	display:inline;
	width:auto;
}
.reserv img
{
	width:40px;
}
.reservL
{
	position:absolute;
	top:0px;
	left:calc(100% - 80px);
	display:inline;
	z-index:10;
}
.reservL img
{
	width:80px;
}

.detail .label
{
	display:flex;
	justify-content:flex-end;
	margin:0 0 5px 0;
}
.detail .label li
{
	margin:0 0.5em;
	padding:0.3em 0.5em;
	text-align:center;
	font-weight:bold;
}
.detail .label li.new
{
	background:#ffd700;
	color:#333;
}
.detail .label li.soldout
{
	background:#808080;
	color:#fff;
}
.detail .label li.little
{
	background:#1e90ff;
	color:#fff;
}
.detail .label li.recommend
{
	background:#2679BD;
	color:#fff;
}
.detail .label li.yoyaku
{
	background:#ff7800;
	color:#fff;
}
.detail .label li.juchu
{
	background:#008b8b;
	color:#fff;
}
.detail .label li.kobetsu
{
	background:#0000cd;
	color:#fff;
}
.detailarea .defTable01{margin: 25px 0 15px;}
.detailarea .defTable01.stock{border-top: 1px solid #cccccc;}
.detailarea .defTable01 th{padding: 5px 8px; width: 80px; border-top:none;}
.detailarea .defTable01 td{padding: 5px 8px; border-top:none;}

.detailarea .defTable01 td a{color:#fb7c00;border-bottom:1px dotted #fb7c00;display:inline-block;margin:0 5px 0 0}
.detailarea .defTable01 td a:hover{border-bottom:none;}
.detailarea .reserve_info{
	margin-bottom: 25px;
	padding: 16px 14px;
	background:#f5f5f5;
	line-height:1.7;
}
.detailarea .detail_ttl {
	margin-bottom: 15px;
	font-size:14px;
	display:block;
	font-weight: bold;
}
.detailarea .detail_line {
	margin:32px 0;
	background-color: #eee;
	border: none;
	height:1px;
}
.detailarea .tbl-size,.detailarea .tbl-size td,.detailarea .tbl-size th {border-collapse: collapse;border:1px solid #111;}
.detail_point{padding: 10px; background: #E4E4E4; margin-bottom:30px;}

@media all and (min-width: 0) and (max-width: 767px) {
	.reservL
	{
		position:absolute;
		top:0px;
		left:calc(100% - 40px);
		display:inline;
		z-index:10;
	}
	.reservL img
	{
		width:40px;
	}
	.detail .label
	{
		margin:0 0 -10px 0;
	}

	.detail_point{margin-bottom:0px;}
	.scroll_fix
	{
		position:-webkit-sticky;
		position:sticky;
		bottom:0%;
		width:100%;
		display: block!important;
	}
	.scroll_fix.pc
	{
		display: none!important;
	}
	#itemBtn
	{
		display:flex;
		justify-content: space-between;
	}
	#itemBtn div
	{
		white-space: nowrap;
		margin:auto;
	}
	#itemBtn button
	{
		width:49%;
		display: block;
		font-size:0.9rem;
		padding:10px 1px;
	}

	.detailarea .defTable01.stock{border-top:none;}
}


/*
.detail_point a{
	display: block;
	width: 100%;
	background: #333;
	text-align: center;
	color: #fff;
    border-radius: 4px;
	padding: 10px 0;
	font-size: 16px;
	font-weight: bold;
 }
.detail_point a:hover{opacity: 0.8;}
*/

.detail_point button{
	display: block;
	width: 100%;
	background: #333;
	text-align: center;
	color: #fff;
    border-radius: 4px;
	padding: 10px 0;
	font-size: 16px;
	font-weight: bold;
 }
.detail_point button:hover{opacity: 0.8;}

.detail_point .price{
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	margin-bottom: 0;
}
.detail_point .price span{font-size: 30px; color: #fb7c00;}

ul.bxslider01 li img {
    display: block;
    width: 600px;
    height:600px;
	object-fit:contain !important;
}
ul.bxslider02 {
	width:100%;
	display: flex;
	flex-wrap: wrap;
}
ul.bxslider02 li{
	width:calc(( 100% - 20px ) / 5);
	height:100px;
	margin:0 5px 10px 0;
	display: flex;
	flex-wrap: wrap;
}
ul.bxslider02 li:nth-child(5n){
	margin:0 0 10px 0;
}
ul.bxslider02 li img {
    display: block;
    width: 100% !important;
    height: 70px !important;
	object-fit:contain !important;
}



/* -------------------------
   	購入フロー
-------------------------*/

.step_flow{margin: 60px 0 ;}
.step_br{
	width: 420px;
	*height: 9px;
	margin: 9px auto -17px;
	*margin: 0 auto -17px;
	border-bottom: 1px solid #dfdfdf;
}
.step{width: 520px; margin:auto;}
.step li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 35px;
	line-height: 36px;
	margin: 0 5px;
	padding: 0 12px;
	border-radius: 3px;
	background: #e4e4e4;
	font-size: 16px;
	font-weight: bold;
}

.step li.on {
    background: #fb7c00;
    color: #fff;
}



.step li.on:last-child::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin: 0 10px;
    padding: 0 18px;
    border: 18px solid transparent;
        border-left-width: 18px;
        border-left-style: solid;
        border-left-color: transparent;
    border-left: 18px solid #fb7c00;
}

.defTable02 {
	width:100%;
    margin: 30px auto 0;
	border: none;
    border-collapse: collapse;
	font-size: 15px;
	}
.defTable02 th {
    margin: 0;
	vertical-align:middle;
    font-weight: bold;
    padding: 10px 20px;
	background:#f5f5f5;
	border-top:1px solid #cccccc;
	border-left:1px dashed #cccccc;
	}
.defTable02 th.photo{border-left: none; width: 15%;}
.defTable02 td {
    padding: 10px 20px;
    margin: 0;
    text-align: left;
    vertical-align: middle;
	background:#fff;
	border-bottom:1px solid #cccccc;
	border-left:1px dashed #cccccc;
	}
.defTable02 td.photo{border-left: none;}
.defTable02 td.photo img{width: 80%;}

.defTable02 .ltop { border-top:1px solid #cccccc; }
.defTable02 .lbottom { border-bottom:1px solid #cccccc;}
.defTable02 .ta_left { text-align: left; }
.defTable02 .ta_right { text-align: right; }
/*
.defTable02 a {
	border-bottom: dotted 1.5px #fb7c00;
	padding:0 5px 0;
}
.defTable02 a:hover {
	border-bottom: none;
	background: #fb7c00;
	color: #fff;
}
*/
.defTable02.mypage tr th:first-child,
.defTable02.mypage tr td:first-child
{
	border-left:none;
}
.defTable02.mypage a,
.defTable02.address2 a:link
{
	border-bottom: dotted 1.5px #fb7c00;
	padding:0 2px;
	color:#fb7c00;
}
.defTable02.mypage a:hover,
.defTable02.address2 a:hover
{
	border-bottom: none;
	color: #000;
}


.defTable02.addaddress td {
	text-align:center;
}

.defTable02 td.cart_change
{
	text-align:right;
	margin-right:5px;
}

.defTable02 td.cart_change select
{
	font-size:0.8em;
	position:relative;
	top:-1px;
}
.defTable02 td.cart_change button:first-child
{
	cursor: pointer;
}
.defTable02 td.cart_change button:last-child
{
	border:none;
	padding:0;
	cursor: pointer;
	background:none;
	margin-left:20px;
}
.defTable02 td.cart_change button i
{
	font-size:1.4em;
	position:relative;
	top:3px;
	color:#fb7c00;
}
.defTable02.payment textarea{width:100%;}

.btn_wrapper {text-align: center; margin: 50px 0;}
.btn_wrapper ul {display: inline-block;}
.btn_wrapper ul li{width: 250px; float: left; margin:0 20px;}
.btn_wrapper ul li a{
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 2px;
	background: #E5E5E5;
    border-radius: 4px;
	padding: 10px 0;
	width: 100%;
	color: #3B3B3B;
	}
.btn_wrapper ul li a:hover{opacity: 0.7;}
.btn_wrapper ul li.on a{background: #fb7c00; color: #fff;}




@media all and (min-width: 0) and (max-width: 767px) {
	.subMain h2{
	padding: 30px 0;
	font-size: 16px;
	letter-spacing: 0;
	}
.subcon .inner{
	margin:auto;
	width:auto;
	/* padding: 2% 2% 30px; */
	padding: 2% 2% 0px;
	line-height: 180%;
	}

/* bread_crumb
-------------------------*/
	ol.bread_crumb {
	padding: 0 2%;
	width:auto;
	}

/* 汎用
-------------------------*/

.subcon .inner h3{
	margin: 20px 0;
	padding: 17px 0 17px 1.6em;
	font-size: 16px;
	letter-spacing: 0;
	}
.subcon .inner h4{
	margin: 20px 0 10px;
	padding: 10px 0 10px 1.6em;
	font-size: 15px;
	letter-spacing: 0;
	}
	.subcon .inner h5{font-size: 15px;}
	.subcon .inner h6{font-size: 15px;}

	.subcon .inner img{width: 100%!Important;height:auto!Important;}


/* -------------------------
   会社概要
-------------------------*/
/* table
-------------------------*/
	.defTable01{margin: 10px 0;}
.defTable01 th,
.defTable01 td {
	border-collapse:collapse;
	display: block;
	}

.defTable01 th {
    width:100%;
    padding: 10px 0;
	border:none;
	text-align:center;
	}
.defTable01 td {
    padding: 10px 0px;
	}


.defTable01 input[type="text"]{width: 92%;}
.defTable01 textarea{width: 100%;}


/* -------------------------
   お問い合わせ
-------------------------*/
/* table
-------------------------*/
.defTable01.contact input[type="text"]{width: 100%;}
.defTable01.contact textarea{width: 100%;}



/* -------------------------
   お知らせ
-------------------------*/
.newsmain{float: none; width: auto;}
.newsside{float: none; width: auto;}

.subcon .inner .newsside{margin-top: 30px;}
	.subcon .inner .newsside h3{padding: 12px 0 10px;}

/* -------------------------
   	売上げランキング
-------------------------*/
	.subcon .subtextUl {margin-bottom: 10px;}
.subcon .subtextUl li {
	margin: 2%;
	float: left;
	width: 46%;
	padding-top:30px;
	}
.subcon .subtextUl li:first-child{
	float: none;
	width: 96%;
	padding-top: 30px;
	}
.subcon .subtextUl2{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	justify-content:space-between;
}
.subcon .subtextUl2 li {
	margin: 2%;
	float: left;
	width: 46%;
}
.subcon .subtextUl2 li:first-child{
	margin: 2%;
	float: left;
	width: 46%;
	}
.subcon .subtextUl2 li:nth-child(4n){
	margin: 2%;
	float: left;
	width: 46%;
	}
.subcon .subtextUl .title {
	padding: 3px 5px 1px;}
.subcon .subtextUl .title p {font-size: 14px;}
.subcon .subtextUl2 .title p{font-size: 14px;}


/* -------------------------
   	商品一覧
-------------------------*/
.subcon .subtextList{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap:         wrap;
	justify-content:space-between;
	}
.subcon .subtextList li {
	margin: 3%;
	float: left;
	width: 44%;
	}
.subcon .subtextList li:nth-child(4n) {margin: 2%;}
.subcon .subtextList .photo {
	margin: 0 0 15px 0;
	overflow: hidden;
	width: auto;
	height: auto;
	}
.subcon .subtextList .photo img {
		-webkit-transition: none;
		transition: none;
		width: 100%;
		height:100px;
		object-fit:contain;
	}
.subcon .subtextList li a:hover .photo img {
	-webkit-transform:none;
	transform:none;
	}
.subcon .subtextUl .photo img {
		-webkit-transition: none;
		transition: none;
	}
.subcon .subtextUl li a:hover .photo img {
	-webkit-transform:none;
	transform:none;
	}
/* -------------------------
   	商品詳細
-------------------------*/
.detailarea{overflow: hidden;}
.detailarea .photo{
	float: none;
	width: 100%;
	}
.detailarea .detail{
	float: none;
	width:100%;
}
.detailarea .detail h3{
	padding: 0 0 8px;
	margin: 30px 0 10px;
	position: static;
	}
.detailarea .detail h3::after{
	position: static;
	background: none;
	}
.detailarea .defTable01 th{padding: 2%; width: 96%; border: none; text-align: left;}
.detailarea .defTable01 td{padding: 5px 8px; border: none;}

.detail_point{padding: 15px 10px; background: #E4E4E4;}

.detail_point a{font-size: 14px;}

.detail_point .price{
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 10px;
}
.detail_point .price span{font-size: 18px; color: #fb7c00;}

ul.bxslider01 li img
{
	height:auto;
}
ul.bxslider02 li {
    height: auto;
}
@media screen and (max-width: 768px)
{
	.detailarea .defTable01 th{width:100%;}
}
/* -------------------------
   	購入フロー
-------------------------*/

.step_flow{margin: 0;}
.step_br{
	width: auto;
	*height: auto;
	margin: auto;
	border-bottom: none;
}
.step{width: 100%; margin:auto;}
.step li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 100%;
	height: auto;
	line-height: 180%;
	margin: 1px 0 0;
	padding: 7px 0;
	text-align: center;
	border-radius: 3px;
	background: #e4e4e4;
	font-size: 15px;
	font-weight: normal;
}
.step li.on {
    background: #fb7c00;
    color: #fff;
}
	.step .off{
	position: relative;
	display: inline-block;
 	margin: 1px 0 1.5em ;
	min-width: 100%;
 	max-width: 100%;
	}
.step .off:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #e4e4e4;
}
.step .off.on:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #fb7c00;
}
	.step .off::after{display:none;}


.defTable02 {
	width:100%;
    margin: 30px auto 0;
	border: none;
    border-collapse: collapse;
	font-size: 15px;
	}
.defTable02 th {
    margin: 0;
	vertical-align:middle;
    font-weight: bold;
    padding: 10px 20px;
	background:#f5f5f5;
	border-top:1px solid #cccccc;
	border-left:1px dashed #cccccc;
	display: none;
	}
.defTable02 td {
    padding: 10px;
    margin: 0;
    text-align: left;
    vertical-align: middle;
	background:#fff;
	border:1px solid #cccccc;
	border-top: none;
	border-collapse:collapse;
	display: block;
	}
.defTable02 td.photo{border:1px solid #cccccc; text-align: center;}
.defTable02 td.photo img{width: 50%;}



.btn_wrapper {text-align: center; margin: 20px 0;}
.btn_wrapper ul {display: block;}
.btn_wrapper ul li{width: 90%; float: none; margin:10px auto;}
.btn_wrapper ul li a{font-size: 15px;}


	.defTable02 td::before{
			display: block;
			background:#494949;
			color: #fff;
			font-weight: bold;
			padding: 3px 10px;
			text-align: left;
			margin-bottom: 10px;
			font-size:0.8em;
		}

	.defTable02{ counter-reset: number 0; }

	.defTable02.cart td:nth-child(1)::before	{counter-increment: number 1;content:"商品 " counter(number) ;border-bottom :1px solid #fff;}
	.defTable02.cart td:nth-child(5)	{background:#f5f5f5;font-size:1.3em;font-weight:bold;padding:15px 10px;}
	.defTable02 td.cart_change {margin-right:0;}
	.defTable02.cart tr	{display:block;margin-bottom:30px;}

	.defTable02.address td:nth-child(1)::before	{counter-increment: number 1;content:"配送先 " counter(number) ;border-top :1px solid #cccccc;}
	.defTable02.address thead	{display:none;}
	.defTable02.address tr	{display:block;border-top :1px solid #cccccc;margin-bottom:30px;}

	.defTable02.payment th	{display:block;border-right:none;border-left:none;}
	.defTable02.payment td	{display:block;margin-bottom:30px;border-top :1px solid #cccccc;border-right:none;border-left:none;line-height:2em;}
	.defTable02.payment tr	{display:block;margin-bottom:30px;}

	.defTable02.confirm td:nth-child(1)::before	{counter-increment: number 1;content:"商品 " counter(number) ;border-bottom :1px solid #fff;}
	.defTable02.confirm td:nth-child(5)	{background:#f5f5f5;font-size:1.3em;font-weight:bold;padding:15px 10px;}
	.defTable02.confirm th {background:#f5f5f5;font-weight:bold;}
	.defTable02 td.confirm_change {margin-right:0;}
	.defTable02.confirm tr	{display:block;margin-bottom:30px;}
	.defTable02.confirm tr.sp_flex { display:flex;width:100%;margin-bottom:0;}
	.defTable02.confirm tr.bordertop td {border-top:1px solid #cccccc;}
	.defTable02.confirm tr.sp_flex th { display:block;width:50%;}
	.defTable02.confirm tr.sp_flex td { display:block;width:50%;}
	.defTable02.confirm tr:last-child td {font-size:1.3em;font-weight:bold;padding:15px 10px;}
	.defTable02.confirm tr:first-child th { display:none; }

	.defTable02.confirm2 th	{display:block;border-right:none;border-left:none;}
	.defTable02.confirm2 td	{display:block;margin-bottom:30px;border-top :1px solid #cccccc;border-right:none;border-left:none;line-height:2em;}
	.defTable02.confirm2 tr	{display:block;margin-bottom:30px;}
	.defTable02.confirm2 span.cardinfo {font-size:0.8em}

	.defTable02.address2 td:nth-child(1)::before	{content:"追加配送先" ;border-top :1px solid #cccccc;}
	.defTable02.address2 thead	{display:none;}
	.defTable02.address2 tr	{display:block;border-top :1px solid #cccccc;margin-bottom:30px;}

	.defTable02.mypage tr
	{
		display: block;
		margin-bottom: 20px;
	}
	.defTable02.mypage tr td:first-child
	{
		border-top:1px solid #cccccc;
	}
	.defTable02.mypage td::before
	{
		content: attr(data-label);
		float: left;
		font-weight: bold;
		background:#fb7c00;
		color:#fff;
		margin: -11px 20px 10px -10px;
		width: 25%;
		display: block;
		padding: 3px 5px;
		text-align: center;
		font-size:0.7em;
	}

}
.favorite
{
	margin-top:15px;
}
.favorite-input{
  display: none;
}
span.favorite-parts{
	width:100%;
	min-width: 240px;
	padding: 0 12px;
	display: inline-block;
	text-align:center;
	font-size: 14px;
	border-radius: 5px;
	border: 1px solid #ccc;
	letter-spacing: 0;
	background: linear-gradient(to bottom, #fbfbfb, #ebebeb);
	color: #000;
	line-height: 40px;
	cursor: pointer;
	/* margin-bottom:15px; */
	margin-bottom:25px;
	font-weight:bold;
}
span.favorite-parts:hover{
	opacity:0.7;
}
.favorite-parts::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 400;
	content: "\f004";
	color:#fb7c00;
/*
	color:#ff90ad
*/
}
/* .favorite-input:checked + .favorite-parts{

} */
.favorite-input:checked + .favorite-parts::before{
	font-family: Font Awesome 5 Free;
	font-weight: 900;
	content: "\f004";
}



/* -------------------------
   	利用規約・プライバシーポリシー
-------------------------*/
.entry
{
	display:flex;
}
.entry .terms
{
	width:48%;
	margin-right:2%;
}
.terms > div
{
	width:100%;
	height:30em;
	overflow-y:scroll;
	padding:10px;
}
.entry .privacy
{
	width:48%;
}
.privacy > div
{
	width:100%;
	height:30em;
	overflow-y:scroll;
	padding:10px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.entry
	{
		display:flex;
		flex-direction: column;
	}
	.entry .terms
	{
		width:90%;
		margin:0 auto 20px;
	}
	.entry .privacy
	{
		width:90%;
		margin:0 auto 20px;
	}
}


/* -------------------------
   	会員登録
-------------------------*/
.hint
{
	padding: 0.8em 1em 0.5em;
	margin: 1em 0 1.5em;
	background: #fff;
	border:dotted 1px #fb7c00;
	border-radius: 10px;
}
.hint p
{
	margin:0 0 0.8em 0;
	padding:0;
}
.hint p a
{
	color:#fb7c00;
	text-decoration:underline;
}
.hint p a:hover
{
	text-decoration:none;
}

.pay_flow
{
	list-style: inside;
	font-size:1rem;
}
.pay_flow li
{
	margin-bottom:1em;
	line-height:1.8;
}
.pay_flow li::after
{
	content:"\f35d";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	padding-left:0.3em;
	color:#fb7c00;
	display: inline;
}
.pay_flow li a
{
	color: #fb7c00;
	border-bottom: 1.5px dotted #fb7c00;
	display: inline;
	margin: 0 5px 0 0;
}
.pay_flow li a:hover
{
	border:none;
}

.inLink_nav
{
	list-style: inside;
	font-size:1rem;
}
.inLink_nav li
{
	margin-bottom:1em;
	line-height:1.8;
}
.inLink_nav li::after
{
	content:"\f101";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	padding-left:0.3em;
	color:#fb7c00;
	display: inline;
}
.inLink_nav li a
{
	color: #fb7c00;
	border-bottom: 1.5px dotted #fb7c00;
	display: inline;
	margin: 0 5px 0 0;
}
.inLink_nav li a:hover
{
	border:none;
}

a.inLink::after
{
	content:"\f101";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	padding-left:0.3em;
	color:#fb7c00;
	display: inline;
}
a.inLink
{
	color:#fb7c00;
	border-bottom: 1.5px dotted;
	display: inline;
	margin: 0 5px 0 0;
}
a.inLink:hover
{
	border:none;
}

a.inLink_red::after
{
	content:"\f101";
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	padding-left:0.3em;
	color:#f00;
	display: inline;
}
a.inLink_red
{
	color:#f00;
	border-bottom: 1.5px dotted;
	display: inline;
	margin: 0 5px 0 0;
}
a.inLink_red:hover
{
	border:none;
}

.news_contents
{
	word-break: break-all;
}
.news_contents img
{
	max-width:100%!important;
	height:auto!important;
}


#gHeader .search div {
	position: relative;
	top:0rem;
	right:0rem;
	padding-top:0.1rem;
	padding-left:4em;
	padding-right:1.5em;
	color:#3B3B3B;
	background:#E5E5E5;
	border-left:1px solid #E5E5E5;
	font-size:0.6rem;
	display:flex;
	align-items: center;
}
#gHeader .search div span{
	display:block;
	line-height: 1.1;
}
#gHeader .search input#stock {
	opacity: 0;
}
#gHeader .search label {
	position: absolute;
	background-color: #484848;
	width: 2.4rem;
	height: 1.4rem;
	top: 0.25rem;
	left: 1.2em;
	border-radius: 3.125rem;
	-webkit-transition: background-color .2s ease-in-out;
			transition: background-color .2s ease-in-out;
}
#gHeader .search label::after {
	content: "";
	display: block;
	width: 1rem;
	height: 1rem;
	border-radius: 3.125rem;
	cursor: pointer;
	position: absolute;
	top: .2rem;
	z-index: 1;
	left: .3rem;
	background-color: #FFFFFD;
	-webkit-transition: left .2s ease-in-out;
			transition: left .2s ease-in-out;
}
#gHeader .search input[type=checkbox]:checked ~ label {
	background-color: #fb7c00;
}
#gHeader .search input[type=checkbox]:checked ~ label::after {
	left: 1.05rem;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#gHeader .search div {
		width:105px;
		padding-left:2.1em;
		font-size:0.55rem;
	}
	#gHeader .search label {
		width: 1.8rem;
		height: 1.1rem;
		left: 0.5em;
	}
	#gHeader .search label::after {
		width: 0.75rem;
		height: 0.75rem;
	}
	#gHeader .search input[type=checkbox]:checked ~ label::after {
		left: 0.85rem;
	}
}