@charset 'utf-8';
/* CSS Document */
/* 2022.05.09追加メニュー用ボタン */
.end_menu nav{
  width:98%;
  margin:2em auto;
}
.end_menu nav ul{
  width:100%;
  text-align:center;
  display:flex;
  flex-wrap:wrap;
  list-style:none;
  justify-content: center;
}
.end_menu nav ul li{
  width:calc(25% - .5em);
  margin:.25em .25em;
  position:relative;
}
.end_menu nav ul li .icon{
  position:absolute;
  right:-.25em;
  bottom:0;
  width:10px;
  height:10px;
  display:block;
  background:url("https://www.lovecosmetic.jp/images/endinfo_fv/endoinfo_icon.png") no-repeat;
  background-size:100%;
}
.end_menu nav ul li a{
  display:block !important;
  padding:.5em 0;
  font-size:clamp(14px, .8vw, 20px);
  width:100% !important;
  text-decoration:none;
  color:#FFFFFF !important;
  border: solid 1px rgba(0,0,0,.3);
}
.end_menu nav ul li a:hover{
  text-align:center !important;
}
.end_menu nav ul li.cate a{
  color:#333333 !important;
}
.end_menu nav ul li.endcolor1 a{
  background: rgb(228,174,224);
  background: linear-gradient(180deg, rgba(228,174,224,1) 0%,rgba(215,131,217,1) 100%);
  border: solid 1px rgb(215,131,217);
}
.end_menu nav ul li.endcolor2 a{
  background: rgb(139,222,226);
  background: linear-gradient(180deg, rgba(139,222,226,1) 0%,rgba(72,188,187,1) 100%);
  border: solid 1px rgb(72,188,187);
}
.end_menu nav ul li.endcolor3 a{
  background: rgb(243,129,154);
  background: linear-gradient(180deg, rgba(243,129,154,1) 0%,rgba(254,92,131,1) 100%);
  border: solid 1px rgb(254,92,131);
}
.end_menu nav ul li.endcolor4 a{
  background: rgb(205,242,195);
  background: linear-gradient(180deg, rgba(205,242,195,1) 0%,rgba(64,163,37,1) 100%);
  border: solid 1px rgb(64,163,37);
}
.end_menu nav ul li.endcolor11 a{
  background:#75b84f;
}
.end_menu nav ul li.endcolor12 a{
  background:#f3d6ec;
}
.end_menu nav ul li.endcolor13 a{
  background:#fedecf;
}
.end_menu nav ul li.endcolor14 a{
  background:#dfd5f8;
}
.end_menu nav ul li.endcolor15 a{
  background:#e15987;
}
.end_menu nav ul li.endcolor16 a{
  background:#c8c1ed;
}
.end_menu nav ul li.endcolor17 a{
  background:#78c3e2;
}
.end_menu nav ul li.endcolor18 a{
  background:#edb0d1;
}
.end_menu nav ul li.endcolor19 a{
  background:#d0f2d1;
}
.end_menu nav ul li.endcolor20 a{
  background:#d2eaf4;
}
.end_menu nav ul li.endcolor21 a{
  background:#fae39f;
}
.end_menu nav ul li.endcolor22 a{
  background:#ebc9e1;
}
.end_menu nav ul li.endcolor23 a{
  background:#ebc9e1;
}
.endoinfo_return{
  width:100%;
  text-align:right;
  margin-top:2em;
}
.endoinfo_return a{
  width:100%;
  display:block;
  text-decoration:none;
  color:#333333;
}
.endoinfo_return a:hover{
  text-decoration:none;
  color:#66cdaa;
}
.letter-s{
  letter-spacing: -.1em;
}
/* Slider */
.slick-slider{
  position: relative;

  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list{
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track{
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after{
  display: table;
  content: '';
}
.slick-track:after{
  clear: both;
}
.slick-loading .slick-track{
  visibility: hidden;
}
.slick-slide{
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide{
  float: right;
}
.slick-slide img{
  display: block;
}
.slick-slide.slick-loading img{
  display: none;
}
.slick-slide.dragging img{
  pointer-events: none;
}
.slick-initialized .slick-slide{
  display: block;
}
.slick-loading .slick-slide{
  visibility: hidden;
}
.slick-vertical .slick-slide{
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden{
  display: none;
}
.fvbox.slider{
  padding-bottom: 30px;
}
.fvbox.slider button{
  cursor:pointer;
}
.fvbox.slider button:visit{
  border:none;
}
.fvbox.slider button.slick-prev,
.fvbox.slider button.slick-next{
  position:absolute;
  border:none;
  bottom:0;
  text-indent:-5000px;
  width:26px;
  height:26px;
  display:block;
}
.fvbox.slider ul.slick-dots{
  position:absolute;
  bottom:0;
}
.fvbox.slider button.slick-prev{
  background:url("https://www.lovecosmetic.jp/images/flick_btn.png") no-repeat;
  left:0;
}
.fvbox.slider button.slick-next{
  background:url("https://www.lovecosmetic.jp/images/flick_btn.png") no-repeat;
  right:0;
  background-position:-26px;
}
.fvbox.slider ul.slick-dots{
  text-align:center;
  width:90%;
  height:20px;
  margin:0 5%;
  overflow:hidden;
}
.fvbox.slider ul.slick-dots li{
  display:inline-block;
  width:20px;
  height:20px;
}
.fvbox.slider ul.slick-dots li button{
  display:block;
  overflow:hidden;
  width:100%;
  height:100%;
  border:none;
  color:#CCC;
  font-size:0;
  background:#FFF;
}
.fvbox.slider ul.slick-dots li.slick-active button{
  color:#000;
}
.fvbox.slider ul.slick-dots li button:before{
  font-size:12px;
  content: ".";
}

/*電光掲示板 */
.float_area {
    width: 88%;
  padding:10px 0;
    overflow: hidden;
  background-color:#666;
  margin-left:auto;
  margin-right:auto;
}
/* 表示領域に合わせてサイズと余白を設定 */
.marquee{
    width: 100%;
    padding-left: 10%;
  white-space: nowrap;

    animation-name: marquee;
    animation-duration: 20s;/*速度調整*/
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.marquee li {
  margin:0;
  padding:0;
  list-style:none;
  display: inline !important;
}

.marquee li a{
  font-size:14px !important;
  color:#FDDFFC !important;
  font-weight:bold !important;
  display: inline !important;
}

.lastmarqueetext{
  font-size:16px !important;
  color: #F887BF !important;
  font-weight:bold !important;
}


@keyframes marquee {
    from    { transform: translate(0%); } 
    100%,to { transform: translate(-200%); }
}
#contents .endinfoCountdownTagList .tag-red {
  color: #f73261 !important;
}
#contents .endinfoCountdownTagList .tag-green {
  color: #7ac7bd !important;
}
#contents .endinfoCountdownTagList .tag-red:hover {
  color: #fff !important;
}
#contents .endinfoCountdownTagList .tag-green:hover {
  color: #fff !important;
}
/*-- header_rmenu_CLS 20210527 --*/
@media screen and (max-width: 767px){
body{margin-top:60px;}
#header_2015 .middleArea{position:fixed;top:0;left:0;}
}
/*-- FVS_endinfo--*/
@media screen and (max-width: 768px){
.fvs_box_endinfo{margin-bottom:25px;}
}
/*-- carousel_endinfo--*/
@media screen and (max-width: 480px) {  
#contents .endinfoNativeAdSec {height:161px;}
}
@media screen and (min-width:300px) and ( max-width:768px) {
        .right_area .end_right{width:calc(100% - 1em);height:auto;margin:.5em;}
}

/* もっとみる */
.endinfocategoryItem{
    opacity: 1;
                display: block;
}
.endinfocategoryItem.is-hidden {
    opacity: 0;
    height: 0;
                display: none;
    margin: 0;
}
.list-btn {
    margin-top: 20px;
}
.list-btn.is-btn-hidden{
  display:none;
}
.list-btn button {
        display: block;
        background-color: #fff;
        color:#6b9ed1;
        border: 1px solid #6b9ed1;
        cursor: pointer;
        outline: none;
        padding: .5em 0;
        text-align: center;
        line-height: 32px;
        width: 80%;
        margin:0 auto;
        border-radius: .5em;
}
.list-btn button:hover {
        background-color: #6b9ed1;
        color: #ffffff;
}
.no_goods {display:none !important;}