@charset "UTF-8";

/* ----------------
        gift
-------------------*/
.cnt-image-gift{
    display: flex;
    justify-content: center;
    background: url(../img/gift/backimg.jpg) no-repeat 100%;
    background-size: cover;
    padding: 10% 0 5%;
    overflow: hidden;
}
.cnt-image-gift div {
    position: relative;
    width: 60%;
    left: 10%;
    display: inline-block;
    margin: auto;
    height: 250px;
}
.cnt-image-gift div h1 {
    position: absolute;
    bottom: 0;
    font-size: 5.5vw;
    font-weight: lighter;
    font-family: serif;
}
.cnt-image-gift div h2 {
    background: url(../images/tsumugi_logo.png) no-repeat;
    overflow: hidden;
    width: 100%;
    height: 170px;
    text-indent: 100%;
    white-space: nowrap;
    background-size: contain;
}
.cnt-catch-gift{
    background: url(../img/gift/ribon.png) no-repeat center 100%;
    height: 110px;
    background-size: contain;
    text-align: center;
    margin:2% 0 5%;
    position: relative;
    display: block;
    font-family: serif;
}
.cnt-catch-gift h3{
    font-weight: bold;
    font-size: 3.5rem;
    color:#CA0101;
}
.cnt-catch-gift p{
    position: absolute;
    bottom: 0;
    font-size: 2.5rem;
    display: block;
    width: 100%;
}
h3.gift_about {
    font-family: serif;
    color: #1F65AC;
    margin: 5%;
    font-size: 4rem;
}
/* -------------------------
    コンテンツ
------------------------- */
.sec-inner{max-width: 920px;    margin: auto;line-height: 1.8;}
.sec-inner p{margin-bottom: 0;}
.sec-inner  h4 {font-size: 3.5rem;font-weight: initial;margin: 2% 0;position: relative;padding-left: 3%;}
.sec-inner  h4:before{
    content: "";
    border-right: 10px solid #CA0101;
    position: absolute;
    left: 0px;
    top: 0;
    bottom: 0;
}
.sec-inner ul.sec-inner-att{
    background-color: #f2f2f2;
    padding: 2%;
    margin-bottom: 5%;
    list-style: disc;
}
.sec-inner ul.sec-inner-att li{margin-left: 4%;}

.cnt-contact {
    display: flex;
    flex-wrap:wrap;
}
.cnt-contact .cntbnt{
    background-color: #FB7F01;
    border-radius: 5px;
    padding: 2%;
    text-align: center;
    width:calc(99% / 2 );
    color: #fff!important;
    font-size: 2.5rem;
    margin-right: 1%;
}
.cnt-contact .cntbnt:nth-of-type(2n){margin-right: 0;}

.cnt-contact .cnttel:before{
    content: "\f879";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 2%;
}
.cnt-contact .cntmail:before{
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 2%;
}

/* のしエリア */
.cnt-inner-pick , .cnt-inner-pick2{margin: 0 0 5% 0;}

.cnt-inner-pick > h3{
    text-align: center;
    font-size: 3.5rem;
    padding: 5% 0 8%;
    font-family: serif;
    position: relative;
    line-height: 1.5;
    color: #333!important;
}
.cnt-inner-pick > h3:after{
    display: block;
    content: url(img/line.png);
    position: absolute;
    bottom:-2%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.cnt-inner-pick > h3.bgwt{color: #fff!important;}
.cnt-inner-pick > h3.bgwt:after{
    content: url(img/line_wt.png);
}
.cnt-inner-pick2{
    border-bottom: 2px dotted #ccc;
    padding-bottom: 5%;
}

.cnt-inner-pick-att{
    border-radius: 10px;
    background-color: #FEF4EA;
    padding: 3%;
    margin-bottom: 2%;
}
.cnt-inner-pick-att > span{color: #CA0101;}

p.innertxt{text-align: center;font-size: 3.5rem;}

/*  rank  */
.pick-col1 , .pick-col2 ,.pick-col2_2{
    display: flex;
    background-color: #fff!important;
    margin: 2%;
    border-radius: 10px;
    padding: 3%;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .25);
}
.cnt-col2{margin: 0;}
.pick-col1 > div{
    width: 100%;
    padding: 2%;
    position: relative;
}
.pick-col2 ,.pick-col2_2{
    width: calc(94% /2);
    display: block;
    position: relative;
}
.pick-col2:nth-of-type(2n){margin: 0 2% 2% 0;}
.pick-col2_2:nth-of-type(2n){margin: 0 2% 2% 0;}

.itemname{
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    text-align: left;
    padding: 0 0 10% 0;
}
.itemPrice{
    font-size: 2.9rem;
    text-align: right;
    color: #CA0101;
    padding: 5% 0 0px;
    margin: 0!important;
}
.rank1:before{
    content: "";
    display: inline-block;
    width: 22%;
    height: 100px;
    background: url(../img/rank1.png) no-repeat;
    background-size: contain;
    margin-right: 5%;
}
.rank2:before{
    content: "";
    display: inline-block;
    width: 75px;
    height: 65px;
    background: url(../img/rank2.png) no-repeat;
    background-size: contain;
}
.rank3:before{
    content: "";
    display: inline-block;
    width: 75px;
    height: 65px;
    background: url(../img/rank3.png) no-repeat;
    background-size: contain;
    margin-right: 5%;
}
.lnkbtn{
    background-color: #CA0101;
    padding: 2%;
    color: #fff!important;
    position: absolute;
    bottom: 0;
    width: 85%;
    text-align: center;
    border-radius: 5px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.lnkbtn:after{
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 1%;
}
.catitemlnk{
    background-color: #4f3f40;
    padding: 1.5%;
    width: 70%;
    text-align: center;
    display: block;
    margin: 3% auto 0;
    font-size: 2rem;
    box-shadow: 0 3px 3px #ccc;
    color: #fff!important;
    border-radius: 7px;
    position: relative;
}
/*.catitemlnk:after{
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 0;
}*/
.catitemlnk:hover{
    background-color: #DFC7B0;
    color: #4f3f40!important;
    transition : .5s;
}
.catitemlnk::before{
    content: '';
  position: absolute;
    bottom:50%;
    right:5px;
    width: 7%;
    height: 1px;
  background:#fff;
    transition: all .3s;
}
.catitemlnk::after{
    content: '';
  position: absolute;
    bottom:57%;
    right:5px;
    width: 15px;
    height:1px;
  background:#fff;
    transform: rotate(35deg);
    transition: all .3s;
}
.catitemlnk:hover::before{right:-15px;background: #4f3f40;}
.catitemlnk:hover::after{right:-15px;background: #4f3f40}

.lnkbtn2 {
    display: inline-block;
    width:90%;
    padding: 2%;
    text-decoration: none;
    color: #fff!important;
    background: #ef8300;
    border-radius: 3px;
    transition: .4s;
    margin: 3%;
    text-align: center;
    font-size: 140%;
    border: solid 2px #ef8300;
}
.lnkbtn2:hover {
    background: #fff;
    color: #ef8300;
}

.box3Lin_wt{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    color: #fff!important;
    padding-bottom: 5%;
}
.box3Lin_wt > a{
    width: calc( 95% / 3);
    padding: 2%;
    border: #fff 1px solid;
    border-radius: 5px;
    color: #fff!important;
    text-align: center;
    margin: 1%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box3Lin_wt > a:nth-of-type(3n){margin: 1% 0 1% 1%;}

.box3Lin_wt > a{
    width: calc( 95% / 3);
    padding: 2%;
    border: #fff 1px solid;
    border-radius: 5px;
    color: #fff!important;
    text-align: center;
    margin: 1%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box3Lin_wt > a:nth-of-type(3n){margin: 1% 0 1% 1%;}

.box3Lin{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
}
.box3Lin > a{
    width: calc( 95% / 3);
    padding: 2%;
    border-radius: 5px;
    text-align: center;
    margin: 1%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box3Lin > a:nth-of-type(3n){margin: 1% 0 1% 1%;}
.brw > a{
  color: #fff;
  background-color: #866f44;
  border: 1px solid #866f44;
}
.beg > a{
  color: #333;
  background-color: #e3dbcc;
  border: 1px solid #e3dbcc;
}

/*  FAQ*/
.faq .tabQA {
    position: relative;
    margin-bottom: 1px;
    width: 100%;
    overflow: hidden;
    margin:1% 0;
    z-index: 100;
}
.tabQA > input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.tabQA > label {
    position: relative;
    display: flex;
    padding: 3% 10% 3% 3%;
    /*line-height: 3;*/
    cursor: pointer;
    align-items: center;
    border: 1px solid #ccc
}

.faq .tabQA .tab-content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .35s;
    -o-transition: max-height .35s;
    transition: max-height .35s;
    background-color: #FEF4EA;
}

.faq .tabQA .tab-content p {
    margin: 1em;
    text-align: left;
}

/*.faq .tabQA .tab-content p:before {
    content:"A";
    display: inline-block;
    width:28px;
    background-size: contain;
    height: 20px;
}*/
/* :checked */
.tabQA > input:checked ~ .tab-content {
    max-height: 100%;
}
/* Icon */
.tabQA > label:before {
    content:"Q";
    display: inline-block;
    width:5%;
    height: auto;
    text-align: center;
}

.tabQA > label::after {
    position: absolute;
    right: 0;
    display: block;
    width: 4em;
    height: auto;
    text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
}
.tabQA > input[type=checkbox] + label::after {
    content: "+";
}
.tabQA > input[type=radio] + label::after {
    content: "\25BC";
}
.tabQA > input[type=checkbox]:checked + label::after {
    transform: rotate(315deg);
}
.tabQA > input[type=radio]:checked + label::after {
    transform: rotateX(180deg);
}
/* //FAQ */

/*      スライダー      */
.slider {
    width:94%;
    margin:0 auto;
}
.slider img {
    width:35vw;
    height:auto;
}
.slider .slick-slide {
  transform: scale(0.8);
  transition: all .5s;/*拡大や透過のアニメーションを0.5秒で行う*/
  opacity: 0.5;
}
.slider .slick-slide.slick-center{
  transform: scale(1);/*中央の画像のサイズだけ等倍に*/
  opacity: 1;/*透過なし*/
}
.slick-prev,
.slick-next {
    position: absolute;
    top: 42%;
    cursor: pointer;
    outline: none;
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    height: 15px;
    width: 15px;
}
.slick-prev {
    left: -1.5%;
    transform: rotate(-135deg);
}
.slick-next {
    right: -1.5%;
    transform: rotate(45deg);
}
.slick-dots {text-align:center;margin:.5rem 0 0 0;}
.slick-dots li {
    display:inline-block;
  margin:0 5px;
}
.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;
    height:8px;
    display:block;
    border-radius:50%;
    background:#ccc;
}
.slick-dots .slick-active button{
    background:#333;
}
/*      //スライダー    */

footer.contents_ft{
    background-color: #fff;
    color: #333;
}

/* -------------------------
    SP
------------------------- */
@media screen and (max-width: 599px){
    .cnt-image-gift div {width: 120%;left: 2%;height: auto;}
    .cnt-image-gift div h1 {bottom: 10%;}
    h3.gift_about{font-size: 2rem;}
    .cnt-catch-gift{height: 13vw;}
    .cnt-catch-gift h3{font-size: 4.5vw;}
    .cnt-catch-gift p {font-size: 3.3vw;margin-bottom: -5%;}
    .sec-inner {padding: 5% 2%!important;}
    .sec-inner h4{font-size: 4.8vw;}
    .sec-inner h4:before {border-right: 5px solid #CA0101;}
    .sec-inner p {margin-bottom: 7%;font-size: 3vw;}
    .cnt-contact .cntbnt {width: 94%;    margin: 2%;font-size: 4.5vw;}
    .cnt-inner-pick > h3 {padding: 5% 0 15%;font-size: 6.5vw;}
    .cnt-inner-pick > h3:after{bottom: 0;}
    p.innertxt {font-size: 4.5vw;text-align: left;}
    .pick-col1, .pick-col2 ,.pick-col2_2 {display: block;}
    .pick-col2_2{width: 100%!important;}
    .itemname{font-size: 3.7vw;line-height: 1.5;padding: 0;}
    .itemPrice{font-size: 4.7vw!important;font-weight: bold;}
    p.discrip{margin-bottom: 20%!important;}
    .rank2 ,.rank3{font-size: 2.7vw;    padding-bottom: 25%;}
    .cnt-inner-pick2{padding-bottom: 10%;}
    .cnt-inner-pick2 {margin: 0 0 10% 0;}
    .catitemlnk {width: 90%;font-size: 3.5vw;margin: 10% auto 0;padding: 3%;}
    .giftLp_cl2{padding: 2%;}
    .giftLp_cl2 > div {width: 100%!important;margin: 0 0 3% 0!important;}
    .giftLp_cl2 > div:last-of-type{margin: 0!important;}
}

/* ------------------------
    楽天イベント
-------------------------- */
/* RMSカテゴリ */
.eventBn{
    padding-top: 30px;
    max-width: 1000px;
}
.eventBn img {width: 100%;}

/* LP */
main.evnet_main{top: 60px;}
.cnt-evt-image{
    /*margin-top:70px;*/
}
/*.cnt-evt-image > h1{
    display: block;
    background: #ca1111 url(https://image.rakuten.co.jp/tsumugi-zushi/cabinet/revent/lptopimg_220919.jpg) center / cover no-repeat;
    overflow: hidden;
    width: 100%;
    padding-top: 67vw;
    text-indent: 100%;
    white-space: nowrap;
}*/
.sec-evt-inner {
    margin: 5% auto;
    width: 100%;
    text-align: center;
    font-size: 2.6rem;
    font-family: sans-serif;
    max-width: 920px;
    color: #333!important;
}
.sec-evt-inner > p {line-height: 1.8;}
.Linktab div a {
    border-radius: 10px;
    padding: 5%  3% 10%;
    font-size: 1.8rem;
    line-height: 1.2;
    display: inline-flex;
    width: 100%;
    position: relative;
    box-shadow: 1px 5px 5px #ccc;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: #333;
}
.Linktab div a.tb1{background-color: #DC7A18;color: #fff;}
.Linktab div a.tb2 {background-color: #ABAB49;color: #fff;}
.Linktab div a.tb3  {background-color: #D0244F;color: #fff;}
.Linktab div a.tb4{background-color: #9F558C;color: #fff;}
.Linktab div a.tb5 {background-color: #559F8C;color: #fff;}
.Linktab div a.tb6  {background-color: #497AAB;color: #fff;}
.Linktab div a:before {
    content: '\f078' ;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    /*top: 32%;
    right: 4%;*/
    bottom: 5px;
    right: 45%;
}

a.r_entbtn{
    display: block;
    position: relative;
    padding: 3%;
    margin: 2% auto;
    color: #fff!important;
    background-color: #ca1111;
    width: 80%;
    text-align: center;
    border-radius: 10px;
    font-size: 3.5rem;
}
a.r_entbtn:before{
    content: "\f138";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 25%;
    left: 15%;
}
.sec-evt-inner_camp1{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 80%;
    margin: 5% auto;
}
.sec-evt-inner_camp1 > img{width: 30%;}
.sec-evt-inner_camp1 > div {width: 65%;text-align: left;font-size: 3.8rem;}
.sec-evt-inner2{
    background-color:#f4f2ea ;
    width: 100%;
    font-family: sans-serif;
}

/*--------タイムセール--------*/
.timesaleArea{
    margin:8%  auto 5%;
    padding: 0 0 5% 0;
}
.timesaleArea > h2 {
    max-width: 920px;
    margin: auto;
    position: relative;
    top: -99px;
    margin-bottom: -2%;
}
.timesaleArea .timesale{
    background-color: #fff!important;
    border-radius: 15px;
    padding: 5% 2% 2%;
    text-align: center;
    max-width: 920px;
    margin: 0 auto 3%;
    display: block;
    position: relative;
    z-index: 0;
}
.soldout , .soldout2 {position: relative;}
.soldout:before , .soldout2:before{
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background-color: rgba(0,0,0,0.8)!important;
    background: inherit;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.soldout:after{
    content: 'SOLD OUT';
    display: inline-block;
    font-size: 3vw;
    background-color: #CA0101;
    box-shadow: 2px 2px 4px #000;
    color: #fff!important;
    padding: 3%;
    width: 70%;
    position: absolute;
    top: 40%;
    left: 13%;
    z-index: 1;
    transform: rotate(-5deg);
}
.soldout2:after{
    content: '終了しました';
    display: inline-block;
    font-size: 3.2vw;
    color: #CA0101;
    width: 70%;
    position: absolute;
    top: 25%;
    left: 13%;
    z-index: 1;
    font-weight: bold;
    text-shadow: 2px 0 black;
}

.timesale_item > h3 {font-size: 3.5rem;font-weight: unset;line-height: 1.5;}
p.timesale_data{
    font-size: 3rem;
    color: #ca1111;
    font-weight: bold;
    margin: 2% 0;
}
p.timesale_data:before{
    content: "\f0f3";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    padding-right: 2%;
}
p.itemtxt{text-align: left;padding: 2% 0;line-height: 1.6;}
.timesaleArea .price{margin: 3% 0;font-weight: bold;}
.timesaleArea .originalprice {font-size: 3.5rem;position:relative;color: #666;}
.timesaleArea .originalprice:before{
    content: "\f063";
    display: block;
    position: absolute;
    left: 50%;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    bottom: -3rem;
}
.timesaleArea .saleprice {font-size: 5.5rem;color: #CA0101;padding: 4% 0 0;position: relative;left: 5%;}
.timesaleArea .saleprice:before{
    content: "SALE PRICE";
    color: #fff!important;
    font-size: 1.6rem;
    background-color: #CA0101;
    width: 70px;
    height: 30px;
    border-radius: 10px;
    display: inline-block;
    padding: 1%;
    position: absolute;
    bottom: 15%;
    left: 20%;
    line-height: 1;
}
a.itembtn {
    display: block;
    background-color: #CA0101;
    color: #fff!important;
    font-weight: bold;
    width: 60%;
    padding: 2%;
    border-radius: 10px;
    font-size: 2.5rem;
    margin: 0 auto 2%;
}
.deal_pick-col2 {
    display: block;
    position: relative;
    background-color: #fff!important;
    margin: 2%;
    border-radius: 10px;
    padding: 3%;
    box-shadow: 0 5px 5px 0 rgb(0 0 0 / 25%);
    width: calc(96% / 2);margin: 0 2% 2% 0;
}
.saleinfo {
    position: absolute;
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #ffd200;
    top: 0;
    left: 2%;
    box-shadow: 1px 2px 5px #333;
}
.saleinfo span.pointbak {
    font-size: 2.9rem;
    font-weight: bold;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 43%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width :80px;
    text-align:center;
}
.saleinfo span.pointbak2 {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 70%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width :80px;
    text-align:center;
    font-size: 1rem;
    letter-spacing: 0;
}
.saleinfo span.pointbak3 {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 70%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width :80px;
    text-align:center;
    font-size: 2rem;
    letter-spacing: 0;
}

div.deal_pick_btm{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.dealpnt {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #ffd200;
}
.dealpnt span.pointbak {
    font-size: 2.9rem;
    font-weight: bold;
    position: absolute;
    display: inline-block;
    left: 0;
    top: 43%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width :80px;
    text-align:center;
}
.dealpnt span.pointbak2 {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 70%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width :80px;
    text-align:center;
    font-size: 1rem;
    letter-spacing: 0;
}
.dealpnt span.pointbak3 {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 70%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width :80px;
    text-align:center;
    font-size: 2rem;
    letter-spacing: 0;
}
.saleprice2{
    font-size: 3vw;
    color: #CA0101;
    font-weight: bold;
    text-align: right;
    width: 78%;
    line-height: 1.3;
}
.saleprice2 .originalprice2{
    font-size: 1.8rem;
    color: #666;
    font-weight: lighter;
    text-decoration: line-through;
}
.salebox{
    background-color: #CA0101;
    border-radius: 6px;
    color: #fff!important;
    font-size: 55%;
    padding: 2% 5%;
    display: inline-block;
    margin-bottom: 5%;
}
/*.saleprice:before{content: "￥";}*/
.itemttl{text-align: left;font-size:1.6rem;}

.pickitem_cat{
    background-color: #DBEBFA;
    padding: 2%;
    border-radius: 25px;
}

.ttilbox{
    background-color: steelblue;
    color: #fff!important;
    padding: 2%;
    margin-bottom: 2%;
}

.anchor{
    display: block;
    padding-top: 90px;
    margin-top: -90px;
}
.anchor60{
    display: block;
    padding-top: 60px;
    margin-top: -60px;
}

@media screen and (max-width: 599px){
    main.evnet_main{top: 0;}
    .cnt-evt-image{margin-top: 5vw;}

    .sec-evt-inner{width: 100%;font-size: 4vw;padding: 2%;}
    a.r_entbtn{font-size: 3.5vw;}
    a.r_entbtn:before{left: 12vw;top: 25%;}
    .sec-evt-inner_camp1{width: 100%;}
    .sec-evt-inner_camp1 > div{font-size: 4.8vw;line-height: 1.4;}
    .Linktab div a {font-size: 2.8vw;padding: 8% 3% 15%;font-weight: unset;}
    .timesaleArea > h2{top: -10.6vw;}
    .timesale{margin: 0 2% 5%!important;}
    .timesale_item > h3{font-size: 5.5vw;}
    p.timesale_data{font-size: 3.8vw;margin: 5% 0;}
    .timesaleArea .originalprice {font-size: 6vw;}
    .timesaleArea .saleprice {font-size: 10vw;padding: 10% 0 3%;left: 4%;}
    .timesaleArea .saleprice:before{width: 14%;height: auto;font-size: 2vw;bottom: 5vw;left: 3%;padding: 2%;}
    a.itembtn {width: 90%;font-size: 3.5vw;padding: 3%;}
    .soldout:after{font-size: 5vw;top: 30%;}
    .dealpnt{width: 55px;height: 55px;}
    .dealpnt span.pointbak{font-size: 3.5vw;width: 55px;top: 35%;}
    .dealpnt span.pointbak2{font-size: 2.5vw;width: 55px;top: 70%;line-height: 1.3;}
    .dealpnt span.pointbak3{font-size: 3vw;width: 55px;top: 70%;}
    .saleprice2 {width: 25vw;font-size: 3.5vw;}
    .saleprice2 .originalprice2{font-size: 3vw;}
    .saleinfo{width: 55px;height: 55px;}
    .saleinfo span.pointbak{font-size:3.5vw;width: 55px;}
    .saleinfo span.pointbak3{font-size: 2.5vw;width: 55px;top: 67%;}
    .itemttl{font-size: 2.8vw;}

    .anchor{padding-top:50px;margin-top: -50px;}
}

.anderLine{position: relative;margin: 5% 0;}
.anderLine:after{
    position: absolute;
    content: '';
    width: 110px;
    height: 2px;
    display: inline-block;
    background-color: #ca1111;
    bottom: -5px;
    left: calc(50% - 55px)
}

/*----------------------
    お中元
-----------------------*/
.cnt-image-summergift > h1{
    display: block;
    background: #fff url(img/gift/content2207_image.jpg) center / cover no-repeat;
    overflow: hidden;
    padding-top: 68.5vw;
    text-indent: 100%;
    white-space: nowrap;
}
.summergift_inner{
    background-color: #eaf2ff;
    width: 100%;
    font-family: sans-serif;
    padding-bottom: 1%;
}
/*----------------------
    母の日
-----------------------*/
.cnt-image-mothersday > h1{
    display: block;
    background: #fff url(img/mothersday/mothers_img2.jpg) center / cover no-repeat;
    overflow: hidden;
    padding-top: 68.5vw;
    text-indent: 100%;
    white-space: nowrap;
}
.mother_inner{
    background-color: #ffddde;
    width: 100%;
    font-family: sans-serif;
    padding-bottom: 1%;
}
.innerPkitem{
    display: block;
    position: relative;
    background-color: #fff!important;
    margin: 2%;
    border-radius: 10px;
    padding: 3%;
    box-shadow: 0 5px 5px 0 rgb(0 0 0 / 25%);
}
.innerPkitem > h4 {
    font-size: 1.8rem;
    text-align: left;
    line-height: 1.5;
}
.innerPkitem > h4 p {
    background-color: #ef8300;
    color: #fff!important;
    font-weight: bold;
    text-align: center;
    margin-bottom: 3%;
}

h4.item_catch {
  position: relative;
  padding: 1.5rem 2rem;
  color: #fff!important;
  border-radius: 5px;
  background: #4f3f40;
  margin-bottom: 2%;
  font-size: 1.5rem;
  text-align: left;
}

h4.item_catch:after {
  position: absolute;
  bottom: -9px;
  left: 3em;
  width: 0;
  height: 0;
  content: '';
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #4f3f40 transparent transparent transparent;
}
@media screen and (max-width: 599px){
    .innerPkitem > h4 {font-size: 3.3vw;    font-weight: inherit;}
}

/*----------
　コンテンツ
-----------*/
#contents{
	width: 100%;
    max-width: 1000px;
    margin: 0 auto 10%;
    position: relative;
    text-align: center;
    color: #333;
    top: 145px;
}
#contents img{ width: 100%;}

#contents h2{font-size:36px;margin:0;padding: 2% 0 0;font-family: serif;}
#contents h3{font-size:15px;margin: 30px 10px;font-weight: inherit;}

#contents section{
	margin: 7% 0;
    border-bottom: 1px dotted;
    padding-bottom: 4%;
}
@media screen and (max-width: 599px){
    #contents {top: 80px;}
    #contents section{padding: 0 2%;}
    #contents h2{font-size: 5.4vw;padding: 10% 0 0;}
}

.contents_innner {
    padding-top: 100px;
    margin-top:-100px;
}
#contents .brdlnk{
    display: flex;
    flex-wrap:wrap;
    font-size: 80%;
	margin-bottom: 3%;
    color: #333;
}
#contents .brdlnk .col3{
	width: 32.65%;
    position: relative;
    margin: 0 1% 3% 0;
}
#contents .brdlnk .col3:nth-child(3n+3){margin:0 0 3% 0;}
#contents .brdlnk .col3 p{margin: 0;padding: 1%;text-align: left;}
#contents .brdlnk .col3 .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s;
}
#contents .brdlnk .col3:hover .active { opacity: 1;}

#contents .intv{text-align:left;line-height:1.9em;}

#contents p.Quest{
	font-size:20px;
	color:#df7900;
	font-weight:bold;
	border-bottom:1px dotted;
	padding:2% 0 1%;
    margin: 0;
    line-height: 1.4em;
}

#contents .cmt{
    display: flex;
    flex-wrap:wrap;
}
#contents p.txt{width:53%;padding:0 1%;margin: 1% 0 0;}
#contents p.image{width:45%;margin: 1% 0 0;}

#contents p.txt2{width:100%;padding:0 1%;margin: 1% 0 0;}

#contents .btn {
  display: inline-block;
  width:90%;
  padding: 2%;
  text-decoration: none;
  color: #fff!important;
  background: #ef8300;
  border-radius: 3px;
  transition: .4s;
  margin: 3%;
  text-align: center;
  font-size: 140%;
  border: solid 2px #ef8300;
}

#contents .btn:hover {
  background: #fff;
  color: #ef8300;
}
@media screen and (max-width: 599px){
#contents .brdlnk {margin-bottom: 7%;}
#contents .brdlnk .col3{width:calc( 98% / 2 );margin:0 0 3% 0;}
#contents .brdlnk .col3:nth-child(3){margin:0 0 3% 0;}
#contents .brdlnk .col3:nth-child(2n){margin-left:2%;}
#contents .intv{padding:5%;}
#contents p.Quest {padding:5% 0 1%;font-size:16px;}
#contents p.txt{width:100%;order:2;}
#contents p.image{width:100%;order:1;}
#contents p.txt2{order:3;}
#contents .btn {margin:6% auto;width: 100%;}
}

.contents850{max-width: 850px;margin: auto;}

/*-----------------*/
/* LINEコンテンツ */
/*-----------------*/
.line_cont{
    padding: 30px;
    position: relative;
    top: -10px;
    margin-bottom: 8%;
}
.line_cont_bggrn{background-color: #00c100;}
.line_cont_bggry{background-color: #f0f0f0;}
.line_cont_inner{
    display: flex;
    background-color: #fff;
    border-radius: 10px;
    width: 100%;
    padding: 1rem;
    align-items: center;
    margin-bottom: 30px;
}
.line_cont_inner > img{width: 145px!important;margin: 0.5rem 2rem;}
.line_cont_inner > div{
    text-align: left;
    font-size: 1.5rem;
    line-height: 1.4;
}
.line_cont_inner p.line_exclusive{
    font-size: 2.5rem;
    font-weight: bold;
}
.line_exclusive > span{background: linear-gradient(transparent 50%, #ffff7f 50%);font-size: 120%;}
.line_cont_howtoadd{
    background-color: #fff;
    border-radius: 10px;
    padding: 2.5rem;
    margin-bottom: 30px;
}
.line_cont_howtoadd:last-of-type ,.line_cont_inner:last-of-type{margin: 0;}

@media screen and (max-width: 599px){
  .contents850{padding: 15px;}
  .line_cont {padding: 20px;}
  .line_cont_inner{margin-bottom: 20px;}
  .line_cont_inner > img{width: 30%!important;margin: 0;}
  .line_cont_inner > div{font-size: 4vw;}
  .line_cont_inner p.line_exclusive {font-size: 5.5vw;}
  .line_cont_howtoadd{padding: 1rem;margin-bottom: 1rem;}
}
/*-----------------*/
/* パートナリスト */
/*-----------------*/

#contents .brand-lst .b-box {
    display: flex;
    flex-wrap: wrap;
}

#contents .brand-lst .b-box .partner{
	width: 50%;
    box-sizing: border-box;
    padding: 5px;
    margin-bottom: 20px;
}

#contents .brand-lst .b-box .partner h4{
	margin-bottom:10px;
	font-size: 130%;
}

#contents .brand-lst .partner .detailsimg {width:100%;}
#contents .brand-lst .partner .details{
	display:block;
    background-color: #f7f7f7;
    padding:15px;
    text-align: left;
	position:relative;
	word-wrap: break-word;
	position: relative;
	font-size: 85%;
}

#contents .brand-lst .partner .lnkbtn {
    display: inline-block;
    width: 89%;
    padding: 2%;
    text-decoration: none;
    color: #fff!important;
    background: #ef8300;
    border-radius: 3px;
    transition: .4s;
    text-align: center;
    font-size: 140%;
    border: solid 2px #ef8300;
	position:absolute;
	bottom:5px;
}
#contents .brand-lst .partner .lnkbtn:hover {
  background: #fff;
  color: #ef8300;
  opacity: 1.0;
}
#contents .producingArea{
	position: absolute;
    top: 0;
    background: #085690;
    padding: 2%;
    color: #fff!important;
    right: 0;
}

#contents .pertner_text *, .pertner_text *:before, .pertner_text *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#contents .pertner_text {
	position: relative;
}
#contents .pertner_text label {
	position: absolute;
	z-index: 1;
	bottom: 18%;
	width: 100%;
	height: 140px;
	cursor: pointer;
	text-align: center;
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
#contents .pertner_text input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
#contents .pertner_text label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 50%;
	width: 16rem;
	font-family: FontAwesome;
	content: '>'' 続きをよむ';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
	background-color: rgba(27, 37, 56, 1);
}
#contents .pertner_text input {
	display: none;
}
#contents .pertner_text .cp_container {
	overflow: hidden;
	height: 200px;
	transition: all 0.5s;
}
#contents .pertner_text input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
#contents .pertner_text input:checked + label:after {
	font-family: FontAwesome;
	content: '▲'' 閉じる';
}
#contents .pertner_text input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 120px;
	transition: all 0.5s;
}

@media screen and (max-width: 599px){
#contents .brand-lst .partner .details{padding:10px;}
#contents .brand-lst .partner a.lnkbtn {font-size: 110%;}
#contents .brand-lst .partner .details{padding:5px;}
#contents .pertner_text label {bottom:14%;}
#contents .pertner_text label:after {width:80%;}
}
/*----------
　//コンテンツ
-----------*/

/*----------
    Post
-----------*/
.post{
    width: 100%;
max-width: 780px;
margin:auto;
    color: #333;
line-height: 1.58;
font-size: 1.5rem!important;
}
.post > h2 {
    font-size: 2.2rem;
    line-height: 1.3;
    border-top: 1px #333 solid;
    border-bottom: 1px #333 solid;
    padding: 1.3rem 0;
    margin-bottom: 2rem;
}
.post > h3 {
    font-size: 2rem;
    line-height: 1.3;
    margin: 3rem 0 2rem;
    border-left: 1rem ridge rgba(211, 220, 50, .6);
    padding-left: 1rem;
}
.post h4 {margin-bottom: 1rem;font-size: 1.65rem;}
.post h5 {margin-bottom: 1rem;font-size: 1.55rem;}
.post > img{margin: 0 0 2rem 0;}
.post_text{margin-bottom: 2rem;}
.post_innerItem{
    border: 1px solid #ccc;
    padding: 1.5rem;
    margin: 2rem 0;
    display: flex;
    position: relative;
}
.post_innerItem img{width: 35%;}
/* Slider */
.topSlider .postimages{
    max-width: 1000px;
    transition: all 0.6s ease 0.4s;
    overflow: hidden;
    padding: 0 .2rem;
    position: relative;
    object-fit: cover;
    width: 80vw;
    height: 29vw;
}
.postimages{opacity: 1;}
.topSlider .postimages img{height: auto;}
/* //Slider */

.post_innerItem > div {margin-left: 2rem;width: calc( 100% - 35% );}
.post_innerItem > div a {
    display: block;
    position: absolute;
    width: 35%;
    background-color: #333;
    color: #fff!important;
    border-radius: 5px;
    padding: 1rem;
    text-align: center;
    bottom: 2rem;
    right: 2rem;
}
.post_innerItem p{margin-bottom: 1rem;}
.post_innerItem p.post_itemPrice{color:#CA0101;font-size:1.8rem;}

.underline{background: linear-gradient(transparent 65%,#FFF9C4 0%);}

.post_subSection{
    background-color: #FDF3EB;
    padding: 3rem;
    border-radius: 10px;
    margin: 5rem 2rem 10rem;
}
.post_subSection > h3{
    font-size: 2rem;
    margin-bottom: 1rem;
}

@media screen and (max-width: 599px){
.post{padding: 0 2rem;margin: 2rem auto;font-size: 1.4rem;}
.post > h3{margin: 5rem 0 2rem;}
.post_innerItem{display: block;}
.post_innerItem img, .post_innerItem > div{width: 100%;}
.post_innerItem > div{margin: 0;}
.post_innerItem > div a{position: unset;width: 80%;margin: auto;}
.post_subSection{padding: 1.8rem;margin: 2rem 0;}
}
/*----------
    //Post
-----------*/