@charset "UTF-8";
/* CSS Document */

html {
	font-size: 100%;
	scroll-behavior: smooth;
	overflow-x: hidden;
}

body {
	color: #f7efdb;
	/*font-family:"游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;*/
	font-family: 'TsukuARdGothic-Regular', '小塚ゴシック-L', YuGothic, "Yu Gothic Medium", "Yu Gothic", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif;
	font-size: 16px;
	background:#dbb659;
}

b {
	font-weight: bold;
}

span {
    background-color: #c1384a;
}

a {
	text-decoration: none;
}

p {
	font-size: 14px;
	line-height: 2;
}

.linkarea {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height: 100%;
}

.pc {
	display: block;
}

.sp {
	display: none;
}

.effect-fade {
	opacity : 0;
	transform : translate(0, 60px);
	transition : all 1000ms;
}

.effect-fade.effect-scroll {
	opacity : 1;
	transform : translate(0, 0);
}

.load{
	width:100%;
	min-height:100%;
	z-index:999;
	background:white;
	opacity:1;
	transition:1s;
	overflow: hidden;
}

.wrapper{display:none;} .on{display:block;}
.off{
	opacity:0;
	transition:1s;
	animation: 0.1s linear 1s out-area forwards;
}
@keyframes out-area {
	0%{transform:translateX(0px);}
	100%{transform:translateX(10000px);}
}

/*---------------------------------------------*/
/*
/* トップページ
/*
/*---------------------------------------------*/

.contents{
	width:700px;
	margin:auto;
	}

/*メニュー*/
.menu_block{
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	width:100%;
	margin:50px auto;
	}
	.prodcut_01{
		width:48%;
		background:white;
		margin-bottom: 20px;
	}
	.prodcut_01 img {
		width:100%;
		height:450px;
		object-fit:cover;
	}
@media screen and (max-width: 900px) {
	.prodcut_01 img {height:500px;}
}
@media screen and (max-width: 700px) {
	.prodcut_01 img {height:400px;}
}
@media screen and (max-width: 550px) {
	.prodcut_01 img {height:300px;}
}
	.prodcut_01_text{
		padding:20px;color:#dbb659;
	}
	.pro01_t_p1{
		margin:auto auto 15px auto;
		line-height:12px;
		font-size:12px;
		padding:5px 10px;
		background:#cc394d;
		color:white;
		display:inline-block;
	}
	.pro01_t_p2{
		text-align:right;
	}

	.top_obi{
		padding:10px 20px;text-align:center;color:#a0823e;background:white;
	}
	.fv_img_block{
		width:60%;margin:50px auto;
	}
	.fv_img_block img {
		width:100%;margin:auto;
	}

	.work_time{
		margin:auto auto 15px auto;text-align:center;line-height:24px;
	}
	.work_time_span{
		font-size:22px;background:none;
	}
	.work_status{
		padding:10px 20px; background:white;color:#a0823e;font-weight:bold;text-align:center;border-radius:100vh;font-size:20px;letter-spacing:3px;
	}

/*---------------------------------------------*/
/*
/* スタッフページ
/*
/*---------------------------------------------*/

	.dev_title_p{
		text-align:center;
		font-size:24px;
		font-weight:bold;
		color:white;
		margin:20px auto auto auto;
	}
	
	.dev_input_text{
		width:100%;
		padding:15px 20px;
		background:white;
		color:#303030;
		font-size: 16px;
		margin:auto;
		border:1px solid #CFCFCF;
	}
	.dev_input_submit{
		width:100%;
		padding:10px 15px;
		background:#AA8529;
		color:white;
		font-size: 16px;
		margin:20px auto;
		border-radius: 100vh;
	}

	.contents ul li{
		list-style: none;
		padding: 20px;
		width:100%;
		background:#FFFCEE;
		color:#AE9044;
		font-weight: bold;
		margin: 5px auto;
		text-align: center;
	}

	.input_submit{
		list-style: none;
		padding: 20px;
		width:100%;
		background:#FFFCEE;
		color:#AE9044;
		font-weight: bold;
		margin: 5px auto;
		text-align: center;
	}

	.top_map{
		padding:20px;
		background:#a0823e;
		color:#f7efdb;
		text-decoration:none;
	}
	.sns_area{
		display:flex;
		width:50%;
		margin:50px auto 20px auto;
		justify-content:space-between;
	}
	.sns_line{
		height:40px;
		width:auto;
	}
	.sns_insta{
		height:40px;
		width:auto;
	}
	.sns_twitter{
		height:40px;
		width:auto;
	}
	.copyright{
		font-size:14px;
		text-align:center;
		margin:50px auto 30px auto;
	}

	.line_banner{
		margin:50px auto;
		width:100%;
		height:auto;
		filter:drop-shadow(0px 5px 10px rgba(0,0,0,0.3));
	}

	.hitode_area{
		background:white; width:100%; padding:30px; margin:50px auto;
	}
	.hitode_area img {
		width:100%;margin:auto auto 20px auto;
	}


	
/*---------------------------------------------*/
/*
/* レジ金を計算
/*
/*---------------------------------------------*/


.coin_form{
	display:flex;
	justify-content:space-between;
	margin:10px auto;
}

.coin_form p {
	margin:auto auto auto 0px;
	font-size:20px;
	font-weight:bold;
}


.notice_block {
	max-width: 740px;
	width: 92%;
	margin: 40px auto;
	border-radius: 20px;
	padding: 20px 30px;
	background: white;
	color: #222222;
}
.notice_block .title {
	display: inline-block;
	position: relative;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	margin-bottom: 12px;
}
.notice_block .title p {
	position: relative;
	font-size: 22px;
	letter-spacing: 1.8px;
	font-weight: bold;
	z-index: 10;
	background: #BE2D2F;
	padding: 8px 12px;
	line-height: 1;
	color: white;
}

/*---------------------------------------------*/
/*
/* スマホリサイズ
/*
/*---------------------------------------------*/

@media screen and (max-width: 900px) {
	.sp {display:block;}
	.pc {display: none;}
	
	.contents{
		width:90%;
	}
	
}