@charset "utf-8";
#hd { display: none;}
.menu-btn { display: none;}

.wrap { width: 100%; max-width: 1280px; margin: 0 auto; background: url('/img/milky/tsumekae/bg.jpg') repeat-y 50% 0 / 1280px auto;}
#kv {}
#kv .inner-kv { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 0 70px;}
#kv h1 { width: 100%;}
#kv h1 img { width: 100%;}
#kv h1 img.sp { display: none;}
#kv .ctn { width: 100%; max-width: 940px; margin: 0 auto;}
#kv .ctn p { margin-bottom: 20px; color: #fff; font-size: 32px; font-weight: 700; text-align: center; text-shadow: 0 0 8px #fff;}
#kv .ctn p span { font-size: 36px;}
#kv .ctn p br { display: none;}
#kv .ctn .btn { width: 68%; max-width: 380px; margin: 0 auto 36px;}
#kv .ctn .btn a { display: block; width: 100%;}
#kv .ctn .btn a img { width: 100%;}
#kv .ctn .btn a:hover { opacity: 0.9;}
#kv .ctn ul { font-size: 0; text-align: center;}
#kv .ctn ul li { display: inline-block; width: 33%;}
#kv .ctn ul li img { width: 94%;}
#kv .ctn ul li img.sp { display: none;}
@media (max-width: 801px) {
	#kv .ctn p {font-size: 24px;}
	#kv .ctn p span { font-size: 30px;}
}
@media (max-width: 641px) {
	#kv .inner-kv { padding: 0 0 50px;}
	#kv h1 { margin-bottom: 20px;}
	#kv h1 img.pc { display: none;}
	#kv h1 img.sp { display: block;}
	#kv .ctn p { font-size: 5.0vw; letter-spacing: 0.1rem;}
	#kv .ctn p span { font-size: 6.0vw;}
	#kv .ctn p br { display: block;}
	#kv .ctn .btn { margin: 0 auto 20px;}
	#kv .ctn ul { width: 92%; margin: 0 auto;}
	#kv .ctn ul li { display: block; width: 100%; padding: 12px 0;}
	#kv .ctn ul li img.pc { display: none;}
	#kv .ctn ul li img.sp { display: block; margin: 0 auto;}
}
@media (max-width: 481px) {
	#kv h1 { margin-bottom: 8px;}
	#kv .ctn p { font-size: 20px;}
	#kv .ctn p span { font-size: 24px;}
	#kv .ctn ul li { padding: 8px 0;}
}


.ttl { padding: 30px 0; background: linear-gradient(170deg,#f9dc63 40%,#c99017 60%)}
.ttl h2 { text-align: center;}
.ttl h2 img { width: 38%; max-width: 200px;}
.ttl p { margin-top: 10px; color: #673b1c; font-size: 17px; font-weight: 700; line-height: 1.4; text-align: center;}
.ttl p br { display: none;}
@media (max-width: 641px) {
	.ttl { padding: 24px 0; background: linear-gradient(170deg,#f9dc63 20%,#c99017 80%)}
	.ttl p br { display: block;}
}
@media (max-width: 481px) {
	.ttl p { margin-top: 6px; font-size: 12px;}
}

#entry .inner-ctn { padding: 60px 0 50px;}
#entry .box { width: 90%; max-width: 800px; margin: 0 auto; background: linear-gradient(80deg, #bb986e, #f6efe5 70%, #bb986e); padding: 4px; border-radius: 30px;}
#entry .box .inner-box { position: relative; background: #fefbf7; border-radius: 30px;}
#entry .box .icn { width: 90px; position: absolute; left: 8%; top: -40px;}
#entry .box .icn img { width: 100%; border-radius: 50%;}
#entry .box .inner { padding: 30px 0 20px; text-align: center;}
#entry .box p { font-weight: 700;}
#entry .box p.txt { color: #673b1c; font-size: 20px; text-align: center;}
#entry .box p.txt span { display: inline-block; margin-right: 5px; border-bottom: solid 2px #bba9f4; line-height: 1;}
#entry .box .x-follow { width: 100%; padding-top: 10px;}
#entry .box .x-follow a { display: block; width: 50%; max-width: 260px; margin: 0 auto; border-radius: 50px; overflow: hidden;}
#entry .box .x-follow a img { width: 100%;}
#entry .box .x-follow a:hover { opacity: 0.8;}
#entry .box ul.x { width: 100%; max-width: 520px; margin: 0 auto; font-size: 0; text-align: center;}
#entry .box ul.x li { display: inline-block; width: 50%; padding: 8px;}
#entry .box ul.x li:first-child { display: block; margin: 0 auto;}
#entry .box ul.x li a { display: block; width: 100%; max-width: 240px; margin: 0 auto; border: solid 1px #a4a4a4; border-radius: 50px; overflow: hidden;}
#entry .box ul.x li a img { width: 100%;}
#entry .box ul.x li a:hover { opacity: 0.8;}
#entry .box ul.hash { display: inline-block; padding: 20px 0; text-align: left;}
#entry .box ul.hash li { margin-bottom: 5px; color: #986847; font-size: 15px; font-weight: 700;}
#entry .box ul.hash li:last-child { margin-bottom: 0px;}
#entry .box ul.hash li span { border-bottom: solid 2px #a9e5f4;}

#entry .box .kome { width: 92%; max-width: 520px; margin: 0 auto; }
#entry .box .kome p { color: #fe0000; font-size: 10px; text-align: left;}
#entry .box .fin { padding: 20px 0; background: #fde3ea; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
#entry .box .fin p { color: #f5678c; font-size: 40px; text-align: center;}
#entry .arw { padding: 30px 0;}
#entry .arw:before { content: ''; display: block; width: 100%; height: 20px; background: url('/img/milky/tsumekae/arw.png') no-repeat 50% 50% / auto 100%;
}
#entry .note { padding-top: 40px;}
#entry .note ul { width: 86%; max-width: 500px; margin: 0 auto;}
#entry .note ul li { color: #fff; font-size: 10px; line-height: 1.4;}
@media (max-width: 641px) {
	#entry .box { border-radius: 20px;}
	#entry .box .inner-box { border-radius: 20px;}
	#entry .box .icn { width: 80px; left: 6%; top: -30px;}
	#entry .box .fin { padding: 12px 0; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
	#entry .box .fin p { font-size: 6.0vw;}
	#entry .arw { padding: 20px 0;}
}
@media (max-width: 481px) {
	#entry .inner-ctn { padding: 30px 0 20px;}
	#entry .box { padding: 3px; border-radius: 12px;}
	#entry .box .inner-box { border-radius: 12px;}
	#entry .box .icn { width: 50px; left: -8px; top: -20px;}
	#entry .box .inner { padding: 15px 0;}
	#entry .box p.txt { font-size: 14px;}
	#entry .box .x-follow { padding-top: 6px;}
	#entry .box ul.x { padding: 8px 0;}
	#entry .box ul.x li { display: block; width: 100%; padding: 5px;}
	#entry .box ul.hash { padding: 8px 0;}
	#entry .box ul.hash li { font-size: 11px;}
	#entry .box .fin { padding: 5px 0; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
	#entry .box .fin p { font-size: 24px;}
	#entry .arw{ padding: 12px 0;}
	#entry .arw:before { height: 16px;}
	#entry .note { padding-top: 20px;}
}

#product .bloc { position: relative;}
#product #type-1 { background: linear-gradient(#b8deef,#8cc7f2);}
#product #type-2 { background: linear-gradient(#aae0dc,#72d5cd);}
#product #type-3 { background: linear-gradient(#fddaf4,#f39cdb);}
#product #type-4 { background: linear-gradient(#fcefa7,#f4de74);}
#product #type-4:before { content: ''; display: block; width: 100%; height: 60px;
 background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.4));
 position: absolute; left: 0; bottom: 0;
}
#product .bloc .inner { position: relative; padding: 0 0 20px; background: url('/img/milky/tsumekae/bg-kira.png') no-repeat 50% 0;}
#product .bloc#type-4 .inner { padding-bottom: 30px;}
#product .bloc figure { text-align: center;}
#product .bloc figure img { width: 100%; max-width: 780px;}
#product .bloc figure img.sp { display: none;}
#product .bloc figure figcaption{ padding-top: 12px; color: #606060; font-size: 10px;}
#product .bloc p.min { margin-top: 30px; color: #313131; font-size: 15px; font-weight: 700; text-align: center;}
#product .bloc .copyright { width: 100%; position: absolute; bottom: 30px; padding: 0 40px;}
#product .bloc .copyright p { color: #585858; font-size: 10px; text-align: right;}
@media (max-width: 641px) {
	#product .bloc figure img.pc { display: none;}
	#product .bloc figure img.sp { display: block;}
	#product .bloc figure figcaption{ padding: 0 12px; color: #313131; text-align: right;}
	#product .bloc .copyright { bottom: 30px; padding: 0 20px;}
}
@media (max-width: 481px) {
	#product .bloc .inner { position: relative; padding: 0 0 12px;}
	#product .bloc#type-4 .inner { padding-bottom: 12px;}

	#product .bloc p.min { margin-top: 20px; font-size: 11px;}
	#product .bloc .copyright { bottom: 12px;}
}
#link .inner-ctn { padding: 120px 0;}
#link ul { width: 90%; margin: 0 auto; font-size: 0; text-align: center;}
#link ul li { display: inline-block; width: 30%; max-width: 160px;}
#link ul li a { display: block; width: 80%; max-width: 68px; margin: 0 auto;}
#link ul li a img { width: 100%;}
#link ul li a:hover { opacity: 0.85;}
@media (max-width: 1281px) {
}
@media (max-width: 801px) {
}
@media (max-width: 641px) {
	#link .inner-ctn { padding: 80px 0;}
}
@media (max-width: 481px) {
	#link ul li a { max-width: 45px;}
}