/*　▼共通▼　*/
a { color: #705252; transition:0.3s;}
a:hover { opacity:0.7; }


/* body { max-width: 1000px; margin: 0 auto;} */
body { margin: 0 auto;}

 img{ width: 100%; height: auto; }
 .navitopicpath_ { font-size: 90%; padding: 1% 3% 2%;max-width: 1000px;margin: 0 auto;}
.navitopicpath_ > span a { background: url(//img.e87.com/img/usr/s/topicpath_bg.gif) right center no-repeat; padding-right: 16px;}
.liveshoppingWrapper{font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?��?�� ?��ゴシ�?ク", "MS PGothic", sans-serif;}
.liveshoppingWrapper .area_mv p.siteTtl { padding: 7px 65px 6px; background: transparent linear-gradient(to bottom, #792c35 0%, #6a1e27 50%, #5a0f18 100%) repeat scroll 0 0;
color: #fff; text-align: center; font-weight: bold; font-size: 14pt; line-height: 1.278; }
.liveshoppingWrapper .area_mv p { font-size: 11pt; text-align: center; color: #341300; line-height: 1.5; }
.liveshoppingWrapper .area_mv p span {
	color: #000;
	font-weight: bold;
}


.area_mv 

 {  margin: 10px auto 5px;}
.area_mv { position: relative; background:#ffeaf4;}
.area_mv._fa {background:#faf1cc;}
.area_mv p{max-width: 1000px;margin: 0 auto;line-height: 0;}
.area_mv p.fin{ font-size: 20pt; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  background: rgba(96, 125, 139, 0.8); padding: 10% 10%; color: #fff; font-weight: bold; text-align: center; border-radius: 5px; }
.area_lead p{ color:#fff;}
.area_lead {width:100%;margin: 0 auto 0;text-align: center;}
.area_lead{padding: 0 0 0;text-align: center;color: #ffe92d;font-size: 26px;font-weight: bold;display:inline-block;position:relative;}
.area_lead h1{text-align: center;color:#fff;background: #e63177; padding: 1%;}
.area_lead span{font-size:31px;font-weight: bold;}
.liveshoppingWrapper .area_archive{padding:0 1%;}
.liveshoppingWrapper .area_archive h2{ font-family: "grafolita-script", sans-serif;font-weight: 600;color:#513516;border-bottom: 2px solid #000;line-height: 1;}
.liveshoppingWrapper .area_archive h2 span{ color:#d64389;display: inline-block;margin-left: 1em;font-family: 'Noto Serif', serif;font-weight: 600;}
.liveshoppingWrapper .area_archive ul{display: flex;flex-wrap:wrap;justify-content: space-between;position:relative;}
.liveshoppingWrapper .area_archive ul.list::after {
    content: "";
    display: block;
    width: 32%;
}
.liveshoppingWrapper .area_sns ul{display:flex;justify-content: center;}
.liveshoppingWrapper .area_archive ul li img{
    display:block;
} 

dd.shipping {
    font-size: 90%;
}
.schedule{text-align: center;}
.schedule_day {margin: 10px;text-align: center;border: 1px solid;display: inline-block;padding: 6px 20px;font-size: 17px;line-height: 1.7;font-weight: bold;}

h2.common_heading_h2 {
position: relative;
overflow: hidden;
padding: 1.75rem 2rem 1.5rem 280px;
border: 2px solid #d64389;
margin: 2em 0 1em;
font-size: 21px;
font-weight: bold;
color: #333;
line-height: 1.6;
font-weight: 600;
}

h2.common_heading_h2:before {
    position: absolute;
    top: -150%;
    left: 0px;
    width: 260px;
    height: 320%;
    content: '';
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    background: #d64389;
}

h2.common_heading_h2 span {
    font-size: min(1.7vw, 2rem);
    font-weight: bold;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: block;
    color: #fff;
    width: 260px;
    text-align: center;
    /* padding-bottom: 1.25%; */
}

.contents_title{
    padding:6px 0 5px;
 }
 
 .contents_title span{
    font-size: .875rem;
    line-height: 1.375rem;
    letter-spacing: .0071428571em;
    color:#d64389;
 }
 .contents_desc span{
    font-size:0.85rem;
    line-height: 1.6;
    letter-spacing: .1em;
    display:none;
 }
  .contents_desc span{
    font-size:0.85rem;
    line-height: 1.6;
    letter-spacing: .1em;
    display:none;
 }
 
   .contents_img{
 border-top-left-radius: 20px;
 }
 
 
 
 
 .hacobune-grid-col{
    flex: 0 0 25%!important;
    max-width:25%!important;
 }

 .hacobune-app-container{
    padding-top:0!important;
 }
 @media screen and (min-width: 600px) {
    .slick-track{
        display:flex;
        justify-content: center;
     }
    
     .slick-track:before, .slick-track:after{
        content: none;
     }
    
    .slick-slide {
     height: auto !important;
     }
    
     .wrap_slider{
        max-width:1500px;
        margin:0 auto;
     }
    
     #MainSlide{overflow:hidden;}

 }
 
/* #Column{ img: border-top-left-radius: 20px; } */
 
 

/*　▼ここからSP用▼　*/
@media screen and (max-width: 599px) {
.bnr { width: 96%; margin: 20px auto; padding: 1% 2%;}
.pcOnly { display: none !important; }
.spOnly p img{ width: 100%; height: auto; }
.btn a{ font-size: 17px;}
.pageTop { position: fixed; right: 15px; bottom: 30px; z-index: 9999; display: none; width: 39px; height: 39px; background: url(//img.e87.com/vip/images/sp_img_pagetop.png) no-repeat left top; background-size: 39px 39px; text-indent: -9999px; }
.btn {
    margin: 10px 2% 20px;
}
.sp_none { display: none; }
.schedule_day {font-size: 16px;}
.spCont { padding: 10px; }
.spCont img { width: 100%; height: auto; }
.area_mv._fa{padding:3% 0;}
.area_mv p.fin{ font-size: 10pt; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  background: rgba(96, 125, 139, 0.8); padding: 10% 10%; color: #fff; font-weight: bold; text-align: center; border-radius: 5px; }
.liveshoppingWrapper .area_mv p {
    font-size: 100%;
    text-align: left;
    line-height: 1.5;
}
.area_lead{padding:0;}
.area_lead span{font-size: min(4.3vw, 18px);}
.area_lead h1 {
    line-height: 1;
}
.area_lead p{
    padding: 6% 3% 3%;
    line-height: 1.8;
    color: #333;
    /* font-size: min(3.8vw, 15px); */
    font-size:15px;
}
.liveshoppingWrapper .area_archive ul {
    flex-wrap: wrap;
    padding:0 3%;
}
.liveshoppingWrapper .area_archive ul li{
    width:46%;
    margin-top: 2%;
}
.liveshoppingWrapper .area_archive ul li:nth-child(3n){
    margin-right:0;
}

.liveshoppingWrapper .area_sns{
    padding:3%;
}
.liveshoppingWrapper .area_sns ul{
    justify-content: space-evenly;
    margin:3% 0 3%;
    display:block;
}
.liveshoppingWrapper .area_sns ul li{
    width:60%;
    margin: 1em auto;
}
.liveshoppingWrapper .area_sns ul li.twitter_x{
    width:15%;
}
.bnr_outer {
    display: block;
}
.bnr_outer p {
    margin: 5px 6%;
}
.liveshoppingHeader { width: 100%; border-bottom: #e5ddda 1px solid; background: linear-gradient(to bottom, #fff 0%, #fbfbfb 50%, #ededed 100%); }
.liveshoppingHeader div { width: 100%; overflow:hidden; display:table; }
.liveshoppingHeader div > p { display:table-cell; margin: 9px 6px 4px 6px; padding-left:5px; width: 150px; height: 29px; vertical-align:middle; }
.liveshoppingHeader div > p a img{ width: 150px; height: 29px; }
.liveshoppingHeader h1 { display:table-cell; vertical-align:middle; text-align:right; padding-right:10px; padding-left:10px; font-size:9px; }
.liveshoppingFooter { padding: 20px 0 10px; width: 100%; border-top: #e5ddda 1px solid; text-align: center; }
.liveshoppingFooter p small { color: #401f1f; font-size: 75%; }
.liveshoppingFooter p{ text-align: center; }

.liveshoppingWrapper { margin: 10px auto 0; max-width: 1000px; width: 100%; }
.liveshoppingWrapper .breadcrumb { margin-bottom: 10px; padding: 0 10px; }
.liveshoppingWrapper .breadcrumb li { display: inline-block; color: #e73078; font-size: 80%; }
.liveshoppingWrapper .breadcrumb li a { margin-right: 10px; padding-right: 13px; background: url(//img.e87.com/liveshopping/images/sp_img_breadcrumb.gif) no-repeat right 50%; background-size: 3px 5px; color: #e73078; text-decoration: none; font-weight: normal; -webkit-background-size: 3px 5px; }
.liveshoppingWrapper .area01 { margin-bottom: 20px; }
.liveshoppingWrapper .area01 .bg01 { font-size: 0; }
.liveshoppingWrapper .area01 p img { width: 100%; height: auto; }

.liveshoppingFooter .pcOnly {
    display: block!important;
    padding: 0px 4%;
}
.liveshoppingFooter .pcOnly li {
    padding-bottom: 5px;
}

h2.common_heading_h2{
    padding: 0.35rem 0.5rem 0.25rem 34vw;
    font-size: 3.5vw;
    margin: 7% 3% 3%;
    line-height: 1.4;
}
h2.common_heading_h2 span{
    width: unset;
    font-size: 6vw;
    width: 30vw;
    font-size: min(3.6vw, 2rem);
}
h2.common_heading_h2:before {
    width: 38vw;
    height: 30vh;
    left: -11vw;
    top: -10vh;
}
.contents_title span {
    font-size: 0.8rem;
    line-height: 1rem;
    color: #d64389;
}
.hacobune-grid-col{
    flex: 0 0 32%!important;
    margin-top:2%!important;
    margin-right:2%!important;
    max-width: 32%!important;
    padding: 0!important;
 }

 .wrap_slider{
    margin:1em auto;
    min-width: 440px;
 }

 .hacobune-layout-base{
    padding:0 3%;
 }

 .hacobune-video-list-item-card{
    padding:0!important;
 }

 #MainSlide{
    display:flex;
    justify-content: center;
    overflow: hidden;
 }

 .slider{
    width:100%!important;
 }

}

.hacobune-video-list-item-card-subtitle{
    /* font-size:1.1rem!important; */
    padding: 8px 0 5px!important;
    color: #d64389!important;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "?��?�� ?��ゴシ�?ク", "MS PGothic", sans-serif!important;
 }

 .hacobune-video-list-item-card-description{
    font-size:0.875rem!important;
    display:none!important;
 }
 
 #Campaign .area_campaign .campaign ul{
    display: flex;
 }

 #Campaign .area_campaign .campaign ul li{
    width:50%;
    padding: 8px;
    box-sizing: border-box;
 }

 .hacobune-logo{
    display:none!important;
 }

#to-top {
    position: fixed;
    bottom: 50px;
    right: 24px;
    width: 55px;
    text-decoration: none;
    background-color: #a40000;
    display: block;
    text-align: center;
    opacity: 0;
    transition: 0.2s;
    color: #fff;
    line-height: 48px;
    font-size: 16px;
    z-index: 10;
    border-radius: 50%;
  }

  #to-top.fade {
    opacity: 1;
    transition:0.2s;
  }

  .wrap-top{
    position:relative;
    text-align: center;
    font-weight: bold;
    padding-top: 4px;
  }

  .wrap-top::before {
        content:  '';
        width: 8px;
        height: 8px;
        display:  block;
        border-top: solid 2px;
        border-right: solid 2px;
        transform: rotate(-45deg);
        position:  absolute;
        top: 8px;
        left:  0;
        right:  0;
        margin:  auto;
}


/*　▼ここからPC用▼　*/
@media screen and (min-width: 600px) {
.spOnly { display: none !important; }
h2 br {display: none;}

.pageTop { position: fixed; right: 28px; bottom: 28px; z-index: 9999; display: none; width: 40px; height: 40px; background: url(//img.e87.com/vip/images/pc_img_pagetop.png) no-repeat left top; text-indent: -9999px; cursor: pointer; }

.area_bnr table{padding: 10px;}
.area_bnr{margin-top:63px;}
.bnr_outer {
    display: flex;
    justify-content: center;
}
.bnr_outer p {
    margin: 10px 1%;
}
.liveshoppingHeader { width: 100%; border-bottom: #e5ddda 1px solid; }
.liveshoppingHeader div { margin: 0 auto;max-width: 1000px;display: flex;align-items: baseline;justify-content: space-between; }
.liveshoppingHeader div > p { display: block; margin: 10px 0; width: 235px; height: 47px; }
.liveshoppingHeader div > p a { display: block; width: 235px; height: 47px; background: url(//img.e87.com/vip/images/pc_img_mainlogo.png) no-repeat left top; text-indent: -9999px; }
.liveshoppingHeader h1 { text-align:right; position:relative; top:-30px; margin-bottom:-15px; }
.liveshoppingFooter { padding: 20px 0 10px; width: 100%; border-top: #e5ddda 1px solid; text-align: center; }
.liveshoppingFooter ul { margin-bottom: 10px; text-align: center; font-size: 0; }
.liveshoppingFooter ul li { display: inline-block; color: #705252; font-size: 1.0rem; margin: 0.5em;}
.liveshoppingFooter ul li a { color: #705252; }
.liveshoppingFooter ul li:last-child:after { content: ''; }
.liveshoppingFooter p{ text-align: center; }
.liveshoppingFooter p small { color: #401f1f; font-size: 1.0rem; }

.liveshoppingWrapper { margin: 0 auto; max-width: 1000px; width: 100%; }
.liveshoppingWrapper .breadcrumb { margin-bottom: 10px; }
.liveshoppingWrapper .breadcrumb li { display: inline-block; color: #5f3232; font-weight: bold; }
.liveshoppingWrapper .breadcrumb li a { margin-right: 10px; padding-right: 13px; background: url(//img.e87.com/vip/images/pc_img_breadcrumb.gif) no-repeat right 50%; color: #5f3232; font-weight: normal; }
.area_lead p {
    color: #333;
    padding: 16px;
    text-align: center;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 8px;
}
/* .liveshoppingWrapper .area_archive ul {
    padding:0 16px;
} */
/* .liveshoppingWrapper .area_archive ul li{    
    margin-top: 17px;
    width: 180px;
    margin-right: 17px;
} */
.liveshoppingWrapper .area_archive ul li{        
    width: 32%;
    margin: 0;
    padding:8px;
    box-sizing: border-box;

}
/* .liveshoppingWrapper .area_archive ul li:nth-child(5n){
    margin-right:0;
} */
.liveshoppingWrapper .area_sns ul {
    margin:63px 0 30px;
}
.liveshoppingWrapper .area_sns li {
    width:340px;
    text-align: center;
}
.liveshoppingWrapper .area_sns li.line {
    margin-right:24px;
}
.liveshoppingWrapper .area_sns p.sns_lead {
    text-align: center;
    font-size: 16px;
}
.liveshoppingWrapper .area_sns li.twitter_x a img{
    width:24%;
}
.liveshoppingWrapper .area_archive h2{ font-size:48px;margin:40px 0 0;padding-left: 8px;margin-bottom: 16px;}
.liveshoppingWrapper .area_archive h2 span{ font-size:18px;}
.liveshoppingWrapper .area01 {margin: 20px 0 30px; }
.liveshoppingWrapper .area01 h2 img { width: 100%; height: auto; }
.liveshoppingWrapper .area01 p img { width: 100%; height: auto; }
.liveshoppingWrapper .area01 p + p { margin-top: 20px; }

.liveshoppingWrapper .area_bnr { margin-bottom: 63px; }
.liveshoppingWrapper .area_bnr h2 img { width: 100%; height: auto; }
.liveshoppingWrapper .area_bnr .bg01 { margin: 20px 0 30px;}
.liveshoppingWrapper .area_bnr table img { width: 100%; height: auto; }
.liveshoppingWrapper .area_bnr .bg02 img { width: 100%; height: auto; }
}


/*==================================================
スライダーのためのcss
===================================*/
.slider {/*横�?94%で左右に余白を持たせて中央�?�?*/
    width:98%;
     margin:0 auto;
 }
 
 
 .slider img {
     width:100%;
     height:auto;
 }

 
 
 /*slickのJSで書かれるタグ�?、スライド左右の余白調整*/
 
 .slider .slick-slide  {
     margin:0 6px;
 }

 .slider .slick-slide a{
    display:block;
    width:100%;
    height:100%;
}
 @media screen and (min-width: 600px) {
    .slider .slick-slide {
        margin:0 12px;
    }  
 }
 
 
 /*矢印の設�?*/
 
 /*戻る、次へ矢印の位置*/
 .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:20px 0 0 0;
   padding-bottom: 8px;
 }
 
 .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;/*ドット�?�タンの現在地表示の色*/
 }

 .hacobune-grid-row{
    padding:0 1%!important;
 }




 .hacobune-app-container{
    padding-top:0!important;
 }
 @media screen and (min-width: 720x) {
    .hacobune-grid-col{
        flex:0 0 25%!important;
        max-width:25%!important;
     }
     .hacobune-gallery{
    padding:0 3%;
     }

     #Campaign .area_campaign{
        padding:0 3%;
     }
 }
 @media screen and (max-width: 719px) {
    .hacobune-grid-col{
        padding:0;
     }
     .hacobune-grid-col:nth-child(3n){
        margin-right:0!important;
     }
     /* .hacobune-video-list-item-card{
        padding:0!important;
     } */
     .hacobune-app-container {
        width: unset!important;
        margin: 0 3%!important;
        padding: 0!important;
    }
    .slick-slide .hacobune-app-container {
        margin: 0!important;
    }
    .hacobune-video-list-item-card-subtitle{
        font-size:0.8rem!important;
    }
    #Campaign .area_campaign .campaign ul{
        display:block;
        padding:3% 3%;
    }
    #Campaign .area_campaign .campaign ul li{
        width:100%;
        padding: 0 3% 2%;
    }
    .area_bnr{
        margin:6% 0;
    }
    .slick-prev,
.slick-next{
    display:none!important;
}
.slick-track{
    display:flex;
    align-items: center;
}
.hacobune-unit-video-outline{
display: none;
}
 }
 @media screen and (max-width: 719px) {
     /* .hacobune-video-list-item-card{
        padding:0!important;
     } */
     .hacobune-grid-row{
        padding:0!important;
        
     }
     .hacobune-app-container[data-v-1bc2372a] {
        width: unset!important;
        margin: 0 3%!important;
        padding: 0!important;
    }
    .hacobune-video-list-item-card-subtitle{
        font-size:0.8rem!important;
    }
    #Campaign .area_campaign .campaign ul{
        display:block;
        padding:3% 3%;
    }
    #Campaign .area_campaign .campaign ul li{
        width:100%;
        padding: 0 3% 2%;
    }
    .area_bnr{
        margin:6% 0;
    }
    .slick-prev,
.slick-next{
    display:none!important;
}
 }

 @media screen and (max-width: 320px) {
    .slider {
        width: 90%!important;
    }
 }

 .slider {
    opacity: 0;
    transition: opacity .25s ease;
  }
  .slider.slick-initialized {
    opacity: 1;
  }

/* ???? Care */
#Care .area_archive ul{justify-content: center;}
#Care .area_archive ul::after{
    content: "";
    display: block;
    width: 47%; 
    height: 0;
    margin: 1em;
}
#Care .area_archive ul li{
    width: 47%;
    margin: 1em;
    padding:0;
}
#Care .hacobune-unit-video-outline{
    padding:0;
}

@media screen and (max-width: 599px) {
    #Care .area_archive ul {
        display:block;
        margin-top:2em;
    }
    #Care .area_archive ul li{
        width: 100%;
        margin: 1em auto;
    }
}