@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; } }

	#baby_uvmist_cp	img		{ width:100%; display:block; vertical-align:bottom; }
	#baby_uvmist_cp a img	{ transition:opacity ease 0.3s;			}
	#baby_uvmist_cp .ma		{ margin-left:auto; margin-right:auto;	}
	#baby_uvmist_cp .pr		{ position:relative;					}
	#baby_uvmist_cp .pa		{ position:absolute;					}
	#baby_uvmist_cp .pf		{ position:fixed;						}
	#baby_uvmist_cp .db		{ display:block;						}
	#baby_uvmist_cp .di		{ display:inline;						}
	#baby_uvmist_cp .dib	{ display:inline-block;					}
	#baby_uvmist_cp .dn		{ display:none;							}
	#baby_uvmist_cp .df		{ display:flex;							}
	#baby_uvmist_cp .fww	{ flex-wrap:wrap;						}
	#baby_uvmist_cp .fwnw	{ flex-wrap:nowrap;						}
	#baby_uvmist_cp .jcc	{ justify-content:center;				}
	#baby_uvmist_cp .jcsb	{ justify-content:space-between;		}
	#baby_uvmist_cp .jcfs	{ justify-content:flex-start;			}
	#baby_uvmist_cp .jcfe	{ justify-content:flex-end;				}
	#baby_uvmist_cp .aic	{ align-items:center;					}
	#baby_uvmist_cp .aifs	{ align-items:flex-start;				}
	#baby_uvmist_cp .aife	{ align-items:flex-end;					}
	#baby_uvmist_cp .oxh	{ overflow-x:hidden;					}
	#baby_uvmist_cp .tl		{ text-align:left;						}
	#baby_uvmist_cp .tc		{ text-align:center;					}
	#baby_uvmist_cp .tr		{ text-align:right;						}
	#baby_uvmist_cp .tj		{ text-align:justify;					}
	#baby_uvmist_cp .hac	{ left:51%; transform:translateX(-50%); }
	#baby_uvmist_cp .vam	{ top :50%; transform:translateY(-50%); }

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

	/*
	#anchor-a	{ padding-top:70px; margin-top:-70px; }
	*/



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

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

	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; }
	main							{ margin:0; }
	#baby_uvmist_cp					{ 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:50px 0; }
	
	@media screen and (max-width:750px)
	{
		header						{ width:100vw; height:9.333vw; left:calc(50% - 50vw); padding:0 0 0 3.333vw; }
		header h1					{ width:29.333vw; }
		footer						{ height:unset; margin:0 0 0vw; }
	}



/* ----------------------------------
	bg
---------------------------------- */
	#baby_uvmist_cp .accBg {
		background:url('../img/parts/baby_uvmist_cp07-1.jpg') repeat-y center top / 100%;
	}
	#baby_uvmist_cp .accBg02 {
		background:url('../img/parts/baby_uvmist_cp22.jpg') no-repeat center top / 100%;
	}


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

	/* bttns */
	#baby_uvmist_cp .bttn						{ width:79.734%; cursor:pointer; }
	#baby_uvmist_cp .bttn01						{ bottom: 5%; }
	#baby_uvmist_cp .bttn02						{ bottom: 7%; }
	#baby_uvmist_cp .bttn03						{ bottom: 2%; }
	#baby_uvmist_cp .bttn04						{ bottom: 2%; }

	/* video_area */
	#baby_uvmist_cp .video						{ width:86.667%; top:0; padding-top:48.8%; }
	#baby_uvmist_cp .video iframe				{ left:0; top:0; width:100%; height:100%; }

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

	/* coupons */
	#baby_uvmist_cp .coupon						{ width: 87%; cursor:pointer; }
	#baby_uvmist_cp .coupon01					{ top: 7%; }
	#baby_uvmist_cp .coupon02           		{ top: 24vw; }
	@media screen and (min-width: 750px) {
		#baby_uvmist_cp .coupon02           {top: 180px;}
	}

/*  ========================
	*********  contents  *********
=============================================  */

#baby_uvmist_cp .rela {
	position: relative;
}
#baby_uvmist_cp .sec02 {
	margin-bottom: -75px;
}
#baby_uvmist_cp .acc {
    margin: auto;
    width: 84%;
	padding-bottom: 2%;
}
#baby_uvmist_cp .acc02 {
	background: none;
    width: 84%;
	padding-bottom: 0;
    margin: auto;
}
#baby_uvmist_cp .dn img {
	width: 553px;
}
#baby_uvmist_cp .acc02 .dn {
	padding: 5% 6%;
	border: 1px solid;
    background: #FFF;
	border-radius: 0;
}

/*  ========================
	*********  links  *********
=============================================  */

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

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


/*  ========================
	*********  商品カセット  *********
=============================================  */
#baby_uvmist_cp .ylw_bg{
    background-color: #FFF9D9;
    padding-bottom: 6vw;
}
#baby_uvmist_cp .four{
    width: 97.600%;
}
.coupon, .trg{
    cursor: pointer;
}
#baby_uvmist_cp .five{
    width: 86.667%;
}
#baby_uvmist_cp .five .trg::before, #baby_uvmist_cp .five .trg::after{
    content: '';
    width: 20px;
    height: 2px;
    display: block;
    border-top: solid 2px #666666;
    position: absolute;
    right: 6%;
    top: 50%;
}
#baby_uvmist_cp .five .trg::after{
    transition: transform 0.4s;
    transform: rotate(-90deg);
}
#baby_uvmist_cp .trg.active::after	{
     transition:transform 0.4s; transform:rotate(  0deg); 
    }
#baby_uvmist_cp .six{
    width: 86.667%;
    border-radius: 4vw;
    padding: 12vw 0 8vw;
    margin: 4vw auto 2vw;
}
#baby_uvmist_cp .cv_top{
    margin-top: 4vw;
}
#baby_uvmist_cp .cv_btn{
    bottom: 11.4%;
    width: 80%;
    left: 20%;
    transform: translate(-12.6%, 0);
}