@charset "utf-8";
html{
	-webkit-text-size-adjust: 100%;
	scroll-behavior: auto;
}
body {
	will-change: scroll-position;
	font-family: "Noto Serif JP", serif;
	font-size:min(1.7vw,17px);
	text-align:center;
	color:#fff;
	background-color:#111;
	line-height:1.9;
	letter-spacing:0.08em;
/*	font-feature-settings: "palt";*/
}

@media screen and (max-width:750px){
	body {
		font-size:4vw;
		line-height:1.7;
	}
}

.en{
	font-family: 'Times New Roman',serif;
}

a {
	color:#fff;
	transition : opacity 0.4s;
	-webkit-transition : opacity 0.4s;
	opacity:1;
	outline:none;
}
a:hover {
	opacity: 0.7;
}

@media screen and (max-width:750px){
	a:hover {
		opacity: 1;
	}
}

img{
	max-width:100%;
	vertical-align:bottom;
}

.only_sp,
.only_sp_i,
.only_sp_f{
	display:none !important;
}

@media screen and (max-width:750px){
	.only_pc{
		display:none !important;
	}
	.only_sp{
		display:block !important;
	}
	.only_sp_i{
		display:inline-block !important;
	}
	.only_sp_f{
		display: -webkit-flex !important;
		display: flex !important;
	}
}

#wrapper{
}

.inner{
	max-width:1300px;
	width:92%;
	margin:auto;
}


/* 色関係 */
.gold_grad{
	background: linear-gradient(#e8c77c 0.56%, #fceecf 21.13%, #c08615 73.03%, #e9ca8a 94.94%);
	
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	will-change: transform;
	transform: translateZ(0);
}
.gold{
	color:#d5c29d;
}


/* 書式 */
.text_left{
	text-align:left !important;
}
.text_right{
	text-align:right !important;
}
.text_center{
	text-align:center !important;
}

.bold{
	font-weight:bold;
}
.heavy{
	font-weight:900;
}

.blc{
	display:block;
}



/* .square_btn */
.square_btn{
	line-height:2.1;
	display:block;
	border:1px solid;
	-webkit-transition : color 0.4s, background-color 0.4s;
	transition : color 0.4s, background-color 0.4s;
	outline:none;
}
.square_btn:hover{
	color:#070707;
	background-color:#fff;
	border:1px solid #fff;
	opacity:1;
}

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


/* .arrow_btn */
.arrow_btn{
	line-height:2.4;
	display:inline-block;
	margin-top:0.5em;
	padding:0 0.5em;
	border-bottom:1px solid;
	font-size:min(2.8vw,28px);
	letter-spacing:0.08em;
}
.arrow_btn:after{
	content:'';
	display:inline-block;
	width:1em;
	height:0.3em;
	margin-left:0.3em;
	border-right:2px solid;
	border-bottom:1px solid;
	transform:skewX(45deg);
	vertical-align:0.3em;
}

@media screen and (max-width:750px){
	.arrow_btn{
		font-size:5.6vw;
	}
}



/* header */
header{
	width:100%;
	aspect-ratio:1400 / 70;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
}
header .head_nav{
	visibility:visible;
}
header .head_nav ul{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
header .head_nav ul li{
	margin:0 0.5em;
}
header .head_nav ul li:before{
	content:'●';
	font-size:min(0.8vw,8px);
	color:#987b42;
}
header .head_nav ul li a{
	font-size:min(1.3vw,13px);
	letter-spacing:0.08em;
	text-shadow:0 0 5px #000,0 0 5px #000,0 0 5px #000;
}

@media screen and (max-width:750px){
	header{
		height:50px;
		padding:0 20px;
		justify-content: flex-end;
	}
	header .head_nav{
		width:100%;
		height:100vh;
		padding:50px 9% 30%;
		background:#070707 url(../img/nav_bg.webp)no-repeat center center;
		background-size:cover;
		position:fixed;
		top:0;
		left:0;
		z-index:100;
		filter:blur(15px);
		opacity:0;
		visibility:hidden;
		-webkit-transition : filter 0.5s,opacity 0.5s;
		transition : filter 0.5s,opacity 0.5s;
	}
	header .head_nav.active{
		filter:blur(0);
		opacity:1;
		visibility:visible;
	}
	
	header .head_nav ul{
		display: block;
		transform:translateY(20px);
		-webkit-transition : transform 0.8s;
		transition : transform 0.8s;
	}
	header .head_nav.active ul{
		display: block;
		transform:translateY(0);
	}
	header .head_nav ul li{
		margin:32px 0;
		text-align:left;
	}
	header .head_nav ul li:before{
		font-size:min(3vw,16px);
	}
	header .head_nav ul li a{
		font-size:min(4vw,18px);
	}
	header .head_nav .logo{
		width:min(50%,220px);
		line-height:1;
		margin:0 auto;
		position:absolute;
		bottom:90px;
		left:50%;
		transform:translate(-50%,20px);
		-webkit-transition : transform 0.8s;
		transition : transform 0.8s;
	}
	header .head_nav.active .logo{
		transform:translate(-50%,0);
	}
}

/* #btnmenu */
#btnmenu{
	width:40px;
	height:40px;
	margin:0;
	padding:0;
	position:fixed;
	right:10px;
	top:5px;
	z-index:101;
	cursor:pointer;
	mix-blend-mode:difference;
}
#btnmenu span{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 2px;
	border-radius:0px;
	margin: -2px 0 0 -15px;
	background: #fff;
	-webkit-transition: .2s;
	transition: .2s;
}
#btnmenu span:before,
#btnmenu span:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	height: 2px;
	background: #fff;
	border-radius:0px;
	-webkit-transition: .3s;
	transition: .3s;
}

#btnmenu span:before{
	width: 30px;
	margin-top: -11px;
}

#btnmenu span:after{
	width: 12px;
	margin-top: 8px;
}
#btnmenu.close span{
	width:40px;
	height:40px;
	margin-top:-10px;
	margin-left:-30px;
	box-shadow:none;
	background-color:transparent;
	border-radius:0;
}

#btnmenu.close span:before,
#btnmenu.close span:after{
	margin-top: 0;
	background-color:#fff;
}

#btnmenu.close span:before{
	width: 30px;
	height: 2px;
	margin: -12px 0 0 17px;
	border-radius:0px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
#btnmenu.close span:after{
	width: 30px;
	height: 2px;
	margin: -12px 0 0 17px;
	border-radius:0px;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}


/* main */
main{
}


/* #mv */
#mv{
	width:100%;
	aspect-ratio:1920 / 933;
	display: flex;
	justify-content: center;
	align-items: center;
	position:relative;
	background:url(../img/mv_bg.webp)no-repeat center top;
	background-size:auto 95%;
	overflow:hidden;
}
#mv h1{
	width:30.1vw;
	line-height:1;
	margin:0 auto;
}
#mv .mv_left{
	width:28%;
	position:absolute;
	left:0;
	top:0;
}
#mv .mv_right{
	width:28%;
	position:absolute;
	right:0;
	top:0;
}

@media screen and (max-width:750px){
	#mv{
		width:100%;
		padding-bottom:18%;
		aspect-ratio:750 / 1600;
		aspect-ratio:390 / 720;
		background:url(../img/mv_bg_s.webp)no-repeat center -90%;
		background-size:100% auto;
	}
	#mv h1{
		width:77%;
	}
	#mv .mv_top{
		width:100%;
		position:absolute;
		left:0;
		top:0;
	}
	#mv .mv_bottom{
		width:100%;
		position:absolute;
		left:0;
		bottom:0;
	}
}


/* .slide */
.slide_wrapper,
.slide_wrapper2{
  width:100%;
  overflow: hidden;
}
.slide_wrapper{
  margin-top:-6%;
}
.slide_wrapper2{
  margin-top:5%;
}
.slide,
.slide li {
  will-change: transform;
  transform: translate3d(0,0,0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0,0,0);
}
.slide{
  display:flex;
  flex-wrap: nowrap;
  width: max-content;
}
.slide li{
  width:10vw;
  padding:0 0.3vw;
  flex-shrink: 0;
}
.slide.animation {
  animation: slide1 70s linear infinite;
  animation-delay: -3s;
}
@keyframes slide1 {
	to {
		transform: translateX(-50%);
	}
}

@media screen and (max-width:750px){
	.slide_wrapper{
		margin-top:3%;
	}

	.slide li{
		width:28vw;
	}
	.slide.animation {
		animation: slide1 120s linear infinite;
	}
}


/* .cont */
.cont{
	padding:min(14%,140px) 0 min(14%,140px);
}
.cont .tit{
	line-height:1.5;
	padding-bottom:1em;
	font-size:min(3.3vw,43px);
	letter-spacing:0.1em;
	text-indent:0.1em;
	position:relative;
}
.cont .tit:before{
	content:'';
	display:block;
	width:1.5em;
	height:1px;
	background-color:#e8c77d;
	position:absolute;
	bottom:0.2em;
	left:50%;
	transform:translateX(-50%);
}
.cont .tit:after{
	content:'';
	display:block;
	width:1.5em;
	height:1px;
	background-color:#e8c77d;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-40%);
}
.cont .caution{
	margin-top:min(5%,50px);
	font-size:min(1.2vw,15px);
	text-align:left;
}


@media screen and (max-width:750px){
	.cont{
		padding:18% 0;
	}
	.cont .tit{
		font-size:7.3vw;
	}
	.cont .tit:before{
		width:1.2em;
	}
	.cont .tit:after{
		width:1.2em;
	}
	.cont .caution{
		font-size:3.7vw;
		text-align:center;
	}
}


/* #cont1 */
#cont1{
	background:url(../img/cont1_bg.webp)no-repeat center center;
	background-size:100% auto;
}
#cont1 p{
	line-height:2.2;
	margin-top:2em;
	font-size:min(2vw,20px);
	letter-spacing:0.08em;
	padding-left:0.08em;
}
#cont1 .lead{
	margin-top:3em;
}
#cont1 h3,
#cont1 h4{
	margin-top:1.5em;
	font-size:min(2.8vw,28px);
	font-weight:600;
	letter-spacing:0.08em;
	padding-left:0.08em;
}
#cont1 .scroll-text {
	white-space: normal;
}

#cont1 .scroll-text span {
	opacity: 0.15;
	transition: opacity 0.2s linear;
	display: inline-block; /* Safari対策 */
	will-change:opacity;
}

@media screen and (max-width:750px){
	#cont1{
		background:url(../img/cont1_bg_s.webp)no-repeat center center;
		background-size:100% auto;
	}
	#cont1 p{
		font-size:3.8vw;
	}
	#cont1 .lead{
		margin-top:3em;
	}
	#cont1 h3{
		font-size:5.6vw;
	}
	#cont1 h4{
		font-size:4.4vw;
	}
}


/* #cont2 */
#cont2{
	padding-top:0;
	background:url(../img/cont2_bg.webp)no-repeat center center;
	background-size:100% 100%;
	border-bottom:2px solid #c9b56e;
	overflow:hidden;
}
#cont2 .top_slide{
	width:100%;
	line-height:0.7;
	display:flex;
	flex-wrap: nowrap;
	width: max-content;
}
#cont2 .top_slide span{
	display:block;
	padding-right:0.5em;
	white-space:nowrap;
	font-size:11.2vw;
	font-weight:600;
	color:rgba(213,194,157,0.05);
	animation: slide2 70s linear infinite;
	animation-delay: -3s;
}
@keyframes slide2 {
	to {
		transform: translateX(-100%);
	}
}
#cont2 .award{
	margin-top:min(3%,30px);
}
#cont2 .award > div{
	padding:3% 0;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#cont2 .award > div > dt{
	width:100%;
	line-height:5;
	font-size:min(2.2vw,33px);
	font-weight:bold;
	letter-spacing:0.08em;
	text-indent:0.08em;
	background:url(../img/cont2_dt.webp)no-repeat center center;
	background-size:100% auto;
}
#cont2 .award > div > dd{
	width:31%;
	margin-top:7%;
}
#cont2 .award > div > dd:nth-of-type(-n+3){
	margin-top:5%;
}
#cont2 .award > div > dd figure{
	position:relative;
}
#cont2 .award > div > dd figure .badge{
	width:28%;
	position:absolute;
	transform:translate(-25%,-38%);
}
#cont2 .award > div > dd .cont_wrapper{
	margin-top:0.5em;
}
#cont2 .award > div > dd .cont_wrapper .menu{
	text-align:left;
}
#cont2 .award > div > dd .cont_wrapper .menu dt .shop{
	display:block;
	font-size:min(1.2vw,18px);
}
#cont2 .award > div > dd .cont_wrapper .menu dt .name{
	line-height:1.4;
	display:block;
	margin-top:0.3em;
	padding:0.5em 0;
	font-size:min(1.4vw,19px);
	letter-spacing:0.06em;
	white-space:nowrap;
	border-top:1px solid;
}
#cont2 .award > div > dd .cont_wrapper .menu dt .name .tume{
  margin:0 -0.25em;
}
#cont2 .award > div > dd .cont_wrapper .price{
	margin-top:0.5em;
}
#cont2 .award > div > dd .cont_wrapper .price .label{
	font-size:min(1.2vw,15px);
}
#cont2 .award > div > dd .cont_wrapper .price .label:after{
	content:'：';
}
#cont2 .award > div > dd .cont_wrapper .price .yen{
	margin-left:-0.3em;
	font-size:min(1.5vw,20px);
}
#cont2 .award > div > dd .cont_wrapper .price .tax{
	margin-left:-0.8em;
	font-size:min(1.1vw,14px);
}
#cont2 .award > div > dd .cont_wrapper .link{
	margin-top:1em;
	display:flex;
	justify-content:space-between;
}
#cont2 .award > div > dd .cont_wrapper .link li{
	width:48%;
}
#cont2 .award > div > dd .cont_wrapper .link li .square_btn{
	line-height:;
	font-size:min(1.3vw,16px);
}

#cont2 .award > div.large > dd{
	width:100%;
	margin-top:5%;
	display:flex;
	justify-content:space-between;
}
#cont2 .award > div.large > dd figure{
	width:min(45%,590px);
}
#cont2 .award > div.large > dd figure .badge{
	width:23%;
}
#cont2 .award > div.large > dd .cont_wrapper{
	width:min(51%,660px);
	margin-top:0;
}

#cont2 .award > div.large > dd .cont_wrapper .menu dt .shop{
	font-size:min(1.8vw,24px);
}
#cont2 .award > div.large > dd .cont_wrapper .menu dt .name{
	font-size:min(2.3vw,30px);
}
#cont2 .award > div.large > dd .cont_wrapper .price .label{
	font-size:min(1.4vw,18px);
}
#cont2 .award > div.large > dd .cont_wrapper .price .yen{
	font-size:min(2.3vw,30px);
}
#cont2 .award > div.large > dd .cont_wrapper .price .tax{
	font-size:min(1.4vw,18px);
}
#cont2 .award > div.large > dd .cont_wrapper .link li .square_btn{
	font-size:min(1.6vw,21px);
}

@media screen and (max-width:750px){
	#cont2 .top_slide{
		margin-bottom:7%;
	}
	#cont2 .top_slide span{
		font-size:21vw;
	}
	#cont2 .award{
		margin-top:min(3%,30px);
	}
	#cont2 .award > div{
		padding:7% 0;
		display:block;
	}
	#cont2 .award > div > dt{
		font-size:6.4vw;
		background:url(../img/cont2_dt_s.webp)no-repeat center center;
		background-size:100% auto;
	}
	#cont2 .award > div > dd{
		width:100%;
		margin-top:12%;
		padding:0 5%;
	}
	#cont2 .award > div > dd:nth-of-type(-n+3){
		margin-top:12%;
	}
	#cont2 .award > div > dd:first-of-type{
		margin-top:7%;
	}
	#cont2 .award > div > dd figure{
		position:relative;
	}
	#cont2 .award > div > dd figure .badge{
		width:26%;
		transform:translate(-25%,-30%);
	}
	#cont2 .award > div > dd .cont_wrapper{
		margin-top:1em;
	}
	#cont2 .award > div > dd .cont_wrapper .menu dt .shop{
		font-size:4.1vw;
	}
	#cont2 .award > div > dd .cont_wrapper .menu dt .name{
		font-size:4.1vw;
		border-top:1px solid #4f4626;
		letter-spacing:0.04em;
	}
	#cont2 .award > div > dd .cont_wrapper .price{
		margin-top:0;
	}
	#cont2 .award > div > dd .cont_wrapper .price .label{
		font-size:3.7vw;
	}
	#cont2 .award > div > dd .cont_wrapper .price .yen{
		font-size:4.4vw;
	}
	#cont2 .award > div > dd .cont_wrapper .price .tax{
		font-size:3.7vw;
	}
	#cont2 .award > div > dd .cont_wrapper .link li .square_btn{
		line-height:2;
		font-size:4.2vw;
	}

	#cont2 .award > div.large > dd{
		display:block;
	}
	#cont2 .award > div.large > dd figure{
		width:100%;
	}
	#cont2 .award > div.large > dd figure .badge{
		width:26%;
	}
	#cont2 .award > div.large > dd .cont_wrapper{
		width:100%;
		margin-top:1em;
	}

	#cont2 .award > div.large > dd .cont_wrapper .menu dt .shop{
		font-size:4.1vw;
	}
	#cont2 .award > div.large > dd .cont_wrapper .menu dt .name{
		font-size:4.1vw;
	}
	#cont2 .award > div.large > dd .cont_wrapper .price .label{
		font-size:3.7vw;
	}
	#cont2 .award > div.large > dd .cont_wrapper .price .yen{
		font-size:4.4vw;
	}
	#cont2 .award > div.large > dd .cont_wrapper .price .tax{
		font-size:3.7vw;
	}
	#cont2 .award > div.large > dd .cont_wrapper .link li .square_btn{
		font-size:4.2vw;
	}
}

/* #cont3 */
#cont3{
	border-bottom:2px solid #c9b56e;
}
#cont3 .judge{
	max-width:1070px;
	margin-top:min(5%,50px);
}
#cont3 .judge li{
	margin-top:min(3%,30px);
	padding:5%;
	aspect-ratio:1070 / 400;
	background:url(../img/cont3_bg.webp)no-repeat center center;
	background-size:100% 100%;
	text-align:left;
	display:flex;
	flex-wrap:wrap;
}
#cont3 .judge li figure{
	width:15%;
}
#cont3 .judge li dl{
	flex:1;
	line-height:1.8;
	margin-left:1em;
	text-align:left;
}
#cont3 .judge li dl .position{
	display:block;
	font-size:min(2vw,20px);
	letter-spacing;0.18em;
}
#cont3 .judge li dl .name{
	display:block;
	font-size:min(2.8vw,28px);
	letter-spacing;0.18em;
}
#cont3 .judge li dl .profile{
	display:block;
	font-size:min(1.6vw,16px);
}
#cont3 .judge li p{
	width:100%;
	margin-top:1em;
}

@media screen and (max-width:750px){
	#cont3 .judge{
		margin-top:12%;
	}
	#cont3 .judge li{
		margin-top:7%;
		padding:9% 5% 12%;
		aspect-ratio:auto;
		background:url(../img/cont3_bg_s.webp)no-repeat center center;
		background-size:100% 100%;
		text-align:left;
		display:block;
	}
	#cont3 .judge li figure{
		width:44%;
		margin:auto;
	}
	#cont3 .judge li dl{
		line-height:1.8;
		margin-left:0;
	}
	#cont3 .judge li dl .position{
		display:block;
		font-size:4vw;
		letter-spacing:0.18em;
		text-indent:0.18em;
		text-align:center;
	}
	#cont3 .judge li dl .name{
		display:block;
		font-size:5.6vw;
		letter-spacing:0.18em;
		text-indent:0.18em;
		text-align:center;
	}
	#cont3 .judge li dl .profile{
		display:block;
		font-size:3.7vw;
		
	}
	#cont3 .judge li p{
		width:100%;
		margin-top:1em;
	}
}


/* #cont4 */
#cont4{
	background:url(../img/cont4_bg.webp)no-repeat center top;
	background-size:1920px auto;
	border-bottom:2px solid #c9b56e;
}
#cont4 .sec{
	margin-top:min(5%,50px);
	padding-bottom:min(5%,60px);
	border:2px solid;
	border-image: linear-gradient(to bottom, #e8c77c 0.56%, #fceecf 21.13%, #c08615 73.03%, #e9ca8a 94.94%) 1;
	position:relative;
	z-index:1;
}
#cont4 .sec:before{
	content:'';
	display:block;
	width:calc(100% + 15px);
	height:calc(100% + 15px);
	border:2px solid;
	border-image: linear-gradient(to bottom, #e8c77c 0.56%, #fceecf 21.13%, #c08615 73.03%, #e9ca8a 94.94%) 1;
	position:absolute;
	left:50%;
	top:50%;
	z-index:-1;
	transform:translate(-50%,-50%);
}
#cont4 .sec h3{
	font-size:min(3.6vw,36px);
	color:#111;
	background:url(../img/cont4_h3.png)repeat-y center center;
	background-size:100% auto;
}
#cont4 .sec h3 span{
	margin-left:0.5em;
}
#cont4 .sec .cont_wrapper{
	padding:5% 5% 4%;
	display:flex;
	justify-content:space-between;
}
#cont4 .sec .cont_wrapper figure{
	width:46%;
}
#cont4 .sec .cont_wrapper section{
	width:49%;
}
#cont4 .sec .cont_wrapper section .menu{
	text-align:left;
}
#cont4 .sec .cont_wrapper section .menu dt .shop{
	display:block;
	font-size:min(1.8vw,24px);
}
#cont4 .sec .cont_wrapper section .menu dt .name{
	line-height:1.4;
	display:block;
	margin-top:0.3em;
	padding:0.5em 0;
	font-size:min(2.3vw,30px);
	border-top:1px solid;
}
#cont4 .sec .cont_wrapper section .menu .price .label{
	font-size:min(1.4vw,18px);
}
#cont4 .sec .cont_wrapper section .menu .price .yen{
	line-height:1;
	font-size:min(2.3vw,30px);
}
#cont4 .sec .cont_wrapper section .menu .price .tax{
	font-size:min(1.4vw,18px);
}
#cont4 .sec .cont_wrapper section p{
	margin-top:1em;
	font-size:min(1.2vw,17px);
	text-align:left;
}
#cont4 .sec .cont_wrapper section .link{
	margin-top:1em;
	display:flex;
	justify-content:space-between;
}
#cont4 .sec .cont_wrapper section .link li{
	width:48%;
}
#cont4 .sec .cont_wrapper section .link li .square_btn{
	font-size:min(1.6vw,21px);
}
#cont4 .sec .more{
	width:48%;
	line-height:2.5;
	margin-left:auto;
	margin-right:auto;
	font-size:min(1.6vw,21px);
}
#cont4 .caution{
	margin-top:min(3%,30px);
}
#cont4 .arrow_btn{
	margin-top:1.5em;
}

@media screen and (max-width:750px){
	#cont4{
		background:url(../img/cont4_bg_s.webp)no-repeat center top;
		background-size:100% auto;
	}
	#cont4 .sec{
		width:90%;
		margin-top:9%;
		padding-bottom:9%;
		border:1px solid;
		border-image: linear-gradient(to bottom, #e8c77c 0.56%, #fceecf 21.13%, #c08615 73.03%, #e9ca8a 94.94%) 1;
	}
	#cont4 .sec:before{
		width:calc(100% + 8px);
		height:calc(100% + 8px);
		border:1px solid;
		border-image: linear-gradient(to bottom, #e8c77c 0.56%, #fceecf 21.13%, #c08615 73.03%, #e9ca8a 94.94%) 1;
	}
	#cont4 .sec h3{
		line-height:1.4;
		padding:0.3em 0;
		font-size:7.3vw;
	}
	#cont4 .sec h3 span{
		margin-left:0;
		display:block;
	}
	#cont4 .sec .cont_wrapper{
		padding:7% 5% 4%;
		display:block;
	}
	#cont4 .sec .cont_wrapper figure{
		width:100%;
	}
	#cont4 .sec .cont_wrapper section{
		width:100%;
		margin-top:1em;
	}
	#cont4 .sec .cont_wrapper section .menu dt .shop{
		font-size:4.1vw;
	}
	#cont4 .sec .cont_wrapper section .menu dt .name{
		border-top:1px solid #4f4626;
		font-size:4.1vw;
	}
	#cont4 .sec .cont_wrapper section .menu .price .label{
		font-size:3.7vw;
	}
	#cont4 .sec .cont_wrapper section .menu .price .yen{
		font-size:4.4vw;
	}
	#cont4 .sec .cont_wrapper section .menu .price .tax{
		font-size:3.7vw;
	}
	#cont4 .sec .cont_wrapper section p{
		font-size:4vw;
	}
	#cont4 .sec .cont_wrapper section .link{
		margin-top:1em;
	}
	#cont4 .sec .cont_wrapper section .link li .square_btn{
		font-size:4.3vw;
	}
	#cont4 .sec .more{
		width:90%;
		line-height:2.1;
		font-size:4.3vw;
	}
	#cont4 .caution{
		margin-top:5%;
	}
}


/* #cont5 */
#cont5{
	padding-bottom:min(20%,200px);
	background:url(../img/cont5_bg.webp)no-repeat center center;
	background-size:100% 100%;
}
#cont5 .lead{
	line-height:2.5;
	margin-top:min(3%,30px);
	font-size:min(1.54vw,20px);
}
#cont5 .outline{
	max-width:1070px;
	margin-top:min(5%,50px);
}
#cont5 .outline li{
	margin-top:min(3%,30px);
	padding:5px;
	border:2px solid;
	border-image: linear-gradient(to bottom, #e8c77c 0.56%, #fceecf 21.13%, #c08615 73.03%, #e9ca8a 94.94%) 1;
	background-color:#222222;
}
#cont5 .outline li section{
	border:1px solid #fff;
	border-image: linear-gradient(to bottom, #e8c77c 0.56%, #fceecf 21.13%, #c08615 73.03%, #e9ca8a 94.94%) 1;
	background-color:#fff;
}
#cont5 .outline li section h3{
	line-height:2.1;
	font-size:min(2.3vw,30px);
	background-color:#131c2b;
	letter-spacing:0.18em;
	text-indent:0.18em;
}
#cont5 .outline li section p{
	line-height:2.8;
	font-size:min(2.7vw,35px);
	font-weight:bold;
	color:#111;
	letter-spacing:-0.01em;
}
#cont5 .vote{
	display:inline-block;
	width:min(67%,872px);
	margin-top:min(9%,90px);
	border-radius:200px;
	overflow:hidden;
	position:relative;
}
#cont5 .vote:before {
	content: '';
	position: absolute;
	display: inline-block;
	top: -180px;
	left: 0; span
	z-index:10;
	width: 30px;
	height: 100%;
	background-color: #fff;
	-webkit-animation: shiny-btn1 2.5s ease-in-out infinite;
	animation: shiny-btn1 2.5s ease-in-out infinite;
}
#cont5 .caution{
	font-size:min(1.3vw,17px);
	text-align:center;
	letter-spacing:-0.01em;
}

@media screen and (max-width:750px){
	#cont5{
		padding-bottom:30%;
		background:url(../img/cont5_bg_s.webp)no-repeat center center;
		background-size:100% 100%;
	}
	#cont5 .lead{
		line-height:2.3;
		margin-top:5%;
		font-size:4vw;
		letter-spacing:-0.01em;
	}
	#cont5 .outline li{
		margin-top:7%;
		padding:1vw;
	}
	#cont5 .outline li section{
		border:0.5vw solid;
		border-image: linear-gradient(to bottom, #e8c77c 0.56%, #fceecf 21.13%, #c08615 73.03%, #e9ca8a 94.94%) 1;
		background-color:#fff;
	}
	#cont5 .outline li section h3{
		line-height:2.1;
		font-size:6vw;
	}
	#cont5 .outline li section p{
		line-height:1.4;
		padding:0.5em 0;
		font-size:6.6vw;
	}
	#cont5 .vote{
		display:inline-block;
		width:92%;
	}
	#cont5 .caution{
		padding:0 4% 0 calc(4% + 1em);
		font-size:3.7vw;
		text-align:left;
		text-indent:-1em;
	}
}


/* footer */
footer{
	padding:min(5%,50px) 0;
}
footer .logo{
	display:flex;
	justify-content:center;
	align-items:flex-end;
}
footer .logo li{
	width:min(16%,160px);
	margin:0 min(3%,30px);
}

footer .award{
	margin-top:min(3%,30px);
	display:flex;
	justify-content:center;
}
footer .award li{
	font-size:min(2vw,20px);
	margin:0 min(3%,30px);
}
footer .cooperate{
	margin-top:min(3%,30px);
}
footer .cooperate dd{
	width:min(12%,125px);
	margin:min(1.5%,15px) auto 0;
}
footer .sponsor{
	margin-top:min(7%,70px);
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
footer .sponsor dt{
	width:100%;
}
footer .sponsor dd{
	margin:min(3%,30px) min(3%,30px) 0;
}
footer .sponsor dd:before{
	content:'●';
	font-size:min(0.8vw,8px);
	color:#987b42;
}
footer .copy{
	margin-top:min(3%,30px);
	padding:min(3%,30px) 0;
	font-size:min(1.3vw,13px);
	border-top:1px solid #333;
}

@media screen and (max-width:750px){
	footer{
		padding:9% 0 24%;
	}
	footer .logo li{
		width:34%;
		margin:0 5%;
	}

	footer .award{
		margin-top:7%;
	}
	footer .award li{
		font-size:3.5vw;
		margin:0 5%;
	}
	footer .cooperate{
		margin-top:7%;
	}
	footer .cooperate dd{
		width:22%;
		margin:3% auto 0;
	}
	footer .sponsor{
		margin-top:12%;
		display:flex;
	}
	footer .sponsor dt{
		width:100%;
	}
	footer .sponsor dd{
		margin:min(3%,30px) min(3%,30px) 0;
	}
	footer .sponsor dd:before{
		font-size:2vw;
	}
	footer .copy{
		margin-top:5%;
		padding:5% 0;
		font-size:3.3vw;
	}
}


/* #bottom_nav */
#bottom_nav{
	width:min(14vw,188px);
	position:fixed;
	z-index:99;
	right:20px;
	bottom:-300px;
	-webkit-transition: bottom 0.8s;
	transition: bottom 0.8s;
}
#bottom_nav a{
	display:block;
	border-radius:100%;
	box-shadow:0 3px 10px rgba(0,0,0,0.65);
	overflow:hidden;
	position:relative;
}
#bottom_nav a:hover{
	opacity:1;
}
#bottom_nav a:before {
	content: '';
	position: absolute;
	display: inline-block;
	top: -180px;
	left: 0; span
	z-index:10;
	width: 30px;
	height: 100%;
	background-color: #fff;
	-webkit-animation: shiny-btn1 2.5s ease-in-out infinite;
	animation: shiny-btn1 2.5s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn1 {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 0.8; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@keyframes shiny-btn1 {
	0% { transform: scale(0) rotate(45deg); opacity: 0; }
	80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { transform: scale(4) rotate(45deg); opacity: 0.8; }
	100% { transform: scale(50) rotate(45deg); opacity: 0; }
}

@media screen and (max-width:750px){
	#bottom_nav{
		width:28vw;
	}
}


/* fadein */
.fadein_0 {
	opacity : 0;
	-webkit-transform : translate(0, 0);
	transform : translate(0, 0);
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 2s;
	transition-duration : 2s;
}
.fadein {
	opacity : 0.01;
	-webkit-transform : translate(0, 70px);
	transform : translate(0, 70px);
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 1s;
	transition-duration : 1s;
}
.fadein_d {
	opacity : 0.01;
	-webkit-transform : translate(0, -70px);
	transform : translate(0, -70px);
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 1s;
	transition-duration : 1s;
}
.fadein_l {
  opacity : 0;
  -webkit-transform : translate(-100px, 0);
  transform : translate(-100px, 0);
  -webkit-transition-property: transform,opacity;
  transition-property : transform,opacity;
  -webkit-transition-duration: 1s;
  transition-duration : 1s;
}
.fadein_r {
  opacity : 0;
  -webkit-transform : translate(100px, 0);
  transform : translate(100px, 0);
  -webkit-transition-property: transform,opacity;
  transition-property : transform,opacity;
  -webkit-transition-duration: 1s;
  transition-duration : 1s;
}

.fadein_0_mv {
	opacity : 0;
	-webkit-transform : translate(0, 0);
	transform : translate(0, 0);
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 2s;
	transition-duration : 2s;
}
.fadein_mv {
	opacity : 0.01;
	-webkit-transform : translate(0, 70px);
	transform : translate(0, 70px);
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 1s;
	transition-duration : 1s;
}
.fadein_d_mv {
	opacity : 0.01;
	-webkit-transform : translate(0, -70px);
	transform : translate(0, -70px);
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 1s;
	transition-duration : 1s;
}
.fadein_l_mv {
  opacity : 0;
  -webkit-transform : translate(-100px, 0);
  transform : translate(-100px, 0);
  -webkit-transition-property: transform,opacity;
  transition-property : transform,opacity;
  -webkit-transition-duration: 1s;
  transition-duration : 1s;
}
.fadein_r_mv {
  opacity : 0;
  -webkit-transform : translate(100px, 0);
  transform : translate(100px, 0);
  -webkit-transition-property: transform,opacity;
  transition-property : transform,opacity;
  -webkit-transition-duration: 1s;
  transition-duration : 1s;
}


.delay1 {
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 1s;
	transition-duration : 1s;
	-webkit-transition-delay: 0.2s;
	transition-delay : 0.2s;
}
.delay2 {
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 1s;
	transition-duration : 1s;
	-webkit-transition-delay: 0.4s;
	transition-delay : 0.4s;
}
.delay3 {
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 1s;
	transition-duration : 1s;
	-webkit-transition-delay: 0.6s;
	transition-delay : 0.6s;
}
.delay4 {
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 1s;
	transition-duration : 1s;
	-webkit-transition-delay: 0.8s;
	transition-delay : 0.8s;
}
.delay5 {
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 1s;
	transition-duration : 1s;
	-webkit-transition-delay: 1.0s;
	transition-delay : 1.0s;
}
.delay6 {
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 1s;
	transition-duration : 1s;
	-webkit-transition-delay: 1.2s;
	transition-delay : 1.2s;
}

.fadein_0.scrollin,
.fadein_0_mv.scrollin{
  opacity : 1;
}
.fadein.scrollin,
.fadein_d.scrollin,
.fadein_l.scrollin,
.fadein_r.scrollin,
.fadein_mv.scrollin,
.fadein_d_mv.scrollin,
.fadein_l_mv.scrollin,
.fadein_r_mv.scrollin{

  opacity : 1;
  -webkit-transform : translate(0, 0);
  transform : translate(0, 0);
}


/* popup */
.popup {
	-webkit-transform : scale(0);
	transform : scale(0);
	-webkit-transform-origin:left bottom;
	transform-origin:left bottom;
	-webkit-transition-property: transform;
	transition-property : transform;
	-webkit-transition-duration: 0.4s;
	transition-duration : 0.4s;
	-webkit-transition-timing-function: cubic-bezier(.17,.67,.68,1.34);
	transition-timing-function: cubic-bezier(.17,.67,.68,1.34);
}
.popup.scrollin {
	-webkit-transform : scale(1);
	transform : scale(1);
}