@charset "UTF-8";
/* CSS Document */
/*==================================================== 2018_15th 共通 ==*/
/* reset ---------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: middle;
}
/* Link ---------------------------------------------------*/
a		{ outline: none;}
a:link	{color: #fff;text-decoration: none;}
a:visited {color: #fff;text-decoration: none;}
a:hover	{ color:#fff; text-decoration:none;}
a		{ -webkit-tap-highlight-color: rgba(0,0,0,0.25);}

/* Base ---------------------------------------------------*/
body {
	background: #fff;
	color:#000;
	line-height: 1;
	font-family: Helvetica, Arial, sans-serif;
}
#wrapper{
}

#main{
	position: relative;
}

/* Header ---------------------------------------------------*/
.header{
	display:block;
	box-sizing: border-box;
	padding: 0.5em 1em 1em;
}


/* Footer ---------------------------------------------------*/
/* Footer Navi  */
.btn-area{
	display:block;
	padding:5px 10px 6px 10px;
	background:			#9d843b;
	background-image:	-webkit-gradient(linear, left top, left bottom, from(#a99251 /*{start}*/), to(#8d6f1b /*{end}*/)); /*Saf4+, Chrome*/
	background-image:	-webkit-linear-gradient(top, #a99251 /*{start}*/, #8d6f1b /*{end}*/); /*Chrome 10+, Saf5.1+*/
	background-image:	-moz-linear-gradient(top, #a99251 /*{start}*/, #8d6f1b /*{end}*/); /*FF3.6*/
	background-image:	-ms-linear-gradient(top, #a99251 /*{start}*/, #8d6f1b /*{end}*/); /*IE10*/
	background-image:	-o-linear-gradient(top, #a99251 /*{start}*/, #8d6f1b /*{end}*/); /*Opera 11.10+*/
	background-image:	linear-gradient(top, #a99251 /*{start}*/, #8d6f1b /*{end}*/);
}
.btn-area .btn{ float:left; }
.btn-area .pgt{ float:right; }
/* Float Clear  */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix { display:block; }

.corner-btn{
	-moz-border-radius:.9em;
	-webkit-border-radius:.9em;
	border-radius:.9em ;
}
/* Button Prev Home */
.btn{
	display:block;
	width:82px;
	border:1px solid #7d6110;
	background:			#b29d63;
	background-image:	-webkit-gradient(linear, left top, left bottom, from(#bfae80 /*{start}*/), to(#a48b44 /*{end}*/)); /*Saf4+, Chrome*/
	background-image:	-webkit-linear-gradient(top, #bfae80 /*{start}*/, #a48b44 /*{end}*/); /*Chrome 10+, Saf5.1+*/
	background-image:	-moz-linear-gradient(top, #bfae80 /*{start}*/, #a48b44 /*{end}*/); /*FF3.6*/
	background-image:	-ms-linear-gradient(top, #bfae80 /*{start}*/, #a48b44 /*{end}*/); /*IE10*/
	background-image:	-o-linear-gradient(top, #bfae80 /*{start}*/, #a48b44 /*{end}*/); /*Opera 11.10+*/
	background-image:	linear-gradient(top, #bfae80 /*{start}*/, #a48b44 /*{end}*/);
	-webkit-box-shadow:	0px 1px 0px 0 #b09d65; /*Safari, Chrome用*/
	-moz-box-shadow:		0px 1px 0px 0 #b09d65; /*Firefox用*/
	box-shadow:			0px 1px 0px 0 #b09d65; /*CSS3*/
}
.btn p{
	display:block;
	padding:8px 0 8px 33px;
	-webkit-box-shadow:	inset 1px 1px 0px 0 #d9d0b4; /*Safari, Chrome用*/
	-moz-box-shadow:		inset 1px 1px 0px 0 #d9d0b4; /*Firefox用*/
	box-shadow:			inset 1px 1px 0px 0 #d9d0b4; /*CSS3*/
}
.btn-home{
	background:url(../../images/member/icon_arw04.png) no-repeat left center;
	-webkit-background-size:28px 22px;
	background-size:28px 22px;
}
.btn p span {
	display:table-cell;
	color:#ffffff;
	font-size:13px; font-weight:bold;
	text-shadow:-0/*{shadow-x}*/-1px /*{shadow-y}*/1px/*{shadow-radius}*/#5c5237/*{shadow-color}*/;
}

/* Button Pagetop */
.pgt{
	display:block;
	width:38px;
	border:1px solid #7d6110;
	background:			#b29d63;
	background-image:	-webkit-gradient(linear, left top, left bottom, from(#bfae80 /*{start}*/), to(#a48b44 /*{end}*/)); /*Saf4+, Chrome*/
	background-image:	-webkit-linear-gradient(top, #bfae80 /*{start}*/, #a48b44 /*{end}*/); /*Chrome 10+, Saf5.1+*/
	background-image:	-moz-linear-gradient(top, #bfae80 /*{start}*/, #a48b44 /*{end}*/); /*FF3.6*/
	background-image:	-ms-linear-gradient(top, #bfae80 /*{start}*/, #a48b44 /*{end}*/); /*IE10*/
	background-image:	-o-linear-gradient(top, #bfae80 /*{start}*/, #a48b44 /*{end}*/); /*Opera 11.10+*/
	background-image:	linear-gradient(top, #bfae80 /*{start}*/, #a48b44 /*{end}*/);
	-webkit-box-shadow:	0px 1px 0px 0 #b09d65; /*Safari, Chrome用*/
	-moz-box-shadow:		0px 1px 0px 0 #b09d65; /*Firefox用*/
	box-shadow:			0px 1px 0px 0 #b09d65; /*CSS3*/
}
.pgt p {
	display:block;
	padding:4px 9px 3px 9px;
	width:20px;
	-webkit-box-shadow:	inset 1px 1px 0px 0 #d9d0b4; /*Safari, Chrome用*/
	-moz-box-shadow:		inset 1px 1px 0px 0 #d9d0b4; /*Firefox用*/
	box-shadow:			inset 1px 1px 0px 0 #d9d0b4; /*CSS3*/
}

footer{
	width: 100%;
	border-top:1px solid #7d6110;
	background:#9d843b;
}
footer p{
	padding:7px 10px 6px 0;
	color:#ffffff;
	font-size:11px;
	text-align:right;
}

/*=================================================================== index ==*/
.main__top {
  background: url('/images/member/restaurant/top_bg.png') center;
  background-size: cover;
  width: 100%;
  height: 100vh;
	position: relative;
}

/*===========================
　モーダルウインドウ
===========================*/
* html .layer_board_bg,
* html .layer_board {
	position: absolute;
}

.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	top: 0;
	left: 0;
	display: none;
	cursor: pointer;
	background: #000;
}

.layer_board {
	display: none;
	position: fixed;
	text-align: center;
	z-index: 2000;
	width: 90%;
	height: fit-content;
	top: 10%;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	background: #fff6e4;
	border-radius: 20px;
	padding: 2em 1em;
	box-sizing: border-box;
	border: 8px double #991b1a;
}
.layer_btn_close {
	position: absolute;
  z-index: 10;
  top: -20px;
  right: -15px;
  cursor: pointer;
}
.layer_btn_close:before {
	font-family: Font Awesome\ 5 Free;
  content: "\f00d";
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  background-color: #991b1a;
  border-radius: 50%;
  height: 45px;
  width: 45px;
  display: inline-block;
  line-height: 45px;
}
#fadein_area ul{list-style:none}
#fadein_area ul li{
	display: block;
	padding-bottom: 2em;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.5;
	opacity: 0;
}
#fadein_area .btn__start{
	display: block;
  width: 70%;
  margin: 0 auto;
  font-size: 16px;
  letter-spacing: 3px;
  font-weight: bold;
  border: solid #fff 2px;
  padding: 0.5em 0;
  text-align: center;
  color: #fff;
  background: #991b19;
  text-decoration: none;
  box-shadow: 2px 5px 5px rgba(0,0,0,0.4);
  border-radius: 50px;
}

@media screen and (max-width: 320px) {
	.layer_board {
		display: none;
		position: fixed;
		text-align: center;
		z-index: 2000;
		width: 90%;
		height: 80%;
		top: 10%;
		left: 50%;
		transform: translateX(-50%);
		-webkit- transform: translateX(-50%);
		background: #fff6e4;
		border-radius: 20px;
		padding: 2em 1em;
		box-sizing: border-box;
		border: 8px double #991b1a;
	}
		#fadein_area ul li{
		display: block;
		padding-bottom: 2em;
		font-size: 11px;
		font-weight: bold;
		line-height: 1.5;
		opacity: 0;
	}
	#fadein_area .btn__start{
		display: block;
	  width: 70%;
	  margin: 0 auto;
	  font-size: 14px;
	  letter-spacing: 3px;
	  font-weight: bold;
	  border: solid #fff 2px;
	  padding: 0.5em 0;
	  text-align: center;
	  color: #fff;
	  background: #991b19;
	  text-decoration: none;
	  box-shadow: 2px 5px 5px rgba(0,0,0,0.4);
	  border-radius: 50px;
	}

}

/*===========================
 TOP　ボタン
===========================*/
.main__top__btn {
	position: absolute;
	width: 70%;
	bottom: 10%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
a.main__top__btn__start {
	display: block;
  margin:0;
  font-size: 18px;
	letter-spacing: 3px;
	font-weight: bold;
  border: double 4px #fff;
  padding: 1em 0;
	text-align: center;
  color: #fff;
	background: #991b19;
  text-decoration: none;
	box-shadow: 5px 10px 5px rgba(0,0,0,0.4);
	border-radius: 50px;
	margin-bottom: 1em;
}
a.main__top__btn__enquete {
  display: block;
  padding: 0.5em 0;
	margin: 0 auto 1em;
  text-decoration: none;
	text-align: center;
  color: #fff;
	font-size: 16px;
	font-weight: bold;
  border: solid #fff 2px;
  border-radius: 3px;
  transition: .4s;
	background: #da893d;
	border-radius: 50px;
}
/* 企画ボタン */
a.main__top__btn__sp {
	display: block;
	padding: 1em 0;
	margin: 0 auto 1em;
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	border: solid #fff 2px;
	border-radius: 3px;
	transition: .4s;
	border-radius: 50px;
}




/*===========================
 TOP　吹き出しリンク
===========================*/
a.balloon {
	display: block;
  background-color: #fff;
	border: 1px solid #00a9a9;
  padding: 0.5em 0;
	min-width: 200px;
  width: 50%;
  text-align: center;
  margin: 0 auto 0.3em;
  font-size: 15px;
  color: #00a9a9;
  font-weight: bold;
  border-radius: 15px;
  animation: key1 .3s ease infinite alternate;}
	a.balloon:before,
	a.balloon:after {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);}
		.balloon:before {
			border: solid 10px transparent;
			border-top: solid 10px #00a9a9;}
			.balloon p {
					margin: 0;
					padding: 0;}
			@keyframes key1{
			  0% {transform: translateY(0px);}
			  100% {transform: translateY(-6px);}}


/*=================================================================== アニメーションページ ==*/
/* 通常 */
.main__chef-01 {
	background: url('/images/member/restaurant/chef_bg-01.png') center;
  background-size: cover;
  width: 100%;
  height: fit-content;
	position: relative;
}
/* 怒り */
.main__chef-02 {
	background: url('/images/member/restaurant/chef_bg-02.png') center;
  background-size: cover;
  width: 100%;
  height: fit-content;
	position: relative;
}
/* 悲しみ */
.main__chef-03 {
	background: url('/images/member/restaurant/chef_bg-03.png') center;
  background-size: cover;
  width: 100%;
  height: fit-content;
	position: relative;
}

.main__chef__gif {
	padding-bottom: 2em;
}








/*=================================================================== 結果ページ ==*/
.main__result {
	background-color: #fdf4e3;
}
.main__result_head {

}
.main__result_head__txt {
	text-align: center;
	font-weight: bold;
	font-size: 100%;
	padding-top: 2em;
	opacity: 0;
}
.main__result__menu {
	padding: 0 0 30px;
	opacity: 0;
}
/* 通常シェフ */
.main__result__coment, .main__result__coment-02, .main__result__coment-03 {
	width: 98%;
	position: relative;
	margin-left: auto;
	visibility:hidden;
}
.main__result__coment:after {
	content: "";
	display: inline-block;
	position: absolute;
	background-image: url('/images/member/restaurant/result_chef-01.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 100px;
	height: 150px;
	right: 0;
	bottom: 0;
}
/* 怒りシェフ */
.main__result__coment-02:after {
	content: "";
	display: inline-block;
	position: absolute;
	background-image: url('/images/member/restaurant/result_chef-02.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 100px;
	height: 150px;
	right: 0;
	bottom: 0;
}
/* 悲しむシェフ */
.main__result__coment-03:after {
	content: "";
	display: inline-block;
	position: absolute;
	background-image: url('/images/member/restaurant/result_chef-03.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 100px;
	height: 150px;
	right: 0;
	bottom: 0;
}
@media (max-width: 320px) {
	.main__result__coment:after {
		content: "";
		display: inline-block;
		position: absolute;
		background-image: url('/images/member/restaurant/result_chef-01.png');
		background-size: contain;
		background-repeat: no-repeat;
		width: 90px;
		height: 130px;
		right: 0;
		bottom: 10px;
	}
	.main__result__coment-02:after {
		content: "";
		display: inline-block;
		position: absolute;
		background-image: url('/images/member/restaurant/result_chef-02.png');
		background-size: contain;
		background-repeat: no-repeat;
		width: 90px;
		height: 130px;
		right: 0;
		bottom: 10px;
	}
	.main__result__coment-03:after {
		content: "";
		display: inline-block;
		position: absolute;
		background-image: url('/images/member/restaurant/result_chef-03.png');
		background-size: contain;
		background-repeat: no-repeat;
		width: 90px;
		height: 130px;
		right: 0;
		bottom: 10px;
	}

}


.main__result__coment__balloon {
  position: relative;
  display: inline-block;
  margin: 0 15px 1em 0;
  padding: 1em 0.5em;
  width: 70%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #c23433;
  box-sizing: border-box;
  border-radius: 30px;
  height: auto;
	opacity: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
	-webkit-transform-origin: calc(100% + 2em) 50%;
	transform-origin: calc(100% + 2em) 50%;
	-webkit-transform: translate3d(0,0,0) rotate3d(1,1,1,-30deg);
	transform: translate3d(0,0,0) rotate3d(1,1,1,-30deg);
}
.main__result__coment__balloon.up {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	transform: translate3d(0,0,0) rotate3d(0,0,0,0);
	pointer-events: auto;
}
.main__result__coment__balloon:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #FFF;
  z-index: 2;
}
.main__result__coment__balloon:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 14px solid #c23433;
  z-index: 1;
}
.main__result__coment__balloon__menu{
	font-weight: bold;
	font-size: 23px;
	line-height: 1.2;
	margin: 0;
	padding: 16px 0;
	text-align: center;
}
.main__result__coment__balloon p {
  margin: 0;
  padding: 0;
	text-align:right;
	font-weight: bold;
}
.main__result__btn {
	padding-bottom:20px;
	visibility:hidden;
}
/* ツイート　*/
.main__result__tweet {
padding-bottom:20px;
}
a.main__result__tweet__btn {
	color: #FFF;
	border-radius: 7px;
	position: relative;
	display:block;
	height: 40px;
	width: 80%;
	margin: auto;
	text-align: center;
	font-size: 14px;
	line-height: 40px;
	vertical-align: middle;
	background: #1da1f3;
	overflow: hidden;
	text-decoration:none;
	margin-top: 10px;
	font-weight: bold;
}
.fa-twitter {
  font-size: 25px;
  position: relative;
	top: -2px;
  padding-right: 15px;
  color: #FFF;
	display: inline-block;
}

a.main__result__btn__retry {
  display: block;
  padding: 0.7em 0 0.5em;
	width: 70%;
	margin: 0 auto;
  text-decoration: none;
	text-align: center;
  color: #fff;
	font-size: 16px;
	font-weight: bold;
  border: double 4px #fff;
  border-radius: 3px;
  transition: .4s;
	background: #991b19;
	border-radius: 50px;
}
a.main__result__btn__retry p {
	font-size: 10px;
	padding-top: 0.4em;
}



/* ---------------------------
members_select
--------------------------- */
.members_select {
	text-align:center;
}
.members_select_menuttl {
	width: 360px;
    height: 90px;
	background-image: url('/images/member/restaurant/members_select_menu_ttl-bg.png');
	background-size: cover;
	margin: auto;
	position: relative;
}
.members_select_menuttl_txt {
	width: 250px;
	color: #583233;
	text-align: center;
	font-size: 20px;
    line-height: 1.3;
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin:0;
	padding:0;
}