@charset "utf-8";
* {
		margin: 0;
		padding: 0;
}
.youchokutei_container img {
		border: none;
		vertical-align: top;
		max-width: inherit !important;
		width: 100%;
		height: auto;
}
main#main {
		padding-left: 0;
		padding-right: 0;
}
.fv_section {
		padding-top: 47px;
}
.fv_section img {
		width: 100%;
		height: auto;
}
@keyframes fadeIn {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
h1.swiper-slide_h1 {
		margin: 0 !important;
		padding: 0 !important;
}
/* ================ */
.kodawari_section {
		background: #f6df8d url("../images/kodawari_particle_bg.png");
		background: url("../images/kodawari_bg_pc.png");
		background-size: 250px;
}
.kodawari_hd {
		max-width: 550px;
		margin: 0 auto 35px;
		opacity: 0;
		animation: fadeIn 0.5s linear forwards;
}
@keyframes fadeIn {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
.kodawari_inner {
		max-width: 815px;
		margin: 0 auto;
}
.kodawai-1 {
		margin-bottom: 30px;
}
.kodawai-2 {
		margin-bottom: 30px;
}
.kodawai-3 {
		margin-bottom: 30px;
}
@media(max-width: 767px) {
		.fv_section {
				padding-top: 0;
		}
}
/* ===================== */
.demiglace_section {
		background: url("../images/grn_bg_pc.jpg") no-repeat center center;
		background-size: cover;
		padding: 14px 0px 50px;
}
.wafu_section {
		background: url("../images/red_bg_pc.jpg") no-repeat center center;
		background-size: cover;
		padding: 50px 0px;
}
.jikasei_hd {
		max-width: 586px;
		margin: 0 auto 40px;
}
.jikasei_inner {
		display: flex;
		max-width: 830px;
		margin: 0 auto;
}
.jikasei_inner.reverse {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
}
.jikasei_figure {
		width: 420px;
}
.jikasei_caption {
		width: 390px;
}
@media(max-width: 880px) {
		.jikasei_figure {
				width: 50.6%;
		}
		.jikasei_caption {
				width: 46.9%;
		}
}
@media(min-width: 768px) {
		.jikasei_sp_obj {
				display: none;
		}
}
@media(max-width: 767px) {
		.kodawari_section {
				background: url("../images/kodawari_bg_sp.png");
				background-size: 200px;
		}
		.jikasei_inner, .jikasei_inner.reverse {
				display: block;
		}
		.jikasei_hd {
				padding-top: 15px;
				width: 100%;
				margin: 0 auto 20px;
		}
		.jikasei_figure, .jikasei_caption {
				width: 100%;
		}
		.jikasei_figure {
				box-sizing: border-box;
				padding-left: 25px;
				padding-right: 25px;
				margin-bottom: 30px;
		}
		.demiglace_section {
				background: url("../images/grn_bg_sp.jpg") no-repeat center center;
				background-size: cover;
				padding: 0 0px 50px;
				margin-bottom: -2px;
		}
		.wafu_section {
				background: url("../images/red_bg_sp.jpg") no-repeat center center;
				background-size: cover;
				padding: 30px 0px 50px;
		}
}
/* =============== */
.lineup_section {
		background: rgb(226, 179, 38);
		background: linear-gradient(0deg, rgba(226, 179, 38, 1) 0%, rgba(253, 227, 97, 1) 40%, rgba(253, 227, 97, 1) 60%, rgba(226, 179, 38, 1) 100%);
		padding: 50px 40px;
}
.lineup_inner {
		max-width: 800px;
		margin: 0 auto;
}
.lineup_hd {
		max-width: 410px;
		margin: 0 auto 27px;
}
.lineup_col {
		position: relative;
}
.lineup_col_body {
		background: #fff;
		padding-bottom: 10px;
}
.lineup_col::before, .lineup_col::after {
		content: '';
		display: block;
		width: 100%;
		height: 50px;
		background-repeat: no-repeat;
		background-size: 100%;
}
.lineup_col::before {
		background-image: url("../images/lineup_col_bg1_pc.png");
		background-position: 0 0;
		margin: 0 0 -2px;
}
.lineup_col::after {
		background-image: url("../images/lineup_col_bg2_pc.png");
		background-position: left bottom;
		position: relative;
		top: -2px;
}
.lineup_hd {
		max-width: 385px;
		margin: 0 auto 20px;
}
@media(max-width: 767px) {
		.lineup_hd.second {
				margin-top: 25px;
		}
}
.lineup_main_flex {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		max-width: 550px;
		margin: 0 auto 30px;
}
.lineup_main_item {
		width: 225px;
		position: relative;
}
.lineup_main_item_thumb img {
		transition: opacity 0.4s;
}
.lineup_petit_flex {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		max-width: 550px;
		margin: 0 auto;
}
.lineup_petit_item {
		width: 240px;
		position: relative;
}
.lineup_main_item .lineup_grn_btn, .lineup_main_item .lineup_red_btn {
		position: absolute;
		right: 0;
		bottom: 35px;
}
.lineup_petit_item .lineup_grn_btn, .lineup_petit_item .lineup_red_btn {
		position: absolute;
		right: 0;
		bottom: 28px;
}
.lineup_grn_btn, .lineup_red_btn {
		width: 147px;
		height: 52px;
		background: #fff;
}
@media(max-width: 767px) {
		.lineup_grn_btn, .lineup_red_btn {
				width: 170px;
				height: 60px;
		}
}
.lineup_grn_btn .btn_cover_grn, .lineup_red_btn .btn_cover_red {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
		transform: scaleX(0);
		transform-origin: left center;
		pointer-events: none;
}
.btn_txt_grn img, .btn_txt_red img {
		opacity: 0;
}
.lineup_grn_btn .btn_txt_grn, .lineup_red_btn .btn_txt_red {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
}
.btn_txt_grn {
		background-image: url("../images/lineup_btn_grn_pc.png");
		border: 1px solid #0e512b;
}
.btn_txt_red {
		background-image: url("../images/lineup_btn_red_pc.png");
		border: 1px solid #8b1606;
}
@media(max-width: 767px) {
		.btn_txt_grn {
				background-image: url("../images/lineup_btn_grn_sp.png");
				border: 1px solid #0e512b;
		}
		.btn_txt_red {
				background-image: url("../images/lineup_btn_red_sp.png");
				border: 1px solid #8b1606;
		}
}
.btn_cover_grn {
		background: #0e512b;
}
.btn_cover_red {
		background: #8b1606;
}
.lineup_main_item:hover .btn_cover_grn, .lineup_main_item:hover .btn_cover_red, .lineup_petit_item:hover .btn_cover_grn, .lineup_petit_item:hover .btn_cover_red {
		transform: scale(1)
}
.lineup_main_item:hover .btn_txt_grn, .lineup_main_item:hover .btn_txt_red {
		background-image: url("../images/lineup_btn_wht_pc.png");
}
.lineup_petit_item:hover .btn_txt_grn, .lineup_petit_item:hover .btn_txt_red {
		background-image: url("../images/lineup_btn_wht_pc.png");
}
.lineup_main_item:hover .lineup_main_item_thumb img, .lineup_petit_item:hover .lineup_main_item_thumb img {
		opacity: 0.7;
}
@media(max-width: 767px) {
		.lineup_main_item:hover .btn_txt_grn, .lineup_main_item:hover .btn_txt_red {
				background-image: url("../images/lineup_btn_wht_sp.png");
		}
		.lineup_petit_item:hover .btn_txt_grn, .lineup_petit_item:hover .btn_txt_red {
				background-image: url("../images/lineup_btn_wht_sp.png");
		}
}
@media(max-width: 767px) {
		.lineup_section {
				padding: 40px 20px;
		}
		.lineup_col::before, .lineup_col::after {
				aspect-ratio: 100 / 7.3;
				height: inherit;
		}
		.lineup_col::before {
				background-image: url("../images/lineup_col_bg1_sp.png");
		}
		.lineup_col::after {
				background-image: url("../images/lineup_col_bg2_sp.png");
		}
		.lineup_col_body {
				padding: 10px 40px;
		}
		.lineup_main_flex {
				display: block;
				max-width: inherit;
				margin: 0 auto;
		}
		.lineup_main_item, .lineup_petit_item {
				width: 100%;
		}
		.lineup_main_item .lineup_main_item_thumb {
				width: 88%;
				margin-left: auto;
				margin-right: auto;
		}
		.lineup_main_item .lineup_grn_btn, .lineup_main_item .lineup_red_btn {
				bottom: 10.5vw;
				right: -10px;
		}
		.lineup_petit_flex .lineup_petit_item .lineup_grn_btn, .lineup_petit_flex .lineup_petit_item .lineup_red_btn {
				bottom: 8vw;
				right: -10px;
		}
}
/* =============== */
.arrange_frame_upper, .arrange_frame_bottom {
		margin: 0 auto;
		max-width: 805px;
		height: 64px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
}
.arrange_frame_upper {
		background-image: url("../images/arrange_frame-1_pc.png")
}
.arrange_frame_bottom {
		background-image: url("../images/arrange_frame-2_pc.png");
		margin-bottom: 50px;
}
.arrange_section {
		background: #cca55d url("../images/arrange_particle_bg.png");
		background: url("../images/arrange_bg_pc.png");
		background-size: 250px;
		min-height: 500px;
		padding: 50px 40px 100px;
}
.arrange_inner {
		max-width: 840px;
		margin: 0 auto;
}
.arrange_hd {
		max-width: 410px;
		margin: 0 auto 34px;
}
.arrange_sb {
		max-width: 550px;
		margin: 0 auto 25px;
}
.btn_recipe {
		max-width: 320px;
		margin: 0 auto 20px;
		background-color: #fff;
		position: relative;
}
@media(max-width: 767px) {
		.btn_recipe {
				max-width: inherit;
				margin-bottom: 20px;
		}
}
.btn_recipe_txt {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
		background-image: url("../images/btn_recipe_pc.png");
		z-index: 5;
}
@media(max-width: 767px) {
		.btn_recipe_txt {
				background-image: url("../images/btn_recipe_sp.png");
		}
}
.btn_recipe img {
		opacity: 0;
}
.btn_recipe a {
		display: block;
		position: relative;
}
.btn_recipe {
		overflow: hidden;
}
.btn_recipe a::before, .btn_recipe a::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: -101%;
		width: 100%;
		height: 100%;
		transform-origin: left center;
		z-index: 1;
		transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
		pointer-events: none;
}
.btn_recipe a::before {
		background-repeat: repeat-y;
		background-position: center 0;
		background-size: 100%;
		background-image: url("../images/btn_recipe_pc_on.png")
}
/* 
.btn_recipe a::after {
		background: #8b1606;
		left: inherit;
		right: 0;
}
*/
.btn_recipe a:hover .btn_recipe_txt {
		background-image: url("../images/btn_recipe_wht_pc.png");
}
.btn_recipe a:hover::before, .btn_recipe a:hover::after {
		left: 0%;
}
@media(max-width: 767px) {
		.btn_recipe a:hover .btn_recipe_txt {
				background-image: url("../images/btn_recipe_sp_wht.png");
		}
		.btn_recipe a::before {
				background-repeat: repeat-y;
				background-position: center 0;
				background-size: 100%;
				background-image: url("../images/btn_recipe_sp_on.png")
		}
}
.btn_park {
		max-width: 320px;
		margin: 0 auto 45px;
		background-color: #fff;
		position: relative;
}
.btn_park_txt {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
		background-image: url("../images/btn_park_pc.png");
		z-index: 5;
}
@media(max-width: 767px) {
		.btn_park_txt {
				background-image: url("../images/btn_park_sp.png");
		}
}
.btn_park img {
		opacity: 0;
}
.btn_park a {
		display: block;
		position: relative;
}
.btn_park a::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transform-origin: left center;
		z-index: 1;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
		transform: scaleX(0);
		pointer-events: none;
}
.btn_park a::before {
		background: #dd0202;
}
.btn_park a:hover .btn_park_txt {
		background-image: url("../images/btn_park_wht_pc.png");
}
.btn_park a:hover::before {
		transform: scaleX(1)
}
@media(max-width: 767px) {
		.btn_park a:hover .btn_park_txt {
				background-image: url("../images/btn_park_wht_sp.png");
		}
}
.hb_hd {
		max-width: 580px;
		margin: 0 auto 25px;
}
.hb_caption {
		max-width: 420px;
		margin: 0 auto 25px;
}
.photo_flex {
		max-width: 704px;
		margin: 0 auto 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
}
.photo_item {
		width: calc(50% - 9px);
		margin-bottom: 18px;
}
@media(max-width: 767px) {
		.arrange_section {
				padding: 40px 20px;
				background: url("../images/arrange_bg_sp.png");
				background-size: 150px;
		}
		.arrange_hd {
				margin: 0 auto 25px;
		}
		.arrange_frame_upper, .arrange_frame_bottom {
				height: auto;
				aspect-ratio: 100 / 11.1;
		}
		.arrange_frame_upper {
				background-image: url("../images/arrange_frame-1_sp.png")
		}
		.arrange_frame_bottom {
				background-image: url("../images/arrange_frame-2_sp.png");
				margin-bottom: 50px;
		}
		.photo_item {
				width: calc(50% - 5px);
				margin-bottom: 10px;
		}
		.btn_park {
				width: 100%;
				margin: 0 auto 30px;
		}
}
/* =================== */
@media(min-width: 768px) {
		.header_trigger, .drawer {
				display: none;
		}
}
.header_trigger {
		position: fixed;
		top: 70px;
		right: 10px;
		width: 60px;
		height: 60px;
		border-radius: 50%;
		background: url("../images/menu_trigger.png") no-repeat 0 0;
		background-size: 60px;
		cursor: pointer;
		z-index: 90;
}
.header_trigger .header_trigger_bar {
		height: 2px;
		width: 26px;
		position: absolute;
		top: 28px;
		left: 17px;
		background: #f5cb5c;
		transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.header_trigger .header_trigger_bar:nth-child(2) {
		top: 35px;
}
.header_trigger .header_trigger_bar:nth-child(3) {
		top: 42px;
}
.header_trigger.navOpen .header_trigger_bar:nth-child(1) {
		transform: translateY(7px) rotate(-150deg);
}
.header_trigger.navOpen .header_trigger_bar:nth-child(2) {
		opacity: 0;
}
.header_trigger.navOpen .header_trigger_bar:nth-child(3) {
		transform: translateY(-7px) rotate(150deg);
}
.drawer {
		position: fixed;
		top: 60px;
		left: 0;
		width: 100%;
		height: 100vh;
		background: #001300;
		z-index: 85;
		display: none;
}
.drawer_inner {
		padding: 12vh 40px 0;
		height: calc(100vh - 90px);
		box-sizing: border-box;
		display: flex;
		justify-content: center;
}
.drawer_inner ul {
		max-width: 220px;
}
.drawer_inner li {
		text-align: center;
		list-style: none;
		margin: 6vh 0;
}
.drawer_inner li.dr-1 img {
		width: 57px;
		height: auto;
}
.drawer_inner li.dr-2 img {
		width: 145px;
		height: auto;
}
.drawer_inner li.dr-3 img {
		width: 145px;
		height: auto;
}
.drawer_inner li.dr-4 img {
		width: 181px;
		height: auto;
}
.drawer_inner li.dr-5 img {
		width: 220px;
		height: auto;
}
.drawer_inner li.dr-6 img {
		width: 195px;
		height: auto;
}
.drawer_inner li a {
		display: flex;
		justify-content: center;
}
/* =================== */
.hdr_pagenav {
		background: #001300;
		height: 48px;
		width: 100%;
		position: fixed;
		top: 130px;
		left: 0;
		display: flex;
		justify-content: center;
		z-index: 20;
}
.hdr_pagenav ul {
		display: flex;
		justify-content: center;
}
.hdr_pagenav li {
		list-style: none;
		margin: 0 27px;
}
.hdr_pagenav li span, .drawer_inner li span {
		display: inline-block;
		position: relative;
}
.hdr_pagenav li span::before, .hdr_pagenav li span::after, .drawer_inner li span::after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background: #f3c95c;
		transform-origin: left center;
		transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
		transform: scaleX(0);
}
.hdr_pagenav li span::after {
		transform: scaleX(1);
		transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1);
		opacity: 0;
}
.drawer_inner li span::after {
		bottom: -9px;
		height: 1px;
}
@media (hover: hover) {
		.hdr_pagenav li a:hover span::before {
				transform: scaleX(1);
		}
}
.hdr_pagenav li a.current span::before {
		transform: scaleX(1);
}
.hdr_pagenav li a.current span::after {
		opacity: 1;
}
.drawer_inner li a.current span::after {
		transform: scaleX(1);
}
.gnav1 {
		width: 49px;
}
.gnav2 {
		width: 116px;
}
.gnav3 {
		width: 116px;
}
.gnav4 {
		width: 145px;
}
.gnav5 {
		width: 176px;
}
.anchor {
		margin-top: -40px;
		padding-top: 40px;
		position: relative;
		z-index: -1;
		pointer-events: none;
}
@media(max-width: 767px) {
		.hdr_pagenav {
				display: none;
		}
		.anchor {
				margin-top: 0;
				padding-top: 0;
		}
}
/* =================== */
.fadeInNml {
		opacity: 0;
		transition: opacity 0.5s linear;
}
.fadeInNmlActive {
		opacity: 1;
}
.mgnb00 {
margin-bottom: 0!important;
}
/* =================== */
.footer-sns__list__item img {
		width: 40px;
		height: 40px;
}