@charset "UTF-8";
/**************************************
							フ ッ タ ー
**************************************/
.sns { margin: 3.0rem auto; width: 238px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.sns #twt, .sns #fb, .sns #line { position: relative; }
.sns #twt .img, .sns #fb .img, .sns #line .img { width: 32px; height: 32px; border-radius: 50%; overflow: hidden; transition: .4s; }
.sns #twt:hover .img, .sns #fb:hover .img, .sns #line:hover .img { transform:scale(1.2);}
.sns #twt::before, .sns #fb::before, .sns #line::before { position: absolute; top: -40px; left: 50%; transform: translateX(-50%); font-size: 11px; display: flex; align-items: center; justify-content: center; width: 99px; color: #FEFEFE; height: 25px; border-radius: 5px; }
.sns #twt::after, .sns #fb::after, .sns #line::after { width: 0; height: 0; border-style: solid; border-width: 8px 10px 0 10px; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); content: ""; display: block; }
.sns #twt a, .sns #fb a, .sns #line a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }
.sns #twt .img { background-color:#1DA1F2; }
.sns #twt::before { content: "Twitterでつぶやく"; background-color: #1DA1F2; }
.sns #twt::after { border-color: #1DA1F2 transparent transparent transparent; }
.sns #fb .img { background-color:#1877F2; }
.sns #fb::before { content: "Facebookでシェア"; background-color: #1877F2; }
.sns #fb::after { border-color: #1877F2 transparent transparent transparent; }
.sns #line .img { background-color:#00B900; }
.sns #line::before { content: "LINEで送る"; background-color: #00B900; }
.sns #line::after { border-color: #00B900 transparent transparent transparent; }
@media (min-width: 576px) { .sns { width: 280px; } }

.shopinfo { padding: 1.5rem; background-color: #FEFEFE; display: flex; flex-wrap: wrap; align-items: center; }
.shopinfo .shopimg { margin: 0 auto 1.0rem auto; width: 8.0rem; height: 8.0rem; border-radius: 4.0rem; overflow: hidden; }
.shopinfo .shopimg img { height: 100%; }
.shopinfo .info h3 a, .shopinfo .info h3 a:visited { color: #222;}
.shopinfo a:hover { text-decoration: underline;}
@media (min-width: 576px) { .shopinfo .shopimg { margin: 0; margin-right: 1.0rem; } }
.shopinfo .info { width: 100%; }
.shopinfo .info h3 { font-weight: 700; font-size: 1.3rem; }
.shopinfo .info p { font-size: 0.9rem; margin-top: 0.5rem; }
@media (min-width: 576px) { .shopinfo .info { width: auto; } }

.copy { text-align: center; font-size: 0.7rem; font-weight: 500; padding: 3.0rem 0; color: #666; }