@charset "shift_jis";
* {
	padding: 0;
	margin: 0;
}
html {
	height: 100%;
}
body {
	color: #2c2c2c;
	background-color: #FFFFFF;
	font-size: 16px;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	word-wrap: break-word;
	height: 100%;
}
section, article {
	display: block;
}
img {
	vertical-align: top;
}
a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
li {
	list-style-type: none;
}
a {
	text-decoration: none;
	color: #C82527;
}

a:hover {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
}
table {
	border-collapse: collapse;
}
table td {
	border-collapse: collapse;
}
.clfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
/*
 改行------- */
.sp_brk {
	display: none;
}

/*
フォント・マージン調整
-------------------------------------------*/
.f10 {
	font-size: 10px !important;
}
.f12 {
	font-size: 12px !important;
}
.f14 {
	font-size: 14px !important;
}



#lang_nav {
	display: none;
}



#video-area{
    position: fixed;
    z-index: -1;/*最背面に設定*/
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
}

#video {
    /*天地中央配置*/
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*縦横幅指定*/
    width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%;
}


/*--------------------------------------------------------------------------
  #header
---------------------------------------------------------------------------*/
#header {
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 110px;
	background-color: #fff;
	transition: background-color .4s, box-shadow .4s, height .4s;
}

@media screen and (max-width: 1200px) {
	#header {
		height: 70px;
	}
}

#header .header_logo_area {
	position: absolute;
	top: 0;
	left: 20px;
	z-index: 99;
	transition: height .4s;
}

@media screen and (max-width: 1200px) {
	#header .header_logo_area {
		height: 70px;
	}
}

#header .header_logo_area a {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;

	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#header .header_logo {
	/*position: absolute;
			top: 50%;
			transform: translateY(-50%);
      margin-left: 30px;*/
	display: -ms-flexbox;
	display: flex;
	width: 200px;
	height: 110px;
	background-color: #fff;
	line-height: 1;
	transition: height .4s;

	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
	#header .header_logo {
		width: 140px;
	}
}

@media screen and (max-width: 1200px) {
	#header .header_logo {
		width: 130px;
		height: 70px;
	}
}

#header .header_logo img {
	width: 90%;
	height: auto;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
	#header .header_logo img {
		width: 100%;
	}
}




#header .header_menubtn {
	display: none;
}

@media screen and (max-width: 1200px) {
	#header .header_menubtn {
		display: -ms-flexbox;
		display: flex;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 999;
		width: 70px;
		height: 70px;
		cursor: pointer;

		-ms-flex-align: center;
		align-items: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	#header .header_menubtn_lines {
		display: block;
		/*position: absolute;
					top: 18px;
					left: 18px;*/
		overflow: hidden;
		position: relative;
		width: 32px;
		height: 15px;
		margin: 0;
		padding: 0;
		box-shadow: none;
		border: none;
		border-radius: 0;
		text-indent: -9999px;
		font-size: 0;
		transition: all .4s;
		-webkit-appearance: none;

		   -moz-appearance: none;
		        appearance: none;
	}
	#header .header_menubtn_lines span {
		display: inline-block;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #000;
		transition: all .4s;
	}
	#header .header_menubtn_lines span:nth-of-type(1) {
		top: 0;
		animation: menu-bar01 .75s forwards;
	}
	#header .header_menubtn_lines span:nth-of-type(2) {
		bottom: 50%;
		animation: menu-bar02 .75s forwards;
	}
	#header .header_menubtn_lines span:nth-of-type(3) {
		bottom: 0;
		animation: menu-bar03 .75s forwards;
	}
	#header .header_menubtn_lines:focus {
		outline: none;
	}
}

@media screen and (max-width: 1200px) {
	#header .header_wrap {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 80px 0 30px;
		background: #fff;
		visibility: hidden;
		pointer-events: none;
		opacity: 0;
	}
}

#header .header_wrap_inner {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	padding-top: 10px;
	transition: .4s;

	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

@media screen and (min-width: 768px) and (max-width: 1300px) {
	#header .header_wrap_inner {
		padding-right: 20px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1160px) {
	#header .header_wrap_inner {
		padding-right: 10px;
	}
}

@media screen and (max-width: 1200px) {
	#header .header_wrap_inner {
		display: block;
		overflow: auto;
		width:  90%;
		height: 100%;
		padding: 0 5%;
	}
}

#header .header_gnav_nav {
	display: -ms-flexbox;
	display: flex;

	-ms-flex-align: center;
	align-items: center;
}

@media screen and (max-width: 1200px) {
	#header .header_gnav_nav {
		display: block;
	}
}

#header .header_gnav {
	position: relative;
	margin: 0 20px;
	padding: 15px 0;
	font-weight: 700;
	cursor: pointer;
	font-size: 1em;
}

@media screen and (min-width: 768px) and (max-width: 1300px) {
	#header .header_gnav {
		margin: 0 15px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
	#header .header_gnav {
		margin: 0 10px;
	}
}

@media screen and (max-width: 1200px) {
	#header .header_gnav {
		margin: 0;
		padding: 20px 0;
		border-bottom: 1px solid rgba(208, 208, 208, .5);
		font-size: 16px;
	}
	#header .header_gnav a {
		display: block;
	}
}

#header .header_gnav > a,
#header .header_gnav > span {
	position: relative;
	color: #222;
	transition: .3s;
}

@media screen and (max-width: 1200px) {
	#header .header_gnav > a,
	#header .header_gnav > span {
		
	}
}

.mode-pc #header .header_gnav:hover > a,
.mode-pc #header .header_gnav:hover > span,
.mode-sp #header .header_gnav:active > a,
.mode-sp #header .header_gnav:active > span {
	color: #C82527;
}





#header .header_corporate {
	display: none;
}

@media screen and (max-width: 1200px) {
	#header .header_corporate {
		display: block;
		margin-top: 20px;
	}
	#header .header_corporate a {
		display: block;
		position: relative;
		width: 100%;
		padding: 10px 0;
		color: #C82527;
		font-weight: 700;
	}
	#header .header_corporate a::after {
		position: absolute;
		top: 50%;
		right: 0;
		width: 16px;
		height: 16px;
		background: url('../img/all_icon_arrow_blue.svg') no-repeat 50% 50%/contain;
		content: '';
		transform: translateY(-60%);
	}
}

#header .header_btn {
	margin: 0 30px 0 0;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
	#header .header_btn {
		margin-left: 10px;
	}
}

@media screen and (max-width: 1200px) {
	#header .header_btn {
		margin: 20px 0 0;
	}
}

#header .header_btn_btn {
	width: 170px;
	font-weight: 700;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
	#header .header_btn_btn {
		width: 140px;
	}
}

@media screen and (max-width: 1200px) {
	#header .header_btn_btn {
		width: auto;
		margin: 0 auto;
	}
}

#header .header_btn_btn a {
	display: -ms-flexbox;
	display: flex;
	position: relative;
	width: 100%;
	height: 50px;
	border: 1px solid #C82527;
	border-radius: 30px;
	background-color: #C82527;
	color: #fff;
	transition: .3s;

	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.mode-pc #header .header_btn_btn a:hover,
.mode-sp #header .header_btn_btn a:active {
	background-color: #fff;
	color: #C82527;
}

#header .header_copy {
	display: none;
}

@media screen and (max-width: 1200px) {
	#header .header_copy {
		display: block;
		margin-top: 50px;
		text-align: center;
		color: rgba(34, 34, 34, .3);
		font-family: 'Poppins', sans-serif;
		font-size: 14px;
	}
}

/*menu open*/
@media screen and (max-width: 1200px) {
	.is-menuopen {
		overflow: hidden;
	}
	.is-menuopen #header .header_logo {
		/*background: url("../../img/all_logo_wh.png") no-repeat 0 0;
				background-size: 196px auto;

				img {
					visibility: hidden;
				}*/
	}
	.is-menuopen #header .header_menubtn_lines {
		height: 20px;
	}
	.is-menuopen #header .header_menubtn_lines span:nth-of-type(1) {
		transform: translateY(11px) rotate(-25deg);
	}
	.is-menuopen #header .header_menubtn_lines span:nth-of-type(2) {
		display: none;
	}
	.is-menuopen #header .header_menubtn_lines span:nth-of-type(3) {
		transform: translateY(-7px) rotate(25deg);
	}
	.is-menuopen #header .header_wrap {
		visibility: visible;
		transition: all .4s linear;
		pointer-events: all;
		opacity: 1;
	}
	.is-menuanim #header .header_wrap {
		transition: all .4s linear;
	}
	.is-menuclose {
		display: none;
}
}

#header.is-scroll {
	height: 100px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, .1);
	background-color: #fff !important;
}

@media screen and (max-width: 1200px) {
	#header.is-scroll {
		height: 70px;
	}
}

#header.is-scroll .header_logo {
	height: 100px;
}

@media screen and (max-width: 1200px) {
	#header.is-scroll .header_logo {
		height: 70px;
	}
}

#header.is-scroll .header_logo_area {
	height: 100px;
}

@media screen and (max-width: 1200px) {
	#header.is-scroll .header_logo_area {
		height: 70px;
	}
}

#header.is-scroll .header_wrap_inner {
	padding-top: 15px;
}

@media screen and (max-width: 1200px) {
	#header.is-scroll .header_wrap_inner {
		padding-top: 0;
	}
}

#header.is-scroll .header_gnav_mega {
	top: 66px;
}

@media screen and (max-width: 1200px) {
	#header.is-scroll .header_gnav_mega {
		top: inherit;
	}
}


.yt-wrapper {
    position: relative;
    width: 100%;
}
.yt-wrapper iframe {
    position: absolute;
    top: -110px;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1000 !important;
}
/*--------------------------------------------------------------------------
   topmv
---------------------------------------------------------------------------*/
.topmv {
	position: relative;
	width: 100%;
	height: 100vh;
}

@media only screen and (max-width: 767px) {
	.topmv {
		height: 100vh;
		min-height: 500px;
	}
}

.topmv_inline {
	position: fixed;
	top: 100px;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 767px) {
	.topmv_inline {
		height: 100vh;
	}
}

.topmv.is-hidden {
	visibility: hidden;
}

/*.topmv_text_box {
	position: absolute;
	bottom: 25%;
	left: 6.8%;
	z-index: 100;
}

@media only screen and (max-width: 767px) {
	.topmv_text_box {
		bottom: 25%;
		left: 6%;
	}
}*/

.topmv_title {
	display: block;
	color: #fff;
	font-size: 58px;
	line-height: 1.15;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
	.topmv_title {
		font-size: 8vw;
	}
}

@media only screen and (max-width: 767px) {
	.topmv_title {
		font-size: 26px;
		line-height: 1.5;
	}
}

.topmv_text {
	display: block;
	margin-top: 30px;
	color: #fff;
	font-size: 18px;
	letter-spacing: .5em;
}

@media only screen and (max-width: 767px) {
	.topmv_text {
		margin-top: 10px;
		font-size: 14px;
		letter-spacing: .4em;
	}
}


.topmv .swiper-slide {
	position: relative;
	width: 100%;
	height: 100%;
}

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

.top_mv_slide img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	object-fit: cover;
}

.topmv_scroll {
	position: absolute;
	bottom: 26%;
	right: 2.5%;
	z-index: 3;
}

@media only screen and (max-width: 767px) {
	.topmv_scroll {
		display: none;
	}
}

.topmv_scroll_text {
	height: 160px;
}

.topmv_scroll_text .text {
	display: block;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	line-height: 0;
	    -ms-writing-mode: tb-rl;

	-webkit-writing-mode: vertical-rl;
	        writing-mode: vertical-rl;
}

.topmv_scroll_text .line {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: calc(50% - 6px);
	width: 8px;
	height: 68px;
}

.topmv_scroll_text .line::before {
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1px;
	height: 58px;
	background: #e6e6e6;
	content: '';
}

.topmv_scroll_text .line::after {
	display: block;
	position: absolute;
	top: 0;
	left: 1px;
	z-index: 2;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #fff;
	content: '';
	animation-name: scrollBall;
	animation-duration: 2s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	opacity: 1;
}

.topmv_cover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background: url('../img/top_message_bg.jpg') repeat 0 0/auto;
	content: '';
}

@keyframes mv-zoom-out {
	0% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}

.topmv .swiper-slide-active .top_mv_slide,
.topmv .swiper-slide-duplicate-active .top_mv_slide,
.topmv .swiper-slide-prev .top_mv_slide {
	animation: mv-zoom-out 8s linear 0s 1 normal both;
}

@keyframes scrollBall {
	0% {
		transform: translateY(0px);
	}
	100% {
		transform: translateY(60px);
	}
}


/* MV
=================================================================*/
.topmv .topmv_text_box .topmv_title {
	transform: translate(0, 50px);
	opacity: 1;
}

.topmv .topmv_text_box .topmv_text {
	transform: translate(0, 40px);
	opacity: 1;
}

.load-complete .topmv .topmv_text_box .topmv_title {
	transition: opacity .6s ease-in-out, transform 1.2s cubic-bezier(.075, .82, .165, 1);
	transition-delay: 1.2s;
	transform: translate(0, 0);
	opacity: 1;
}

.load-complete .topmv .topmv_text_box .topmv_text {
	transition: opacity .6s ease-in-out, transform 1.2s cubic-bezier(.075, .82, .165, 1);
	transition-delay: 1.5s;
	transform: translate(0, 0);
	opacity: 1;
}

/* finalist
=================================================================*/
.finalist.is-animate .fmember_title {
	transform: translate(0, 100px);
	opacity: 0;
}

.finalist.is-animate .fmember_obj img {
	transform: translate(0, 100px);
	opacity: 0;
}

.finalist.is-animate .fmember_lead {
	transform: translate(0, 100px);
	opacity: 0;
}

.finalist.is-animate .fmember_body {
	transform: translate(0, 100px);
	opacity: 0;
}

.finalist.is-animated .fmember_title {
	transition: opacity .6s ease-in-out, transform 1s cubic-bezier(.075, .82, .165, 1);
	transition-delay: .2s;
	transform: translate(0, 0);
	opacity: 1;
}

.finalist.is-animated .fmember_obj img {
	transition: opacity .6s ease-in-out, transform 1s cubic-bezier(.075, .82, .165, 1);
	transition-delay: 0s;
	transform: translate(0, 0);
	opacity: 1;
}

.finalist.is-animated .fmember_lead {
	transition: opacity .6s ease-in-out, transform 1s cubic-bezier(.075, .82, .165, 1);
	transition-delay: .4s;
	transform: translate(0, 0);
	opacity: 1;
}

.finalist.is-animated .fmember_body {
	transition: opacity .6s ease-in-out, transform 1s cubic-bezier(.075, .82, .165, 1);
	transition-delay: .6s;
	transform: translate(0, 0);
	opacity: 1;
	overflow: hidden;
    padding-top: 50px;
}





/*
メインコンテンツ
-------------------------------------------*/

.content {
	width: 100%;
	background-color: #FFF;
	padding-top: 90px;
	padding-bottom: 50px;
	margin: 0 auto;
}

.cont_wrap {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 100px;
	overflow: hidden;
}


.content h2 {
	font-size: 40px;
	line-height: 40px;
	margin-bottom: 30px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #2c2c2c;
	letter-spacing:  -0.01em;
	color: #675837;
	text-align: center;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	clear: both;
	/*margin-top: -200px;
	padding-top: 200px;*/
	position: initial;
}
.content h2 span {
	font-size: 1.5em;
    font-weight: normal;
    display: block;
    font-family: 'Allura', cursive;
    color: #c0ae99;
    z-index: -100;
}




@media screen and (min-width:768px) {
.sm-slider, .sm-slider::after {
	top: 100px !important;
}
}


@media screen and (min-width:1200px) {
/*
ヘッダー
-------------------------------------------*/
header {
	height: 160px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;
	position: fixed;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

/*header .h_btn a {
	position: relative;
	float: right;
	width: 155px;
	top: 7px;
	right: 40px;
	line-height: 38px;
	padding: 2px 17px 0px;
	font-size: 12px;
	font-weight: bold;
	margin-left: 8px;
}*/
header .h_tel a {
	top: 10px;
	right: 190px;
	line-height: 38px;
	padding-top: 4px;
}
header .h_btn a span span {
    font-size:  1.2em;
}
header.fixed {
	height: 150px;
}
header.fixed h1 a img {
	height: 40px;
	top: 5px;
}
header.fixed .h_btn a, header.fixed .h_tel a {
	line-height: 1.2em;
	height:40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.menu_btn, .btn_close {
	display: none;
}


}
/*(/〜1200)*/






@media screen and (max-width:1200px) {
header {
	height: 100px;
	border-bottom: solid 1px #e6e6e6;
}
header .h_btn a:hover {
	color: #2c2c2c;
	background-color: #FFF;
	border: none;
}
	
#brandLogo {
	text-align: center;
}
#brandLogo img {
	width: 160px;
	top: -20px;
}
#top_slide {
	padding-top: 0px;
}
.deli {
	position: relative;
	top: 0px;
}
}



/*-----トップへ戻るボタン------*/
.to_top {
	position: fixed;
	right: 0%;
	bottom: 120px;
	z-index: 200;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
.to_top a {
	text-decoration: none;
	color: #2c2c2c;
	text-align: center;
	display: block;
	/*border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	font-size: 10px;*/
	background-color: rgb(233, 238, 239, .9);
	padding: 10px;
	height: 30px;
	width: 30px;
}


/*
フッター
-------------------------------------------*/
footer {
	background-color: #949494;
	color: #FFF;
	clear: both;
	width: 100%;
	display: block;
	line-height: 1.6;
}
footer ul.f_bn {
	text-align: center;
    width: 100%;
	display: flex;
    justify-content: center;
    padding: 20px 0;
    margin: auto;
	background-color: #c4181f;
}
footer .f_bn li i {
	display: inline-block;
	font-size: 42px;
}
footer .f_bn li span {
    font-size: 18px;
	letter-spacing: 1px;
	padding: 10px;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
footer .f_bn li .sns-rd {
    margin: 20px auto 20px;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
}
footer .f_bn li .sns-rd a {
    display: block;
    width: 168px;
    height: 32px;
    margin: 0 22px;
    background: #fff;
    line-height: 32px;
    color: #c4181f;
    transition: .3s;
	text-decoration: none;
    font-size: 0.9em;
}
footer .f_bn li .sns-rd a:hover {
    opacity: .9;
}
footer ul.f_list {
	display: block;
	width: 21%;
	float: left;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 4%;
}
footer ul.f_list li a {
	text-decoration: none;
	color: #FFF;
	display: block;
	padding: 2px;
	font-size: 14px;
}
footer ul.f_list li a:hover {
	color: #c4181f;
}
footer ul.f_list li li a {
	padding-left: 25px;
	position: relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 13px;
}
footer ul.f_list li li a:hover {
	color: #c4181f;
}
footer ul.f_list li li a::before {
	content:"・";
	position: absolute;
	top: 5px;
	left: 5px;
}
address {
	font-size: 10px;
	font-style: normal;
	padding-top: 20px;
	padding-bottom: 20px;
	letter-spacing: 1px;
	text-align: center;
	display: block;
	clear: both;
	background-color: #c4181f;
}
address:before {
    content: '\0a9 2012-2023 ';
}
address a {
	color: #FFFFFF;
}
footer .box_pr {
	clear: both;
	width: 100%;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 10px;
	color: #FFF;
	background-color: #c4181f;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #c4181f;
}
.box_pr ul li {
	display: inline;
	padding: 5px;
}
.box_pr ul li a {
	color: #FFF;
}
/*
各種テーブル
-------------------------------------------*/
.content table.table_01 {
	width: 80%;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
.content table.table_01 th, .content table.table_01 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	padding: 14px 10px;
}
.content table.table_01 th {
	font-size: 0.95em;
	white-space: nowrap;
	font-weight: normal;
	letter-spacing: 1px;
	width: 25%;
	background: #e6e6e6;
}
.content table.table_01 td {
	font-size: 0.95em;
	line-height: 1.8em;
	letter-spacing: 0.02em;
	padding-left: 50px;
	background-color: #FFF;
}
.content table.table_02 {
	width: 86%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	max-width: 820px;
}
.content table.table_02 th, .content table.table_02 td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #888;
	padding: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-left-style: dotted;
	border-top-color: #BBB;
	border-right-color: #BBB;
	border-left-color: #BBB;
}
.content table.table_02 th {
	font-size: 18px;
	white-space: nowrap;
	letter-spacing: 1px;
	background-color: #F6F6F6;
	color: #2c2c2c;
}
.content table.table_02 td {
	font-size: 16px;
	line-height: 30px;
	background-color: #FFF;
}
.content table.table_02 .tr_gr th {
	background-color: #e6e6e6;
}
.content table.table_02 .tr_gr td {
	background-color: #F9F9F9;
}
.content table.table_02 td .price {
	font-size: 150%;
	white-space: nowrap;
	color: #2c2c2c;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}
.small {
	font-size: 80%;
	color: #666;
}
.chui {
	color: #Fe2575c0;
}
.table_01 th span {
	font-size: 12px;
	color: #CCC;
}

#deco dt {
	font-weight: 700;
}
/*
グーグルマップ
-------------------------------------------*/
.g_map_base {
	background-color: #FFF;
	padding-bottom: 20px;
	width: 86%;
    margin: 0 auto;
}
.g_map {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.g_map iframe, .g_map object, .g_map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*
審査員
-------------------------------------------*/
ul.judge_list {
	margin-left: auto;
	display: table;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 90%;
	padding: 30px 0px;
	justify-content: space-between;
}
ul.judge_list h3 {
	font-size: 22px;
    text-align: center;
    margin: 0px 0 15px;
    padding: 0px;
    color: #2c2c2c;
    position: relative;
}
ul.judge_list li {
	width: 33.3%;
	float: left;
	text-align: center;
	margin-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	min-height: 245px;
	box-sizing: border-box;
	padding: 20px 40px;
	line-height: 2;
}


/*ul.judge_list li a:last-child {
	padding: 20px 0px 20px 25px;
}*/
ul.judge_list li img {
	width: auto;
	width: 100%;
	height: auto;
	object-fit: cover;
	padding-bottom: 20px;
	border-radius:50%;
}
ul.judge_list li a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter: brightness(1.3);
	-moz-filter: brightness(1.3);
	-ms-filter: brightness(1.3);
	filter: brightness(1.3);
}
ul.judge_list li a span {
	display: block;
	font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "Roboto Slab", Garamond, "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: 500;
	border: 1px solid #e3e3e3;
    margin: 0 auto 10px;
    padding: 3px 0;
    background: #eeeeee;
}
ul.judge_list li a span span {
	border: none !important;
    margin: 0;
	padding: 0;
}
.arrow {
  color: #000;
  position: absolute;
  margin-left: 2px;
  margin-top: 10px;
  width: 14px;
  height: 1px;
  background-color: currentColor;
	display: inline !important;
}

.arrow:before {
  content: '';
  position: absolute;
  right: 1px;
  top: -4px;
  width: 8px;
  height: 8px;
  border-top: solid 1px currentColor;
  border-right: solid 1px currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

ul.judge_list li a:hover {
	color: #000;
	background-color: #F6F6F6;
}
/*
スライダー
-------------------------------------------*/
.sp-slide {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	-webkit-filter: grayscale(65%);
	filter: grayscale(65%);
	text-align: center;
}
.sp-slide.sp-selected {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
.sp-thumbnail-container img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	object-fit: cover;
}
.sp-thumbnail-container:hover img, .sp-thumbnail-container.sp-selected-thumbnail img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	cursor: pointer;
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}
#top_slide .top_catch {
	font-size: 5vw;
	line-height: 0.6;
	width: 100%;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	position: absolute;
	top: 35%;
	letter-spacing: 0.1em;
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
#top_slide .top_catch span {
	font-size: 45%;
	font-family: "Sawarabi Mincho", cursive;
	letter-spacing: -0.01em;
}
#top_slide .slide_btn a {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 20%;
	font-size: 18px;
	color: #FFF;
	width: 300px;
	margin-left: -150px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	border: 2px solid #FFF;
	line-height: 40px;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
#top_slide .slide_btn a:hover {
	background-color: #FFF;
	color: #2c2c2c;
}




/*エフェクト
-------------------------------------------*/
.effect {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	transform: translateY(20px);
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-webkit-transition: 1.0s ease-out;
	-moz-transition: 1.0s ease-out;
	transition: 1.0s ease-out;
}
.effect.d_02 {
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
}
.effect.d_04 {
	transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
}
.effect.d_06 {
	transition-delay: 0.6s;
	-webkit-transition-delay: 0.6s;
}
.effect.d_08 {
	transition-delay: 0.8s;
	-webkit-transition-delay: 0.8s;
}
.effect.start {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}
.content p.check {
	color: #FF3333;
}
.content p.p_st {
	font-size: 20px;
	color: #CA28B1;
}
.menu_cap {
	text-align: center;
	width: 90%;
	margin:  0 auto;
}







/*(/〜1200)*/
@media screen and (max-width:1200px) {
body {
	font-size: 16px;
}
/*img {
	max-width: 100% !important;
	height: 100vh;
	width: auto;
	margin-left: auto;
	margin-right: auto;
}*/



#a_link li a {
	font-size: 0.8em;
}



/*
メニューボタン
-------------------------------------------*/
.menu_btn {
	display: block;
	height: 30px;
	width: 40px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	position: fixed;
	z-index: 5000;
	top: 5px;
	right: 10px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.menu_btn:hover {
	cursor: pointer;
}
.menu_btn span {
	width: 24px;
	height: 2.5px;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -14px;
	background-color: #555;
}
.menu_btn span {
	transition: all 0.3s;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
}
.menu_btn span.top {
	transform: translateY(-8px);
	-webkit-transform: translateY(-8px);
	-moz-transform: translateY(-8px);
}
.menu_btn span.bottom {
	transform: translateY(8px);
	-webkit-transform: translateY(8px);
	-moz-transform: translateY(8px);
}
.menu_btn:hover span.top {
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
}
.menu_btn:hover span.bottom {
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
}
.menu_btn.opened span.middle {
	background: rgba(255, 255, 255, 0);
	transform: translateX(30px);
	-webkit-transform: translateX(30px);
	-moz-transform: translateX(30px);
}
.menu_btn.opened span.top {
	transform: rotate(-45deg) translateY(0px);
	-webkit-transform: rotate(-45deg) translateY(0px);
	-moz-transform: rotate(-45deg) translateY(0px);
}
.menu_btn.opened span.bottom {
	transform: rotate(45deg) translateY(0px);
	-webkit-transform: rotate(45deg) translateY(0px);
	-moz-transform: rotate(45deg) translateY(0px);
}
/*
グローバルナビ
-------------------------------------------*/
#g_navi {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: none;
	padding-top: 50px;
	overflow: auto;
	z-index: 3000;
	background-color: #FFF;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
	font-size: 14px;
	letter-spacing: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#g_navi ul {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#g_navi ul li:first-child {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e6e6e6;
}
#g_navi ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
	display:  block;
}
#g_navi ul li a {
	color: #2c2c2c;
	text-decoration: none;
	display: block;
	padding-top: 16px;
	padding-right: 30px;
	padding-bottom: 14px;
	padding-left: 20px;
	line-height: 22px;
	float: none;
    text-align: center;
}
#g_navi ul li a:hover {
	color: #999;
}
body.fixed {
	overflow: hidden;
}
/*
多言語ナビ
-------------------------------------------*/
#lang_nav {
	position: absolute;
	top: 49px;
	left: 0;
	width: 100%;
	/*z-index: 9999;*/
}
#lang_nav ul div.ac_base {
	width: 100%;
	height: 100%;
	background: none !important;
}
#lang_nav ul li {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	text-align: center;
	text-indent: 0;
	z-index: 9999;
	float: left;
	opacity: 1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
#lang_nav .ac_list {
	display: none;
    z-index: 1000;
    position: fixed;
    width: 100%;
}
#lang_nav .ac_list ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #fff !important;
	background: #333333;
	border-bottom: 1px solid #CCCCCC;
	box-sizing: border-box;
}
#lang_nav ul li.hangul a {
	background: url('/share/img/hangle_sp.gif') no-repeat;
	background-position: center;
	background-color: #333333;
	background-size: 33px 11px;
}
#lang_header {
	display: none;
}
#lang_header span {
	display: none;
}
#lang_header:hover {
	background-color: #fff;
}
#lang_header:after {
	display: block;
	content: '';
	color: red;
	width: 29px;
	height: 29px;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	background: url('/share/img/globe.gif') no-repeat 50% 50%;
	background-size: 20px 20px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
#lang_header.sankaku:after {
	transform: rotate(0deg);
	top: 0;
}
#lang_nav ul li.la_open {
	height: 0;
	opacity: 0;
}
/*
アコーディオン
--------------------------------------------------*/
#g_navi ul li a.ac_menu {
	position: relative;
	background-image: none;
}
#g_navi ul li a.ac_menu::after {
	font-size: 11px;
	display: block;
	height: 20px;
	width: 20px;
	content: "▼";
	text-align: center;
	line-height: 20px;
	position: absolute;
	top: 16px;
	right: 10px;
	left: auto;
	color: #555;
}
#g_navi ul li a.ac_menu.active {
	color: #999;
}
#g_navi ul li a.ac_menu.active::after {
	content: "▲";
}
#g_navi div.ac_list {
	display: none;
}
#g_navi ul li ul li {
	border-bottom: none;
}
#g_navi ul li li:first-child {
	border-top: none;
}
#g_navi ul li ul li a {
	border-bottom: none;
}
#g_navi ul li ul li a::before {
	content: "・";
	padding-right: 5px;
	color: #999;
}
#g_navi ul li ul li a:hover {
	color: #999;
}
/*
メニューシャドウ
-------------------------------------------*/
.bg_bl {
	background-color: #FFF;
	height: 100%;
	width: 100%;
	opacity: 0.80;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	display: none;
	position: fixed;
	z-index: 2000;
}
/*
ヘッダー
-------------------------------------------*/
.sm-slider, .sm-slider::after {
	top: 50px !important;
}
header h1 a img {
	top: 5px;
	left: -10px;
	width: 160px;
}
header .h_btn a {
/*width: auto;
	top: 5px;
	right: 100px;
	line-height: 29px;
	padding: 1px 15px 0px;
	font-size: 12px;*/
}
header .h_tel a {
	top: 10px;
	right: 200px;
	line-height: 29px;
	padding-top: 1px;
	font-size: 12px;
}
header .h_menu {
	display: none;
}
header #info {
	display: none;
}

.box_contact .tel p {
	background: #bbbbbb;
	color: #FFF;
	padding: 6px;
	border-right: solid 1px #FFFFFF;
}
header .h_btn {
	position: fixed;
	bottom: 0px;
	width: 100%;
	background: rgb(233, 238, 239, .9);
	box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
	height: 100px;
	text-align: center;
	display: none;
}
.fadeout {
	display: none;
}

header .h_btn .btncap {
    position: relative;
    margin: 0 auto;
    top: -5px;
    right: 0;
}
header .h_btn a i {
	font-size: 1.2em;
	position: relative;
	/*top: 12px;*/
}
header .h_btn a span {
	position: relative;
}
header .h_btn a span span {
	display: none;
}
h2.h_btn_name {
	display: block;
	font-size: 15px;
	color: #333333;
	text-align: center;
	margin-bottom: 0px;
	padding: 8px 0 6px 0;
}
header a.btn_res {
	float: left;
	width: 47%;
	top: 0px;
	left: 2%;
	font-size: 14px;
	letter-spacing: -0.01em;
	border: none !important;
	height: 60px;
	display: block;
	padding: 0px;
	margin-left: 0px;
}
header a.btn_res:hover {
	background-color: #FFFFFF;
	color: #2c2c2c;
	border: none !important;
	box-sizing: border-box;
	height: 60px;
}
header a.btn_deli:visited {
	background-color: #2c2c2c;
	color: #FFFFFF;
}
header a.btn_deli:hover {
	background-color: #2c2c2c;
	color: #FFFFFF;
}
header a.btn_deli:visited {
	background-color: #FFFFFF;
	color: #2c2c2c;
}
header .h_tel a {
	width: 50px;
	font-size: 18px;
	right: 95px;
}
#webres_button, #webdeli_button, #webtout_button {
	display: inline-block;
	width: 100%;
}
#sc #webres_button, #sc #webdeli_button, #sc #webtout_button, #scb #webres_button, #scb #webdeli_button, #scb #webtout_button, #psc #webres_button, #psc #webdeli_button, #psc #webtout_button, #webdeli_button.half, #webtout_button.half, #webres_button.half {
	display: inline-block;
	width: 47%;
}


.h_btn a.web_btn, .h_btn a.web_btn2 {
	display: block;
	margin: 0px auto;
	width: 90%;
	height: 40px;
	font-size: 12px;
	line-height: 40px;
	background-color: #2c2c2c;
	border-radius: 25px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	transition: .3s;
	float: none;
	border: none;
}

.ul_news li p {
	width: 70%;
}
footer .f_bn li a i {
	padding-right: 0px;
}
footer ul.f_list {
	display: block;
	width: 100%;
	float: left;
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: solid 1px #FFFFFF;
}
footer ul.f_list:last-child {
	border-bottom: none;
}
footer ul.f_list li a {
	font-size: 15px;
}
footer .cont_wrap {
	width: 86%;
	padding: 10px 0;
	overflow: hidden;
}
	
.content h3 {
    font-size: 20px;
}	
	/*
 改行------- */	
.pc_brk {
	display: none;
}
.takeout-bnr {
	display: block;
	width: 95%;
	margin: 15px auto 0 auto;
}
}
/*(/〜1200)*/

/*(/〜1024)*/
@media screen and (max-width:1024px) {
#a_link li {
    width: 48%;
    margin: 0 1% 15px;
}
.ul_news li p {
	width: 100%;
    float: left;
}
	footer {
	background-color: #949494;
	color: #FFF;
	clear: both;
	width: 100%;
	display: block;
}
footer ul.f_bn {
	text-align: center;
    width: 100%;
	display: flex;
    justify-content: center;
    padding: 20px 0;
    margin: auto;
	background-color: #c4181f;
}
footer ul.f_bn li {
    width: 46%;
}
footer .f_bn li i {
	display: block;
	font-size: 38px;
}
footer .f_bn li span {
    font-size: 14px;
	letter-spacing: 1px;
	padding: 10px;
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
footer .f_bn li .sns-rd {
    margin: 10px auto 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
footer .f_bn li .sns-rd a {
    display: block;
    width: 120px;
    height: 24px;
    margin: 10px 10px;
    background: #fff;
    border-radius: 0;
    line-height: 24px;
    color: #c4181f;
    font-size: 14px;
    transition: .3s;
}
footer ul.f_list {
	display: block;
	width: 21%;
	float: left;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 4%;
}
footer ul.f_list li a {
	text-decoration: none;
	color: #FFF;
	display: block;
	padding: 2px;
	font-size: 14px;
}
footer ul.f_list li a:hover {
	color: #c4181f;
}
footer ul.f_list li li a {
	padding-left: 25px;
	position: relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 13px;
}
footer ul.f_list li li a:hover {
	color: #c4181f;
}
footer ul.f_list li li a::before {
	content:"・";
	position: absolute;
	top: 5px;
	left: 5px;
}
address {
	font-size: 10px;
	font-style: normal;
	padding-top: 20px;
	padding-bottom: 20px;
	letter-spacing: 1px;
	text-align: center;
	display: block;
	clear: both;
	background-color: #c4181f;
}
address:before {
    content: '\0a9 2012-2023 ';
}
address a {
	color: #FFFFFF;
}
footer .box_pr {
	clear: both;
	width: 100%;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 10px;
	color: #FFF;
	background-color: #c4181f;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #c4181f;
}
.box_pr ul li {
	display: inline;
	padding: 5px;
}
.box_pr ul li a {
	color: #FFF;
}
ul.f_bn li a span {
	display: none;
}
footer .f_bn li a i {
	padding-right: 0px;
}
footer ul.f_list {
    display: block;
    width: 100%;
    float: left;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: solid 1px #FFFFFF;
}
footer ul.f_list:last-child {
	border-bottom: none;
}
footer ul.f_list li a {
    font-size: 15px;
}
footer .cont_wrap {
	width: 90%;
	padding: 10px 0;
	overflow: hidden;
}
}
/*(/〜1024)*/


/*(/〜768)*/
@media screen and (max-width: 768px) {
.content table.table_01 th, .content table.table_01 td {
	width: 100% !important;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.content table.table_01 th {
	background-color: #F6F6F6;
	font-weight: 700;
}
	.content table.table_01 td {
		padding-left: 0;
	}
.content h2 {
	font-size: 25px;
	line-height: 25px;
	margin-bottom: 20px;
}
	
	/*
 改行------- */	
.sp_brk {
	display: block;
}

}
/*(/〜768)*/




/*(/〜520)*/
@media screen and (max-width:520px) {
header {
	height: 0px;
	margin-bottom: -50px;
}
/*#brandLogo {
    top: 6px;
    left: 38%;
}*/
#brandLogo img {
    top: -2px;
}
#top_slide {
	padding-top: 160px;
}
.content {
	padding-top: 30px;
}
.cont_wrap {
    width: 100%;
}
#a_link li a {
	line-height: 1.2em;
	font-size: 0.7em;
}
.img_right {
	width: 100%;
}
.pickup {
	padding-top: 0px;
	padding-bottom: 0px;
}
.pickup ul {
	max-width: 420px !important;
}
.pickup ul li {
	width: 50% !important;
	padding: 20px 20px;
}
.pickup ul li a .pu_icon {
	top: 10px;
	left: 5px;
}
/*#top_slide {
	padding-top: 100px;
}*/

header h1 a img {
	top: 9px;
}
.shopIntro p {
	width: 86%;
	font-size: 0.9em;
	margin: 10px auto;
}
.menu_cap {
	font-size: 0.9em;
}
ul.judge_list li a {
	margin-bottom: 15px;
}
.img_left, .img_right {
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.box_contact p {
	font-size: 12px;
}
.box_contact .tel p {
	background: #bbbbbb;
	color: #FFF;
	padding: 6px;
	border-right: solid 1px #FFFFFF;
}
ul.f_bn li a span {
	display: none;
}

.content h2 {
	font-size: 26px;
	line-height: 1.4em;
	margin-bottom: 20px;
	padding-bottom: 0;
}
.content h2 span {
	position: relative;
    top: -10px;
}
/*
 改行------- */	
.sp_brk {
	display: block;
}
}
/*(/〜520)*/



	
/*(/〜460)*/	
@media screen and (max-width:460px) {
input, textarea {
	max-width: 300px !important;
}
}
/*(/〜460)*/	
	
	

	
	
/*-- LINE QR end------- */	
@media screen and (max-width:1024px) {
ul.judge_list li {
	width: 100%;
	margin: 0 auto 15px;
	min-height: 290px;
}
}

@media screen and (max-width:640px) {
ul.judge_list li {
	min-height: 200px;
}
	#line {
    width: 80%;
	height: auto;
    
}
}
@media screen and (max-width:520px) {
ul.judge_list li {
	width: 100%;
	margin: 0 auto 15px;
}
}



h2#menu {
	padding-top: 160px;
}

@media screen and (max-width: 520px) {
h2#menu {
	padding-top: 80px;
}
}







.swiper-container {
	overflow: hidden;
	position: relative;
	/* Fix of Webkit flickering */
	z-index: 1;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	list-style: none;
}

.swiper-container-vertical > .swiper-wrapper {
	    flex-direction: column;

	-ms-flex-direction: column;
}

.swiper-wrapper {
	display: -ms-flexbox;
	display: flex;
	box-sizing: content-box;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	transition-property: transform;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
	    flex-direction: column;

	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-ms-flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
	margin: 0 auto;
	transition-timing-function: ease-out;
}

.swiper-slide {
	position: relative;
	width: 100%;
	height: 100%;
	transition-property: transform;

	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
	transition-property: transform, height;

	-ms-flex-align: start;
	align-items: flex-start;
}

/* 3D Effects */
.swiper-container-3d {
	perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
	transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
	overflow: auto;

	scrollbar-width: none;
	/* For Firefox */
	-ms-overflow-style: none;
	/* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
	display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
	scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
	-webkit-scroll-snap-type: x mandatory;
	    -ms-scroll-snap-type: x mandatory;
	        scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
	-webkit-scroll-snap-type: y mandatory;
	    -ms-scroll-snap-type: y mandatory;
	        scroll-snap-type: y mandatory;
}

:root {
	--swiper-navigation-size: 44px;
	/*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 50%;
	z-index: 10;
	width: calc(var(--swiper-navigation-size) / 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
	color: var(--swiper-navigation-color, var(--swiper-theme-color));
	cursor: pointer;

	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
	cursor: auto;
	pointer-events: none;
	opacity: .35;
}

.swiper-button-prev:after,
.swiper-button-next:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	font-variant: initial;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none !important;
	text-transform: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	left: 10px;
	right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
	content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	left: auto;
	right: 10px;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
	content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
	--swiper-navigation-color: #fff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
	--swiper-navigation-color: #000;
}

.swiper-button-lock {
	display: none;
}

:root {
	/*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
	position: absolute;
	z-index: 10;
	text-align: center;
	transition: 300ms opacity;
	transform: translate3d(0, 0, 0);
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 10px;
	left: 0;
	width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	position: relative;
	transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform: scale(.33);
}

.swiper-pagination-bullet {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #000;
	opacity: .2;
}

button.swiper-pagination-bullet {
	margin: 0;
	padding: 0;
	box-shadow: none;
	border: none;
	-webkit-appearance: none;

	   -moz-appearance: none;
	        appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.swiper-pagination-bullet-active {
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	opacity: 1;
}

.swiper-container-vertical > .swiper-pagination-bullets {
	top: 50%;
	right: 10px;
	transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	display: block;
	margin: 6px 0;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	width: 8px;
	transform: translateY(-50%);
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	white-space: nowrap;
	transform: translateX(-50%);
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
	position: absolute;
	background: rgba(0, 0, 0, .25);
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--swiper-pagination-color, var(--swiper-theme-color));
	transform: scale(0);
	transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	top: 0;
	left: 0;
	width: 100%;
	height: 4px;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
}

.swiper-pagination-white {
	--swiper-pagination-color: #fff;
}

.swiper-pagination-black {
	--swiper-pagination-color: #000;
}

.swiper-pagination-lock {
	display: none;
}

/* Scrollbar */
.swiper-scrollbar {
	position: relative;
	border-radius: 10px;
	background: rgba(0, 0, 0, .1);

	-ms-touch-action: none;
}

.swiper-container-horizontal > .swiper-scrollbar {
	position: absolute;
	bottom: 3px;
	left: 1%;
	z-index: 50;
	width: 98%;
	height: 5px;
}

.swiper-container-vertical > .swiper-scrollbar {
	position: absolute;
	top: 1%;
	right: 3px;
	z-index: 50;
	width: 5px;
	height: 98%;
}

.swiper-scrollbar-drag {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background: rgba(0, 0, 0, .5);
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-scrollbar-lock {
	display: none;
}

.swiper-zoom-container {
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 100%;
	text-align: center;

	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-align: center;
	align-items: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
	max-width: 100%;
	max-height: 100%;

	object-fit: contain;
}

.swiper-slide-zoomed {
	cursor: move;
}

/* Preloader */
:root {
	/*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	width: 42px;
	height: 42px;
	margin-top: -21px;
	margin-left: -21px;
	border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-top-color: transparent;
	border-radius: 50%;
	transform-origin: 50%;
	animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
	--swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
	--swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg);
	}
}

/* a11y */
.swiper-container .swiper-notification {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1000;
	pointer-events: none;
	opacity: 0;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
	transition-property: opacity;
	pointer-events: none;
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-cube {
	overflow: visible;
}

.swiper-container-cube .swiper-slide {
	z-index: 1;
	width: 100%;
	height: 100%;
	visibility: hidden;
	transform-origin: 0 0;
	pointer-events: none;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
	visibility: visible;
	pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
	z-index: 0;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;

	-webkit-filter: blur(50px);
	        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');
	        filter: blur(50px);
}

.swiper-container-flip {
	overflow: visible;
}

.swiper-container-flip .swiper-slide {
	z-index: 1;
	pointer-events: none;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
	z-index: 0;

	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}


/* all_l_wrap
-----------------------------------------------------------------*/
.all_l_wrap {
	position: relative;
	max-width: 1220px;
	margin: 0 auto;
	padding: 0 10px;
}

@media only screen and (max-width: 767px) {
	.all_l_wrap {
		padding: 30px 0 0;
		width: 80%;
	}
}

.all_l_wrap_l {
	position: relative;
	max-width: 1420px;
	margin: 0 auto;
	padding: 0 10px;
}

@media only screen and (max-width: 767px) {
	.all_l_wrap_l {
		padding: 0 24px;
	}
}

.all_l_wrap_s {
	position: relative;
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 10px;
}

@media only screen and (max-width: 767px) {
	.all_l_wrap_s {
		padding: 0 24px;
	}
}

/*--------------------------------------------------------------------------
   whatpizzafest
---------------------------------------------------------------------------*/
.whatpizzafest {
	position: relative;
	padding: 60px 0 314px;
	background-color: #f6f6f6;
}

@media only screen and (max-width: 767px) {
	.whatpizzafest {
		padding: 0 0 35px;
	}
}


.whatpizzafest_body {
	position: relative;
	width: 50%;
	padding: 20px 10% 0 0;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
	.whatpizzafest_body {
		padding-right: 5%;
	}
}

@media only screen and (max-width: 767px) {
	.whatpizzafest_body {
		width: auto;
		padding: 20px 0 0 0;
	}
}

.whatpizzafest_title {
	z-index: 1;
}

.whatpizzafest_text {
	padding: 40px;
	font-size: 18px;
	line-height: 2.2;
}

@media only screen and (max-width: 767px) {
	.whatpizzafest_text {
		padding: 0 0 40px;
		margin-top: 0;
		font-size: 16px;
		line-height: 2;
	}
}

.whatpizzafest_obj {
	position: absolute;
	top: 38px;
	left: -70px;
	z-index: 0;
}

@media only screen and (max-width: 767px) {
	.whatpizzafest_obj {
		top: -28px;
		left: -10px;
	}
	.whatpizzafest_obj img {
		width: 260px;
		height: auto;
	}
}

.whatpizzafest_btn {
	display: -ms-flexbox;
	display: flex;
	margin-top: 60px;

	-ms-flex-pack: end;
	justify-content: flex-end;
}

@media only screen and (max-width: 767px) {
	.whatpizzafest_btn {
		margin-top: 30px;
	}
}

.whatpizzafest_img_box {
	position: absolute;
	top: 0;
	left: 50%;
	width: 50vw;
}

@media only screen and (max-width: 767px) {
	.whatpizzafest_img_box {
		position: relative;
		top: inherit;
		left: inherit;
		width: auto;
		height: auto;
		margin: 60px -48px 0;
		background: none;
	}
}

.whatpizzafest_img_gallery {
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	height: 664px;
	background-color: #ccc;
}

@media only screen and (max-width: 767px) {
	.whatpizzafest_img_gallery {
		display: none;
	}
}

.whatpizzafest_img_gallery img {
	width: 100%;
	height: auto;
}

.whatpizzafest_img_gallery_left {
	width: 50%;
}

.whatpizzafest_img_gallery_left img:first-child {
	animation: loop-left1 100s -50s linear infinite;
}

.whatpizzafest_img_gallery_left img:last-child {
	animation: loop-left2 100s linear infinite;
}

@keyframes loop-left1 {
	0% {
		transform: translateY(100%);
	}
	to {
		transform: translateY(-100%);
	}
}

@keyframes loop-left2 {
	0% {
		transform: translateY(0);
	}
	to {
		transform: translateY(-200%);
	}
}

.whatpizzafest_img_gallery_right {
	width: 50%;
}

.whatpizzafest_img_gallery_right img:first-child {
	animation: loop-right1 100s -50s linear infinite;
}

.whatpizzafest_img_gallery_right img:last-child {
	animation: loop-right2 100s linear infinite;
}

@keyframes loop-right1 {
	0% {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(100%);
	}
}

@keyframes loop-right2 {
	0% {
		transform: translateY(-200%);
	}
	to {
		transform: translateY(0);
	}
}

.whatpizzafest_img_sp {
	display: none;
}

@media only screen and (max-width: 767px) {
	.whatpizzafest_img_sp {
		display: block;
		overflow: hidden;
		height: 216px;
	}
	.whatpizzafest_img_sp figure {
		display: -ms-flexbox;
		display: flex;
	}
	.whatpizzafest_img_sp figure img {
		max-width: none !important;
		width: auto;
		height: 216px;
		animation: loop-sp 50s infinite linear 1s both;
	}
}

@keyframes loop-sp {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}




/*--------------------------------------------------------------------------
   fmember
---------------------------------------------------------------------------*/
.fmember {
	position: relative;
	z-index: 10;
	padding: 0 0 240px;
	background-color: #fff;
}

@media only screen and (max-width: 767px) {
	.fmember {
		padding: 60px 0 100px;
	}
}

.fmember::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 93.75vw;
	height: 100%;
	border-radius: 0 20px 0 0;
	background-color: #f6f6f6;
	content: '';
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
	.fmember::before {
		width: calc(100% - 20px);
	}
}

.fmember_header {
	position: relative;
	max-width: 1020px;
	margin: 0 auto;
	padding: 0 10px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
	.fmember_header {
		padding-right: 6vw;
	}
}

@media screen and (min-width: 768px) and (max-width: 1080px) {
	.fmember_header {
		padding-right: 8vw;
	}
}

@media only screen and (max-width: 767px) {
	.fmember_header {
		padding: 0 48px 0 24px;
	}
}

.fmember_title {
	z-index: 1;
	width: 50%;
}

@media only screen and (max-width: 767px) {
	.fmember_title {
		width: auto;
	}
}

.fmember_obj {
	position: absolute;
	top: -40px;
	left: -95px;
	z-index: 0;
}

@media only screen and (max-width: 767px) {
	.fmember_obj {
		top: -28px;
		left: 10px;
	}
	.fmember_obj img {
		width: 227px;
		height: auto;
	}
}

.fmember_lead {
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	padding-top: 15px;
	font-size: 18px;
	line-height: 2;
	letter-spacing: .05em;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
	.fmember_lead {
		left: 40%;
	}
}

@media only screen and (max-width: 767px) {
	.fmember_lead {
		position: relative;
		top: inherit;
		left: inherit;
		width: auto;
		padding-top: 30px;
		font-size: 16px;
	}
}

.fmember_body {
	max-width: auto;
	margin: 0 auto;
	margin-top: 100px;
}
.top_member.is-animated .fmember_body {
	transition: opacity .6s ease-in-out, transform 1s cubic-bezier(.075, .82, .165, 1);
	transition-delay: .6s;
	transform: translate(0, 0);
	opacity: 1;
}


@media only screen and (max-width: 767px) {
	.fmember_body {
		margin: 50px 24px 0;
	}
}

.fmember .swiper-container {
	overflow: visible;
}

.fmember .swiper-wrapper {
	padding-bottom: 40px;
}

@media only screen and (max-width: 767px) {
	.fmember .swiper-wrapper {
		padding-bottom: 20px;
	}
}

.fmember_panel {
	overflow: hidden;
	position: relative;
	z-index: 0;
	width: 350px;
	height: 468px;
	color: #fff;
	transition: transform .6s;
}

@media only screen and (max-width: 767px) {
	.fmember_panel {
		width: 64.3vw;
		height: 86vw;
	}
}

.fmember_panel a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	color: #FFFFFF;
}

.mode-pc .fmember_panel a:hover .fmember_panel_img_bg,
.mode-sp .fmember_panel a:active .fmember_panel_img_bg {
	background-color: rgba(34, 34, 34, .6);
}

.mode-pc .fmember_panel a:hover .fmember_panel_img img,
.mode-sp .fmember_panel a:active .fmember_panel_img img {
	transform: scale(1.1, 1.1);

}

.mode-pc .fmember_panel a:hover .fmember_panel_comt,
.mode-pc .fmember_panel a:hover .fmember_panel_name,
.mode-sp .fmember_panel a:active .fmember_panel_comt,
.mode-sp .fmember_panel a:active .fmember_panel_name {
	opacity: 1;
}

.fmember_panel_name span {
	font-size: 1.4em;
	font-weight: 700;
}

.fmember_panel.swiper-slide-active {
	transform: translateY(-50px);
}

@media only screen and (max-width: 767px) {
	.fmember_panel.swiper-slide-active {
		transform: translateY(-20px);
	}
}

.fmember_panel.swiper-slide-active .fmember_panel_comt,
.fmember_panel.swiper-slide-active .fmember_panel_name {
	opacity: 1;
}

.fmember_panel_img_box {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 10%;
    overflow: hidden;
}

.fmember_panel_img_box::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .3s;
}




@media only screen and (max-width: 767px) {
	.fmember_panel_img_box::before {
		width: 11px;
		height: 11px;
	}
}

.fmember_panel_img_filter {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: rgba(143, 196, 235, .28);

	mix-blend-mode: screen;
}

.fmember_panel_img_bg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(208, 208, 208, 0) 36%, rgba(34, 34, 34, .25) 63%, rgba(34, 34, 34, .5) 100%);
	transition: .3s;
	border-radius: 10%;
	mix-blend-mode: multiply;
}

.fmember_panel_img {
	width: 100%;
	height: 100%;
}

.fmember_panel_img img {
	width: 100%;
	height: 100%;
	transition: .3s;
	border-radius: 10%;
	object-fit: cover;
}

.fmember_panel_label {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	padding: 15px 11px;
	border-radius: 0 0 0 14px;
	background-color: #C82527;
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: .1em;

}

@media only screen and (max-width: 767px) {
	.fmember_panel_label {
		font-size: 12px;
	}
}

.fmember_panel_body {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
	padding: 0 20px 20px;
}

.fmember_panel_comt {
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
	transition: .3s;
	opacity: 0;
}

@media only screen and (max-width: 767px) {
	.fmember_panel_comt {
		font-size: 14px;
	}
}

.fmember_panel_name {
	font-size: 15px;
	line-height: 1.46;
	transition: .3s;
	opacity: 0;
}

@media only screen and (max-width: 767px) {
	.fmember_panel_name {
		font-size: 12px;
	}
}

.fmember_panel_award {
	position: absolute;
	bottom: 300px;
	right: 20px;
	font-family: 'Poppins', sans-serif;
	font-size: 44px;
	font-weight: 700;
	line-height: 1;
}
.fmember_panel_award img {
    width: 70%;
    height: 70%;
    position: relative;
    top: 50px;
    right: -60px;
}
@media only screen and (max-width: 767px) {
	.fmember_panel_award {
		font-size: 29px;
	}
.fmember_panel_award img {
    width: 50%;
    height: 50%;
    position: relative;
    top: 120px;
    right: -100px;
}
}

.fmember_slider_controls {
	display: -ms-flexbox;
	display: flex;
	position: relative;
	max-width: 1200px;
	margin: 40px auto 0;
	padding: 0 20px;

	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

@media only screen and (max-width: 767px) {
	.fmember_slider_controls {
		display: block;
		margin-top: 30px;
		padding: 0 48px 0 24px;
	}
}

.fmember_slider_controls::selection {
	background-color: transparent;
}

.fmember_slide_scroll {
	width: 446px;
	height: 4px;
	margin-right: 60px;
}

@media only screen and (max-width: 767px) {
	.fmember_slide_scroll {
		width: 100%;
		max-width: none;
		height: 3px;
	}
}

.fmember_slide_scroll .swiper-scrollbar {
	width: 100%;
	height: 4px;
	border-radius: 10px;
	background-color: #fff;
}

@media only screen and (max-width: 767px) {
	.fmember_slide_scroll .swiper-scrollbar {
		height: 3px;
	}
}

.fmember_slide_scroll .swiper-pagination-progressbar-fill {
	border-radius: 10px;
	background-color: #C82527;
}

.fmember_slide_nav {
	display: -ms-flexbox;
	display: flex;

	-ms-flex-align: center;
	align-items: center;
}

@media only screen and (max-width: 767px) {
	.fmember_slide_nav {
		margin-top: 16px;

		-ms-flex-pack: end;
		justify-content: flex-end;
	}
}

.fmember_slide_btn {
	position: relative;
	width: 64px;
	height: 64px;
	border: 1px solid rgba(28, 41, 147, .1);
	border-radius: 50%;
	background-color: #eee;
	cursor: pointer;
	transition: .3s;
}

@media only screen and (max-width: 767px) {
	.fmember_slide_btn {
		width: 60px;
		height: 60px;
	}
}

.fmember_slide_btn::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 20px;
	background: url('../img/fmenber_arrow.png') no-repeat 50% 50%/cover;
	content: '';
	transform: translate(-50%, -50%);
}

@media only screen and (max-width: 767px) {
	.fmember_slide_btn::before {
		width: 20px;
		height: 20px;
	}
}

.mode-pc .fmember_slide_btn:hover {
	transform: scale(1.2, 1.2);
}

.fmember_slide_prev::before {
	transform: translate(-50%, -50%) rotate(180deg);
}

.fmember_slide_next {
	margin-left: 24px;
}

@media only screen and (max-width: 767px) {
	.fmember_slide_next {

		margin-left: 14px;
	}
}



.judge_content_text {
	line-height: 2.2;
    width: 75%;
    margin: 40px auto 0;
    font-size: 18px;
	text-align: center;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
	.judge_content_text {
		padding: 0 10px;
	}
}

@media only screen and (max-width: 767px) {
	.judge_content_text {
		margin: 20px auto 0;
		font-size: 16px;
		line-height: 2;
		width: 80%;
	}

}
.anchor {
    padding-top: 160px;
    margin-top: -160px;
}

@media only screen and (max-width: 1200px) {
.anchor {
	padding-top: 110px;
    margin-top: -110px;
}
}


.breadcrumb {
	list-style: none;
	overflow: hidden;
	margin: 0 auto;
	width: 86%;
    padding: 0 40px 0;
}
.breadcrumb li {
	float: left;
}
.breadcrumb li a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: 700;
	padding: 20px 0px 20px 50px;
    background: brown;
    background: #ff7464;
    position: relative;
    display: block;
    float: left;
    cursor: none;
    text-align: center;
}
.breadcrumb li a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 100px solid transparent;
	border-bottom: 100px solid transparent;
	border-left: 50px solid #ff7464;
	position: absolute;
	top: 50%;
	margin-top: -100px;
	left: 100%;
	z-index: 2;
}
.breadcrumb li a span {
	font-size: 1.8em;
	display: block;
}
.breadcrumb li a:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}
/*.breadcrumb li:first-child a {
			padding-left: 10px;
		}*/
.breadcrumb li:nth-child(2) a {
	background: #ff5b47;
}
.breadcrumb li:nth-child(2) a:after {
	border-left-color: #ff5b47;
}
.breadcrumb li:nth-child(3) a {
	background: #ff897b;
}
.breadcrumb li:nth-child(3) a:after {
	border-left-color: #ff897b;
}
/*.breadcrumb li:nth-child(4) a       { background:        hsla(34,85%,65%,1); }
		.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); }
		.breadcrumb li:nth-child(5) a       { background:        hsla(34,85%,75%,1); }
		.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }*/
.breadcrumb li:last-child a {
	background: #ff1c03;
}
.breadcrumb li:last-child a:after {
	border-left-color: #ff1c03;
}


@media only screen and (max-width: 767px) {
.breadcrumb {
	list-style: none;
	overflow: hidden;
	margin: 0 auto;
}
.breadcrumb li {
	float: left;
	width: 33%;
}
.breadcrumb li a {
	color: #FFFFFF;
    text-decoration: none;
    font-size: 0.75em;
    font-weight: 700;
    padding: 20px 0px 20px 0px;
    background: #ff7464;
    position: relative;
    display: block;
    float: left;
    cursor: none;
    margin-left: 0px;
	width: 100%;
}
.breadcrumb li a:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 100px solid transparent;
	border-bottom: 100px solid transparent;
	border-left: 40px solid #ff7464;
	position: absolute;
	top: 50%;
	margin-top: -100px;
	left: 100%;
	z-index: 2;
}
.breadcrumb li a span {
	font-size: 1.8em;
	display: block;
}
.breadcrumb li a:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}
/*.breadcrumb li:first-child a {
			padding-left: 10px;
		}*/
.breadcrumb li:nth-child(2) a {
	background: #ff5b47;
}
.breadcrumb li:nth-child(2) a:after {
	border-left-color: #ff5b47;
}
.breadcrumb li:nth-child(3) a {
	background: #ff897b;
}
.breadcrumb li:nth-child(3) a:after {
	border-left-color: #ff897b;
	display: none;
}
/*.breadcrumb li:nth-child(4) a       { background:        hsla(34,85%,65%,1); }
		.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); }
		.breadcrumb li:nth-child(5) a       { background:        hsla(34,85%,75%,1); }
		.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }*/
.breadcrumb li:last-child a {
	background: #ff1c03;
}
.breadcrumb li:last-child a:after {
	border-left-color: #ff1c03;
}
}

p#people {
	font-size: 140%;
	font-weight: bold;
	color: #ff1c03;
	text-align: center;
}
p#people strong {
	font-size: 190%;
}


@media only screen and (max-width: 520px) {
.breadcrumb {
	list-style: none;
    overflow: hidden;
    margin: 0 auto;
    width: 90%;
    padding: 0;
}
.breadcrumb li {
	float: none;
	width:  100%;
}
.breadcrumb li a {
    padding: 12px 0;
	width: 100%;
	font-size: 0.9em;
}

.breadcrumb li a span {
	font-size: 1.8em;
	display: block;
}
.breadcrumb li a:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-right: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-left: 50px solid transparent;
	border-bottom: 30px solid white;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}
.breadcrumb li a:after {
  width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #ff7464;
    left: 45%;
    top: 180px;
}
/*.breadcrumb li:first-child a {
			padding-left: 10px;
		}*/
.breadcrumb li:nth-child(2) a {
	background: #ff5b47;
}
.breadcrumb li:nth-child(2) a:after {
	border-top-color: #ff5b47;
	border-left: 20px solid transparent;
}
.breadcrumb li:nth-child(3) a {
	background: #ff897b;
}
.breadcrumb li:nth-child(3) a:after {
	border: none;
}
/*.breadcrumb li:nth-child(4) a       { background:        hsla(34,85%,65%,1); }
		.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); }
		.breadcrumb li:nth-child(5) a       { background:        hsla(34,85%,75%,1); }
		.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }*/
.breadcrumb li:last-child a {
	background: #ff1c03;
}
.breadcrumb li:last-child a:after {
	border-left-color: #ff1c03;
}
}




/*modal************************************************************/
div#garalley {
	width: 1100px;
	margin: 50px auto 0;
	text-align: center;
}
img.result {
	width: 100%;
	margin: 0 auto;
}
.btn-grp {
    width: 100%;
    margin: 40px auto;
}

#modal-btn {
    display: block;
    width: 385px;
    height: 80px;
    margin: 50px auto 0 auto;
    background: #c4181f;
    text-align: center;
    line-height: 80px;
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    cursor: pointer;
    transition: .3s;
	border-radius: 50px;
}


#modal-btn span img {
    position: relative;
    top: 18px;
    height: auto;
}


#modal-outer {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.8);
	opacity: 0;
	visibility: hidden;
	z-index: 999999;
	transition: .3s;
}
#modal-outer.ison {
	opacity: 1;
	visibility: visible;
}
#modal-close {
	display: block;
	width: 30px;
	height: 30px;
	font-size: 30px;
	color: #fff;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 999999;
}
#modal-inner {
	width: 100%;
	height: 50%;/*
    background: rgba(255,255,255,.2);*/
	position: fixed;
	top: 35%;
	margin-top: -155px;
}

@media only screen and (max-width: 767px) {
div#garalley {
	width: auto;
	height: auto;
}

img.result {
	width: auto;
	height: auto;
}
#modal-btn {
		width: 80%;
	font-size: 18px;
}
#modal-btn span img {
	width: 24px;
    height: auto;
    top: 30px;
}
.sp-slide img {
    width: auto;
    height: auto;
    max-height: 300px;
}.sp-slide img {
    width: auto;
    height: auto;
    max-height: 300px;
}
}



p.btn, p.btn2 {
	font-size: 18px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 0;
    border: none;
    text-decoration: none;
    padding: 15px 35px !important;
    background: rgb(64 64 64);
    border-radius: 50px;
    margin: 0 auto 80px;
    width: 50%;
}
p.btn:hover, p.btn2:hover {
	opacity: 0.7;
}
.outlink:after {
    margin: 0 3px;
    font-family: FontAwesome;
    vertical-align: middle;
    content: '\f08e';
}





/*header設定*/
#video-area{
	position: relative;/*ローディング画像などを表示す際の基点とするため指定*/
    height: 100vh;/*高さを全画面にあわせる*/
    text-align: center;
    color: #fff;
    /*ローディング画面時＆動画が表示されないときに表示する背景画像のレスポンシブ化*/
    background: url("../img/movie.jpg") no-repeat;
    background-size: cover;
}

/* ローディングアイコン設定 */

#loading {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    font-weight: bold;
}

/*jQueryで付与されたdisappearクラスがついたらロゴエリアを非表示*/

#loading.disappear{
     display: none;   
}


/* youtube設定 */

#youtube-area{
    position: fixed;
    z-index: 1;/*最背面に設定*/
    top: 0;
    right:0;
    left:0;
    bottom:0;
    overflow: hidden;
 	opacity: 0;    
}

/*jQueryで付与されたappearクラスがついたらYoutubeエリアをふわっと表示*/
#youtube-area.appear {
	animation-name:PageAnimeAppear;
	animation-duration:.5s;
	animation-fill-mode:forwards;
}

@keyframes PageAnimeAppear{
	0% {
	opacity: 0;
	}
	100% {
	opacity: 1;
}
}

#youtube {
/*天地中央配置*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
/*縦横幅指定*/
  width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
  height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
  min-height: 100%;
  min-width: 100%;
}

/*youtubeがクリックされないためのマスク*/
#youtube-mask{
    position: absolute;
    z-index: 2;/*下から2番目に表示*/
    top:0;
    width:100%;
    height: 100%;
}


/*youtube 上のロゴ */
h1{
  position:absolute;
  z-index: 2;/*下から2番目に表示*/
/*天地中央配置*/
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
/*色指定*/
  color:#fff;
	letter-spacing: -0.02em;
  text-shadow: 0 0 15px #333;
	width: 100%;
}

/*下のコンテンツ*/
#container{
    position: relative;/*relativeを指定してfixed指定をした#youtube-areaの上に表示*/
    z-index: 3;/*一番上に表示*/
    /*見た目の調整*/
	background:#333;
	color: #fff;
	padding:300px 0;
	text-align: center;
}






.bx-wrapper img {
    max-width: 100%;
    display: block;
}

.single-promotions {
	width: 100%;
	height: 500px;
	margin: 0 20px;
	text-align: center;
}
.promotions-img {
    height: auto;
    width: 65%;
	float: right;
	/*position: absolute;
	right: 0px;*/
}

.promotions-details {
	width: 35%;
    height: 260px;
    position: absolute;
    top: 60px;
    background: #deddda;
    /* line-height: 30px; */
    padding: 50px 20px 10px;
}
.promotions-details span {
	line-height:1.4em;
	display: inline-block;
}

.promotions-details h4 {
    font-size: 30px;
}
.icon {
	font-size: 36px;
	font-family:'Ranga', cursive;
	color: #DF3235;
}
.promotions-details a.read-more {
    border: 1px solid;
    color: #bb1e1e;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-top: 30px;
    padding: 7px 23px;
    text-transform: uppercase;
}

.promotions-details a.read-more:hover {
    background: #bb1e1e none repeat scroll 0 0;
    border-color: #bb1e1e;
    color: #fff;
}
@media only screen and (max-width: 640px) {
.owl-item:nth-child(odd) .promotions-img,
	.owl-item:nth-child(even) .promotions-img,
    .promotions-img {
        height: auto;
		float:none;
        max-height: 450px;
        width: 100%;
    }
	.owl-item:nth-child(odd) .promotions-details,
	.owl-item:nth-child(even) .promotions-details,
    .promotions-details {
        height: auto;
		float: none;
        padding: 20px 0;
        position: absolute;
		top: 250px;
		left: 0;
        width: 90%;
    }
	.promotions-img img {
		width: 90%;
}
	.promotions-details h4 {
        font-size: 20px;
		margin-bottom: 10px;
    }
	.promotions-details span {
		display: block;
	}
	.icon {
	font-size: 24px;
}
	.promotions-details a.read-more {
		margin-top: 10px;
	}
    .promotions-area .row>div:last-child .single-promotions .read-more {
        
		padding: 0px;
		display: block;
    }
	
	#lang_header {
		display: none;
	}
}