@charset "utf-8";

/**COMMON***********************************************************/
@font-face {
font-family: 'LineSeedJP_Eb';
src: url('font/LINESeedJP_TTF_Bd.ttf'),
url('font/LINESeedJP_TTF_Bd') format('ttf'),
url('font/LINESeedJP_TTF_Bd') format('ttf');
}
@font-face {
font-family: 'LineSeedJP_Bd';
src: url('font/LINESeedJP_TTF_Bd.ttf'),
url('font/LINESeedJP_TTF_Bd') format('ttf'),
url('font/LINESeedJP_TTF_Bd') format('ttf');
}
@font-face {
font-family: 'LineSeedJP_Rg';
src: url('font/LINESeedJP_TTF_Rg.ttf'),
url('font/LINESeedJP_TTF_Rg') format('ttf'),
url('font/LINESeedJP_TTF_Rg') format('ttf');
}
@font-face {
font-family: 'LineSeedJP_Th';
src: url('font/LINESeedJP_TTF_Th.ttf'),
url('font/LINESeedJP_TTF_Th') format('ttf'),
url('font/LINESeedJP_TTF_Th') format('ttf');
}


body
	{
	letter-spacing: 1px;
	font-family: 'LineSeedJP_Rg';
	line-height: 1.4;
	color: #5c4e4f;
	}

a
	{
	text-decoration: none;
	}

/**HEADER***********************************************************/
.top_txt
	{
	padding: 0.3rem 0;
	text-align: center;
	background: #5c4e4f;
	}

.top_txt a
	{
	padding-right: 1.5rem;
	font-size: 0.8em;
	color: #fff;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48px" height="48px" fill="none" viewBox="0 0 16 16" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" style="color: rgb(225, 225, 225);"><g id="theme=outline"><path id="Vector" stroke="currentColor" d="M3 8H13M9.75 11.5L13.25 8L9.75 4.5"/></g></svg>') no-repeat right;
	background-size: 7%;
	}


header
	{
	width: 1200px;
	max-width: 90%;
	margin: 1rem auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	}

header>div
	{
	display: flex;
	}

header>div img
	{
	width: 225px;
	}

header>div p
	{
	text-indent: 10px;
	font-size: 0.8em;
	margin: 0.2rem 0 0 2rem;
	font-family: 'LineSeedJP_Bd';
	}

header ul
	{
	display: flex;
	}

header ul li
	{
	margin-left: 1rem;
	}

header ul li:first-child .s_txt
	{
	width: 15vw;
	padding: 0.95rem 1rem;
	border-radius: 10px;
	background: #eeeeee;
	font-family: 'LineSeedJP_Rg';
	}

header ul li:first-child .s_btn
	{
	width: 45px;
	height: 45px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48px" height="48px" fill="none" viewBox="0 0 16 16" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" style="color: rgb(255, 255, 255);"><g id="theme=outline"><path id="Vector" stroke="currentColor" d="M10 10L13.5 13.5M11.5 6.5C11.5 9.26142 9.26142 11.5 6.5 11.5C3.73858 11.5 1.5 9.26142 1.5 6.5C1.5 3.73858 3.73858 1.5 6.5 1.5C9.26142 1.5 11.5 3.73858 11.5 6.5Z"/></g></svg>') no-repeat #dc577b 10px 10px;
	background-size: 60%;
	text-indent: -9999px;
	border-radius: 10px;
	cursor: pointer;
	}

nav
	{
	margin-bottom: 2rem;
	background: #eeeeee;
	}

nav ul
	{
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	}


nav ul li:first-child
	{
	display: none;
	}

nav ul li div
	{
	width: 21px;
	height: 21px;
	z-index: 10;
	position: relative;
	}

nav ul li div span
	{
	position: absolute;
	height: 2px;
	left: 0;
	background-color: #dc577b;
	width: 100%;
	z-index: 10;
	}

nav ul li div span:nth-of-type(1)
	{
	top: 3px;
	}

nav ul li div span:nth-of-type(2)
	{
	top: 10px;
	}

nav ul li div span:nth-of-type(3)
	{
	top: 17px;
	}

nav ul li
	{
	width:calc(100%/6)
	}

nav ul li a
	{
	padding: 1.5rem 0;
	font-family: 'LineSeedJP_Bd';
	color: #5c4e4f;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	}

nav ul li a:hover
	{
	background: #fff;
	text-decoration: none;
	}

nav ul li img
	{
	width: 21px;
	}

nav ul li:nth-child(2) img
	{
	filter: invert(59%) sepia(58%) saturate(4459%) hue-rotate(311deg) brightness(92%) contrast(87%);
	}

nav ul li:nth-child(4) img
	{
	filter: invert(59%) sepia(58%) saturate(4459%) hue-rotate(311deg) brightness(92%) contrast(87%);
	}

nav ul li:nth-child(6) img
	{
	filter: invert(59%) sepia(58%) saturate(4459%) hue-rotate(311deg) brightness(92%) contrast(87%);
	}

nav ul li p
	{
	padding-left: 1rem;
	}

.f_info
	{
	width: 90%;
	max-width: 1200px;
	margin: 1rem auto;
	border: 2px solid #dc577b;
	text-align: center;
	padding: 1rem 0;
	}

.f_info a
	{
	color: #dc577b;
	text-decoration: underline;
	text-align:center;
	padding: 0 3rem 0 0;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28px" height="28px" fill="none" viewBox="0 0 16 16" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" style="color: rgb(212, 89, 120);"><g id="theme=outline"><path id="Vector" stroke="currentColor" d="M3 8H13M9.75 11.5L13.25 8L9.75 4.5"/></g></svg>') no-repeat right;
	}


	.sp_top_cete
	{
	display: none;
	}

.sponly
	{
	display: none;
	}



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

.sponly
	{
	display: block;
	}

.top_txt
	{
	padding: 0.5rem 0;
	}

header
	{

	}

header>div
	{
	display: flex;
	width: 35%;
	}

header>div img
	{
	width: 100%;
	}

header>div p
	{
	display: none;
	}

header ul
	{
	width: 65%;
	padding-right: 13%;
	display: flex;
	flex-direction:row-reverse
	}

header ul li
	{
	width: 25%;
	}


header ul li:first-child
	{
	width: 100%;
	display: none;
	position: absolute;
	top: 11vh !important;
	right: 0;
	background: #fff;
	margin: 0 !important;
	}

header ul .s_open
	{
	width: 100%;
	position: absolute;
	top: 11vh !important;
	left: 0;
	background: #fff;
	margin: 0 !important;
	z-index: 99;
	}

	header ul .s_open form{
		width:100%;
	}
.spsearch
	{
	cursor: pointer;
	}

header ul li:first-child div
	{
	padding: 1% 5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}

header ul li:first-child .s_txt
	{
	width: 83% !important;
	padding: 0.8rem 1rem !important;
	}

header ul li:first-child .s_open .s_btn
	{
	width: 10%;
	}



header ul li img
	{
	width: 100%;
	filter: invert(30%) sepia(10%) saturate(579%) hue-rotate(306deg) brightness(92%) contrast(85%);
	}


.hamburger
	{
	position: absolute;
	top: 50px;
	right: 5%;
	cursor: pointer;
	width: 26px;
	height: 24px;
	z-index: 10;
	}

.hamburger span {
    transition: all .3s;
    position: absolute;
    height: 1px;
    background-color: #5c4e4f;
    width:100%;
    z-index: 10;
}
.hamburger span:nth-of-type(1) {
    top: 4px;
}
.hamburger span:nth-of-type(2) {
    top: 12px;
}
.hamburger span:nth-of-type(3) {
    top: 20px;
}
.hamburger.open span:nth-of-type(1) {
    top: 10px;
    transform: translateY(6px) rotate(-45deg);
}
.hamburger.open span:nth-of-type(2) {
    opacity: 0;
}
.hamburger.open span:nth-of-type(3) {
    top: 22px;
    transform: translateY(-6px) rotate(45deg);
}


nav
	{
	background: #eeeeee;
	display: none;
	z-index: 99999;
	}


nav ul
	{
	max-width: 100%;
	margin: 0 auto;
	display: block;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	}

nav ul li
	{
	width:100%;
	border-bottom: 1px solid #d9d1d2;
	}

nav ul li:first-child
	{
	width: 100%;
	display: block;
	padding: 1rem;
	}

nav ul li:first-child p
{
	font-family: 'LineSeedJP_Bd';
}

nav ul li:first-child div
	{
	width: 100%;
	display: flex;
	}

nav ul li:first-child div p.icon
	{
	width: 21px;
	position: relative;
	}

nav ul li:first-child section
	{
	width: 100%;
	display: none;
	padding: 2rem 1rem;
	}

nav ul li:first-child div::before
        {
        content: "";
        position: absolute;
        top: 58%;
        right: 2%;
        width: 7px;
        height: 7px;
        border-top: 1px solid #5c4e4f;
        border-right: 1px solid #5c4e4f;
        transform: rotate(135deg);
        margin-top: -5px;
        }

nav ul li:first-child .active::before
        {
        content: "";
        position: absolute;
        top: 58%;
        right: 2%;
        width: 7px;
        height: 7px;
        border-top: 1px solid #5c4e4f;
        border-right: 1px solid #5c4e4f;
        transform: rotate(-45deg);
        margin-top: -5px;
        }






nav ul li:first-child ul li
	{
	padding: 0 !important;
	}

nav ul li:first-child .fs-p-sideMenu .fs-pt-menu__link--lv1::after
{
content: "" !important;
}



nav ul li:first-child .fs-p-sideMenu .fs-pt-menu__link--lv2::before
{
content: "" !important;
}

nav ul li:first-child  .fs-p-sideMenu .fs-pt-menu__item
{
border: 0;
}

nav ul li:first-child  .fs-p-sideMenu .fs-pt-menu__item:last-child .fs-pt-menu__heading--lv2
{
border: 0;
}

nav ul li:first-child  .fs-pt-menu__submenu
{
padding-left: 1rem;
}

nav ul li:nth-child(2)
	{
	display: none;
	}


nav ul li:first-child .fs-p-sideMenu li:nth-child(2)
	{
	display: block;
	}

nav ul li:first-child .fs-p-sideMenu li .fs-pt_menu__item--seatcover_backseatit
	{
	display: none;
	}

nav ul li:last-child
	{
	border: 0;
	}

nav ul li a
	{
	padding: 1rem;
	justify-content: start;
	position: relative;
	}

nav ul li a::before
        {
        content: "";
        position: absolute;
        top: 58%;
        right: 5%;
        width: 7px;
        height: 7px;
        border-top: 1px solid #5c4e4f;
        border-right: 1px solid #5c4e4f;
        transform: rotate(45deg);
        margin-top: -5px;
        }

nav .fs-pt-menu a:link
{
font-weight: 300 !important;
}

.sp_top_cete
	{
	padding: 0 1rem 1rem 1rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}

.sp_top_cete li
	{
	width: 32%;
	}

.sp_top_cete li a
	{
	display: block;
	text-align: center;
	font-size: 0.8em;
	background: #dc577b;
	border-radius: 10px;
	padding: 0.5rem;
	color: #fff;
	line-height: 1.2;
	position: relative;
	}

.sp_top_cete li a span
	{
	display: block;
	font-size: 1.2em;
	font-weight: 700;
	}

.sp_top_cete li a::before
        {
        content: "";
        position: absolute;
        top: 58%;
        right: 10%;
        width: 7px;
        height: 7px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg);
        margin-top: -5px;
        }


}


/**FOOTER***********************************************************/

footer
	{
	margin: 5rem 0 0 0;
	padding: 3rem 0;
	background: #f0f0f0;
	text-align: center;
	border-bottom: 1px solid #cccccc;
	}

footer ul
	{
	width: 1200px;
	max-width: 90%;
	margin: 0 auto 3rem auto;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}

footer ul li
	{
	width: 30%;
	}

footer ul li strong
	{
	margin-bottom: 0.5rem;
	padding: 1rem 0;
	display: block;
	border-bottom: 2px solid #dedede;
	pointer-events: none;
	}

footer ul li strong img
	{
	display: none;
	}

footer ul li p a
	{
	padding: 1rem 0;
	font-weight: 700;
	display: block;
	color: #5c4e4f;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48px" height="48px" fill="none" viewBox="0 0 16 16" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" style="color: rgb(224, 115, 145);"><g id="theme=outline"><path id="Vector" stroke="currentColor" d="M3 8H13M9.75 11.5L13.25 8L9.75 4.5"/></g></svg>') no-repeat right;
	background-size: 7%;
	}

footer ul li:first-child p
	{
	padding: 0 1rem;
	}

footer ul li:first-child p a
	{
	padding: 0.6rem 0;
	}

footer ul li:nth-child(2) p a ,footer ul li:nth-child(3) p a
	{
	border-bottom: 2px solid #dedede;
	}

footer ul li:nth-child(3) p+span
	{
	margin-bottom: 0rem;
	padding: 1rem 0;
	font-weight: 700;
	display: block;
	}

footer ul li:nth-child(3) p+span+a
	{
	font-weight: 700;
	color: #fff;
	padding: 1rem;
	margin-bottom: 0.5rem;
	display: block;
	border-radius: 10px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48px" height="48px" fill="none" viewBox="0 0 16 16" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" style="color: rgb(255, 255, 255);"><g id="theme=outline"><path id="Vector" stroke="currentColor" d="M3 8H13M9.75 11.5L13.25 8L9.75 4.5"/></g></svg>') no-repeat 95% #dc577b;
	background-size: 7%;
	}

footer ul li:nth-child(3) p+span+a+a
	{
	font-weight: 700;
	color: #fff;
	padding: 1rem;
	margin-bottom: 0.5rem;
	display: block;
	border-radius: 10px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48px" height="48px" fill="none" viewBox="0 0 16 16" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" style="color: rgb(255, 255, 255);"><g id="theme=outline"><path id="Vector" stroke="currentColor" d="M3 8H13M9.75 11.5L13.25 8L9.75 4.5"/></g></svg>') no-repeat 95% #46b836;
	background-size: 7%;
	}

footer+p
	{
	padding: 3rem 0;
	line-height: 1.6;
	background: #f0f0f0;
	text-align: center;
	font-size: 0.8em;
	}



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


footer
	{
	border: 0;
	padding-bottom: 1rem;
	}

footer ul
	{
	display: block;
	}

footer ul li
	{
	width: 100%;
	}

footer ul li strong
	{
	pointer-events: all;
	margin-bottom: 0.5rem;
	padding: 1rem 0;
	border-bottom: 2px solid #dedede;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}

footer ul li strong img
	{
	display: block;
	filter: invert(59%) sepia(58%) saturate(4459%) hue-rotate(311deg) brightness(92%) contrast(87%);
	transform: rotate(90deg);
	width: 7%;
	}

footer ul li .open img
	{
	display: block;
	filter: invert(59%) sepia(58%) saturate(4459%) hue-rotate(311deg) brightness(92%) contrast(87%);
	transform: rotate(-90deg);
	width: 7%;
	}

footer ul li:first-child p
	{
	display: none;
	}

footer ul li:nth-child(3) p+span ,footer ul li:nth-child(3) p+span+a ,footer ul li:nth-child(3) p+span+a+a
	{
	display: none;
	}

footer ul+a img
	{
	width: 50%;
	}


footer ul+a+div a
	{
	font-weight: 700;
	color: #fff;
	padding: 1rem;
	margin: 1rem 1rem;
	display: block;
	border-radius: 10px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48px" height="48px" fill="none" viewBox="0 0 16 16" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" style="color: rgb(255, 255, 255);"><g id="theme=outline"><path id="Vector" stroke="currentColor" d="M3 8H13M9.75 11.5L13.25 8L9.75 4.5"/></g></svg>') no-repeat 95% #dc577b;
	background-size: 7%;
	}

footer ul+a+div a+a
	{
	font-weight: 700;
	color: #fff;
	padding: 1rem;
	margin-bottom: 0rem;
	display: block;
	border-radius: 10px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48px" height="48px" fill="none" viewBox="0 0 16 16" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" style="color: rgb(255, 255, 255);"><g id="theme=outline"><path id="Vector" stroke="currentColor" d="M3 8H13M9.75 11.5L13.25 8L9.75 4.5"/></g></svg>') no-repeat 95% #46b836;
	background-size: 7%;
	}

footer+p
	{
	padding: 1rem 0;
	font-size: 0.6em;
	}

}




/*HEADER SP SEARCH*/
.sp_search{
    padding: 1% 3%;

  }
.sp_search form {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

.sp_search .s_txt {
    width: 85% !important;
    padding: 0.8rem 1rem !important;
  }

.sp_search .s_btn {
  width: 12%;
  height: 45px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="48px" height="48px" fill="none" viewBox="0 0 16 16" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round" style="color: rgb(255, 255, 255);"><g id="theme=outline"><path id="Vector" stroke="currentColor" d="M10 10L13.5 13.5M11.5 6.5C11.5 9.26142 9.26142 11.5 6.5 11.5C3.73858 11.5 1.5 9.26142 1.5 6.5C1.5 3.73858 3.73858 1.5 6.5 1.5C9.26142 1.5 11.5 3.73858 11.5 6.5Z"/></g></svg>') no-repeat #dc577b 10px 10px;
    background-size: auto;
  background-size: 60%;
  text-indent: -9999px;
  border-radius: 10px;
  cursor: pointer;
}