@charset "UTF-8";
/* カラー *　base ピンク　{ color: #ff8c82 }
薄ピンク　{ color: #fff6f5 } */
.fit_img{object-fit: cover;font-family:'object-fit:cover';}
/* TypeType - TT Chocolates Medium */
@font-face {
  font-family: 'TTC';
  src: url('../font/TTChocolates-medium.otf') format('truetype');
  font-weight:400;}
/* TypeType - TT Chocolates bold */
@font-face {
  font-family: 'TTC';
  src: url('../font/TTChocolates-bold.otf') format('truetype');
  font-weight: 700;}
/*----------------------- 一覧 ---------------------------*/
.event_archive,
.event{
    width: 1200px;
    margin: 0 auto 150px;
    position: relative}
@media only screen and (max-width: 1400px) {
    .event_archive,
    .event{
        width: calc(100% - 160px);margin: 0 auto 150px}
    .event_tab_area{width: 100%;margin: 0}
}
@media only screen and (max-width: 767px) {
    .event_archive,
    .event{
        box-sizing: border-box;width: 90%;padding: 0;margin: 0 auto 80px}
    .event_tab_area{
        width: 100%!important;margin: 0 ;line-height: 0;}
}

.breadcrumb_date{color: #888}
/*  カテゴリー追加 2022　*/
.term_title{font-size: 22px; font-weight: 700;text-align: center;margin:-40px 0 30px}
.archive.taxonomy.event_area.current-item:after{content:'のイベント一覧'}
.breadcrumbs_area a:after{content:'のイベント一覧　/'}
.cate_area{margin:0 auto 30px;width: 100%;max-width:1030px;line-height: 1.2}
.swiper-slide{flex-shrink: initial}
.swiper-container2{
    box-sizing: border-box;
    border-bottom:2px solid #ff8c82;
    margin-bottom: 20px}
.swiper-wrapper{
    box-sizing: border-box;
    display: flex;
    justify-content: space-between!important;
    align-items:stretch}
.swiper-wrapper li{
    box-sizing: border-box;position: relative;
    border-radius: .3em .3em 0 0;
    border-top:2px solid #ff8c82;
    border-left:2px solid #ff8c82;
    border-right:2px solid #ff8c82}
.swiper-wrapper li a{
    display: inline-block;width: 100%; height: 100%!important;
    text-align: center;color:#000;
    font-size: 12px;vertical-align: middle;
    line-height: 1.3;letter-spacing: 0;
    padding: 25px 0 10px;
    background: #fff;
    box-sizing: border-box}
.swiper-wrapper li a:hover{
    cursor: pointer;
    background:#ffeeec }
.swiper-wrapper li a:before{
    width: 100%;font-size:8px;color:#ff8c82;line-height: 1.1;
    position: absolute;top:6px;left:0}
a.allCate:before{content: "All"}
a.gift:before{content: "GIFT"}
a.gourmet:before{content: "GOURMET"}
a.school:before{content: "SCHOOL"}
a.beauty:before{content: "BEAUTY"}
a.lifestyle:before{content: "LIFE STYLE"}
a.realestate:before{content: "REALSTYLE"}
a.housing:before{content: "HOUSING"}
a.family:before{content: "FAMILY"}
a.sightseeing:before{content: "SIGHTSEEING"}
.swiper-wrapper a.current{background:#ff8c82;color:#fff}
.swiper-wrapper li a.current:before{color:#fff}
@media only screen and (max-width:1250px) {
    .swiper-wrapper li{height: 65px}
}
#tax2{
    width:100%;margin:0 auto;font-size: 14px;letter-spacing:0;
    display: flex;flex-wrap: wrap;justify-content:flex-start}
#tax2 li{display:inline-block;margin:5px 10px;position: relative}
#tax2 li.current-cat a{font-weight: 600;color:#ff8c82}
.taxonomy_area li:nth-child(1):before{content: "エリア別： ";color:#888;font-size: 12px}
.taxonomy_cate li:nth-child(1):before{content: "カテゴリー別： ";color:#888;font-size: 12px}

.date_area{text-align: center;margin-top: 12px}
.no_post{width: 100%;text-align: center}
@media only screen and (max-width: 767px) {
    .term_title{font-size:18px;margin:-20px 0 18px}
    .cate_area{margin:0 auto 20px}
    #tax2{margin-bottom:10px;font-size: 13px;letter-spacing:0}
    #tax2 li{display:inline-block;margin:3px 7px;position: relative}
    .taxonomy_area li:nth-child(1):before,
    .taxonomy_cate li:nth-child(1):before{font-size: 10px}
}

/* ページタイトル */
.pagettl_type1{
    text-align: center}
.pagettl_type1 h2{
    position: relative;
    text-align: center;
    font-family: 'TTC';
    font-weight: 700;
    font-size: 60px;
    line-height: 1;
    margin-bottom: 60px;
    letter-spacing:0.05em;
    color: #ff8c82}
.pagettl_type1 h2:before {
    position: absolute;
    bottom: -40px;
    left: 50%;
    width: 1px;
    height: 40px;
    content: '';
    background: #ff8c82}
.pagettl_type1 h2 span{
    font-size: 10px;
    margin-bottom: 10px;
    display: block}
.pagettl_sub{
    text-align: center;
    font-size: 14px;
    margin-bottom: 80px}

@media only screen and (max-width: 767px) {
    .pagettl_type1 h2{font-size: 40px}
    .pagettl_type1 h2 span{font-size: 14px}
    .pagettl_type1 h2:before{height:30px;bottom: -34px}
    .pagettl_sub{width: 90%;margin: 0 auto;margin-bottom: 30px}
}

/*----------------------- イベント一覧 ---------------------------*/
/* イベントのタブ */
.event_tab_wrap{
    text-align: center;
    margin-bottom: 80px}
.event_tab{
    display: inline-block;
    width: 30%;
    max-width: 320px;
    margin: 0 10px;
    font-weight: 700;
    position: relative}

.event_tab label{cursor:pointer;}
.event_tab:hover,
.event_tab label:hover{filter: alpha(opacity=70);opacity:0.7}
.event_tab_ttl{
    display: inline-block;
    position: absolute;
    top:0;
    width: 100%;
    height: 58px;
    background: url(../img/top/top_event_tab_ttl.svg) no-repeat;
    background-size:100%;
    color:#fff;
    font-family: 'TTC';
    font-size: 12px;
    padding-top:23px;
    z-index: 10
}
.event_tab_txt{
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 140px;
    border-radius: 8px;
    background: #fff;
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.4));
    text-align: center;
    padding-top: 75px;
    margin-top: 10px
}
.event_tab_txt em{font-weight: 700}
.event_tab_txt:after{
    display: block;
    content: "";
    position: absolute;
    top:60%;
    right: 16px;
    width: 6px;
    height: 6px;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    -webkit-transform: rotate(45deg);
        transform: rotate(45deg)}
@media only screen and (max-width: 1000px) {
    .event_tab{margin: 0 1%!important}
    .event_tab_ttl{padding-top:12px}
    .event_tab_txt{height: 100px;padding-top: 48px}
}
@media only screen and (max-width: 767px) {
    .event_tab_wrap{
        text-align: center;
        margin-bottom: 60px}
    .event_tab{
        display: inline-block;
        width: 30%;max-width: 30%;line-height:0;
        margin: 0 2px}
    .event_tab_ttl{
        padding-top:25px;
        width: 101%;line-height:1;
        height: 35px;
        background: url(../img/top/sp_top_event_tab_ttl.svg) no-repeat;
        background-size:100%}
    .event_tab_txt{
        font-size: 14px;
        line-height: 1.3;
        padding-top: 45px;margin-top: 20px;
        width: 100%;
        height: 114px}
    .event_tab_txt em.spem{
        display: block}
    .event_tab_txt:after{
        bottom:10px;
        top:auto;
        right: 50%;
       -webkit-transform: rotate(135deg);
        transform: rotate(135deg)}
}

/* タブ  切り替え　*/
input.tab-radios {display: none}
.tab-label {cursor: pointer;}

.store_tab_set li:hover label{
    cursor: pointer;
    background:#ffeeec }

#tab-ctrl1:checked ~ .event_tab_wrap .event_tab #tab-label1 .event_tab_txt,
#tab-ctrl2:checked ~ .event_tab_wrap .event_tab #tab-label2 .event_tab_txt,
#tab-ctrl3:checked ~ .event_tab_wrap .event_tab #tab-label3 .event_tab_txt{background:#fff6f5!important;color: #000}

#tab-ctrl1:checked ~ .event_tab_wrap .event_tab #tab-label1 .event_tab_txt:after,
#tab-ctrl2:checked ~ .event_tab_wrap .event_tab #tab-label2 .event_tab_txt:after,
#tab-ctrl3:checked ~ .event_tab_wrap .event_tab #tab-label3 .event_tab_txt:after{display: none}

.event_tab_wrap .event_tab #tab-label1:hover,
.event_tab_wrap .event_tab #tab-label2:hover,
.event_tab_wrap .event_tab #tab-label3:hover{filter: alpha(opacity=100);opacity:1}


.eventList_cont{
        box-sizing: border-box;
        height: 0;width:0;margin-left:-1000px;
        opacity: 0;
         -webkit-transition: opacity 600ms;
        transition: opacity 600ms;
        }
    #tab-ctrl0:checked ~ #panels article#panel_0,
    #tab-ctrl1:checked ~ #panels article#panel_1,
    #tab-ctrl2:checked ~ #panels article#panel_2,
    #tab-ctrl3:checked ~ #panels article#panel_3,
    #tab-ctrl4:checked ~ #panels article#panel_4,
    #tab-ctrl5:checked ~ #panels article#panel_5{
        height: initial;width: 100%;margin-left:0;
        opacity: 1}
#ev_tab-ctrl1:checked ~ #ev_panels article#ev_panel_0,
#ev_tab-ctrl1:checked ~ #ev_panels article#ev_panel_2,
#ev_tab-ctrl1:checked ~ #ev_panels article#ev_panel_3,
#ev_tab-ctrl2:checked ~ #ev_panels article#ev_panel_0,
#ev_tab-ctrl2:checked ~ #ev_panels article#ev_panel_1,
#ev_tab-ctrl2:checked ~ #ev_panels article#ev_panel_3,
#ev_tab-ctrl3:checked ~ #ev_panels article#ev_panel_0,
#ev_tab-ctrl3:checked ~ #ev_panels article#ev_panel_1,
#ev_tab-ctrl3:checked ~ #ev_panels article#ev_panel_2{
        height: 0;width: 0;margin-left:-1000px;
        opacity: 0}



/* -- イベント　リスト -- */
.eventList{
    overflow: visible;
    margin-bottom: 40px;
    display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between}
.eventList:after{content:"";display: block;width:31%;}
.eventList li{
    overflow: visible;
    position: relative;
    width: 31%;
    margin-bottom: 60px}
.eventList li:hover{filter: alpha(opacity=80);opacity:0.8}
/* 誰と */
.event_with{
    box-sizing: border-box;
    position: absolute;
    top:-10px;
    left:-10px;
    width: 65px;
    height: 72px;
    padding-top: 20px;
    background: url(../img/top/event_balloon1.svg) no-repeat;
    background-size:cover;
    z-index: 10}
.balloon2{background: url(../img/top/event_balloon2.svg) no-repeat;background-size:cover}
.balloon3{background: url(../img/top/event_balloon3.svg) no-repeat;background-size:cover}
.balloon4{background: url(../img/top/event_balloon4.svg) no-repeat;background-size:cover}
.balloon5{background: url(../img/top/event_balloon5.svg) no-repeat;background-size:cover}
.balloon6{background: url(../img/top/event_balloon6.svg) no-repeat;background-size:cover}

.eventList li:hover .event_with{filter: alpha(opacity=70);opacity:0.7;}


@media only screen and (max-width: 767px) {
    .eventList{margin-bottom: 0}
    .eventList li{
        width: 48%;
        margin-bottom: 25px}
    .event_with,
    .event_with.sp{
        display: block;
        width: 50px;
        height: 55px}
}

/* 画像 */
.eventList_img{
    width: 100%;
	height: 0;
	line-height: 0;
	margin-bottom: 10px;
	overflow: hidden;
	padding-bottom: 70%;
	position: relative}
.eventList_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
    border-top-right-radius:40px}

/* データ */
.eventList_data_box{
    border-left:1px solid #969696;
    padding-left:16px}
.eventList_date{
    font-size: 14px;
    font-family: 'TTC',"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #ff8c82}
.eventList_data_box h3{
    margin-bottom: 5px;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 700}
.eventList_txt{
    line-height: 1;
    font-size: 15px;
    height: 16px;
    overflow: hidden}
@media only screen and (max-width: 767px) {
    .eventList_data_box{line-height: 1.3}
    .eventList_date{
        line-height: 1.2;
        margin-bottom: 5px}
    .eventList_data_box h3{font-size: 16px;}
    .eventList_txt{display: none}
}


/* プラグイン　ページナビ用 */
.wp-pagenavi{display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	font-size: 14px;}
.wp-pagenavi .pages{display: none}
.wp-pagenavi .current,
.wp-pagenavi .page{
	padding:0;
	display: inline-block;
	background-color:#f0f0f0;
    border: none;
	line-height: 40px;
	width: 40px;
	height: 40px;
    border-radius: 50%;
	margin: 0 10px}
.wp-pagenavi a:hover {
    border: none;
	background-color:#999;
	opacity: 1;}
.wp-pagenavi .current{
    color: #fff;
    background-color: #646464;
    border: none}

.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink {
	padding:0;
	border: none;
	line-height: 40px;
	font-size: 20px;
	font-weight: normal;
	width: 40px;
	height: 40px;
	margin: 0 ;
	background-color:transparent;;
	color:#333}
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.nextpostslink:hover {
	color: #fff;
	background-color: transparent;}

.wp-pagenavi .first,
.wp-pagenavi .last{border: none;padding-top:6px}
.wp-pagenavi .extend{border: none}
.wp-pagenavi .first:hover,
.wp-pagenavi .last:hover{background-color: transparent;}

@media only screen and (max-width: 767px) {
    .wp-pagenavi{}
    .wp-pagenavi .current,
    .wp-pagenavi .page{margin: 0 4px}
    .wp-pagenavi a.previouspostslink,
    .wp-pagenavi a.nextpostslink {width:20px}
    .wp-pagenavi .first,
    .wp-pagenavi .last{padding:23px 4px;margin: 0 ;font-size: 11px}
    .wp-pagenavi .extend{padding-top:18px;margin: 0 ;}
}




/*------------------------------- event　一覧　202401ver ------------- --------------------*/
body.page-template-page-event_2401ver,
body.tax-event_cate,
body.tax-event_area {
  background: #F7F4F1;
}
body.page-template-page-event_2401ver header,
body.tax-event_cate header,
body.tax-event_area header{
  background: #FFF;
}
.event-archive2 {
  width: 1200px;
  margin: 0 auto 150px;
  position: relative
}
@media only screen and (max-width: 1400px) {
  .event-archive2 {
    width: calc(100% - 160px);
    margin: 0 auto 150px
  }
}
@media only screen and (max-width: 767px) {
  .event-archive2 {
    box-sizing: border-box;
    width: 90%;
    padding: 0;
    margin: 0 auto 80px
  }
}

.pagettl-sec .txt-area
{
  font-size: 18px;
  font-weight: 700;
}

.search-sec {
  border-radius: 4px;
  background: #FFF;

  display: flex;
  padding: 12px;
  flex-direction: column;
  gap: 14px;
  margin: 30px auto;
}

/* 開催日 */
.search-sec .nav-calendar{
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E1E3DF;
  padding: 0 0 5px;
}
.search-sec .nav-calendar .txt::before{
  display: inline-block;
  content: "";
  width: 32px;
  height: 32px;
  background: url(../img/event/icon_calendar.svg) no-repeat center center;
  vertical-align: middle;
  margin: 0 0.5em 0.2em 0;
}
.search-sec .nav-calendar button.btn-open{
  line-height: 1;
  font-size: 16px;
  border-radius: 8px;
  border: 2px solid #FF8C82;
  background: linear-gradient(180deg, #FF8C82 15.63%, #F06356 89.58%);
  color: #FFF;
  font-weight: 700;
  padding: 0.5em 1em;
  cursor:pointer;

}

/* カレンダー */
.search-sec .calendar {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 100;
  overflow: hidden;
  background: #fff;
  border: 2px solid #646464;
  font-weight: 700;
  border-radius: 10px;

  transition: opacity 0.8s, visibility 0.8s;
  visibility: hidden;
  opacity: 0;
}
.search-sec .calendar.show {
  visibility: visible;
  opacity: 1;
}

.calendar iframe{
  width: 400px;
  height: 320px;
  padding:  20px 20px 0;
}

.search-sec .calendar a.btn-close {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 25px;
  height: 25px;
  display: block;
  cursor: pointer;
}
.search-sec .calendar a.btn-close:after,
.search-sec .calendar a.btn-close:before {
  content: "";
  position: absolute;
  width: 25px;
  height: 4px;
  background: #646464;
  top: 50%;
}
.search-sec .calendar a.btn-close:before {
  transform: rotate(45deg);
}
.search-sec .calendar a.btn-close:after {
  transform: rotate(-45deg);
}



@media only screen and (max-width: 767px) {
  .calendar iframe{
    width:  75vw;
    padding:  20px 20px 0;
  }
}



/* 今日 明日 週末ボタン */
.search-sec .nav-date{
  display: flex;
  gap: 20px;
}
.search-sec .nav-date li{
  flex: 1;
  line-height: 1.3;
}
.search-sec .nav-date li a{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 700;
  padding: 0.7em;

  border-radius: 8px;
  border: 2px solid #D1BDAF;
  background: var(--a, linear-gradient(180deg, rgba(247, 135, 0, 0.35) 0%, rgba(247, 135, 0, 0.31) 0.01%, rgba(244, 227, 206, 0.00) 0.02%, rgba(235, 180, 114, 0.35) 100%));
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

}
/* 人気キーワード */
.search-sec .nav-tag{
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
  border-bottom: 1px solid #E1E3DF;
  padding-bottom: 10px;
}
.search-sec .nav-tag ul {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
}
.search-sec .nav-tag li a{
  display: inline-block;
  padding: 0 0.8em;
  border-radius: 12px;
  background: #E1E3DF;
}
.search-sec .nav-tag  .txt::before{
  display: inline-block;
  content: "";
  width: 32px;
  height: 32px;
  background: url(../img/event/icon_starfour.svg) no-repeat center center;
  /* background-size:cover */
  vertical-align: middle;
  margin: 0 0 0.2em 0;
}

/* 一覧カード */
.event-list2{
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.event-list2 li.card{
  width: calc((100% - 60px)/3);
}
@media only screen and (max-width: 1300px) {
  .event-list2 li.card{
    width: calc((100% - 30px)/2);
  }
}
@media only screen and (max-width: 767px) {
  .event-list2 li.card{
    width: 100%;
  }
}

.event-list2 li.card a{
  display: flex;
  gap: 10px;
  background: #FFF;
  padding: 10px;
}
.event-list2 .img-wrap{
  position: relative;
  aspect-ratio: 1/1;
}
.event-list2 .txt-wrap{
  flex: 1;
}
.event-list2 .img-wrap figure {
  background: #EFEFEF;
}

.event-list2 .img-wrap img{
  width: 160px;
  height: 160px;
  object-fit: contain;
}
/* 誰と行く */
.event-list2 .eventwith {
  box-sizing: border-box;
  position: absolute;
  top: -10px;
  left: -10px;
  width: 65px;
  height: 72px;
  padding-top: 20px;
  z-index: 10;
  background: url(https://ishikawa.favo-web.jp/wp/wp-content/themes/ishikawa-favo-web/common/img/top/event_balloon4.svg) no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .event-list2 .eventwith{
    display: block;
    width: 50px;
    height: 55px;
  }
  .event-list2 .img-wrap figure{
    width: 35vw;
    height: 35vw;
    max-width: 160px;
  }
  .event-list2 .img-wrap img{
    width: 100%;
    height: 100%;
  }
}
.event-list2 .txt-wrap .area {
  font-size: 0.9em;
  font-weight: 700;
  color: #888888;
  display: flex;
  gap: 0.5em;
  flex-wrap: wrap;
}
.event-list2 .txt-wrap .date {
  font-size: 0.8em;
  font-family: 'TTC', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  color: #ff8c82;
}

/*  moreload用 */
.event-list2{
  position: relative;
}
.event-list2 li {
  position: relative;
  /* display: block; */
  visibility: visible;
  opacity: 1;

  transition: opacity 0.8s, visibility 0.8s;
}
.event-list2 li.is-hidden {
  /* display: none; */
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.8s, visibility 0.8s;

  position: absolute;
}



/* 次の15件 */
button#loadmore{
  display: flex;
  width: 100%;
  max-width: 350px;
  height: 55px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 2px solid  #FF8C82;
  background: linear-gradient(180deg, #FF8C82 15.63%, #F06356 89.58%);
  color: #FFF;
  margin: 50px auto;
  cursor: pointer;
  font-size: 1rem;
}
button#loadmore:hover{
  opacity: 0.7;
}






/*------------------------------- event　詳細 ------------- --------------------*/

.store_single_img{
    position: relative;
    width: 48%}
.store_single_img img{
    border-top-right-radius:40px;
    margin-bottom: 8px}
.store_single_cap{
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 15px}
.store_single_img .sp.event_with{
    background-size:0px;
        display: none;
        width: 0px;height: 0px}

.store_single_main{width: 46%}
.event .store_single_main{
    position: relative}
.store_single_main .pc.event_with{
    position: absolute;
    top:-10px;
    right:0;
    left:auto;
    width: 72px;
    height: 80px}


.store_single_date{
    display: inline-block;
    font-family: 'TTC',"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-weight: 700;
    color: #ff8c82}
.event .store_single_date{
    font-size: 24px;
    margin:15px 0 20px 0}
span.sp_event_date{display:inline}
h3.store_single_h3{
    letter-spacing: 0.03em;
    display: inline-block;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
    padding-bottom:6px;
    margin-bottom: 40px;
    border-bottom: 1px solid #ff8c82}

.store_single_header{
    letter-spacing: 0.02em;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 700;
    margin-bottom: 10px}
.store_single_body{
    text-align: justify;
    font-size: 16px;
    margin-bottom: 80px}
@media only screen and (max-width: 767px) {
    .event .store_single_main{padding-top:0}
    .event .store_single_date{
        font-size: 18px;
        line-height: 1.3;
        margin:0 0 20px 0
    }
    span.sp_event_date{display:block;}
    .store_single_img{
        width: 100%;
        margin-bottom: 30px}
    .store_single_img .sp.event_with{
        display: block;
        background-size:cover;
        position: absolute;
        top:-10px;
        left:-10px;
        width: 50px;
        height: 55px}
    .store_single_main{width: 100%}
    h3.store_single_h3{font-size: 24px}
    .store_single_body{margin-bottom: 50px}
}

/* ピックアップ */
.store_picup{
    font-size: 14px;
    position: relative;
    border-radius: 15px;
    padding: 40px;
    margin-bottom: 70px;
    background: #ffe8e6}
.store_picup:after{
    content: '';
    position: absolute;
    left:calc(50% - 28px);
    bottom:-28px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #ffe8e6}
.store_picup h4{
    position: absolute;
    top:-15px;
    left:30px;
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    display: inline-block;
    background: #fff;
    border: 1px solid #333;
    padding:4px 10px;
    line-height: 1;
    font-size: 22px;
    font-family: 'TTC';
    font-weight: 700}
.tore_picup_img{
    float: right;
    margin-left:10px;
    width: 37%}
@media only screen and (max-width: 767px) {
    .store_picup{
        margin-bottom: 50px;
        padding: 30px}
    .store_picup:after{
        position: absolute;
        left:calc(50% - 20px);
        bottom:-20px;
        width: 40px;
        height: 40px}
    .store_picup h4{font-size: 18px}
    .tore_picup_img{
        width: 100%;
        max-width: 400px;
        margin:15px auto 0}
}

/* 店舗データ */
.store_data{
    word-break: break-all;
    letter-spacing: 0.02em;
    margin-bottom:30px}
.store_data h5{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px}
.store_data dl{
    font-size: 15px;
    border-bottom: 1px solid #e6e6e6;
    display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between}
.store_data dl:nth-of-type(1){border-top: 1px solid #e6e6e6;}
.store_data dt{
    width: 20%;
    padding:12px 0;
    font-weight: 700}
.store_data dd{
    width: 80%;
    padding:12px 0}

.store_btn{margin-bottom: 20px;}
.store_btn ul{
    width: 100%;
}
.store_btn ul li{
    margin-bottom: 10px;
}
.store_btn ul li a{
     width: 100%;
     display: block;
     border-radius: 25px;
     box-sizing: border-box;
     background-color: #ff8c81;
     padding: 10px;
     color:#ffffff;
     text-align: center;
}

.store_map{
    width: 100%;
    max-width: 1200px}
.store_map h3{
    text-align: center;
    margin-bottom: 25px;
    font-family: 'TTC';
    font-size: 22px;
    font-weight: 700}
.store_map iframe{
    width: 100%;
    height: 320px}

@media only screen and (max-width: 767px) {
    .store_data{margin-bottom:50px}
    .store_data h5{font-size: 18px}
    .store_data dt{
        width: 100%;
        padding:12px 0 6px}
    .store_data dd{
        width: 100%;
        padding:0px 0 12px}
    .store_map iframe{height: 240px}
}




 /*   イベント詳細ページのリスト  */
.event_foot_area{
    padding-top:100px;
    margin: 100px 0 80px;
    border-top:1px solid #ccc}
.event_foot_area h4{
    /*margin-bottom: 60px;*/
    text-align: center;
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 700}
.event_foot_list li{
    position: relative;
    width: 24%}
.event_foot_list:before,
.event_foot_list:after{content:"";
    display:block;
    width:24%;
    height:0}
.event_foot_list:before{order:1}

.event_foot_list .eventList_data_box h3{
    font-size: 16px;}
.event_foot_list .eventList_txt{
    line-height: 1.3;
    font-size: 15px;
    height: 35px;
    overflow: hidden}

@media only screen and (max-width: 767px) {
    .event_foot_area{
        padding-top:60px;
        margin: 70px 0 50px }
    .event_foot_area h4{
        /*margin-bottom: 30px;*/
        font-size: 18px}
    .event_foot_list li{
        margin-bottom: 20px;
        width: 48%}
    .event_foot_list .eventList_data_box h3{
        font-size: 15px}
}


 /*   店舗のリスト  */
.archive_data_box{
    position: relative}
.archive_data_box h3{
    word-break: break-all;/*英単語の途中でも折り返し*/
    font-size: 18px;
    font-weight: 700;
    padding-top:15px;
    margin-bottom: 6px}
.archive_img{
    width: 100%;
	height: 0;
	line-height: 0;
	margin-bottom: 4px;
	overflow: hidden;
	padding-bottom: 69%;
	position: relative}
.archive_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
    border-top-right-radius:40px}
.archive_cateBar{
    box-sizing:content-box;
    position: absolute;
    top:-20px;
    background: #ff8c82;
    color: #fff;
    border-top-right-radius:20px;
    border-bottom-right-radius: 20px;
    line-height:1;
    font-size:  16px;
    padding:9px 20px 8px 10px;
    display: inline-block;
    font-family: 'TTC',"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    }
.cateBar.gourmet:before{ content: "GOURMET"}
.cateBar.beauty:before{ content: "BEAUTY"}
.cateBar.lifestyle:before{ content: "LIFE STYLE"}
.cateBar.other:before{ content: "OTHER"}
.archive_cateBar span{
    display: inline-block;
    font-size: 13px;
    line-height:1;
    padding:0 0 0 8px;
    margin: -2px 0 0 8px;
    border-left:1px solid #fff}
@media only screen and (max-width: 767px) {
    .archive_data_box{padding-top:15px!important}
    .archive_data_box h3{
        line-height: 1.4;
        font-size: 16px;}
    .archive_cateBar{font-size: 12px}
    .archive_cateBar span{font-size: 11px}
}
 /*   店舗詳細のリスト  */
.store_foot_area{
    padding-top:100px;
    margin: 100px 0 80px;
    border-top:1px solid #ccc}
.store_foot_area h4{
    text-align: center;
    margin-bottom: 60px;
    line-height: 1.4;
    font-size: 20px;
    font-weight: 700}
.store_foot_list li{position: relative;width: 24%}
.store_foot_list:before,
.store_foot_list:after{content:"";
    display:block;
    width:24%;
    height:0}
.store_foot_list:before{order:1}

.line-shop{width: 340px; margin: 40px auto;}
@media only screen and (max-width: 767px) {
    .store_foot_area{
        padding-top:60px;
        margin: 70px 0 50px }
    .store_foot_area h4{
        /*margin-bottom: 30px;*/
        font-size: 20px}
    .store_foot_list li{
        margin-bottom: 20px;
        width: 48%}
}

/*  MK用変更  */
.mk .eventList_date,
.mk .pagettl_type1 h2 { color:#3EAAE5!important}
.mk .pagettl_type1 h2:before,
.mk .single_cateBar,
.mk .archive_cateBar{background:#3EAAE5}

.mk .event_tab_ttl{background: url(../img/top/mk_top_event_tab_ttl.svg) no-repeat}
.mk .event_tab_ttl b{display: inline-block;margin-right: 8px}

.mk #tab-ctrl1:checked ~ .event_tab_wrap .event_tab #tab-label1 .event_tab_txt,
.mk #tab-ctrl2:checked ~ .event_tab_wrap .event_tab #tab-label2 .event_tab_txt,
.mk #tab-ctrl3:checked ~ .event_tab_wrap .event_tab #tab-label3 .event_tab_txt{background:#F0F8FD!important;color: #000}

@media only screen and (max-width: 767px) {
    .mk .event_tab_ttl{
        padding-top:19px;font-size: 11px;
        background: url(../img/top/mk_sp_top_event_tab_ttl.svg) no-repeat;
        background-size: 100%}
    .mk .event_tab_ttl b{display:block;margin-right:0}
}