@charset "utf-8";
/*===============================================
 *	ブラウザリセット
===============================================*/
@font-face {font-family: 'Noto Sans JP';font-style: bold;font-weight: 700;src: url('../fonts/NotoSansJP-Bold.woff2') format('woff2'),url('../fonts/NotoSansJP-Bold.woff') format('woff');font-display: swap;}
@font-face {font-family: 'Noto Sans JP';font-style: medium;font-weight: 500;src: url('../fonts/NotoSansJP-Medium.woff2') format('woff2'),url('../fonts/NotoSansJP-Medium.woff') format('woff');font-display: swap;}
@font-face {font-family: 'Noto Serif JP';font-style: bold;font-weight: 700;src: url('../fonts/NotoSerifJP-Bold.woff2') format('woff2'),url('../fonts/NotoSerifJP-Bold.woff') format('woff');font-display: swap;}
a:hover img {filter: alpha(opacity=85);-moz-opacity: 0.85;opacity: 0.85;}
html {overflow-x: hidden;overflow-y: scroll;}
body {font-size: 100%;font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN W3', Meiryo, sans-serif;letter-spacing: 0;height: 100%;}
table {font-size: inherit;}
select, input, textarea {font: 99% arial, helvetica, clean, sans-serif;}
pre, code {font: 115% monospace; *font-size: 100%;}
br {letter-spacing: normal;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;font-style: normal;font-weight: normal;}
address, em {font-style: normal;}
strong, th {font-weight: normal;}
table {border-collapse: collapse;border-spacing: 0;border: none;}
th, td {text-align: left;border: none;font-weight: normal;}
hr {display: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
img, fieldset {border: 0;vertical-align: bottom;}
li {list-style-type: none;}
ul, ol, dl {margin: 0;list-style-position: outside;list-style-type: none;}
li, dt, dd {font-size: 100%;}
dt {font-weight: normal;}
a {text-decoration: underline;outline: none;}
a:hover {text-decoration: none;}
form, input {padding: 0;margin: 0;}
iframe{border:none;}
picture{display: block;}
figure{margin: 0;}
img{display:block;height:auto;width:100%;}
/* --------------このサイトオリジナル設定--------------- */
a {color: #444;outline: none;text-decoration:none;}
:root {
  --site-primary: #8C7C4F;
  --site-secondary: #231815;
  --site-bodycolor: #F2D4A6;
  --site-contentscolor: #faf1e2;
}
/*====================== clearFix ======================*/
.clearfix:before, .clearfix:after {content: "";display: block;overflow: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
/*=============================================== *
	パターン
===============================================*/
.base-fl {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;}
.row {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.row-rev {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.space-btw {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.space-around {-ms-flex-pack: distribute;justify-content: space-around;}
.js-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.al-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.al-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.al-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.al-base {-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}
/*===============================================

 *	common

===============================================*/
html body {background: var(--site-bodycolor);color: var(--site-primary);font-size: 16px;line-height: 1.6;-webkit-text-size-adjust: 100%;letter-spacing: .1em;}
em {font-weight: bold;}
#main-wrap {background: #fff;max-width: 640px;min-width: 320px;margin: 0 auto;overflow: hidden;width: 100%;    padding-top: 82px;}

.sp {display: none;}
.inner {padding: 30px;}
.bg-color{background: var(--site-contentscolor);}
.aside-logo, .aside-item {display: flex;align-items: center;}
.aside-logo {height: 100vh;align-items: center;justify-content: center;position: fixed;left: 0;top: 0;font-size: 30px;letter-spacing: .3em;margin-right: -0.3em;width: calc((100vw - 640px)/2);}
.aside-logo img,.aside-item img{max-width: 190px;}
.aside-item {height: 100vh;align-items: center;justify-content: center;position: fixed;right: 0;top: 0;font-size: 30px;letter-spacing: .3em;margin-left: -0.3em;width: calc((100vw - 640px)/2);}
.caution{display: block;font-size: 13px;}


.bnr-campaign{position: fixed;max-width: 580px;left: 50%;bottom: 40px;transform: translateX(-50%);width: 100%;z-index: 9999;}
.bnr-campaign a {
    background: #00ca61;
    display: block;
}

@media screen and (min-width: 769px) {
a[href^="tel:"] {pointer-events: none;}
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 768px) {
html body {font-size: 15px;}
.aside-logo, .aside-item {display: none;}

}
@media only screen and (max-width: 568px) {
html {scroll-padding-top: 65px;}
html body {font-size: 14px;letter-spacing: 0;}
.inner {padding: 30px 20px;}
.pc {display: none;}
.sp {display: block;}
.bnr-campaign {
	width: 100%;
    bottom: 0;
}
.caution{font-size: 12px;}
}
/*===============================================
 *	Btn
===============================================*/
.btn-secondary {background: #8c7c42;color: #fff;border-radius: 20px;font-size: 20px;font-weight: bold;text-align: center;max-width: 300px;margin: 0 auto;padding: 10px 0;}
.btn-secondary a{color: #fff;display: block;padding: 10px 0;text-align: center;}
.btn-register {max-width: 200px;margin: 0 auto;}


/*===============================================
 *	br
===============================================*/
@media screen and (min-width:1021px){
.br-pc{display:block;}
.br-tb{display:none;}
.br-sp{display:none;}
}
@media screen and (min-width:481px) and (max-width: 1020px) {
.br-pc{display:none;}
.br-tb{display:block;}
.br-sp{display:none;}
}
@media screen and (max-width: 480px) {
.br-pc{display:none;}
.br-tb{display:none;}
.br-sp{display:block;}
}
/*===============================================
 *	main visual
===============================================*/
#mv-wrap{background: #f1b861;background: -moz-linear-gradient(top,  #f1b861 0%, #f6daae 50%, #f1b861 100%);background: -webkit-linear-gradient(top,  #f1b861 0%,#f6daae 50%,#f1b861 100%);background: linear-gradient(to bottom,  #f1b861 0%,#f6daae 50%,#f1b861 100%);padding: 10px 30px 215px 0;position: relative;}
#mv-wrap .logo{margin: 0 0 0 10px;max-width: 138px;}
#mv-wrap .hd-box{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;position: absolute;right: 30px;top: 20px;text-align: end;}
#mv-wrap .hd-box h1{color: var(--site-secondary);font-size: 21px;font-weight: bold;letter-spacing: 0;}
#mv-wrap .hd-box h1 span{background: #fff;display: block;font-size: 28px;font-weight: bold;padding: 5px;height: 61%;margin-top: auto;letter-spacing: 1px;}
@media only screen and (max-width: 568px) {
#mv-wrap .logo {max-width: 118px;margin-bottom: 5px;}
#mv-wrap .hd-box {right: 20px;}
#mv-wrap .hd-box h1 {font-size: 18px;}
#mv-wrap .hd-box h1 span {font-size: 22px;height: 56%;}
}

/****************************
* MV商品
****************************/
#mv-wrap .img-goods_box{position: relative;}
#mv-wrap .img-goods{max-width: 476px;margin-left: 6%;}
#mv-wrap .img-goods_circle{position: absolute;top: -40px;right: 80px;}
#mv-wrap .img-goods_txt {color: #fff;position: relative;display: inline-block;width: 94px;height: 94px;border-radius: 50%;background: #97D5EC;font-size: 12px;font-weight: bold;line-height: 1.2;}
#mv-wrap .img-goods_txt span {position: absolute;display: inline-block;left: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width :94px;text-align:center;}
#mv-wrap .img-sns_goods{max-width: 270px;position: absolute;left: 10px;bottom: -90px;width: 100%;}
#mv-wrap .img-sns_goods img{max-width: 143px;}
#mv-wrap .img-sns_goods span{background: rgba(255,255,255,.6);color: var(--site-secondary);display: block;font-size: 12px;font-weight: bold;line-height: 1.4;text-align: center;max-width: 143px;border-radius: 10px;padding: 10px;position: absolute;left: 120px;bottom: 0;}

@media only screen and (max-width: 568px) {
#mv-wrap {padding: 10px 30px 170px 0;}
#mv-wrap .img-goods {max-width: 290px;}
#mv-wrap .img-goods_txt {width: 84px;height: 84px;font-size: 11px;line-height: 1.1;}
#mv-wrap .img-goods_txt span {width :84px;}
#mv-wrap .img-goods_circle {top: -60px;right: 40px;}
#mv-wrap .img-sns_goods img {max-width: 113px;}
#mv-wrap .img-sns_goods span {font-size: 11px;max-width: 143px;left: 100px;}
}
@media only screen and (max-width: 390px) {
#mv-wrap .img-goods {max-width: 270px;}
}
@media only screen and (max-width: 375px) {
#mv-wrap .img-goods {max-width: 250px;}
}
/****************************
* MV商品ー下部
****************************/
#mv-wrap .mv-logotxt{max-width: 350px;position:absolute;left: 40px;bottom: 5px;}
#mv-wrap .bg-mv_logo{max-width: 221px;position: absolute;right: 30px;bottom: -110px;
    display: none;
}
@media only screen and (max-width: 568px) {
#mv-wrap .mv-logotxt {max-width: 210px;}
#mv-wrap .bg-mv_logo {max-width: 120px;right: 10px;bottom: -60px;}
}
@media only screen and (max-width: 390px) {
#mv-wrap .mv-logotxt {max-width: 210px;}
#mv-wrap .bg-mv_logo {max-width: 100px;bottom: -70px;}
}
@media only screen and (max-width: 375px) {
#mv-wrap .mv-logotxt {max-width: 210px;}
#mv-wrap .bg-mv_logo {max-width: 100px;bottom: -80px;}
}
/*===============================================

 *	5つのこだわり

===============================================*/
.txt-mofumofubox{margin-bottom: 40px;padding: 30px;}
.hd-mofumofu{max-width: 252px;border-bottom: var(--site-primary) 1px solid;padding: 0 0 15px 0;margin-bottom: 10px;}
.txt-mofumofu{font-weight: bold;}
.obsession-ttlbox {background: rgba(255,255,255,.6);padding: 10px 0 0;border-radius: 30px; text-align: center;width: 80%;margin: 0 auto 20px;}
.obsession-ttlbox p{font-size: 15px;font-weight: bold;margin-bottom: 10px;}
.obsession-ttlbox h2{max-width: 314px;margin: 0 auto;}
.obsession-ttlbox h2 em{font-size: 38px;font-weight: bold;margin: 5px auto 0;width: 48%;}
.obsession-ttlbox h2 em span{font-size: 18px;font-weight: bold;}
.img-obsession{max-width: 580px;margin: 0 auto 20px;}
.img-obsession_txt{font-size: 18px;margin-bottom: 70px;text-align: center;}
@media only screen and (max-width: 568px) {
.hd-mofumofu {max-width: 234px;}
.txt-mofumofubox {margin-bottom: 10px;padding: 20px;}
.obsession-ttlbox {width: 90%;}
.obsession-ttlbox p {font-size: 14px;letter-spacing: 0;}
.img-obsession {max-width: initial;width: 90%;}
.img-obsession_txt {font-size: 16px;letter-spacing: 0;margin-bottom: 50px;}
}
@media only screen and (max-width: 414px) {
.txt-mofumofu {font-size: 14px;letter-spacing: 0;}
}
@media only screen and (max-width: 375px) {
.hd-mofumofu {max-width: 242px;}
.txt-mofumofu {font-size: 13px;}
.obsession-ttlbox h2 img {max-width: 284px;margin: 0 auto;}
.obsession-ttlbox p {font-size: 13px;letter-spacing: 0;}
.img-obsession_txt {font-size: 14px;}
}
/*===============================================
 *	ポイント
===============================================*/
.obsession-point{padding-bottom: 30px;}
.point {position: relative;}
.point:before {content: "";position: absolute;width: 446px;height: 446px;border-radius: 50%;}
.point:after {content: "";position: absolute;}
.point .base-point {margin: 0 0 20px 30px;position: relative;z-index: 10;}
.point01 .base-point {margin: 0 0 20px 15px;}

.point .base-point dt {font-size: 28px;font-weight: bold;margin-bottom: 10px;}
.point .base-point dt span span {font-size: 13px;vertical-align: top;}
.point .base-point dt img{max-width: 137px;margin: 0 0 10px 10px;}
.point .base-point dd {font-size: 17px;}
@media only screen and (max-width: 568px) {
.point .base-point {margin: 0 0 20px 25px;}
.point01 .base-point {margin: 0 0 20px 15px;}
.point .base-point dt {font-size: 24px;}
.point .base-point dt img {max-width: 117px;margin: 0 0 10px 5px;}
.point .base-point dd {font-size: 16px;letter-spacing: 0;}
}
@media only screen and (max-width: 390px) {
.point .base-point dt {font-size: 22px;}
.point .base-point dd {font-size: 15px;}
}
@media only screen and (max-width: 375px) {
.point .base-point dt {font-size: 20px;}
.point .base-point dt img {max-width: 107px;}
.point .base-point dd {font-size: 14px;}
}
/****************************
* ポイント01
****************************/
.point01 {padding: 20px 30px;}
.point01:before {content: "";position: absolute;width: 446px;height: 446px;border-radius: 50%;}
.point01:before {background: #f7e6d2;left: -30px;top: -50px;z-index: 0;}
.point-detailbox{background: #fff;border: #f7e2c5 20px solid;box-sizing: border-box;position: relative;width: 100%;z-index: 1;}
.point-detailbox dl{padding: 20px;}
.point-detailbox dt{background: #d59e1b;color: #fff;display: flex;align-items: center;margin-bottom: 15px;}
.point-detailbox dt:nth-of-type(1),.point-detailbox dt:nth-of-type(3){padding: 14px 10px;}
.point-detailbox dt:nth-of-type(2){padding: 8px 10px;}
.point-detailbox dt span:nth-of-type(1){font-size: 20px;font-weight: bold;margin-right: 20px;}
.point-detailbox dt span:nth-of-type(2){font-size: 22px;font-weight: bold;line-height: 1;}
.point-detailbox dd{font-weight: bold;margin-bottom: 20px;}
.point-detailbox dd:last-of-type{margin-bottom: 0;}
.point-detailbox dd:last-of-type img{max-width: 273px;margin: 10px auto;}
@media only screen and (max-width: 568px) {
.point01 {padding: 20px;}
.point01:before {left: -30px;top: -20px;}
.point:before {width: 396px;height: 396px;}
.point-detailbox {border: #f7e2c5 15px solid;}
.point-detailbox dl{padding: 15px;}
.point-detailbox dt span:nth-of-type(1){font-size: 14px;margin-right: 10px;}
.point-detailbox dt span:nth-of-type(2){font-size: 15px;}
.point-detailbox dt:nth-of-type(1),.point-detailbox dt:nth-of-type(3){padding: 10px 0 10px 5px;}
.point-detailbox dt:nth-of-type(2) {padding: 8px 0 8px 5px;}
.point-detailbox dd:last-of-type img {max-width: 223px;}
}
@media only screen and (max-width: 375px) {
.point-detailbox {border: #f7e2c5 15px solid;}
.point:before {width: 346px;height: 346px;}
.point-detailbox dl {padding: 15px;}
.point-detailbox dt span:nth-of-type(1) {font-size: 13px;margin-right: 10px;}
.point-detailbox dt span:nth-of-type(2){font-size: 15px;}
}
/****************************
* ポイント02
****************************/
.point02 {max-width: 430px;margin: 0 0 10px auto;padding: 30px 0;}
.point02 dd span {font-size: 13px;}
.point02:before {content: "";position: absolute;width: 465px;height: 465px;border-radius: 50%;}
.point02:before {background: rgba(227,226,231,.9);left: 0;top: -40px;z-index: 2;}
.point02:after {background: url("../img/img-point02.png") top center no-repeat;background-size: contain;width: 126px;height: 188px;right: 30px;bottom: -60px;z-index: 2;}
@media only screen and (max-width: 568px) {
.point02 {max-width: 360px;margin: 0 0 50px auto;}
.point02:after {width: 106px;height: 168px;bottom: -30px;right: 10px;}
.point02:before {width: 405px;height: 405px;left: -10px;}
}
@media only screen and (max-width: 375px) {
.point02 {max-width: 320px;}
.point02:before {width: 365px;height: 365px;top: -34px;}
.point02:after {width: 96px;height: 158px;}
}
/****************************
* ポイント03
****************************/
.point03 {max-width: 420px;margin: 0 auto 20px 0;padding: 40px 0;}
.point03:before {content: "";position: absolute;width: 480px;height: 480px;border-radius: 50%;}
.point03:before {background: rgba(247,230,210,.9);left: -50px;top: -60px;z-index: 1;}
.point03:after {background: url("../img/img-point03.png") top center no-repeat;background-size: contain;width: 68px;height: 178px;right: 0;bottom: -30px;z-index: 10;}
@media only screen and (max-width: 568px) {
.point03 {margin: 0 auto 50px 0;}
.point03:after {width: 58px;height: 168px;right: 40px;}
.point03:before {width: 410px;height: 410px;}
}
@media only screen and (max-width: 375px) {
.point03:before {width: 380px;height: 380px;}
}
/****************************
* ポイント04
****************************/
.point04 {max-width: 400px;margin: 0 0 0 auto;padding: 40px 0 50px;}
.point04:before {content: "";position: absolute;width: 510px;height: 510px;border-radius: 50%;}
.point04:before {background: rgba(227,226,231,.9);left: -20px;top: -72px;z-index: 2;}
.point04:after {background: url("../img/img-point04.png") top center no-repeat;background-size: contain;width: 116px;height: 100px;right: 30px;bottom: 20px;z-index: 2;}
@media only screen and (max-width: 568px) {
.point04 {max-width: 380px;margin: 0 -30px 70px auto;padding: 0 0 30px;}
.point04:after {bottom: 0px;}
.point04:before {width: 420px;height: 420px;}
}
@media only screen and (max-width: 375px) {
.point04 {max-width: 320px;}
.point04:before {width: 380px;height: 380px;}
.point04:after {bottom: 20px;width: 96px;height: 80px;}
}

/****************************
* ポイント05
****************************/
.point05 {max-width: 420px;margin: 0 auto 150px 0;padding: 40px 0;}
.point05:before {content: "";position: absolute;width: 483px;height: 483px;border-radius: 50%;}
.point05:before {background: rgba(247,230,210,.9);left: -50px;top: -70px;z-index: 10;}
.point05:after {background: url("../img/img-point05.png") top center no-repeat;background-size: contain;width: 106px;height: 110px;right: 30px;bottom: -30px;z-index: 10;}
@media only screen and (max-width: 568px) {
.point05 {margin: 0 auto 90px 0;}
.point05:before {width: 413px;height: 413px;}
}
@media only screen and (max-width: 375px) {
.point05 {margin: 0 auto 90px 0;padding: 40px 0;}
.point05:before {width: 393px;height: 393px;}
.point05:after {width: 96px;height: 90px;bottom: -20px;}
}
/*===============================================

 *	プレゼント企画

===============================================*/
#present-wrap{background: #b5afad;padding: 30px 0;}
#present-wrap .present-box{position: relative;margin-bottom: 80px;}
#present-wrap .img-present{max-width: 541px;margin: 0 auto;}
#present-wrap .img-present_goods{position: absolute;right: 35px;bottom: -90px;max-width: 267px;}
#present-wrap dl{width: 80%;margin: 0 auto;}

#present-wrap dt{color: #fff;font-size: 24px;font-weight: bold;margin-bottom: 10px;}
#present-wrap dd{color: var(--site-secondary);font-size: 20px;margin-bottom: 20px;}
#present-wrap dd li{padding-left:1em;text-indent:-1em;margin-bottom: 5px;}
@media only screen and (max-width: 568px) {
#present-wrap .img-present {max-width: 350px;}
#present-wrap .img-present_goods {max-width: 217px;}
#present-wrap dl {width: 88%;}
#present-wrap dt {font-size: 20px;margin-bottom: 5px;}
#present-wrap dd li {font-size: 16px;letter-spacing: 0;}
}
@media only screen and (max-width: 375px) {
#present-wrap {padding: 20px 0;}
#present-wrap .img-present {max-width: 340px;}
#present-wrap .img-present_goods {right: 15px;bottom: -94px;}
#present-wrap dd li {font-size: 15px;}
}
/*===============================================

 *	ブランドストーリー

===============================================*/
#brand-wrap{background: url("../img/official_logo.png") right top no-repeat var(--site-contentscolor);background-size: 50%;color: var(--site-secondary);padding: 40px 0;}
#brand-wrap .brand-txtbox{width: 84%;line-height: 2;margin: 0 auto;}
#brand-wrap h2{font-size: 34px;font-weight: bold;margin-bottom: 20px;}
@media only screen and (max-width: 568px) {
#brand-wrap {padding: 20px 0;}
#brand-wrap .brand-txtbox {width: 88%;}
#brand-wrap h2 {font-size: 26px;margin-bottom: 10px;}
}
/*===============================================

 *	How to

===============================================*/
#howto-wrap{background: url("../img/bg-howto.png") left top no-repeat #fcfbf9;padding: 40px 0;}
#howto-wrap h2{color: var(--site-secondary);font-size: 34px;font-weight: bold;margin: 0 0 20px 30px;}
#howto-wrap .lineup-carousel{max-width: 470px;margin: 0 auto;}
.slider {max-width: 640px;margin: 30px auto 0;width: 100%;display: flex;}
.slider .slick-list {padding: 0 30% 0 0!important;}
.slider li {background: #fff;border: #666 1px solid;border-radius: 10px;max-width: 450px; margin: 0 .5%;height: 380px;padding: 25px;}
.slider li dl {color: var(--site-secondary);}
.slider li dt {font-size: 23px;font-weight: bold;margin-bottom: 20px;position: relative;display: flex;align-items: center;letter-spacing: 0;}
.slider li dt img{max-width: 68px;margin-right: 10px;}
.slider dd img{margin: 0 auto 15px;}
.slider dd p{border-top: var(--site-secondary) 2px solid;padding-top: 15px;}

.slider .img-howto01{max-width: 184px;}
.slider .img-howto02{max-width: 157px;}
.slider .img-howto03{max-width: 242px;}
.slider .img-howto04{max-width: 136px;}
.slider .img-howto05{max-width: 178px;}
.slider .img-howto06{max-width: 124px;}

@media screen and (max-width:640px){
.slider {width: 100%;}
}
@media only screen and (max-width: 568px) {
#howto-wrap h2 {font-size: 26px;margin-bottom: 10px;}
.slider li {max-width: 300px;margin: 0 10px;padding: 20px;}
.slider li dt {font-size: 18px;}
.slider li dt img {max-width: 48px;}
}
@media only screen and (max-width: 375px) {
.slider li {padding: 15px;height: 360px;}
.slider li dt {font-size: 16px;}
.slider li dt img {max-width: 40px;}
.slider .img-howto01 {max-width: 150px;}
.slider .img-howto02 {max-width: 140px;}
.slider .img-howto04 {max-width: 108px;}
.slider .img-howto05 {max-width: 140px;}
.slider .img-howto06 {max-width: 108px;}
}
/*===============================================

 *	sns

===============================================*/
#sns-wrap {padding: 40px 0 100px;}
#sns-wrap ul{width: 180px;margin: 0 auto;}
#sns-wrap li{width: 74px;}
@media only screen and (max-width: 568px) {
#sns-wrap {padding: 30px 0 80px;}
#sns-wrap ul {width: 140px;}
#sns-wrap li{width: 64px;}
}
@media only screen and (max-width: 375px) {
#sns-wrap {padding: 30px 0 70px;}
}
/*===============================================

 *	footer

===============================================*/
footer {background: var(--site-primary);font-size: 13px;color: #fff;padding: 10px 0;text-align: center;}
footer small{font-size: 13px;}
@media only screen and (max-width: 568px) {
footer {font-size: 10px;}
footer small{font-size: 11px;}
}




.btn-secondary a.buylink {
    padding: 0;
}


section.bnr-campaign_fix {
    margin-bottom: -15px;
    background: #f4d9ac;
}
.bnrtop {
    position: fixed;
    top: 0;
    z-index: 100;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    max-width: 640px;
}
@media only screen and (max-width: 768px) {
	#main-wrap {
	    padding-top: 48px;
	}
}