@charset "utf-8";

@import "keyframes.css";
#container { background: #063c93;}
body.fixed { position: fixed;}
.wrap { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; z-index: 2;}

.bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%;}
.bg div { width: 100%; max-width: 1280px; height: 100%; margin: 0 auto; background: url('../img/nightrepair/bg.jpg') repeat-y 50% 0 / 100% auto;}
@media (max-width: 641px) {
	.bg-2 { background: url('../img/nightrepair/bg-sp.jpg') repeat-y 50% 0;}
}
@media (max-width: 801px) {
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	.wrap.pb { padding-bottom: 80px;}
}

#ft { background: url('../img/bg-ft-sv.jpg') no-repeat 50% 50% / cover;}
@media (max-width: 641px) {
	#ft { background: url('../img/bg-ft-sv-sp.jpg') no-repeat 50% 100% / 100% auto;}
}



#kv-nightrepair { position: relative; width: 100%;}
#kv-nightrepair .inner-kv { position: relative; width: 100%; max-width: 1280px; margin: 0 auto;}
#kv-nightrepair .txt { position: absolute; left: 0%; z-index: 10; width: 100%; padding-top: 100px;}
#kv-nightrepair .txt h1 { width: 50%; margin-bottom: 30px; text-align: center;}
#kv-nightrepair .txt p { width: 50%; text-align: center;}
#kv-nightrepair .txt h1 img,
#kv-nightrepair .txt p img { position: relative; width: 80%; max-width: 400px; opacity: 0; transform: translateY(20px);}
#kv-nightrepair .txt h1 img{ transition: 0.4s linear;}
#kv-nightrepair .txt p img { transition: 0.4s linear 0.4s;}
#kv-nightrepair .bg-kv { position: relative; width: 100%; z-index: 1;}
#kv-nightrepair .bg-kv img { width: 100%;}
#kv-nightrepair .bg-kv img.sp { display: none;}
#kv-nightrepair .kv-sp { position: relative; width: 100%; display: none;}
#kv-nightrepair .kv-pc img,
#kv-nightrepair .kv-sp img{ width: 100%;}
#kv-nightrepair .txt-sp { display: none; position: absolute; left: 0; width: 100%; z-index: 4; }
#kv-nightrepair .txt-sp p { text-align: center;}
#kv-nightrepair .txt-sp p img { position: relative; width: 60%; transition: 0.4s linear 0.4s; opacity: 0; transform: translateY(20px);}
#kv-nightrepair .news { position: absolute; left: 0%; top: 65%; width: 100%; z-index: 5;}
#kv-nightrepair .news .inner { position: relative; width: 50%; transition: 0.4s linear 0.8s; opacity: 0; transform: translateY(20px);}
#kv-nightrepair .news .inner div { width: 92%; max-width: 400px; margin: 0 auto;}
#kv-nightrepair .news .inner div a { display: block; margin: 0 auto; padding: 20px; background: url('../img/nightrepair/bg-news.png') no-repeat 50% 50%  / 100% 100%; color: #0f275d; text-decoration: none;}
#kv-nightrepair .news a dl { display: table; width: 100%; margin: 0 auto;}
#kv-nightrepair .news a dl dt,
#kv-nightrepair .news a dl dd { display: table-cell; vertical-align: middle;}
#kv-nightrepair .news a dl dt { width: 90px;}
#kv-nightrepair .news a dl dt img{ width: 100%;}
#kv-nightrepair .news a dl dd { width: auto; padding-left: 15px; font-size: 15px;}
#kv-nightrepair .news a dl dd span.date { display: block; font-size: 12px;}
#kv-nightrepair .news a:hover { opacity: 0.85;}
#kv-nightrepair.show .txt h1 img,
#kv-nightrepair.show .txt p img,
#kv-nightrepair.show .news div { opacity: 1; transform: translateY(0px);}
#kv-nightrepair.show .txt-sp p img { opacity: 1; transform: translateY(0px);}
@media (max-width: 1401px) {
}
@media (max-width: 1201px) {
	#kv-nightrepair .txt { padding-top: 7.0vw;}
	#kv-nightrepair .txt h1 { margin-bottom: 20px;}
}
@media (max-width: 1001px) {
}
@media (max-width: 801px) {
	#kv-nightrepair .txt h1 { width: 100%; margin-bottom: 0px;}
	#kv-nightrepair .txt p { display: none;}

	#kv-nightrepair .txt-sp { display: block; bottom: 25vw;}

	#kv-nightrepair .news { top: auto; bottom: 5vw;}
	#kv-nightrepair .news .inner { width: 100%;}
	#kv-nightrepair .bg-kv img.pc { display: none;}
	#kv-nightrepair .bg-kv img.sp { display: block;}
}
@media (max-width: 641px) {
	#kv-nightrepair .txt h1 img { width: 52%;}
}
@media (max-width: 481px) {
	#kv-nightrepair .txt-sp { bottom: 30vw;}
	#kv-nightrepair .news .inner div { width: 88%;}
	#kv-nightrepair .news a dl dt { width: 60px;}
	#kv-nightrepair .news a dl dd { font-size: 13px;}
	#kv-nightrepair .news a dl dd span.date { font-size: 11px;}
}

#bg-shooting { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; overflow: hidden;}
#bg-shooting .stars { position: relative; width: 100%; height: 100%;}
#bg-shooting .stars span { position: absolute; display: block; width: 15px; height: 20px;
 background: url('../img/top/star.png') no-repeat 50% 50% / 100% 100%; opacity: 1;
}
#bg-shooting .stars span { animation: flash-l 2.75s infinite;}
#bg-shooting .stars span:nth-of-type(1){ top: 10%; left: 10%; animation-delay: 0.5s;}
#bg-shooting .stars span:nth-of-type(2){ top: 7%; left: 22%; animation-delay: 0.0s;}
#bg-shooting .stars span:nth-of-type(3){ top: 18%; right: 5%; animation-delay: 1.5s;}
#bg-shooting .stars span:nth-of-type(4){ top: 22%; left: 12%; animation-delay: 2.0s;}
#bg-shooting .stars span:nth-of-type(5){ top: 42%; right: 12%; animation-delay: 1.0s;}
#bg-shooting .stars span:nth-of-type(6){ top: 50%; left: 45%; animation-delay: 0.0s;}
#bg-shooting .stars span:nth-of-type(7){ top: 18%; left: 10%; animation-delay: 2.0s;}
#bg-shooting .stars span:nth-of-type(8){ top: 8%; right: 36%; animation-delay: 1.0s;}
#bg-shooting .stars span:nth-of-type(9){ top: 62%; right: 20%; animation-delay: 0.0s;}
#bg-shooting .stars span:nth-of-type(10){ top: 40%; left: 8%; animation-delay: 1.0s;}
#bg-shooting .stars span:nth-of-type(11){ top: 52%; right: 5%; animation-delay: 0.0s;}


.lead { width: 100%; padding: 80px 0 120px;}
.lead p { color: #fff; font-size: 28px; font-weight: 700; letter-spacing: 0.075rem; text-align: center;}
.lead p img { display: block; width: 90%; max-width: 650px; margin: 0 auto;}
.lead p span { display: block;}
.lead p sub { font-size: 16px; vertical-align: baseline;}

@media (max-width: 801px) {
	.lead { padding: 60px 0 40px;}
	.lead p { font-size: 3.6vw;}
	.lead p img{ max-width: 700px;}
}
@media (max-width: 481px) {
	.lead { padding: 40px 0;}
	.lead p { font-size: 15px;}
	.lead p sub { font-size: 10px;}
}


.ttl h2 { line-height: 1; text-align: center;}
.ttl h2 img { width: 85%; max-width: 500px;}
.ttl p { margin-top: -10px; color: #fff; font-size: 15px; letter-spacing: 0.15rem; text-align: center;}
@media (max-width: 481px) {
	.ttl p { margin-top: -6px; font-size: 12px;}
}

#point { padding-bottom: 120px;}
#point .ttl { margin-bottom: 50px;}
#point p.read { color: #fff; font-size: 26px; font-weight: 700; text-align: center;}
#point p.read span { display: block;}
#point .ctn-pc { position: relative;}
#point .ctn-pc .box { position: absolute; left: 0; top: 0; width: 100%;}
#point .ctn-pc.fixed .box { position: fixed;}
#point .ctn-pc .box.show {}
#point .ctn-pc .box .inner-box { width: 88%; max-width: 1024px; margin: 0 auto; padding: 50px 0; transition: 0.3s linear; opacity: 0;}
#point .ctn-pc .box.show .inner-box { opacity: 1;}
#point .ctn-pc .box .ctn-flex { display: flex; width: 100%; justify-content: space-between;}
#point .ctn-pc .box .tit { width: 48%;}
#point .ctn-pc .box .fig { width: 50%;}
#point .ctn-pc .box .tit img { width: 100%; height: auto;}
#point .ctn-pc .box .fig figure { width: 100%; border-radius: 30px; overflow: hidden;}
#point .ctn-pc .box .fig figure img { width: 100%; height: auto;}
/*
#point .ctn-pc .inner { position: relative;}
#point .ctn-pc .box { position: absolute; left: 0; top: 0; width: 100%; padding: 60px 0; text-align: center;}
#point .ctn-pc .box img{ opacity: 0; transition: 0.3s linear;}
#point .ctn-pc .box img { width: 100%; width: 92%; max-width: 1020px; margin: 0 auto;}
#point .ctn-pc.fixed .box { position: fixed;}
#point .ctn-pc .box.show img{ opacity: 1;}
*/
#point .ctn-sp { display: none;}
#point .ctn-sp ul { width: 92%; max-width: 680px; margin: 0 auto;}
#point .ctn-sp ul li { margin: 0 auto 30px;}
#point .ctn-sp ul li:last-child { margin: 0 auto;}
#point .ctn-sp ul li dl dt { position: relative; cursor: pointer;}
#point .ctn-sp ul li dl dt:after { content: ''; display: block; width: 20px; height: 20px; border-bottom: solid 2px #0343a1; border-right: solid 2px #0343a1;
 position: absolute; right: 6%; top: 50%; transform: translateY(-50%) rotate(45deg);
}
#point .ctn-sp ul li dl dt.open:after { transform: translateY(-40%) rotate(225deg);}
#point .ctn-sp ul li dl dd { display: none; padding-top: 15px; padding-left: 7%;}
#point .ctn-sp ul li dl dt img { width: 100%;}
#point .ctn-sp ul li dl dd img { width: 100%; border-radius: 30px;}
@media (max-width: 801px) {
	#point { padding-bottom: 80px;}
	#point .ttl { margin-bottom: 30px;}
	#point p.read { margin-bottom: 30px; font-size: 3.2vw;}
	#point .ctn-pc { display: none;}
	#point .ctn-sp { display: block;}
}
@media (max-width: 481px) {
	#point { padding-bottom: 60px;}
	#point .ttl { margin-bottom: 20px;}
	#point p.read { margin-bottom: 20px; font-size: 14px;}
	#point .ctn-sp ul li { margin: 0 auto 20px;}
	#point .ctn-sp ul li dl dt:after { width: 12px; height: 12px; right: 4%;}
	#point .ctn-sp ul li dl dd { padding-top: 10px;}
	#point .ctn-sp ul li dl dd img { border-radius: 20px;}
}


#product { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; background: #f6f4f7; z-index: 2;}
#product .signboard { position: relative; width: 100%;}
#product .signboard .tit { position: absolute; left: 0; top: 40px; width: 100%; z-index: 2;}
#product .signboard .tit h2 { text-align: center; }
#product .signboard .tit h2 img { display: block; width: 72%; max-width: 380px; margin: 0 auto 6px;}
#product .signboard .tit h2 span { display: block; color: #0343a1; font-size: 14px; font-weight: 700; letter-spacing: 0.1rem;}
#product .signboard .tit p { color: #0343a1; font-size: 15px; font-weight: 700; letter-spacing: 0.1rem;}
#product .signboard .btn { position: absolute; left: 0; bottom: 35px; width: 100%; z-index: 2;}
#product .signboard .btn .toggle { position: relative; width: 70%; max-width: 380px; margin: 0 auto; border-radius: 10px;
	background: linear-gradient(75deg,#4382ae, #79a5cd 25%, #b1c2d9 60%, #6ca2cc); cursor: pointer;
}
#product .signboard .btn .toggle:before,
#product .signboard .btn .toggle:after { content: ''; display: block; width: 4px; height: 30px; background: #fff; position: absolute; right: 30px; top: 50%; }
#product .signboard .btn .toggle:before{ transform: translateY(-50%);}
#product .signboard .btn .toggle:after { transform: translateY(-50%) rotate(90deg);}
#product .signboard .btn .toggle span { display: block; padding: 10px 0; padding-right: 30px;
 color: #fff; font-size: 24px; font-weight: 700; text-align: center;
}
#product .signboard .bg { position: relative; width: 100%;}
#product .signboard .bg img { width: 100%;}
#product .signboard .bg img.sp { display: none;}
#product .signboard .tit-sp { display: none;}
#product .signboard .tit-sp img{ width: 100%;}
@media (max-width: 801px) {
	#product .signboard .tit { top: 11.5vw;}
	#product .signboard .bg img.pc { display: none;}
	#product .signboard .bg img.sp { display: block;}
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	#product .signboard .tit { top: 8.0vw;}
	#product .signboard .btn { bottom: 30px;}
	#product .signboard .btn .toggle:before,
	#product .signboard .btn .toggle:after { width: 2px; height: 20px; right: 20px;}
	#product .signboard .btn .toggle span { font-size: 16px;}
}


#product .hide-ctn { display: none;}
#product .bloc { background: linear-gradient(155deg,#e8e9e1, #f0eef0 30%, #d9d8d4 45%, #f1f0ee 80%, #d9d8d4);}
#product .bloc .inner-bloc { padding: 60px 0;}
#product .bloc .ctn-flex { position: relative; display: flex; justify-content: space-between; width: 92%; max-width: 1080px; margin: 0 auto;}
#product .bloc .ctn-flex.sub { max-width: 920px;}
#product .bloc .ctn-flex.re { flex-direction: row-reverse;}
#product .bloc .img-ctn { width: 30%;}
#product .bloc .txt-ctn { width: 70%; position: relative;}
#product .bloc .item { width: 45%; max-width: 340px;}

#product .bloc .cart form { position: relative;	background: linear-gradient(75deg,#4382ae, #79a5cd 25%, #b1c2d9 60%, #6ca2cc); border-radius: 50px; overflow: hidden;}
#product .bloc .cart form svg { position: absolute; left: 15%; top: 30%; width: 24px; fill: #fff; z-index: 2; transition: 0.4s linear;}
#product .bloc .cart form input[type="submit"]{ display: block; width: 100%; padding: 18px 0; border: none;
 background: rgba(255,255,255,0); transition: 0.3s linear;
 color: #fff; font-size: 24px; line-height: 1; text-align: center; text-indent: 24px;
}
#product .bloc .cart form:hover svg { fill: #0e275d;}
#product .bloc .cart form:hover input[type="submit"]{ background: rgba(255,255,255,1); color: #0e275d;}

#product .bloc .img-ctn figure { text-align: center;}
#product .bloc .img-ctn figure img { width: 92%; max-width: 300px;}
#product .bloc .txt-ctn figure.sp { display: none;}
#product .bloc .txt-ctn .icn { width: 24%; max-width: 200px; margin-bottom: 30px;}
#product .bloc .txt-ctn .icn img { width: 100%;}
#product .bloc .txt-ctn .name { margin-bottom: 20px;}
#product .bloc .txt-ctn .name h3 { color: #0e275d; font-size: 40px;}
#product .bloc .txt-ctn .name h3 span { display: block; font-size: 28px;}
#product .bloc .txt-ctn .name h3 span.color-1 { color: #8a87cb;}
#product .bloc .txt-ctn .name h3 span.color-2 { color: #0c6c9c;}
#product .bloc .txt-ctn .name h3 span.color-3 { color: #41a8bf;}
#product .bloc .txt-ctn .name h3 span.color-4 { color: #0c6c9c;}
#product .bloc .txt-ctn .name h3 span sup { font-size: 14px;}
#product .bloc .txt-ctn .name h3 br { display: none;}
#product .bloc .txt-ctn .aside { position: relative;}
#product .bloc .txt-ctn .amount { margin-bottom: 30px;}
#product .bloc .txt-ctn .amount p { color: #0e275d; font-size: 24px; font-weight: 700; line-height: 1.2;}
#product .bloc .txt-ctn .amount p span { display: inline-block; padding: 2px 20px; border: solid 1px #0e275d; border-radius: 50px;}
#product .bloc .txt-ctn p.price { margin-bottom: 80px; color: #0e275d; font-size: 22px;}
#product .bloc .txt-ctn p.price span { display: block; font-size: 28px; font-weight: 700;}
#product .bloc .txt-ctn .smell { position: absolute; left: 50%; top: 50%; transform: translateY(-50%); width: 50%;}
#product .bloc .txt-ctn .smell figure { width: 100%; text-align: center;}
#product .bloc .txt-ctn .smell figure.w270 { max-width: 270px;}
#product .bloc .txt-ctn .smell figure.w310 { max-width: 310px;}
#product .bloc .txt-ctn .smell figure img { width: 100%;}
#product .bloc .txt-ctn .smell figure img.sp{ display: none;}
#product .bloc .txt-ctn .cart { width: 50%; max-width: 320px;}

#product .bloc .item figure { text-align: center;}
#product .bloc .item figure img { width: 92%; max-width: 280px;}
#product .bloc .item .txt h3 { margin-bottom: 10px; color: #0e275d; font-size: 24px; font-weight: 700; text-align: center;}
#product .bloc .item .txt p.amount { color: #0e275d; font-size: 22px; font-weight: 700; text-align: center;}
#product .bloc .item .txt hr { width: 92%; margin: 20px auto; border: none; border-top: solid 2px #0e275d;}
#product .bloc .item .txt p.price { margin-bottom: 30px; color: #0e275d; font-size: 20px; text-align: center;}
#product .bloc .item .txt p.price span { display: block; font-size: 24px; font-weight: 700;}
#product .bloc .item .cart { width: 90%; margin: 0 auto;}
#product .note { padding: 25px 0; background: #e1e2e8;}
#product .note ul { width: 94%; max-width: 900px; margin: 0 auto;}
#product .note ul li { color: #909090; font-size: 16px;}
#product .note ul li span { display: block;}
#product .note p { width: 94%; max-width: 850px; margin: 0 auto; color: #909090; font-size: 18px;}
#product .note p span { display: inline-block; padding-left: 40px;}
@media (max-width: 1201px) {
	#product .bloc .cart form input[type="submit"]{ font-size: 2.4vw;}
	#product .bloc .txt-ctn .name h3 { font-size: 3.2vw;}
	#product .bloc .txt-ctn .name h3 span { font-size: 2.4vw;}
	#product .bloc .txt-ctn .amount p { font-size: 1.8vw;}
	#product .bloc .txt-ctn p.price { margin-bottom: 40px; font-size: 1.8vw;}
	#product .bloc .txt-ctn p.price span { font-size: 2.4vw;}
	#product .bloc .txt-ctn .smell { left: 55%; width: 45%;}

	#product .bloc .item .txt h3 { font-size: 2.2vw;}
	#product .bloc .item .txt p.amount { font-size: 2vw;}
	#product .bloc .item .txt p.price { font-size: 2vw;}
	#product .bloc .item .txt p.price span { font-size: 2.4vw;}
}
@media (max-width: 641px) {
	#product .bloc .inner-bloc { padding: 30px 0 60px;}

	#product .bloc .ctn-flex { display: block;}
	#product .bloc .ctn-flex.sub { display: flex !important;}
	#product .bloc .img-ctn { position: absolute; width: 40%;}
	#product .bloc .txt-ctn { width: 100%;}

	#product .bloc#item-1 .img-ctn { right: 0; top: 50%; transform: translateY(-50%);}
	#product .bloc#item-1_5 .img-ctn { left: 0; top: 58%; transform: translateY(-50%);}
	#product .bloc#item-2 .img-ctn { right: 0; top: 50%; transform: translateY(-50%);}
	#product .bloc#item-3 .img-ctn { left: 0; top: 58%; transform: translateY(-50%);}
	#product .bloc .txt-ctn figure.sp img { width: 100%;}

	#product .bloc .txt-ctn .icn { width: 28%;}
	#product .bloc#item-1_5 .txt-ctn,
	#product .bloc#item-3 .txt-ctn { padding-top: 140px;}
	#product .bloc#item-1_5 .txt-ctn .icn,
	#product .bloc#item-3 .txt-ctn .icn { position: absolute; left: 0; top: 0; margin: 0;}
	#product .bloc .txt-ctn .name {}
	#product .bloc#item-1_5 .txt-ctn .name,
	#product .bloc#item-3 .txt-ctn .name { padding-left: 40%;}
	#product .bloc .txt-ctn .name h3 { font-size: 32px; line-height: 1.2;}
	#product .bloc .txt-ctn .name h3 span { margin-bottom: 20px; font-size: 20px; line-height: 1.5;}
	#product .bloc#item-3 .txt-ctn .name h3 span { text-indent: -0.6em;}
	#product .bloc .txt-ctn .name h3 span sup { font-size: 12px;}
	#product .bloc .txt-ctn .name h3 br { display: block;}
	
	#product .bloc .txt-ctn .aside { padding-bottom: 80px;}
	#product .bloc#item-1_5 .txt-ctn .aside,
	#product .bloc#item-3 .txt-ctn .aside { padding-left: 40%; padding-bottom: 150px;}
	
	#product .bloc .txt-ctn .amount p { font-size: 16px;}
	#product .bloc .txt-ctn p.price { font-size: 15px;}
	#product .bloc .txt-ctn p.price span { font-size: 20px;}

	#product .bloc .txt-ctn .smell { position: relative; left: 0%; top: auto; transform: translateY(0%); width: 100%;}
	#product .bloc .txt-ctn .smell figure img.pc{ display: none;}
	#product .bloc .txt-ctn .smell figure img.sp{ display: block;}
	
	#product .bloc .txt-ctn .cart { width: 100%; max-width: 100%; position: absolute; left: 0; bottom: 0;}
	#product .bloc .txt-ctn .cart form { width: 62%; max-width: 320px; margin: 0 auto;}
	#product .note p { font-size: 15px;}

	#product .bloc .cart span { width: 80%; max-width: 320px; margin: 0 auto;}

}
@media (max-width: 481px) {
	#product .bloc .cart form svg { left: 22%; top: 24%; width: 18px;}
	#product .bloc .cart form input[type="submit"]{ padding: 12px 0; font-size: 14px;}

	#product .bloc .inner-bloc { padding: 20px 0 30px;}
	#product .bloc .txt-ctn { padding-left: 12px;}
	#product .bloc#item-1_5 .txt-ctn { padding-top: 60px;}
	#product .bloc#item-3 .txt-ctn { padding-top: 40px;}
	#product .bloc .txt-ctn .icn { margin-bottom: 12px;}
	#product .bloc .txt-ctn .name { margin-bottom: 10px;}
	#product .bloc .txt-ctn .name h3 { font-size: 21px;}
	#product .bloc .txt-ctn .name h3 span { margin-bottom: 12px; font-size: 15px;}
	#product .bloc .txt-ctn .name h3 span sup { font-size: 10px;}

	#product .bloc .txt-ctn .aside { padding-bottom: 60px;}
	#product .bloc#item-1_5 .txt-ctn .aside,
	#product .bloc#item-3 .txt-ctn .aside { padding-bottom: 100px;}

	#product .bloc .txt-ctn .amount { margin-bottom: 15px;}
	#product .bloc .txt-ctn .amount p { font-size: 14px;}
	#product .bloc .txt-ctn .amount p span { padding: 2px 14px;}

	#product .bloc .txt-ctn p.price { margin-bottom: 20px; font-size: 13px;}
	#product .bloc .txt-ctn p.price span { font-size: 18px;}
	#product .bloc .txt-ctn .smell figure { width: 100%;}
	#product .bloc .txt-ctn .smell figure.w270 { max-width: 200px;}
	#product .bloc .txt-ctn .smell figure.w310 { max-width: 200px;}

	#product .bloc .item figure img { width: 80%;}
	#product .bloc .item .txt h3 { margin-bottom: 2px; font-size: 12px;}
	#product .bloc .item .txt p.amount { font-size: 14px;}
	#product .bloc .item .txt hr { width: 80%; margin: 10px auto; border-width: 1px;}
	#product .bloc .item .txt p.price { margin-bottom: 15px; font-size: 12px;}
	#product .bloc .item .txt p.price span { font-size: 15px;}
	#product .bloc .item .cart form svg { left: 14%;}

	#product .bloc .cart span { padding: 12px 0; font-size: 13px;}

	#product .note { padding: 12px 0;}
	#product .note ul li { font-size: 10px;}
	#product .note ul li span { display: inline;}
}




#shop { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; z-index: 2;}
#shop .inner-sct { width: 92%; margin: 0 auto; padding: 60px 0;}
#shop .ttl { margin-bottom: 20px;}
#shop h3 { color: #fff; font-size: 25px; text-align: center;}
#shop p { margin-bottom: 40px; color: #fff; text-align: center;}
#shop .parts { max-width: 330px; margin: 0 auto;}
#shop .parts a.btn { border-width: 2px;}
#shop .parts a.btn span.box { font-size: 45px; font-weight: 700; line-height: 1.4;}
#shop .parts a.btn span.box:after { width: 32px; height: 18px; background: url('../img/icn-arw.png') no-repeat 50% 50% / 100% auto; border: none;
 transform: translateY(-50%) rotate(0deg);
}
@media (max-width: 481px) {
	#shop .inner-sct { padding: 40px 0;}
	#shop h3 { font-size: 17px;}
	#shop p { margin-bottom: 20px; font-size: 12px;}
	#shop .parts { max-width: 180px;}
	#shop .parts a.btn span.box { font-size: 24px;}
	#shop .parts a.btn span.box:after { width: 20px; height: 12px; right: 10px;}
}



#instagram { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; z-index: 2;}
#instagram .inner-sct { width: 92%; max-width: 1000px; margin: 0 auto; padding: 60px 0;}
#instagram .ttl { margin-bottom: 40px;}
#instagram .ctn { margin-bottom: 40px;}
#instagram .ctn ul { font-size: 0; text-align: center;}
#instagram .ctn ul li { display: inline-block; width: 33%;}
#instagram .ctn ul li img { width: 90%; box-shadow: 0 0 15px rgba(0,10,41,0.15);}
#instagram .follow { width: 50%; max-width: 300px; margin: 0 auto;}
#instagram .follow a { display: block; padding: 10px 0; border: solid 2px #fff; border-radius: 50px;
 color: #fff; font-size: 25px; font-weight: 700; letter-spacing: 0.05rem; text-align: center; text-decoration: none;
}
#instagram .follow a span { display: inline-block; vertical-align: middle;}
#instagram .follow a svg { display: inline-block; vertical-align: middle; width: 34px; margin-left: 12px; fill: #fff;}
#instagram .follow a:hover { opacity: 0.8;}
@media (max-width: 641px) {
	#instagram .follow a { padding: 8px 0; font-size: 21px;}
}
@media (max-width: 481px) {
	#instagram .inner-sct { padding: 40px 0;}
	#instagram .ttl { margin-bottom: 20px;}
	#instagram .ctn { width: 80%; margin: 0 auto 20px;}
	#instagram .ctn ul li { width: 50%;}
	#instagram .ctn ul li:last-child { display: none;}
	#instagram .follow a { padding: 6px 0; border-width: 1px; font-size: 15px;}
	#instagram .follow a svg { width: 20px;}
}



/*

#specialist .inner { width: 92%; max-width: 980px; margin: 0 auto; padding: 40px 0 100px;}
#specialist .box { position: relative; width: 100%; border: solid 2px #fff;
 background: rgba(255,255,255,0.25);
 box-shadow: 0 0 30px rgba(255,255,255,0.6), 0 0 30px rgba(255,255,255,0.6), 0 0 40px inset rgba(255,255,255,0.6);
}
#specialist .box .arw { width: 45px; height: 45px; border-bottom: solid 3px #fff; border-right: solid 3px #fff; cursor: pointer;
 position: absolute; right: 60px; top: 78%; transform: rotate(45deg);
}
#specialist .box .arw.open { top: 12.5%; border: none; border-top: solid 3px #5b5b5b; border-left: solid 3px #5b5b5b;}
#specialist .box figure { width: 100%;}
#specialist .box figure img { width: 100%;}
#specialist .box figure img.sp,
#specialist .box figure img.change { display: none;}
#specialist .box figure.show img.def { display: none;}
#specialist .box figure.show img.pc.change { display: block;}
@media (max-width: 641px) {
	#specialist .box .arw { width: 36px; height: 36px; right: 32px; top: 72%; }
	#specialist .box .arw.open { width: 30px; height: 30px; top: 6%;}
	#specialist .box figure img.pc { display: none;}
	#specialist .box figure img.sp.def { display: block;}
	#specialist .box figure.show img.sp.def,
	#specialist .box figure.show img.pc.change { display: none;}
	#specialist .box figure.show img.sp.change { display: block;}
}
@media (max-width: 481px) {
	#specialist .inner { padding: 20px 0 50px;}
	#specialist .box .arw { right: 21px; width: 20px; height: 20px; border-width: 2px;}
	#specialist .box .arw.open { width: 20px; height: 20px; border-width: 2px;}
}


*/
