@charset "utf-8";
@font-face {
	font-family: "Staatliches Regular";
	/* src: url("../fonts/Staatliches-Regular.ttf") format("opentype"); */
	src: url("https://tabio.pro/jp/mens_data/fonts/Staatliches-Regular.ttf") format("opentype");
}
/* ------------------------------------------------------
General
------------------------------------------------------ */
#main *,
#main *:before,
#main *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#main .en {
	font-family: "Staatliches Regular";
	font-weight: 500;
	letter-spacing: 0.01em;
	text-transform: uppercase;
}
img {
	max-width: 100%;
	height: auto;
}
figure {
	font-size: 0;
	margin: 0;
	padding: 0;
}
.dummy {
	text-align: center;
}

html:not(.sp) #headArea header#head,
html:not(.sp) #headArea nav#navi,
html:not(.sp) #footArea nav#util,
html:not(.sp) #footArea footer#foot {
	max-width: 100% !important;
	min-width: 100% !important;
}

#main {
	max-width: 100% !important;
	min-width: 100% !important;
	width: 100% !important;
	display: block !important;
	color: #4d4d4d;
}
#main .inner {
	max-width: 1440px;
	margin: 0 auto;
	position: relative;
}
#main .inner * {
	z-index: 3;
}
#main .container {
	margin: 0 auto;
	max-width: 100% !important;
	min-width: 100% !important;
	width: 100% !important;
}
#headArea header#head .container .toggle hr {
	background-color: #737373;
}
.genre_header {
	margin-bottom: 0;
}
#footArea nav#util {
	padding-top: 80px;
}
html:not(.sp) .offerRegistration {
	display: -webkit-flex;
	display: flex;
}
.offerRegistration {
	padding-bottom: 62px;
	display: block;
}
.cpjss21 {
	z-index: 10;
}
.sp-only {
	display: none !important;
}
@media screen and (max-width: 767px) {
	.pc-only {
		display: none !important;
	}
	.sp-only {
		display: block !important;
	}
}
/* ------------------------------------------------------
Mainvisual
------------------------------------------------------ */
@keyframes blurFadeInOut {
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}
@keyframes blurFadeIn {
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 1;}
}
@keyframes blurFadeIn2 {
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 1;}
}
@keyframes positiondown {
	0% {top: -124.667vw; right: -136.533vw; transform: scale(0); opacity: 0;}
	30% {top: -33.533vw; right: 0; transform: scale(0.45); opacity: 1;}
	60% {top: -33.533vw; right: 0; transform: scale(0.45); opacity: 1;}
	100% {top: -38.667vw; right: 5.333vw; transform: scale(1); opacity: 1;}
}
@keyframes positionup {
	0% {left: -146.800vw; bottom: -150vw; transform: scale(0); opacity: 0;}
	50% {left: -2.400vw; bottom: -36.667vw; transform: rotate(5deg) scale(0.45); opacity: 1;}
	100% {left: 0; bottom: -58.467vw; transform: rotate(10deg) scale(1); opacity: 1;}
}
@keyframes positiondown01 {
	0% {top: -124.667vw; right: -136.533vw; transform: scale(0); opacity: 0;}
	30% {top: -33.533vw; right: 0; transform: scale(0.45); opacity: 1;}
	60% {top: -33.533vw; right: 0; transform: scale(0.45); opacity: 1;}
	100% {top: -48.667vw; right: 5.333vw; transform: scale(1); opacity: 1;}
}
@keyframes positionup01 {
	0% {left: -146.800vw; bottom: -150vw; transform: scale(0); opacity: 0;}
	50% {left: -2.400vw; bottom: -36.667vw; transform: rotate(5deg) scale(0.45); opacity: 1;}
	100% {left: 0; bottom: -70.467vw; transform: rotate(10deg) scale(1); opacity: 1;}
}
@keyframes positionleftin01 {
	0% {left: -1187px; bottom: -1072px;; transform: scale(0); opacity: 0;}
	30% {left: -393px; bottom: -374px;; transform: scale(0.8); opacity: 1;}
	60% {left: -393px; bottom: -374px;; transform: scale(0.8); opacity: 1;}
	100% {left: -293px; bottom: -274px; transform: scale(1); opacity: 1;}
}
@keyframes positionrightin01 {
	0% {right: -914px; top: -1062px; transform: scale(0); opacity: 0;}
	50% {right: -95px; top: -262px; transform: scale(0.8); opacity: 1;}
	100% {right: -25px; top: -115px; transform: scale(1); opacity: 1;}
}
@keyframes positionleftin02 {
	0% {left: -1187px; bottom: -1072px; transform: scale(0); opacity: 0;}
	30% {left: -510px; bottom: -374px; transform: scale(0.8); opacity: 1;}
	60% {left: -510px; bottom: -374px; transform: scale(0.8); opacity: 1;}
	100% {left: -410px; bottom: -274px; transform: scale(1); opacity: 1;}
}
@keyframes positionrightin02 {
	0% {right: -914px; top: -1062px; transform: scale(0); opacity: 0;}
	50% {right: -175px; top: -262px; transform: scale(0.8); opacity: 1;}
	100% {right: -105px; top: -115px; transform: scale(1); opacity: 1;}
}
@keyframes positionleftin03 {
	0% {left: -1187px; bottom: -1072px; transform: scale(0); opacity: 0;}
	30% {left: -610px; bottom: -374px; transform: scale(0.8); opacity: 1;}
	60% {left: -610px; bottom: -374px; transform: scale(0.8); opacity: 1;}
	100% {left: -510px; bottom: -274px; transform: scale(1); opacity: 1;}
}
@keyframes positionrightin03 {
	0% {right: -914px; top: -1062px; transform: scale(0); opacity: 0;}
	50% {right: -275px; top: -262px; transform: scale(0.8); opacity: 1;}
	100% {right: -205px; top: -115px; transform: scale(1); opacity: 1;}
}
@keyframes positionleftin04 {
	0% {left: -82.431vw; bottom: -74.444vw; transform: scale(0); opacity: 0;}
	30% {left: -35.417vw; bottom: -23.807vw; transform: scale(0.8); opacity: 1;}
	60% {left: -35.417vw; bottom: -23.807vw; transform: scale(0.8); opacity: 1;}
	100% {left: -35.417vw; bottom: -19.028vw; transform: scale(1); opacity: 1;}
}
@keyframes positionrightin04 {
	0% {right: -63.472vw; top: -73.750vw; transform: scale(0); opacity: 0;}
	50% {right: -14.236vw; top: -13.982vw; transform: scale(0.8); opacity: 1;}
	100% {right: -14.236vw; top: -7.986vw; transform: scale(1); opacity: 1;}
}
@keyframes slideTextX100 {
  from {transform: translateX(-100%); opacity: 0;}
  to {transform: translateX(0); opacity: 1;}
}
@keyframes slideTextX-100 {
  from {transform: translateX(100%); opacity: 0;}
  to {transform: translateX(0); opacity: 1;}
}
@keyframes fadein {
	from {opacity: 0;}
	to {opacity: 1;}
}
@keyframes scaleX01pc {
	from {transform: scale(1); top: 0; left: 0;}
	to {transform: scale(3.8); top: 2.5%; left: 30.5%;}
}
@keyframes scaleX01sp {
	from {transform: scale(1); top: 0; left: 0;}
	to {transform: scale(3.8); top: -22.5%; left: 62.5%;}
}
@keyframes scaleX01spX {
	from {transform: scale(1); top: 0; left: 0;}
	to {transform: scale(3.8); top: -22.5%; left: 66.5%;}
}
@keyframes scaleX01spY {
	from {transform: scale(1); top: 0; left: 0;}
	to {transform: scale(3.8); top: 65.189vw; left: 62.581vw;}
}
@keyframes scaleX02pc {
	from {transform: scale(1); top: 0; left: 0;}
	to {transform: scale(3.5); top: -41.5%; left: -3.5%;}
}
@keyframes scaleX02sp {
	from {transform: scale(1); top: 0; left: 0;}
	to {transform: scale(3.5); top: -25.5%; left: -46.5%;}
}
@keyframes scaleX02spX {
	from {transform: scale(1); top: 0; left: 0;}
	to {transform: scale(3.5); top: -37.5%; left: -47.5%;}
}
@keyframes scaleX02spY {
	from {transform: scale(1); top: 0; left: 0;}
	to {transform: scale(3.5); top: 5.215vw; left: -48.892vw;}
}
@keyframes scaleX03pc {
	from {transform: scale(1); top: 0; left: 0;}
	to {transform: scale(3.5); top: 45.5%; left: 6.5%;}
}
@keyframes scaleX03sp {
	from {transform: scale(1); top: 0; left: 0;}
	to {transform: scale(3.5); top: 43.5%; left: 21.5%;}
}
@keyframes scaleX03spX {
	from {transform: scale(1); top: 0; left: 0;}
	to {transform: scale(3.5); top: 31.5%; left: 18.5%;}
}
@keyframes scaleX03spY {
	from {transform: scale(1); top: 0; left: 0;}
	to {transform: scale(3.5); top: 93.220vw; left: 27.379vw;}
}
@keyframes scaleX04pc {
	from {transform: scale(1); top: 0; left: 0;}
	to {transform: scale(3.5); top: 25.5%; left: 27.5%;}
}
@keyframes scaleX04sp {
	from {transform: scale(1); top: 0; left: 0;}
	to {transform: scale(3.5); top: 48.5%; left: 71.5%;}
}
@keyframes scaleX04spX {
	from {transform: scale(1); top: 0; left: 0;}
	to {transform: scale(3.5); top: 18.5%; left: 70.5%;}
}
@keyframes scaleX04spY {
	from {transform: scale(1); top: 0; left: 0;}
	to {transform: scale(3.5); top: 78.227vw; left: 71.708vw;}
}
@keyframes scaleX05pc {
	from {transform: scale(1); top: 0; left: 0;}
	to {transform: scale(3.5); top: 25.5%; left: 13.5%;}
}
@keyframes scaleX05sp {
	from {transform: scale(1); top: 0; left: 0;}
	to {transform: scale(3.5); top: 59.5%; left: 17.5%;}
}
@keyframes scaleX05spX {
	from {transform: scale(1); top: 0; left: 0;}
	to {transform: scale(3.5); top: 40.5%; left: 17.5%;}
}
@keyframes scaleX05spY {
	from {transform: scale(1); top: 0; left: 0;}
	to {transform: scale(3.5); top: 126.467vw; left: 16.949vw;}
}

.mainvisual {
	height: 800px;
	position: relative;
	overflow: hidden;
}
.mv_slide {
	display: block;
	width: 100%;
	height: 100%;
}
.mv_slide .slick-list,
.mv_slide .slick-list .slick-track {
	height: 100%;
}
.mv_slide .slick-prev,
.mv_slide .slick-next {
	width: 52px;
	height: 32px;
}
.mv_slide .slick-prev {
	left: 215px;
	background: url(../img/ico_prev.svg) no-repeat 0 0 / 100% auto;
}
.mv_slide .slick-next {
	right: 215px;
	background: url(../img/ico_next.svg) no-repeat 0 0 / 100% auto;
}
.mv_slide .slick-dots {
	display: flex;
	position: absolute;
	bottom: 27px;
	left: 50%;
	transform: translate(-50%, 0);
}
.mv_slide .slick-dots button {
	font-size: 0;
	width: 12px;
	height: 12px;
	padding: 0;
	margin: 0 9px;
	border-radius: 100%;
	border: 1px solid #fff;
	background: transparent;
}
.mv_slide .slick-dots .slick-active button {
	background: #fff;
}
.mv_frame {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.mv_frame .object {
	position: absolute;
}
.frameInner {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
.mv_btn {
	width: 120px;
	height: 30px;
	position: absolute;
	z-index: 6;
}
.mv_btn span {
	font-size: 18px;
	color: #000;
	line-height: 1.2;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	transition: opacity .3s ease;
	text-transform: uppercase;
}
.mv_btn span i {
	width: 33px;
	height: 13px;
	display: inline-block;
	margin-left: 5px;
	background: url(../img/ico_mv_more.svg) no-repeat 0 0 / 100% auto;
}
.scroll {
	width: 33px;
	height: 24px;
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translate(-50%, 0);
	cursor: pointer;
	background: url(../img/ico_scroll.svg) no-repeat 0 0 / 100% auto;
	z-index: 20;
}
.scroll a {
	display: block;
	height: 100%;
}

@media screen and (min-width: 1800px) {
	.mv_slide .slick-prev {
		left: 11.944vw;
	}
	.mv_slide .slick-next {
		right: 11.944vw;
	}
}

@media screen and (min-width: 768px) {
	.frameInner {
		max-width: 1440px;
	}
	.mv_btn {
		right: 0;
		bottom: 45px;
	}
	.mv_btn span:hover {
		opacity: .7;
	}
}

@media screen and (max-width: 1440px) and (min-width: 768px) {
	.mainvisual {
		height: 55.556vw !important;
	}
	.mv_btn {
		width: 8.333vw;
		height: 2.083vw;
		right: 0.694vw;
		bottom: 3.125vw;
	}
	.mv_btn span {
		font-size: 1.250vw;
	}
	.mv_btn span i {
		width: 2.292vw;
		height: 0.903vw;
		margin-left: 0.347vw;
	}
	.mv_slide .slick-prev,
	.mv_slide .slick-next {
		width: 3.611vw;
		height: 2.222vw;
	}
	.mv_slide .slick-dots {
		bottom: 1.875vw;
	}
	.mv_slide .slick-dots button {
		width: 0.833vw;
		height: 0.833vw;
		margin: 0 0.625vw;
	}
}
@media screen and (max-width: 1439px) and (min-width: 768px) {
	.mv_slide .slick-prev {
		left: 10.417vw;
	}
	.mv_slide .slick-next {
		right: 10.417vw;
	}
}

@media screen and (max-width: 767px) {
	.mainvisual {
		height: calc(100vh - 107.5px);
	}
	.mv_btn {
		top: 0;
		left: 0;
		width: 50px;
		height: 50px;
	}
	.mv_btn span {
		font-size: 13px;
		flex-direction: column;
		background: rgba(255, 255, 255, 0.7);
	}
	.mv_btn span i {
		width: 17px;
		height: 12px;
		margin: 5px 0 0;
		background: url(../img/ico_mv_more_sp.svg) no-repeat 0 0 / 100% auto;
	}
	.mv_slide .slick-prev,
	.mv_slide .slick-next {
		width: 36px;
		height: 26px;
	}
	.mv_slide .slick-prev {
		left: 10px;
	}
	.mv_slide .slick-next {
		right: 10px;
	}
	.mv_slide .slick-dots {
		display: none !important;
	}
}

@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-min-device-pixel-ratio : 2) {
	.mainvisual {
		height: calc(100vh - 85px);
	}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
	.mainvisual {
		height: calc(100vh - 195px);
	}
}

@media only screen and (device-width : 414px) and (device-height : 736px) and (-webkit-min-device-pixel-ratio : 3) {
	.mainvisual {
		height: calc(100vh - 179.5px);
	}
}

/* frame01 */
.frame01 {
	background: url(../img/mv_bg1.jpg) no-repeat center center / cover;
}
.frame01 .frame_play {
	max-width: 1800px;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
}
.frame01 .object {
	opacity: 0;
}
.frame01.slick-active .object2 {
	z-index: 3;
}
.frame01 .mv_txt {
	position: absolute;
	opacity: 0;
	z-index: 3;
}
.frame01 .mv_txt.txt01,
.frame01 .mv_txt.txt02 {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.frame01.slick-active .mv_txt.txt01 {
	animation: blurFadeInOut 3s ease forwards;
	animation-delay: 3.2s;
}
.frame01.slick-active .mv_txt.txt02 {
	animation: blurFadeIn 2s ease forwards;
	animation-delay: 6s;
}
.frame01 .mv_txt.txt02 span {
	display: block;
	text-align: center;
}
.mv_frame .mv_txt.txt02 span:last-child {
	margin: -24px 0 0;
}
.frame01 .mv_txt.txt02 span img {
	margin: 0 auto;
}

@media screen and (min-width: 1701px) {
	.frame01.slick-active .object1 {
		animation: positionleftin01 6s ease forwards;
	}
	.frame01.slick-active .object2 {
		animation: positionrightin01 5s ease forwards;
		animation-delay: 1s;
	}
}

@media screen and (max-width: 1700px) and (min-width: 1501px) {
	.frame01.slick-active .object1 {
		animation: positionleftin02 6s ease forwards;
	}
	.frame01.slick-active .object2 {
		animation: positionrightin02 5s ease forwards;
		animation-delay: 1s;
	}
}

@media screen and (max-width: 1500px) and (min-width: 1441px) {
	.frame01.slick-active .object1 {
		animation: positionleftin03 6s ease forwards;
	}
	.frame01.slick-active .object2 {
		animation: positionrightin03 5s ease forwards;
		animation-delay: 1s;
	}
}

@media screen and (max-width: 1440px) and (min-width: 768px) {
	.frame01 .object1 {
		width: 74.444vw;
	}
	.frame01 .object2 {
		width: 63.472vw;
	}
	.frame01.slick-active .object1 {
		animation: positionleftin04 6s ease forwards;
	}
	.frame01.slick-active .object2 {
		animation: positionrightin04 5s ease forwards;
		animation-delay: 1s;
	}
	.frame01 .mv_txt.txt01 {
		width: 46.181vw;
	}
	.frame01 .mv_txt.txt02 {
		width: 30.764vw;
	}
}

@media screen and (max-width: 767px) {
	.frame01 {
		background: url(../img/mv_bg1_sp.jpg) no-repeat center center / cover;
	}
	.overlay {
		height: 100%;
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		background: url(../img/mv_bg1a_sp.png) no-repeat center center / cover;
		z-index: 2;
	}
	.frame01 .object1 {
    width: 124.667vw;
	}
	.frame01.slick-active .object1 {
		animation: positiondown 6s ease forwards;
	}
	.frame01 .object2 {
    width: 121.867vw;
	}
	.frame01.slick-active .object2 {
		animation: positionup 5s ease forwards;
		animation-delay: 1s;
	}
	.frame01 .mv_txt.txt01 {
		width: 68.533vw;
	}
	.frame01 .mv_txt.txt02 {
		width: 70.800vw;
	}
	.frame01 .mv_txt.txt03 {
		width: 85.067vw;
		left: 50%;
		bottom: 12vw;
		transform: translate(-50%, 0);
	}
	.frame01.slick-active .mv_txt.txt03 {
		animation: blurFadeIn2 2s ease forwards;
		animation-delay: 6s;
	}
}

@media screen and (max-width: 767px) and (min-width: 701px) {
	.mv_frame .object1 {
    width: 90.667vw;
	}
	.mv_frame .object2 {
    width: 87.867vw;
	}
}
@media screen and (max-width: 700px) and (min-width: 651px) {
	.mv_frame .object1 {
    width: 96.667vw;
	}
	.mv_frame .object2 {
    width: 93.867vw;
	}
}
@media screen and (max-width: 650px) and (min-width: 601px) {
	.mv_frame .object1 {
    width: 100.667vw;
	}
	.mv_frame .object2 {
    width: 97.867vw;
	}
}
@media screen and (max-width: 600px) and (min-width: 501px) {
	.mv_frame .object1 {
    width: 106.667vw;
	}
	.mv_frame .object2 {
    width: 103.867vw;
	}
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
	.frame01.slick-active .object1 {
		animation: positiondown01 6s ease forwards;
	}
	.frame01.slick-active .object2 {
		animation: positionup01 5s ease forwards;
		animation-delay: 1s;
	}
}

/* frame02 */
.frame02 {
	background: url(../img/mv_bg2.jpg) no-repeat center top / cover;
}
.mv_frame02 .frameInner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 5;
}
.mv_frame02 .bg {
	top: 0;
	left: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.mv_frame02 .bg,
.mv_frame02 .bg .slide_in {
	width: 100%;
	height: 100%;
	display: inline-block;
}
.mv_frame02.slick-active .bg {
	animation: fadein 1.5s ease-in forwards;
}
.mv_frame02.slick-active .bg01 {
	animation-delay: 1s;
}
.frame02 .bg01 .slide_in {
	background: url(../img/mv_bg3.jpg) no-repeat center bottom / cover;
}
.mv_frame02.slick-active .bg02 {
	animation-delay: 2.5s;
}
.mv_frame02 .bg02 .scale {
	width: 100%;
	height: 100%;
	position: absolute;
}
.frame02 .bg02 .scale {
	background: url(../img/mv_bg4.jpg) no-repeat center bottom / cover;
}
.mv_frame02.slick-active .bg03 {
	animation-delay: 5.5s;
}
.frame02 .bg03 .slide_in {
	background: url(../img/mv_bg5.jpg) no-repeat center bottom / cover;
}
.mv_frame02 .mv_txt {
	text-align: center;
}
.mv_frame02 .mv_txt .text_in {
	opacity: 0;
	overflow: hidden;
}
.mv_frame02 .mv_txt .text_in,
.mv_frame02 .mv_txt .text_inner {
	display: inline-block;
}
.mv_frame02.slick-active .mv_txt .text_in {
	animation: slideTextX100 .8s ease-in forwards;
  opacity: 0;
}
.mv_frame02.slick-active .mv_txt .text_inner {
	animation: slideTextX-100 .8s ease-in forwards;
  opacity: 0;
}
.mv_frame02.slick-active .txt01 .text_in{
	animation-delay: 7s;
}
.mv_frame02.slick-active .txt01 .text_inner {
	animation-delay: 7s;
}
.mv_frame02.slick-active .txt03 .text_in {
	animation-delay: 9s;
}
.mv_frame02.slick-active .txt03 .text_inner {
	animation-delay: 9s;
}

@media screen and (min-width: 768px) {
	.frame02.slick-active .bg02 .scale {
		animation: scaleX01pc 0.8s ease-in forwards;
		animation-delay: 4s;
	}
	.mv_frame02 .txt02 {
		margin: -43px 0 13px;
	}
	.mv_frame02.slick-active .txt02 .text_in {
		animation-delay: 8s;
	}
	.mv_frame02.slick-active .txt02 .text_inner {
		animation-delay: 8s;
	}
}

@media screen and (max-width: 1440px) and (min-width: 768px) {
	.frame02 .txt01 {
		width: 67.014vw;
	}
	.frame02 .txt02 {
		width: 41.875vw;
	}
	.mv_frame02 .txt02 {
		margin: -2.986vw 0 0.903vw;
	}
	.frame02 .txt03 {
		width: 17.778vw;
	}
}

@media screen and (max-width: 767px) {
	.frame02 {
		background: url(../img/mv_bg2.jpg) no-repeat center top / auto 100%;
	}
	.frame02 .bg01 .slide_in {
		background: url(../img/mv_bg3_sp.jpg) no-repeat center bottom / cover;
	}
	.frame02 .bg02 .scale {
		background: url(../img/mv_bg4_sp.jpg) no-repeat center bottom / cover;
	}
	.frame02 .bg03 .slide_in {
		background: url(../img/mv_bg5_sp.jpg) no-repeat center bottom / cover;
	}
	.mv_frame02 .txt02 {
		margin: -9px 0 13px;
	}
	.mv_frame02 .txt02 .txt_in01 {
		margin-bottom: 15px;
	}
	.mv_frame02.slick-active .txt02 .txt_in01 {
		animation-delay: 8s;
	}
	.mv_frame02.slick-active .txt02 .txt_in01 .text_inner {
		animation-delay: 8s;
	}
	.mv_frame02.slick-active .txt02 .txt_in02 {
		animation-delay: 8.5s;
	}
	.mv_frame02.slick-active .txt02 .txt_in02 .text_inner {
		animation-delay: 8.5s;
	}
	.mv_frame02 .mv_txt {
		width: 469px;
	}
}

@media screen and (max-width: 767px) and (min-width: 611px) {
	.frame02.slick-active .bg02 .scale {
		animation: scaleX01spY 1s ease-in forwards;
		animation-delay: 4s;
	}
}

@media screen and (max-width: 610px) {
	.frame02.slick-active .bg02 .scale {
		animation: scaleX01sp 1s ease-in forwards;
		animation-delay: 4s;
	}
}

@media screen and (max-width: 375px) {
	.mv_frame02 .mv_txt {
		width: 125.067vw;
	}
	.mv_frame02 .txt02 {
		margin: -2.400vw 0 3.467vw;
	}
	.mv_frame02 .txt02 .txt_in01 {
		margin-bottom: 4vw;
	}
}

@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-min-device-pixel-ratio : 2) {
	.mv_frame02 .frameInner {
		padding: 0 0 4vw;
	}
	.mv_frame02 .txt02 {
    margin: -7.4vw 0 1.467vw;
	}
}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
	.frame02.slick-active .bg02 .scale {
		animation: scaleX01spX 1s ease-in forwards;
		animation-delay: 4s;
	}
}

/* frame03 */
.frame03 {
	background: url(../img/mv_bg12.jpg) no-repeat center top / cover;
}
.frame03 .bg01 .slide_in {
	background: url(../img/mv_bg13.jpg) no-repeat center center / cover;
}
.frame03 .bg02 .scale {
	background: url(../img/mv_bg14.jpg) no-repeat center bottom / cover;
}
.frame03 .bg03 .slide_in {
	background: url(../img/mv_bg15.jpg) no-repeat center bottom / cover;
}

@media screen and (min-width: 768px) {
	.frame03.slick-active .bg02 .scale {
		animation: scaleX02pc 1s ease-in forwards;
		animation-delay: 4s;
	}
}

@media screen and (max-width: 1440px) and (min-width: 768px) {
	.frame03 .txt01 {
		width: 65.486vw;
	}
	.frame03 .txt02 {
		width: 42.917vw;
	}
	.frame03 .txt03 {
		width: 20vw;
	}
}

@media screen and (max-width: 767px) {
	.frame03 {
		background: url(../img/mv_bg12.jpg) no-repeat center top / auto 100%;
	}
	.frame03 .bg01 .slide_in {
		background: url(../img/mv_bg13_sp.jpg) no-repeat center bottom / cover;
	}
	.frame03 .bg02 .scale {
		background: url(../img/mv_bg14_sp.jpg) no-repeat center bottom / cover;
	}
	.frame03 .bg03 .slide_in {
		background: url(../img/mv_bg15_sp.jpg) no-repeat center bottom / cover;
	}
}

@media screen and (max-width: 767px) and (min-width: 611px) {
	.frame03.slick-active .bg02 .scale {
		animation: scaleX02spY 1s ease-in forwards;
		animation-delay: 4s;
	}
}

@media screen and (max-width: 610px) {
	.frame03.slick-active .bg02 .scale {
		animation: scaleX02sp 1s ease-in forwards;
		animation-delay: 4s;
	}
}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
	.frame03.slick-active .bg02 .scale {
		animation: scaleX02spX 1s ease-in forwards;
		animation-delay: 4s;
	}
}

/* frame04 */
.frame04 {
	background: url(../img/mv_bg16.jpg) no-repeat center top / cover;
}
.frame04 .bg01 .slide_in {
	background: url(../img/mv_bg17.jpg) no-repeat center center / cover;
}
.frame04 .bg02 .scale {
	background: url(../img/mv_bg18.jpg) no-repeat center bottom / cover;
}
.frame04 .bg03 .slide_in {
	background: url(../img/mv_bg19.jpg) no-repeat center bottom / cover;
}

@media screen and (min-width: 768px) {
	.frame04.slick-active .bg02 .scale {
		animation: scaleX03pc 1s ease-in forwards;
		animation-delay: 4s;
	}
}

@media screen and (max-width: 1440px) and (min-width: 768px) {
	.frame04 .txt01 {
		width: 73.056vw;
	}
	.frame04 .txt02 {
		width: 38.125vw;
	}
	.frame04 .txt03 {
		width: 18.750vw;
	}
}

@media screen and (max-width: 767px) {
	.frame04 {
		background: url(../img/mv_bg16.jpg) no-repeat center top / auto 100%;
	}
	.frame04 .bg01 .slide_in {
		background: url(../img/mv_bg17_sp.jpg) no-repeat center bottom / cover;
	}
	.frame04 .bg02 .scale {
		background: url(../img/mv_bg18_sp.jpg) no-repeat center bottom / cover;
	}
	.frame04 .bg03 .slide_in {
		background: url(../img/mv_bg19_sp.jpg) no-repeat center bottom / cover;
	}
}

@media screen and (max-width: 767px) and (min-width: 611px) {
	.frame04.slick-active .bg02 .scale {
		animation: scaleX03spY 1s ease-in forwards;
		animation-delay: 4s;
	}
}

@media screen and (max-width: 610px) {
	.frame04.slick-active .bg02 .scale {
		animation: scaleX03sp 1s ease-in forwards;
		animation-delay: 4s;
	}
}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
	.frame04.slick-active .bg02 .scale {
		animation: scaleX03spX 1s ease-in forwards;
		animation-delay: 4s;
	}
}

/* frame05 */
.frame05 {
	background: url(../img/mv_bg20.jpg) no-repeat center top / cover;
}
.frame05 .bg01 .slide_in {
	background: url(../img/mv_bg21.jpg) no-repeat center center / cover;
}
.frame05 .bg02 .scale {
	background: url(../img/mv_bg22.jpg) no-repeat center bottom / cover;
}
.frame05 .bg03 .slide_in {
	background: url(../img/mv_bg23.jpg) no-repeat center bottom / cover;
}

@media screen and (min-width: 768px) {
	.frame05.slick-active .bg02 .scale {
		animation: scaleX04pc 1s ease-in forwards;
		animation-delay: 4s;
	}
}

@media screen and (max-width: 1440px) and (min-width: 768px) {
	.frame05 .txt01 {
		width: 66.528vw;
	}
	.frame05 .txt02 {
		width: 40.903vw;
	}
	.frame05 .txt03 {
		width: 23.125vw;
	}
}

@media screen and (max-width: 767px) {
	.frame05 {
		background: url(../img/mv_bg20.jpg) no-repeat center top / auto 100%;
	}
	.frame05 .bg01 .slide_in {
		background: url(../img/mv_bg21_sp.jpg) no-repeat center bottom / cover;
	}
	.frame05 .bg02 .scale {
		background: url(../img/mv_bg22_sp.jpg) no-repeat center bottom / cover;
	}
	.frame05 .bg03 .slide_in {
		background: url(../img/mv_bg23_sp.jpg) no-repeat center bottom / cover;
	}
}

@media screen and (max-width: 767px) and (min-width: 611px) {
	.frame05.slick-active .bg02 .scale {
		animation: scaleX04spY 1s ease-in forwards;
		animation-delay: 4s;
	}
}

@media screen and (max-width: 610px) {
	.frame05.slick-active .bg02 .scale {
		animation: scaleX04sp 1s ease-in forwards;
		animation-delay: 4s;
	}
}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
	.frame05.slick-active .bg02 .scale {
		animation: scaleX04spX 1s ease-in forwards;
		animation-delay: 4s;
	}
}

/* frame06 */
.frame06 {
	background: url(../img/mv_bg24.jpg) no-repeat center top / cover;
}
.frame06 .bg01 .slide_in {
	background: url(../img/mv_bg25.jpg) no-repeat center center / cover;
}
.frame06 .bg02 .scale {
	background: url(../img/mv_bg26.jpg) no-repeat center bottom / cover;
}
.frame06 .bg03 .slide_in {
	background: url(../img/mv_bg27.jpg) no-repeat center bottom / cover;
}

@media screen and (min-width: 768px) {
	.frame06.slick-active .bg02 .scale {
		animation: scaleX05pc 1s ease-in forwards;
		animation-delay: 4s;
	}
}

@media screen and (max-width: 1440px) and (min-width: 768px) {
	.frame06 .txt01 {
		width: 64.028vw;
	}
	.frame06 .txt02 {
		width: 34.653vw;
	}
	.frame06 .txt03 {
		width: 22.014vw;
	}
}

@media screen and (max-width: 767px) {
	.frame06 {
		background: url(../img/mv_bg24.jpg) no-repeat center top / auto 100%;
	}
	.frame06 .bg01 .slide_in {
		background: url(../img/mv_bg25_sp.jpg) no-repeat center bottom / cover;
	}
	.frame06 .bg02 .scale {
		background: url(../img/mv_bg26_sp.jpg) no-repeat center bottom / cover;
	}
	.frame06 .bg03 .slide_in {
		background: url(../img/mv_bg27_sp.jpg) no-repeat center bottom / cover;
	}
}

@media screen and (max-width: 767px) and (min-width: 611px) {
	.frame06.slick-active .bg02 .scale {
		animation: scaleX05spY 1s ease-in forwards;
		animation-delay: 4s;
	}
}

@media screen and (max-width: 610px) {
	.frame06.slick-active .bg02 .scale {
		animation: scaleX05sp 1s ease-in forwards;
		animation-delay: 4s;
	}
}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
	.frame06.slick-active .bg02 .scale {
		animation: scaleX05spX 1s ease-in forwards;
		animation-delay: 4s;
	}
}

/* frame08 */
.mv_frame03 .frame_box {
	width: 100%;
	height: 100%;
}
.frame08 {
	background: url(../img/mv_bg6.jpg) no-repeat center center / cover;
}
.frame08 .bg01 {
	left: 0;
	opacity: 0;
	position: absolute;
	transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.frame08.slick-active .bg01 {
	opacity: 1;
}
.mv_frame03 .bg02 {
	width: 0;
	opacity: 0;
	left: 0;
	display: block;
	overflow: hidden;
	position: absolute;
	transition: width 2s ease;
	transition-delay: 4s;
}
.mv_frame03.slick-active .bg02 {
	width: 100%;
	opacity: 1;
}
.mv_frame03 .bg01 img,
.mv_frame03 .bg02 img {
	max-width: inherit;
}
.frame08 .object01 {
	z-index: 3;
	transform: rotate(60deg);
	opacity: 0;
	transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-delay: 2s;
}
.frame08.slick-active .object01 {
	transform: rotate(0deg);
	opacity: 1;
}


@media screen and (min-width: 768px) {
	.frame08 .bg01 {
		top: -800px;
	}
	.frame08.slick-active .bg01 {
		top: 0;
	}
	.mv_frame03 .bg02 {
		top: 0;
	}
	.mv_frame03 .bg02 img {
		width: 1440px;
	}
	.frame08 .object01 {
		top: -348px;
		right: 230px;
	}
	.frame08.slick-active .object01 {
		top: 26px;
		right: 230px;
	}
}

@media screen and (max-width: 1440px) and (min-width: 768px) {
	.frame08 .bg01 {
		top: -55.556vw;
	}
	.frame08 .object01 {
		width: 38.889vw;
		top: -24.167vw;
		right: 15.972vw;
	}
	.frame08.slick-active .object01 {
		top: 1.806vw;
		right: 14.722vw;
	}
	.mv_frame03 .bg01 img,
	.mv_frame03 .bg02 img {
		width: 100vw;
	}
}

@media screen and (max-width: 767px) {
	.mv_frame03 .frame_box {
		position: absolute;
	}
	.frame08 .frame_box {
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		margin: 0;
	}
	.frame08 {
		background: url(../img/mv_bg6_sp.jpg) no-repeat center center / cover;
	}
	.frame08 .bg01 {
		width: 100%;
		top: -50%;
		left: 0;
	}
	.frame08.slick-active .bg01 {
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.mv_frame03 .bg01 img {
		width: 100%;
	}
	.mv_frame03 .bg02 {
		top: 50%;
		transform: translate(0, -50%);
	}
}

@media screen and (max-width: 767px) and (min-width: 376px) {
	.frame08 .frame_box {
		width: 526px;
		height: 464.5px;
	}
	.frame08 .bg02 {
		height: 464.5px;
	}
	.mv_frame03 .bg02 img {
		width: 526px;
	}
	.frame08 .object01 {
		right: -150px;
    top: -150px;
    width: 365px;
	}
	.frame08.slick-active .object01 {
		right: -55px;
    top: -20px;
	}
}

@media screen and (max-width: 375px) {
	.frame08 .frame_box {
		width: 140.267vw;
		height: 123.867vw;
	}
	.frame08 .bg02 {
		height: 123.867vw;
	}
	.mv_frame03 .bg02 img {
		width: 140.267vw;
	}
	.frame08 .object01 {
		top: -40vw;
		right: -40vw;
		width: 97.333vw;
	}
	.frame08.slick-active .object01 {
		top: -5.333vw;
		right: -14.667vw;
	}
}

@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {
	.frame08 .frame_box {
		width: 110.133vw;
	}
	.frame08 .bg02 {
		height: auto;
	}
	.frame08 .object01 {
		width: 67.333vw;
	}
	.frame08.slick-active .object01 {
    top: 10.667vw;
    right: -3.667vw;
	}
}

/* frame07 */
.frame07 {
	background: url(../img/mv_bg09.jpg) no-repeat center center / cover;
}
.frame07 .bg01 {
	font-size: 0;
	left: 0;
	opacity: 0;
	position: absolute;
	transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.frame07.slick-active .bg01 {
	opacity: 1;
	bottom: 0;
}
.mv_frame03.frame07 .bg02 {
	transition-delay: 2s;
}

@media screen and (min-width: 768px) {
	.frame07 .bg01 {
		bottom: -800px;
	}
}

@media screen and (max-width: 1440px) and (min-width: 768px) {
	.frame07 .bg01 {
		bottom: -55.556vw;
	}
}

@media screen and (max-width: 767px) {
	.frame07 {
		background: url(../img/mv_bg09_sp.jpg) no-repeat center center / cover;
	}
	.frame07 .frame_box {
		left: 50%;
		/* bottom: 0; */
		bottom: -25px;
		transform: translate(-50%, 0);
		margin: 0;
	}
}

@media screen and (max-width: 767px) and (min-width: 376px) {
	.frame07 .frame_box {
		width: 526px;
		height: 545px;
	}
	.frame07 .bg01 {
		bottom: -545px;
	}
	.frame07 .bg02 {
		height: 545px;
	}
}

@media screen and (max-width: 375px) {
	.frame07 .frame_box {
		width: 140.267vw;
		height: 145.333vw;
	}
	.frame07 .bg01 {
		bottom: -145.333vw;
	}
	.frame07 .bg02 {
		height: 145.333vw;
	}
}

@media only screen and (device-width : 375px) and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {
	.frame07 .frame_box {
		width: 110.133vw;
		bottom: -15px;
	}
	.mv_frame03.frame07 .bg02 {
		display: flex;
		align-items: flex-end;
	}
	.mv_frame03 .bg02 img {
    width: 110.133vw;
	}
}

/* ------------------------------------------------------
Content
------------------------------------------------------ */
.slider1 {
	padding: 35px 0;
}
.slider1 .slick {
	max-width: 900px;
	margin: 0 auto;
}
.slider1 .slick-item {
	padding: 0 15px;
}
.slider1 .slick-item a {
	display: block;
	transition: 0.3s;
}
.slider1 .slick-item a:hover {
	opacity: 0.7;
}
.slick-arrow {
	position: absolute;
	top: 50%;
	font-size: 0;
	color: transparent;
	width: 21px;
	height: 0;
	padding: 31px 0 0;
	margin: -16px 0 0;
	border: none;
	z-index: 11 !important;
	cursor: pointer;
}
.slick-prev {
	background: url(../img/slick-prev1.png) center no-repeat;
	background-size: 21px 31px;
	left: -120px;
}
.slick-next {
	background: url(../img/slick-next1.png) center no-repeat;
	background-size: 21px 31px;
	right: -120px;
}
@media screen and (max-width: 1150px) {
	.slick-prev {
		left: 0;
	}
	.slick-next {
		right: 0;
	}
}
@media screen and (max-width: 767px) {
	.flex-revert {
		display: flex;
		flex-direction: column-reverse;
		background-color: #e6e6e6;
	}
	.slider1 {
		padding: 20px 0;
	}
	.slider1 .slick {
		max-width: 900px;
		margin: 0 auto;
	}
	.slider1 .slick-item {
		padding: 0 10px;
		width: 150px;
	}
	.slick-prev {
		left: 10px;
		background: url(../img/slick-prev.png) center no-repeat;
		background-size: 15px 26px;
	}
	.slick-next {
		right: 10px;
		background: url(../img/slick-next.png) center no-repeat;
		background-size: 15px 26px;
	}
}

.tb-men {
	min-height: 750px;
	background: #e3e3e3;
	padding: 430px 0 0;
	text-align: center;
	line-height: 1.5;
	position: relative;
	overflow: hidden;
}
.tb-men .inner {
	z-index: 3;
}
.tb-men h2 {
	margin: 0 0 30px;
}
.tb-men dt {
	font-size: 30px;
	font-weight: bold;
	margin: 0 0 20px;
	letter-spacing: 0.04em;
}
.tb-men dd {
	font-size: 20px;
	letter-spacing: 0.05em;
}
.fadedown::after {
	content: "";
	position: absolute;
	width: 940px;
	height: 400px;
	left: 50%;
	top: -400px;
	transform: translate(-50%, 0);
	opacity: 0;
	transition: all 1.5s cubic-bezier(0.165, 0.80, 0.45, 1) .5s;
	background: url(../img/img_ed_object.png) no-repeat 0 0 / 100% auto;
}
.fadedown.active::after {
	opacity: 1;
	top: 0;
}


@media screen and (max-width: 767px) {
	.tb-men {
		min-height: auto;
		background: #e6e6e6;
		padding: 46.667vw 0 0;
	}
	.tb-men h2 {
		margin: 0 0 15px;
	}
	.tb-men h2 img {
		width: 125px;
	}
	.tb-men dt {
		font-size: 20px;
		margin: 0 0 10px;
	}
	.tb-men dd {
		font-size: 15px;
	}
	.fadedown::after {
		width: 100vw;
		height: 49.333vw;
		top: -49.333vw;
		background: url(../img/img_ed_object_sp.png) no-repeat 0 0 / 100% auto;
	}
}

.lineup {
	background: #f5f5f5;
	padding: 95px 0 165px;
	position: relative;
	overflow: hidden;
}
.lineup .container {
	z-index: 3;
}
.lineup .mProductList {
	max-width: 1240px;
	width: 100%;
	margin: 96px auto 0;
}
.title {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.02em;
	margin: 0 0 40px;
}
.title span {
	font-size: 55px;
}
.lineup-anchor {
	padding: 0 0 80px 10vw;
	/* margin: 0 0 80px; */
	border-bottom: 1px solid #000;
	position: relative;
}
.lineup-anchor ul {
	display: flex;
	justify-content: center;
}
.lineup-anchor li {
	width: 180px;
	margin: 0 8px;
	transition: 0.2s;
}
.lineup-anchor li a {
	display: block;
	text-align: center;
	min-height: 200px;
	height: 100%;
	padding: 130px 0 26px;
	font-size: 10px;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #4d4d4d;
	position: relative;
}
.lineup-anchor li a::after {
	content: "";
	width: 18px;
	height: 11px;
	background: url(../img/ico_arr_g.png) center no-repeat;
	position: absolute;
	left: 50%;
	bottom: 9px;
	margin: 0 0 0 -9px;
}
.lineup-anchor li a span {
	font-size: 27px;
}
.lineup-anchor li:nth-child(1) a {
	background: #c7e0e5 url(../img/img_lineup01.jpg) center top no-repeat;
}
.lineup-anchor li:nth-child(2) a {
	background: #d6eace url(../img/img_lineup02.jpg) center top no-repeat;
}
.lineup-anchor li:nth-child(3) a {
	background: #f6dccd url(../img/img_lineup03.jpg) center top no-repeat;
}
.lineup-anchor li:nth-child(4) a {
	background: #ece6b4 url(../img/img_lineup04.jpg) center top no-repeat;
}
.faderight .inner::after {
	content: "";
	position: absolute;
	width: 421px;
	height: 376px;
	top: 15px;
	left: -421px;
	opacity: 0;
	transition: all 1.5s cubic-bezier(0.165, 0.80, 0.45, 1) 1s;
	background: url(../img/img_lineup_object.png) no-repeat 0 0 / 100% auto;
}
.faderight.active .inner::after {
	opacity: 1;
	left: -48px;
}
.lineup #anchor {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 65px;
}

@media screen and (max-width: 1440px) and (min-width: 768px) {
	.faderight .inner::after {
		width: 29.236vw;
		height: 26.111vw;
		top: 1.042vw;
		left: -29.236vw;
	}
}

@media screen and (min-width: 768px) {
	.lineup .title {
		position: relative;
	}
	.lineup-anchor li:hover {
		box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.5);
	}
}

@media screen and (max-width: 767px) {
	.lineup {
		background: #fff;
		padding: 0 0 248px;
	}
	.lineup .inner {
		position: initial !important;
	}
	.lineup .title {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 247px;
		background: #f5f5f5;
		background-size: cover;
		margin: 0;
		text-align: left;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0 0 40px 158px;
		line-height: 1.2;
	}
	.lineup .title span {
		line-height: 1;
	}
	.lineup .mProductList .products .wrapper .vertical {
		width: 849px;
		flex-wrap: nowrap;
	}
	.lineup .mProductList .products .wrapper .vertical .mProductThumbnail:nth-of-type(2n) {
		margin-right: 15px;
	}
	.lineup .mProductList .mLink.vertical {
		width: 100%;
	}
	.title {
		font-size: 14px;
		margin: 0 0 30px;
	}
	.title span {
		font-size: 40px;
	}
	.lineup-anchor {
		padding: 0;
	}
	.lineup-anchor ul {
		display: block;
	}
	.lineup-anchor li {
		width: 100%;
		margin: 0;
		box-shadow: none;
		border-top: 1px solid #000;
	}
	.lineup-anchor li a {
		display: flex;
		align-items: center;
		text-align: left;
		height: 60px;
		min-height: auto;
		padding: 0 0 0 26.667vw;
		/* font-size: 14px; */
		font-size: 12px;
		line-height: 1.2;
	}
	.lineup-anchor li a::after {
		width: 6px;
		height: 10px;
		background: url(../img/ico_arr_g_sp.svg) center no-repeat;
		background-size: 6px 10px;
		left: auto;
		right: 12px;
		bottom: 25px;
		margin: 0;
	}
	.lineup-anchor li a span {
		font-size: 22px;
		padding-right: 20px;
		position: relative;
	}
	.lineup-anchor li a span::after {
		content: "";
		width: 10px;
		height: 1px;
		background-color: #4d4d4d;
		position: absolute;
		right: 5px;
		top: 50%;
		margin: -1px 0 0;
	}
	.lineup-anchor li:nth-child(1) a {
		background: url(../img/img_lineup01_sp.jpg) center no-repeat;
		background-size: cover;
	}
	.lineup-anchor li:nth-child(2) a {
		background: url(../img/img_lineup02_sp.jpg) center no-repeat;
		background-size: cover;
	}
	.lineup-anchor li:nth-child(3) a {
		background: url(../img/img_lineup03_sp.jpg) center no-repeat;
		background-size: cover;
	}
	.lineup-anchor li:nth-child(4) a {
		background: url(../img/img_lineup04_sp.jpg) center no-repeat;
		background-size: cover;
	}
	.dummy {
		padding: 0 10px;
	}
	.faderight .inner::after {
		width: 195px;
		height: 174px;
		top: auto;
		bottom: 51px;
		left: -150px;
		background: url(../img/img_lineup_object_sp.png) no-repeat 0 0 / 100% auto;
		z-index: 5;
	}
	.lineup #anchor {
		height: 42px;
	}
}

.coords {
	background: #d3d4d6;
	padding: 100px 0;
	overflow: hidden;
	position: relative;
}
.coords .title,
.coords .dummy {
	position: relative;
}
.coords .mProductList {
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
}
html:not(.sp) .coords .mProductList .products .wrapper .list .mProductThumbnail {
	width: calc((100% - 42px * 3)/ 4);
}
html:not(.sp) .coords .mProductList .products .wrapper .list .mProductThumbnail:nth-child(4n) {
	margin-right: 0;
}
html:not(.sp) .coords .mProductList .products .wrapper .list .mProductThumbnail:nth-child(5n) {
	margin-right: 42px;
}
.fadeleft .inner::after {
	content: "";
	position: absolute;
	width: 336px;
	height: 445px;
	top: -100px;
	right: -336px;
	opacity: 0;
	transition: all 1.5s cubic-bezier(0.165, 0.80, 0.45, 1) .5s;
	background: url(../img/img_coor_object.png) no-repeat 0 0 / 100% auto;
}
.fadeleft.active .inner::after {
	opacity: 1;
	right: 0;
}
.movie {
	padding: 100px 0 0;
}
.movie .mImageLink {
	max-width: 1214px;
	width: 100%;
	padding: 0 0 80px;
	margin: 0 auto;
}
.movie .mImageLink h2 {
	display: none;
}
html:not(.sp) .movie .mImageLink .contents.l .wrapper .list .unit .info {
	height: 60px;
}
.local {
	padding: 100px 0;
	min-height: 800px;
	background: url(../img/img_made_bg.jpg) center top no-repeat #f4f0d5;
}
.local h2 {
	margin: 0 0 20px;
}
.intro {
	text-align: center;
	margin: 0 0 40px;
	font-size: 17px;
	line-height: 1.5;
}
.news {
	display: flex;
	justify-content: center;
}
.news li {
	width: 300px;
	margin: 0 12px;
	background-color: #fff;
	border-radius: 10px;
	position: relative;
}
.news li a {
	display: block;
	color: #000;
	font-size: 15px;
	line-height: 1.5;
}
.news li a:hover {
	opacity: 0.7;
}
.news .photo img {
	display: block;
}
.news .info {
	padding: 25px 25px 45px;
}
.news .info h3 {
	font-size: 20px;
	letter-spacing: 0.02em;
	font-weight: bold;
	color: #4d4d4d;
	margin: 0 0 10px;
}
.more {
	width: 86px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: bold;
	background-color: #ebe6b4;
	position: absolute;
	right: 0;
	bottom: 22px;
}
.more span {
	display: block;
	padding: 1px 15px 0 0;
	background: url(../img/ico_arr_more.svg) no-repeat right center / 12px auto;
}

@media screen and (min-width: 1800px) {
	.local {
		background: url(../img/img_made_bg.jpg) left top no-repeat #f4f0d5;
	}
}

@media screen and (max-width: 1440px) and (min-width: 768px) {
	.fadeleft .inner::after {
		width: 23.333vw;
		height: 30.903vw;
		right: -23.333vw;
	}
}

@media screen and (max-width: 767px) {
	.coords {
		background: #d3d4d6;
		background-size: 100% auto;
		padding: 0 0 25px;
	}
	.coords .dummy {
		padding: 0;
	}
	.coords .title {
		text-align: left;
		padding: 110px 25px 90px;
	}
	.coords .coord {
		width: 888px !important;
	}
	.coords .mProductList {
		margin-top: 0;
	}
	.coords .mProductList .products .wrapper .list .mProductThumbnail {
		width: calc((100% - 30px) / 3);
	}
	.coords .mProductList .category .wrapper ul li.current {
		color: #9c9d9d;
	}
	.fadeleft .inner::after {
		width: 185px;
		height: 250px;
		right: -185px;
		background: url(../img/img_coor_object_sp.png) no-repeat 0 0 / 100% auto;
	}
	.fadeleft.active .inner::after {
		top: 0;
		right: -41px;
	}
	.movie {
		padding: 45px 0 0;
	}
	.movie .mImageLink {
		padding: 0 0 30px;
	}
	.movie .mImageLink .contents .wrapper .vertical {
		width: 100% !important;
	}
	.movie .mImageLink .contents .wrapper .list .unit a .info {
		height: 60.5px;
	}
	.local {
		padding: 50px 18px 20px;
		min-height: auto;
		background: url(../img/img_made_bg_sp.jpg) center top no-repeat #f4f0d5;
		background-size: 100% auto;
	}
	.local h2 {
		margin: 0 0 15px;
	}
	.intro {
		text-align: left;
		margin: 0 18px 25px;
		font-size: 16px;
	}
	.news {
		display: block;
	}
	.news li {
		width: auto;
		margin: 0 0 20px;
		padding: 0 0 20px;
	}
	.news .photo img {
		width: 100%;
	}
	.news .info {
		padding: 20px 18px;
	}
	.news .info h3 {
		font-size: 18px;
	}
	.more {
		width: auto;
		height: 40px;
		font-size: 20px;
		font-weight: bold;
		position: relative;
		bottom: 0;
		margin: 0 18px;
	}
	.more span {
		display: block;
		padding: 1px 15px 0 0;
		background: url(../img/ico_arr_more.svg) right center no-repeat / 12px auto;
	}
}

@media screen and (max-width: 414px) {
	.movie .mImageLink .contents .wrapper .list .unit a .info {
		height: 80.5px;
	}
}

.bnr {
	padding: 80px 0 0;
}
.bnr ul {
	display: flex;
	justify-content: center;
}
.bnr ul li {
	width: 230px;
	margin: 0 5px;
}
.bnr ul li a {
	display: flex;
	align-items: center;
	background-color: #808080;
	color: #fff;
	height: 70px;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.04em;
	padding: 0 0 0 75px;
	position: relative;
}
.bnr ul li a:hover {
	opacity: 0.7;
}
.bnr ul li a::before {
	content: "";
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
}
.bnr ul li:nth-child(1) a {
	padding-left: 85px;
}
.bnr ul li:nth-child(1) a::before {
	width: 50px;
	height: 33px;
	background: url(../img/ico_function01.svg) center no-repeat;
	background-size: cover;
}
.bnr ul li:nth-child(2) a::before {
	width: 50px;
	height: 40px;
	background: url(../img/ico_function02.svg) center no-repeat;
	background-size: cover;
}
.bnr ul li:nth-child(3) a::before {
	width: 40px;
	height: 37px;
	background: url(../img/ico_function03.svg) center no-repeat;
	background-size: cover;
}
.bnr ul li:nth-child(4) a::before {
	width: 42px;
	height: 40px;
	background: url(../img/ico_function04.svg) center no-repeat;
	background-size: cover;
}
@media screen and (max-width: 767px) {
	.bnr {
		padding: 0;
	}
	.bnr ul {
		display: block;
	}
	.bnr ul li {
		width: 100%;
		margin: 0;
	}
	.bnr ul li:not(:last-child) {
		border-bottom: 2px solid #fff;
	}
	.bnr ul li a {
		height: 60px;
		font-size: 20px;
		padding: 0 0 0 85px;
	}
	.bnr ul li a::after {
		content: "";
		position: absolute;
		width: 7px;
		height: 13px;
		top: 50%;
		right: 17px;
		transform: translate(0, -50%);
		background: url(../img/ico_arr_w02.svg) no-repeat 0 0 / 100% auto;
	}
	.bnr ul li:nth-child(1) a::before {
		width: 40px;
		height: 26px;
	}
	.bnr ul li:nth-child(2) a::before {
		width: 43px;
		height: 34px;
	}
	.bnr ul li:nth-child(3) a::before {
		width: 32px;
		height: 30px;
		left: 25px;
	}
	.bnr ul li:nth-child(4) a::before {
		width: 39px;
		height: 37px;
	}
}

.network {
	padding: 80px 0;
}
.network-in {
	max-width: 850px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.network-box {
	border: 1px solid #b2b2b2;
	border-radius: 10px;
	width: 360px;
	min-height: 220px;
	padding: 0 10px;
}
.network-box.network-sns {
	width: 470px;
}
.network-sns {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.network-sns h3 {
	font-size: 40px;
	margin: 0 0 5px;
}
.network-sns p {
	font-size: 17px;
	margin: 0 0 30px;
	letter-spacing: 0.04em;
}
.network-sns ul {
	display: flex;
	align-items: center;
	justify-content: center;
}
.network-sns ul li {
	margin: 0 15px;
}
.network-sns ul li a:hover {
	opacity: 0.7;
}
/* link */
.network-link li {
	border-bottom: 1px dashed #b2b2b2;
}
.network-link li:last-child {
	border-bottom: none;
}
.network-link li a {
	display: flex;
	align-items: center;
	font-size: 20px;
	color: #4d4d4d;
	height: 109px;
	padding: 0 0 0 35px;
	position: relative;
}
.network-link li a::after {
	content: "";
	width: 60px;
	height: 60px;
	position: absolute;
	right: 30px;
	top: 50%;
	margin: -30px 0 0;
}
.network-link li:nth-child(1) a::after {
	background: url(../img/ico_sns01.svg) center no-repeat;
	background-size: cover;
}
.network-link li:nth-child(2) a::after {
	background: url(../img/ico_sns02.svg) center no-repeat;
	background-size: cover;
}
@media screen and (max-width: 767px) {
	.network {
		padding: 25px 20px;
	}
	.network-in {
		display: block;
		border: 1px solid #b2b2b2;
		border-radius: 10px;
	}
	.network-box {
		border: none;
		border-radius: 0;
		width: 100%;
		min-height: auto;
		padding: 0 20px;
	}
	.network-box.network-sns {
		width: auto;
		padding: 0 5px 20px;
		border-top: 1px solid #b2b2b2;
	}
	.network-sns h3 {
		font-size: 25px;
		margin: -15px 0 20px;
	}
	.network-sns h3 span {
		display: inline-block;
		padding: 0 18px;
		background-color: #fff;
	}
	.network-sns p {
		font-size: 15px;
		margin: 0 0 20px;
	}
	.network-sns ul li {
		margin: 0 10px;
	}

	/* link */
	.network-link li a {
		font-size: 17px;
		height: 120px;
		padding: 0 0 0 18px;
	}
	.network-link li a::after {
		right: 15px;
	}
}

/* tab */
.mProductListTargetComposed {
	background: #f5f5f5;
	border-top: 1px solid #808080;
	padding: 0 !important;
	position: relative;
}
.mProductListTargetComposed .tool {
	display: none;
}
.targets {
	position: absolute;
	left: 0;
	top: -65px;
	display: flex;
	justify-content: center;
	width: 100%;
	border-bottom: none !important;
}
.targets li {
	width: 310px;
	margin: 0 5px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 65px;
	border-radius: 10px 10px 0 0;
	border-bottom: 1px solid #808080;
	padding: 10px 0 0 !important;
	cursor: pointer;
}
.targets li.hover {
	border-bottom-color: #808080;
}
.targets li:nth-child(1),
.mProductListTargetComposed .products:nth-of-type(2) {
	background-color: #c8e1e6;
}
.targets li:nth-child(2),
.mProductListTargetComposed .products:nth-of-type(3) {
	background-color: #d7ebcd;
}
.targets li:nth-child(3),
.mProductListTargetComposed .products:nth-of-type(4) {
	background-color: #f5dccd;
}
.targets li.current {
	border: 1px solid #808080;
	border-bottom-color: #c8e1e6 !important;
}
.targets li.current:nth-child(2) {
	border-bottom-color: #d7ebcd !important;
}
.targets li.current:nth-child(3) {
	border-bottom-color: #f5dccd !important;
}
.targets li p {
	font-size: 35px !important;
	color: #4d4d4d !important;
	letter-spacing: 0.04em;
}
.targets li p::before {
	display: none;
}
.mProductListTargetComposed .products h2 {
	max-width: 1240px;
	margin: 0 auto !important;
}
.mProductListTargetComposed .products .mProductList .mSearchResult {
	justify-content: center;
}
.mProductListTargetComposed .products .mProductList .mSearchResult .mProductThumbnail:nth-child(5) {
	margin-right: 0 !important;
}
@media screen and (max-width: 767px) {
	.targets {
		top: -42px;
		width: 100% !important;
		margin: 0 !important;
		justify-content: space-between;
		z-index: 5;
	}
	.targets li {
		width: calc(33.33% - 3px);
		margin: 0 !important;
		height: 42px;
		border-radius: 5px 5px 0 0;
		padding: 5px 0 0 !important;
	}
	.targets li p {
		font-size: 20px !important;
	}
}

.mProductListTargetComposed .products {
	padding: 90px 0;
}
.mProductListTargetComposed .products .mProductList {
	max-width: 1271px;
	width: 100%;
	margin: 96px auto 0;
}
html:not(.sp) .mProductListTargetComposed .products .mProductList {
	padding: 0 15px;
}
.mProductListTargetComposed .products .mProductList .mSearch {
	width: 100%;
	margin: 0;
}
.mProductListTargetComposed .products .mProductList .mSearchResult.s .mProductThumbnail {
	width: calc((100% - 15px)/ 2)
}
html:not(.sp) .mProductListTargetComposed .products .mProductList .mSearchResult.s .mProductThumbnail {
	width: calc((100% - 42px * 4)/ 5);
	margin-right: 42px;
}
.mProductListTargetComposed .products .mProductList .mSearchResult.s .mProductThumbnail:nth-of-type(2n) {
	margin-right: 0;
}
.mProductListTargetComposed .products .mProductList .mSearchResult.s .mProductThumbnail:nth-of-type(3n) {
	margin-right: 15px;
}
.mProductListTargetComposed .products .mProductList .category {
	display: none;
}

@media screen and (max-width: 767px) {
	.mProductListTargetComposed .products {
		padding: 20px 18px 50px;
	}
	.mProductListTargetComposed .products .mProductList .mSearchResult .mProductThumbnail {
		width: calc((100% - 30px)/ 2);
	}
	.mProductListTargetComposed .products .mProductList .mSearchResult .mProductThumbnail:nth-child(2n) {
		margin-right: 0;
	}
	.mProductListTargetComposed .products .mProductList .mSearchResult .mProductThumbnail:nth-child(3n) {
		margin-right: 15px;
	}
	.mProductListTargetComposed .products .mProductList .mSearchResult .mProductThumbnail:nth-child(5) {
		display: none;
	}
}

.tabio-box {
	max-width: 850px;
	margin: 0 auto 53px;
	background-color: #fff;
	border-radius: 10px;
}
.tab_products {
	max-width: 1241px;
	width: 100%;
	margin: 0 auto;
}
.key-heading {
	padding: 45px 55px;
	font-size: 18px;
	background: url(../img/img_B01.png) right center no-repeat;
}
.casual .key-heading {
	background: url(../img/img_C01.png) right center no-repeat;
}
.gift .key-heading {
	background: url(../img/img_G01.png) right center no-repeat;
}
.key-heading h3 {
	font-size: 23px;
	font-weight: bold;
	display: flex;
	align-items: center;
	margin: 0 0 15px;
}
.key-heading h3 span {
	font-size: 50px;
	margin: 0 10px 0 0;
}
.key-footer {
	background-color: #f7f7f7;
	border-radius: 0 0 10px 10px;
	padding: 35px 30px 30px;
	position: relative;
	border-top: 1px solid #808080;
}
.key-footer .label {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	font-size: 20px;
	transform: translateY(-50%);
}
.key-footer .label span {
	display: inline-block;
	padding: 0 25px;
	background: linear-gradient(0deg, rgba(247, 247, 247, 1) 0%, rgba(247, 247, 247, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
}
.prod_box {
	margin: 0 0 55px;
}
.prod_box h3 {
	font-size: 20px;
	font-weight: 700;
	color: #333333;
	margin: 0 0 20px;
}
.tags {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.tags li {
	margin: 0 4px;
}
.tags li a {
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 2;
	border-radius: 18px;
	color: #666;
	background-color: #c8e1e6;
	padding: 0 20px;
	letter-spacing: 0.003em;
}
.tags.t_casual li a {
	background-color: #d7ebcd;
}
.tags.t_gift li a {
	background-color: #f5dccd;
}
.tags li a:hover {
	opacity: 0.7;
}

@media screen and (max-width: 767px) {
	.tabio-box {
		border-radius: 5px;
		margin: 0 auto 38px;
	}
	.key-heading {
		padding: 30px 20px 55px;
		font-size: 16px;
		background: url(../img/img_B01_sp.png) right 12px top 29px no-repeat;
		background-size: 148px auto;
	}
	.casual .key-heading {
		background: url(../img/img_C01_sp.png) right 15px top 30px no-repeat;
		background-size: 143px auto;
	}
	.gift .key-heading {
		background: url(../img/img_G01_sp.png) right 12px center no-repeat;
		background-size: 131px auto;
	}
	.key-heading h3 {
		font-size: 16px;
		display: block;
		margin: 0 0 15px;
	}
	.key-heading h3 span {
		font-size: 39px;
		margin: 0;
	}
	.key-heading p {
		font-size: 14px;
		font-weight: 700;
		line-height: 1.4;
	}
	.key-footer {
		border-radius: 0 0 5px 5px;
		padding: 25px 25px 20px;
	}
	.key-footer .label {
		font-size: 14px;
	}
	.key-footer .label span {
		padding: 0 15px;
	}
	.prod_box {
		margin: 0 0 48px;
	}
	.prod_box h3 {
		font-size: 17px;
		margin: 0 0 13px;
	}
	.prod_box .mProductList .products .wrapper .vertical {
		width: 100% !important;
	}
	.prod_box .mProductList .products .wrapper .vertical .mProductThumbnail:nth-child(5) {
		display: none;
	}
	.tags {
		justify-content: flex-start;
	}
	.tags li {
		margin: 0 5px 5px 0;
	}
	.tags li a {
		font-size: 15px;
		border-radius: 15px;
		padding: 0 10px;
	}
}

.categories {
	margin-top: 70px;
	/* display: flex; */
	flex-wrap: wrap;
	justify-content: center;
	padding: 40px;
}
@media screen and (min-width: 767px) {
	.categories {
		display: flex;
	}
}
.categories .cate-col {
	margin: 0 25px;
	width: 200px;
}
.categories h4 {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding: 0 0 10px;
	margin: 0 0 20px;
	border-bottom: 4px solid #c8e1e6;
}
.categories.c_casual  h4 {
	border-bottom-color: #d7ebcd;
}
.categories.c_gift h4 {
	border-bottom-color: #f5dccd;
}
.gift .categories .cate-col {
	width: 250px;
}
.categories ul {
	padding: 0 0 0 25px;
}
.categories li {
	list-style-type: disc;
	margin: 0 0 15px 20px;
}
.categories li:last-child {
	margin-bottom: 0;
}
.categories li a {
	display: block;
	color: #000;
	/* font-size: 15px; */
}
.categories li a:hover {
	opacity: 0.7;
}
.banner ul {
	display: flex;
	justify-content: center;
}
.banner ul li {
	margin: 0 12px;
	position: relative;
}
.banner ul li a {
	display: block;
	color: #fff;
	font-size: 36px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.banner ul li a:hover {
	opacity: 0.7;
}
.banner ul li a span {
	font-size: 20px;
}
.banner .photo img {
	display: block;
}
.banner .mask {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 850px) and (min-width: 768px) {
	.categories .cate-col {
		margin: 0 10px;
	}
}
@media screen and (max-width: 767px) {
	.categories {
		margin-top: 20px;
		display: none;
		padding: 0;
		background-color: transparent;
	}
	.categories .cate-col {
		margin: 0;
		width: auto;
	}
	.categories h4 {
		font-size: 17px;
		padding: 12px 0;
		margin: 0;
		border-bottom: none;
	}
	.gift .categories .cate-col {
		width: auto;
	}
	.categories ul {
		padding: 0;
		background-color: #fff;
		border-radius: 5px;
	}
	.categories li {
		margin: 0 5px;
		padding: 0;
		border-bottom: 1px dashed #b2b2b2;
		list-style-type: none;
	}
	.categories li:last-child {
		border-bottom: none;
	}
	.categories li a {
		font-size: 16px;
		position: relative;
		padding: 15px 20px 15px 30px;
	}
	.categories li a::after {
		content: "";
		width: 8px;
		height: 13px;
		background: url(../img/ico_arr_b.png) center no-repeat;
		background-size: cover;
		position: absolute;
		right: 5px;
		top: 50%;
		margin: -7px 0 0;
	}
	.categories li a::before {
		content: "";
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background-color: #000;
		position: absolute;
		left: 12px;
		top: 22px;
	}
	.banner ul {
		display: block;
		padding: 35px 0;
	}
	.banner ul li {
		width: 275px;
		margin: 0 auto 15px;
	}
	.banner ul li:last-child {
		margin-bottom: 0;
	}
	.banner ul li a {
		font-size: 24px;
	}
	.banner ul li a span {
		font-size: 13px;
	}
	.toogle-btn {
		height: 60px;
		display: flex !important;
		align-items: center;
		justify-content: center;
		background-color: #808080;
		color: #fff;
		font-size: 22px;
		letter-spacing: 0.04em;
		margin: 20px -18px 0;
		position: relative;
		cursor: pointer;
	}
	.toogle-btn::after {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 6px 0 6px;
		border-color: #fff transparent transparent transparent;
		position: absolute;
		right: 20px;
		top: 50%;
		margin: -4px 0 0;
	}
}