@charset "UTF-8";

/* --------------------------------------
	global
-------------------------------------- */

	/* hacks */

	@media only screen and (min-width:768px) { .sp { display:none !important; } }
	@media only screen and (max-width:767px) { .pc { display:none !important; } }

	#oligo_shttr_tr	img		{ width:100%; display:block; vertical-align:bottom; }
	#oligo_shttr_tr a img	{ transition:opacity ease 0.3s;			}
	#oligo_shttr_tr .ma		{ margin-left:auto; margin-right:auto;	}
	#oligo_shttr_tr .pr		{ position:relative; background-color: #FDF9ED;}
	#oligo_shttr_tr .pr.couponbox { background-color: transparent; }
	#oligo_shttr_tr .pa		{ position:absolute;					}
	#oligo_shttr_tr .pf		{ position:fixed;						}
	#oligo_shttr_tr .db		{ display:block;						}
	#oligo_shttr_tr .di		{ display:inline;						}
	#oligo_shttr_tr .dib	{ display:inline-block;					}
	#oligo_shttr_tr .dn		{ display:none;							}
	#oligo_shttr_tr .df		{ display:flex;							}
	#oligo_shttr_tr .fww	{ flex-wrap:wrap;						}
	#oligo_shttr_tr .fwnw	{ flex-wrap:nowrap;						}
	#oligo_shttr_tr .jcc	{ justify-content:center;				}
	#oligo_shttr_tr .jcsb	{ justify-content:space-between;		}
	#oligo_shttr_tr .jcfs	{ justify-content:flex-start;			}
	#oligo_shttr_tr .jcfe	{ justify-content:flex-end;				}
	#oligo_shttr_tr .aic	{ align-items:center;					}
	#oligo_shttr_tr .aifs	{ align-items:flex-start;				}
	#oligo_shttr_tr .aife	{ align-items:flex-end;					}
	#oligo_shttr_tr .oxh	{ overflow-x:hidden;					}
	#oligo_shttr_tr .tl		{ text-align:left;						}
	#oligo_shttr_tr .tc		{ text-align:center;					}
	#oligo_shttr_tr .tr		{ text-align:right;						}
	#oligo_shttr_tr .tj		{ text-align:justify;					}
	#oligo_shttr_tr .hac	{ left:50%; transform:translateX(-50%); }
	#oligo_shttr_tr .vam	{ top :50%; transform:translateY(-50%); }
	#oligo_shttr_tr .z0		{ z-index:0;							}
	#oligo_shttr_tr .z1		{ z-index:1;							}
	#oligo_shttr_tr .z2		{ z-index:2;							}
	#oligo_shttr_tr .z3		{ z-index:3;							}
	#oligo_shttr_tr .z4		{ z-index:4;							}
	#oligo_shttr_tr .z5		{ z-index:5;							}

	.marugo { font-family:dnp-shuei-mgothic-std, 'Shuei MaruGo', sans-serif !important; font-weight:400; }
	.bold,
	.bold * { font-weight:600 !important; }
	.orange { color:#ff8701; }



/* ----------------------------------
	layout
---------------------------------- */

	body
	{
		scrollbar-width		:none; /*Firefox対応のスクロールバー非表示コード*/
		-ms-overflow-style	:none; /*Internet Explore対応のスクロールバー非表示コード*/
	}
	body::-webkit-scrollbar			{ display:none; /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/ }
	body							{ background:#F9F5ED; }

	header							{ background:rgba(255,255,255,0.75); max-width:750px; width:100%; height:70px; position:fixed; left:calc(50% - 375px); top:0; padding:0 0 0 25px; z-index:999; }
	header h1						{ width:220px; }
	header nav .menu				{ background:#fffdeb; }
	header nav .menu__inner ul li a	{ color:#333; font-size:1.8rem; }
	header nav .menu .closeBtn span	{ color:#333; }

	main							{ padding-top: 70px; }

	#oligo_shttr_tr					{ max-width:750px; background:#fff; box-shadow:0px 0px 54px 0px rgb(0 0 0 / 30%); overflow-x:hidden; margin:auto; }
	footer							{ height:unset; margin:0 0 90px; }

	@media screen and (max-width:750px)
	{
		main							{ padding-top: 28.84px; }
		header							{ max-width:100vw; height:9.333vw; left:calc(50% - 50vw); padding:0 0 0 3.333vw; }
		header h1						{ width:29.333vw; }
		#oligo_shttr_tr					{ max-width:100vw; box-shadow:0 0 7.2vw 0 rgb(0 0 0 / 30%); }
		footer							{ margin:0 0 12vw; }
	}



/* ----------------------------------
	bg
---------------------------------- */

	#oligo_shttr_tr section.fv		{ background:url('../img/bg/01.png') 0 0 / 100% no-repeat; }
	#oligo_shttr_tr section.blk-02	{ background:url('../img/bg/02.png') 0 0 / 100% no-repeat; }
	#oligo_shttr_tr section.blk-03	{ background:url('../img/bg/03.png') 0 0 / 100% no-repeat; }
	#oligo_shttr_tr section.blk-04	{ background:url('../img/bg/04.png') 0 0 / 100% no-repeat; }
	#oligo_shttr_tr section.blk-04-2	{ background:url('../img/bg/04-2.png') 0 0 / 100% no-repeat; }
	#oligo_shttr_tr section.blk-05	{ background:url('../img/bg/05.png') 0 0 / 100% no-repeat; }
	#oligo_shttr_tr section.blk-06	{ background:url('../img/bg/06.png') 0 0 / 100% no-repeat; }
	#oligo_shttr_tr section.blk-07	{ background:url('../img/bg/07.png') 0 0 / 100% no-repeat; }
	#oligo_shttr_tr section.blk-08	{ background:url('../img/bg/08.png') 0 0 / 100% no-repeat; }
	#oligo_shttr_tr section.blk-09	{ background:url('../img/bg/09.png') 0 0 / 100% no-repeat; }
	#oligo_shttr_tr section.blk-10	{ background:#f7f2e6; }
	#oligo_shttr_tr section.blk-14	{ background:#f7f2e6; padding-top: 115px; }
	#oligo_shttr_tr section.blk-11	{ background:url('../img/bg/11.png') 0 -65px / 100% no-repeat; }
	#oligo_shttr_tr section.blk-12	{ background:url('../img/bg/12.png') 0 0 / 100% no-repeat; }
	#oligo_shttr_tr section.blk-13	{ background:url('../img/bg/13.png') 0 0 / 100% no-repeat; }

	#oligo_shttr_tr .bgwhite { background-color: #FFF; }

/* ----------------------------------
	decorations
---------------------------------- */

	#oligo_shttr_tr	.period { position: relative; z-index: 1; margin: 80px 0 -30px; }

	/* fade  */
	#oligo_shttr_tr	.fadeIn,
	#oligo_shttr_tr	.fadeIn.faded					{ transition: 1.2s;}

	/* btns */
	#oligo_shttr_tr .btn1							{ width:572px; top:2241px;}
	#oligo_shttr_tr .btn2							{ width:572px; top:3256px;}
	#oligo_shttr_tr .btn3							{ width:572px; top:4516px; }

	#oligo_shttr_tr .btn4							{ width:572px; top:1176px;}
	#oligo_shttr_tr .btn5							{ width:572px; top:2189px;}
	#oligo_shttr_tr .btn6							{ width:572px; top:3449px;}

	#oligo_shttr_tr .btn7							{ width:572px; top:1013px; }
	#oligo_shttr_tr .btn8							{ width:572px; top:2028px;}
	#oligo_shttr_tr .btn9							{ width:572px; top:3289px;}

	#oligo_shttr_tr .btn10							{ width:572px; top:1131px; }
	#oligo_shttr_tr .btn11							{ width:572px; top:2138px;}
	#oligo_shttr_tr .btn12							{ width:572px; top:3406px;}
	
	#oligo_shttr_tr .btn13							{ width:572px; top:2556px;}

	/* #oligo_shttr_tr .btn5							{ width:572px; top:2557px; }
	#oligo_shttr_tr .btn6							{ width:572px; top: 924px; }
	#oligo_shttr_tr .btn10							{ width:572px; top: 2501px; } */

	/* decss */
	#oligo_shttr_tr .dec1							{ width:100%;				top: -50px; }
	#oligo_shttr_tr .dec2							{ width:100%;				top:1460px; }
	#oligo_shttr_tr .dec3							{ width:100%;				top: -210px;}
	#oligo_shttr_tr .dec4							{ width:201px;	left: 18px;	top:3400px; }
	#oligo_shttr_tr .dec5							{ width:335px;	left: 10px;	top:1490px; }
	#oligo_shttr_tr .dec6							{ width:326px;	right:10px;	top:3130px; }
	#oligo_shttr_tr .dec7							{ width:137px;	left:100px;	top:6190px; }
	#oligo_shttr_tr .dec8							{ width:297px;	left: 60px;	top:-380px; }

	/* video */
	#oligo_shttr_tr .video							{ width:550px; top:200px; }

	/* bstバナー */
	.bst{
		margin-top: -83px;
	}

	/* acc */
	/* #oligo_shttr_tr .acc .trg::before,
	#oligo_shttr_tr .acc .trg::after				{ transition:transform 0.5s; content:''; display:block; background:#756c67; width:3%; height:3%; position:absolute; right:15%; top:50%; }
	#oligo_shttr_tr .acc .trg::after				{ transition:transform 0.5s; transform:rotate(90deg); }
	#oligo_shttr_tr .acc .trg.active::after			{ transition:transform 0.5s; transform:rotate( 0deg); } */

	@media screen and (max-width:750px)
	{
		/* bstバナー */
		p.bst{ margin-top: -11%;}

		#oligo_shttr_tr	.period { margin: 9.333vw 0 -4vw; }
		#oligo_shttr_tr section.blk-11	{ background:url('../img/bg/11.png') 0 -8.666vw / 100% no-repeat; }
		#oligo_shttr_tr section.blk-14	{ padding-top: 17.333vw; }

		/* btns */
		#oligo_shttr_tr .btn1						{ width:76.267vw; top:298.666vw; }
		#oligo_shttr_tr .btn2						{ width:76.267vw; top:434.566vw; }
		#oligo_shttr_tr .btn3						{ width:76.267vw; top:602.666vw; }

		#oligo_shttr_tr .btn4						{ width:76.267vw; top:157vw; }
		#oligo_shttr_tr .btn5						{ width:76.267vw; top:291.966vw; }
		#oligo_shttr_tr .btn6						{ width:76.267vw; top:460.233vw; }

		#oligo_shttr_tr .btn7						{ width:76.267vw; top:135.466vw; }
		#oligo_shttr_tr .btn8						{ width:76.267vw; top:270.9vw; }
		#oligo_shttr_tr .btn9						{ width:76.267vw; top:438.966vw; }

		#oligo_shttr_tr .btn10						{ width:76.267vw; top:152.333vw; }
		#oligo_shttr_tr .btn11						{ width:76.267vw; top:288.133vw; }
		#oligo_shttr_tr .btn12						{ width:76.267vw; top:456.233vw; }
		
		#oligo_shttr_tr .btn13						{ width:76.267vw; top:340.266vw; }

		/* decss */
		#oligo_shttr_tr .dec1						{ width:100%;						top: -6.667vw; }
		#oligo_shttr_tr .dec2						{ width:100%;						top:194.667vw; }
		#oligo_shttr_tr .dec3						{ width:100%;						top:-28vw; }
		#oligo_shttr_tr .dec4						{ width:26.800vw;	left: 2.400vw;	top:453.333vw; }
		#oligo_shttr_tr .dec5						{ width:44.667vw;	left: 1.333vw;	top:198.666vw; }
		#oligo_shttr_tr .dec6						{ width:43.467vw;	right:1.333vw;	top:417.333vw; }
		#oligo_shttr_tr .dec7						{ width:18.267vw;	left:13.333vw;	top:825.333vw; }
		#oligo_shttr_tr .dec8						{ width:39.600vw;	left: 8.000vw;	top:-50.666vw; }

		/* video */
		#oligo_shttr_tr .video						{ width:73.333vw; top:26.667vw; }
	}



/* ----------------------------------
	links
---------------------------------- */

	#oligo_shttr_tr .links div								{ background:url('../img/links/bg.png') center top / 100% repeat-y; }
	#oligo_shttr_tr .links div.branches						{ padding:0 0 75px; }
	#oligo_shttr_tr .links div.branches ul					{ margin:30px 0 0 0;}
	#oligo_shttr_tr .links div.branches ul li				{ margin:0 auto 30px; }
	#oligo_shttr_tr .links div.branches ul li:nth-child(1)	{ width:61.200%; }
	#oligo_shttr_tr .links div.branches ul li:nth-child(2)	{ width:18.801%; }
	#oligo_shttr_tr .links div.branches ul li:nth-child(3)	{ width:14.134%; }
	#oligo_shttr_tr .links div.branches ul li:nth-child(4)	{ width:50.134%; margin-bottom:0; }
	#oligo_shttr_tr .links div.branches ul li a				{ font-size:32px; color:#649ed5; text-decoration:underline; margin:0 0 30px; }
	#oligo_shttr_tr .links div.tel							{ padding:0 0 75px; }
	#oligo_shttr_tr .links div.tel .number					{ width:78.668%;						margin:40px auto 30px; }
	#oligo_shttr_tr .links div.tel .txt						{ font-size:24px; }
	#oligo_shttr_tr .links div.sns ul:nth-of-type(1)		{ width:69.6%;		padding:40px 0;		margin:0 auto; }
	#oligo_shttr_tr .links div.sns ul:nth-of-type(2)		{ width:50.0%;							margin:0 auto; }
	#oligo_shttr_tr .links div.sns ul:nth-of-type(1) li		{ width:45.978%; }
	#oligo_shttr_tr .links div.sns ul:nth-of-type(2) li		{ width:24.268%; }
	#oligo_shttr_tr footer .logo							{ width:46.668%;	padding:50px 0;		margin:0 26.5%; }
	#oligo_shttr_tr footer small							{ font-size:20px; }

	@media screen and (max-width:750px)
	{
		#oligo_shttr_tr .links div.branches					{ padding:0 0 10vw; }
		#oligo_shttr_tr .links div.branches ul				{ margin:4vw 0 0 0; }
		#oligo_shttr_tr .links div.branches ul li			{ margin:0 auto 4vw; }
		#oligo_shttr_tr .links div.branches ul li a			{ font-size:4.267vw; margin:0 0 4vw; }
		#oligo_shttr_tr .links div.tel						{ padding:0 0 10vw; }
		#oligo_shttr_tr .links div.tel .number				{ margin:5.333vw auto 4vw; }
		#oligo_shttr_tr .links div.tel .txt					{ font-size:3.2vw; }
		#oligo_shttr_tr .links div.sns ul:nth-of-type(1)	{ padding:5.333vw 0; }
		#oligo_shttr_tr footer .logo						{ padding:6.667vw 0; }
		#oligo_shttr_tr footer small						{ font-size:2.667vw; }
	}



/* ----------------------------------
	slide, slick
---------------------------------- */

	.slide ul								{ width:100%; left:0%; top:350px; }
	.slide ul li							{ width:550px; margin:0 10px; }
	.slide .slick-prev						{ z-index:10; border-radius:50%; font-size:0; opacity:0.8; width:118px; height:118px; background:url(../img/slide/arrow-prev.png) center no-repeat; background-size:contain; left :2.5%; top:50%; }
	.slide .slick-next						{ z-index:10; border-radius:50%; font-size:0; opacity:0.8; width:118px; height:118px; background:url(../img/slide/arrow-next.png) center no-repeat; background-size:contain; right:2.5%; top:50%; }
	.slide .slick-prev::before				{ content:''; border:0px; transform:rotate(45deg); position:absolute; }
	.slide .slick-next::before				{ content:''; border:0px; transform:rotate(45deg); position:absolute; }
	.slide .slick-slide img					{ display:block; margin:auto; }
	.slide .slick-dots						{ display:flex; flex-wrap:nowrap; justify-content:center; align-items:flex-start; margin-top:50px; list-style:none; }
	.slide .slick-dots li					{ background:#ffffff; width:15px; height:15px; border:solid 2px #f29b8f; border-radius:50%; }
	.slide .slick-dots li.slick-active		{ background:#f29b8f; }
	.slide .slick-dots li button			{ display:none; }

	@media screen and (max-width:750px)
	{
		.slide ul							{ top:46.667vw; }
		.slide ul li						{ width:73.333vw; margin:0 1.333vw; }
		.slide .slick-prev					{ width:15.733vw; height:15.733vw; }
		.slide .slick-next					{ width:15.733vw; height:15.733vw; }
		.slide .slick-dots					{ margin-top:6.667vw; }
		.slide .slick-dots li				{ width:2vw; height:2vw; border:solid 0.267vw #f29b8f; }
	}


/* クーポン使い方の部分 */
/* ----------------------------
	acc
---------------------------- */

.acc_area .acc {
	width: 78.8%;
	top: 50px;
  }
  
  @media screen and (max-width:767px) {
	.acc_area .acc {
		top: 6.667vw;
	}
  }
  
  .acc_area .acc::before,
  .acc_area .acc::after {
	content: '';
	width: 3.6%;
	height: 2%;
	background: #756c67;
	position: absolute;
	right: 4.8%;
	top: 50%;
  }
  
  .acc_area .acc::after {
	transition: transform 0.4s 0.1s ease-in-out;
	transform: rotate(90deg);
  }
  
  .acc_area .acc.active::after {
	transition: transform 0.4s 0.1s ease-in-out;
	transform: rotate( 0deg);
  }
  
  .qa .acc::before,
  .qa .acc::after {
	content: '';
	width: 2.8%;
	height: 2%;
	background: #ffffff;
	position: absolute;
	right: 4.8%;
	top: 64.8%;
  }
  
  .qa .acc::after {
	transition: transform 0.4s 0.1s ease-in-out;
	transform: rotate(90deg);
  }
  
  .qa .acc.active::after {
	transition: transform 0.4s 0.1s ease-in-out;
	transform: rotate( 0deg);
  }
  
  
  
  /* accordion */
  .acc-wrap .acc::before,
  .acc-wrap .acc::after {
	transition: transform 0.5s;
	content: '';
	display: block;
	background: #756c67;
	width: 3%;
	height: 4%;
	position: absolute;
	right: 10%;
	top: 50%;
  }
  
  .acc-wrap .acc::after {
	transition: transform 0.5s;
	transform: rotate(90deg);
  }
  
  .acc-wrap .acc.active::after {
	transition: transform 0.5s;
	transform: rotate(0deg);
  }