@charset "utf-8";

/* !HTML5 elements
---------------------------------------------------------- */
header, footer, nav, section, aside, article
{ display: block;}

/* !Reseting
---------------------------------------------------------- */

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top; max-width: 100%;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input,select,textarea,button
{ outline: none; }
abbr, acronym
{ border: 0;}



/* !Clearfix
---------------------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* !Inline Align ------------------------------------------------------------ */
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}

/*common*/
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
	color: inherit;
	text-decoration: none;
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}
a:hover {
	opacity: 0.7;
}

.op img {
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}
.op:hover img {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
}


/* !Layout
---------------------------------------------------------- */
html { 
	overflow-y: scroll;
	font-size: 62.5%;
}
body {
	color: #0F1011;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 1.6rem;
	-webkit-text-size-adjust: none;
	line-height: 1.5;
}

.font-oswald {
	font-family: "Oswald", sans-serif;
}
.font-kaisei {
	font-family: "Kaisei Opti", serif;
}

@media (max-width: 1280px) and (min-width: 835px) {
    html {
		font-size: 0.78125vw;
	}
}

@media screen and (min-width: 835px) {
	.l-sp {
		display: none;
	}
	.l-about__display .map {
	margin-right: 1.6rem;
	}
	.l-about__display .info {
	padding: 3.2rem 0 0 1.6rem;
	}
}
@media screen and (max-width: 834px) {
	.l-pc {
		display: none;
	}
}

/* !wrapper
---------------------------------------------------------- */
#l-wrapper {
	position: relative;
	z-index: 2;
	padding: 6rem 0 0;
}
#l-wrapper:before {
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100vh;
	background: url(../image/bg_wt_sp.jpg)no-repeat center bottom;
	background-size: 100%;
}

/* !header
---------------------------------------------------------- */
#l-header {
	display: flex;
	justify-content: space-between;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	padding: 0 1.6rem;
	width: 100%;
	background: #000;
	border-bottom: 0.4rem solid #C59B41;
	color: #fff;
}
.l-header__logo {
	display: flex;
	align-items: center;
	height: 6rem;
}
.l-header__logo img {
	width: 14rem;
}
.l-header__btnmenu {
	position: relative;
	z-index: 5;
	transition: all 0.3s;
	width: 4rem;
	height: 4rem;
}
.l-header__btnmenu.active {
	background: #C59B41;
}
.l-header__btnmenu span {
    background-color: #fff;
    display: block;
    height: 0.2rem;
    width: 60%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.l-header__btnmenu span:nth-child(1) {
    top: 1.3rem;
}
.l-header__btnmenu span:nth-child(2) {
    top: 1.9rem;
}
.l-header__btnmenu span:nth-child(3) {
    top: 2.5rem;
}
.l-header__btnmenu.active span:nth-child(1) {
    top: 2rem;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
}
.l-header__btnmenu.active span:nth-child(2) {
    opacity: 0;
}
.l-header__btnmenu.active span:nth-child(3) {
    top: 2rem;
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg);
}
#l-header__navi {
	display: flex;
	align-items: center;
	gap: 0 1rem;
}
#l-header__navi .nav {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 3;
	-webkit-transform: translateX(105%);
	transform: translateX(105%);
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	padding: 7.2rem 1.6rem;
	background: #000;
	width: 100%;
	max-height: 100vh;
}
#l-header__navi .nav.open {
	transform: translateX(0);
}
#l-header__navi .nav ul {
	border-top: 0.4rem solid #C59B41;
}
#l-header__navi .nav li {
	border-bottom: 0.4rem solid #C59B41;
}
#l-header__navi .nav li a {
	display: block;
	padding: 1.6rem 0;
	position: relative;
	text-align: center;
	line-height: 1.5;
	font-weight: 700;
}
#l-header__navi .nav li .eng {
	display: block;
	line-height: 1;
	font-size: 3.2rem;
}
.l-header__btn {
	position: fixed;
	left: 0;
	bottom: 0;
	padding: 1.1rem 2.4rem;
	width: 100%;
	background: rgba(0,0,0,0.7);
	text-align: center;
}

/*** スマホ 320px ~ 834px***/
@media screen and (min-width: 1620px) {
	.l-header__logo img {
		width: 15.6rem;
	}
	#l-header__navi .nav li a {
	    padding: 0.2rem 1.2rem;
		font-size: 1.6rem;
	}
	.l-header__btn a {
		padding: 0.5rem 2.4rem;
		font-size: 1.8rem;
	}
}
@media screen and (min-width: 835px) {
	#l-wrapper {
		padding: 7rem 0 0;
	}
	#l-wrapper:before {
		background-image: url(../image/bg_wt_pc.jpg);
		background-size: cover;
	}
	
	#l-header {
		padding: 0 2.4rem;
	}
	.l-header__logo {
		height: 7rem;
	}
	.l-header__logo img {
	    width: 14rem;
	}
	
	.l-header__btnmenu {
		display: none;
	}
	#l-header__navi {
		gap: 0 1.2rem;
	}
	#l-header__navi .nav {
	    position: static;
	    -webkit-transform: translateX(0);
	    transform: translateX(0);
	    padding: 0;
	    width: auto;
	    max-height: auto;
	}
	#l-header__navi .nav ul {
		display: flex;
		border-top: 0;
	}
	#l-header__navi .nav li {
		border-bottom: 0;
	}
	#l-header__navi .nav li .eng {
		display: none;
	}
	#l-header__navi .nav li a {
	    display: block;
	    position: relative;
		padding: 0.2rem 1.2rem;
	    text-align: center;
	    line-height: 1.5;
		font-size: 1.4rem;
	    font-weight: 700;
	}
	#l-header__navi .nav li a:hover {
		background: #555;
	}
	#l-header__navi .nav li + li a {
		border-left: 2px solid #3C3C3C;
	}
	.l-header__btn {
		position: static;
		padding: 0;
		width: auto;
	}
	.l-header__btn a {
		font-size: 1.6rem;
	}
	.l-header__btn a:hover {
		opacity: 0.7;
	}
	
	
	
}



/* jubijo_lp_footer
-----------------------------------------------------------*/
.p-footer {
  position: relative;
  background-color: #000000;
  color: #fff;
  padding: 8rem 0 18rem;
  border-top: 0.8rem solid #C59B41;
  font-weight: 500;
}

/* .p-footer::before {
  content: "";
  position: absolute;
  left: 0;
  top: -0.4rem;
  height: 0.4rem;
  width: 100%;
  background: linear-gradient(to left, #00A040 25%, #F8B500 25%, #F8B500 50%, #0075C2 50%, #0075C2 75%, #E60012 75%);
} */

.p-footer__totop {
  cursor: pointer;
  margin: 0 auto;
  padding: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 6rem; 
}

.p-footer__totop:hover {
  opacity: 0.7;
}

.p-footer__sns {
  margin-top: 8rem;
}

.p-footer__sns-text { 
  text-align: center;
}

.p-footer__links {
  gap: 4rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 2rem auto 0;
  max-width: 29.2rem;
}

.p-footer__link a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.p-footer__logo {
  margin: 4rem auto 0; 
  width: 11.4rem; 
}

.p-footer__logo a {
  display: block;
}

.p-footer__text {
  font-size: 1.4rem;
  line-height: 1.45;
  margin-top: 4rem; 
  text-align: center;
}

.p-footer__copyright {
  margin-top: 0.8rem;
  text-align: center;
  font-size: 1.4rem;
} 

/*** スマホ 320px ~ 834px***/
@media screen and (min-width: 835px) {
	.p-footer {
		padding: 11.4rem 0;
	}
	.p-footer::before {
		content: none;
	}
	.p-footer__sns {
		margin-top: 8rem;
	}
	.p-footer__sns-text {
		font-size: 1.8rem;
	}
	.p-footer__links {
		margin-top: 2.4rem; 
	}
	.p-footer__logo {
		margin-top: 8rem;
	}
	.p-footer__text {
		font-size: 1.6rem;
	}
	.p-footer__copyright {
		font-size: 1.6rem;
	}
}


/* !common
---------------------------------------------------------- */
.l-inner {
	margin: 0 auto;
	padding: 0 1.6rem;
}

.l-anchors {
	padding: 4rem 0;
}
.l-anchors .head {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 0.8rem;
	margin-bottom: 2.4rem;
	text-align: center;
	font-weight: 700;
}
.l-anchors .head:before,
.l-anchors .head:after {
	content: "";
	display: block;
	width: 1.2rem;
	height: 0.8rem;
	background: url(../image/about/icon_iframe.svg)no-repeat center;
	background-size: 100%;
}
.l-anchors .head:after {
	transform: scaleX(-1);
}
.l-anchors ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 1.6rem;
}
.l-anchors li {
	width: calc(100%/3 - 1.6rem);
	max-width: 10.3rem;
}
.l-anchors li a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.8rem 1rem 2.4rem;
	height: 100%;
	background: url(../image/common/ico_arr_down_yell.svg)no-repeat center bottom 0.4rem #fff;
	background-size: 1.6rem;
	border-radius: 0.4rem;
	border: 2px solid #C59B41;
	box-shadow: 0 0.1rem 0.8rem 0 rgba(62, 62, 62, 0.08);
	text-align: center;
	font-weight: 700;
	font-size: 1.4rem;
}

.l-anchorarea {
	position: relative;
}
.l-anchorarea .anchor {
	position: absolute;
	top: -6rem;
}

.l-headlarge {
	margin-bottom: 2.4rem;
	text-align: center;
	font-weight: 700;
}
.l-headlarge .eng {
	margin-bottom: 0.8rem;
	letter-spacing: 0.04rem;
	color: #C59B41;
	font-size: 2rem;
}
.l-headlarge .jap {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem 1rem 3.6rem;
	min-height: 11.3rem;
	background: url(../image/common/bg_ttl_sp.svg)no-repeat center top;
	background-size: auto 100%;
	letter-spacing: 0.032rem;
	font-size: 3.2rem;
}

.l-btn {
	margin-top: 2.4rem;
	text-align: center;
}


/*** スマホ 320px ~ 834px***/
@media screen and (min-width: 835px) {
	.l-inner {
		padding: 0 5rem;
		max-width: 100rem;
	}
	
	.l-anchors {
		padding: 5.5rem 0;
	}
	.l-anchors .head {
		gap: 0 1.6rem;
		font-size: 2rem;
	}
	.l-anchors .head:before, 
	.l-anchors .head:after {
	    width: 2.4rem;
	    height: 1.6rem;
	}
	.l-anchors li {
		max-width: 10.6rem;
	}
	.l-anchors li a {
		padding: 1.6rem 1rem 3.6rem;
		background-position: center bottom 0.8rem;
		line-height: 1.2;
		font-size: 1.6rem;
	}
	
	.l-headlarge {
		margin: 0 auto 4rem;
		max-width: 72rem;
	}
	.l-headlarge .eng {
		font-size: 2.4rem;
	}
	.l-headlarge .jap {
		background-image: url(../image/common/bg_ttl_pc.svg);
		letter-spacing: 0.01em;
		font-size: 4rem;
	}
	
	
	
	
}



/* !page
---------------------------------------------------------- */
.l-kv img {
	width: 100%;
}

.l-about {
	position: relative;
	padding: 8rem 0;
	background: url(../image/about/line_about_sp.svg)no-repeat center top 2.4rem #FFF3D8;
	background-size: 100%;
}
.l-about:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 2.4rem;
	width: 100%;
	border-bottom: 2px dotted #C59B41;
}


.l-about__display .info {
	padding: 3.2rem 0.8rem 0;
	line-height: 2;
	letter-spacing: 0.032rem;
}
.l-about__display p + p {
	margin-top: 3.2rem;
}

.l-enjoy {
	overflow: hidden;
	padding: 8rem 0 0;
}
.l-enjoy__match .match-part {
	position: relative;
	padding: 4rem 1.6rem 6.4rem;
	border-radius: 1.6rem 1.6rem 0 0;
	border: 0.6rem solid #C59B41;
}
.l-enjoy__match .match-part + .match-part {
	margin-top: -1.6rem;
}
.match-part:before {
	content: "";
	position: absolute;
	left: 0;
	top: -1.8rem;
	width: 100%;
	height: 4rem;
	background: no-repeat center;
	background-size: auto 100%;
}
.match-before {
	background: linear-gradient(180deg, #FFF 0%, #FFF7E4 100%);
}
.match-before:before {
	background-image: url(../image/enjoy/heading_enjoy_01.svg);
}
.match-during {
	background: linear-gradient(180deg, #FFF3D8 0%, #FEEDC8 100%);
}
.match-during:before {
	background-image: url(../image/enjoy/heading_enjoy_02.svg);
}
.match-after {
	background: linear-gradient(180deg, #EED297 0%, #D5B97D 100%);
}
.match-after:before {
	background-image: url(../image/enjoy/heading_enjoy_03.svg);
}
.l-enjoy__head {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	padding: 1rem 0;
	margin-bottom: 2.4rem;
	min-height: 8.4rem;
	text-align: center;
	letter-spacing: 0.048rem;
	font-size: 2.4rem;
	font-weight: 700;
}
.l-enjoy__head:before {
	content: "";
	position: absolute;
	top: 0; 
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../image/enjoy/icon_enjoy_ttl.svg) no-repeat center;
	background-size: auto 100%;
	opacity: 0.24;
	z-index: -1;
}
.l-enjoy__match .match-seat {
	position: relative;
	z-index: 2;
}
.match-part .bg {
	opacity: 0.32;
	position: absolute;
	width: 31.2rem;
}
.match-part .bg-dot1 {
	top: 3rem;
	left: -14.4rem;
}
.match-part .bg-dot2 {
	top: 44.5rem;
	right: -11.3rem;
}
.match-part .bg-dot3 {
	top: 79.8rem;
	left: -10.4rem;
}
.match-part .bg-dot4 {
	right: -14rem;
	bottom: 70.7rem;
}
.match-part .bg-dot5 {
	bottom: 3.8rem;
	left: -7.2rem;
}
.l-enjoy__match .match-seat ul {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 4rem 1rem;
}
.l-enjoy__match .match-seat .img {
	position: relative;
	margin-bottom: 2.4rem;
	width: 100%;
	border: 0.4rem solid #C59B41;
	border-radius: 1.6rem;
}
.l-enjoy__match .match-seat li:nth-of-type(odd) .img {
	transform: rotate(-4deg);
	transform-origin: 100% 0;
	margin-left: -3.2rem;
}
.l-enjoy__match .match-seat li:nth-of-type(even) .img {
	transform: rotate(4deg);
	transform-origin: 0 0;
	margin-left: auto;
	margin-right: -3.2rem;
}
.l-enjoy__match .match-seat .img:before {
	content: "";
	position: absolute;
	background: no-repeat center;
	background-size: 100%;
}
.l-enjoy__match .match-seat li:nth-of-type(1) .img:before {
	left: 95%;
	bottom: 100%;
	transform: rotate(35deg) scaleY(-1);
	transform-origin: 50% 50%;
	width: 6.5rem;
	height: 3.6rem;
	background-image: url(../image/enjoy/acce_enjoy_01.svg);
}
.l-enjoy__match .match-seat li:nth-of-type(2) .img:before {
	left: -3.2rem;
	top: -2.9rem;
	width: 5.5rem;
	height: 5rem;
	background-image: url(../image/enjoy/acce_enjoy_02.svg);
}
.l-enjoy__match .match-seat li:nth-of-type(3) .img:before {
	left: calc(100% - 2rem);
	top: -3.2rem;
	transform: rotate(220deg);
	width: 7.9rem;
	height: 4.5rem;
	background-image: url(../image/enjoy/acce_enjoy_03.svg);
}
.l-enjoy__match .match-seat .img img {
	width: 100%;
	border-radius: 1.2rem;
}
.l-enjoy .info {
	max-width: 31.1rem;
	font-size: 1.4rem;
	line-height: 2;
	letter-spacing: 0.028rem;
}
.l-enjoy__match .match-seat li:nth-of-type(odd) .info {
	margin-left: auto;
}
.l-enjoy__match .match-seat li:nth-of-type(even) .info {
	margin-right: auto;
}
.l-enjoy__match .match-food {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 4rem 1rem;
	margin-top: 4rem;
}
.l-enjoy__match .match-food .info {
	margin: 0.8rem auto;
}
.match-food .winner .img {
	position: relative;
	transform: rotate(4deg);
	transform-origin: 0 0;
	margin-left: auto;
	margin-right: -3.2rem;
	margin-bottom: 2.4rem;
	width: 100%;
	border: 0.4rem solid #C59B41;
	border-radius: 1.6rem;
}
.match-food .winner .img:before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: -4.5rem;
	transform: rotate(145deg);
	width: 6.5rem;
	height: 3.6rem;
	background: url(../image/enjoy/acce_enjoy_01.svg) no-repeat center;
	background-size: 100%;
}
.match-food .winner .img img {
	border-radius: 1.2rem;
}
.match-food .winner .info {
	margin-left: 0;
}
.l-enjoy__match .banner-shout {
	margin: 0 -1.6rem;
}
.l-enjoy__match .banner-shout img {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	min-width: 40rem;
}
.l-enjoy__match .fans-engage .info {
	margin: 0 auto;
	max-width: 29.5rem;
}
.l-enjoy__match .match-youtube {
	margin-top: 4rem;
}
.l-enjoy__movieswiper {
	margin: 0 auto;
	max-width: 29.5rem;
}
.l-enjoy__movieswiper .swiper-slide {
	opacity: 0.5;
	transition-duration: 0.3s;
}
.l-enjoy__movieswiper .movie {
	display: block;
}
.l-enjoy__movieswiper .info {
	opacity: 0;
	margin-top: 0.8rem;
	transition-duration: 0.3s;
}
.l-enjoy__movieswiper .swiper-slide-active {
	opacity: 1;
}
.l-enjoy__movieswiper .swiper-slide-active .info {
	opacity: 1;
}
.l-enjoy__sale {
	position: relative;
	padding: 8rem 0 5.6rem;
	background: url(../image/enjoy/bg_bk_sp.jpg)no-repeat center;
	background-size: cover;
	border-bottom: 0.6rem solid #C59B41;
	color: #fff;
}
.l-enjoy__sale .head {
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%, -50%) rotate(-4deg);
	padding: 1rem;
	width: 110%;
	border-top: 0.4rem solid #C59B41;
	border-bottom: 0.4rem solid #C59B41;
	background: #0F1011;
	text-align: center;
	color: #fff;
	font-size: 2.4rem;
	font-weight: 700;
}
.l-enjoy__sale ul {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 4rem;
}
.l-enjoy__sale .tit {
	margin-bottom: 1.6rem;
	text-align: center;
}
.l-enjoy__sale .tit span {
	display: inline-block;
	padding: 0.4rem 0.8rem;
	background: #C59B41;
	letter-spacing: 0.032rem;
	font-weight: 700;
}
.l-enjoy__sale .info {
	margin: 0.8rem auto 0;
}

.l-enjoy__sale .info_heading {
	margin: 1.6rem auto 0;
	font-size: 1.8rem;
	font-weight: 600;
	text-align: center ;
}

.toggle-btn {
	cursor: pointer;
}
.toggle-box {
	display: none;
}
.l-rule {
	padding: 8rem 0;
}
.l-rule__list .item {
	overflow: hidden;
	border-radius: 0.8rem;
	border: 2px solid #0F1011;
	box-shadow: 0 1px 8px 0 rgba(62, 62, 62, 0.08);
}
.l-rule__list .item + .item {
	margin-top: 3.2rem;
}
.l-rule__list .thead {
	padding: 0.8rem 5.6rem 0.8rem 2.4rem;
	background: url(../image/common/icon_plus.svg)no-repeat right 2.4rem center #0F1011;
	background-size: 2.4rem;
	color: #fff;
	font-weight: 700;
	font-size: 2rem;
}
.l-rule__list .thead.open {
	background-image: url(../image/common/icon_minus.svg);
}
.l-rule__list .td {
	padding: 1.6rem 2.4rem;
	background: #FFF;
}
.l-rule__notes li {
	padding-left: 1em;
	text-indent: -1em;
	line-height: 2;
	letter-spacing: 0.032rem;
}
.l-rule__notes li:before {
	content: "•";
	margin: 0 0.5rem;
}
.l-rule__list .img {
	margin-top: 1.6rem;
	text-align: center;
}
.l-rule__flow li + li {
	margin-top: 1.6rem;
}
.l-rule__flow .tit {
	margin-bottom: 0.8rem;
	color: #C59B41;
	font-size: 1.8rem;
	font-weight: 700;
}
.l-rule__flow .txt {
	padding-left: 1.6rem;
	line-height: 2;
	letter-spacing: 0.032rem;
}
.l-rule__flow .l-btn {
	margin-top: 1.6rem;
}

.l-team {
	position: relative;
	z-index: 2;
	padding: 8rem 0;
	background: url(../image/bg_team_sp.png)no-repeat ;
	background-size: cover;
	border-top: 0.8rem solid #C59B41;
	border-bottom: 0.8rem solid #C59B41;
	background: linear-gradient(180deg, #FFF3D8 0%, #EED297 100%);
}
.l-team:before,
.l-team:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	border-top: 0.4rem solid #FFF;
}
.l-team:before {
	top: 0%;
}
.l-team:after {
	bottom: 0%;
}
.l-team .bg-line {
	position: absolute;
	left: 50%;
	top: 0;
	z-index: -1;
	height: 100%;
	border-left: 0.4rem solid #FFF;
}
.l-team__part + .l-team__part {
	margin-top: 4.8rem;
}
.l-team .head {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 0.8rem;
	text-align: center;
	margin-bottom: 1.6rem;
	letter-spacing: 0.048rem;
	font-size: 2.4rem;
	font-weight: 700;
}
.l-team .head:before,
.l-team .head:after {
	content: "";
	display: block;
	width: 2.4rem;
	height: 2.4rem;
	background: url(../image/common/icon_racket.svg)no-repeat center;
	background-size: 100%;
}
.l-team .head:after {
	transform: scaleX(-1);
}
.l-team__area .item {
	padding: 0 1.6rem;
	background: #fff;
	border: 2px solid #0F1011;
	border-radius: 0.8rem;
}
.l-team__area .item + .item {
	margin-top: 2.4rem;
}
.l-team__area .area-head {
	padding: 1.6rem 4rem 1.6rem 0;
	background: url(../image/common/icon_plus.svg)no-repeat right top 2.4rem;
	background-size: 3.2rem;
}
.l-team__area .area-head.open {
	background-image: url(../image/common/icon_minus.svg);
}
.l-team__area .area-head .logo {
	display: flex;
	align-items: center;
	gap: 0 0.8rem;
	font-size: 2rem;
	font-weight: 700;
}
.l-team__area .area-head .logo .icon {
	width: 4.8rem;
}
.l-team__area .area-head .city {
	padding-left: 3.2rem;
	margin-top: 0.8rem;
	background: url(../image/common/icon_pin.svg)no-repeat left center;
	background-size: 2.4rem;
}
.l-team__area .area-td {
	padding: 1.6rem 0;
	border-top: 2px solid #CED3D9;
}
.l-team__area .display .info {
	margin: 0.8rem auto 0;
	max-width: 29.5rem;
	line-height: 2;
	letter-spacing: 0.032rem;
}

.l-howto {
	overflow: hidden;
	padding: 8rem 0 0;
}
.l-howto__swiper {
	position: relative;
	margin: 0 auto;
	max-width: 29.5rem;
}
.swiper-button-prev:after,
.swiper-button-next:after {
	display: none;
}
.l-howto__swiper .swiper-button-prev,
.l-howto__swiper .swiper-button-next {
	top: 15rem;
	width: 2.4rem;
	height: 2.4rem;
	background: url(../image/common/icon_prev.svg)no-repeat center;
	background-size: 100%;
}
.l-howto__swiper .swiper-button-prev {
	left: -1.2rem;
}
.l-howto__swiper .swiper-button-next {
	right: -1.2rem;
	transform: scaleX(-1);
}
.l-howto__swiper .swiper-pagination {
	position: static;
	margin-top: 0.8rem;
	font-size: 0;
}
.l-howto__swiper .swiper-pagination-bullet {
	opacity: 0.4;
	background: #EED297;
}
.l-howto__swiper .swiper-pagination-bullet-active {
	opacity: 1;
	background: #C59B41;
}

.l-howto__swiper .img {
	transform: scale(0.89, 0.89);
	transform-origin: 50% 100%;
	transition-duration: 0.3s;
}
.l-howto__swiper .cate {
	opacity: 0;
	transition-duration: 0.3s;
	padding: 0.4rem;
	margin: 0 auto 0.8rem;
	max-width: 28rem;
	background: #C59B41;
	text-align: center;
	color: #fff;
	font-size: 2rem;
	font-weight: 700;
}
.l-howto__swiper .sub {
	text-align: center;
	line-height: 1.75;
	padding: 0 1.2rem;
}
.l-howto__swiper .swiper-slide-active .img {
	margin-bottom: 0.8rem;
	transform: scale(1, 1);
}
.l-howto__swiper .swiper-slide-active .cate {
	opacity: 1;
}

.l-lossary {
	padding: 8rem 0 4rem;
}
.l-lossary__language .item {
	overflow: hidden;
	border-radius: 0.8rem;
	border: 2px solid #C59B41;
}
.l-lossary__language .item + .item {
	margin-top: 2.4rem;
}
.l-lossary__language .terms {
	padding: 0.9rem 6rem 0.9rem 2.4rem;
	background: url(../image/common/icon_plus_bk.svg)no-repeat right 2.4rem center #FFF3D8;
	font-size: 2rem;
	font-weight: 700;
}
.l-lossary__language .terms.open {
	background-image: url(../image/common/icon_minus_bk.svg);
}
.l-lossary__introd {
	padding: 2.4rem;
	border-top: 2px solid #C59B41;
}
.l-lossary__introd .part + .part {
	margin-top: 1.6rem;
	padding-top: 1.6rem;
	border-top: 1px solid #C59B41;
}
.l-lossary__introd .head {
	margin-bottom: 0.4rem;
	font-size: 1.8rem;
	font-weight: 700;
}
.l-lossary__introd .txt {
	line-height: 1.75;
}
.l-lossary__introd .imgs {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 0.4rem;
	margin-top: 0.4rem;
}

.l-faq {
	position: relative;
	padding: 0 0 8rem;
	margin-top: 5.6rem;
	background: #F4F5F6;
}

.l-faq:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 100%;
	height: 5.6rem;
	width: 100%;
	background: url(../image/frame_faq_sp.png)no-repeat center bottom;
	background-size: 100% 100%;
}
.l-faq__part {
	margin: 0 auto;
}
.l-faq__part + .l-faq__part {
	margin-top: 2.4rem;
}
.l-faq__part .head {
	margin-bottom: 1.6rem;
	border-left: 0.4rem solid #bc882e;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.3125;
	padding-left: 0.8rem;
	position: relative;
}
.l-faq__list {
	border-top: 1px solid #000;
}
.l-faq__list .item {
	cursor: pointer;
	position: relative;
	border-bottom: 1px solid #000;
	padding: 0.8rem 0;
	transition: all 0.3s;
}
.l-faq__list .quest,
.l-faq__list .answer {
	position: relative;
	padding: 0.6rem 1.6rem 0.6rem 4rem;
	font-size: 1.4rem;
	font-weight: 500;
}
.l-faq__list .quest:before {
	content: "Q";
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-bottom: 0.4rem;
	width: 3.2rem;
	height: 3.2rem;
	background-color: black;
	color: #fff;
	font-family: Oswald, sans-serif;
	font-size: 2rem;
}
.l-faq__list .quest:after {
	content: "";
	position: absolute;
	right: 0;
	top: 1.1rem;
	width: 1.2rem;
	height: 1.2rem;
	background: url(../image/common/icon_plus2.svg)no-repeat right center;
	background-size: 100%;
}
.l-faq__list .quest.open:after {
	background-image: url(../image/common/icon_minus2.svg);
}
.l-faq__list .answer {
	margin-top: 0.8rem;
}
.l-faq__list .answer .part + .part {
	margin-top: 1.6rem;
}
.l-faq__list .answer .indent {
	text-indent: 1em;
}
.l-faq__list .answer a {
	color: #0083c3;
	text-decoration: underline;
}

.l-faq__contact {
    margin: 4rem auto 0;
    max-width: 31rem;
}
.l-contact {
    border: 1px solid black;
}
.l-contact__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: black;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 4.8rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.6rem;
}
.l-contact__main {
    padding: 1.6rem;
}
.l-contact__text {
    font-size: 1.4rem;
    line-height: 1.5;
}
.l-contact__btn {
    display: flex;
    justify-content: center;
    margin: 1.2rem auto 0;
	padding: 0;
	border: 0;
}
.l-contact__btn a {
    display: block;
    overflow: hidden;
    border-radius: 5rem;
    box-shadow: 0 0.4rem 0 #000;
}


/*** スマホ 320px ~ 834px***/
@media screen and (min-width: 835px) {
	.l-about {
	    padding: 16rem 0 12rem;
	    background-image: url(../image/about/line_about_pc.svg);
		background-position: center top 4.8rem;
	}
	.l-about:after {
	    bottom: 4.8rem;
		border-bottom-width: 0.4rem;
	}
	.l-about .l-headlarge {
		margin-bottom: 3.2rem;
	}
	.l-about__display {
		display: flex;
		justify-content: space-between;
	}
	.l-about__display .map {
		width: calc(50% - 4.1rem);
	}
	.l-about__display .info {
		width: calc(60% - 3.1rem);
		padding: 0;
		line-height: 2.4;
		letter-spacing: 0.02em;
	}
	
	.l-enjoy {
	    padding-top: 12rem;
	}
	.l-enjoy .info {
	    max-width: 38.6rem;
	}
	.l-enjoy__match {
		margin: 0 auto;
		max-width: 130rem;
	}
	.l-enjoy__match .match-part {
	    padding: 6.4rem 5rem 10.4rem;
	}
	.l-enjoy__head {
	    margin-bottom: 3.2rem;
	    min-height: 9.4rem;
	    letter-spacing: 0.02em;
	    font-size: 2.8rem;
	}
	.l-enjoy__match .match-seat ul {
	    grid-template-columns: repeat(3, 1fr);
	    gap: 2.4rem;
	}
	.l-enjoy__match .match-seat .l-enjoy .info {
	    max-width: 100%;
	    font-size: 1.6rem;
	    letter-spacing: 0.028rem;
	}
	.l-enjoy__match .match-seat .img {
	    margin-bottom: 3.2rem;
	}
	.l-enjoy__match .match-seat li:nth-of-type(odd) .img{
		margin-left: -1.6rem;
	}
	.l-enjoy__match .match-seat li:nth-of-type(even) .img {
	    transform: rotate(-4deg);
		transform-origin: 100% 0;
		margin-right: auto;
		margin-left: -1.6rem;
	}
	.l-enjoy__match .match-seat li:nth-of-type(2) .img:before {
	    left: 95%;
	    top: -3.2rem;
		transform: rotate(80deg);
	    width: 5.5rem;
	    height: 5rem;
	}

	.match-part:before {
		top: -2.8rem;
		height: 5.6rem;
	}
	.l-enjoy__match .match-food {
	    grid-template-columns: repeat(2, 1fr);
	    gap: 4.8rem 0;
	    margin: 6.4rem auto 0;
		max-width: 100rem;
	}
	.l-enjoy__match .match-food .img {
		margin: 0 auto;
		max-width: 40rem;
	}
	.l-enjoy__match .match-food .info {
		margin-top: 1.6rem;
	}
	.l-enjoy__match .match-food .l-enjoy__head {
		white-space: nowrap;
		word-wrap: break-word;
		word-break:break-all;
	}
	.match-food .winner .img {
	    transform: rotate(0deg);
	    margin: 0 auto 1.6rem;
	}
	.match-food .winner .info {
		margin: 1.6rem auto 0;
	}
	.l-enjoy__match .banner-shout {
	    margin: 0 auto;
		max-width: 72rem;
	}
	.l-enjoy__match .fans-engage .img {
		margin: 0 auto 1.6rem;
		max-width: 90rem;
	}
	.l-enjoy__match .fans-engage .info {
		margin: 0 auto;
		max-width: 72rem;
	}
	.l-enjoy__match .match-youtube {
		margin-top: 6.4rem;
	}
	.l-enjoy__movieswiper {
		overflow: hidden;
		max-width: 120rem;
	}
	.l-enjoy__movieswiper .swiper-slide {
		width: 48rem;
	}
	.l-enjoy__movieswiper .movie iframe {
		height: 27rem;
		background: #eee;
	}
	.l-enjoy__movieswiper .info {
		display: flex;
		justify-content: center;
		max-width: 100% !important;
		white-space: nowrap;
		word-wrap: break-word;
		word-break:break-all;
		text-align: center;
	}
	.l-enjoy__sale .head {
		transform: translate(-50%, -50%) rotate(-2deg);
		padding: 1.6rem;
		border-width: 0.6rem 0;
		font-size: 2.8rem;
	}
	.l-enjoy__sale {
	    padding: 16rem 0 8rem;
	    background-image: url(../image/enjoy/bg_bk_pc.jpg);
	}
	.l-enjoy__sale ul {
	    grid-template-columns: repeat(2, 1fr);
	    gap: 0 9.6rem;
		margin: 0 auto;
		max-width: 90rem;
	}
	.l-enjoy__sale .tit {
	    margin-bottom: 2.4rem;
		font-size: 2rem;
	}
	.l-enjoy__sale .tit span{
		padding: 0.8rem 1.6rem;
	}
	.l-enjoy__sale .info {
		margin-top: 1.6rem;
		text-align: left;
	}
	.l-enjoy__sale .info_heading {
	margin: 1.6rem auto 0;
	font-size: 1.6rem;
	font-weight: 600;
	text-align: center ;
	}
	
	.l-rule {
	    padding: 12rem 0;
	}
	.l-rule__list {
		margin: 0 auto;
		max-width: 72rem;
	}
	.l-rule__list .item + .item {
	    margin-top: 4.8rem;
	}
	.l-rule__list .thead {
	    padding: 1.6rem 8rem 1.6rem 3.2rem;
	    background-position: right 3.2rem center;
	    background-size: 3.2rem;
	}
	.l-rule__list .td {
	    padding: 2.4rem 3.2rem;
	}
	.l-rule__list .img img {
		max-width: 46.8rem;
	}
	.l-rule__flow .tit {
	    font-size: 2rem;
	}
	
	.l-team {
		padding: 12rem 0;
	}
	.l-team .head {
		gap: 0 1.6rem;
		margin-bottom: 2.4rem;
		font-size: 2.8rem;
	}
	.l-team .head:before, 
	.l-team .head:after {
	    width: 3.6rem;
	    height: 3.6rem;
	}
	.l-team__area .item {
	    padding: 0 2.4rem;
		border-width: 0.4rem;
	}
	.l-team__area .area-head {
	    padding: 1.6rem 4rem 1.6rem 0;
	    background-position: right top 3.2rem;
	    background-size: 4rem;
	}
	.l-team__area .area-td {
	    padding: 2.4rem 0;
	    border-top-width: 0.4rem;
	}
	.l-team__area .area-td .display {
		display: flex;
		justify-content: space-between;
	}
	.l-team__area .area-td .display .img {
		width: calc(50% - 2.2rem);
	}
	.l-team__area .area-td .display .info {
		margin: 0;
		width: calc(50% + 0.6rem);
		max-width: 100%;
		letter-spacing: 0.02em;
	}
	
	.l-howto {
	    padding-top: 12rem;
	}
	.l-howto__swiper {
	    max-width: 40rem;
	}
	.l-howto__swiper .swiper-button-prev, 
	.l-howto__swiper .swiper-button-next {
	    top: 20rem;
	    width: 4rem;
	    height: 4rem;
	}
	.l-howto__swiper .swiper-button-prev {
		left: -2rem;
	}
	.l-howto__swiper .swiper-button-next {
		right: -2rem;
	}
	.l-howto__swiper .swiper-pagination {
	    margin-top: 1.6rem;
	}
	.l-howto__swiper .sub {
		opacity: 0;
	}
	.l-howto__swiper .swiper-slide-active .sub {
		opacity: 1;
	}
	.l-howto__swiper .swiper-slide-active .img {
	    margin-bottom: 1.6rem;
	}
	.l-howto__swiper .cate {
	    padding: 0.8rem;
	    max-width: 36.8rem;
	    font-size: 2.4rem;
	}
	
	.l-lossary {
	    padding: 12rem 0 6rem;
	}
	.l-lossary__language {
		margin: 0 auto;
		max-width: 72rem;
	}
	.l-lossary__language .item {
		border-width: 0.4rem;
	}
	.l-lossary__language .terms {
	    padding: 1.6rem 8rem 1.6rem 3.2rem;
	    background-position: right 3.2rem center;
	}
	.l-lossary__introd {
	    padding: 3.2rem;
	    border-top-width: 0.4rem;
	}
	.l-lossary__introd .part + .part {
	    margin-top: 3.2rem;
	    padding-top: 3.2rem;
	    border-top-width: 2px;
	}
	.l-lossary__introd .head {
	    margin-bottom: 0.8rem;
	    font-size: 2rem;
	}
	.l-lossary__introd .imgs {
	    grid-template-columns: repeat(3, 1fr);
	    margin-top: 0.8rem;
	}
	
	.l-faq {
	    padding: 10.4rem 0;
	    margin-top: 11.4rem;
	}
	.l-faq:before {
		bottom: calc(100% - 1px);
	    height: 11.4rem;
	    background-image: url(../image/frame_faq_pc.png);
	}
	.l-faq__part {
		/* margin:; */
		max-width: 72rem;
	}
	.l-faq__part + .l-faq__part {
		margin-top: 4rem;
	}
	.l-faq__part .head {
		border-left-width: 0.8rem;
	}
	
	.l-faq__contact {
		max-width: 67.2rem;
	}
	.l-contact__text {
		display: flex;
		justify-content: center;
		text-align: left;
	}

}