@charset "utf-8";
/* CSS Document */
.pc {
  display: none;
}
.sp {
  display: block;
}
.spLeft{
	text-align: left!important;
}
.xsFont {
  font-size: 10px;
}
.sFont {
  font-size: calc(11 / 390 * 100vw);
}
.mFont {
  font-size: calc(13 / 390 * 100vw);
}
.lFont {
  font-size: calc(13 / 390 * 100vw);
}
.xlFont {
  font-size: calc(22 / 390 * 100vw)!important;
}
.sppdt{
	padding-top: 1em!important;
}
.fLogo {
  width: 150px;
  margin: 0 auto 26px;
}
header {
  height: auto;
}
header .inner .mainLogo {
  flex-basis: 150px;
  height: auto;
  padding: 25px 0;
  margin: 0 auto;
}
.breadcrumb {
  margin: 1em auto 0;
  font-size: calc(12 / 390 * 100vw);
}
ul.category .ttl {
  font-size: calc(18 / 390 * 100vw);
}
ul.category .sList a {
  font-size: calc(14 / 390 * 100vw);
}
footer .fBox .menu {
  margin: 28px auto;
  gap: 14px 0;
}
footer .fBox .fc1 .menu {
  width: 80%;
}
.fBox ul.menu li {
  font-size: calc(16 / 390 * 100vw);
  height: auto;
}
.fBox ul.menu li:first-child {
  font-size: calc(20 / 390 * 100vw);
}
.menu li span {
  font-size: calc(12 / 390 * 100vw);
}
.fBox a.shop {
  height: auto;
  padding: 1.1em 2em 1.2em 1em;
}
.fBox .fc1 ul li:first-child a.shop {
  height: auto;
  padding: 0.3em 2em 0.5em 1em;
}
.copyright {
  text-align: center;
  font-size: 11px;
  line-height: 1;
  margin-top: 3em;
}
.fb {
  margin: 0 auto;
}
.footerLink {
  display: flex;
  justify-content: center;
  margin-top: 3em;
}
.footerLink li {
  font-size: calc(14 / 390 * 100vw);
}
main .inner {
  padding: 0 15px 5vw;
}
main .innerB {
  padding: 0 15px 15px;
}
section.contents {
  margin-top: 14vw;
  padding: 0 0px 0;
}
.h1Box {
  font-size: calc(32 / 390 * 100vw);
  margin: 1.5em auto;
}
.h1 {
  font-size: calc(32 / 390 * 100vw);
}
.h1 span {
  font-size: calc(14 / 390 * 100vw);
}
.h2Box {
  font-size: calc(32 / 390 * 100vw);
}
.h2Box .h1 {
  font-size: calc(32 / 390 * 100vw);
}
.h2Box .h1 span {
  font-size: calc(14 / 390 * 100vw);
}
.h2 {
  font-size: calc(26 / 390 * 100vw);
}
.h1Box .h2 {
  font-size: calc(20 / 390 * 100vw);
  margin: 1.5em auto 1em;
}
.pdBox{
	margin-top: 5vw;
}
.pdBox .pdTtl {
  font-size: calc(22 / 390 * 100vw);
}
.pdBox .pdTxt {
  width: 100%;
  max-width: 100%;
  padding: 0 0;
}
.main.os .pdBox .pdTxt {
	max-width: 100%;
  padding: 0 0;
}
.pdBox .pdPrice {
  font-size: calc(22 / 390 * 100vw);
}
.pdBox .buyBtn {
  max-width: 80%;
  margin: 0 auto;
}
.buyBtn a {
  font-size: calc(18 / 390 * 100vw);
}
.mainBox {
  margin: calc(40 / 390 * 100vw) auto 0;
}
.nBox {
  width: 100%;
  padding: calc(20 / 390 * 100vw) 0;
}
.nBox2 {
  padding: calc(20 / 390 * 100vw) 0;
  flex-flow: column;
  gap: 0 0;
}
.nBox2 > div {
  width: 100%;
}
.nBox2 > div > img {
  margin-top: calc(15 / 390 * 100vw);
}
.subImg{
	padding: calc(20 / 390 * 100vw) 0;
}
.imgWide{
	padding: calc(20 / 390 * 100vw) 0;
}
.subImg .wrap,.imgWide .wrap{
	padding-left: 0;
	padding-right: 0;
}
.line {
  margin: 0;/*margin: calc(30 / 390 * 100vw) 0;*/
}
.lead {
  font-size: calc(20 / 390 * 100vw);
}
.lead.tac {
  text-align: left;
}
.lead.tac br {
  display: none;
}
.spTac{
	text-align: center!important;
}
.txt {
  font-size: calc(15 / 390 * 100vw);
}
.tableTtl {
  margin-top: 2em;
  font-size: calc(20 / 390 * 100vw);
}
.sp-scroll-table table {
  font-size: calc(20 / 390 * 100vw);
  margin: 1.0em 0;
}
.sp-scroll-table td:first-child {
  width: 8em;
}
.sp-scroll-table td {
  font-size: calc(13 / 390 * 100vw);
  border-top: solid 1px #e6e6e6;
  padding: 0.7em 10px 0.8em;
  word-wrap: break-word;
}
main p {
  font-size: calc(15 / 390 * 100vw);
}
.wBtn {
  max-width: 80%;
  font-size: calc(18 / 390 * 100vw);
  margin: 2em auto;
}
.wBtn a {
  font-size: calc(15 / 390 * 100vw);
}
section.buy h3 {
  font-size: calc(22 / 390 * 100vw);
}
.newsBox .news a {
  flex-wrap: wrap;
  padding: 1.25em 10px;
}
.newsBox .news a .newsDate {
  order: 2;
  font-size: 14px;
  line-height: 28px;
  padding-left: 1em;
}
.newsBox .news a .newsCate {
  order: 1;
    width: 6em;
  font-size: 14px;
  padding: 5px 0;
}
.newsBox .news a .newsTxt {
  order: 3;
  flex: 0 1 auto;
  display: block;
  font-size: 15px;
  line-height: 1.5;
  padding: 1em 0 0 1em;
}
ul.brand {
  gap: 2vw 2vw;
  justify-content: space-between;
  margin: 20px auto 40px;
  flex-wrap: wrap;
}
ul.brand.top {
  flex-wrap: wrap;
  gap: 10px 0px;
}
ul.brand li {
  width: calc(100% / 2 - 1vw);
}
ul.brand.top li {
  width: calc(100% / 2 - 5px);
}
.list_wrap_inner {
  gap: 2.5em 0.25em;
  padding: 0 0 2em;
}
.list_wrap .item {
  width: calc(100% / 2 - 0.125em);
  text-align: center;
  position: relative;
}
.list_wrap .item p {
  font-size: calc(12 / 390 * 100vw);
}
.brandHead p {
  font-size: calc(15 / 390 * 100vw);
  padding: 0 0;
}
.brandHead h1 {
  max-width: 350px;
  width: 70%;
  margin: 0 auto;
}
ul.anchor{display: flex;flex-wrap: wrap;margin: 0 auto 2em;gap:0.5em 0;}
ul.anchor li{width: 50%;font-size: calc(14 / 390 * 100vw);
	
}
.list_wrap h2{
	font-size: calc(18 / 390 * 100vw);
}
#cate1,#cate2,#cate3,#cate4,#cate5,#cate6,#cate7,#cate8,#cate9,#cate10{
	padding-top: 60px;
	margin-top: -60px;
}
.archived{
	margin-top: 1em;
	font-size: calc(12 / 390 * 100vw);
}
#thumbnail-area {
    margin: 0 auto 5vw;
}
.sBox h3.lead {
    font-size: calc(18 / 390 * 100vw);
}
.sBox {
    width: 100%;
    padding: 1.5em 1.5em;
    border: 2px solid #c8c8c8;
    margin: 0 auto;
}
.mainBox.mt2{
	margin-top: calc(20 / 390 * 100vw)!important;	
}
.skBox{
  width: 100%;
  padding: 1.5em;
	background-color: #f9f9f4;margin-top: 2.5em;
}
.thumbBox{
	margin-top: 1.5em;
	display: block;
}
.thumbBox .thumbBoxTxt{
	flex:1;
}
.thumbBox .mImg{
	width: 100%;
	max-width: 600px;
	margin: 2em auto 0;
}
.box3{
	display: block;
}
.box3>div{
	width: 100%;
	text-align: center;
}
.box3>div p{
	margin: 1em auto 2em;
	text-align: left;
}
.box3>div img{
	max-width: 60%;
	margin: 0 auto;
}
.s2Img{
	max-width: 300px;margin: 0 auto 0;
}
.btnT::before{
    content: "";
    position: absolute;
    height: 10vw;
    width: 100%;
    clip-path: polygon(0 0,50% 100%,100% 0);
    background-color: #eb93aa;
    left: 0;
    bottom: -10vw;
}
.btnT::after{
    content: "";
    position: absolute;
    height: 10vw;
    width: 100%;
    clip-path: polygon(0 0,50% 100%,100% 0);
    left: 0;
    bottom: calc(-10vw + 1px);
  background-image: -moz-linear-gradient( 90deg, rgb(248,181,198) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(248,181,198) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(248,181,198) 0%, rgb(255,255,255) 100%);
}
.btnTer{
	margin-top: 1vw;
}
.newsDetail h2{
  font-weight: bold;
  font-size: calc(20 / 390 * 100vw);
  border-bottom:1px solid #b4b4b4;
  padding-bottom: 0.5em;
  margin-bottom: 0.25em;
  }
  .newsDetail .date{
    font-size: calc(15 / 390 * 100vw);
    color: #c8c8c8;
  }