/************************************************************************************
General
*************************************************************************************/
*{box-sizing:border-box;}
html{height:100%; font-size:62.5%;}
body{
    font-family:"Noto Serif JP", serif;
    font-weight:600;
	text-align:justify;
    color:#204a9e;
	font-size:17px; font-size:1.7rem;
    line-height:2;
	letter-spacing:1.5px;
	-webkit-text-size-adjust: 100% !important;
}
h1, h2, h3, h4{margin:0; padding:0;}
p:first-child{margin-top:0;}
a{display:inline-block; color:#2d2a26; transition:all ease 0.3s; border:none; padding-bottom:5px; margin:0 5px; line-height:1;}
a[href ^= "tel"]{cursor:default; border:none;}
a:hover,a:active,a:focus{text-decoration:none; outline:none;}
a:hover{opacity:0.5;}
a[target="_blank"]::after{
	content:'\f14c';
	font-family:FontAwesome;
	display:inline-block;
	margin-left:5px;
}
.pagewidth{width:1000px;}
ul{margin:0;list-style-type:none;}
ul li{margin-bottom:20px;}
ul li:last-child{margin-bottom:0;}
strong{font-weight:500;}
img{outline:none;}

#content{padding-top:0; padding-bottom:0;}
#content .module_row{padding:100px 0;}
#content .page-title{margin-top:50px;text-transform:uppercase;}
#content .module-title{text-align:center; font-weight:700; font-size:25px; font-size:2.5rem; letter-spacing:5px;}
#content .page-title,
#content .title{text-align:center; letter-spacing:8px; margin-bottom:70px;}
#content .page-title,
#content .title .module-title{font-family:'Zen Maru Gothic', sans-serif; margin:0; display:inline-block;}
#content .page-title span,
#content .title p{display:inline-block; font-size:25px; font-size:2.5rem; font-weight:700; letter-spacing:1px; text-indent:0;}
#content .module-image .image-title{margin:0 0 20px; font-weight:500;}
#content .main-image{margin-bottom:50px;}
#content .module-image a{border:none;}
#content table td{border:3px solid #fff;vertical-align:middle;}

/************************************************************************************
Common
*************************************************************************************/
br.onlypc{display:block;}
br.onlysp, .onlysp{display:none;}
table.table-pc{display:block;}
table.table-sp{display:none;}
.txt-bld{font-weight:700;}
.fw600{font-weight:600;}
.fw400{font-weight:400;}
.txt-center{text-align:center;}
.txt-right{text-align:right;}
.txt-mid{font-size:110%;}
.txt-big{font-size:130%;}
.txt-sml{font-size:90%;}
.txt-red{color:#e80000;}
.txt-pink{color:#f0988a;}
.ls-big{letter-spacing:5px;}
.lh-big{line-height:2;}
.mb00{margin-bottom:0 !important;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb80{margin-bottom:80px;}
.mt20{margin-top:20px;}
.pb30{padding-bottom:30px !important;}
.link a{font-size:15px; font-size:1.5rem; font-weight:500; position:relative;padding:12px 45px 12px 30px;background:#555; color:#fff;border-radius:30px; border:none;}
.link a:hover{background:#2d2a26;opacity:1;}	
.link a::after{content:'\f138'; font-family:FontAwesome; color:#ffda00; display:inline-block; position:absolute; right:25px; top:14px; transition:all ease 0.5s;}
.link a:hover::after{right:12px;}
.breadcrumbs a{
	display:inline-block;
	position:relative;
	margin:0 18px 20px;
	padding-right:18px;
	font-weight:500;
	border:none;
}
.breadcrumbs a::after{
	content:'\f13a';
	font-family:'FontAwesome';
	color:#f0988a;
	display:inline-block;
	position:absolute;
	right:0; top:1px;
	transition:all ease 0.5s;
}
.breadcrumbs a:hover{opacity:1;}
.breadcrumbs a:hover::after{top:10px;}
.bg-blu{background:#204a9e; color:#fff;}
.mark{
	display:inline-block;
	padding:2px 5px;
	color:#204a9e;
	font-size:2.5rem;
	transition:all 700ms;
}
.mark.mark-play{
	color:#f93939;
	font-size:3rem;
}
/************************************************************************************
header
*************************************************************************************/
#headerwrap{
	position:fixed;
	top:0; left:0;
	padding:10px 0;
	background:#204a9e;
	width:100%; 
	z-index:9999;
	transition:1s;
	transform:translateY(-100%);
	opacity:0;
}
#headerwrap.header-show{transform:translateY(0);opacity:1;}
#headerwrap #header{border-bottom:0; height:auto; position:relative; padding:0;}
#headerwrap #header #header-logo{display:none;}

/************************************************************************************
nav
*************************************************************************************/
#header nav #main-nav{
	position:relative;
	display:flex;
	justify-content:center;
	bottom:0;
	margin:0;
}
	#header nav #main-nav a.nav-top{
		text-indent:-9999px;
		background:url('../../../wp-content/uploads/root/fungry-logo-header-wht.svg') no-repeat left center;
		width:150px;
		height:30px;
		padding:0;
		margin-right:15px;
		top:0;
	}
	#header nav #main-nav a.nav-top:focus{outline:none;}
#header nav #main-nav .nav-mobile{display:none;}

/************************************************************************************
footer
*************************************************************************************/
#footerwrap{background:#204a9e; color:#fff;}
#footer {
	border:none;
	padding:0 0 40px;
}
#footer p{margin-bottom:0;}
#footer .back-top {margin:0;}
#footer .back-top a{
	transform:translateY(200px);
	margin:0;
	position:fixed;
	right:5vw; bottom:8vh;
	background:url('../../../wp-content/uploads/root/totop2.svg') no-repeat;
	background-size:contain;
	width:45px; height:45px;
	transition:transform ease 1s;
	z-index:9998;
	border:none;
}
#footer .back-top.back-top-show a{transform:translateY(0);}
#footer .back-top.back-top-show a:hover{
	opacity:1;
	transform:translateY(10px);
}
#footer .copy{text-align:center;}

/************************************************************************************
page
*************************************************************************************/
/***** top page *****/
body.home .module_row.top-main-img{
	width:100%; 
	height:100vh;
	background:#204a9e;
	overflow:hidden;
}
body.home .module_row.top-main-img .top-main-ticker{
	position:absolute;
	display:flex; gap:50px;
	top:calc(50% - 20vh); left:0;
	color:rgba(58, 107,186, 0.2);
	white-space:nowrap;
	font-size:40vh;
	line-height:1;
	letter-spacing:-3vh;
	animation: mainbg 50s linear infinite;
}
@keyframes mainbg {
  0% {transform: translateX(0);}
  100% {transform: translateX(-50%); }
}
body.home .module_row.top-main-img img{
	position:absolute;
	top:calc(50% - 130px); left:calc(50% - 100px);
	width:200px;
}
body.home .module_row.top-main-img .scroll{display:none;}
body.home .module_row#top-intro{overflow:hidden;}
body.home .module_row#top-intro .module-title{
	display:inline-block;
	padding-bottom:15px;
	border-bottom:3px dotted #204a9e;
}
body.home .module_row#top-intro p{
	display:inline-block;
	padding:0 10px;
	border-radius:10px;
	background:rgba(999,999,999,0.5);
}
body.home .module_row#top-intro .module.top-sushi-ramen{
	position:absolute;
}
body.home .module_row#top-intro .module.top-sushi-ramen.top-sushi{
	width:23vw;
	bottom:-5vw; left:-18vw;
}
body.home .module_row#top-intro .module.top-sushi-ramen.top-ramen{
	width:18vw;
	bottom:-2vw; right:-13vw;
}
body.home .module_row#top-about .module-title{
	display:inline-block;
	padding-bottom: 15px; margin-bottom:20px;
	border-bottom:3px dotted #fff;
}
body.home .module_row#top-about .module,
body.home .module_row#top-about .module_subrow{
	margin-bottom:30px;
}
body.home .module_row#top-about .module_subrow.subrow-wht{
	padding:30px;
	border-radius:10px;
	border:2px solid #fff;
	background:#173a82;
}
body.home .module_row#top-about .module_subrow.subrow-wht .module:last-child{
	margin-bottom:0;
}
body.home .module_row#top-about .module_subrow.subrow-wht  .module-title{
	display:block;
	padding:0; margin:0; border:none;
	font-size:2rem;
}
body.home .module_row#top-about ul li{
	position:relative;
	padding-left:25px;
}
body.home .module_row#top-about ul li::before{
	content:'\f35a';
	font-family:"Font Awesome 5 Free";
	position:absolute;
	left:0;
}
body.home .module_row#top-about .top-about-logo{
	margin-top:120px;
}
/***** contact *****/
/*
form{
	width:650px;
	margin:auto;
}
input[type=checkbox]{transform: scale(1.7); position:relative; top:2px; margin-right:10px;}
textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=tel], input[type=date], select{
	background:#fff;
	border-radius:5px;
	border:1px solid #ccc;
	padding:6px 10px;
	max-width:initial;
	width:100%;
}
form dl{
	overflow:hidden;
	margin-bottom:20px;
}
form span.req{
	display:inline-block;
	color:#e85236;
	font-size:12px; font-size:1.2rem;
	position:relative;
	bottom:2px; left:10px;
}
form dl dt{
	float:left;
	width:250px;
	font-weight:500;
}
form dl dd{
	float:right;
	width:400px;
}
form dl dd label{
	width:100%;
	margin-bottom:15px;
	display:inline-block;
}
form .acceptance-487{
	display:inline-block;
	font-weight:500;
	margin-bottom:20px;
}
form .acceptance-487 .wpcf7-list-item{
	margin-left:0;
}
*/

/************************************************************************************
single -include archive
*************************************************************************************/
@media screen and (max-width: 1167px) {
	body{overflow-x:scroll !important;}
	#content .module_row{
		padding:100px 8vw;
	}
	#content .module_row.fullwidth{padding-left:0; padding-right:0;}
}
@media screen and (max-width: 920px) {
	body{overflow-x:hidden !important;}
	#pagewrap{min-width:auto;}
	#content .module p{text-align:justify;}
	.sp-txt-center p{text-align:center !important;}
	.module_row{box-sizing:border-box !important;}
	body.home .module_row#top-intro .module.top-intro-last{
		margin-bottom:20vw;
	}
	body.home .module_row#top-intro .module.top-sushi-ramen.top-sushi{
		width:25vw; left:10vw;
	}
	body.home .module_row#top-intro .module.top-sushi-ramen.top-ramen{
		width:20vw; right:15vw;
	}
}
/************************************************************************************
for tablet
*************************************************************************************/

@media screen and (max-width: 910px) {
/* general */
/* header */
#headerwrap #header nav #main-nav{
	top:0;
	width:auto;
	background:#204a9e;
	box-shadow:none;
	border-radius:0;
}

}

/************************************************************************************
for smartphone
*************************************************************************************/

@media screen and (max-width: 680px) {
/* general */
body{line-height:1.7; font-size:16px; font-size:1.6rem; letter-spacing:0.5px;}
#content .module-title{letter-spacing:2px;}
#content .module_row{padding:50px 15px;}
#content .page-title, #content .title{margin-bottom:30px;}
#content .module-image .image-title{margin:20px 0;}
#content .main-image{margin-bottom:30px;}
#content .page-title, #content .title .module-title,
#content .page-title span, #content .title p,
#content .page-title span::before, #content .title p::before{
	display:block;
}
#content .module-title{font-size:20px; font-size:2rem; line-height:1.8;}
#content .page-title span::before, #content .title p::before{margin:15px auto 10px;}
#content .page-title span, #content .title p{font-size:15px; font-size:1.5rem;}
#content .title2{margin:0 0 40px;}

/* common */
br.onlypc{display:none;}
br.onlysp, .onlysp{display:block;}
table.table-pc{display:none;}
table.table-sp{display:block;}
.attention p{display:block;}
#content .bg-dot-pnk, #content .bg-dot-grn, #content .bg-dot-ylw, #content .bg-dot-gry{padding-bottom:40px;}
.breadcrumbs a{margin:0 8px 20px;}
.attention p{padding:10px;}
#content .module.acd-title{font-size:15px; font-size:1.5rem;}
#content .module.acd-content{
	padding:20px 10px;
	line-height:1.5;
}
/* header */
/* #headerwrap #header nav #main-nav{display:none;} */
/* footer */
#footer .back-top a{
	bottom:80px; right:25px;
	width:35px; height:35px;
}
#footer .copy{font-size:13px; font-size:1.3rem;}
/* page */
body.home .module_row.top-main-img .top-main-ticker{
	top:calc(50% - 30vh);
}
body.home .module_row.top-main-img img{
	top:calc(50% - 25vh);
}
body.home .module_row.top-main-img .scroll span{display:none;}
body.home .module_row.top-main-img .scroll{
	display:inline-block;
	position:absolute;
	width:20px; height:20px;
	top:calc(50% + 20vh); left:0; right:0;
	margin:auto;
	border: solid #fff;
	border-width: 0 0 1px 1px;
	animation: scroll 3.5s infinite;
	transform: rotate(-45deg);
}
@keyframes scroll {
  0% {transform: rotate(-45deg) translate(0, 0);}
  80% {transform: rotate(-45deg) translate(-30px, 30px);}
  0%, 80%, 100% {opacity: 0;}
  40% {opacity: 1; }
}
body.home .module_row#top-intro .module-title{margin-bottom:50px;}
body.home .module_row#top-intro .module.top-intro-last{
	margin-bottom:45vw;
	font-size:5.5vw;
}
body.home .module_row#top-intro .module.top-sushi-ramen.top-sushi{
	width:35vw; bottom:5vw; left:6vw;
}
body.home .module_row#top-intro .module.top-sushi-ramen.top-ramen{
	width:30vw; bottom:8vw; right:9vw;
}
body.home .module_row#top-about .module_subrow.subrow-wht .top-about-inner-ttl{
	margin-bottom:30px !important; 
}
body.home .module_row#top-about ul li{line-height:1.7;}
body.home .module_row#top-about .top-about-logo{margin-bottom:50px;}
/*
form{width:100%;}
form dl{margin-bottom:0;}
form dl dt,
form dl dd{
	float:none;
	width:100%;
}

}