#main-container { padding: 80px 0 0; overflow: hidden; }
#main-container h3 { text-align: center; }
#main-container .paper { padding-bottom: 50px; }
#main-container .paper .page_title img { width: 183px; }
#main-container .paper .pack { margin-top: 35px; position: relative; }
#main-container .paper .pack:before { content: ""; height: 1px; width: 100%; background: #d0b273; position: absolute; top: 95px; }
#main-container .paper .pack:after { content: ""; height: 1px; width: 100%; background: #fff; position: absolute; top: 95px; left: 0; }
#main-container .paper .pack.packShort .packWrapper:after { height: 82.5%; }
#main-container .paper .pack .packWrapper { position: relative; padding: 50px 100px; }
#main-container .paper .pack .packWrapper:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 95%; background-image: linear-gradient(to right, #dec99a, #d2b578); z-index: -1; }
#main-container .paper .pack .packWrapper .packTitle { font-family: 'Libre Baskerville', serif; color: #fff; font-size: 30px; font-weight: normal; text-align: left; line-height: 1; margin-bottom: 15px; letter-spacing: 2px; }
#main-container .paper .pack .packWrapper .packTitle span { font-family: 'Noto Serif JP', serif; font-size: 14px; letter-spacing: 2px; }
#main-container .paper .pack .packWrapper .packContent { background: #fff; padding: 40px 100px; margin-top: 41px; }
#main-container .paper .pack .packWrapper .packContent.packShadow { box-shadow: 0 4px 10px #dedede; }
#main-container .paper .pack .packWrapper .packContent .box { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; }
#main-container .paper .pack .packWrapper .packContent .box h4 { font-size: 16px; color: #292929; margin-bottom: 25px; font-weight: 500; }
#main-container .paper .pack .packWrapper .packContent .box .boxImage { width: 50%; text-align: center; }
#main-container .paper .pack .packWrapper .packContent .box .boxImage img { max-width: 100%; }
#main-container .paper .pack .packWrapper .packContent .box .boxText { width: 50%; }
#main-container .paper .pack .packWrapper .packContent .box .boxText .text { font-size: 13px; }
#main-container .paper .pack .packWrapper .packContent .effect { text-align: center; margin-top: 40px; }
#main-container .paper .pack .packWrapper .packContent.packContent1 .boxImage img { width: 85px; }
#main-container .paper .pack .packWrapper .packContent.packContent2 .boxImage img { width: 85px; }
#main-container .paper .line-left:before { transform: translateX(-100%); left: 0; }
#main-container .paper .line-right:before { transform: translateX(100%); right: 0; }
#main-container .paper .text { color: #464646; font-size: 12px; }
#main-container .bannerTry { background: url("../images/special_care/try_bg.png") no-repeat center center/100% 100%; padding: 5% 0; }
#main-container .bannerTry img { max-width: 100%; }
#main-container .bannerTry h3 { text-align: center; }
#main-container .bannerTry .box { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: flex-end; width: 400px; margin: 25px auto 0; }
#main-container .bannerTry .box .boxImage { width: 50%; color: #947723; }
#main-container .bannerTry .box .boxImage img { width: 173px; }
#main-container .bannerTry .box .boxText { width: 50%; color: #947723; }
#main-container .bannerTry .box .boxText h4 { font-size: 15px; font-weight: bold; }
#main-container .bannerTry .box .boxText span { font-size: 11px; display: block; border-bottom: 1px solid #947723; }
#main-container .bannerTry .box .boxText p { font-size: 14px; font-weight: bold; }
#main-container .bannerTry .note { text-align: right; font-size: 11px; }
#main-container .step { padding-bottom: 100px; background: #fdfdfd; margin-top: -31px; padding-top: 31px; }
#main-container .step .stepTitle { text-align: center; font-size: 24px; color: #947723; }
#main-container .step .stepTitle span { display: inline-block; border-bottom: 1px solid #947723; }
#main-container .step .text { font-size: 16px; text-align: center; margin-top: 20px; color: #947723; }
#main-container .step .stepPhoto { margin-top: 40px; text-align: center; }
#main-container .step .stepPhoto img { max-width: 100%; }

#main-banner .page_title { font-weight: 500; font-size: 40px; color: #947723; line-height: 1; text-align: center; text-shadow: 0px 2px 3px rgba(17, 17, 17, 0.19); }

#shop .inner { padding: 40px 0 0; }
#shop h3 { padding-bottom: 50px; }

#sns { padding-bottom: 60px; }
#sns .inner { padding: 25px 0; background: none; text-align: center; }
#sns h3 { color: #292929; font-size: 16px; margin-bottom: 20px; }
#sns a { display: inline-block; vertical-align: middle; margin: 0 1em; }
#sns a:hover { opacity: .9; }

@media (min-width: 769px) { #shop .twoCol .col .btn a { transition: all 200ms linear; } }
@media (max-width: 1366px) { #main-banner .page_title { top: 12px; } }
@media (max-width: 768px) { #main-container { padding-top: 40px; }
  #main-container .page_title { padding: 0 30% 0; }
  #main-container .step { margin-top: 0px; padding-top: 15px; }
  #main-container .step .inner { padding: 0 4%; }
  #main-container .step .stepTitle { font-size: 20px; }
  #main-container .step .text { font-size: 12px; text-align: left; margin-top: 18px; }
  #main-container .step .stepPhoto { margin: 15px auto 0; width: 89.5%; }
  #main-container .paper .pack:before { top: 85px; }
  #main-container .paper .pack:after { top: 85px; }
  #main-container .paper .pack.packShort .packWrapper:after { height: 92.5%; }
  #main-container .paper .pack.packShort .packWrapper .packContent .box .boxImage { text-align: center; }
  #main-container .paper .pack.packShort .packWrapper .packContent .box .boxImage img { width: 95%; }
  #main-container .paper .pack .packWrapper { padding: 30px 5% 5% 5%; }
  #main-container .paper .pack .packWrapper:after { height: 98.5%; }
  #main-container .paper .pack .packWrapper .packTitle { font-size: 20px; }
  #main-container .paper .pack .packWrapper .packTitle span { display: block; margin-top: 7px; }
  #main-container .paper .pack .packWrapper .packContent { padding: 5%; margin-top: 30px; }
  #main-container .paper .pack .packWrapper .packContent .box { display: block; }
  #main-container .paper .pack .packWrapper .packContent .box .boxImage { width: 100%; margin-bottom: 15px; }
  #main-container .paper .pack .packWrapper .packContent .box .boxText { width: 100%; }
  #main-container .paper .pack .packWrapper .packContent .box h4 { text-align: center; margin-bottom: 15px; }
  #main-container .paper .pack .packWrapper .packContent.packContent1 .boxImage img { width: 70px; }
  #main-container .paper .pack .packWrapper .packContent.packContent2 .boxImage img { width: 70px; }
  #main-container .paper .text.textList { padding-left: 20px; letter-spacing: 0.5px; }
  #main-container .paper .text.textList span { margin-left: -5px; margin-left: -20px; }
  #main-container .bannerTry { padding: 9% 0; background: url(../images/special_care/try_bg_sp.png) no-repeat center center/100% 100%; }
  #main-container .bannerTry .box { display: block; width: 100%; margin-bottom: 20px; }
  #main-container .bannerTry .box .boxImage { width: 100%; text-align: center; margin-bottom: 20px; }
  #main-container .bannerTry .box .boxImage img { max-width: 100%; }
  #main-container .bannerTry .box .boxText { width: 57%; margin: 0 auto; text-align: center; }
  #main-container .bannerTry .box .boxText h4 { text-align: center; }
  #main-container .bannerTry .box .boxText span { text-align: center; }
  #main-container .bannerTry .box .boxText p { text-align: center; }
  #main-banner .page_title { top: 8%; font-size: 20px; width: 100%; }
  #shop .inner { padding: 0; }
  #shop h3 { padding: 0 25% 30px; }
  #sns { padding-bottom: 20px; }
  #sns h3 { padding: 0 20% 0; }
  #sns img.iconSocial1 { width: 55px; }
  #sns img.iconSocial2 { width: 65px; } }
@media (max-width: 320px) { #main-container .paper .pack .packWrapper .packTitle { font-size: 14px; }
  #main-container .paper .pack .packWrapper .packContent .box h4 { line-height: 1.2; } }

/*# sourceMappingURL=specialcare.css.map */