@charset "utf-8";

html,body,#contents {height: 100%;}
body {background: #000000;}

.bg_wrap {position: fixed !important; width:100%; height:100%; z-index: -1;}
.bg,
.vc-violet-background-bg {width:100%; height:100% !important;}
#contents {display:none;}

/********* header *********/
header {width: 1200px; position:fixed; max-width: 88%; top:1.3em; left: 0; right:0; margin: auto; font-family:"Roboto"; font-size: 16px; z-index: 1000;}
header .flex {align-items: center;}
header li {position: relative; background: rgba(0,0,0,.6);}
header li:nth-child(1) {margin-left: auto; padding-left: .6em;}
header li::before {content:"/"; color: #FFFFFF;}
header li span,
header li a {color: #FFFFFF; display: inline-block; padding: 0 .7em; cursor: pointer; font-size: .95em;}
header li a:hover {color: #C5C5C5;}

/* header / layout */
.head_sub,
.head_menu {width: 100%;}
.head_menu {margin-top:5px;}

@media (max-width:767px) {
	header li:nth-child(1) {padding-left:0;}
	.head_sub {order: 2; margin-top: 15px;}
	.head_sub .shop_bnr {margin:0 0 3px 0; border-bottom: 0; padding: 0;}
	.head_sub .shop_bnr a {text-align: center; background: #000; border-radius: 5px; padding: 10px !important;}
	
	.head_menu {order: 1;}
}


/* header / shopping */
header li.shop_bnr {background: none;}
header li.shop_bnr::before {display: none;}
header li.shop_bnr,
header li.shop_bnr * {vertical-align: middle; line-height: 1; padding-top: .07em; padding-bottom: .07em;}

/* header / sns */
header li.sns_icons {background: none;}
header li.sns_icons::before {display: none;}
header li.sns_icons,
header li.sns_icons * {vertical-align: middle; line-height: 1; padding-top: .07em; padding-bottom: .07em;}

/* ハンバーガーアイコン */
#hbg_btn {display: none;}

@media (max-width:767px) {
   #slide_menu {position:fixed; top:0; z-index: 1000; left:-80%; width:80%; height:100%; background:rgba(233,53,13,0.95); padding:5px 15px; box-sizing:border-box;}
   #slide_menu ul {background:none;}
   header li {position:relative; width:100%; float:none; margin:0; padding:0; text-align:center; border-bottom:1px solid #e3aca0; background: rgba(0,0,0,0);}
   header li::before {display: none;}
   #slide_menu li a {display:block; padding: .1em; letter-spacing: .1em;}
   #hbg_btn {display: block; position:fixed; right: 1em; top: 1em; cursor: pointer; width: 1.5em;}
   header li.sns_icons {width:33.33%;}
}

/********* header：下層メニュー *********/
header li ul {position:absolute; top:100%; left:55%; margin: auto; transform: translateX(-50%); min-width:8em; transition:.5s; opacity:0; pointer-events:none;}
header li ul li::before {display: none;}
header li ul li {background:rgba(233,53,13,0.9); border-bottom:1px solid #93301b;}
header li ul li:hover {background:#bf2300;}
header li ul li:nth-child(1) {border-radius:.23em .23em 0 0;}
header li ul li:last-child {border-bottom: none; border-radius:0 0 .23em .23em;}
header li ul li a {display:block; text-align: center; padding:.3em; font-size:.9em; letter-spacing:.1em;}
header li ul li a:hover {color:#FFFFFF;}
header li:hover ul {opacity:1; pointer-events:all;}

@media (max-width:767px) {
   header li span {display: block; padding:.3em;}
   header li ul {position: static; width: 90%; margin: 0 auto; transform: translateX(0); opacity: 1; pointer-events: all; margin-bottom: .7em;}
   header li ul li {background:#c52400;}
   header li ul li a {padding:.1em; letter-spacing:0; line-height: 1.5em;}
}


/********* footer *********/
footer {background: #171717;}
.footer_wrap {width: 1200px; max-width: 88%; margin: 0 auto; padding:6em 0 10em;}
.footer_menu {margin-left: auto;}
.footer_sns {text-align: right; padding-bottom: 2em;}
.footer_sns a {display: inline-block; padding: 0 .5em; vertical-align: text-top;}
footer nav > ul > li {padding-right: 3em;}
footer nav > ul > li:last-child {padding-right: 0;}
footer nav > ul > li > a {font-weight: bold;}
footer nav a {color: #FFFFFF;}
footer nav > ul > li li a::before{content:"└"; color: #FFFFFF; padding-right: .5em;}
footer nav a:hover {color: #C5C5C5;}

@media (max-width:767px) {
   .footer_wrap {padding: 3em 0 5em;}
   .footer_wrap figure {max-width: 35%;}
   .footer_sns {padding:20px 0; text-align: center;}
   footer nav > ul > li {width: 33.33%; padding-right: 1em;}
}

@media (min-width:768px) {
    .footer_wrap nav ul.flex{
        justify-content: flex-end;
        padding-right: 10px;
    }
}




/********* TOP：メイン *********/
.top_main_wrap {text-align: center; max-width: 88%; margin: 0 auto; height: 100%; position: relative; margin-bottom:5em;}
.top_main {position: absolute; top:53%; left:0; text-align: center; width: 100%; transform:translateY(-50%); margin: auto;}
.top_main h1 {margin-bottom: 5.3em;}
.top_main p {font-size: 16px; line-height:3.1em;}

@media (max-width:767px) {
   .top_main_wrap {margin-bottom:3em;}
   .top_main h1 {margin-bottom: 3em;}
   .top_main h1 img {max-width: 60%;}
   .top_main p {font-size:15px; line-height:2.4em;}
}


/********* TOP：BRAND・ABOUT *********/
.top_contents {width: 1067px; margin: 0 auto; max-width: 88%;}
.top_contents .top_contents_text,
.top_contents figure {width: 50%;}
.top_about {margin-bottom: 10em;}
.top_brand .top_contents_text {padding-right: 1.5em;}
.top_about .top_contents_text {padding-left: 1.5em; text-align: right;}
.top_contents .top_contents_text {padding-top:16em; padding-bottom:16em;}
.top_brand_image {background: url("../images/index/top_image01c.jpg") center no-repeat; background-size: cover;}
.top_about_image {background: url("../images/index/top_image02c.jpg") center no-repeat; background-size: cover;}

@media (max-width:768px) {
   .top_contents .top_contents_text {padding-top:8em; padding-bottom:8em;}
}
@media (max-width:767px) {
   .top_contents .top_contents_text {padding-top:0; padding-bottom:1em;}
   .top_about .top_contents_text {padding-top: 2em; text-align: left;}
   .top_about {margin-bottom:5em;}
}
@media (max-width:320px) {
   .top_about .top_contents_text {padding-top:0;}
}


/********* TOP：共通 *********/
.title_LL {font-size: 60px; display: block; font-family:"Roboto"; font-weight: 900; letter-spacing: .1em; margin-bottom: .6em;}
.btn {display: inline-block; padding:.5em 2.5em .4em; color: #ffffff; font-weight: bold; background: #e9350d;}
.btn:hover {background: #ffffff; color:#e9350d;}
.top_text {padding-bottom: 1.6em; line-height:2.3em;}

@media (max-width:767px) {
   .title_LL {font-size:30px; margin-bottom: .3em;}
   .btn {display:inline-block; padding:.5em 1.5em .4em; line-height: 1.5em;}
   .top_text {padding-bottom:1.3em; line-height:1.7em; font-size:12px;}
}


/********* TOP：NEWS *********/
.top_news_wrap {width: 940px; margin: 0 auto; max-width: 88%; padding:0 0 10em 0;}
.top_news_wrap h4 {font-size:40px; letter-spacing: .7em; font-family:"Roboto"; font-weight: 900; margin-bottom: 1em;}
.top_news_wrap li {padding: 1em 0;}
.top_news_wrap li .flex time {white-space: nowrap; width: 15%; color: #e8340c;}
.top_news_wrap li .flex {color: #FFFFFF;}
.top_news_wrap li .flex > div {width: 85%;}
.top_news_wrap li a:hover > div * {color:#acb7d6;}
.top_news_btn {text-align: right; padding: 1.5em 0 0 0;}
.top_news_btn a {display: inline-block; background: #FFFFFF; padding:.5em 2.1em .4em 1.5em; color: #e8340c; font-weight: bold; position: relative; transition: .5s;}
.top_news_btn a::after {content:""; color: #e8340c; width: 1em; height: 1em; background: url("../images/index/btn_arrow.png") no-repeat center; position: absolute; top: 50%; margin-top: -.55em; right: 1em;}
.top_news_btn a:hover {background: #ffcacb;}

@media (max-width:767px) {
   .top_news_wrap {padding:0 0 5em 0;}
   .top_news_wrap h4 {font-size:30px; letter-spacing: .4em; margin-bottom: .5em;}
   .top_news_wrap li {padding:.6em 0;}
   .top_news_wrap li .flex time,
   .top_news_wrap li .flex > div {width:100%;}
   .top_news_wrap li .flex > div p {line-height: 1.7em;}
}


/********* TOP：RECRUIT *********/
.top_recruit_wrap {width:940px; margin: 0 auto; max-width: 88%; padding:0 0 15em 0;} 
.top_recruit_wrap .flex > figure {margin-left: -10%; position: relative;}
.top_recruit_wrap .top_recruit_text {margin-left: auto; text-align: right; width: 45%; padding-top:13em;}

.top_rec_lt {position:absolute; z-index:10; max-width: 38.3%;}
.top_rec_rt {position:absolute; z-index:10; max-width: 57.9%;}
.top_rec_lb {position:absolute; z-index:10; max-width: 38.3%;}
.top_rec_rb {position:absolute; z-index:10; max-width: 57.9%;}

@media (max-width:1150px) {
   .top_recruit_wrap .flex > figure {width:50%; margin-left:0;}
}
@media (max-width:1000px) {
   .top_recruit_wrap .top_recruit_text {padding-top:5em;}
}
@media (max-width:768px) {
   .top_recruit_wrap .top_recruit_text {padding-top:4em;}
}
@media (max-width:767px) {
   .top_recruit_wrap {padding:0 0 8em 0;}
   .top_recruit_wrap .flex > figure {width:100%; margin-left:0;}
   .top_recruit_wrap .top_recruit_text {padding-top:2em; width: 100%; text-align: left;}
   .top_recruit_wrap .top_recruit_text .top_text {line-height: 2em;}
}

/********* ローディング *********/
.loader {background:#000000; height:100%; left:0; position:fixed; top:0; width:100%; z-index:1000;}
.loader div {position: relative; height:100%; width: 100%;}
.loader div img {position:absolute; top:50%; left:50%; transform: translateY(-50%) translateX(-50%); margin: auto; max-width: 30%;}





/********* PAGHETOPボタン *********/
.pagetop {display:none; position:fixed; bottom:15px; right:15px;}
.pagetop a {display: block; background: #e9350d; padding:.8em 1.2em 1.1em 1.2em; line-height: 1em;}
.pagetop a:hover {display: block; background: #ff2e00;}
.pagetop a img {vertical-align:middle;}

@media (max-width:767px) {
   .pagetop {bottom:10px; right:10px;}
   .pagetop a {display: block; background: #e9350d; padding:.6em 1em .9em 1em; line-height: 1em;}
}


/********* エフェクト *********/
.ef-move_title,
.ef-move_title span {opacity:0; transition:1.5s;}
.ef-move_title span {display: inline-block;}
.ef-move_title span:nth-child(even){transform: translateY(-20px);}
.ef-move_title span:nth-child(odd) {transform: translateY(20px)}
.move_title,
.move_title span {opacity:1;}
.move_title span:nth-child(even),
.move_title span:nth-child(odd) {transform: translateY(0)}

.ef-fade_bottom {opacity: 0; transition: 1s; padding-top:70px; margin-bottom:-70px;}
.fade_bottom {opacity:1; padding-top:0; margin-bottom:0;}

.ef-fade_bottom_list > * {transition: 1.5s; opacity:0; margin-top:100px; margin-bottom:-100px;}
.ef-fade_bottom_list > *.fade_bottom_list {opacity:1; margin-top:0; margin-bottom:0;}

.ef-fade_left {opacity: 0; transition: 1.5s; margin-left: 40px;}
.fade_left {opacity: 1.0; margin-left: 0;}

.ef-fade_right {opacity: 0; transition: 1.5s; margin-right: 40px;}
.fade_right {opacity: 1.0; margin-right: 0;}

.ef-fade {opacity: 0; transition: 1.5s;}
.fade {opacity: 1.0;}

.fade_rec_image li.fade_rec_lt {left:-30px; top:-30px; transition: 1.5s; opacity:0;}
.fade_rec_image li.fade_rec_rt {right:-30px; top:-30px; transition: 1.5s; opacity:0;}
.fade_rec_image li.fade_rec_lb {left:-30px; bottom:-30px; transition: 1.5s; opacity:0;}
.fade_rec_image li.fade_rec_rb {right:-30px; bottom:-30px; transition: 1.5s; opacity:0;}
.fade_rec_image li.fade_rec_lt.rec_image {left:0; top:0; opacity:1;}
.fade_rec_image li.fade_rec_rt.rec_image {right:0; top:0; opacity:1;}
.fade_rec_image li.fade_rec_lb.rec_image {left:0; bottom:0; opacity:1;}
.fade_rec_image li.fade_rec_rb.rec_image {right:0; bottom:0; opacity:1;}


@media (max-width:767px) {
   .fade_rec_image li.fade_rec_lt {left:0; top:30px; transition: 1.5s; opacity:0;}
   .fade_rec_image li.fade_rec_rt {right:0; top:30px; transition: 1.5s; opacity:0;}
   .fade_rec_image li.fade_rec_lb {left:0; bottom:-30px; transition: 1.5s; opacity:0;}
   .fade_rec_image li.fade_rec_rb {right:0; bottom:-30px; transition: 1.5s; opacity:0;}
}





/********* コンテンツ共通 *********/
.home .contents_logo {display: none;}
.contents_logo {width: 1200px; max-width: 92%; margin: auto; padding: 1.8em 0 5.5em;}
.contents_logo img {max-width: 30%;}
.contents_title {text-align: center;}
.contents_title h2 {text-align: center; font-weight:700; font-size:40px; letter-spacing: .2em; position: relative; padding: 0 108px; display: inline-block; line-height: 1.2em; margin-bottom: 2em;}
.contents_title h2::before {position: absolute; content:""; width: 63px; height: 1px; background: #bfbfbf; left: 0; top: 48%;}
.contents_title h2::after {position: absolute; content:""; width: 63px; height: 1px; background: #bfbfbf; right: 0; top: 48%;}

@media (max-width:768px) {
   .contents_logo {padding: 2em 0 2em;}
   .contents_logo img {max-width: 20%;}
   .contents_title h2 {font-size:30px; padding: 0 108px; margin-bottom:1.5em;}
}

@media (max-width:767px) {
   .contents_logo {padding: .7em 0 2em;}
   .contents_logo img {max-width: 35%;}
   .contents_title h2 {font-size:26px; padding: 0 60px; margin-bottom:1em;}
   .contents_title h2::before {position: absolute; content:""; width: 40px; height: 1px; background: #bfbfbf; left: 0; top: 48%;}
   .contents_title h2::after {position: absolute; content:""; width: 40px; height: 1px; background: #bfbfbf; right: 0; top: 48%;}
}







/********* HOME：カタログ *********/
.top_catalog {width: 1065px; max-width:88%; margin: 0 auto; padding:0 0 10em 0; text-align: center;}
.top_catalog .top_text {padding-bottom:40px;}

.catalog_wrap {}
.catalog_box {padding: 1px; background: #FFFFFF; transition: .5s; max-width: 48%;}
.catalog_box + .catalog_box  {margin-left: auto;}
.catalog_text {padding:25px 15px 20px; color: #000000; position: relative; font-family: "Roboto"; transition: .5s;}
.catalog_text h3 {font-size:30px; font-weight:700; line-height: 1.5em;}
.catalog_text p {font-size: 25px;}
.catalog_text::after {content:""; position: absolute; width:63px; height: 59px; bottom:0; right:0; background: url("../images/index/catalog_bnr_arr.png") no-repeat;}

.catalog_box:hover {background: #e8340c;}
.catalog_box:hover .catalog_text {color: #ffffff;}


@media (max-width:767px) {
	.top_catalog .top_text {padding-bottom:20px;}
	.catalog_box {width: 100%; max-width:100%;}
	.catalog_box + .catalog_box  {margin-top:30px;;}
	.catalog_text {padding:15px 10px 10px;}
	.catalog_text h3 {font-size:24px;}
	.catalog_text p {font-size: 18px;}
}





/********* HOME：shopping *********/
.top_shopping_wrap {
	margin-bottom: 90px;
	position: relative;
}
.top_shopping_wrap .inner {
	width: 1065px; max-width:88%; margin: 0 auto;
	position: relative;
	min-height: 607px;
	z-index: 2;
}
.top_shopping_wrap .inner_pd {
	padding-left: 50%;
	position: absolute;
	z-index: 3;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}
.top_shopping_wrap h3 {padding-bottom: 25px;}
.top_shopping_wrap p {line-height: 3em; padding-bottom: 30px;}

.top_shopping_image {
	position: absolute;
	left:-10%;
	top: 0;
	height: 100%;
	width: 110%;
	z-index: 1;
}

@media (max-width:1200px) {
	.top_shopping_image {
		left:-15%;
		width: 115%;
	}
	.top_shopping_image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

@media (max-width:767px) {
	.top_shopping_wrap .inner_pd {
		padding-left:35%;
	}
	.top_shopping_wrap h3 {padding-bottom: 25px;}
	.top_shopping_wrap p {line-height:2.5em; padding-bottom: 30px;}
}


/* 2024/4 add */

.top_banner_list li{
margin-bottom:30px;
	
	
}