@charset "UTF-8";
/* CSS Document */

/* 共通 STYLE
-------------------------------*/
html { scroll-behavior: smooth;}
.ps-br{
display: block; /* PCを改行して */
}
.sp-br{
display: none; /* SPの改行を隠す */
}
.ps-img{
display: inline-block; /* PCを非表示 */
}
.sp-img{
display: none; /* SPの表示 */
}
.CrumbsList {
display: none;
}
a:hover{
opacity: 0.6;
transition-duration: 0.6s;
}
.js-headerH {
display: none;
}
.w-full-inner {
    margin: 50px auto !important;
}
@media screen and (max-width: 751px) {
.ps-br{
display: none; /* PCの改行を隠して */
}
.sp-br{
display: block; /* SPを改行する */
}
.ps-img{
display: none; /* PCを非表示 */
}
.sp-img{
display: inline-block; /* SPの表示 */
}
.w-full-inner {
    margin: 25px auto !important;
}
}
#lp-familysale2022ec {
    overflow: hidden;
    clear: both;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 0 0 6% 0;
}
#lp-familysale2022ec #main__bnr{
    margin-bottom: 5%;
}
#lp-familysale2022ec #main__bnr h1{
    margin-bottom: 6%;
}
#lp-familysale2022ec .content-txt{
    text-align: center;
}
#lp-familysale2022ec .content-txt h2 {
    font-size: 40px;
    font-weight: bold;
  position: relative;
  display: inline-block;
  margin-bottom: 1.3em;
}
#lp-familysale2022ec .content-txt h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  width: 55px;/*線の長さ*/
  height: 1px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: black;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}
#lp-familysale2022ec .content-txt .main-txt {
    font-size: 2.0rem;
    padding: 1% 0 0%;
    font-weight: bold;
}
#lp-familysale2022ec .content-txt .main-sub{
    font-size: 1.6rem;
    padding: 1% 0;
}
#lp-familysale2022ec .content-txt .main-sub p {
line-height: 1.8;
}
#lp-familysale2022ec .cp__date{
    overflow: hidden;
    clear: both;
	margin-bottom: 3%;
}
#lp-familysale2022ec .wrap{
}
#lp-familysale2022ec h3.hdr{
    background: #fbfbfb;
    color: #000;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
    border-radius: 2px;
    font-weight: bold;
    letter-spacing: 2px;
    border: 2px solid #000000;
}
#lp-familysale2022ec .cp__date .wrap p{
text-align: center;
font-size: 24px;
padding: 3% 0;
font-weight: bold;
}

.cp__dat {
}
.cp__dat p.ind {
text-align: center;
margin: 3% 0 0 0;
}
.cp__dat p.ind span.f-m {
    font-size: 22px;
    font-weight: bold;
}
.cp__dat p.ind span.f-y {
    font-size: 19px;
    font-weight: bold;
}
.cp__dat p.ind span.f-s {
    font-size: 17px;
    font-weight: bold;
}
.cp__dat p.ind span.f-l{
    font-size: 26px;
    font-weight: bold;
}
.sub-ind {
text-align: center;
font-size: 13px;
font-weight: bold;
margin-bottom: 2%;
}
#lp-familysale2022ec .cp__date,
#lp-familysale2022ec .cp__place,
#lp-familysale2022ec .cp__brand {
    margin-bottom: 4%;
    overflow: hidden;
    clear: both;
}
#lp-familysale2022ec .cp__place .wrap{
padding: 0 0 0 0%;
}
#lp-familysale2022ec #ec_open .cp__place .wrap,
#lp-familysale2022ec #ec_cnt .cp__place .wrap{
padding: 0 0 0 4%;
}
#lp-familysale2022ec .cp__place .wrap img {
    width: 100%;
    height: auto;
    max-width: 854px;
    margin: 0 auto;
    display: block;
padding: 6% 0;
}
#lp-familysale2022ec .cp__place .wraplin_ctx.lin_ctx p.ttl {
    text-align: left;
    font-size: 16px;
    padding: 3% 0 0% 0;
    line-height: 2;
}
.lin_ctx p.sub {
    text-align: left;
    font-size: 14px;
    padding: 0;
    line-height: 2;
}
#lp-familysale2022ec .cp__place .wrap h3.hdr{
}
#lp-familysale2022ec .cp__place .inbox{
padding: 4% 0 0 0;
box-sizing: border-box;
min-height: 365px;
width: 46%;
float: left;
margin: 0 4% 0 0;
}
#lp-familysale2022ec .cp__place .inbox:last-child{
    padding: 4% 0 0 0;
    box-sizing: border-box;
    min-height: 340px;
    width: 46%;
    float: inherit;
    overflow: hidden;
    margin: 0 auto 0;
}
#lp-familysale2022ec #ec_open .cp__place .inbox:last-child,
#lp-familysale2022ec #ec_cnt .cp__place .inbox:last-child{
    padding: 4% 0 0 0;
    box-sizing: border-box;
    min-height: 340px;
    width: 46%;
    float: inherit;
    overflow: hidden;
margin: 0 4% 0 0;
}
#lp-familysale2022ec .inbox .c-r{
width: 100%;
float: right;
padding: 2% 0px;
}
#lp-familysale2022ec .inbox .c-r .ttl {
margin-bottom: 2%;
position: relative;
}
#lp-familysale2022ec .inbox .c-r .ttl:before {
    position: absolute;
    content: '';
    top: 0.9em;
    left: 0em;
    margin: auto;
    width: 8px;
    height: 1px;
    background: #000;
    transition: transform 0.5s;
}
#lp-familysale2022ec .inbox .c-r .ttl p {
    font-size: 15px;
    font-weight: bold;
    padding-left: 14px;
	font-family: Poppins, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック体, YuGothic, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, verdana, sans-serif;
}

#lp-familysale2022ec .inbox .c-r .info p.sub{
    font-size: 12px;
    margin: 0 0 2% 14px;
}
#lp-familysale2022ec .inbox .c-r .info p.hd{
    font-size: 13px;
    font-weight: bold;
position: relative;	
    padding-left: 14px;
}
#lp-familysale2022ec .inbox .c-r .info p.hd:before {
    position: absolute;
    content: '';
    top: 0.6em;
    left: 0em;
    margin: auto;
    width: 8px;
    height: 1px;
    background: #000;
    transition: transform 0.5s;
}
#lp-familysale2022ec .cp__place .inbox .c-l{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 70%;
	margin-bottom: 3%;
}
#lp-familysale2022ec .cp__place .inbox .c-l iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cp__brand {
overflow: hidden;
clear: both;
}
span.knwy {
display: block;
font-size: 12px;
font-weight: bold;
}
.cp__brand .brndlist {
overflow: hidden;
clear: both;
}
.cp__brand .brndlist .inbox {
width: 29.33%;
margin: 0 2%;
float: left;
padding: 2% 0 4% 0;
}
.cp__brand .brndlist {
margin-bottom: 4%;
}
.brndlist_bt,
.brndlist_bt02{
overflow: hidden;
clear: both;
display: none;
}
.cp__brand .brndlist_bt .inbox {
width: 46%;
margin: 0 2%;
float: left;
padding: 0% 0 4%;
}
.cp__brand .brndlist_bt .bt_ttl p {
text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.cp__brand .inbox .st ul li{
text-align: center;
margin-bottom: 4%;
font-size: 12px;
font-weight: bold;
}
.cp__brand .inbox .st ul li.ttl{
font-weight: bold;
font-size: 16px;
margin: 8% 0 6%;
position: relative;
}
.cp__brand .inbox .st ul li.ttl:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -5px;
    display: inline-block;
    width: 30px;
    height: 1px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: black;
    border-radius: 2px;
}
.cp__ec {
margin-bottom: 6%;
}
.cp__ec p.cath{
text-align: center;
font-size: 16px;
padding: 4% 0;
margin-bottom: 4%;
line-height: 1.8;
}
.cp__ec img{
width: 100%;
height: auto;
max-width: 854px;
margin: 0 auto;
display: block;
}
.cp__ec p.cath02{
text-align: left;
font-size: 16px;
padding: 3% 0 2% 0;
    line-height: 2;
}
.cp__ec p.sub{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 0% 0;
    border-bottom: 2px solid #000;
    width: 280px;
    margin: 0 auto 5%;
}
.cp__ec .tr-inbox,
.cansel .tr-inbox{
    background: #a1d8e2;
    border-radius: 3px;
}
.cp__ec a.btn,
.cansel a.btn{
    display: block;
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding: 1.5% 0;
}
header,
footer,
.w-full .c-container ol li.first{
display: none;
}
@media screen and (max-width: 751px) {
#lp-familysale2022ec {
    overflow: hidden;
    clear: both;
    padding: 0 4% 4%;
}
#lp-familysale2022ec #main__bnr h1 {
    margin-bottom: 3%;
}
#lp-familysale2022ec #main__bnr h1 img{
width: 100%;
height: auto;
}
#lp-familysale2022ec .content-txt h2 {
    font-size: 20px;
	padding: 2% 0 0 0;
}
#lp-familysale2022ec .content-txt .main-txt {
    font-size: 14px;
    padding: 1% 0 0%;
    font-weight: bold;
}
#lp-familysale2022ec .content-txt .main-sub {
    font-size: 14px;
    padding: 1% 0;
}
#lp-familysale2022ec #main__bnr {
    margin-bottom: 2%;
}
#lp-familysale2022ec h3.hdr {
    background: #fbfbfb;
    color: #000;
    text-align: center;
    padding: 8px 0;
    font-size: 14px;
    border-radius: 2px;
    font-weight: bold;
    letter-spacing: 2px;
    border: 2px solid #000000;
}
.cp__dat p.ind span.f-m,
.cp__dat p.ind span.f-y{
    font-size: 14px;
    font-weight: bold;
}
.cp__dat p.ind span.f-s,
.cp__dat p.ind span.f-l{
    font-size: 22px;
    font-weight: bold;
}
.cp__brand .inbox .st ul li.ttl {
    font-weight: bold;
    font-size: 14px;
    margin: 8% 0 6%;
    position: relative;
}
.cp__brand .inbox .st ul li {
    text-align: center;
    margin-bottom: 2%;
    font-size: 12px;
    font-weight: normal;
}
.cp__brand .brndlist_bt .bt_ttl p {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}
#lp-familysale2022ec .cp__place .inbox,
#lp-familysale2022ec .cp__place .inbox:last-child{
    padding: 4% 0 0 0;
    box-sizing: border-box;
    min-height: auto;
    width: 100%;
    float: left;
    margin: 0 0 4% 0;
}

#lp-familysale2022ec .cp__place .wrap {
    padding: 0 0 0 0%;
}
.cp__ec img {
    width: 100%;
    height: auto;
    max-width: 427px;
    margin: 0 auto;
    display: block;
}
.cp__ec p.cath02 {
    text-align: left;
    font-size: 14px;
    padding: 3% 0 2% 0;
    line-height: 2;
}
.cp__ec p.sub {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 0% 0;
    border-bottom: 2px solid #000;
    width: 220px;
    margin: 0 auto 5%;
}
.cp__ec a.btn,
.cansel a.btn{
    display: block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 4% 0;
}
.cansel {
margin-bottom: 6%;
}
.lin_ctx p.ttl {
    font-size: 14px;
	font-weight: bold;
}
.cp__ec p.cath {
    font-size: 14px;
}
}
/*ec*/
.coupon-area p {
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding: 0% 0 0;
    background: #dd5858;
    width: 400px;
    margin: 4% auto 0;
    line-height: 46px;
}
.coupon-area-c_soon p {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    padding: 4% 0 0 0;
}
p.lead {
    text-align: center;
    font-size: 16px;
    padding: 3% 0 2% 0;
    line-height: 2;
}
p.lead span {
color: #dd5858;
font-weight: bold;
}
.c-cn .ttl{
background: #000;
}
.c-cn .ttl p{
	margin-bottom: 4%;
    text-align: center;
}
.c-cn .ttl p a {
    font-size: 16px !important;
    font-weight: bold !important;
    color: #fff;
    padding: 2% 0;
    display: block;
}
.c-cn p.hd {
    font-size: 13px;
    font-weight: bold;
    position: relative;
    padding-left: 14px;
}
.c-cn p.hd:before {
    position: absolute;
    content: '';
    top: 0.6em;
    left: 0em;
    margin: auto;
    width: 8px;
    height: 1px;
    background: #000;
    transition: transform 0.5s;
}
.c-cn p.sub {
    font-size: 12px;
    margin: 0 0 2% 14px;
}
.reg__btn {
    text-align: center;
    background: #ffffff;
    border: 1px solid #000;
    margin: 5% 0;
}
.reg__btn a{
    font-size: 14px;
    color: #000 !important;
    display: block;
    padding: 2% 0;
}
.reg__btn a:hover{
    color: #fff !important;
	background: #494747;
}
#lp-familysale2022ec .brndlist_bt02 .inbox {
    padding: 4% 0 0 0;
    box-sizing: border-box;
    width: 21%;
    float: left;
    margin: 0 4% 0 0;
}
.brndlist_bt02 .bt_ttl p {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.cp__brand .brndlist_bt02 .inbox .st ul li.ttl {
    font-weight: bold;
    font-size: 16px;
    margin: 8% 0 8%;
    position: relative;
}
#ec__block .cp__ec p.sub {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 0% 0;
    border-bottom: 2px solid #000;
    width: 190px;
    margin: 0 auto 5%;
}
.store__list .inbox {
    padding: 4% 0 0 0;
    box-sizing: border-box;
    width: 46%;
    float: left;
    margin: 0 4% 0 0;
}
#ec__block .store__list p.sub {
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    padding: 0 0 0% 0;
    border: none;
    width: auto;
    margin: 0 0 2% 14px;
}
.c-cn p.f-c {
    font-size: 13px;
	font-weight: bold;
    margin: 0 0 2% 14px;
    line-height: 1.8;
}
span.f-com{
    display: block;
    font-size: 12px;
	font-weight: normal;
}
span.f-com a {
text-decoration: underline;
}
.store__list{
    overflow: hidden;
    padding: 0 0 0 4%;
}
@media screen and (max-width: 751px) {
.coupon-area p {
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 0% 0 0;
    background: #dd5858;
    width: 80%;
    margin: 4% auto 0;
    line-height: 46px;
}
p.lead {
    text-align: center;
    font-size: 14px;
    padding: 3% 0 2% 0;
    line-height: 2;
}
.c-cn .ttl p a {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #fff;
    padding: 3% 0;
    display: block;
}
.reg__btn a {
    font-size: 14px;
    color: #000 !important;
    display: block;
    padding: 3% 0;
}
.brndlist_bt02 .bt_ttl p {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
#lp-familysale2022ec .brndlist_bt02 .inbox {
    padding: 4% 0 0 0;
    box-sizing: border-box;
    width: 46%;
    float: left;
    margin: 0 4% 0 0;
}
#ec__block .cp__ec p.sub {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 0% 0;
    border-bottom: 2px solid #000;
    width: 190px;
    margin: 0 auto 5%;
}
.store__list .inbox {
    padding: 4% 0 0 0;
    box-sizing: border-box;
    width: 100%;
    float: left;
    margin: 0 4% 0 0;
}
.coupon-area-c_soon p {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    padding: 4% 0 0 0;
}
#ec__block .cp__ec p.sub {
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    padding: 0 0 0% 0;
    border-bottom: none;
    width: auto;
    margin: 0 0 2% 14px;
}
.store__list {
    overflow: hidden;
    padding: 0 0 0% 0%;
    margin-bottom: 100px;
}
.cp__ec {
    margin-bottom: 100px;
}
}
.in_ctx02 p.txt{
    text-align: left;
    font-size: 16px;
    padding: 3% 0 4%;
    line-height: 1.8;
}
#ec__block .cp__ec p.sub_do {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 0% 0;
    border-bottom: 2px solid #000;
    width: 190px;
    margin: 0 auto 5%;
}
@media screen and (max-width: 751px) {
.in_ctx02 p.txt{
    font-size: 14px;
}
#top-position .fixed ul.flex {
display: none !important;
}
.cp__ec {
  margin-bottom: 50px;
}
#ec__block .cp__ec p.sub_do {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 0% 0;
    border-bottom: 2px solid #000;
    width: 180px;
    margin: 0 auto 5%;
}
#lp-familysale2022ec #ec_open .cp__place .inbox:last-child,
#lp-familysale2022ec #ec_cnt .cp__place .inbox:last-child {
    width: 100%;
}
#lp-familysale2022ec #ec_open .cp__place .wrap,
#lp-familysale2022ec #ec_cnt .cp__place .wrap {
    padding: 0 0 0 0%;
}
}