/* -------------------------------------------------------------
common
-------------------------------------------------------------- */
#onetrust-consent-sdk #onetrust-banner-sdk {
    background-color: rgba(255, 255, 255, .8) !important;
}
body {
	margin:0;
	padding:0;
}
html, body {
	overflow-x: hidden;
}
html {
	scroll-behavior: smooth;
  }
html.is-opening,
body.is-opening {
  	overflow: hidden;
}
.wrapper {
	font-family: 'Noto Sans JP', sans-serif;
}
img * {
	max-width:100%;
}
h2 {
	text-align: center;
}
.shoplist_wrap {
	padding-top: 2%;
}
@media only screen and (max-width: 599px) {
	.sp_only {
		display: block;
	}
	.tablet_only {
		display: none;
	}
	.pc_only {
		display: none;
	}
	.pc_tablet_only {
		display:none;
	}
	.sp_tablet_only {
		display:block;
	}
	.ie_only {
		display: none;
	}
}
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	.sp_only {
		display: none;
	}
	.tablet_only {
		display: block;
	}
	.pc_only {
		display: none;
	}
	.pc_tablet_only {
		display:block;
	}
	.sp_tablet_only {
		display:block;
	}
	.ie_only {
		display: none;
	}
}
@media only screen and (min-width: 1025px) {
	.sp_only {
		display: none;
	}
	.tablet_only {
		display: none;
	}
	.pc_only {
		display: block;
	}
	.pc_tablet_only {
		display:block;
	}
	.sp_tablet_only {
		display:none;
	}
	.ie_only {
		display: none;
	}
}
@keyframes bgchange{
      0%   {background:#ffe6e1;}
      25%  {background:#fdcb9e;}
      50%  {background:#fdcbc1;}
      75%  {background:#ffff8c;}
      90%  {background:#b2dffb;}
      100% {background:#ffe6e1;}
 }

/* -------------------------------------------------------------
- header
---------------------------------------------------- */
.header{
	display: none !important;
}
.header_obi{
	display: none !important;
}
.breadcrumbs{
	display: none !important;
}
#pagetop{
	display: none !important;
}
.f_menu {
	width: 100vw;
	position: fixed;
	top: 0px;
	left: 0px;
	padding: 35px 50px 10px;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	z-index: 200;
	transition: background 0.5s ease; 
}
.f_menu.scrolled {
	background: rgba(255, 255, 255, 0.9);
}
.f_menu .c_logo {
	position: fixed;
    top: 25px;
    left: 50px;
    max-width: 210px;
    z-index: 10;
    transition: filter 1s ease;
    filter: invert(1) drop-shadow(2px 2px 0px white);
}
.f_menu.scrolled .c_logo {
	filter: invert(0.5);
}
.f_menu ul {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.f_menu li {
	padding: 0 1em;
}
.f_menu li a {
	font-size: 16px !important;
    letter-spacing: 1px;
    color: #222;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    filter: drop-shadow(2px 2px 0px white);
    transition: color 1s ease;
}
.f_menu.scrolled li a {
	color: #222;
}
.f_lead {
	position: absolute;
    bottom: 160px;
    left: 50%;
    transform: translateX(-50%);
    text-orientation: mixed;
    font-size: 16px !important;
    color: #417bba;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    letter-spacing: 2px;
    z-index: 10;
    transition: color 1s ease;
}
.f_menu.scrolled + .f_lead {
	color: #222;
}
/* 疑似要素のスタイル */
.f_lead::after {
	position: absolute;
    content: "";
    bottom: -100px;
    left: 50%;
    transform: translateX(-50%);
    height: 50px;
    width: 2px;
    background: #417bba;
    transition: background 1s ease;
    animation: scroll 3s infinite;
    -webkit-animation: scroll 5s infinite;
}

@keyframes scroll {
	0%   { opacity: 0; transform: translateY(-100%); }
	/*25%  { opacity: 1; transform: translateY(0); }*/
	45%  { opacity: 1; transform: translateY(0); }
	/*75%  { opacity: .5; transform: translateY(100%); }*/
	100% { opacity: 0; transform: translateY(100%); }
}

@-webkit-keyframes scroll {
	0%   { opacity: 0; transform: translateY(-100%); }
	/*25%  { opacity: 1; transform: translateY(0); }*/
	45%  { opacity: 1; transform: translateY(0); }
	/*75%  { opacity: .5; transform: translateY(100%); }*/
	100% { opacity: 0; transform: translateY(100%); }
}

@media screen and (min-width: 600px) and (max-width: 1024px){
	.f_menu {
		padding: 35px 20px 10px;
	}
	.f_menu .c_logo {
		left: 30px;
	}
}
@media only screen and (max-width: 599px) {
	.f_menu {
		padding: 20px 20px 10px;
	}
	.f_menu .c_logo {
		top: 20px;
		left: 20px;
		filter: invert(1);
	}
	/*.f_menu ul {
		display: none;
	}*/
}
@media screen and (max-width: 599px){
	.sp_header{
		width: 100%;
		height: 50px;
		position: fixed;
		background: none;
		z-index: 990;
		transition: background 0.5s ease; 
	}
	.h_logo{
		display: block;
		width: 160px;
		position: fixed;
		top: 15px;
		left: 10px;
		z-index: 998;
		filter: invert(1) drop-shadow(2px 2px 0px white);
	}
	.h_logo img{
		width: 100%;
	}
	.menuButton {
		display: block;
		height: 50px;
		width: 50px;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 998;
	}
	.menuButton div {
		height: 1px;
		width: 30px;
		background: #222;
		position: absolute;
		top: 50%;
		right: 20%;
		transform: translate(-50%, -50%);
		transition: ease-out .3s;
		filter: drop-shadow(2px 2px 0px white);
	}
	.menuButton div:nth-of-type(1) {
		transform: translate(-0%,-10px);
	}
	.menuButton div:nth-of-type(2) {
		transform: translate(-0%,0);
	}
	.menuButton div:nth-of-type(3) {
		transform: translate(-0%,10px);
	}
	.menuButton.active {
		background: #e71a0f;
	}
	.menuButton.active div:nth-of-type(1) {
		transform: rotate(45deg) translate(-5px, -10px);
		transform-origin: 0% 50%;
		background: #fff;
	}
	.menuButton.active div:nth-of-type(2) {
		opacity: 0;
		transition: translate(-50%, -50%);
	}
	.menuButton.active div:nth-of-type(3) {
		transform: rotate(-45deg) translate(-5px, 10px);
		transform-origin: 0% 50%;
		background: #fff;
	}
	nav {
		opacity: 0;
		visibility: hidden;
		transition: .8s;
		position: fixed;
		top: 0;
		width: 100%;
		height: 100vh;
		font-size: 20px;
		z-index: 900;
	}
	nav ul {
		width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        background: rgba(255, 255, 255, .9);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: fixed;
	}
	nav ul li a {
		display: block;
		height: 50px;
		line-height: 50px;
		padding: 0 20px;
		color: #222;
		text-decoration: none;
		letter-spacing: 1px;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: bold;
		transition: .5s;
	}
	nav ul li a:hover{
		background: #fff;
		color: #333;
	}
	nav.active {
		opacity: 0.9;
		visibility: visible;
		right: 0;
	}
	.sp_header.scrolled {
		background: rgba(255, 255, 255, .9);
	}
	.sp_header.scrolled .h_logo {
		filter: invert(0.7);
	}
	/* scrolledクラスが付与された場合に疑似要素の背景色を変更 */
	.sp_header.scrolled .menuButton div{
		background: #222;
	}
	.sp_header.scrolled .menuButton.active div:nth-of-type(1) ,
	.sp_header.scrolled .menuButton.active div:nth-of-type(3) {
		background: #fff;
	}
	.f_lead {
		/*position: absolute;
		bottom: 120px;
		right: 1em;
		font-size: 14px !important;
		font-weight: 200;*/
		display: none;
	}
	.f_lead::after {
		right: 12px;
	}
	.header_menu{
		height: 0;
	}
}

/* -------------------------------------------------------------
- opening
-------------------------------------------------- */
:root {
	--opening-duration: 2s;
	--opening-fade: .6s;
}

body::after {
	content: "";
	height: 100vh;
	position: fixed;
	inset: 0;
	z-index: 9999;

	/* 背景 */
	background-color: #fff;
	background-image: url("/fair/newlife2026/images/logo.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: min(60vw, 320px);

	/* 表示制御 */
	opacity: 1;
	pointer-events: none;

	/* フィルター初期値 */
	filter: hue-rotate(0deg);

	animation:
		openingHold var(--opening-duration) ease forwards,
		rainbowHue 2s linear infinite,
		openingFade var(--opening-fade) ease forwards var(--opening-duration);
}

/* 表示保持 */
@keyframes openingHold {
	from { opacity: 1; }
	to   { opacity: 1; }
}

/* 虹色変化 */
@keyframes rainbowHue {
	from { filter: hue-rotate(0deg); }
	to   { filter: hue-rotate(360deg); }
}

/* フェードアウト */
@keyframes openingFade {
	from { opacity: 1; }
	to {
		opacity: 0;
		visibility: hidden;
	}
}

/* オープニングスキップ時 */
/*body.is-opening-skip::after {
	animation: none;
	opacity: 0;
	visibility: hidden;
  }*/
  

/* -------------------------------------------------------------
-固定CTA
--------------------------------------------------- */
.campaign_benefit {
	position: fixed;
    bottom: 4%;
    right: 3%;
    width: 530px;
    padding: 8px 15px 8px 5px;
    z-index: 350;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    transform: translateY(20px);
    transition: all 0.6s ease;
    z-index: 1000;
    border: 3px solid #f4b6a6;
    border-radius: 10px;
    filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, .3));
}
/* 出現後の状態 */
.campaign_benefit.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.campaign_benefit p {
	width: 60%;
    font-size: 16px !important;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
    font-family: 'Noto Sans JP';
    color: #e95731;
}
.campaign_benefit .main_reserve {
	width: 40%;
    padding: 0;
    background: #f0613c;
    border: 1px solid #f4b6a6;
    border-radius: 10px;
    overflow: hidden;
}
.campaign_benefit .main_reserve a {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 10px;
	line-height: 1.4;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
}
.campaign_benefit .main_reserve a::before {
	position: absolute;
	content: '';
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 45%, rgba(255, 255, 255, 0) 100%);
	transform: skewX(-45deg);
	animation: nyainy-btn 3.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite;
}
@keyframes nyainy-btn {
	0% {
		left: -100%;
	}
	25% {
		left: 100%;
	}
	100% {
		left: 100%;
	}
}
@media only screen and (max-width: 599px) {
	.campaign_benefit {
		bottom: 20px;
		right: 10px;
		width: 300px;
		padding: 5px 10px;
		flex-direction: column;
	}
	.campaign_benefit p {
		width: 100%;
		font-size: 12px !important;
		text-align: center;
		padding-bottom: 5px;
	}
	.campaign_benefit .main_reserve {
		width: 100%;
	}
	.campaign_benefit .main_reserve a {
		padding: 5px;
		font-size: 14px;
		line-height: 1.4;
	}
}

/* -------------------------------------------------------------
mainVisual 
---------------------------------------------------- */
.mainVisual_wrap{
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}
.mainVisual {
	position: relative;
    width: 96vw;
    height: 94vh;
    margin: 0 auto 0;
    background: url(/fair/newlife2026/images/bg_yellow.jpg) center / cover no-repeat;
    background-repeat: repeat;
    background-size: 60px;
    border-radius: 25px;
}
.mainVisual {
	opacity: 1;
	transform: none;
}
.mainVisual__bg{
	width: 100vw;
	overflow: hidden;
}
.mainVisual__bg img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100vh;
}
.mainVisual__title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
	max-width: 770px;
	margin: 0 auto;
	padding: 10px;
	overflow: hidden;
	z-index: 50;
}
.mainVisual__title img {
	transform: translateY(103%);
	opacity: 0;
	animation: title_move 1.2s ease-in-out 2.2s forwards;
}
@keyframes title_move{
	0%{
		transform: translateY(103%);
		opacity: 0;
	}
	100%{
		transform: translateY(0);
		opacity: 1;
	}
}
.mainVisual {
	margin: 0 auto 0;
}
/*******************************/
.mainVisual .objectA {
	position: absolute;
    bottom: 3%;
    left: -1%;
    width: 22%;
    max-width: 400px;
    overflow: hidden;
	filter: drop-shadow(13px -6px 0px rgba(0, 0, 0, .1));
}
.mainVisual .objectA img {
  transform: translateY(10%);
  opacity: 0;
  animation: object_moveA 2.2s ease-in-out 2.2s forwards;
  animation-delay: 2s;
  border-radius: 60px;
}
@keyframes object_moveA{
	0% {
		transform: rotateY(360deg);
		opacity: 0;
	}
	100% {
		transform: rotateY(0deg);
		opacity: 1;
	}
}
/*******************************/
.mainVisual .objectB {
	position: absolute;
    bottom: -4%;
    left: 20%;
    width: 13%;
    max-width: 220px;
    overflow: hidden;
	filter: drop-shadow(7px -12px 0px rgba(0, 0, 0, .1));
}
.mainVisual .objectB img {
	transform: translateY(10%);
	opacity: 0;
	animation: object_moveB 2.2s ease-in-out 2.2s forwards;
	animation-delay: 2.15s;
	border-radius: 60px;
}
@keyframes object_moveB{
	0% {
		transform: rotateY(360deg);
		opacity: 0;
	}
	100% {
		transform: rotateY(0deg);
		opacity: 1;
	}
}
/*******************************/
.mainVisual .objectC {
	position: absolute;
    bottom: -3%;
    right: 23%;
    width: 19%;
    max-width: 300px;
    overflow: hidden;
    z-index: 10;
	filter: drop-shadow(-9px -9px 0px rgba(0, 0, 0, .1));
}
.mainVisual .objectC img {
	transform: translateY(10%);
	opacity: 0;
	animation: object_moveC 2.2s ease-in-out 2.2s forwards;
	animation-delay: 2.30s;
}
@keyframes object_moveC{
	0% {
		transform: rotateY(360deg);
		opacity: 0;
	}
	100% {
		transform: rotateY(0deg);
		opacity: 1;
	}
}
/*******************************/
.mainVisual .objectD {
	position: absolute;
    bottom: 10%;
    right: 3%;
    width: 25%;
    max-width: 440px;
    overflow: hidden;
	filter: drop-shadow(-13px -6px 0px rgba(0, 0, 0, .1));
}
.mainVisual .objectD img {
	transform: translateY(10%);
	opacity: 0;
	animation: object_moveD 2.2s ease-in-out 2.2s forwards;
	animation-delay: 2.45s;
	border-radius: 60px;
}
@keyframes object_moveD{
	0% {
		transform: rotateY(360deg);
		opacity: 0;
	}
	100% {
		transform: rotateY(0deg);
		opacity: 1;
	}
}
/*******************************/
.mainVisual .objectE {
	position: absolute;
    top: -8%;
    right: 20%;
    width: 14%;
    max-width: 200px;
    overflow: hidden;
    z-index: 5;
	filter: drop-shadow(-7px 14px 0px rgba(0, 0, 0, .1));
}
.mainVisual .objectE img {
	transform: translateY(10%);
	opacity: 0;
	animation: object_moveE 2.2s ease-in-out 2.2s forwards;
	animation-delay: 2.60s;
	border-radius: 60px;
}
@keyframes object_moveE{
	0% {
		transform: rotateY(360deg);
		opacity: 0;
	}
	100% {
		transform: rotateY(0deg);
		opacity: 1;
	}
}
/*******************************/
.mainVisual .objectF {
	position: absolute;
    top: -1%;
    right: 0%;
    width: 24%;
    max-width: 430px;
    overflow: hidden;
	filter: drop-shadow(-10px 10px 0px rgba(0, 0, 0, .1));
}
.mainVisual .objectF img {
	transform: translateY(10%);
	opacity: 0;
	animation: object_moveF 2.2s ease-in-out 2.2s forwards;
	animation-delay: 2.75s;
}
@keyframes object_moveF{
	0% {
		transform: rotateY(360deg);
		opacity: 0;
	}
	100% {
		transform: rotateY(0deg);
		opacity: 1;
	}
}
/*******************************/
.mainVisual .objectG {
	position: absolute;
    top: -12%;
    left: 7%;
    width: 25%;
    max-width: 450px;
    overflow: hidden;
	filter: drop-shadow(6px 10px 0px rgba(0, 0, 0, .1));
}
.mainVisual .objectG img {
	transform: translateY(10%);
	opacity: 0;
	animation: object_moveG 2.2s ease-in-out 2.2s forwards;
	animation-delay: 2.90s;
	border-radius: 60px;
}
@keyframes object_moveG{
	0% {
		transform: rotateY(360deg);
		opacity: 0;
	}
	100% {
		transform: rotateY(0deg);
		opacity: 1;
	}
}

@media only screen and (max-width:599px) {
	.mainVisual {
	    position: relative;
	    width: 95%;
	    height: 95vh;
	    margin: 0 auto 0;
	}
	.mainVisual__bg img {
	    object-fit: cover;
	    object-position: center;
	    width: 100%;
	    height: 100vh;
	}
	.mainVisual__title {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width: 93%;
	    max-width: 820px;
	    margin: 0 auto;
		overflow: hidden;
	}
	.mainVisual__title img {
		width: 100%;
		transform: translateY(103%);
		opacity: 0;
		/*filter: drop-shadow(12px 8px 6px rgba(0,0,0,.35));*/
	}
	.mainVisual.is-show .mainVisual__title img {
		animation:
			title_move_sp 1.2s ease-in-out 0.2s forwards,
			shadow_swing 6s ease-in-out 1.6s infinite;
	}
	@keyframes title_move_sp{
		0%{
			transform: translateY(103%);
			opacity: 0;
		}
		100%{
			transform: translateY(0);
			opacity: 1;
		}
	}
	.mainVisual .left {
		position:absolute;
		bottom: -1%;
		left:0;
		width: 75%;
		z-index:2;
		filter: contrast(1.15) brightness(0.92)drop-shadow(2px 4px 6px rgba(0, 0, 0, .6));
		overflow: hidden;
	}
	.mainVisual .right {
		position:absolute;
		bottom: -1%;
		right:0%;
		width: 80%;
		filter: contrast(1.15) brightness(0.92)drop-shadow(2px 4px 6px rgba(0, 0, 0, .6));
		overflow: hidden;
	}
	.mainVisual .left img,
	.mainVisual .right img {
		width: 100%;
		animation: object_move_sp 2.2s ease-in-out 2.2s forwards;
	}
	@keyframes object_move_sp{
		0%{
			transform: translateY(10%);
			opacity: 0;
		}
		100%{
			transform: translateY(0);
			opacity: 1;
		}
	}
	.mainVisual .objectA {
		bottom: 10%;
		left: -4%;
		width: 40%;
		filter: drop-shadow(3px -3px 0px rgba(0, 0, 0, .1));
	}
	.mainVisual .objectB {
		bottom: 7%;
		left: 31%;
		width: 24%;
		filter: drop-shadow(3px -4px 0px rgba(0, 0, 0, .1));
	}
	.mainVisual .objectC {
		bottom: 26%;
		right: -5%;
		width: 23%;
		filter: drop-shadow(-4px -3px 0px rgba(0, 0, 0, .1));
	}
	.mainVisual .objectD {
		bottom: 17%;
		right: -5%;
		width: 46%;
		filter: drop-shadow(-3px -2px 0px rgba(0, 0, 0, .1));
	}
	.mainVisual .objectE {
		top: 15%;
		right: 16%;
		width: 16%;
		filter: drop-shadow(-3px 4px 0px rgba(0, 0, 0, .1));
	}
	.mainVisual .objectF {
		top: 5%;
		right: -7%;
		width: 36%;
		filter: drop-shadow(-3px 4px 0px rgba(0, 0, 0, .1));
	}
	.mainVisual .objectG {
		top: 7%;
		left: -8%;
		width: 58%;
		filter: drop-shadow(3px 2px 0px rgba(0, 0, 0, .1));
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.mainVisual__title {
		width: 70%;
		max-width: initial;
	}
	.mainVisual .left {
		width: 60%;
	}
	.mainVisual .right {
		width: 60%;
	}
	.mainVisual .objectA {
		bottom: 3%;
		left: -1%;
		width: 32%;
	}
	.mainVisual .objectB {
		bottom: -4%;
		left: 20%;
		width: 21%;
	}
	.mainVisual .objectC {
		bottom: 2%;
		right: 15%;
		width: 27%;
	}
	.mainVisual .objectD {
		bottom: 13%;
		right: -1%;
		width: 35%;
	}
	.mainVisual .objectE {
		top: 13%;
		right: 20%;
		width: 16%;
	}
	.mainVisual .objectF {
		top: 4%;
		right: -2%;
		width: 30%;
	}
	.mainVisual .objectG {
		top: 4%;
		left: -1%;
		width: 39%;
	}
}



/* -------------------------------------------------------------
特典
----------------------------------*/
.benefit_container{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.benefit_container > img{
	width: 100%;
	max-width: 820px;
	padding: 5% 0;
}
.benefit_container ul{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.benefit_container ul:first-of-type{
	background: #ffed5a;
}
.benefit_container ul:last-of-type{
	background: #417bbc;
}
.benefit_container ul li{
	position: relative;
	width: 26vw;
	max-width: 460px;
	padding: 2%;
}
.benefit_container ul li img{
	width: 100%;
}
.benefit_container ul li .benefit_pop{
	position: absolute;
    top: -7%;
    left: -2%;
    width: 6vw;
    max-width: 110px;
}
.benefit_container .b_note{
	width: 100%;
	padding: 2% 5% 6%;
	background: #417bbc;
}
.benefit_container .b_note p{
	width: 100%;
	max-width: 1500px;
	font-size: 12px;
	color: #fff;
	text-align: right;
}
@media only screen and (max-width:599px) {
	.benefit_container > img{
		padding: 10% 7%;
	}
	.benefit_container ul {
		flex-direction: column;
	}
	.benefit_container ul li {
		width: 100%;
		max-width: initial;
	}
	.benefit_container ul li img{
		width: 82%;
		padding: 3% 0 0;
	}
	.benefit_container ul li .benefit_pop {
		top: -10%;
		left: 1%;
		width: 80px;
		max-width: initial;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.benefit_container > img {
		max-width: 620px;
		padding: 7% 0;
	}
	.benefit_container ul li{
		width: 32vw;
	}
}

/* -------------------------------------------------------------
CVエリア
----------------------------------*/
.shop_info{
	position: relative;
    width: 100%;
    height: 560px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    /* border-bottom: 30px solid #417bbc; */
    z-index: 100;
}
.shop_info::before{
	content: "";
	position: absolute;
	inset: 0;
	background: url(/fair/newlife2026/images/bg_reserve.webp) center / cover no-repeat;
	opacity: 0.3;
	z-index: -1;
}
.shop_info .info_wrap{
	position: relative;
	width: 100%;
	height: 100%;
	max-width: 1420px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 1.5s ease-in-out;
	transform: translateY(80px);
	opacity: 0;
}
.shop_info .info_wrap.show{
	transform: translateY(0);
	opacity: 1;
}
.shop_info .info_wrap> img{
	position: absolute;
    width: 20%;
    max-width: 260px;
    right: 8vw;
    bottom: 0;
    border: 0;
    z-index: 0;
}
.shop_info .info_wrap > ul{
	width: auto;
	/*margin-right: 5vw;*/
	padding: 3% 0%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	z-index: 100;
}
.shop_info .info_wrap > ul > li:first-of-type{
	width: auto;
}
.shop_info .info_wrap > ul > li h3{
	font-size: 48px;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
    line-height: 1.5;
	filter: drop-shadow(5px 5px 0px white);
}
.shop_info .info_wrap > ul > li > p{
	padding: 3% 0;
    font-size: 24px;
    line-height: 1.8;
    font-weight: 800;
    color: #222;
    letter-spacing: 1px;
}
.shop_info .info_wrap > ul > li > p span{
	background: linear-gradient(transparent 50%, #fff14f 50%);
}
.shop_info .info_wrap > ul > li h3 .circle{
	background: #fff14f;
    color: #406ac7;
    border-radius: 50%;
    display: inline-block;
    padding: 7px 15px;
    font-size: 42px;
    line-height: 1.5;
}
.shop_info .info_wrap > ul > li h3 .small{
	font-size: 0.6em;
}
.shop_info .info_wrap > ul > li > ul{
	width: 100%;
	padding: 3% 0;
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	align-items: center;
}
.shop_info .info_wrap > ul > li > ul > li{
	width: 30%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.shop_info .info_wrap > ul > li > ul > li:first-of-type{
	width: 390px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.shop_info .info_wrap > ul > li > ul > li:first-of-type > p{
	width: 100%;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    text-align: center;
    padding: 2% 5%;
    border-top: 1px solid;
    border-bottom: 1px solid;
}
.shop_info .info_wrap > ul > li > ul > li:first-of-type .c_service{
	width: 100%;
    margin-top: 12px;
    padding: 12px 14px;
    background: #b5a00b;
    border: 3px solid #dad085;
    color: #fff;
    border-radius: 10px;
    filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, .3));
}
.shop_info .info_wrap > ul > li > ul > li:first-of-type .c_service a{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}
.shop_info .info_wrap > ul > li > ul > li:first-of-type .c_service img{
	max-width: 32px;
    margin-left: 4%;
    filter: invert(1) brightness(2);
}
.shop_info .info_wrap > ul > li > ul > li:first-of-type > .c_service .c_service_txt{
	width: 100%;
}
.shop_info .info_wrap > ul > li > ul > li:first-of-type > .c_service .c_service_txt a{
	width: 100%;
}
.shop_info .info_wrap > ul > li > ul > li:first-of-type .shop_note{
	font-size: 14px;
	border-top: none;
	border-bottom: none;
	line-height: 1.5;
	text-align: center;
}
.shop_info .info_wrap > ul > li > ul > li:first-of-type .shop_note span{
	display: inline-block;
}
.shop_info .info_wrap > ul > li > ul > li:first-of-type > .c_service a > p{
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0;
	text-align: center;
}
.shop_info .info_wrap > ul > li > ul > li:first-of-type > .c_service a > p span{
	font-size: 0.8em;
}
.shop_info .info_wrap > ul > li > ul > li:not(:first-of-type){
	position: relative;
    width: auto;
    min-width: 170px;
    height: 130px;
    margin: 0 1%;
    padding: 0% 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    background: #f0613c;
    border: 3px solid #f4b6a6;
    border-radius: 20px;
    font-size: 16px;
    filter: drop-shadow(6px 6px 0px rgba(0, 0, 0, .3));
    transition: 0.3s ease-in-out;
}
.shop_info .info_wrap > ul > li > ul > li:not(:first-of-type):hover{
	opacity: 0.7;
}
.shop_info .info_wrap > ul > li > ul > li:nth-of-type(2){
	/*width: 310px;*/
	width: 460px;
	margin-right: 3%;
}
.shop_info .info_wrap > ul > li > ul > li:nth-of-type(3){
	width: 210px;
	display: none;
}
.shop_info .info_wrap > ul > li > ul > li:not(:first-of-type) > a > p{
	font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
}
.shop_info .info_wrap > ul > li > ul > li:not(:first-of-type) > a > p::after{
	content: "";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 16%;
	width: 30px;
	height: 30px;
	background: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/12/09111722/arrow-1.png);
	background-size: 30px;
}
@media only screen and (max-width: 599px) {
	.shop_info {
		padding: 5% 0;
        height: 100%;
        overflow: hidden;
	}
	.shop_info .info_wrap > ul {
		margin-right: initial;
		align-items: center;
	}
	.shop_info .info_wrap > ul > li:last-of-type{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.shop_info .info_wrap > ul > li h3 {
		padding: 7% 0 5%;
        font-size: 26px;
        text-align: center;
        line-height: 0.4;
	}
	.shop_info .info_wrap > ul > li h3 .circle {
		font-size: 34px;
	}
	.shop_info .info_wrap > ul > li > p{
		font-size: 16px;
	}
	.shop_info .info_wrap > ul > li > ul{
		width: 100%;
		padding: 3% 0 15%;
		flex-direction: column-reverse;
	}
	.shop_info .info_wrap > ul > li > ul > li {
		padding: 8% 0 0;
		width: 90% !important;
	}
	.shop_info .info_wrap > ul > li > ul > li:first-of-type > p {
		font-size: 13px;
		line-height: 1.3;
		padding: 2% 0;
	}
	.shop_info .info_wrap > ul > li > ul > li:first-of-type > .c_service a > p {
		font-size: 16px;
		line-height: 1.2;
		padding: 5px 0 10px;
	}
	.shop_info .info_wrap > ul > li > ul > li:nth-of-type(2) {
		width: 90%;
	}
	.shop_info .info_wrap > ul > li > ul > li:not(:first-of-type) {
		margin: 3% 0 5%;
		height: 100px;
		width: 90% !important;
	}
	.shop_info .info_wrap > ul > li > ul > li:not(:first-of-type) > a {
		width: 100%;
	}
	.shop_info .info_wrap > ul > li > ul > li:not(:first-of-type) > a > p {
		padding-right: 12%;
		font-size: 16px;
		list-style: 1.5;
	}
	.shop_info .info_wrap > ul > li > ul > li:not(:first-of-type) > a > p::after{
		right: 7%;
	}
	.shop_info .info_wrap > ul > li > ul > li:first-of-type .shop_note {
		font-size: 13px;
		letter-spacing: 0;
	}
	.shop_info .info_wrap> img {
		width: 44%;
		right: -10vw;
	}
}
@media only screen and (min-width: 750px) and (max-width: 1024px) {
	.shop_info .info_wrap > ul {
		width: 100%;
		margin-right: initial;
		padding: 3%;
		align-items: center;
	}
	.shop_info .info_wrap > ul > li > ul > li:nth-of-type(2) {
		width: 300px;
	}
	.shop_info .info_wrap> img {
		width: 28%;
		right: 0;
	}
}


/* -------------------------------------------------------------
リードエリア
----------------------------------*/
.lead{
	width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5% 0;
}
.text-rotate {
	display: flex;
	gap: 8px;
	perspective: 1200px;
}

.text-rotate img {
	opacity: 0;
	transform: rotateY(360deg);
	transform-style: preserve-3d;
	backface-visibility: hidden;
}
.text-rotate.show img {
	animation: rotateIn 1s ease-out forwards;
	height: 15vh;
    max-height: 170px;
	filter: invert(0.4);
}

/* 左から順番に */
.text-rotate.show img:nth-child(1)  { animation-delay: 0s; }
.text-rotate.show img:nth-child(2)  { animation-delay: 0.15s; }
.text-rotate.show img:nth-child(3)  { animation-delay: 0.30s; }
.text-rotate.show img:nth-child(4)  { animation-delay: 0.45s; }
.text-rotate.show img:nth-child(5)  { animation-delay: 0.60s; }
.text-rotate.show img:nth-child(6)  { animation-delay: 0.75s; }
.text-rotate.show img:nth-child(7)  { animation-delay: 0.90s; }
.text-rotate.show img:nth-child(8)  { animation-delay: 1.05s; }
.text-rotate.show img:nth-child(9)  { animation-delay: 1.20s; }
.text-rotate.show img:nth-child(10) { animation-delay: 1.35s; }

@keyframes rotateIn {
	0% {
		transform: rotateY(360deg);
		opacity: 0;
	}
	100% {
		transform: rotateY(0deg);
		opacity: 1;
	}
}

.lead > p{
	padding: 2% 0 0;
    font-size: 28px;
    color: #555;
}




/* -------------------------------------------------------------
コンテンツ
----------------------------------*/
.tips_container{
	position: relative;
	width: 100%;
	background: url(/fair/newlife2026/images/bg_blue.jpg);
	background-size: 4%;
	padding: 3% 3% 0; 
}
.tips_container::after {
	content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-top: 90px solid #eae9dc;
}
.tips_container ul{
	width: 100%;
	max-width: 1420px;
	margin: 0 auto;
	padding: 0 0 5%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.tips_container ul li{
	width: 100%;
	color: #fff;
}
.tips_container ul li:first-child{
	max-width: 980px;
	margin: 0 auto;
	padding: 7em 0;
}
.tips_container ul li:last-child{
	position: relative;
	width: 100%;
}
.tips_container ul li h2{
	padding: 0 0 .8em;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	opacity: 0;
	transform: translateY(20px);
	transition: 1.5s;
}
.tips_container ul li.show h2{
	opacity: 1;
	transform: none;
}
.tips_container ul li p{
	padding: 0 0 1em;
	text-align: left;
}
.tips_container ul li p:nth-of-type(1){
	font-size: 18px; 
}
.tips_container ul li p:nth-of-type(2){
	font-size: 14px; 
}
.tips_container ul li p:nth-of-type(3){
	font-size: 12px;
	text-align: right;
	padding-top: 1em;
}
.tips_container ul li:first-child > img{
	width: 100%;
	max-width: 980px;
	height: 100%;
	padding: 3%;
	object-fit: cover;
	object-position: bottom;
}
.tips_container ul li:last-child > img{
	position: relative;
	width: 100%;
	object-fit: cover;
	object-position: bottom;
}
.tips_container ul li div > img{
	width: 600px;
    width: min(36vw, 600px);
    filter: drop-shadow(2px 5px 0px rgba(0, 0, 0, .2));
}
.tips_container ul li div a > img{
	width: 420px;
	width: min(26vw, 420px);
	filter: drop-shadow(10px 10px 0px rgba(0, 0, 0, .5));
}
/*.tips_container ul li div > img::before{
	content: '';
	width: 100%;
	background: repeating-linear-gradient( 45deg, rgba(255,255,255,0), rgba(255,255,255,0) 3px, #222 4px, #222 9px );
	display: block;
	position: absolute;
	right: -4px;
	bottom: -8px;
	top: 20%;
	transition: all 200ms ease;
}*/
/*------------------POPの位置調整---------------------*/
.tips_container ul li .tips_image01{
	position: absolute;
	top: 8%;
	left: -3%;
	opacity: 0;
	transform: translateY(20px);
	transition: 1.5s;
	z-index: 10;
}
.tips_container ul li .tips_image02{
	position: absolute;
	bottom: 9%;
	right: 10%;
	opacity: 0;
	transform: translateY(20px);
	transition: 1.5s;
	transition-delay: .5s;
	z-index: 20;
}
.tips_container ul li .tips_image03{
	position: absolute;
	bottom: -3%;
	left: 20%;
	opacity: 0;
	transform: translateY(20px);
	transition: 1.5s;
	transition-delay: 1s;
	z-index: 15;
}
.tips_container ul li .tips_image04{
	position: absolute;
    top: -16%;
    right: -3%;
    opacity: 0;
    transform: translateY(20px);
    transition: 1.5s;
}
.tips_container ul li .tips_image01.show,
.tips_container ul li .tips_image02.show,
.tips_container ul li .tips_image03.show,
.tips_container ul li .tips_image04.show,
.tips_container ul li .tips_image05.show{
	opacity: 1;
	transform: none;
}
@media only screen and (max-width: 599px) {
	.tips_container::after {
		border-left: 40px solid transparent;
		border-right: 40px solid transparent;
		border-top: 50px solid #eae9dc;
	}
	.tips_container ul li:first-child > img{
		padding: 3% 5%;
	}
	.tips_container ul li:last-child > img{
		z-index: 5;
	}
}
@media only screen and (min-width: 750px) and (max-width: 1024px) {
	.tips_container ul {
		padding: 0px 0 8%;
	}
}

/*--------------------------- 商品紹介 ---------------------------*/
.item_wrap{
	position: relative;
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    margin-bottom: 3%;
    background: #fff;
    /*border: 13px solid #e09f27;*/
    border-radius: 32px;
    z-index: 10;
}
.item_wrap .i_head{
	width: 100%;
	max-width: 1420px;
	margin: 0 auto;
	padding: 4em 10% 0;
	display: flex;
	justify-content: center;
	align-items: center;
} 
.item_wrap .i_head img{
	width: 40%;
	transform: translateX(-40px);
	transition: 1.5s;
	overflow: hidden;
	opacity: 0;
} 
.item_wrap .i_head .i_head_how{
	width: 60%;
	padding: 0 0 0 3em;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translateX(-40px);
	transition: 1.5s;
	overflow: hidden;
	opacity: 0;
}
/*.item_wrap .i_head .i_head_text{
	width: 60%;
	padding: 0 0 0 3em;
	display: flex;
	justify-content: center;
	align-items: center;
	transform: translateX(-40px);
	transition: 1.5s;
	overflow: hidden;
	opacity: 0;
} */
.item_wrap .i_head.show img,
.item_wrap .i_head.show .i_head_how{
	transform: translateY(0);
	opacity: 1;
} 
.item_wrap .i_head .i_head_how img{
	width: 50%;
	padding: 1%;
} 
.item_wrap .i_head .i_head_how .topic{
	width: 50%;
	padding: 1%;
} 
.item_wrap .i_head p{
	width: 100%;
    padding: 0 5%;
    font-size: 26px;
    font-weight: bold;
    text-align: left;
    color: #222;
    /* filter: drop-shadow(2px 2px 0px black); */
    /* -webkit-text-stroke-width: .5px; */
    /* -webkit-text-stroke-color: black; */
    transform: translateX(20px);
    transition: 1.5s;
    transition-delay: .5s;
    overflow: hidden;
    opacity: 0;
}
.item_wrap .i_head.show p{
	transform: translateY(0);
	opacity: 1;
} 


.item_wrap .topic_head{
	width: 100%;
	max-width: 1420px;
	margin: 0 auto;
	padding: 0 0 5%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.item_wrap .more_topic{
	padding: 5% 0;
} 
.item_wrap .topic_head img{
	width: 40%;
	transform: translateX(-40px);
	transition: 1.5s;
	overflow: hidden;
	opacity: 0;
} 
.item_wrap .topic_head .topic_head_how{
	width: 70%;
    padding: 0 2em;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform: translateX(-40px);
    transition: 1.5s;
    /*overflow: hidden;*/
    opacity: 0;
}
.item_wrap .topic_head.show img,
.item_wrap .topic_head.show .topic_head_how{
	transform: translateY(0);
	opacity: 1;
} 
.item_wrap .topic_head .topic_head_how img{
	width: 50%;
	padding: 1%;
	border-radius: 50px;
} 
.item_wrap .topic_head .topic_head_how .topic{
	position: relative;
	width: 50%;
    padding: 1%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
} 
.item_wrap .topic_head .topic_lead{
	padding: 0 5% 0.5em;
	font-size: 20px;
	font-weight: bold;
}
.item_wrap .topic_head p{
	width: 100%;
    padding: 0 5%;
    font-size: 14px;
    font-weight: initial;
    text-align: left;
	line-height: 1.6;
    color: #222;
    /* filter: drop-shadow(2px 2px 0px black); */
    /* -webkit-text-stroke-width: .5px; */
    /* -webkit-text-stroke-color: black; */
    transform: translateX(20px);
    transition: 1.5s;
    transition-delay: .5s;
    overflow: hidden;
    opacity: 0;
}
.item_wrap .topic_head.show p{
	transform: translateY(0);
	opacity: 1;
} 
.item_wrap .topic_head .topic a {
	position: relative;
    width: auto;
    margin: 1em 0 0;
    padding: .5em 2.5em;
    font-size: 12px !important;
    background: #fff;
    font-family: "Zen Kaku Gothic New", sans-serif;
    border: 1px solid #a6bcd7;
}
.item_wrap .topic_head .topic_head_how .topic .point{
	position: absolute;
    top: -30%;
    right: 0%;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #ffed5a;
    color: #e09f27;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    z-index: -1;
} 



.item_wrap h3{
	margin: 2em 5em 0;
    padding: 0.3em;
    text-align: center;
    color: #fff;
    background: #64bdff;
} 
.item_wrap_y h3{
    background: #e09f27;
} 
.item_wrap_g h3{
    background: #4c8753;
} 
/*.item_wrap h3:last-of-type{
	margin: 0 5em 0;
} */
.item_wrap ul{
	width: 100%;
	max-width: 1420px;
	margin: 0 auto;
	padding: 2em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
} 
.item_wrap ul li{
	width: 24%;
	padding: 0 1.5em 2.5em;
} 
.item_wrap ul li img{
	width: 100%;
} 
.item_wrap ul li .on_img{
	position: relative;
	width: 100%;
} 
.item_wrap ul > li .on_imgT{
	position: absolute;
	padding: 1em;
	top: 0;
	left: 0;
	font-size: 12px !important;
	color: #fff;
	display: none;
} 
.item_wrap ul > li .on_imgB{
	position: absolute;
	padding: 1em;
	bottom: 0;
	right: 0;
	font-size: 12px !important;
	color: #fff;
	display: none;
} 
.item_wrap ul li p{
	padding: 0 0 1em;
	font-size: 14px !important;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align: left;
} 
.item_wrap ul li .i_tit{
	padding: 0.5em 0;
	font-size: 16px !important;
	font-weight: bold;
	text-align: center;
} 
.item_wrap ul li p:last-child{
	padding: 0.5em;
	font-size: 14px !important;
}
.item_wrap ul li a{
	position: relative;
	width: 100%;
	margin: 1em 0 0;
	padding: .5em 2.5em;
	font-size: 12px !important;
	background: #fff;
	font-family: "Zen Kaku Gothic New", sans-serif;
	border: 1px solid #a6bcd7;
}
.item_wrap ul li a::after{
	content: "";
	display: block;
	position: absolute;
	top: 12px;
	right: 22px;
	width: 6px;
	height: 6px;
	border-top: 1px solid #222;
	border-right: 1px solid #222;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
} 
@media screen and (min-width: 600px) and (max-width: 1024px) {
	.item_wrap ul li {
		width: 50%;
		padding: 1.5em .5em 2.5em;
	}
	.item_wrap .topic_head .topic_head_how{
		width: 100%;
		padding: 1% 2em;
		flex-direction: column;
        align-items: center;
	}
	.item_wrap .topic_head .topic_head_how .topic {
		width: 100%;
	}
}
@media only screen and (max-width:599px) {
	.item_wrap {
		/*border: 6px solid #e09f27;*/
	}
	.item_wrap ul {
		padding: 0;
		display: flex;
		flex-direction: initial;
		flex-wrap: initial;
		justify-content: initial;
		align-items: initial;
	}
	.item_wrap ul li {
		width: 50%;
		padding: 1.5em .5em 1em;
	}
	.item_wrap h3{
		margin: 5% 5% 0;
		padding: 8px 10px;
	} 
	.item_wrap .i_head{
		flex-direction: column;
		padding: 12% 8% 0;
	}
	.item_wrap .i_head img{
		width: 90%;
	}
	.item_wrap .i_head .i_head_how {
		width: 100%;
		padding: 7% 0 0;
		font-size: 18px;
	}
	.item_wrap .i_head .i_head_text {
		width: 95%;
		padding: 0;
		font-size: 18px;
	}
	.item_wrap .i_head > p {
		width: 95%;
		padding: 0;
		font-size: 18px;
	}
	.item_wrap ul li .i_tit{
		font-size: 15px !important;
	} 
	.tips_container ul{
		padding: 0 0 4em;
	}
	.tips_container ul li:first-child {
		padding: 5em 0 0;
	}
	.tips_container ul li:last-child{
		padding: 180px 0 0;
	}
	.tips_container ul li div a > img {
		filter: drop-shadow(4px 5px 0px rgba(0, 0, 0, .3));
	}
	.tips_container ul li div > a img{
		width: 240px;
	}
	.tips_container ul li div:nth-of-type(4) > img{
		width: 280px;
	}
	/*------------------POPの位置調整---------------------*/
	.tips_container ul li .tips_image01{
		top: 35%;
		left: -2%;
	}
	.tips_container ul li .tips_image02{
		right: -2%;
        bottom: 2%;
	}
	.tips_container ul li .tips_image03{
		left: 4%;
        bottom: -6%;
	}
	.tips_container ul li .tips_image04{
		top: 1%;
        right: 13%;
	}
	.item_wrap .topic_head .topic_head_how {
		width: 80%;
		flex-direction: column;
		padding: 0;
	}
	.item_wrap .topic_head .topic_head_how img {
		width: 100%;
		padding: 40px 0 60px;
		border-radius: initial;
	}
	.item_wrap .topic_head .topic_head_how .topic {
		width: 100%;
		padding: 7% 0;
	}
	.item_wrap .topic_head .topic_lead {
		padding: 0 0 0.6em;
		font-size: 16px;
	}
	.item_wrap .topic_head p {
		padding: 0;
	}
	.item_wrap .topic_head .topic_head_how .topic .point {
		left: 50%;
		top: -17%;
		transform: translateX(-50%);
		right: initial;
	}
}




.tips_container_y{
	width: 100%;
	background: url(/fair/newlife2026/images/bg_yellow02.jpg);
	background-size: 4%;
	padding: 0 3%;
}
.tips_container_y ul{
	width: 100%;
	max-width: 1420px;
	margin: 0 auto;
	padding: 0 0 10%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.tips_container_y ul li{
	width: 100%;
	color: #fff;
}
.tips_container_y ul li:first-child{
	max-width: 980px;
	margin: 0 auto;
	padding: 7em 0;
}
.tips_container_y ul li:last-child{
	position: relative;
	width: 100%;
}
.tips_container_y ul li h2{
	padding: 0 0 .8em;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	opacity: 0;
	transform: translateY(20px);
	transition: 1.5s;
}
.tips_container_y ul li.show h2{
	opacity: 1;
	transform: none;
}
.tips_container_y ul li p{
	padding: 0 0 1em;
	text-align: left;
}
.tips_container_y ul li p:nth-of-type(1){
	font-size: 18px; 
}
.tips_container_y ul li p:nth-of-type(2){
	font-size: 14px; 
}
.tips_container_y ul li p:nth-of-type(3){
	font-size: 12px;
	text-align: right;
	padding-top: 1em;
}
.tips_container_y ul li:first-child > img{
	width: 100%;
	max-width: 980px;
	height: 100%;
	padding: 3%;
	object-fit: cover;
	object-position: bottom;
}
.tips_container_y ul li:last-child > img{
	position: relative;
	width: 100%;
	object-fit: cover;
	object-position: bottom;
}
.tips_container_y ul li div > img{
	width: 700px;
    width: min(38vw, 700px);
    filter: drop-shadow(2px 5px 0px rgba(0, 0, 0, .2));
}
.tips_container_y ul li div a > img{
	width: 420px;
	width: min(26vw, 420px);
	filter: drop-shadow(10px 10px 0px rgba(0, 0, 0, .5));
}
.tips_container_y ul li .tips_image02 a > img{
	width: 520px;
	filter: drop-shadow(10px 10px 0px rgba(0, 0, 0, .5));
}
/*.tips_container_y ul li div > img::before{
	content: '';
	width: 100%;
	background: repeating-linear-gradient( 45deg, rgba(255,255,255,0), rgba(255,255,255,0) 3px, #222 4px, #222 9px );
	display: block;
	position: absolute;
	right: -4px;
	bottom: -8px;
	top: 20%;
	transition: all 200ms ease;
}*/
/*------------------POPの位置調整---------------------*/
.tips_container_y ul li .tips_image01{
	position: absolute;
	top: 3%;
	left: -3%;
	opacity: 0;
	transform: translateY(20px);
	transition: 1.5s;
	z-index: 10;
}
.tips_container_y ul li .tips_image02{
	position: absolute;
	bottom: 5%;
	left: 17%;
	opacity: 0;
	transform: translateY(20px);
	transition: 1.5s;
	transition-delay: .5s;
	z-index: 20;
}
.tips_container_y ul li .tips_image03{
	position: absolute;
	bottom: 22%;
	right: 2%;
	opacity: 0;
	transform: translateY(20px);
	transition: 1.5s;
	transition-delay: 1s;
	z-index: 15;
}
.tips_container_y ul li .tips_image04{
	position: absolute;
    top: -15%;
    right: -3%;
    opacity: 0;
    transform: translateY(20px);
    transition: 1.5s;
}
.tips_container_y ul li .tips_image01.show,
.tips_container_y ul li .tips_image02.show,
.tips_container_y ul li .tips_image03.show,
.tips_container_y ul li .tips_image04.show,
.tips_container_y ul li .tips_image05.show{
	opacity: 1;
	transform: none;
}
.item_wrap_y{
	position: relative;
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    margin-bottom: 3%;
    /*border: 13px solid #64bdff;*/
    z-index: 10;
}

@media only screen and (max-width:599px) {
	
	.tips_container_y ul{
		padding: 0 0 4em;
	}
	.tips_container_y ul li:first-child {
		padding: 3em 0 0;
	}
	.tips_container_y ul li:last-child{
		padding: 170px 0 0;
	}
	.tips_container_y ul li:last-child > img{
		z-index: 5;
	}
	.tips_container_y ul li div > img{
		width: 150px;
	}
	.tips_container_y ul li div a > img{
		width: 240px;
		filter: drop-shadow(4px 5px 0px rgba(0, 0, 0, .3));
	}
	.tips_container_y ul li div:nth-of-type(4) > img{
		width: 320px;
	}
	/*------------------POPの位置調整---------------------*/
	.tips_container_y ul li .tips_image01{
		top: 35%;
		left: -10%;
	}
	.tips_container_y ul li .tips_image02{
		top: 90%;
		left: -6%;
	}
	.tips_container_y ul li .tips_image02 a > img{
		width: 300px;
	}
	.tips_container_y ul li .tips_image03{
		top: 76%;
        right: -10%;
	}
	.tips_container_y ul li .tips_image03 a > img{
		width: 190px;
	}
	.tips_container_y ul li .tips_image04{
		right: 9%;
        top: 2%;
	}
	.item_wrap_y{
		/*border: 6px solid #64bdff;*/
	}
}



.tips_container_g{
	width: 100%;
	background: url(/fair/newlife2026/images/bg_green.webp);
	background-size: 4%;
	padding: 0 3%;
}
.tips_container_g ul{
	width: 100%;
	max-width: 1420px;
	margin: 0 auto;
	padding: 0 0 10%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.tips_container_g ul li{
	width: 100%;
	color: #fff;
}
.tips_container_g ul li:first-child{
	max-width: 980px;
	margin: 0 auto;
	padding: 7em 0;
}
.tips_container_g ul li:last-child{
	position: relative;
	width: 100%;
}
.tips_container_g ul li h2{
	padding: 0 0 .8em;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	opacity: 0;
	transform: translateY(20px);
	transition: 1.5s;
}
.tips_container_g ul li.show h2{
	opacity: 1;
	transform: none;
}
.tips_container_g ul li p{
	padding: 0 0 1em;
	text-align: left;
}
.tips_container_g ul li p:nth-of-type(1){
	font-size: 18px; 
}
.tips_container_g ul li p:nth-of-type(2){
	font-size: 14px; 
}
.tips_container_g ul li p:nth-of-type(3){
	font-size: 12px;
	text-align: right;
	padding-top: 1em;
}
.tips_container_g ul li:first-child > img{
	width: 100%;
	max-width: 980px;
	height: 100%;
	padding: 3%;
	object-fit: cover;
	object-position: bottom;
}
.tips_container_g ul li:last-child > img{
	position: relative;
	width: 100%;
	object-fit: cover;
	object-position: bottom;
}
.tips_container_g ul li div > img{
	width: 700px;
    width: min(40vw, 700px);
    filter: drop-shadow(2px 5px 0px rgba(0, 0, 0, .2));
}
.tips_container_g ul li div a > img{
	width: 420px;
	width: min(26vw, 420px);
	filter: drop-shadow(10px 10px 0px rgba(0, 0, 0, .5));
}
/*.tips_container_g ul li div > img::before{
	content: '';
	width: 100%;
	background: repeating-linear-gradient( 45deg, rgba(255,255,255,0), rgba(255,255,255,0) 3px, #222 4px, #222 9px );
	display: block;
	position: absolute;
	right: -4px;
	bottom: -8px;
	top: 20%;
	transition: all 200ms ease;
}*/
/*------------------POPの位置調整---------------------*/
.tips_container_g ul li .tips_image01{
	position: absolute;
	bottom: -2%;
	left: 5%;
	opacity: 0;
	transform: translateY(20px);
	transition: 1.5s;
	z-index: 15;
}
.tips_container_g ul li .tips_image02{
	position: absolute;
	bottom: 2%;
	right: 7%;
	opacity: 0;
	transform: translateY(20px);
	transition: 1.5s;
	transition-delay: .5s;
	z-index: 20;
}
.tips_container_g ul li .tips_image03{
	position: absolute;
	bottom: 21%;
	right: 24%;
	opacity: 0;
	transform: translateY(20px);
	transition: 1.5s;
	transition-delay: 1s;
	z-index: 12;
}
.tips_container_g ul li .tips_image04{
	position: absolute;
    top: -15%;
    right: -3%;
    opacity: 0;
    transform: translateY(20px);
    transition: 1.5s;
}
.tips_container_g ul li .tips_image01.show,
.tips_container_g ul li .tips_image02.show,
.tips_container_g ul li .tips_image03.show,
.tips_container_g ul li .tips_image04.show,
.tips_container_g ul li .tips_image05.show{
	opacity: 1;
	transform: none;
}
.item_wrap_g{
	position: relative;
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    margin-bottom: 3%;
    /*border: 13px solid #e09695;*/
    z-index: 10;
}

@media only screen and (max-width:599px) {
	.tips_container_g ul{
		padding: 0 0 11em;
	}
	.tips_container_g ul li:first-child {
		padding: 3em 0 0;
	}
	.tips_container_g ul li:last-child {
		padding: 160px 0 0;
	}
	.tips_container_g ul li:last-child > img {
		z-index: 1;
	}
	.tips_container_g ul li div > img{
		width: 150px;
	}
	.tips_container_g ul li div a > img{
		width: 240px;
	}
	.tips_container_g ul li div:nth-of-type(4) > img{
		width: 360px;
	}
	/*------------------POPの位置調整---------------------*/
	.tips_container_g ul li .tips_image01{
		top: initial;
        left: -2%;
        bottom: -11%;
	}
	.tips_container_g ul li .tips_image02{
		top: initial;
        left: initial;
        right: -2%;
        bottom: -26%;
	}
	.tips_container_g ul li .tips_image03{
		top: initial;
        bottom: 4%;
        right: 1%;
	}
	.tips_container_g ul li .tips_image04{
		right: 4%;
        top: 0;
	}
	.item_wrap_g{
		/*border: 6px solid #e09695;*/
	}
}

/****************** TAB切り替え ************************/
.tabs{
	position: relative;
}
.tab-content {
	display: none;
}
.tab-content.is-active {
	display: block;
}
.tab-content.show {
	display: block;
}
.tab-nav {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    list-style: none;
    padding: 0;
    margin: 0px 0 -70px;
}
.tab-nav img{
	width: 100%;
	max-width: 420px;
}
.tab-nav__item {
	padding: 0;
    cursor: pointer;
    background: #fff;
    border-radius: 50%;
}
.tab-nav__item.is-active {
    z-index: 100;
    transform: translateY(-49px);
}
/*.blue .tab-nav__item.is-active {
	filter: brightness(1.2) hue-rotate(194deg) contrast(1.1) drop-shadow(0px 7px 0px white) saturate(1.5);;
}
.yellow .tab-nav__item.is-active {
	filter: brightness(1.2) hue-rotate(180deg) contrast(1.1) drop-shadow(0px 7px 0px white);
}
.green .tab-nav__item.is-active {
	filter: brightness(1.2) hue-rotate(240deg) contrast(1.1) drop-shadow(0px 7px 0px white);
}*/
@media only screen and (max-width:599px) {
	.tabs{
		padding-top: 100px !important;
	}
	.tab-nav {
		gap: 3px;
		margin: 0 auto;
		justify-content: space-between;
	}
	.tab-nav__item {
		width: 70px;
		padding-bottom: 0;
		top: 0;background: none;
	}
	.tab-nav__item img{
		opacity: 0;
	}
	.tab-nav__item::before {
		content: "More";
        position: absolute;
        width: 70px;
        top: -5%;
        height: 60px;
        line-height: 3;
		font-weight: bold;
        background-color: #999;
        color: #fff;
        border-radius: 50px;
	}
	/*.tab-nav__item:first-of-type {
		left: 0;
	}
	.tab-nav__item:last-of-type {
		right: 0;
	}*/
	.tab-nav__item.is-active {
		position: absolute;
        width: 70% !important;
        padding-bottom: 0;
        z-index: 100;
        left: 50%;
        transform: translate(-50%, -60%);
		background: #fff;
	}
	.tab-nav__item.is-active img{
		opacity: 1;
	}
	.tab-nav__item.is-active::before {
		display: none;		
	}
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
	.tab-nav {
		margin: 0px 0 -40px;
	}
	.tab-nav__item.is-active {
		z-index: 100;
		transform: translateY(-24px);
	}
}

/* -------------------------------------------------------------
コーディネートメニュー
----------------------------------*/
.product_container{ 
	position: relative;
	width: 100%;
	margin: 0em auto 0;
	padding: 5% 3% 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 100;
	background: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/02/05171330/bg_curtain.webp);
}
.product_container h2{
	position: relative;
    width: 100%;
    max-width: 1340px;
    padding: 60px 0;
    text-align: left;
    font-size: 69px;
    margin: -32px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 600;
    line-height: 2;
    color: #b5a00b;
    opacity: 0;
    transition: 2s;
}
.product_container h2.show{
	opacity: 1;
}
.product_container h2::after{
	position: absolute;
	content: "サービス メニュー";
	top: 50px;
	left: 0;
	font-size: 24px;
	font-weight: bold;
}
.product_container .p_baloon{ 
	position: absolute;
	top: 0%;
	right: 2%;
	display: none;
}
.product_container .p_baloon p{ 
	font-size: 18px;
	font-weight: bold;
}
.product_container ul{
	position: relative;
	width: 100%;
	max-width: 1340px;
	padding-bottom: 10em;
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	opacity: 0;
	/*transform: translateX(-20px);*/
	transition: 2s;
}
.product_container .reverse{
	flex-direction: row-reverse;
}
.product_container ul.show{
	transform: none;
	opacity: 1;
}
/*.product_container ul::before{
	content: "";
	position: absolute;
	top: 8%;
	left: -25vw;
	width: 150vw;
	height: 75vh;
	z-index: 0;
	opacity: 0;
	transition: 3s;
	transition-delay: 1s
}
.product_container ul.show::before{
	content: "";
	position: absolute;
	top: 20%;
	opacity: 1;
}*/
.product_container ul:nth-of-type(2n){
	padding: 0 0 10em;
}
.product_container ul li{
	width: 40%;
	z-index: 2;
	color: #4c551b;
}
.product_container ul li:last-child{
	width: 60%;
	padding: 0 0 0 7%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}
/*.product_container .reverse::before{
	position: absolute;
	top: 8%;
	left: -25vw;
	content: "";
	width: 1980px;
	height: 75vh;
	background: #fff;
	z-index: 0;
	opacity: 0;
	transition: 2s;
	transition-delay: 1s
}
.product_container .reverse.show::before{
	position: absolute;
	top: 8%;
	left: -25vw;
	content: "";
	width: 1980px;
	height: 75vh;
	background: #fff;
	z-index: 0;
	opacity: 1;
}*/
.product_container .reverse li:last-child{
	padding: 0 7% 0 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}
.product_container ul li img{
	width: 100%;
}
.product_container ul li:last-child > img{
	width: 100%;
	opacity: 0 !important;
	transform: translateY(10px);
	transition: 2s;
	/*transition-delay: .5s;*/
}
.product_container ul.show li:last-child > img.show{
	transform: none;
	opacity: 1 !important;
}
.product_container ul li h3{
	/*font-family: 'Cormorant', serif;*/
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300 !important;
	font-style: normal;
	font-size: 2.5em !important;
	text-align: right;
	line-height: 1.7;
}
.product_container ul li p{
	width: 100%;
	padding: 2em 0 2em;
	font-size: 16px !important;
	line-height: 1.8;
	text-align: left;
}
.product_container ul li a{
	width: 42%;
	margin-top: 1em;
	padding: 5px 20px;
	font-family: "Urbanist", sans-serif;
	letter-spacing: 2px;
	color: #fff;
	text-align: center;
	font-size: 16px !important;
	background: linear-gradient(to right, #c9cdb0, #737f2c 50%, #fff 50%, #fff);
	background-size: 200% 100%; 
	transition: background-position 0.5s ease, color 0.5s ease;
	background-position: 0 0;
	border-radius: 30px;
}
.product_container ul li a:hover{
	background-position: -100% 0; 
	color: #836b13;
	transition: background-position 0.5s ease, color 0.5s ease;
}
.product_container li .Bname_wrap{
	width: 100%;
	padding: 5% 0 1%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.product_container li .Bname_wrap h3{
	font-size: 16px !important;
	/*font-weight: normal;
	font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;*/
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300 !important;
	font-style: normal;
	background: #b5a00b;
	color: #fff;
	padding: 3px 10px;
}
.product_container li .Bname_wrap h3 span{
	font-size: 12px !important;
}
.product_container li .Bname_wrap img{
	max-width: 25px;
	margin-left: 10px;
}
.product_container li .notice_area{
	position: relative;
	width: 100%;
	min-height: 220px;
	padding: 1.5em 1em;
	background: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/05/14102106/bg_dark.webp);
	background-size: contain;
	border-radius: 15px;
	overflow: hidden;
}
.product_container li .notice_area h4{
	position: relative;
	width: 100%;
	z-index: 10;
}
.product_container li .notice_area p{
	position: relative;
	width: 80%;
	font-size: 14px !important;
	padding: 1em 2% 0;
	z-index: 10;
}
.product_container li .notice_area .textcenter{
	left: 50%;
	transform: translateX(-50%);
}
.product_container li .notice_area img{
	position: absolute;
	max-width: 260px;
	max-height: 220px;
	object-fit: cover;
	bottom: 5%;
	right: -2%;
	z-index: 0;
	opacity: 0.3;
	-webkit-mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 70%);
	mask-image: radial-gradient(ellipse at center, rgba(0, 0, 0, 1) 55%, rgba(0, 0, 0, 0) 75%);
}
.product_container li .notice_area .m_logo{
	position: relative;
	max-width: 100%;
	bottom: initial;
	right: initial;
	padding: 2%;
	opacity: 1;
	-webkit-mask-image: initial;
	mask-image: initial;
}

.product_container .c_detail{
	position: relative;
	width: 100%;
	max-width: 1340px;
	margin-top: -2em;
	padding-bottom: 10em;
	display: flex;
	justify-content: center;
	align-items: stretch;
	opacity: 0;
	transform: translateY(20px);
	transition: 2s;
}
.product_container .c_detail.show{
	opacity: 1;
	transform: translateY(-30px);
}
.product_container .c_detail li{
	position: relative;
	width: 25%;
	margin: 1%;
	background: rgba(255, 255, 255, .7);
	color: #222;
	border: 1px solid #b5a00b;
}
.product_container .c_detail li:last-child{
	width: 25%;
	margin: 1%;
	padding: initial;
	align-items: center;
	justify-content: flex-start;
}
.product_container .c_detail li img,
.product_container .c_detail li:last-child img{
	width: 100%;
	transform: translateY(0);
	opacity: 1 !important;
}
.product_container .c_detail li h4{
	position: relative;
	width: 100%;
	padding: 2em 1em 0;
	font-size: 19px !important;
	/*font-family: serif;*/
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400 !important;
	font-style: normal;
}
.product_container .c_detail li p{
	font-size: 14px !important;
	padding: 1em 1.5em 1.5em;
}
.product_container .c_detail li .c_obi{
	position: absolute;
	top: -15%;
	left: 0;
	padding: 7px 25px 7px 5px;
	border: 1px solid #b5a00b;
	border-left: none;
	border-radius: 0px 15px 15px 0;
	font-size: 14px !important;
	font-weight: bold;
	color: #fff;
	background: #b5a00b;
}

.product_container .col2 li{
	width: 50%;
	display: flex;
	border: 1px solid #b5a00b;
}
.product_container .col2 li:last-child{
	width: 50%;
	display: flex;
	flex-direction: initial;
}
.product_container .col2 li > div{
	padding: 2%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.product_container .col2 li img,
.product_container .col2 li:last-child img{
	width: 57%;
	object-fit: cover;
}
.product_container .col2 li h4{
	padding: 2em 1em 0;
}
.product_container .col2 li p{
	font-size: 14px !important;
}
.product_container .col2 li .c_obi{
	left: 0;
	top: 61%;
}

.product_container .forexample{
	width: 100%;
	max-width: 1340px;
	opacity: 0;
	transform: translateY(-20px);
	transition: 1s;
}
.product_container .forexample.show{
	opacity: 1;
	transform: translateY(-80px);
}
.product_container .forexample p{
	position: relative;
	color: #b5a00b;
	font-size: 22px;
	/*font-weight: bold;
	font-family: 'Cormorant', serif;*/
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400 !important;
	font-style: normal;
}
.product_container .forexample p::before{
	content: "";
	position: absolute;
	width: 25%;
	height: 1px;
	top: 50%;
	left: 3%;
	background: #b5a00b;
}
.product_container .forexample p::after{
	content: "";
	position: absolute;
	width: 25%;
	height: 1px;
	top: 50%;
	right: 3%;
	background: #b5a00b;
}

/*========= 画像スライド(ズーム)===============*/
.img-frame{
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 500px;
	overflow: hidden;
	margin: 0 auto;
}
.l_frame{
	min-height: 600px;
}
.img-01, .img-02, .img-03,.img-04, .img-05, .img-06,.img-07, .img-08, .img-09, .img-10, .img-11, .img-12{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0;
	transform: scale(1); 
}
.img-frame > p{
	position: absolute;
	padding: 1em 0 !important;
	bottom: 16%;
	left: 2%;
	font-weight: normal;
	letter-spacing: 0.5px;
	font-family: YuGothic, "Yu Gothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	color: #4c551b;
	writing-mode: vertical-rl;
	text-orientation: mixed;
}
.img-frame > p::after{
	position: absolute;
	content: "";
	width: 1px;
	height: 75px;
	top: 180px;
	left: 50%;
	background: #4c551b;
}
/*-------------- 掲載商品 その1 ----------------*/
.img-01{
	background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/24134923/image01.webp);
	animation: slide-animation 12s infinite;
}
.img-02{
	background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/24134934/image02.webp);
	animation: slide-animation 12s infinite 4s;
}
.img-03{
	background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/24134944/image03.webp);
	animation: slide-animation 12s infinite 8s;
}

/*-------------- 掲載商品 その2 ----------------*/
.img-04{
	background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/24153955/image04.webp);
	animation: slide-animation 12s infinite;
}
.img-05{
	background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/08/12135120/adviser01.jpg);
	animation: slide-animation 12s infinite 4s;
}
.img-06{
	background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/24154017/image06.webp);
	animation: slide-animation 12s infinite 8s;
}

/*-------------- 掲載商品 その3 ----------------*/
.img-07{
	background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/25111610/image07.webp);
	animation: slide-animation 12s infinite;
}
.img-08{
	background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/25111621/image08.webp);
	animation: slide-animation 12s infinite 4s;
}
.img-09{
	background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/25111630/image09.webp);
	animation: slide-animation 12s infinite 8s;
}

/*-------------- 掲載商品 その4 ----------------*/
.img-10{
	background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/25123642/image10.webp);
	animation: slide-animation 12s infinite;
}
.img-11{
	background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/25123653/image11.webp);
	animation: slide-animation 12s infinite 4s;
}
.img-12{
	background-image: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/04/25123702/image12.webp);
	animation: slide-animation 12s infinite 8s;
}
@keyframes slide-animation {
	0% { opacity: 0; transform: scale(1); }
	25% { opacity: 1;}
	33.33% { opacity: 1;}
	50% { opacity: 0;}
	100% { opacity: 0; transform: scale(1.1); }
}

@media screen and (min-width: 600px) and (max-width: 1024px){
	.product_container h2{
		padding: 100px 0 0px;
		font-size: 50px;
		line-height:2.5;
	}
	.product_container ul {
		justify-content: center;
		align-items: center;
		flex-direction: column;
		padding: 4em 0 2em;
	}
	.product_container ul:nth-of-type(2n){
		padding: 4em 0 2em;
	}
	/*.product_container ul::before{
		content: "";
		position: absolute;
		top: 8%;
		left: -100%;
		width: 100%;
		height: 90%;
		background: rgba(255,255,255,.5);
		z-index: 0;
		opacity: 0;
		transition: 1.5s;
		transition-delay: 1s;
	}
	.product_container ul.show::before{
		content: "";
		position: absolute;
		top: 8%;
		left: 0;
		opacity: 1;
	}*/
	.product_container ul li {
		width: 100%;
		margin: 0 auto;
	}
	.product_container ul li:last-child {
		width: 100%;
		padding: 0 3%;
	}
	.product_container ul li h3 {
		margin: 0 auto;
		padding-top: .5em;
		font-size: 28px !important;
		line-height: 1.5;
		font-weight: 400;
	}
	.product_container .c_detail{
		flex-direction: initial;
		flex-wrap: wrap;
	}
	.product_container .c_detail li {
		width: 45%;
		flex-direction: column;
	}
	.product_container .c_detail li:last-child {
		width: 45%;
		flex-direction: column;
	}
	.product_container .c_detail li img{
		width: 100%;
	}
	.product_container .c_detail li:last-child img{
		width: 100%;
	}
	.product_container .img-frame {
		width: 80%;
		min-height: 480px;
	}
	.product_container li .Bname_wrap {
		padding: 8% 0 1%;
		justify-content: center;
	}
	.product_container .reverse li:last-child{
		padding: 0 3%;
	}
	.product_container .forexample {
		padding: 8em 0 0;
	}
	.product_container .col2 li .c_obi {
		top: 52%;
	}
	.product_container .forexample p::before{
		display: none;
	}
	.product_container .forexample p::after{
		display: none;
	}
	.img-frame > p{
		writing-mode: initial;
		bottom: 0;
		left: 5%;
	}
	.img-frame > p::after {
		top: initial;
		bottom: 50%;
		left: 110%;
		width: 120px;
		height: 1px;
	}
}

@media only screen and (max-width:599px) {
	.product_container {
		margin: 0 auto;
	}
	.product_container h2{
		font-size: 36px;
		padding: 100px 0 50px;
		text-align: center;
		line-height: initial;
	}
	.product_container h2::after {
		width: 100%;
		top: 74px;
		right: initial;
		left: 50%;
		transform: translateX(-50%);
		font-size: 16px;
	}
	.product_container .forexample p{
		padding-top: 2em;
		font-size: 20px;
	}
	.product_container .forexample p::before{
		display: none;
	}
	.product_container .forexample p::after{
		display: none;
	}
	.product_container ul {
		justify-content: center;
		align-items: center;
		flex-direction: column;
		padding: 2em 0 8em;
	}
	.product_container .reverse {
		flex-direction: column;
	}
	.product_container ul:nth-of-type(2n){
		padding: 1em 0 5em;
	}
	.product_container ul li {
		width: 100%;
		margin: 0 auto;
	}
	.product_container ul li:last-child {
		width: 100%;
		padding: 0 3%;
	}
	.product_container ul li h3 {
		margin: 0 auto;
		padding-top: 0;
		font-size: 30px !important;
		line-height: 1.5;
		font-weight: 400;
	}
	.product_container ul li p {
		padding: 1em 0 2em;
	}
	.product_container .img-frame {
		min-height: 280px;
	}
	.product_container li .Bname_wrap {
		padding: 8% 0 1%;
	}
	.product_container .reverse li:last-child{
		padding: 0 3%;
	}
	.img-frame > p{
		writing-mode: initial;
		bottom: 0;
		left: 5%;
	}
	.img-frame > p::after {
		top: initial;
		bottom: 50%;
		left: 110%;
		width: 120px;
		height: 1px;
	}
	.product_container .c_detail {
		align-items: center;
	}
	.product_container .c_detail li {
		width: 82%;
		margin: 0 0 10%;
		flex-direction: column;
	}
	.product_container .c_detail li:last-child {
		width: 82%;
		margin: 0 0 10%;
		flex-direction: column;
	}
	.product_container .col2 li img{
		width: 100%;
	}
	.product_container .col2 li:last-of-type img{
		width: 100%;
	}
	.product_container .col2 li .c_obi {
		top: 52%;
	}
	.product_container li .notice_area .textcenter{
		width: 95%;
		padding: 1em 2%;
	}
	.product_container .forexample {
		padding: 0;
	}
}



/* -------------------------------------------------------------
店舗紹介
----------------------------------*/
.background_shop{
	background-size: contain;
	background-attachment: fixed;
	color: #222;
	overflow: hidden;
	background: url(https://idc-otsuka.s3.ap-northeast-1.amazonaws.com/wp/wp-content/uploads/2025/02/05171330/bg_curtain.webp);
}
.shop_lead{
	width: 100vw;
	padding: 4em 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.shop_lead h2{
	width: 100%;
    font-size: 36px;
    max-width: 640px;
    right: 20vw !important;
    font-weight: 300;
    font-family: 'Noto Sans JP';
    text-align: center;
}
.shop_lead h2 span{
	width: 100%;
	text-align: right;
	display: inline-block;
	position: relative;
	top: -.5em;
	left: 0em;
	font-size: 20px;
}
.shop_lead h2 span::after{
	content: "";
	position: absolute;
	width: 450px;
	height: 1px;
	background: #222;
	top: 9px;
	left: 0em;
}
.shop_lead h2 .t_head{
	width: 100%;
	font-size: 22px;
	font-weight: normal;
	display: inline-block;
	position: relative;
	top: .2em;
	left: initial;
	text-align: left;
}
.shop_lead h2 .t_head::after{
	content: "";
	position: absolute;
	width: 75%;
	height: 1px;
	background: #222;
	top: 9px;
	left: 7em;
}
.shop_lead h2 span img{
	width: 160px!important;
}
.shop_lead > ul{
	width: 100%;
	padding: 4em 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.shop_lead > ul li:first-child{
	width: 65%;
}
.shop_lead > ul li:last-child{
	width: 35%;
}
.shop_lead > ul li img{
	width: 100%;
	max-height: 580px;
	object-fit: cover;
}
.shop_lead > ul li h3{
	padding: 0 10%;
	font-size: 30px;
	font-weight: normal;
}
.shop_lead > ul li p{
	padding: 1em 10% 0;
	font-size: 18px !important;
	text-align: left;
	font-weight: 400;
	font-style: normal;
}
.shop_lead .shop_wrap{
	position: relative;
	width: 100%;
	max-width: 1420px;
	margin: 0 auto;
}
.shop_wrap ul{
	width: 100%;
	max-width: 1420px;
	margin: 0 auto;
	padding: 2em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
} 
.shop_wrap ul li{
	width: 30%;
	padding: 0 0 1.5em;
	margin: 1.5em .5em 2.5em;
	border: 1px solid #d9c14a;
	background: rgba(255, 255, 255, .5);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
} 
.shop_wrap ul li img{
	width: 100%;
} 
.shop_wrap ul li p{
	padding: 1.5em 0 0;
	font-size: 14px !important;
	font-weight: normal;
	font-style: normal;
	width: 220px;
	text-align: left;
	margin: 0 auto;
} 
.shop_wrap ul li p:last-of-type{
	padding: 1.5em 0 0.5em;
} 
.shop_wrap ul li .s_name{
	width: 90%;
	text-align: center;
	margin: 0 auto;
	padding: 1em 0 0;
	font-size: 20px !important;
	font-family: serif;
}
.shop_wrap ul li .s_name span{
	position: relative;
	font-size: .7em;
}
.shop_wrap ul li .s_name span::before{
	position: absolute;
	content: "";
	top: 50%;
	left: -100%;
	width: 75px;
	height: 1px;
	background: #222;
}
.shop_wrap ul li .s_name span::after{
	position: absolute;
	content: "";
	top: 50%;
	right: -100%;
	width: 75px;
	height: 1px;
	background: #222;
}
.shop_wrap ul li .links{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.shop_wrap ul li .links a{
	position: relative;
	width: 70%;
	margin: 1.5em 0 0;
	padding: 5px 20px;
	background-size: 200% 100% !important;
	transition: background-position 0.5s ease, color 0.5s ease;
	background: #ffed5a;
	background-position: 0 0;
	color: #222;
	border-radius: 20px;
	text-align: center;
}
.shop_wrap ul li .links a:first-of-type{
	padding: 5px 10px;
	font-size: 16px !important;
}
.shop_wrap ul li .links a:last-of-type{
	font-size: 14px !important;
}
.shop_wrap ul li .links a:hover {
	background-position: -100% 0;
	color: #836b13;
	transition: background-position 0.5s ease, color 0.5s ease;
}
.empty{
	background: none !important;
}
.shop_wrap .shop_all{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.shop_wrap .shop_all a{
	position: relative;
	width: 70%;
	max-width: 500px;
	margin: 0;
	padding: 10px 20px;
	background-size: 200% 100% !important;
	transition: background-position 0.5s ease, color 0.5s ease;
	background: linear-gradient(to right, #ddc97e, #a1841a 50%, #fff 50%, #fff);
	background-position: 0 0;
	color: #fff;
	border-radius: 20px;
}
@media screen and (max-width: 599px){
	.shop_lead h2 {
		padding: 0 1em;
		font-size: 30px;
		max-width: initial;
		right: initial;
		line-height: 2;
	}
	.shop_lead h2 .t_head {
		font-size: 18px;
	}
	.shop_lead h2 .t_head::after {
		width: 60%;
		left: initial;
		right: 0;
	}
	.shop_lead h2 span img {
		width: 130px !important;
	}
	.shop_lead h2 span::after {
		width: 55%;
		left: 0;
	}
	.shop_wrap ul {
		flex-direction: initial;
        flex-wrap: initial;
		justify-content: initial;
        padding: initial;
	}
	.shop_wrap ul li {
		width: 100%;
		background: #fff;
		margin: 0;
		padding: 0 0 2em;
	}
	.shop_wrap ul li > a {
		width: 80%;
		margin: 0 auto;
	}
	.shop_wrap ul li .s_name {
		padding: .5em 0 0;
	}
	.shop_wrap ul .slick-slide {
		display: flex !important;
		flex-direction: column !important;
		justify-content: center;
	}
	.shop_wrap ul .slick-prev {
		left: 0px;
	}
	.shop_wrap ul .slick-next {
		right: 0px;
	}
	.empty{
		display: none;
	}
}
@media screen and (min-width: 600px) and (max-width: 1024px){
	.shop_wrap ul li {
		width: 43%;
	}
}


/* -------------------------------------------------------------
スライダー
----------------------------------*/
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 90px;
    margin-top: -3%;
    padding: 17px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #eee;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
    font-size: 1.8rem !important;
    font-weight: bold !important;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    font-size: 1.8rem !important;
    font-weight: bold !important;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: -1%;
    left: auto;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -1%;
    right: auto;
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #fff;
}
.slick-prev,
.slick-next {
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	z-index: 10 !important;
	width: 8% !important;
	height: 10% !important;
	border: none !important;
	cursor: pointer !important;
}
.slick-prev { left: 0px !important; }
.slick-next { right: 0px !important; }

.slick-prev:before,
.slick-next:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-family: initial !important;
	font-size: 30px !important;
	line-height: 50px !important;
	color: white !important;
	opacity: 1 !important;
}
.slick-prev:before { content: '〈' !important; }
.slick-next:before { content: '〉' !important; }

.slick-dots li {
display: inline-block !important;
background: none !important;
border: none !important;
width: initial !important;
margin: 0 6px !important;
}
.slick-dots li button:before {
	color: #fff !important;
}
.slick-prev,
.slick-next,
.slick-prev:before,
.slick-next:before,
.slick-prev.slick-disabled,
.slick-next.slick-disabled,
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: 1 !important;
	visibility: visible !important;
	display: block !important;
}

@media screen and (max-width: 599px){
	.slick-prev,
	.slick-next {
		background: #e71a0f !important;
		z-index: 9999 !important;
		position: absolute !important;
	}
	.slick-dots {
		width: initial !important;
		max-width: initial !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		padding: 0em 0px 5em !important;
	}
	.slick-dots li {
		margin: 0 3px !important;
	}
}
/*********************スライダーの端をぼかす***********************/
.swiper {
	-webkit-mask-image: linear-gradient(
		to right,
		transparent 0%,
		black 12%,
		black 88%,
		transparent 100%
	);
	mask-image: linear-gradient(
		to right,
		transparent 0%,
		black 12%,
		black 88%,
		transparent 100%
	);
}
@media screen and (max-width: 767px) {
.swiper {
		-webkit-mask-image: none;
		mask-image: none;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.swiper {
		-webkit-mask-image: linear-gradient(
			to right,
			transparent 0%,
			black 14%,
			black 86%,
			transparent 100%
		);
		mask-image: linear-gradient(
			to right,
			transparent 0%,
			black 14%,
			black 86%,
			transparent 100%
		);
	}
}
@media screen and (min-width: 1025px) {
.swiper {
		-webkit-mask-image: linear-gradient(
			to right,
			transparent 0%,
			black 10%,
			black 90%,
			transparent 100%
		);
		mask-image: linear-gradient(
			to right,
			transparent 0%,
			black 10%,
			black 90%,
			transparent 100%
		);
	}
}

/* -------------------------------------------------------------
- CTA
---------------------------------------------------- */
.reserve_container{
	position: relative;
	width: 100%;
	height: 520px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #fff;
	z-index: 100;
}
.reserve_container::before {
	content: "";
	position: absolute;
	inset: 0;
	background: url(/fair/newlife/images/bg_reserve.webp) center / cover no-repeat;
	filter: brightness(0.7);
	z-index: -1;
	overflow: hidden;
}
.reserve_container .head{
	width: 100%;
	max-width: 870px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.reserve_container .head ul:first-of-type{
	width: 20%;
}
.reserve_container .head ul:first-of-type li{
	width: 100%;
}
.reserve_container .head ul:first-of-type li img{
	width: 100%;
	max-width: 140px;
}
.reserve_container .head ul:last-of-type{
	width: 80%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.reserve_container .head ul:last-of-type li{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.reserve_container .head ul:last-of-type li h2{
	font-size: 46px;
	font-weight: bold;
	color: #fff;
}
.reserve_container .head ul:last-of-type li:first-of-type p{
	margin-left: 3%;
	padding: 2px 21px;
	font-size: 20px;
	color: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
.reserve_container .head ul:last-of-type li:last-of-type p{
	padding: 5px;
	font-size: 28px;
	color: #fff;
}
.reserve_container .btn_area{
	width: 100%;
	max-width: 870px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.reserve_container .btn_area ul{
	width: 50%;
	padding: 3% 2%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
}
.reserve_container .btn_area ul:first-of-type li{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.reserve_container .btn_area ul:first-of-type li a{
	position: relative;
	width: 100%;
	height: 200px;
	background: linear-gradient(140deg, #007f44 0%, #014d2a 100%);
	color: #fff;
	border: 1px solid #fff6ac;
	border-radius: 10px;
	filter: drop-shadow(10px 10px 2px rgba(0, 0, 0, .4));
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-family: 'Noto Sans JP', sans-serif;
	overflow: hidden;
}
.reserve_container .btn_area ul:first-of-type li a::before {
	position: absolute;
	content: '';
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 45%, rgba(255, 255, 255, 0) 100%);
	transform: skewX(-45deg);
	animation: shine-btn 3.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite;
	}
	@keyframes shine-btn {
	0% {
		left: -100%;
	}
	25% {
		left: 140%;
	}
	100% {
		left: 140%;
	}
	}
.reserve_container .btn_area ul:first-of-type li a p:first-of-type{
	font-size: 24px;
	padding-bottom: 5px;
}
.reserve_container .btn_area ul:first-of-type li a p:last-of-type{
	font-size: 16px;
}
.reserve_container .btn_area ul:last-of-type li{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.reserve_container .btn_area ul:last-of-type li a{
	width: 100%;
	height: 100px;
	background: #eee;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #222;
	font-size: 20px;
	filter: drop-shadow(7px 10px 2px rgba(0, 0, 0, .4));
}
.reserve_container .btn_area ul:last-of-type li a p:first-of-type{
	font-size: 24px;
}
.reserve_container .btn_area ul:last-of-type li a p:last-of-type{
	font-size: 16px;
}
.reserve_container .btn_area ul:last-of-type li:last-of-type{
	padding-top: 30px;
}
.reserve_container .btn_area ul:last-of-type li:last-of-type p{
	padding-bottom: 8px;
	color: #fff;
	border-bottom: 1px solid;
}
.reserve_container .btn_area ul:last-of-type li:last-of-type a{
	height: initial;
	background: none;
	border: none;
	color: #fff;
	padding: 6px 0px 3px;
	width: auto;
	border-radius: initial;
	font-size: 18px;
	filter: none;
}
.arrow{
	display: inline-block;
	width: 17px;
	height: 17px;
	border: 3px solid;
	border-color: #fff #fff transparent transparent;
	transform: rotate(45deg);
}
.reserve_container .btn_area ul:last-of-type .arrow{
	border: 1px solid;
	border-color: #222 #222 transparent transparent;
}
@media screen and (max-width: 599px){
	.reserve_container {
		height: 600px;
	}
	.reserve_container .head {
		flex-direction: column;
	}
	.reserve_container .head ul:last-of-type li {
		flex-direction: column;
	}
	.reserve_container .head ul:last-of-type li h2 {
		font-size: 33px;
	}
	.reserve_container .head ul:last-of-type li:first-of-type p {
		margin-left: initial;
		margin: 6px 0;
		padding: 7px 25px;
		font-size: 15px;
	}
	.reserve_container .head ul:last-of-type li:last-of-type p {
		font-size: 15px;
	}
	.reserve_container .btn_area {
		flex-direction: column;
	}
	.reserve_container .btn_area ul {
		width: 100%;
		padding: 3% 10%;
	}
	.reserve_container .btn_area ul:first-of-type li a {
		height: 100px;
	}
	.reserve_container .btn_area ul:first-of-type li a p:first-of-type {
		font-size: 20px;
	}
	.reserve_container .btn_area ul:first-of-type li a p:last-of-type {
		font-size: 14px;
	}
	.arrow {
		width: 13px;
		height: 13px;
		border: 2px solid;
	}
	.reserve_container .btn_area ul:last-of-type li a {
		height: 40px;
		font-size: 16px;
	}
	.reserve_container .btn_area ul:last-of-type .arrow {
		width: 10px;
		height: 10px;
	}
	.reserve_container .btn_area ul:last-of-type li:last-of-type p {
		padding-bottom: 4px;
		font-size: 14px;
	}
	.reserve_container .btn_area ul:last-of-type li:last-of-type a {
		font-size: 14px;
	}
}
@media only screen and (min-width:600px) and (max-width:1024px) {
	.reserve_container {
		height: 600px;
	}
	.reserve_container .head {
		flex-direction: column;
	}
	.reserve_container .head ul:last-of-type li {
		flex-direction: column;
	}
	.reserve_container .head ul:last-of-type li h2 {
		font-size: 33px;
	}
	.reserve_container .head ul:last-of-type li:first-of-type p {
		margin-left: initial;
		margin: 6px 0;
		padding: 7px 25px;
		font-size: 15px;
	}
	.reserve_container .head ul:last-of-type li:last-of-type p {
		font-size: 15px;
	}
	.reserve_container .btn_area {
		flex-direction: column;
	}
	.reserve_container .btn_area ul {
		width: 100%;
		padding: 3% 10%;
	}
	.reserve_container .btn_area ul:first-of-type li {
		max-width: 400px;
	}
	.reserve_container .head ul:first-of-type li img {
		max-width: 80px;
	}
	.reserve_container .btn_area ul:first-of-type li a {
		height: 100px;
	}
	.reserve_container .btn_area ul:first-of-type li a p:first-of-type {
		font-size: 20px;
	}
	.reserve_container .btn_area ul:first-of-type li a p:last-of-type {
		font-size: 14px;
	}
	.arrow {
		width: 13px;
		height: 13px;
		border: 2px solid;
	}
	.reserve_container .btn_area ul:last-of-type li {
		max-width: 400px;
	}
	.reserve_container .btn_area ul:last-of-type li a {
		height: 40px;
		font-size: 16px;
	}
	.reserve_container .btn_area ul:last-of-type .arrow {
		width: 10px;
		height: 10px;
	}
	.reserve_container .btn_area ul:last-of-type li:last-of-type p {
		padding-bottom: 4px;
		font-size: 14px;
	}
	.reserve_container .btn_area ul:last-of-type li:last-of-type a {
		font-size: 14px;
	}
}



@media (max-width: 767px) {

	.item-swiper {
	  padding-bottom: 40px; /* ページネーション分 */
	}
  
	.item-swiper .swiper-slide {
	  width: auto;
	}
  
	.swiper-button-prev,
	.swiper-button-next {
	  color: #000;
	}
  
  }