@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}


/* page all */
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

html,body{
	overflow-x:hidden;
}

/*ーーーーーーーーーーーーーーーーーー
　　　base
ーーーーーーーーーーーーーーーーーーー*/
body{
    font-family:'M PLUS Rounded 1c', sans-serif;
	font-weight:500;
    color:#44281b;
	margin:0;
	padding:0;
	background-color:#f3ebde;
}
.bodyWrap{
	position:relative;
	max-width:1920px;
	height:100%;
	margin:0 auto;
}
.bodyWrap .bodyFrameBox{
	position:absolute;
	z-index:999;
	top:0;
	left:0;
	width:100%;
	height:100%;
	pointer-events:none;
}
.bodyWrap .bodyFrameBox .leftTop{
	position:absolute;
	background-image:url(../img/bg_left_top.png);
	background-repeat:no-repeat;
    background-position:left top;
	background-size:30%;
	width:100%;
	height:100%;
}
.bodyWrap .bodyFrameBox .rightTop{
	position:absolute;
	background-image:url(../img/bg_right_top.png);
	background-repeat:no-repeat;
    background-position:right top;
	background-size:30%;
	width:100%;
	height:100%;
}
.bodyWrap .bodyFrameBox .rightBottom{
	position:absolute;
	background-image:url(../img/bg_right_bottom.png);
	background-repeat:no-repeat;
    background-position:right bottom;
	background-size:30%;
	width:100%;
	height:100%;
}
.bodyWrap .bodyFrameBox .leftBottom{
	position:absolute;
	background-image:url(../img/bg_left_bottom.png);
	background-repeat:no-repeat;
    background-position:left bottom;
	background-size:30%;
	width:100%;
	height:100%;
}

@media(min-width:0px) and (max-width:230px){
	/*.contentsWrap .infoWrap h2{
	    color:#d6b007;
	}*/
	.bodyWrap .bodyFrameBoxLR{
		position:absolute;
		z-index:1000;
		top:50%;
		left:0;
		transform:translateY(-50%);
		width:100%;
		height:98%;
		pointer-events:none;
	}
}
@media(min-width:231px) and (max-width:370px){
	/*.contentsWrap .infoWrap h2{
	    color:#d6b007;
	}*/
	.bodyWrap .bodyFrameBoxLR{
		position:absolute;
		z-index:1000;
		top:50%;
		left:0;
		transform:translateY(-50%);
		width:100%;
		height:95%;
		pointer-events:none;
	}
}
@media(min-width:371px) and (max-width:650px){
	/*.contentsWrap .infoWrap h2{
	    color:#d6b007;
	}*/
	.bodyWrap .bodyFrameBoxLR{
		position:absolute;
		z-index:1000;
		top:50%;
		left:0;
		transform:translateY(-50%);
		width:100%;
		height:95%;
		pointer-events:none;
	}
}
@media(min-width:651px) and (max-width:1340px){
	/*.contentsWrap .infoWrap h2{
	    color:#d6b007;
	}*/
	.bodyWrap .bodyFrameBoxLR{
		position:absolute;
		z-index:1000;
		top:50%;
		left:0;
		transform:translateY(-50%);
		width:100%;
		height:90%;
		pointer-events:none;
	}
}
@media(min-width:1341px) and (max-width:1740px){
	/*.contentsWrap .infoWrap h2{
	    color:#d6b007;
	}*/
	.bodyWrap .bodyFrameBoxLR{
		position:absolute;
		z-index:1000;
		top:50%;
		left:0;
		transform:translateY(-50%);
		width:100%;
		height:90%;
		pointer-events:none;
	}
}

@media(min-width:1741px){
	/*.contentsWrap .infoWrap h2{
	    color:#d6b007;
	}*/
	.bodyWrap .bodyFrameBoxLR{
		position:absolute;
		z-index:1000;
		top:50%;
		left:0;
		transform:translateY(-50%);
		width:100%;
		height:70%;
		pointer-events:none;
	}
}

.bodyWrap .bodyFrameBoxLR .left{
	position:absolute;
	background-image:url(../img/bg_left.png);
	background-repeat:repeat-y;
    background-position:left top;
	background-size:30%;
	width:100%;
	height:100%;
}
.bodyWrap .bodyFrameBoxLR .right{
	position:absolute;
	background-image:url(../img/bg_right.png);
	background-repeat:repeat-y;
    background-position:right top;
	background-size:30%;
	width:100%;
	height:100%;
}

.bodyWrap .bodyFrameBoxBottom{
	position:absolute;
	z-index:997;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:90%;
	height:100%;
	pointer-events:none;
}
.bodyWrap .bodyFrameBoxBottom .Bottom{
	position:absolute;
	background-image:url(../img/bg_bottom.png);
	background-repeat:repeat-x;
    background-position:left bottom;
	background-size:14.5%;
	width:100%;
	height:100%;
	z-index: 0;
}


.colorCyan{
	font-size:1.2em;
	font-weight:900;
	color:#ca5363;
}
.colorMazenta{
	font-size:1.2em;
	font-weight:900;
	color:#c08648;
}
.colorGreen{
	font-size:1.2em;
	font-weight:900;
	color:hsl(76, 70%, 40%);
}
.colorOrange{
	font-size:1.2em;
	font-weight:900;
	color:#f4801b;
}
.colormamezilyuku{
	font-size:1.2em;
	font-weight:900;
	color:#258ca1;
}
.colorLightgreen{
	font-size:1.2em;
	font-weight:900;
	color:#dbfea4;
}
/*ーーーーーーーーーーーーーーーーーー
　　　　　　　header
ーーーーーーーーーーーーーーーーーーー*/
header{
	width:100%;
	position:fixed;
	top:10%;
    left:50%;
    transform:translate(-50%, -50%);
	z-index:10000;
}
header .container .headNav ul{
	display:flex;
	justify-content:center;
	align-items:center;
}
header .container .headNav .fluffyHead{
	width:120px;
}
@media(min-width:768px){
	header .container .headNav ul{
		top:150%;
	}
	header .container .headNav .fluffyHead{
		width:200px
	}
}

/*ーーーーーーーーーーーーーーーーーー
　　　トップページ(食堂)トップ画像
ーーーーーーーーーーーーーーーーーーー*/

#top .topImg .container h1 img{
	display:block;
	width:60%;
	margin:0 auto;
	padding-top:70px;
	padding-bottom: 10px;
}
#top .topImg .container h2 img{
	display:block;
	width:50%;
	margin:0 auto;
	padding-top:20px;
	padding-left: 0px;

}

#top .sikiri1{
	background-image:url(../img/syokudo_menu_sikiri1.png);
	background-size:86%;
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:120px;
	margin-top: 0px;
	
}
#top .sikiri2{
	background-image:url(../img/syokudo_menu_sikiri2.png);
	background-size:86%;
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:120px;
	margin-top: 0px;
	
}
@media(min-width:768px){
	#top .topImg .container h1 img{
		padding-top:180px;
		width:55%;
	}
	#top .topImg .container .infomation{
		text-align: center;
	}
	#top .topImg .container h2 img{
		display: block;
		width:100%;
		margin: 0 auto;
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#top .sikiri1{
		background-image:url(../img/syokudo_menu_sikiri1_pc.png);
		height:170px;
		background-size:85%;
	}
	#top .sikiri2{
		background-image:url(../img/syokudo_menu_sikiri2_pc.png);
		height:170px;
		background-size:85%;
	}
}
@media(min-width:1041px){
	#top .topImg .container h1 img{
		width:47%;
	}
	#top .topImg .container h2 img{
		width:60%;
	}
}

#top .menuWrap ul li a img{
	width:55%;
	padding: top 40px;

}
#top .menuWrap h2{
	font-size:27px;
	font-weight:800;
	text-align:center;
	width:100%;
	padding-bottom: 30px;
	color:#88a75d;
}
#top .menuWrap ul li:nth-child(odd){
	text-align:right;
	margin-right:5%;
}
#top .menuWrap ul li:nth-child(even){
	text-align:left;
	margin-left:10%;
}
#top .menuWrap ul li a img:hover{
	width:60%;
	transition:0.2s;
}
@media(min-width:768px){
	#top .menuWrap h2{
		font-size:35px;
	}
	#top .menuWrap ul li a img:hover{
	width:110%;
	}
	#top .menuWrap ul li a img{
		width: 100%;
    }
	#top .menuWrap ul{
		width:80%;
		display:flex;
		flex-wrap:wrap;
		margin:0 auto;
	}
	#top .menuWrap ul li:nth-child(odd),#top .menuWrap ul li:nth-child(even){
		text-align:center;
		margin:0;
		width:32%;
	}
}
@media(min-width:1041px){
	#top .menuWrap h2{
		font-size:60px;
		padding: top 40px;
	}
	#top .menuWrap ul li a img:hover{
	width:110%;
	}
		#top .menuWrap ul li a img{
		width:100%;
    	
	}
}


/*ーーーーーーーーーーーーーーーーーー
　　　Content
ーーーーーーーーーーーーーーーーーーー*/
/*クラフト紙バックリピート
body{
	background-image:url(../img/soramame_bg_pattern_400.jpg);
	background-repeat:repeat;
}
*/
.contentsWrap{
	width:70%;
	margin:0 auto;
	line-height:2em;
}
.contentsWrap .mainBodyWrap,
.contentsWrap .infoWrap{
	margin-top:48px;
}
.contentsWrap .infoWrap .infoflex{
	display: flex;
}

.contentsWrap .mainBodyWrap .titleWrap{
	text-align:center;
	margin-top:120px;
}
.contentsWrap .mainBodyWrap .titleWrap h1{
	font-size:24px;
}
.contentsWrap .mainBodyWrap .titleWrap h1 span.titleSpan{
	display:block;
	margin-top:16px;
}

.contentsWrap .mainBodyWrap .titleWrap p{
	margin-top:48px;
}

.contentsWrap .mainBodyWrap .ledeWrap{
	margin:32px 0;
}
.contentsWrap .mainBodyWrap p.lede{
	font-size:14px;
	font-weight:500;
	text-align:center;
	margin-top:16px;
}
.contentsWrap .mainBodyWrap p.mainSentence{
	font-size:12px;
	margin-top:16px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
	text-align:justify;
	text-justify:inter-ideograph;
}

@media(min-width:768px){
	.contentsWrap .mainBodyWrap .titleWrap{
		line-height:3em;
	}
	.contentsWrap .mainBodyWrap .titleWrap h1{
		font-size:48px;
	}
	.contentsWrap .mainBodyWrap .titleWrap p{
		font-size:24px;
	}
	.contentsWrap .mainBodyWrap p.lede{
		font-size:24px;
		line-height:2em;
		margin-top:24px;
	}
	.contentsWrap .mainBodyWrap p.mainSentence{
		font-size:20px;
		margin-top:24px;
		line-height:2.5em;
	}
}
@media(min-width:1041px){
	.contentsWrap .mainBodyWrap .titleWrap{
		line-height:4em;
	}
	.contentsWrap .mainBodyWrap .titleWrap h1{
		font-size:64px;
	}
	.contentsWrap .mainBodyWrap .titleWrap p{
		font-size:32px;
	}
	.contentsWrap .mainBodyWrap p.lede{
		font-size:32px;
		line-height:2em;
		margin-top:32px;
	}
}

.contentsWrap .infoWrap h2{
	font-size:40px;
	text-align:center;
}
.contentsWrap .infoWrap .houjinTable{
	margin:0 auto;
	font-size:10px;
}
.contentsWrap .infoWrap .houjinTable th{
	display:block;
	width:120px;
	text-align:left;
	line-height:1.5em;
	margin-top:1em;
}
.contentsWrap .infoWrap .houjinTable td{
	display:table-cell;
	line-height:1.5em;
}

@media(min-width:0px) and (max-width:230px){
	.contentsWrap .infoWrap h2{
		font-size:30px;
		margin-top:0px;
	}
	.contentsWrap .infoWrap .houjinTable{
		font-size:25px;
		margin-top:36px;
	}
	.contentsWrap .infoWrap .houjinTable th{
		display:table-cell;
		width:120px;
		text-align:left;
		line-height:2em;
	}
	.contentsWrap .infoWrap .houjinTable td{
		display:table-cell;
	}
}
@media(min-width:231px) and (max-width:370px){
	.contentsWrap .infoWrap h2{
		font-size:30px;
		margin-top:0px;
	}
	.contentsWrap .infoWrap .houjinTable{
		font-size:25px;
		margin-top:36px;
	}
	.contentsWrap .infoWrap .houjinTable th{
		display:table-cell;
		width:120px;
		text-align:left;
		line-height:2em;
	}
	.contentsWrap .infoWrap .houjinTable td{
		display:table-cell;
	}
}
@media(min-width:371px) and (max-width:650px){
	.contentsWrap .infoWrap h2{
		font-size:30px;
		margin-top:0px;
	}
	.contentsWrap .infoWrap .houjinTable{
		font-size:10px;
		margin-top:36px;
	}
	.contentsWrap .infoWrap .houjinTable th{
		display:table-cell;
		width:120px;
		text-align:left;
		line-height:2em;
	}
	.contentsWrap .infoWrap .houjinTable td{
		display:table-cell;
	}
}
@media(min-width:651px) and (max-width:1340px){
	.contentsWrap .infoWrap h2{
		font-size:60px;
		margin-top:0px;
	}
	.contentsWrap .infoWrap .houjinTable{
		font-size:20px;
		margin-top:36px;
	}
	.contentsWrap .infoWrap .houjinTable th{
		display:table-cell;
		width:250px;
		text-align:left;
		line-height:2em;
	}
	.contentsWrap .infoWrap .houjinTable td{
		display:table-cell;
	}
}
@media(min-width:1341px) and (max-width:1740px){
	.contentsWrap .infoWrap h2{
		font-size:60px;
		margin-top:0px;
	}
	.contentsWrap .infoWrap .houjinTable{
		font-size:20px;
		margin-top:36px;
	}
	.contentsWrap .infoWrap .houjinTable th{
		display:table-cell;
		width:250px;
		text-align:left;
		line-height:2em;
	}
	.contentsWrap .infoWrap .houjinTable td{
		display:table-cell;
	}
}




.instainfo{
	margin-top:80px;
	text-align:center;
}
.instaicon{
	font-size:64px;
	color:#e8568e;
}

@media(min-width:768px){
	.instainfo{
		font-size:36px;
		line-height:1.5em;
	}
	.instaicon{
		font-size:120px;
	}
}

/*ーーーーーーーーーーーーーーーーーー
　　　footer
ーーーーーーーーーーーーーーーーーーー*/
footer #footerBg{
	background-image:url(../img/haru_1920_cut.png);
	background-position:center top;
	background-size:cover;
	min-height:240px;
}
.copyRight{
	margin:32px 16px;
	font-size:10px;
	color:#666666;
	text-align:center;
	padding-bottom: 0%;
}

@media(min-width:768px){
	.copyRight{
		margin-top:80px;
		font-size:12px;
	}	
}

/*ーーーーーーーーーーーーーーーーーー
　　　illust
ーーーーーーーーーーーーーーーーーーー*/

.logo{
	max-width:80px;
	height:80px;
	margin:0 auto;
	text-align:center;
	margin-top:48px;
}

.illustMoveA{
	margin-top:48px;
}
.illustMoveA img{
	width:160px;
}

@media(min-width:768px){
	.illustMoveA img{
		width:320px;
	}
	.logo{
		max-width:160px;
		height:160px;
	}
}



/*ーーーーーーーーーーーーーーーーーー
　　　　　　　Bnr
ーーーーーーーーーーーーーーーーーーー*/
.Bnr{
	position:relative;
	margin:0 auto;
	width:100%;
	display:none;
}
.Bnr a{
	text-decoration:none;
	color:#e7ef9e;
}
.Bnr .Bnr__img{
	position:fixed;
	width:360px;
	bottom:10%;
	left:50%;
	transform:translateX(-50%);
	box-shadow:0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
	z-index: index 99999;
	border-radius:5%;
	color:#c4ef8f;
}
.Bnr__img__inner{
	box-sizing:border-box;
	padding:16px 16px 16px 16px;
	background-image:linear-gradient(
		rgba(35, 150, 148, 0.8),
		rgba(97, 219, 174, 0.829));
	opacity:1;
	color:#c4ef8f;
	font-size:12px;
	text-align:center;
}
.BnrTextM{
	font-size:14px;
}
.BnrTextL{
	font-size:16px;
	line-height:16px;
	color:#fff9e1;
}
.BnrTextSoramame{
	display:block;
	font-size:16px;
	line-height:1.5;
}
	/*arrow*/
.Bnr .Bnr__img p.close{
	position:absolute;
	right:2px;
	top:2px;
}
.Bnr .Bnr__img p.close a{
	display:block;
	width:20px;
	text-align:center;
	color:#1d0e07;
	font-size:24px;
}

/* Animate.css */
.invisible {
    visibility: hidden;
}

@media(min-width:768px){
	.Bnr .Bnr__img{
		width:640px;
		bottom:10%;
	}
	.Bnr__img__inner{
		font-size:18px;
	}
	.BnrTextL{
		font-size:32px;
		line-height:48px;
	}
	.BnrTextSoramame{
		display:block;
		font-size:24px;
		line-height:1;
	}
}

/*ーーーーーーーーーーーーーーーーーー
　　　　　　　Wanted
ーーーーーーーーーーーーーーーーーーー*/
#wanted .contentsWrap{
	width:80%;
	max-width:1440px;
}
#wanted .bodyWrap .bodyFrameBoxLR{
	z-index:900;
}
#wanted .contentsWrap .mainBodyWrap{
	margin-top:0;
}
#wanted .contentsWrap .mainBodyWrap .wantedWrap{
	padding-top:120px;
}
#wanted .contentsWrap .mainBodyWrap .wantedWrap h1{
	font-size:16px;
	color:#FF00C0;
	text-align:center;
	font-weight:900;
}
#wanted .contentsWrap .mainBodyWrap .wantedWrap h1 span.wantedH1Large{
	font-size:32px;
}
#wanted .contentsWrap .mainBodyWrap .wantedWrap .rinenWrap{
	margin-top:32px;
	margin-bottom:80px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	border-top:#FFC300 10px solid;
	border-bottom:#FFC300 10px solid;
	padding-left:8px;
	padding-right:8px;
	display:flex;
	justify-content:center;
}
#wanted .contentsWrap .mainBodyWrap .wantedWrap .rinenWrap .rinenWrapInner{
	display:inline-block;
}
#wanted .contentsWrap .mainBodyWrap .wantedWrap .rinenWrap h2{
	font-size:18px;
	color:#16AE00;
	font-weight:900;
}

#wanted .contentsWrap .mainBodyWrap .wantedWrap .wantedImgWrap{
	display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
}
#wanted .contentsWrap .mainBodyWrap .wantedWrap .wantedImgWrap .wantedImg{
	width:120px;
	height:120px;
	border-radius:50%;
}

#wanted .contentsWrap .mainBodyWrap .wantedWrapUnder{
	width:85%;
	margin:0 auto;
}
#wanted .contentsWrap .mainBodyWrap .wantedWrapUnder .wantedWrapUnderBody{
	margin-top:48px;
}
#wanted .contentsWrap .mainBodyWrap .wantedWrapUnder .wantedWrapUnderBody h2{
	color:#16AE00;
	font-size:18px;
	font-weight:700;
	line-height:24px;
}
#wanted .contentsWrap .mainBodyWrap .wantedWrapUnder .wantedWrapUnderBody ul li{
	position:relative;
    padding-left:32px;
	line-height:1.5;
	margin-top:16px;
	font-weight:300;
}
#wanted .contentsWrap .mainBodyWrap .wantedWrapUnder .wantedWrapUnderBody ul li::before{
	content:'“';
	font-weight:700;
    position:absolute;
    left:0;
    top:0;
    color:#00A2DE;
	font-size:60px;
	line-height:40px;
}
#wanted .contentsWrap .mainBodyWrap .wantedWrapUnder .wantedWrapUnderBody dl dt{
	line-height:1.5;
	margin-top:16px;
	color:#00A2DE;
	font-weight:700;
}
#wanted .contentsWrap .mainBodyWrap .wantedWrapUnder .wantedWrapUnderBody dl dd{
	line-height:1.5;
	font-weight:300;
	padding:0 16px;
}

@media(min-width:768px){
	#wanted .contentsWrap .mainBodyWrap .wantedWrap{
		padding-top:240px;
	}
	#wanted .contentsWrap .mainBodyWrap .wantedWrap h1{
		font-size:32px;
		line-height:1.2;
	}
	#wanted .contentsWrap .mainBodyWrap .wantedWrap h1 span.wantedH1Large{
		font-size:56px;
	}
	#wanted .contentsWrap .mainBodyWrap .wantedWrap .wantedImgWrap .wantedImg{
		width:240px;
		height:240px;
	}
	#wanted .contentsWrap .mainBodyWrap .wantedWrap .rinenWrap{
		margin-top:48px;
		margin-bottom:120px;
		width:90%;
		border-top:#FFC300 20px solid;
		border-bottom:#FFC300 20px solid;
		padding-left:24px;
		padding-right:24px;
		line-height:2;
		padding-top:24px;
		padding-bottom:24px;
	}
	#wanted .contentsWrap .mainBodyWrap .wantedWrap .rinenWrap h2{
		font-size:32px;
		color:#16AE00;
		font-weight:900;
	}
	#wanted .contentsWrap .mainBodyWrap .wantedWrap .rinenWrap li{
		font-size:24px;
	}

	#wanted .contentsWrap .mainBodyWrap .wantedWrapUnder{
		max-width:800px;
	}
	#wanted .contentsWrap .mainBodyWrap .wantedWrapUnder .wantedWrapUnderBody h2{
		font-size:24px;
		line-height:1.5;
	}
	#wanted .contentsWrap .mainBodyWrap .wantedWrapUnder .wantedWrapUnderBody ul li{
		position:relative;
		padding-left:48px;
		margin-top:24px;
		font-size:18px;
	}
	#wanted .contentsWrap .mainBodyWrap .wantedWrapUnder .wantedWrapUnderBody ul li::before{
		left:0;
		top:0;
		font-size:80px;
		line-height:50px;
	}
	#wanted .contentsWrap .mainBodyWrap .wantedWrapUnder .wantedWrapUnderBody dl dt{
		line-height:1.5;
		margin-top:18px;
		font-size:18px;
	}
	#wanted .contentsWrap .mainBodyWrap .wantedWrapUnder .wantedWrapUnderBody dl dd{
		line-height:1.5;
		font-weight:300;
		padding:0 16px;
		font-size:18px;
	}
}

/* wanted写真用アニメーション */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

@keyframes rotate {
    0%, 100% { transform: rotate(0deg); }
    50% { transform: rotate(360deg); }
}

@keyframes tilt {
    0%, 100% { transform: rotateY(0deg); }
    50% { transform: rotateY(180deg); }
}

@keyframes hop {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-30px); }
}

@keyframes zoom {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.2); }
}

.float { animation: float 4s ease-in-out infinite; }
.rotate { animation: rotate 10s linear infinite; }
.tilt { animation: tilt 6s linear infinite; }
.hop { animation: hop 2s ease-in-out infinite; }
.zoom { animation: zoom 3s ease-in-out infinite; }

/*ーーーーーーーーーーーーーーーーーー
　　　　　Form(wanted）
ーーーーーーーーーーーーーーーーーーー*/
#wanted .contentsWrap .mainBodyWrap .wantedFormWrap{
	width:85%;
	max-width:800px;
	margin:0 auto;
}
#wanted .contentsWrap .mainBodyWrap .wantedFormWrap .inquiryTitle{
	font-size:32px;
	font-weight:900;
	color:#FF00C0;
	margin:64px 0 24px 0;
	text-align:center;
}
#wanted .contentsWrap .mainBodyWrap .wantedFormWrap p,
#wanted .contentsWrap .mainBodyWrap .wantedFormWrap h3{
	font-size:16px;
	line-height:1.5;
}
#wanted .contentsWrap .mainBodyWrap .wantedFormWrap h3{
	margin-top:24px;
}
#wanted .contentsWrap .mainBodyWrap .wantedFormWrap .telNo{
	font-size:32px;
	font-weight:900;
	text-align:center;
}
#wanted .contentsWrap .mainBodyWrap .wantedFormWrap .telNo a{
	text-decoration:none;
	color:#00A2DE;
}
#wanted .contentsWrap .mainBodyWrap .wantedFormWrap .wantedForm{
	margin:0 auto;
}
#wanted .contentsWrap .mainBodyWrap .wantedFormWrap .wantedForm p{
	line-height:1.2;
	margin-top:16px;
}
#wanted .contentsWrap .mainBodyWrap .wantedFormWrap .wantedForm input,
#wanted .contentsWrap .mainBodyWrap .wantedFormWrap .wantedForm select{
	height:32px;
	width:100%;
}
#wanted .contentsWrap .mainBodyWrap .wantedFormWrap .wantedForm textarea{
	width:100%;
	height:240px;
}
#wanted .contentsWrap .mainBodyWrap .wantedFormWrap .wantedForm button{
	width:100%;
	height:32px;
	font-size:18px;
	background-color:#FFC300;
	border:none;
	border-radius:8px;
	box-shadow:4px 4px 4px #666666;
}
@media(min-width:768px){
	#wanted .contentsWrap .mainBodyWrap .wantedFormWrap .inquiryTitle{
		font-size:56px;
	}
	#wanted .contentsWrap .mainBodyWrap .wantedFormWrap p,
	#wanted .contentsWrap .mainBodyWrap .wantedFormWrap h3{
		font-size:20px;
	}
	#wanted .contentsWrap .mainBodyWrap .wantedFormWrap .telNo{
		font-size:64px;
	}
	#wanted .contentsWrap .mainBodyWrap .wantedFormWrap .wantedForm p{
		margin-top:24px;
		font-size:20px;
	}
	#wanted .contentsWrap .mainBodyWrap .wantedFormWrap .wantedForm input,
	#wanted .contentsWrap .mainBodyWrap .wantedFormWrap .wantedForm select{
		height:40px;
		font-size:20px;
	}
	#wanted .contentsWrap .mainBodyWrap .wantedFormWrap .wantedForm textarea{
		height:320px;
		font-size:20px;
	}
	#wanted .contentsWrap .mainBodyWrap .wantedFormWrap .wantedForm button{
		height:48px;
		font-size:24px;
	}
}

/*ーーーーーーーーーーーーーーーーーー
　　　　　FormCheck(wanted）
ーーーーーーーーーーーーーーーーーーー*/
#wanted .contentsWrap .mainBodyWrap .wantedFormWrap h1{
	margin-bottom:24px;
	font-size:24px;
}
#wanted .contentsWrap .mainBodyWrap .wantedFormWrap .controlUl li{
	margin-top:16px;
	line-height:1.5;
}
#wanted .contentsWrap .mainBodyWrap .wantedFormWrap .controlUl li span.checkText{
	display:inline-block;
	padding-left:24px;
}
#wanted .contentsWrap .mainBodyWrap .wantedFormWrap p.borderStrong{
	margin-top:32px;
	padding:8px;
	border:3px solid #FFC300;
}
#wanted .contentsWrap .mainBodyWrap .wantedFormWrap .normalBtn{
	display:flex;
	justify-content:space-around;
	margin-top:24px;
}
#wanted .contentsWrap .mainBodyWrap .wantedFormWrap .normalBtn .checkBtn{
	font-size:18px;
	border:none;
	background:#666666;
	color:#fff;
	padding:8px;
	border-radius:8px;
}
#wanted .contentsWrap .mainBodyWrap .wantedFormWrap .normalBtn .strongBtn{
	font-size:24px;
	border:none;
	background:#FF00C0;
	color:#fff;
	padding:8px;
	border-radius:8px;
}

/*ーーーーーーーーーーーーーーーーーー
　　トップページ(インフォメーション)
ーーーーーーーーーーーーーーーーーーー*/
#top .container .infomation{
	position:relative;
	padding-right:15%;
	margin: auto;
}
#top .container .infomation p{
	font-size:15px;
	font-weight:410;
	margin-top:9px;
	color:#664b22;
}
#top .container .infomation .infokurahulan{
	background-color:#efd89e;
	padding:16px;
	margin:32px 0 32px 0;
	color:#c8d46a;
}
@media(min-width:768px){
	#top .container .infomation p{
	font-size:20px;
	}

	#top .container .infomation img.sora1{
	 width: 100%;
	}
}
@media(min-width:1041px){
	#top .container .infomation p{
	font-size:30px;
	}
	#top .container .infomation img.sora1{
	 width: 100%;
	}
}


/*ーーーーーーーーーーーーーーーーーー
　　　news
ーーーーーーーーーーーーーーーーーーー*/
.news-info {
 padding:10px;
}

.news-info ul{
 margin: 0 auto;
 padding: 0px;
 
}
.news-info li{
  list-style:none;
  padding:5px;
}
.news-info a{
  color:#000;
  text-decoration:none;
  text-align: left;
}
.news-info span{
  background-color:#05b67b;
  border-radius:3px;
  color:#fff;
  display:inline-flex;
  margin-right:20px;
  padding:5px;
}
.news-info time{
  display: inline-flex;
  font-weight: bold;
  margin-right:40px;
}
.news-info p{
  color:#000000;
  display: inline-flex;
  text-decoration:underline;
}
.news-info .new::after{
  content:"NEW";
  color: #d10606;
  font-size: 1.1rem;
  border: 1px solid #d10606;
  padding: 4px 8px;
  margin: 0 0 0 20px;
  display: inline-block;
  line-height: 1;
}
@media(min-width:0px) and (max-width:230px){
	.news-info a{
	    display: block;
		width: fit-content;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	.news-info p{
		color:#79d131;
		text-decoration:underline;
		font-size: 1.8rem;
	}
}
@media(min-width:231px) and (max-width:370px){
	.news-info a{
	    display: block;
		width: fit-content;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	.news-info p{
		color:#79d131;
		text-decoration:underline;
		font-size: 1.8rem;
	}
}
@media(min-width:371px) and (max-width:650px){
	.news-info a{
	    display: block;
		width: fit-content;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	.news-info p{
		color:#79d131;
		text-decoration:underline;
		font-size: 1.0rem;
	}
}
@media(min-width:651px) and (max-width:1340px){
	.news-info a{
	    display: block;
		width: fit-content;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	.news-info p{
		color:#79d131;
		text-decoration:underline;
		font-size: 2rem;
	}
}
@media(min-width:1341px) and (max-width:1740px){
	.news-info a{
	    display: block;
		width: fit-content;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	.news-info p{
		color:#79d131;
		text-decoration:underline;
		font-size: 2rem;
	}
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーー

　　　　　　　info-page

ーーーーーーーーーーーーーーーーーーーーーーーーー*/
.info-page{
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 50px;
}
.info-page a{
	text-decoration: underline;
	font-size: 2rem;
    margin: 20px; 
}

.info-page a:hover{
	color: #45e760;
}


/* ーーーーーーーーーーーーーーーーーーーーーーーーー

　　　　　　　mapBox

ーーーーーーーーーーーーーーーーーーーーーーーーー*/
.iframeBox{
 width: 100%;
 height: 90vh;
 position:relative;
 padding-bottom:56.25%;
 padding-top:30px;
 overflow:hidden;
 margin-top:20px;
 margin-bottom:50px;
 border-radius:4px;
 margin-left: auto;
 margin-right:auto;
 border:solid 5px#74fa4b;
}

.mapBox{
 margin:0;
 padding:0;
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
}
#div.menuwrap.src{
	background-image:url();
	background-size:60%;
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:64px;
	margin-top: 32px;
	}
/*
@media(min-width:768px){
	.iframeBox{
		padding-bottom:43%;
		width:48%;
	}
}
@media(min-width:1041px){
	.iframeBox{
		padding-bottom:33%;
		width:37%;
	}
}
*/
/* ーーーーーーーーーーーーーーーーーーーーーーーーー

　　　　　　　2024 ４月１６日

ーーーーーーーーーーーーーーーーーーーーーーーーー*/





#top div.soramamelinkWrap,
#top div.hula-belinkWrap,
#top div.mameltukolinkWrap,
#top div.mamezilyukulinkWrap{
	width: 300px;
	margin:0 auto;
	text-align: center;
}
#top div.soramamelinkWrap img,
#top div.hula-belinkWrap img,
#top div.mameltukolinkWrap img,
#top div.mamezilyukulinkWrap img{
	display: block;
	width:50%;
	height:auto;
	margin-top: 32px;
	margin:0 auto;
}
#top div.soramamelinkWrap a,
#top div.hula-belinkWrap a,
#top div.mameltukolinkWrap a,
#top div.mamezilyukulinkWrap a{
	font-size:19px;
	color: #44281b;
}
#top div.soramamelinkWrap a:visited,
#top div.hula-belinkWrap a:visited,
#top div.mameltukolinkWrap a:visited,
#top div.mamezilyukulinkWrap a:visited{
	color: #44281b;
}
#top div.soramamelinkWrap img:hover,
#top div.hula-belinkWrap img:hover,
#top div.mameltukolinkWrap img:hover,
#top div.mamezilyukulinkWrap img:hover{
	width:60%;
	transition:0.2s;
	}
@media(min-width:768px){
	#top div.soramamelinkWrap,
	#top div.hula-belinkWrap,
	#top div.mameltukolinkWrap,
	#top div.mamezilyukulinkWrap{
		width:550px;	
	}
	#top div.soramamelinkWrap a,
	#top div.hula-belinkWrap a,
	#top div.mameltukolinkWrap a,
	#top div.mamezilyukulinkWrap a{
		font-size:33px;
	}
	#top div.soramamelinkWrap img,
	#top div.hula-belinkWrap img,
	#top div.mameltukolinkWrap img,
	#top div.mamezilyukulinkWrap img{
		width:60%;
	}
	#top div.soramamelinkWrap img:hover,
	#top div.hula-belinkWrap img:hover,
	#top div.mameltukolinkWrap img:hover,
	#top div.mamezilyukulinkWrap img:hover{
		width:75%;
		transition:0.2s;
	}
}

	#top .infomation h3{
		margin-top:32px;
		font-size:1.5em;
		color:#664b22;
	}


/* ーーーーーーーーーーーーーーーーーーーーーーーーー

　　　monacafeそらまめ追加（20250304）

ーーーーーーーーーーーーーーーーーーーーーーーーー*/

#monacafe{
	.contentsWrap{
		.mainBodyWrap{
			.monacafeWrap{
				h1{
					text-align:center;
				}
				h1 img{
					max-width:100%;
					@media(min-width:1041px){
						max-width:680px;
					}
				}
				figure img{
					max-width:100%;
				}
				.txtCenter{
					text-align:center;
				}
				.monacaInsta{
					@media(min-width:768px){
						display:flex;
						flex-wrap:wrap;
						justify-content:center;
						align-items:flex-start;
						gap:24px;
					}
				}
				.monacaInsta > *{
					min-width:auto !important;
					@media(min-width:768px){
						width:48% !important;
					}
				}
			}
		}
	}
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーー

　　　tmpPhone（移転中の電話番号）

ーーーーーーーーーーーーーーーーーーーーーーーーー*/
.tmpPhone{
	position:fixed;
	bottom:15%;
	right:0;
	background-color:#ca5363;
	border-radius:20px 0 0 20px;
	color:#fff !important;
	padding:14px;
	font-size:10px !important;
	font-weight:400 !important;
	z-index:99999;
}
.tmpPhone a{
		color:#fff !important;
		text-decoration:none;
}
.tmpPhone span{
	font-size:16px;
	font-weight:900;
}