@charset "UTF-8";
:root {
  --inquiryForm-color : #75a505;
  --entryForm-color : #df0f0f;
}
.bgImg{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	clip-path: inset(0);
	z-index: -1;
}
.bgImg:after {
	position: fixed;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	/*height: 100vh;*/
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}
.bgImg:before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
/**
 * 出張寿し体験
 */
h1 {
	text-align:center;
}
h1 .small{
	color:#FFF;
	display:block;
	text-shadow:1px 1px 3px rgba(0,0,0,.4);
}
h1 .large{
	display:block;
	text-shadow:1px 1px 1px rgba(255,226,255,.3);
}
#mainPhoto {
	display:block;
	position:relative;
	padding:0.1px;
	text-align: center;
}
main h1 {
	/*background-color: rgba(197,170,29,0.9);*/
	display: inline-block;
	padding: 24px 30px 15px;
	box-shadow: 0px 3px 4px rgba(0,0,0,0.3);
	/*position:absolute;*/
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
/*
#mainPhoto .textWrap{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(0,0,0,.6);
	color:#FFF;
	padding-left:calc((100% - 750px) / 2);
	padding-right:calc((100% - 750px) / 2);
	padding-top:40px;
	padding-bottom:40px;
	font-size:23px;
	line-height:1.5;
	text-align: left;
}
*/
@media screen and (min-width:951px){
	h1{
		/*width:800px;*/
		width:100%;
		/*height:200px;*/
	}
	h1 .small{
		font-size:40px;
	}
	h1 .large{
		font-size:85px;
	}
	#mainPhoto {
		/*height:580px;*/
		/*height:950px;*/
		height:57vw;
	}
	#mainPhoto .bgImg:after {
		background-image:url(/img-webp/deliSushiExp/main_pc.webp);
		position:absolute;
	}
	#mainPhoto .textWrap{
		font-size:19px;
	}
}
@media screen and (min-width:751px) and (max-width:950px){
	h1{
		/*width:800px;*/
		width:100%;
		/*height:200px;*/
	}
	h1 .small{
		font-size:6vw;
	}
	h1 .large{
		font-size:9vw;
	}
	#mainPhoto {
		/*
		height:calc(1600px - 100vw);
		height: calc(100 * 16px - 100vw);
		*/
		height:58vw;
	}
	#mainPhoto .bgImg:after {
		background-image:url(/img-webp/deliSushiExp/main_pc.webp);
		background-size: contain;
		background-position: center center;
		position:absolute;
	}
	#mainPhoto .textWrap{
		padding:2vw;
		font-size:2.4vw;
	}
}
@media screen and (max-width:750px){
	h1{
		margin-top:25vw;
	}
	h1 .small{
		font-size:7vw;
	}
	h1 .large{
		font-size:11vw;
		line-height: 0.8 !important;
		margin-top: 10px;
	}
	#mainPhoto {
		/*
		height:calc(1600px - 100vw);
		height: calc(100 * 16px - 100vw);
		*/
		height: 135vw;
	}
	#mainPhoto .bgImg:after {
		background-image:url(/img-webp/deliSushiExp/main_sp.webp);
		background-position:top center;
		position:absolute;
		background-size: 100% auto;
	}
	#mainPhoto .textWrap{
		padding:2vw;
		font-size:3.5vw;
	}
}
h1 {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
/*
h1.pattern1 {
	background-image:url(/img-webp/deliSushiExp/h1bg1.webp);
}
*/
h1.pattern2 {
	background-image:url(/img-webp/deliSushiExp/h1bg2.webp);
	color:#FFF;
}
@media screen and (max-width:750px){
	h1.pattern2 {
		background-image:url(/img-webp/deliSushiExp/header_sp_bg.webp);
		color:#FFF;
	}
}

h1 .catchCopy{
    font-size: 21px;
    letter-spacing: 8px;
	padding-bottom:15px;
	margin-bottom:0px;
	margin-top:10px;
	margin-right: -6px;
}
h1 .catchCopy .brown{
	color: #ffc9a8;
}
h1.pattern2 .small{
	color:#e6c150;
}
/*
h1.row {
	display:flex;
	flex-direction:row;
}
h1.row .catchCopy{
	font-size:30px;
	text-align:left;
}
h1.row .pageTitle .small{
	font-size:27px;
	margin-top:20px;
}
h1.row .pageTitle .large{
	font-size:45px;
	text-align:center;
}
*/
@media screen and (min-width:961px){
	main h1{
		padding-left: calc((100% - 1050px) / 2);
		padding-right: calc((100% - 1050px) / 2);
	}
}
@media screen and (max-width:750px){
	main h1 {
		padding: 44px 10px 15px;
		/*height:24vw;*/
		width:100%;
	}
	h1 .catchCopy {
		font-size:4.3vw;
		padding-bottom: 0;
	}
}
@media screen and (max-width:480px){
	h1 .catchCopy {
		font-size:4.8vw;
	}
}
@media screen and (max-width:460px){
	main h1 {
		/*padding-top:30px;*/
		padding-bottom:20px;
	}
	h1 .catchCopy{
		margin-bottom:0px;
	}
}

/**
 * introduction
 */
/*
#introduction {
	padding-top:50px;
	padding-bottom:50px;
}
*/
/**
 * results
 */
#results {
	position:relative;
}
#results .bgImg:before {
	background-color: rgb(243 239 220 / 40%);
}
#results .bgImg:after {
	position:fixed;
	background-image:url(/img-webp/deliSushiExp/whenBg.webp);
	background-size:auto auto;
	background-repeat:repeat;
}
#results h2{
	text-align:center;
	color:#8e5b00;
}
#results .mainResult .photoNum3{
	display:flex;
	flex-wrap:wrap;
	max-width: 1250px;
	margin-left: auto;
	margin-right: auto;
}
#results figcaption{
	text-align:center;
	width:100%;
	display:block;
}
#results figure .tit{
	margin-bottom:10px;

}
#results figure .tit span{
	display:inline-block;
	background-color:#000;
	color:#FFF;
	padding:10px 15px;
	font-size:120%;
}
#results figure .textWrap{
	margin:0 auto;
}
/*
#results figcaption div{
	display:inline-block;
	display:block;
	background-image: url(/img-webp/deliSushiExp/resultCaptionLine.webp);
	background-repeat:repeat-x;
	background-position:center bottom;
	padding:0 0 15px 0;
}
*/
#results .mainResult img{
	vertical-align:top;
}
@media screen and (min-width:751px){
	#results{
		padding-top:80px;
		padding-bottom:80px;
		padding-left: 40px;
		padding-right: 40px;
	}
	#results h2{
		font-size:55px;
	}
	#results .mainResult{
		margin-bottom:50px;
	}
	#results .mainResult .photoNum3{
		margin-top:50px;
		gap: 20px;
	}
	#results .mainResult .photo2,
	#results .mainResult .photo3{
		max-width: calc(50% - 10px);
	}
	#results figure .textWrap{
		text-align:center;
	}
}
@media screen and (max-width:750px){
	#results{
		padding-left: var(--padding-bodyLR);
		padding-right: var(--padding-bodyLR);
		padding-top:9vw;
		padding-bottom:8vw;
	}
	#results h2{
		font-size:10vw;
	}
	#results .mainResult .photoNum3{
		margin-top: 5vw;
		gap: 10px;
	}
	#results .mainResult .photo2,
	#results .mainResult .photo3{
		max-width: calc(50% - 5px);
	}
	#results figure .textWrap{
		text-align:left;
	}
}

/**
 * catch
 */
#catch{
	position:relative;
}
#catch .bgImg:before {
	background-color: rgba(255, 255, 255, .4);
}
#catch .bgImg:after {
	position:absolute;
	background-image:url(/img-webp/deliSushiExp/whenBg.webp);
}
#catch h2{
	text-align:center;
	color:#810d0d;
}
#catch h2 span{
	display:block;
	line-height:1.4;
}
#catch .textWrap p{
	line-height:1.8 !important;
}
@media screen and (min-width:751px){
	#catch{
		padding-top:80px;
		padding-bottom:80px;
	}
	#catch h2 .small{
		font-size:35px;
	}
	#catch h2 .large{
		font-size:55px;
	}
	#catch .textWrap{
		margin-top:30px;
		text-align:left;
		/* width:90%; */
		padding-left: calc((100% - 710px) / 2);
		padding-right: calc((100% - 710px) / 2);
	}
	#catch .textWrap p{
		margin-bottom:16px;
	}
}
@media screen and (min-width:831px){
	#catch .textWrap{
		margin-top:30px;
		padding-left:calc((100% - 930px) / 2);
		padding-right:calc((100% - 930px) / 2);
		text-align:center;
	}
}
@media screen and (min-width:961px){
	#catch .textWrap{
		padding-left:calc((100% - 930px) / 2);
		padding-right:calc((100% - 930px) / 2);
		font-size:22px;
		letter-spacing:-1px;
		line-height: 1.8;
		text-align:center;
	}
}
@media screen and (max-width:750px){
	#catch{
		padding-top:5vw;
		padding-bottom:5vw;
	}
	#catch h2 .small{
		font-size:6vw;
	}
	#catch h2 .large{
		/*font-size:8vw;*/
		font-size: 7vw;
	}
	#catch .textWrap{
		margin-top:3vw;
	}
	#catch .textWrap p{
		margin-bottom:2vw;
	}
	
}

/**
 * would
 */
#would{
	position:relative;
}
#would .bgImg:before {
	background-color: rgba(255, 255, 255, .9);
}
#would .bgImg:after {
	position:absolute;
	background-image:url(/img-webp/deliSushiExp/wouldBg.webp);
}
#would h2{
	text-align:center;
	color:#81640D;
}
#would h2 span{
	display:block;
	line-height:1.5;
}
@media screen and (min-width:751px){
	#would{
		padding-top:80px;
		padding-bottom:80px;
	}
	#would h2 .small{
		font-size:30px;
	}
	#would h2 .large{
		font-size:40px;
	}
	#would .textWrap{
		margin-top:30px;
	}
	#would .textWrap p{
		margin-bottom:16px;
		line-height:1.4;
	}
}
@media screen and (min-width:961px){
	#would{
		padding-top:80px;
		padding-bottom:80px;
	}
	#would .textWrap{
		/*
		padding-left:calc((100% - 970px) / 2);
		padding-right:calc((100% - 970px) / 2);
		*/
		font-size:18px;
		letter-spacing:-1px;
		line-height: 1.8;
	}
}
@media screen and (min-width:751px){
	#would .textWrap{
		padding-left:calc((100% - 710px) / 2);
		padding-right:calc((100% - 710px) / 2);
	}
}
@media screen and (max-width:750px){

	#would{
		padding-top:5vw;
		padding-bottom:5vw;
	}
	#would h2 .small{
		font-size:5vw;
	}
	#would h2 .large{
		font-size:5.5vw;
	}
	#would .textWrap{
		margin-top:3vw;
	}
	#would .textWrap p{
		margin-bottom:2vw;
	}
	
}


/**
 * about
 */
#about{
	position:relative;
}
#about h2 {
	text-align: center;
	color: #8f671b;
}
#about h3{
	text-align:center;
	color:#000000;
}
/*
#about .accordion {
	overflow:hidden;
}
#about .accordion .dl{
	position:relative;
}
#about .accordion .aboutWrap{
	position:absolute;
	transition:.6s;
}
#about .accordion .aboutWrap.no1{
	z-index:1;
}
#about .accordion .aboutWrap.no2{
	z-index:2;
}
#about .accordion .aboutWrap.no3{
	z-index:3;
}
#about .accordion .aboutWrap.no4{
	z-index:4;
}

#about .accordion .dt{
	color:#FFF;
	padding:10px;
	cursor: pointer;
	border: 1px solid #2C3A5F;
	position:relative;
	background-color:#FFF;
}
#about .accordion .active .dt{
	color:#FFF;
	border: 1px solid #AD9E32;
	pointer-events:none;
}
#about .accordion .dt.type2{
	color:#2C3A5F;
}
#about .accordion .active .dt.type2{
	color:#7b6d0a;
}
#about .accordion .dt span{
	position:absolute;
	display:inline-block;
	transition:.6s;
	font-size:80%;
	z-index:3;
	color:#FFF;
}
#about .accordion .active .dt span{
	right:-100%;
}
#about .accordion .dt:after{
	position:absolute;
	display:block;
	content:'';
	width:100%;
	height:100%;
	background-image:url(/img-webp/deliSushiExp/aboutNoActive.webp);
	background-repeat:no-repeat;
	background-size:contain;
}
#about .accordion .dt:before{
	position:absolute;
	display:block;
	content:'';
	aspect-ratio: cos(30deg);
	background: #415075;
	z-index:2;
	transition:.6s;
}
#about .accordion .active .dt:after{
	background-image:url(/img-webp/deliSushiExp/aboutActive.webp);
}
#about .accordion .active .dt.type1:before,
#about .accordion .active .dt.type2:before{
	right:-100%;
}
#about .accordion .dd{
	box-sizing:border-box;
	background-color:#FFF;
	padding:10px;
}
*/
#about .title{
	margin-bottom: 50px;
	position: relative;
	min-width: 220px;
	border: 10px solid #cfb883;
	background-color: #f1dda8;
	background: linear-gradient(161deg, #e1cc94 0%, #f3e5c0 50%);
}
#about .title > div{
	position:relative;
	overflow:hidden;
	height:100%;
	padding: 50px 0;
}
#about .title > div:after{
	position:absolute;
	display:block;
	content:"";
	width:100vw;
	height:100vw;
	background-color:rgb(249 242 204);
	margin:auto;
	top:0;
	bottom:-10vw;
	left: 0;
	border-radius:100%;
	height: 70vw;
	bottom: -4vw;
	background-color: #fff2d0;
}
#about .title img{
	position: absolute;
	bottom:0;
	width:30%;
	left:20px;
	z-index: 1;
	height: unset;
	max-height: unset;
}
#about .title h2,
#about .title h3{
	position:relative;
	z-index:2;
}
#about .title .textWrap{
	text-align:center;
	padding:10px 10px 10px 0px;
}
@media screen and (min-width:751px){
	#about {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	#about .title{
		padding-left: 261px;
	}
	#about .title img{
		min-width:310px;
	}
	#about h2{
		font-size:40px;
	}
	#about h3{
		font-size:30px;
	}
	/*
	#about .accordion {
		width:calc(100%);
		margin-top:50px;
		height:500px;
	}
	#about .aboutWrap {
		width: calc(100% / 4 - (45px * 3));
		height: 100%;
		display: flex;
	}
	#about .dl {
		width:calc(100% * 4);
		display:flex;
		align-items:stretch;
		height: 100%;
	}
	#about .accordion .dt{
		height:100%;
		writing-mode: vertical-rl;
		width:45px;
		border-image: linear-gradient(to right, #B1B59A 0%, #2C3A5F 100%) 1;
		background: linear-gradient(to right,#4B5D7D 0% ,#2C3A5F 100%);
	}
	#about .accordion .active .dt.type1{
		border-image: linear-gradient(to right, #EDE08C 0%, #AD9E32 100%) 1;
		background: linear-gradient(to right,#BBAE55 0% ,#AD9E32 100%);
	}
	#about .accordion .dt:after{
		background-position: center bottom;
		transform: rotate(90deg);
		transform-origin:100% 100% 0;
		height: 54px;
		width: 218px;
		margin:auto;
		bottom:0;
		right: 43px;
	}
	#about .accordion .dd{
		width: calc(100% - 45px);
		height: 100%;
	}
	#about .aboutWrap.noActive ~ .aboutWrap.no2{
		left:calc(45px * 1);
	}
	#about .aboutWrap.noActive ~ .aboutWrap.no3{
		left:calc(45px * 2);
	}
	#about .aboutWrap.noActive ~ .aboutWrap.no4{
		left:calc(45px * 3);
	}

	#about .aboutWrap.active ~ .aboutWrap{
		left:calc((100% / 4 * 1) - (45px * 4));
	}
	#about .aboutWrap.active ~ .aboutWrap.no2{
		left:calc((100% / 4 * 1) - (45px * 3));
	}
	#about .aboutWrap.active ~ .aboutWrap.no3{
		left:calc((100% / 4 * 1) - (45px * 2));
	}
	#about .aboutWrap.active ~ .aboutWrap.no4{
		left:calc((100% / 4 * 1) - (45px * 1));
	}
	*/
	#about .manga img{
		margin-bottom: 12px;
	}
}
@media screen and (min-width:961px){
	#about{
		padding-top:80px;
		padding-bottom:80px;
		padding-left: calc((100% - 1050px) / 2);
		padding-right: calc((100% - 1050px) / 2);
	}
}
@media screen and (max-width:890px){
	#about .title h2{
		font-size:3.5vw;
	}
	#about .title h3{
		font-size:3vw;
	}
}
@media screen and (max-width: 750px){
	#about {
		padding-top: 2vw;
		padding-bottom: 45px;
	}
	#about .title{
		padding-left:25%;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	/*
	#about h2{
		font-size:6vw;
	}
	*/
	#about .title img{
		width:40%;
		left:00px;
		z-index: 1;
	}
	#about .title > div{
		padding-top:4vw;
		padding-bottom:4vw;
	}
	#about .title h2{
		font-size:5.5vw;
	}
	#about .title h3{
		font-size:4.5vw;
	}
	/*
	#about .accordion {
		margin-top:2vw;
		height: calc(60vh + (40px * 4) + -2px);
	}
	#about .accordion .aboutWrap{
		width:100%;
		height:100%;
	}

	#about .accordion .dl{
		width:100%;
		height: calc(100% - 4px);
		background-color:#FFF;
	}
	#about .accordion .dt.type1{
		width:100%;
		height:40px;
		border-image: linear-gradient(to bottom, #B1B59A 0%, #2C3A5F 100%) 1;
		background: linear-gradient(to bottom,#4B5D7D 0% ,#2C3A5F 100%);
	}
	#about .accordion .active .dt.type1{
		border-image: linear-gradient(to bottom, #EDE08C 0%, #AD9E32 100%) 1;
		background: linear-gradient(to bottom,#BBAE55 0% ,#AD9E32 100%);
	}
	#about .accordion .dt:after{
		background-position: right bottom;
		height: 100%;
		width: 100%;
		bottom:0;
		left: 0;
	}
	#about .accordion .dt.type1 span{
		right:0;
		bottom:0px;
		padding:0 5px 0 0;
	}
	#about .accordion .dt.type1:before{
		height:80%;
		width:20%;
		right:0;
		bottom: 0px;
		clip-path: polygon(100% 0,100% 100%,0 100%);
	}
	#about .accordion .dt.type2 span{
		padding:0 5px 0 0;
		margin:auto;
		right:0;
		bottom:0;
		top:0;
		width:60px;
		height:16px;
		text-align:center;
	}
	#about .accordion .dt.type2:before{
		height:50%;
		width:60px;
		right:5px;
		bottom: 0px;
		top:0;
		margin:auto;
		border-radius:4px;
	}
	#about .accordion .active .dt span{
		right:-100%;
	}
	#about .accordion .dd{
		height: 100%;
	}
	#about .accordion .dd{
		height:calc(100% - (40px * 4));
	}
	#about .accordion .dd.type2 h4,
	#about .accordion .dd.type3 h4{
		background-color:#FFF;
		padding:10px;
		border:2px solid ;
		border-image: linear-gradient(to right, #ede9d4, #aba033) 1;
		color:#464646;
		box-shadow:2px 2px 3px rgba(0,0,0,.3);
		font-size:5vw;
		text-align:center;
	}
	#about .accordion .dd.type2 .textBox1,
	#about .accordion .dd.type3 .textBox1{
		margin: 12vw 0 0 auto;
		width:240px;
		font-size:3vw;
		text-align:right;
		color:#FFF;
		border:1px solid;
		padding:5px;
		border-image: linear-gradient(to right, transparent 0% , transparent 10%, #aba033 30%,#aba033 100%) 1;
		background: linear-gradient(to right, transparent 0% , transparent 10%, #aba033 30%,#aba033 100%);
	}
	#about .accordion .dd.type2 .textBox2,
	#about .accordion .dd.type3 .textBox2{
		background-color:#FFF;
		font-size:4vw;
		width:160px;
		padding:10px;
		font-weight:bold;
		margin-top:-60px;
		border-radius:5px;
		position:relative;
		border:2px solid #8e8103;
	}
	#about .accordion .dd.type2 .textBox3,
	#about .accordion .dd.type3 .textBox3{
		width:100%;
		margin-top:calc(100% - 170px);
		position:relative;
	}
	#about .accordion .dd.type2 .textBox3 img,
	#about .accordion .dd.type3 .textBox3 img{
		width:auto;
		height:auto;
	}
	#about .accordion .dd.type2 .textBox2:before,
	#about .accordion .dd.type2 .textBox2:after,
	#about .accordion .dd.type3 .textBox2:before,
	#about .accordion .dd.type3 .textBox2:after{
		display:block;
		position:absolute;
		content:'';
		background-color:#FFF;
	}
	#about .accordion .dd.type2 .textBox2:before,
	#about .accordion .dd.type3 .textBox2:before{
		width:30px;
		height:15px;
		top:50px;
		right:50px;
		border:2px solid #8e8103;
		border-radius:50%;
	}
	#about .accordion .dd.type2 .textBox2:after,
	#about .accordion .dd.type3 .textBox2:after{
		width:15px;
		height:10px;
		top:65px;
		right:40px;
		border-radius:50%;
		border:2px solid #8e8103;
	}
	#about .accordion .dd.type2 .icon,
	#about .accordion .dd.type3 .icon{
		position:absolute;
	}
	#about .accordion .dd.type2 .icon img,
	#about .accordion .dd.type3 .icon img{
		z-index:1;
		position:relative;
		width:80%;
		height:auto ;
	}
	#about .accordion .dd.type2 .icon.no1,
	#about .accordion .dd.type3 .icon.no1{
		top:200px;
		left:30px;
	}
	#about .accordion .dd.type2 .icon.no1 img,
	#about .accordion .dd.type3 .icon.no1 img{
		transform:rotate(-10deg);
	}
	#about .accordion .dd.type2 .icon.no1:before,
	#about .accordion .dd.type2 .icon.no1:after,
	#about .accordion .dd.type3 .icon.no1:before,
	#about .accordion .dd.type3 .icon.no1:after{
		animation-duration:1s;
	}
	#about .accordion .dd.type2 .icon.no2,
	#about .accordion .dd.type3 .icon.no2{
		top:180px;
		right:80px;
	}
	#about .accordion .dd.type2 .icon.no2 img,
	#about .accordion .dd.type3 .icon.no2 img{
		transform:rotate(10deg);
	}
	#about .accordion .dd.type2 .icon.no2:before,
	#about .accordion .dd.type2 .icon.no2:after,
	#about .accordion .dd.type3 .icon.no2:before,
	#about .accordion .dd.type3 .icon.no2:after{
		animation-duration:2s;
	}
	#about .accordion .dd.type2 .icon.no3,
	#about .accordion .dd.type3 .icon.no3{
		top:280px;
		left:10px;
	}
	#about .accordion .dd.type2 .icon.no3 img,
	#about .accordion .dd.type3 .icon.no3 img{
		transform:rotate(-15deg);
	}
	#about .accordion .dd.type2 .icon.no3:before,
	#about .accordion .dd.type2 .icon.no3:after,
	#about .accordion .dd.type3 .icon.no3:before,
	#about .accordion .dd.type3 .icon.no3:after{
		animation-duration:3s;
	}
	#about .accordion .dd.type2 .icon.no4,
	#about .accordion .dd.type3 .icon.no4{
		top:250px;
		right:10px;
	}
	#about .accordion .dd.type2 .icon.no4 img,
	#about .accordion .dd.type3 .icon.no4 img{
		transform:rotate(10deg);
	}
	#about .accordion .dd.type2 .icon.no4:before,
	#about .accordion .dd.type2 .icon.no4:after,
	#about .accordion .dd.type3 .icon.no4:before,
	#about .accordion .dd.type3 .icon.no4:after{
		animation-duration:1.5s;
	}
	#about .accordion .dd.type2 .icon.no5,
	#about .accordion .dd.type3 .icon.no5{
		top:300px;
		right:110px;
	}
	#about .accordion .dd.type2 .icon.no5 img,
	#about .accordion .dd.type3 .icon.no5 img{
		transform:rotate(10deg);
	}
	#about .accordion .dd.type2 .icon.no5:before,
	#about .accordion .dd.type2 .icon.no5:after,
	#about .accordion .dd.type3 .icon.no5:before,
	#about .accordion .dd.type3 .icon.no5:after{
		animation-duration:2.5s;
	}
	#about .accordion .dd.type2 .icon:before,
	#about .accordion .dd.type2 .icon:after,
	#about .accordion .dd.type3 .icon:before,
	#about .accordion .dd.type3 .icon:after{
		position:absolute;
		display:block;
		content:'';
		width:60%;
		height:10px;
		background-color:#f00;
		margin:auto;
		top:0;
		bottom:0;
		left:0;
		right:0;
		animation-name:batsu80;
		transition:.3s;
		z-index:2;
		animation-fill-mode:backwards;
		animation-iteration-count:infinite;
		animation-timing-function:ease;
		animation-delay: 0.5s;
		animation-direction:normal;
	}
	@keyframes batsu80{
		0% {
			width:60%;
		}
		50% {
			width:70%;
		}
		99% {
			width:60%;
		}
	}
	#about .accordion .dd.type2 .icon:before,
	#about .accordion .dd.type3 .icon:before{
		transform:rotate(-45deg);
	}
	#about .accordion .dd.type2 .icon:after,
	#about .accordion .dd.type3 .icon:after{
		transform:rotate(45deg);
	}
	#about .accordion .no1 .dd.type1{
		background-image:url(/img-webp/deliSushiExp/aboutAccordion_1_sp.webp);
		background-size:cover;
	}
	#about .accordion .no1 .dd.type2{
		background-image:url(/img-webp/deliSushiExp/aboutAccordion1SpSample2.webp);
		background-size:cover;
	}
	#about .accordion .no1 .dd.type3{
		background-image:url(/img-webp/deliSushiExp/aboutAccordion1SpSample3.webp);
		background-size:contain;
	}
	#about .aboutWrap.active ~ .aboutWrap{
		top:calc(100% - (40px * 4));
	}
	#about .aboutWrap.active ~ .aboutWrap.no2{
		top:calc(100% - (40px * 3));
	}
	#about .aboutWrap.active ~ .aboutWrap.no3{
		top:calc(100% - (40px * 2));
	}
	#about .aboutWrap.active ~ .aboutWrap.no4{
		top:calc(100% - (40px * 1));
	}
	#about .aboutWrap.noActive ~ .aboutWrap.no2{
		top:calc(40px * 1);
	}
	#about .aboutWrap.noActive ~ .aboutWrap.no3{
		top:calc(40px * 2);
	}
	#about .aboutWrap.noActive ~ .aboutWrap.no4{
		top:calc(40px * 3);
	}

	#about .aboutWrap.active ~ .aboutWrap{
		top:calc(100% - (40px * 4));
	}
	#about .aboutWrap.active ~ .aboutWrap.no2{
		top: calc(100% - (40px * 3));
	}
	#about .aboutWrap.active ~ .aboutWrap.no3{
		top:calc(100% - (40px * 2));
	}
	#about .aboutWrap.active ~ .aboutWrap.no4{
		top:calc(100% - (40px * 1));
	}
	*/
	#about .manga img{
		margin-bottom: 1.1vw;
	}
}
#about .navNext{
	color:#810d0d;
}
#about .textWrap,
#about .arrow{
	text-align:center;
	font-size:50px;
	margin-top:30px;
	font-weight:bold;
}
@media screen and (min-width:751px){
	#about .arrow{
		margin-top:0;
		position:relative;
		height:100px;
		margin-bottom:-100px;
		padding-top: 35px;
	}
	#about .arrow > span{
		display:block;
		position:absolute;
		margin:auto;
		left:0;
		right:0;
		background-color:#810d0d;
	}
	#about .arrow > span:nth-child(1){
		height:100px;
		width:1px;
	}
	#about .arrow > span:nth-child(2){
		height:60px;
		width:1px;
		transform:rotate(45deg);
		bottom: -45px;
		left: 41px;
	}
	#about .arrow > span:nth-child(3){
		height:60px;
		width:1px;
		transform:rotate(-45deg);
		bottom: -45px;
		right: 41px;
	}
}
@media screen and (max-width:750px){
	#about .arrow{
		margin-top:0;
		position:relative;
		height:100px;
		margin-bottom:-100px;
		padding-top: 20px;
	}
	#about .arrow > span{
		display:block;
		position:absolute;
		margin:auto;
		left:0;
		right:0;
		background-color:#810d0d;
	}
	#about .arrow > span:nth-child(1){
		height: 60px;
		width:1px;
	}
	#about .arrow > span:nth-child(2){
		height: 35px;
		width:1px;
		transform:rotate(45deg);
		bottom: 14px;
		left: 25px;
	}
	#about .arrow > span:nth-child(3){
		height: 35px;
		width:1px;
		transform:rotate(-45deg);
		bottom: 14px;
		right: 25px;
	}
}
@media screen and (max-width:640px){
	#about .textWrap,
	#about .arrow{
		font-size:7vw;
	}
}
/**
 * when
 */
#when {
	position:relative;
}
#when .bgImg:after{
	background-image:url(/img-webp/deliSushiExp/whenBg.webp);
	background-size:unset;
	background-repeat:repeat;
}
#when h2{
	background-image:url(/img-webp/deliSushiExp/whenBg.webp);
	text-align: center;
	color: #81640D;
}
#when .flexWrap{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	gap:10px;
}
#when .flexWrap > * {
	justify-content:center;
	display:flex;
	flex-direction:column;
	background-size:contain;
	position:relative;
	background-color:#FFF;
	box-shadow:0px 0px 3px rgba(0,0,0,.5);
	border-radius:8px;
	padding:10px;
	overflow:hidden;
}
#when .flexWrap > *:before {
	position:absolute;
	display:block;
	content:'';
	background-repeat:no-repeat;
	background-position:top center;
	height:160px;
	width:100%;
	top:0;
	left:0;
}
#when .panel1:before {
	background-image:url(/img-webp/deliSushiExp/whenPanel01.webp);
}
#when .panel2:before {
	background-image:url(/img-webp/deliSushiExp/whenPanel02.webp);
}
/*
#when .panel3:before {
	background-image:url(/img-webp/deliSushiExp/whenPanel03.webp);
}
#when .panel4:before {
	background-image:url(/img-webp/deliSushiExp/whenPanel04.webp);
}
#when .panel5:before {
	background-image:url(/img-webp/deliSushiExp/whenPanel05.webp);
}
#when .panel6:before {
	background-image:url(/img-webp/deliSushiExp/whenPanel06.webp);
}
*/
#when h3{
	margin-top:160px;
	text-align:center;
	font-size:22px;
	margin-bottom:15px;
}
#when .textWrap{
	font-size:18px;
	flex-grow:1;
	padding:10px;
}
@media screen and (min-width:1021px){
	#when  h3{
		font-size:22px;
	}
}
@media screen and (min-width:861px){
	#when .flexWrap > * {
		width:calc(100% / 2 - 10px);
	}
}
@media screen and (min-width:861px) and (max-width:1020px){
	#when  h3{
		font-size:2vw;
	}
}
@media screen and (min-width:751px) and (max-width:860px){
	#when .flexWrap > * {
		width:calc(100% / 2 - 10px);
	}
	#when  h3{
		font-size:24px;
	}
}
@media screen and (min-width:751px){
	#when {
		padding-top:65px;
		padding-bottom:80px;
	}
	#when .flexWrap{
		padding-left:calc((100% - 1050px) / 2);
		padding-right:calc((100% - 1050px) / 2);
		margin-top:50px;
	}
	#when h2{
		font-size:40px;
	}
	#when .panel1:before {
		background-position:center center;
		background-size:cover;
	}
	#when .panel2:before {
		background-position:top -3vw center;
		background-size:cover;
	}
	#when .panel3:before {
		background-position:top center;
		background-size:cover;
	}
	#when .panel4:before {
		background-position:top center;
		background-size:cover;
	}
	#when .panel5:before {
		background-position:top center;
		background-size:cover;
	}
	#when .panel6:before {
		background-position:top center;
		background-size:cover;
	}
}
@media screen and (max-width:750px){
	#when {
		padding-top:45px;
		padding-bottom:30px;
	}
	#when .flexWrap{
		margin-top:2vw;
	}
	#when .flexWrap > * {
		max-width:640px;
	}
	#when h2{
		font-size:6vw;
	}
	#when .panel1:before {
		background-position:center center;
		background-size:cover;
	}
	#when .panel2:before {
		background-position:top -3vw center;
		background-size:cover;
	}
	#when .panel3:before {
		background-position:top -10vw center;
		background-size:cover;
	}
	#when .panel4:before {
		background-position:top -10vw center;
		background-size:cover;
	}
	#when .panel5:before {
		background-position:top -5vw center;
		background-size:cover;
	}
	#when .panel6:before {
		background-position:top center;
		background-size:cover;
	}
}

/**
 * plan
 */
#plan {
	padding-left:0;
	padding-right:0;
}
#plan .planTitle {
	height:102px;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
    color: #fff1d7;
    font-size: 47px;
    text-shadow: 0 1px 5px rgba(30,0,0,0.5);
	background-image:url(/img-webp/deliSushiExp/plan_titBg.webp);
	background-position:center center;
	background-size:150% 100%;
	margin-bottom: 0;
}
#plan h2{
	color:#806109;
	position:relative;
	overflow: hidden;
	margin-bottom:35px;
	height:360px;
}
#plan h2 .bgImg{
	position:absolute;
	width:100%;
	z-index:-1;
	height:50%;
}
#plan h2 .bgImg.top{
	top:0;
	bottom:unset;
}
#plan h2 .bgImg.bottom{
	top:unset;
	bottom:0;
}
#plan h2 .bgImg.top:after{
	position: absolute;
	background-size: auto 100%;
	background-image:url(/img-webp/deliSushiExp/planMain01.webp);
	width: calc(4122 / 356 * 100%);
	height: 100%;
	background-position: left center;
	background-repeat:repeat-x;
	animation-name:slideRight;
	animation-duration: 300s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes slideRight{
	0%{
		background-position: 0 center;
	}
	100%{
		background-position: -100% center;
	}
}
#plan h2 .bgImg.bottom:after{
	position:absolute;
	background-size: auto 100%;
	background-image:url(/img-webp/deliSushiExp/planMain02.webp);
	height: 100%;
	width: calc(4122 / 350 * 100%);
	background-position: left center;
	background-repeat:repeat-x;
	animation-name:slideLeft;
	animation-duration: 340s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes slideLeft{
	0%{
		background-position: 0 center;
	}
	100%{
		background-position: 100% center;
	}
}

#plan h2 .small,
#plan h2 .large{
	display:inline-block;
	padding:18px;
	background-color:#FFF;
	position:absolute;
	left:0;
}
#plan span.small {
	font-size: 70%;
	display: inline-block;
	position: relative;
	top: -3PX;
}
#plan .priceWrap h3 {
	display:flex;
	/*
	flex-wrap:wrap;
	outline: 3px solid #753736;
	outline-offset: -3px;
	box-sizing: border-box;
	position: relative;
	padding:10px;
	justify-content: center;
	color:#753736;
	*/
}
#plan .priceWrap .exsamplePrice {
	display:flex;
	flex-wrap:wrap;
	border: 3px solid #6f640c;
	box-sizing: content-box;
	position: relative;
	padding:10px;
	justify-content: center;
	color:#6f640c;
}
#plan .minutes{
	text-align: center;
	background-color: #753836;
	color: #FFF;
	padding: 0 12px;
	display: inline-block;
}
#plan .exsamplePrice .totalPrice {
	width: 100%;
}
#plan h2 .small{
	top:160px;
	font-size:28px;
}
#plan h2 .large{
	top:240px;
	font-size:40px;
}

@media screen and (min-width:751px){
	#plan h2{
	}
	#plan {
		padding-top:80px;
		padding-bottom:80px;
	}
	#plan .priceWrap h3 {
		font-size:55px;
		align-items:flex-end;
		width:1000px;
		margin:0 auto 30px auto;
		row-gap:20px;
	}
	#plan .priceWrap .exsample {
		width:1000px;
		margin:0 auto 30px auto;
	}
	#plan .priceWrap .exsamplePrice{
		font-size:55px;
		align-items:flex-end;
		row-gap:20px;
	}
	#plan .priceWrap h3 small{
		display:inline-block;
	}
	#plan .priceParts {
		line-height:0.7;
		margin-top:10px;
		color: #494949;
	}
	#plan .businessTripPrice,
	#plan .oneUnitPrice,
	{
		width:460px;
	}
	#plan .mark{
		width:60px;
		padding-bottom: 40px;
	}
	#plan .priceWrap h3 small{
		display:inline-block;
		font-size:35px;
	}
	#plan .minutes{
		position: absolute;
		top: -20px;
		right: -10px;
		text-align: center;
	}
}
@media screen and (max-width:1100px) {
	#plan .priceWrap h3{
		font-size:4vw;
		width: calc(100% - 60px);
	}
	#plan .businessTripPrice, #plan .oneUnitPrice{
		display:inline-block;
		width: auto;
	}
	#plan > .priceWrap{
		/* width: calc(100% - 20px); */
	}
	#plan .priceWrap h3 small{
		font-size:90%;
	}
}
@media screen and (max-width:950px) {
	#plan .priceWrap h3{
		font-size:3vw;
	}
	#plan .priceWrap h3 .notice{
		font-size: 2vw;
	}
}
@media screen and (max-width:750px){
	#plan .planTitle {
		font-size:8vw;
		height:70px;
	}
	/*
	#plan h2{
		height:45vw;
	}
	*/
	/*
	#plan h2 .small{
		top:10vw;
		font-size:4vw;
	}
	#plan h2 .large{
		top:24vw;
		font-size:6vw;
	}
	*/
	#plan {
		padding-top:30px;
		padding-bottom:50px;
		margin-top:40px;
	}
	#plan .priceWrap h3{
		margin:0 auto;
		justify-content:center;
		width:100%;
	}
	#plan .priceWrap h3 .titParts{
		font-size:7vw;
	}
	#plan .priceWrap h3 .priceParts{
		font-size:7vw;
		color:#494949;
	}
	#plan .priceWrap h3 .priceParts small{
		font-size:5vw;
	}
	#plan .priceWrap h3 .mark{
		font-size:7vw;
		width:100%;
	}
	#plan .priceWrap h3 .notice{
		font-size:3vw;
	}
	#plan .minutes{
		font-size:6vw;
		padding:5px 20px;
		text-align: right;
		width: calc(100% + 20px);
		margin-left: -10px;
		margin-right: -10px;
		margin-bottom: -10px;
		margin-top:20px;
	}
	#plan h2 .bgImg.top:after{
		animation-duration: 150s;
	}
	#plan h2 .bgImg.bottom:after{
		animation-duration: 160s;
	}
}
@media screen and (max-width:460px){
	#plan h2 .small{
		/*top:10vw;*/
		font-size:6vw;
	}
	#plan h2 .large{
		top:240px;
		font-size:8vw;
	}
	#plan h2 .bgImg.top:after{
		animation-duration: 50s;
	}
	#plan h2 .bgImg.bottom:after{
		animation-duration: 65s;
	}
}
#plan > .priceWrap{
	padding:40px 0;
	outline:4px solid #FFF;
	outline-offset:-8px;
	text-align:center;
	position:relative;
}
#plan > .priceWrap .bgImg:after{
	background-image: url(/img-webp/deliSushiExp/whenBg.webp);
	background-size: unset;
	background-repeat: repeat;
	position:absolute;
}

#plan > .priceWrap .price{
	display:flex;
	justify-content:center;
}
@media screen and (min-width:751px) {
	#plan > .priceWrap{
		margin-bottom:40px;
	}
}
@media screen and (max-width:750px) {
	#plan > .priceWrap,
	#plan #planDetail{
		margin-bottom:20px;
	}
	#plan > .priceWrap{
		padding-left:10px;
		padding-right:10px;
	}
	#plan #planDetail,
	#plan .option{
		margin-left:10px;
		margin-right:10px;
	}
}
@media screen and (min-width:541px){
	#plan > .priceWrap .price{
		gap:30px;
		font-size: 40px;
	}
	#plan .notice{
		font-size:20px;
	}
}
@media screen and (max-width:540px){
	#plan .priceWrap h3{
		font-size:12vw;
	}
	#plan > .priceWrap .price{
		gap:1vw;
		font-size:7.5vw;
	}
	#plan .notice{
		font-size:3.4vw;
	}
}
body.android #plan .planPriceWrap {
	font-family: ヒラギノ明朝;
}
#plan .planPriceWrap {
	padding: 40px 0;
	outline: 4px solid #FFF;
	outline-offset: -8px;
	text-align: center;
	position: relative;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
	max-width: 1500px;
}
#plan > .planPriceWrap .bgImg:after{
	background-image: url(/img-webp/deliSushiExp/whenBg.webp);
	background-size: unset;
	background-repeat: repeat;
	position:absolute;
}
#plan .planPriceWrap .businessTripPrice,
#plan .planPriceWrap .oneUnitPrice{
	background-image:url(/img-webp/deliSushiExp/planPaper.webp);
	background-size:cover;
	background-repeat:no-repeat;
	display:flex;
	justify-content:center;
	flex-direction:column;
	padding:30px 20px;
	box-sizing:border-box;
	width:calc((100% - 120px) / 2 - 20px);
	max-width:440px;
	height:360px;
}
#plan .planPriceWrap .barWra{
	background-color:#4a452a;
	color:#FFF;
	padding:2px;
	font-size:28px;
	display:inline-block;
	width:230px;
	margin:0 auto;
}
#plan .planPriceWrap .largeText{
	font-size:68px;
	font-weight:bold;
	color:#494949;
	margin-top:5px;
	margin-bottom:5px;
}
#plan .planPriceWrap .notice{
	background-color:rgba(255,255,255,.5);
	padding:13px 0 11px 0;
	box-sizing:border-box;
	color:#715813;
	font-weight:bold;
	font-size:18px;
	margin-bottom:11px;
	flex-grow: 1;
	display:flex;
	justify-content:center;
	align-items:center;
	line-height:1.4;
	box-shadow: 0 1px 4px rgba(50, 0, 0, .1);
}
#plan .planPriceWrap .price{
	display:flex;
	justify-content:center;
	flex-direction:column;
	color:#494949;
}
#plan .planPriceWrap .taxOut{
	font-size:55px;
	font-weight:bold;
	margin-bottom: -0.5vw;
}
#plan .planPriceWrap .taxIn{
	font-weight:bold;
}
#plan .markPlus{
	width: 120px;
}
#plan .markPlus .plus{
	width: 100%;
	position:relative;
	display: block;
}
#plan .markPlus .plus:before,
#plan .markPlus .plus:after{
	position:absolute;
	display: block;
	content:'';
	margin:auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background-color:#855f5f;
}
#plan .markPlus .plus:before{
	height:12px;
	width: 70px;
	
}
#plan .markPlus .plus:after{
	height:70px;
	width: 12px;
}
@media screen and (min-width:751px) and (max-width:1020px){
	#plan .planPriceWrap .businessTripPrice,
	#plan .planPriceWrap .oneUnitPrice{
		width:calc((100% - 10%) / 2 - 40px);
		height:35vw;
	}
	#plan .markPlus{
		width:10%;
	}
	#plan .markPlus .plus{
		width:109%;
	}
	#plan .planPriceWrap .barWra{
		font-size:2.4vw;
		/* width:60%; */
	}
	#plan .planPriceWrap .largeText{
		font-size:6.5vw;
		margin-top:0.1vw;
		margin-bottom:0.1vw;
	}
	#plan .planPriceWrap .notice {
		font-size:1.5vw;
		padding:1.42vw;
		margin-bottom:1.3vw;
	}
	#plan .planPriceWrap .taxOut{
		font-size:5.2vw;
	}
	#plan .planPriceWrap .taxIn{
		font-size:2vw;
	}
}
@media screen and (max-width:750px){
	#plan .planPriceWrap{
		flex-direction: column;
		padding-left: 2%;
		padding-right: 2%;
	}
	#plan .planPriceWrap .businessTripPrice,
	#plan .planPriceWrap .oneUnitPrice{
		width:100%;
		height:unset;
	}
	#plan .markPlus {
		height:120px;
		display:flex;
	}
	#plan .planPriceWrap .businessTripPrice,
	#plan .planPriceWrap .oneUnitPrice{
		width:100%;
		max-width: unset;
	}
	#plan .planPriceWrap .barWra{
		font-size:5.4vw;
		width: 35vw;
	}
	#plan .planPriceWrap .largeText{
		font-size:15.5vw;
		margin-top:0.1vw;
		margin-bottom:1vw;
	}
	#plan .planPriceWrap .notice {
		font-size:3.8vw;
		padding:1.42vw;
		margin-bottom:1.3vw;
		height:15vw;
	}
	#plan .planPriceWrap .taxOut{
		font-size:11.2vw;
	}
	body.Android #plan .planPriceWrap .taxOut{
		margin-bottom:1vw;
	}
	#plan .planPriceWrap .taxIn{
		font-size:4.5vw;
	}
}


#planDetail {
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	/*justify-content: space-between;*/
	justify-content: center;
	gap:20px;
	margin-bottom: 40px;
}
#planDetail > *{
	position:relative;
}
#planDetail .name{
	position:relative;
	z-index:1;
}
#planDetail .name:before{
	position:absolute;
	display:block;
	/*content:'';*/
	background-image:url(/img-webp/deliSushiExp/plamIcon.webp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top  left;
	z-index: 1;
}

#planDetail h3{
	padding:5px;
	text-align:right;
	color:#FFF;
	position:relative;
	z-index: 0;
}
/*
#planDetail h3:after{
	content:'プラン';
}
*/
#planDetail .priceWrap{
	position:relative;
	z-index:2;
	font-weight:bold;
	/* text-align:right; */
	text-shadow:
		2px 0 2px #FFF
		,0px 2px 2px #FFF
		,-2px 0px 2px #FFF
		, 0 -2px 2px  #FFF;
	display:flex;
	align-items:flex-end;
	justify-content: left;
}
#planDetail .priceWrap .price{
	position:absolute;
}
#planDetail .priceWrap .price:after{
	content:'円';
	position: relative;
}
#planDetail .priceWrap .tax:before{
	content:'税込';
}
#planDetail .priceWrap .tax:after{
	content:'円';
}
#planDetail .priceWrap .perPerson{
	text-shadow:0px 0px 0px transparent;
}
#planDetail .textWrap .sushiKind span:after{
	content:'、';
	letter-spacing: -10px;
}
#planDetail .textWrap .sushiKind span:last-child:after{
	content:'';
}
@media screen and (min-width:1131px){
	#planDetail h3{
		font-size:32px;
	}
	#planDetail h3:after{
		font-size:28px;
	}
	#planDetail .priceWrap{
		font-size:30px;
		padding: 5px 10px 5px 230px;
	}
	#planDetail .priceWrap .price{
		font-size: 80px;
		bottom:-20px;
		left:25px;
	}
	#planDetail .priceWrap .price:after{
		font-size:30px;
		bottom: 10px;
	}
	#planDetail .priceWrap .tax:before{
		font-size:22px;
	}
	#planDetail .priceWrap .tax:after{
		font-size:22px;
	}
	#planDetail .priceWrap .perPerson{
		font-size:18px;
	}
	#planDetail .textWrap{
		/*padding:50px 20px;*/
		padding:20px 20px 30px 20px;
	}
	#planDetail .textWrap .sushiKind{
		font-size:26px;
		margin-bottom:20px;
	}
	#planDetail .textWrap .info{
		font-size:26px;
		/*height: 90px;*/
	}
}
@media screen and (min-width:751px) and (max-width:1130px){
	#planDetail h3{
		font-size:2.5vw;
	}
	#planDetail h3:after{
		font-size:2.2vw;
	}
	#planDetail .priceWrap{
		font-size:2.6vw;
		padding: 5px 10px 5px 18vw;
	}
	#planDetail .priceWrap .price{
		font-size: 6vw;
		bottom:-2vw;
		left:2vw;
	}
	#planDetail .priceWrap .price:after{
		font-size:2.8vw;
		bottom: 1.5vw;
	}
	#planDetail .priceWrap .tax:before{
		font-size:2.0vw;
	}
	#planDetail .priceWrap .tax:after{
		font-size:2.0vw;
	}
	#planDetail .priceWrap .perPerson{
		font-size:1.4vw;
	}
	#planDetail .textWrap{
		padding:20px 20px 30px 20px;
	}
	#planDetail .textWrap .sushiKind{
		font-size:3vw;
		margin-bottom:1.5vw;
	}
	#planDetail .textWrap .info{
		font-size:3vw;
		height: 120px;
	}
}
@media screen and (min-width:751px){
	#planDetail > *{
		/*width: calc(100% / 2 - 10px);*/
		width:750px;
		display:flex;
		flex-direction:column;
	}
	#planDetail .name:before{
		width: 120px;
		height: 113px;
	}
}
@media screen and (max-width:750px){
	#planDetail > *{
		width: calc(100%);
	}
	#planDetail .name:before{
		width: 21vw;
		height: 21vw;
	}
	#planDetail h3{
		font-size:5vw;
	}
	#planDetail h3:after{
		font-size:4.5vw;
	}
	#planDetail .priceWrap{
		font-size:5vw;
		padding: 5px 10px 5px 29vw;
	}
	body.iPhone #planDetail .priceWrap{
		padding: 5px 10px 5px 33vw;
	}
	#planDetail .priceWrap .price{
		font-size: 10vw;
		bottom: -3vw;
		left:2vw;
	}
	body.iPhone #planDetail .priceWrap .price,
	body.Android #planDetail .priceWrap .price{
		bottom: -2vw;
	}
	#planDetail .priceWrap .price:after{
		font-size:5vw;
		bottom: 2.2vw;
	}
	#planDetail .priceWrap .tax:before{
		font-size:4.0vw;
	}
	#planDetail .priceWrap .tax:after{
		font-size:3.8vw;
	}
	#planDetail .priceWrap .perPerson{
		font-size:3vw;
	}
	#planDetail .textWrap{
		/*padding:3vw 5px;*/
		padding:15px;
	}
	#planDetail .textWrap .sushiKind{
		font-size:4vw;
		margin-bottom:2vw;
	}
	#planDetail .textWrap .info{
		font-size:4vw;
	}
}

#planDetail .standard{
	border:2px solid #b26c03;
}
#planDetail .standard h3{
	background-color:#b26c03;
}
#planDetail .standard .name{
	background: #f0c88d;
}
#planDetail .standard .perPerson,
#planDetail .standard .textWrap{
	color:#330806;
}
#planDetail .workday{
	border:2px solid #503916;
}
#planDetail .workday h3{
	background-color:#503916;
	text-align:center;
}
#planDetail .workday .name{
	background-color:#b0a698;
}
#planDetail .workday .perPerson,
#planDetail .workday .textWrap{
	color:#370408;
}
#planDetail .preference{
	border:2px solid #793006;
}
#planDetail .preference h3{
	background-color:#793006;
}
#planDetail .preference .name{
	background-color:#d8a082;
}
#planDetail .preference .perPerson,
#planDetail .preference .textWrap{
	color:#41120d;
}
#planDetail .freeDrink{
	border:2px solid #911204;
}
#planDetail .freeDrink h3{
	background-color:#911204;
}
#planDetail .freeDrink .name{
	background-color:#dba9a7;
}
#planDetail .freeDrink .perPerson,
#planDetail .freeDrink .textWrap{
	color:#431715;
}
#planDetail .textWrap{
	position:relative;
	display:flex;
	flex-direction:column;
	flex-grow: 1;
}
#planDetail .textWrap .sushiKind{
	flex-grow:1;
	font-weight: bold;
}
#planDetail .bgImg:before{
	background-color:rgba(255,255,255,.85);
}
#planDetail .standard .bgImg:after{
	background-image:url(/img-webp/deliSushiExp/planCourse1.webp);
	position:absolute;
}
#planDetail .workday .bgImg:after{
	background-image:url(/img-webp/deliSushiExp/planCourse2.webp);
	position:absolute;
}
#planDetail .preference .bgImg:after{
	background-image:url(/img-webp/deliSushiExp/planCourse3.webp);
	position:absolute;
}
#planDetail .freeDrink .bgImg:after{
	background-image:url(/img-webp/deliSushiExp/planCourse4.webp);
	position:absolute;
}

#plan .option {
	border:3px solid #c4c4c4;
	position:relative;
}
#plan .option .bgImg:after{
	background-image:url(/img-webp/deliSushiExp/planOptionBg.webp);
	position:absolute;
	background-size:contain;
	background-repeat:repeat;
}
#plan .option h3{
	text-align:center;
}
#plan .option h4{
	text-align:center;
	font-size:28px;
	background-color:#bdbdbd;
	margin:10px auto 0 auto;
	padding:10px;
}
/*
#plan .option h5{
	text-align:center;
	margin:10px auto 0 auto;
	padding:0 10px 0 0;
}
*/
#plan .option .kind,
#plan .option .info{
	margin:0 auto 20px;
	padding:10px;
	text-align:center;
}
#plan .option .kind span:after,
#plan .option .info span:after{
	content:'、';
}
#plan .option .kind span:last-child:after,
#plan .option .info span:last-child:after{
	content:'';
}
#plan .optionWrap {
	width:390px;
	margin:30px auto;
}
#plan .optionWrap dl{
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	align-items: stretch;
	justify-content: center;
}
#plan .optionWrap dl dt h5,
#plan .optionWrap dl dd{
	font-size:30px;
	font-weight:normal;
}
#plan .optionWrap dl dd .taxIn{
	font-size:60%;
}

#plan .optionWrap dl dt{
	width: 80px;
}
#plan .optionWrap dl dd{
	width: calc(100% - 80px);
}
#plan .taxIn {
	font-size:80%;
	white-space:nowrap;
	display: inline-block;
}
#plan .taxIn .small{
	font-size:85%;
	display:inline !important;
}
@media screen and (min-width:751px){
	#plan .option {
		padding:20px;
		max-width: 750px;
		margin: 0 auto;
	}
	#plan .option h3{
		font-size:38px;
		margin-top:20px;
		margin-bottom:20px;
	}
	#plan .option h4{
		text-align:center;
		font-size:28px;
		background-color:#bdbdbd;
		margin:10px auto 0 auto;
		padding:10px;
	}
	/*
	#plan .option h5{
		font-size:32px;
	}
	*/
	#plan .option .kind,
	#plan .option .info{
		font-size:22px;
	}
}
@media screen and (max-width:750px){
	#plan .option {
		padding:10px;
	}
	#plan .option h3{
		font-size:6vw;
		margin-top:10px;
		margin-bottom:10px;
	}
	#plan .option h4{
		text-align:center;
		font-size:4.5vw;
	}
	/*
	#plan .option h5{
		font-size:5vw;
	}
	*/
	#plan .option .kind,
	#plan .option .info{
		font-size:3.5vw;
	}
	#plan .optionWrap {
		margin:10px auto;
	}
}
@media screen and (max-width:430px){
	#plan .optionWrap{
		width:72vw;
	}
	#plan .optionWrap dl dt h5,
	#plan .optionWrap dl dd{
		font-size:5vw;
	}
	#plan .optionWrap dl dt {
		width: 13vw;
	}
	#plan .optionWrap dl dd{
		width: unset;
	}
}
/**
 * flow
 */
#flow {
	position:relative;
	background-color:#FFF;
}
#flow .bgImg:after{
	content:unset;
	background-image:url(/img-webp/deliSushiExp/whenBg.webp);
	position:absolute;
	height: 100%;
	background-repeat:no-repeat;
}
#flow h2{
	text-align:center;
	color:#83691e;
	margin-bottom:40px;
}
#flow .order{
	display:flex;
	justify-content:space-between;
	gap:70px;
	counter-reset: number 0;
}
#flow .order > *{
	background-color:#eadfbc;
	display:flex;
	flex-direction:column;
	position:relative;
	transition:.2s;
}
#flow .order .no1{
	z-index:4;
}
#flow .order .no2{
	z-index:3;
}
#flow .order.on > *{
	animation-timing-function: ease-in-out;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-direction: alternate;
	animation-fill-mode: forwards;
}
#flow .order.on .no2{
	animation-name:order2;
	animation-delay: 0.75s;
}
#flow .order .no3{
	z-index:2;
}
#flow .order.on .no3{
	animation-name:order2;
	animation-delay: 1.5s;
}
#flow .order .no4{
	z-index:1;
}
#flow .order.on .no4{
	animation-name:order2;
	animation-delay: 2.25s;
}
#flow .order > *:after{
	position:absolute;
	display:block;
	content:'';
	width:1px;
	height:1px;
	border-style:solid;
	margin:auto;
}
#flow .order > *:last-child:after{
	content:unset;
}
#flow .order > *:before{
	counter-increment: number 1;
	content: counter(number ,decimal-leading-zero);
	background-color:#49390d;
	color:#FFF;
	line-height:1;
	padding:7px;
	border-radius:100px;
}
#flow .textWrap {
	width:100%;
	margin:0 auto;
}
#flow .inquiryForm {
	display:block;
	width:100%;
	padding: 10px 0;
	margin-top:10px;
	text-align:center;
	border-radius:4px;
	/*background-color:#a74745;*/
	background-color:var(--entryForm-color);
	color:#FFF;	
}
#flow .btnMoushikomi{
	display: block;
	margin: 20px auto 0 auto;
}
#flow .btnMoushikomi:hover{
	opacity:.7;
}
@media screen and (min-width:751px){
	#flow {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	#flow h2{
		font-size:40px;
	}
	#flow .order{
		margin-bottom: 40px;
	}
	#flow .order > *:before{
		font-size:30px;
		margin-bottom:10px;
	}
	#flow .order > *{
		width:calc(100% / 4);
		align-items:center;
		padding:30px 0;
	}
	#flow .order > *:after{
		border-width:15px 0 15px 20px;
		border-color:transparent transparent transparent #665829;
		top:0;
		bottom:0;
		left:calc(50% - 10px);
		z-index:-1;
		transition: 1s;
	}
	#flow .order.on >*:after{
		animation-timing-function: ease-in-out;
		animation-duration: 1s;
		animation-iteration-count: 1;
		animation-direction: alternate;
		animation-fill-mode: forwards;
	}
	#flow .order .no2{
		transform: translate(calc(-100% - 70px), 0);
	}
	#flow .order .no3{
		transform: translate(calc((-100% - 70px)* 2), 0);
	}
	#flow .order .no4{
		transform: translate(calc((-100% - 70px)* 3), 0);
	}
	@keyframes order2 {
		0% {
			transform: translate(calc(-100% - 70px), 0);
		}
		100% {
			transform: translate(0, 0);
		}
	}
	#flow .order.on .no1:after{
		animation-name:order1;
		animation-delay: 0.25s;
	}
	#flow .order.on .no2:after{
		animation-name:order1;
		animation-delay: 1.0s;
	}
	#flow .order.on .no3:after{
		animation-name:order1;
		animation-delay: 1.75s;
	}
	#flow h3{
		writing-mode: vertical-rl;
		height: 270px;
		width: 100%;
		display: flex;
		align-items: center;
		background-color: #e9e0bc;
	}
	#flow .order .textWrap{
		padding:20px 10px 0 10px;
		font-size:18px;
	}
	#flow .textWrap {
		max-width:720px;
		font-size:18px;
	}
	@keyframes order1{
		0%{
			left:calc(50% - 10px);
		}
		100%{
			left:calc(100% + (70px / 2) - 10px);
		}
	}
	#flow .btnMoushikomi{
		width:100%;
	}
}
@media screen and (max-width:750px){
	#flow {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#flow h2{
		font-size:6vw;
	}
	#flow .order{
		margin-bottom: 20px;
		flex-wrap:wrap;
	}
	#flow .order > *:before{
		font-size:6vw;
		margin-left:10px;
	}
	#flow .order > *{
		width:100%;
		align-items:center;
		padding:30px 0;
		flex-direction:row;
		flex-wrap:wrap;
	}
	#flow .order > *:after{
		border-width:20px 15px 0 15px;
		border-color:#e9e0bc transparent transparent transparent;
		bottom:0;
		/* top:calc(100% + (70px / 2) - 10px); */
		bottom: 0;
		left:0;
		right:0;
		animation-timing-function: ease-in-out;
		animation-iteration-count: 1;
		animation-direction: alternate;
		animation-fill-mode: forwards;
		animation-duration:1s;
	}
	#flow .order.on .no1:after{
		animation-name:order1;
		animation-delay: 0.25s;
	}
	#flow .order.on .no2:after{
		animation-name:order1;
		animation-delay: 1.0s;
	}
	#flow .order.on .no3:after{
		animation-name:order1;
		animation-delay: 1.75s;
	}
	@keyframes order1 {
		0% {
			border-top-color:#e9e0bc;
			bottom: 0;
		}
		100% {
			border-top-color:#665829;
			bottom: -30%;
		}
	}
	@keyframes order2 {
		0% {
			transform: translate(calc(-100% - 70px), 0);
		}
		100% {
			transform: translate(0, 0);
		}
	}
	#flow .order .no2{
		transform: translate(calc(-100% - 70px), 0);
	}
	#flow .order .no3{
		transform: translate(calc((-100% - 70px)* 2), 0);
	}
	#flow .order .no4{
		transform: translate(calc((-100% - 70px)* 3), 0);
	}
	#flow h3{
		text-align:left;
		font-size:5vw;
		margin-left:10px;
	}
	#flow .order .textWrap{
		padding:20px 10px 0 10px;
		font-size:18px;
		width:100%;
	}
	#flow .textWrap {
		max-width:720px;
		font-size:16px;
	}
	#flow .btnMoushikomi{
		width:50%;
		margin-bottom: -10px;
	}
}


/**
 * faq
 */
#faq{
	position:relative;
}
#faq .bgImg:before{
	background-color:rgba(255,255,255,.6);
}
#faq .bgImg:after{
	background-image:url(/img-webp/deliSushiExp/faqBg.webp);
	position:absolute;
}
#faq h2{
	text-align:center;
	color:#806203;
}
#faq .list {
	display:flex;
	flex-direction:column;
}
#faq .list > *{
	background-color:rgba(255,255,255,.6);
	box-shadow:0px 0px 2px rgba(0,0,0,.2);
}
#faq .list .q{
	position:relative;
	padding-left:30px;
}
#faq .list .q:before{
	content:'Q.';
	position:absolute;
	left:0;
}
#faq .list .a{
	position:relative;
	padding-left:30px;
	margin-left:25px;
	margin-top:10px;
	color:#603634;
}
#faq .list .a:before{
	content:'A.';
	position:absolute;
	left:0;
}
@media screen and (min-width:751px){
	#faq{
		padding-top:80px;
		padding-bottom:80px;
		padding-left: calc((100% - 950px) / 2);
		padding-right: calc((100% - 950px) / 2);
	}
	#faq h2{
		font-size:40px;
		margin-bottom:40px;
	}
	#faq .list {
		gap:30px;
	}
	#faq .list > *{
		padding:20px;
	}
	#faq .list .q{
		font-size:24px;
	}
	#faq .list .a{
		font-size:18px;
	}
}
@media screen and (max-width:750px){
	#faq{
		padding-top:20px;
		padding-bottom:30px;
	}
	#faq h2{
		font-size:7vw;
		margin-bottom:20px;
	}
	#faq .list {
		gap:10px;
	}
	#faq .list > *{
		padding:10px;
	}
	#faq .list .q{
		font-size: 4vw;
		padding-left:20px;
	}
	#faq .list .a{
		font-size: 3.5vw;
		padding-left:20px;
	}
}




/**
 * instructor
 */
#instructor {
	position:relative;
}
#instructor .bgImg:after{
	background-image: url(../img-webp/mainBg.webp);
	background-size:auto auto;
	background-repeat:repeat;
	position:fixed;
}
#instructor h2{
	text-align:center;
	color:#80620a;
}
#instructor .flexWrap{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	max-width:680px;
	justify-content:center;
	margin:0 auto;
}
#instructor .flexWrap > *{
	display:flex;
	flex-direction:column;
	justify-content:center;
}
#instructor .flexWrap .img{
	text-align:center;
	/*flex-grow:1;*/
}
#instructor .flexWrap .img + div{
	flex-grow:1;
}
/*
#instructor .flexWrap > div{
	flex-grow:2;
}
*/
#instructor .flexWrap .prof{
	border-bottom:1px solid #000;
	padding-bottom:5px;
	margin-bottom:5px;
}
#instructor .flexWrap .intro{
	flex-grow:1;
}
@media screen and (min-width:481px){
	#instructor {
		padding-top:80px;
		padding-bottom:80px;
	}
	#instructor h2{
		font-size:40px;
		margin-bottom:40px;
	}
	#instructor .flexWrap{
		gap:60px;
	}
	#instructor .flexWrap > *{
		width:calc(100% / 2 - 60px);
	}
	/*
	#instructor .flexWrap > *:nth-child(1){
		width:calc((100% / 2 + 60px));
		padding-left: 100px;
		padding-right: 100px;
	}
	#instructor .flexWrap > *:nth-child(n + 2){
		width:calc(100% / 2 - 60px);
	}
	*/
	#instructor .flexWrap .prof > span:nth-child(1){
		font-size:18px;
	}
	#instructor .flexWrap .prof > span:nth-child(2){
		font-size:22px;
	}
	#instructor .flexWrap .intro{
		font-size:18px;
	}
}
@media screen and (max-width:750px){
	#instructor {
		padding-top:30px;
		padding-bottom:30px;
	}
}
@media screen and (max-width:480px){
	#instructor h2{
		font-size:9vw;
		margin-bottom:40px;
	}
	#instructor .flexWrap{
		gap:30px;
	}
	#instructor .flexWrap > *:nth-child(1),
	#instructor .flexWrap > *:nth-child(n + 2){
		width:100%;
	}
	#instructor .flexWrap .prof > span:nth-child(1){
		font-size:5vw;
	}
	#instructor .flexWrap .prof > span:nth-child(2){
		font-size:7vw;
	}
	#instructor .flexWrap .intro{
		font-size:4vw;
	}
	#instructor .kanedaka img,
	#instructor .hasegawa img{
		max-width:300px;
	}
}


/**
 * area
 */
#area {
	background-color:#f2eeea;
	position:relative;
}
#area h2{
	text-align:center;
	color:#7e610a;
}
#area .flexWrap{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	max-width:1040px;
	margin:0 auto;
	flex-wrap:wrap;
}
#area .flexWrap .map{
	position:relative;
	display: block;
}
#area .flexWrap .map:after{
	position:absolute;
	display:block;
	content:'';
	width: 100%;
	height: 100%;
	background-image:url(/img-webp/deliSushiExp/areaMap.webp);
	background-size:145% auto;
	background-repeat: no-repeat;
	background-position: bottom 60px right;
	z-index: 2;
}
#area .flexWrap .map:before{
	position: absolute;
	display:block;
	content:'';
	border:3px solid #8d2e21;
	background-color: rgba(245, 130, 32, .5);
	border-radius:100%;
	z-index: 5;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	animation-timing-function: ease-in-out;
	animation-name: cercleFade;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: inherit;
	animation-delay:1.5s;
}

#area .flexWrap h3{
	text-align:center;
	color:#56350e;
	padding-bottom:88px;
	background-image:url(/img-webp/deliSushiExp/areaTruck.webp);
	background-repeat:no-repeat;
	background-position:center bottom;
}
#area .flexWrap h3 + .textWrap{
	color:#56350e;
}
#area a{
	display:inline-block;
	color:#FFFFFF;
	text-align:center;
	text-shadow:1px 1px 2px rgba(0,0,0,.5);
	background: linear-gradient(to bottom,  rgba(192,47,46,1) 0%,rgb(143 35 29) 50%,rgb(113 20 16) 100%);
	position:relative;
	transiton:.3s;
	font-size: 25px;
}
#area a span{
	position:relative;
}
/*
#area a span:after{
	position:absolute;
	display:block;
	content:'';
	width:1px;
	height:1px;
	border-style:solid;
	border-width:6px 10px 6px 10px;
	border-color:transparent transparent transparent #FFF;
	margin:auto;
	top:0;
	bottom:0;
	right:-30px;
}
*/
#area a:hover{
	opacity:.7;
}
#area > .notice {
	border:1px solid #000;
	border-image: linear-gradient(to bottom, #3D3A3B, #93918E) 1;
}
#area > .notice h3{
	text-align:center;
	margin-bottom:30px;
	font-size:28px;
}
#area > .notice .textWrap{
	font-size:16px;
}
#area .btnWrap{
	margin-top: -10px;
	margin-bottom: 10px;
	font-size: 26px;
	text-align:center;
}
#area .btnWrap .toFormBtn{
	position: static;
	margin-top: 36px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0;
	background-image:url(/img-webp/deliSushiExp/btnBg.webp);
	width:700px;
	height:90px;
	display:flex;
	justify-content:center;
	align-items:center;
}
@media screen and (min-width:751px){
	#area {
		padding-top:80px;
		padding-bottom:80px;
	}
	#area h2{
		font-size:40px;
		margin-bottom:40px;
	}
	#area .flexWrap{
		gap:30px;
	}
	#area .flexWrap > *{
		width: 49%;
	}
	@keyframes cercleFade {
		0% {
			width: 29vw;
			height: 29vw;
			border-width:0px;
			opacity:0;
		}
		50% {
			width: 30vw;
			height: 30vw;
			border-width:1.5px;
			opacity:1;
		}
		100% {
			width: 31vw;
			height: 31vw;
			border-width:3px;
			opacity:0;
		}
	}
	#area .flexWrap h3{
		font-size:5vw;
		margin-bottom:1vw;
		background-size:35% auto;
		height: 14.7vw;
	}
	#area .flexWrap h3 + .textWrap{
		font-size:2.4vw;
		padding-left:4vw;
		padding-right:4vw;
	}
}
@media screen and (min-width:1061px){
	@keyframes cercleFade {
		0% {
			opacity:0;
			width: 310px;
			height: 310px;
			border-width:0px;
		}
		50% {
			opacity:1;
			width: 320px;
			height: 320px;
			border-width:2px;
		}
		100% {
			opacity:0;
			width: 340px;
			height: 340px;
			border-width:4px;
		}
	}
	#area .flexWrap h3{
		font-size:58px;
		/*margin-bottom:30px;*/
		margin-bottom:9px;
		height: 161px;
	}
	#area .flexWrap .map{
		width:490px;
		max-width:100%;
		height:430px;
		max-height:100%;
	}
	#area .flexWrap h3 + .textWrap{
		font-size:26px;
		padding-left:calc((100% - 390px) / 2);
		padding-right:calc((100% - 390px) / 2);
	}
	#area a{
		/*width:480px;*/
		font-size:30px;
		/*padding:28px 0;*/
		padding:28px 50px;
		margin: -90px calc((100% - 1040px) / 2) 90px auto;
		display: inline-block;
	}
	#area > .notice {
		margin-right:calc((100% - 1040px) / 2);
		margin-left:calc((100% - 1040px) / 2);
		padding:50px 20px;
	}
}
@media screen and (max-width:1060px){
	#area .flexWrap .map{
		width: 44vw;
		max-width:100%;
		height:44vw;
		max-height:100%;
	}
	#area a{
		/*width:42vw;*/
		font-size:30px;
		padding:3vw 50px;
		margin: -14vw 2vw 10vw auto;
	}
	#area > .notice {
		margin-right:10px;
		margin-left:10px;
		padding:40px 10px;
	}
}
@media screen and (max-width:1040px){
	#area a{
		/*width:80vw;*/
		font-size:30px;
		padding:3vw 50px;
		margin: 0 auto 20px auto;
	}
}
@media screen and (max-width:750px){
	#area {
		padding-top:30px;
		padding-bottom:30px;
	}
	#area h2{
		font-size:8vw;
		margin-bottom:20px;
	}
	#area .flexWrap .map:after{
		background-position: bottom 6vw right;
	}
	#area .flexWrap{
		gap:1vw;
	}
	#area .flexWrap > *,
	#area .flexWrap .map{
		width:100%;
	}
	#area .flexWrap .map {
		width:100vw;
		height: 83vw;
	}
	@keyframes cercleFade {
		0% {
			width: 63vw;
			height: 63vw;
			border-width:0px;
			opacity:0;
		}
		50% {
			width: 65vw;
			height: 65vw;
			border-width:1.5px;
			opacity:1;
		}
		100% {
			width: 67vw;
			height: 67vw;
			border-width:3px;
			opacity:0;
		}
	}
	#area .flexWrap h3{
		font-size:8vw;
		margin-bottom:2vw;
		background-size:25% auto;
		height:22vw;
		padding-bottom:75px;
	}
	#area .flexWrap h3 + .textWrap{
		font-size:4.4vw;
		padding-left:10px;
		padding-right:10px;
	}
	#area a{
		width:80vw;
		font-size:4.6vw;
		padding:0 0;
		margin: 10px auto 20px auto;
	}
	/*
	#area a span{
		margin-right:4vw;
	}
	*/
	#area .btnWrap{
		margin-top:20px;
	}
	#area .btnWrap .small {
		font-size:4.5vw;
	}
	#area .btnWrap .toFormBtn{
		margin-top:20px;
		margin-top: 20px;
		width: 90%;
		background-size: contain;
		background-repeat: no-repeat;
		height:16.4vw;
		background-image: url(/img-webp/deliSushiExp/btnBgSp.webp);
	}
}
@media screen and (max-width:460px){
	#area .btnWrap .toFormBtn{
		height:15.4vw;
	}
}


/**
 * guide
 */
#guide h2{
	color:#795a40;
	text-align:center;
}
.health h3{
	margin-top:40px;
	background-color:#795a40;
	color:#FFF;
	text-align:center;
	line-height:1;
	padding:10px;
	border-radius:50px;
}
#guide .flexWrap{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	gap:0px;
}
#guide .flexWrap > *{
	box-sizing:border-box;
	display:flex;
	flex-direction:column;
	position:relative;
}
#guide .flexWrap h4{
	color:#FFF;
	background-color:#9e7858;
	text-align:center;
	padding:15px 0;
	line-height:1;
	display:block;
	margin:0 auto 20px auto;
}
#guide .flexWrap .textWrap{
	line-height:1;
	display:block;
	margin:0 auto 0 auto;
}
#guide .bgImg:after{
	position:absolute;
	width:100%;
}
#guide .cash .bgImg:after{
	background-image:url(/img-webp/deliSushiExp/guidePay1.webp);
}
#guide .credit .bgImg:after{
	background-image:url(/img-webp/deliSushiExp/guidePay2.webp);
}
#guide .qr .bgImg:after{
	background-image:url(/img-webp/deliSushiExp/guidePay3.webp);
}
/*
#guide .bank .bgImg:after{
	background-image:url(/img-webp/deliSushiExp/guidePay4.webp);
}
*/
#guide > .textWrap ,
.health  > dl {
	width:90%;
	margin:0 auto 80px auto;
	display: block;
}
#guide > .textWrap h4 {
	background-color:#9d7958;
	color:#FFF;
	line-height:1;
	padding:10px 0;
	text-align:center;
}
.health  dl {
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px;
}
.health  dt{
	color:#795a40;
	line-height: 1.5 !important;
}
/*
.health  dt:before {
	content:'【';
}
.health  dt:after {
	content:'】';
}
*/
#guide > .textWrap dd {
	color:#FF0000;
}
#guide > dl dt:before {
	content:'【';
}
#guide > dl dt:after {
	content:'】';
}
.health  dl dd {
	margin:0 auto 20px auto;
	font-weight:normal;
	font-size:18px;
}
@media screen and (min-width:1221px){
	#guide .flexWrap{
		margin-left:calc((100% - 1200px) / 2);
		margin-right:calc((100% - 1200px) / 2);
	}
}
@media screen and (max-width:1220px){
	#guide .flexWrap{
		margin-left:calc(5%);
		margin-right:calc(5%);
	}
}
@media screen and (min-width:1141px){
	#guide .flexWrap h4{
		font-size:26px;
		width:100%;
	}
}
@media screen and (min-width:861px) and (max-width:1140px){
	#guide .flexWrap h4{
		font-size:24px;
		width:80%;
		min-width:550px;
	}
}
@media screen and (min-width:751px) and (max-width:860px){
	#guide .flexWrap h4{
		font-size:2.4vw;
		width:100%;
	}
}
@media screen and (min-width:751px) {
	#guide {
		padding-top:80px;
		padding-bottom:80px;
	}
	#guide h2{
		font-size:40px;
		margin-bottom:40px;
	}
	.health{
		max-width:800px;
		margin:0 auto;
	}
	.health h3{
		font-size:36px;
		margin-bottom:0px;
		/*width: 44%;*/
		margin-left: auto;
		margin-right: auto;
		min-width:550px;
		margin-top:100px;
	}
	.health  dl{
		width: 470px;
	}
	#guide .flexWrap > *{
		/*width:50%;*/
		width:75%;
		margin-bottom:40px;
		padding:0 0 10px 0;
		gap:0px;
		text-align:center;
		width:550px;
	}
	#guide .flexWrap .textWrap{
		padding:0px 0 0 0;
		width:90%;
		font-size:20px;
	}
	#guide .bgImg:after{
		height: 220px;
	}
	#guide .cash .bgImg:after{
		background-size: auto 70%;
		background-position:top 70px center;
	}
	#guide .credit .bgImg:after{
		background-position:top 120px center;
		background-size: 80% auto;
	}
	#guide .qr .bgImg:after{
		background-position:top 80px center;
		background-size: 70% auto;
	}
	#guide .bank .bgImg:after{
		background-position:top 90px center;
		background-size: auto 50%;
	}
	#guide > .textWrap h4 {
		font-size:28px;
		margin-top:60px;
		margin-bottom:40px;
	}
	.health  dt{
		font-size: 26px;
	}
}
@media screen and (min-width:751px) and (max-width:800px){
	.health{
		max-width:calc(100% - 20px);
	}
}
@media screen and (max-width:750px){
	#guide {
		padding-top:30px;
		padding-bottom:30px;
	}
	#guide h2{
		font-size:8vw;
		margin-bottom:20px;
	}
	.health  h3{
		font-size: 6vw;
		margin-bottom: 15px;
		margin-left: 10px;
		margin-right: 10px;
		margin-top:70px;
	}
	#guide .flexWrap{
		margin-left:0;
		margin-right:0;
	}
	#guide .flexWrap h4{
		font-size:5.4vw;
		width:100%;
	}
	#guide .flexWrap > *{
		width:100%;
		margin-bottom:20px;
		padding:0 5px 20px 5px;
		gap:0px;
	}
	#guide .flexWrap .textWrap{
		padding: 0px 0 0 0;
		width:100%;
		font-size:16px;
	}
	#guide .bgImg:after{
		height: 59vw;
	}
	#guide .cash .bgImg:after{
		background-size: auto 30vw;
		background-position:top 14vw center;
	}
	#guide .credit .bgImg:after{
		background-position:top 15vw center;
		background-size: 40vw auto;
	}
	#guide .qr .bgImg:after{
		background-position:top 11vw center;
		background-size: 40vw auto;
	}
	#guide .bank .bgImg:after{
		height: 195px;
		background-position:top 60px center;
		background-size: auto 130px;
	}
	#guide > .textWrap h4 {
		font-size:5vw;
		margin-top:30px;
		margin-bottom:20px;
	}
	#guide > .textWrap,
	.health dl{
		/* margin: 0 40px; */
	}
	#guide .bankIcon {
		max-width:300px !important;
	}
	.health  > dl {
		padding: 0 6vw;
	}

	.health  dt{
		font-size: 20px;
	}
}
/**
 * form
 */
#form {
	background-color:#fbffa4;
}
#form h2{
	color:#785d06;
	text-align:center;
}
#form .info{
	position:relative;
	z-index: 1;
	padding:0.1px;
}
#form .info .bgImg:after{
	background-image:url(/img-webp/deliSushiExp/formBg.webp);
	position:absolute;
	width:100%;
	height:100%;
}
#form .info .textWrap{
	position:relative;
	background-color:rgba(255,255,255,.8);
}
#form .inquiryForm {
	display:block;
	margin:-20px auto 10px auto;
}
#form .inquiryForm:hover {
	opacity:.7;
}
#deliveryForm {
	background-color:#FFF;
}
#deliveryForm dl{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin-bottom:20px;
}
#deliveryForm dt{
	background-color:#ffe5e6;
	display:flex;
	align-items:center;
}
#deliveryForm .required{
	background-color:#c91300;
	display:block;
	height:20px;
	width:40px;
	color:#FFF;
	font-size: 14px;
	line-height: 1;
	padding:2px;
	text-align:center;
}
input,select,[type=radio],[type=checkbox],textarea{
	padding:3px;
}
[name=familyName],[name=lastName],[name=familyNameKana],[name=lastNameKana],[name=tel]{
	width:calc(50% - 5px);
}
[name=companyName],[name=companyNameKana],[name=address],[name=address2],[name=email],textarea{
	width:100%;
}
textarea{
	height:150px;
}
[name=zip1],[name=zip2]{
	width:100px;
}
#deliveryForm #setAddress {
	background-color: #f2f2f2;
	color: #000000;
	padding: 5px 30px 5px 10px;
	border: 1px solid #737373;
	border-radius: 5px;
	display: inline-block;
	font-size: 80%;
	position:relative;
	font-weight:bold;
}
#deliveryForm #setAddress:before,
#deliveryForm #setAddress:after {
	position:absolute;
	display:block;
	content:'';
	width: 12px;
	height:2px;
	background-color:#6f6e6e;
	margin:auto;
	top:0;
	bottom:0;
	right:10px;
}
#deliveryForm #setAddress:before{
	transform:rotate(90deg);
}
#deliveryForm #setAddress:hover {
	background-color: #afafaf;
	color: #ffffff;
}
#deliveryForm #setAddress:hover:before,
#deliveryForm #setAddress:hover:after {
	background-color:#FFFFFF;
}
#deliveryForm #setAddress:hover:before{
	transform:rotate(-90deg);
}
#deliveryForm #setAddress:hover:after{
	transform:rotate(-180deg);
}
.submitWrap p{
	text-align:center;
}
.submitWrap input{
	padding: 5px 5px 5px 15px;
	letter-spacing:10px;
	display:block;
	margin:0 auto 10px auto;
	background: #331908;
	color: #FFF;
	border: 0px;
	width: 100%;
	font-size: 4vw;
	cursor: pointer;
}
.submitWrap input.btnCheck{
	font-size: 37px;
	width: 360px;
	max-width:80%;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 4px;
}
.submitWrap input:hover{
	background: #826654;
}
#deliveryForm .err input{
	background-color:#feeeee;
	border-color:#ce4949;
}
#deliveryForm .err label:before{
	border-color:#ce4949;
}
#deliveryForm .err select{
	border-color:#ce4949;
	background-color:#feeeee;
}
@media screen and (min-width:751px){
	#form {
		padding-top:80px;
		padding-bottom:80px;
	}
	#form h2{
		font-size:40px;
		margin-bottom:30px;
	}
	#form .inquiryForm {
		width:310px;
	}
	#form .info{
		margin-bottom: 40px;
	}
	#form .info .textWrap{
		margin:45px;
		padding:30px;
	}
	#deliveryForm {
		padding:40px 40px;
	}
	#deliveryForm dt{
		width:240px;
		padding:15px 5px 15px 15px;
		margin-bottom:1px;
		justify-content:space-between;
	}
	#deliveryForm dd{
		width:calc(100% - 240px);
		padding:15px;
	}
	input,select,[type=radio],[type=checkbox],textarea{
		font-size:24px;
	}
	.submitWrap {
		min-width:500px;
	}
}
@media screen and (min-width:1101px){
	#deliveryForm {
		padding:40px 100px;
	}
}
@media screen and (max-width:750px){
	#form {
		padding-top:30px;
		padding-bottom:30px;
	}
	#form h2{
		font-size:6vw;
		margin-bottom:30px;
	}
	#form .inquiryForm {
		width:60%;
	}
	#form .info{
		margin-bottom: 20px;
	}
	#form .info .textWrap{
		margin:20px;
		padding:10px;
	}
	#deliveryForm {
		padding:20px 20px;
	}
	#deliveryForm dt{
		width:100%;
		padding:10px;
		justify-content:left;
	}
	#deliveryForm dd{
		width:100%;
		padding:10px;
	}
	input,select,[type=radio],[type=checkbox],textarea{
		font-size:18px;
	}
	[name=tel]{
		width:100%;
	}
	[name=zip1],[name=zip2]{
		width:60px;
	}
	#deliveryForm .required{
		margin-left:5px;
	}
	.submitWrap input.btnCheck{
		font-size: 24px;
		padding-top:10px;
		padding-bottom:10px;
	}
}
@media screen and (max-width:550px){
	[name="familyName"],[name="familyNameKana"],
	[name="lastName"],[name="lastNameKana"]{
		width:100%;
	}
	[name="lastName"],[name="lastNameKana"]{
		margin-top:5px;
	}
}
/**
 * 確認用モーダル
 */
#formCheckModal {
	display: none;
}
#formCheckModal.action {
	display:block;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:5;
	background-color:rgba(0,0,0,.2);
}
#formCheckModal.action .modalWrap{
	width:100%;
	height:100vh;
	margin:0;
	position:relative;
	top:0;
	left:0;
}
#formCheckModal.action .modalWrap .listWrap{
	width:calc(100% - 20px);
	max-width: 700px;
	/*height:calc(100% - 20px);*/
	/* max-height: 760px; */
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(255,255,255,1);
	padding: 10px;
	max-height: calc(100vh - 100px) !important;
	min-height: 300px;
}
#formCheckModal[data-sendstatus=send].action .modalWrap .listWrap{
	max-height: 140px !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width:750px){
	#formCheckModal[data-sendstatus=send].action .modalWrap .listWrap{
		max-height: 160px !important;
	}
	#formCheckModal[data-sendstatus=send].action .modalWrap .sucessMessage{
		text-align:center;
	}
}
@media screen and (max-width:505px){
	#formCheckModal[data-sendstatus=send].action .modalWrap .listWrap{
		max-height: 180px !important;
	}
}
#formCheckModal h2{
	font-size:20px;
	margin:10px;
	text-align: center;
}
#formCheckModal dl{
	display:flex;
	flex-wrap:wrap;
	align-items: stretch;
}
#formCheckModal dt{
	width:190px;
	background-color:#ffe5e5;
	border-bottom:1px solid #FFF;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#formCheckModal dd{
	width:calc(100% - 190px);
	background-color:#ffffff;
}
#formCheckModal dt,
#formCheckModal dd{
	padding:10px;
}
#formCheckModal .zipOutputWrap{
	display:none;
}
#formCheckModal .submitWrap{
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
	width:100%;
	padding-top: 15px;
}
#formCheckModal .submitWrap > input{
	width: calc(45% - 20px);
	font-size: 18px;
	padding-left: 10px;
	min-width: 140px;
}
#formCheckModal .overflow {
	overflow-y: auto;
	height:calc(100vh - 40px - 24px - 83px);
	max-height: 640px;
}
#formCheckModal .err{
	color:#d42706;
}
#formCheckModal dl .err{
	display:inline-block;
	margin-bottom:2px;
}
#formCheckModal dl .err:before{
	display:inline-block;
	content:'?';
	background-color:#d42706;
	color:#FFFF;
	padding:0 2px;
	margin-right:3px;
	font-size:16px;
}
#formCheckModal .gray{
	color:#ccc;
}
@media screen and (max-width:750px){
	#formCheckModal.action .modalWrap .listWrap{
		height:calc(100% - 220px);
	}
	#formCheckModal.action .modalWrap .listWrap{
		top:300px;
		bottom:350px;
	}
	#formCheckModal dt,
	#formCheckModal dd{
		width:100%;
	}	
	#formCheckModal .overflow {
		height: calc(100vh - 40px - 24px - 83px - 230px);
	}
}
@media screen and (max-width:380px){
	#formCheckModal .submitWrap > input{
		font-size: 14px;
		width: calc(40% - 20px);
		font-size: 16px;
		padding-left: 2px;
		min-width: 120px;
		letter-spacing:2px;
	}
}
#formCheckModal.action .overflow::-webkit-scrollbar{
	width: 7px;
}
#formCheckModal.action .overflow::-webkit-scrollbar-track{
	background-color: #9d9c9c;
	border:2px solid #FFF;
}
#formCheckModal.action .overflow::-webkit-scrollbar-thumb{
	background-color: #b96f47;
}
#formCheckModal .sucessMessage{
	text-align:center;
	display:none;
}
#formCheckModal[data-sendstatus=send] .sucessMessage{
	display:block;
}
@media screen and (max-width:750px){
	#formCheckModal .sucessMessage{
		text-align:left;
	}
}
.loader{
	display:none;
}
.loader.active{
	display:block;
}
.loader,
.loader:after {
	border-radius: 100px;
	width: 100px !important;
	height: 100px !important;
}
.loader {
	position: absolute;
	z-index:11;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	font-size: 10px;
	text-indent: -9999em;
	border-top: 1.1em solid rgba(255,255,255, 1);
	border-right: 1.1em solid rgba(255,255,255, 1);
	border-bottom: 1.1em solid rgba(255,255,255, 1);
	border-left: 1.1em solid #c85151;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load8 1.1s infinite linear;
	animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes load8 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/**
 * banner
 */
#bannaer {
	position:relative;
}
#bannaer .bgImg:after{
	position:absolute;
	background-image:url(/img-webp/deliSushiExp/bannerBg.webp);
	height:100%;
}
#bannaer .flexWrap{
}
@media screen and (min-width:751px){
	#bannaer {
		padding-top:80px;
		padding-bottom:80px;
	}
	#bannaer .flexWrap{
		display:flex;
		flex-direction:row;
		gap:30px;
	}
}
@media screen and (max-width:750px){
	#bannaer {
		padding-top:40px;
		padding-bottom:40px;
		text-align:center;
	}
	#bannaer .flexWrap{
		display:inline-flex;
		flex-direction:column;
		gap:10px;
		width:100%;
		max-width:660px;
	}
}
.banner {
	background-color:#000;
	text-align:center;
	padding:60px 0 54px 0;
}
.banner a{
	display:inline-block;
}
.banner img{
	width: auto;
	max-width:100% !important;
}
@media screen and (max-width:750px){
	.banner {
		padding:50px 30px 48px 30px;
	}
}
.submitWrap input[disabled="disabled"],
.submitWrap input[disabled="disabled"]:hover{
	background-color:#454545;
	font-size: 4vw !important;
	width: 90% !important;
	max-width: 90% !important;
}
@media screen and (max-width:750px){
	.submitWrap input[disabled="disabled"],
	.submitWrap input[disabled="disabled"]:hover{
		background-color:#454545;
		font-size: 4vw !important;
		width: 90% !important;
		max-width: 90% !important;
	}
}



.aboutCancel{
	text-align:left;
}
.aboutCancel center{
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:5px;
}
.aboutCancel dl{
	display:flex;
	flex-wrap:wrap;
	/*width:465px;*/
	width:470px;
	margin:0 auto;
	margin-top:20px;
}
.aboutCancel dl dt{
	border-bottom:1px dotted #000;
	padding:5px;
	/*width:250px;*/
	width:100%;
	text-align:left;
}
.aboutCancel dl dd{
	border-bottom:1px dotted #000;
	padding:5px;
	width:calc(100% - 251px);
	text-align:right;
}
#guide .notice{
	text-align:center;
}
@media screen and (max-width:750px){
	.aboutCancel dl{
		width:100%;
	}
	.aboutCancel{
		max-width:435px;
	}
}
@media screen and (max-width:460px){
	#guide .notice{
		text-align:left;
	}
}



#linkWrap {
	position: fixed;
	bottom:0;
	width:100%;
	background-color:#FFF;
	padding-left:var(--padding-bodyLR);
	padding-right:var(--padding-bodyLR);
	display:flex;
	justify-content:center;
	align-items:center;
	padding-top:5px;
	padding-bottom:5px;
	/*z-index: 10;*/
	z-index: 5;
	box-shadow:0px 0px 3px rgba(0,0,0,.5);
	background-color: rgba(0, 0, 0, 0.8);
	/*
	padding-right: 100px;	
	padding-left: 100px;
	*/
	margin-bottom:-100%;
	transition:2s;
}
#linkWrap.open {
	margin-bottom:0;
	transition:1s;
}
#linkWrap a{
	text-align:center;
	transition:.3s;

	padding: 15px;
	width: 50%;
	margin: 0 5px;
	max-width: 400px;
	border-radius: 3px;
}
body.pc #linkWrap a:hover{
	opacity:.5;
}
#linkWrap .inquiryForm{
	/*background-color: #a5820a;*/
	/*background-color: var(--inquiryForm-color);*/
	background-color: #428300;
	color:#FFF;
}
#linkWrap .entryForm{
	/*background-color: #a74545;*/
	background-color: var(--entryForm-color);
	color:#FFF;
}
#linkWrap .toTop{
	/*background-color: #a74545;*/
	background-color: var(--entryForm-color);
	color:#FFF;
}
#linkWrap .toTop span{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	gap:2px;
}
#linkWrap .toTop span > span:nth-child(2){
	font-weight:bold;
}
@media screen and (min-width:751px){
	#linkWrap .toTop{
		padding: 9px 0;
	}
	#linkWrap .toTop span > span:nth-child(2){
		font-size:30px;
		margin-right:2px;
	}
}
@media screen and (max-width:750px){
	#linkWrap .toTop span > span:nth-child(2){
		font-size:4vw;
		margin-right:1px;
	}	
}
@media screen and (max-width:680px){
	#linkWrap .toTop{
		padding: 7px 0;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	#linkWrap .toTop span > span:nth-child(2){
		font-size:5vw;
	}	
}
@media screen and (max-width:460px){
	#linkWrap .toTop span > span:nth-child(2){
		font-size:5.8vw;
		margin-right:2px;
	}	
}
#returnTop {
	z-index:15;
}
footer{
	padding-bottom:64px;
}
@media screen and (max-width:750px){
	#linkWrap {
		/*
		justify-content:left;
		padding-left: 10px;
		*/
		justify-content:center;
	}
	#linkWrap a{
		padding-left:0;
		padding-right:0;
		width:calc(100% - 110px);
		min-height:49px;
	}
	footer{
		padding-bottom:59px;
	}
}
@media screen and (max-width:460px){
	/*
	#linkWrap {
		padding-right: 20vw;
	}
	*/
	/*
	#linkWrap a{
		width: calc(100% - 20px);
	}
	*/
	#linkWrap a.inquiryForm{
		width: 40vw;
	}
	#linkWrap a.toTop{
		width: 60vw;
	}
}


#results .historyWrap {
	max-width: 1250px;
	margin-top:30px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	gap:25px 15px;
	margin-left:auto;
	margin-right:auto;
}
#results .historyWrap .history{
	display:none;
	flex-direction:row;
}
#results .historyWrap figure{
	display:flex;
	flex-direction:column;
	gap:10px;
}
#results .historyWrap figcaption{
	flex-grow:1;
	background-color:#000;
	color:#FFF;
	padding:10px;
	display: block;
	width:100%;
	text-align:left;
	font-size:16px;
}
@media screen and (min-width:1001px){
	#results .historyWrap .history.pcOn{
		display:flex;
	}
	#results .historyWrap .history{
		width:calc(100% / 4 - 12px);
	}
}
@media screen and (min-width:751px) and (max-width:1000px){
	#results .historyWrap .history.tbOn{
		display:flex;
	}
	#results .historyWrap .history{
		width:calc(100% / 3 - 10px);
	}
}
@media screen and (max-width:750px){
	#results .historyWrap .history.spOn{
		display:flex;
	}
	#results .historyWrap .history{
		width:calc(100% / 2 - 8px);
	}
	#results .historyWrap figcaption{
		font-size:14px;
	}
}

.moreHistoryBtn {
	margin-top:20px;
	text-align:center;
}
.moreHistoryBtn button{
	background-color:#514738;
	color:#FFF;
	border-width:0;
	outline:0px;
	padding:15px 30px 15px 45px;
	position:relative;
}
.moreHistoryBtn button:before{
	position:absolute;
	display:block;
	content:'';
	width:10px;
	height:10px;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	transform:rotate(45deg);
	margin:auto;
	top:0;
	bottom:5px;
	left:25px;
}



@media screen and (max-width:750px){
	h1.pattern2{
		padding-top:20px;
	}
	h1.pattern2 .small{
		width:78vw;
		display: block;
		margin: 0 auto;
		text-align: left;
	}
}
@media screen and (max-width:360px){
	.fixLangBtnWrap{
		width:50vw;
		margin: 0 0 0 auto;
	}
	[lang=ja] .fixLangBtnWrap a{
		font-size:5vw;
	}
}
nav .menuList > li:last-child a {
	background-color:#df0f0f;
}

.netaInfoB{
	/*color:#f54435;*/
	color: #480273;
	/*color: #7e02c9;*/
	text-shadow:
		1px 1px 1px #FFF
		/*, 2px 2px 1px #FFF*/;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight:normal;
}
.eatPhoto{
	margin-top:15px;
	text-align:center;
}
/*
.eatPhoto img{
	border:7px solid #FFF;
	box-shadow:1px 1px 3px rgba(0,0,0,.4);
	outline:1px solid #EEE;
	outline-offset:-8px;
}
*/