/*-----------
ナビメニュー
------------*/
#ttl .box_inner ul li{
  width: calc((100% - 20px) / 3);
}
#ttl .box_inner ul li a {
  background-color: #ef611f;
  color: #fff;
  display: block;
  padding: 13px 0 26px;
  line-height: 150%;
  /* border: 3px solid #fff; */
}
#ttl .box_inner ul li.pad23 a{
  padding: 23px 0;
}
#ttl .box_inner ul {
  width: 100%;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 0;
  min-width: auto;
  margin: 0 0 20px;
}
.sp #ttl {
  margin-top: 35px;
}
.sp #ttl .box_inner ul li a {
  padding: 13px 0 19px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sp #ttl .box_inner ul li.spp20 a{
  padding: 20px 0;
}
.sp #ttl .box_inner ul{
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 0 auto 20px;
  width: 94%;
  align-items: stretch;
  box-sizing: border-box;
}
.sp #ttl .box_inner ul li{
  width: calc(100%/2 - 4px);
  display: flex;
  justify-content: center;
  align-items: center;
}
/* 一行の時 */
/* .sp #ttl .box_inner ul li:nth-child(1) a, */
/* .sp #ttl .box_inner ul li:nth-child(2) a, */
/* .sp #ttl .box_inner ul li:nth-child(3) a, */
/* .sp #ttl .box_inner ul li:nth-child(4) a{
  line-height: 33px;
} */


.contents-item .item-list li .item_logo {
    height: 50px;
}
.contents-item .item-list li .item_logo.h17 {
  height: 17px;
}
.contents-item .item-list li .item_logo.h33 {
  height: 33px;
}
.contents-item .item-list li .item_logo.h65 {
  height: 65px;
}

.content_box.w100img img{
  width: 100%;
}

/*-----------------------
* コンテンツ背景スタイル
------------------------*/

/*------------------------------
アイテム説明テキスト共通スタイル
--------------------------------*/
.item-desc{
  text-align: left;
  font-size: 100%;
  line-height: 1.4;
  font-weight: bold;
}
.gray{ color: #707f87;}
.white{ color: #fff;}
.red{ color: #e94734;}
.gold{ color: #bc8e30;}
.orange{ color:  #eb5e00}
.black{ color:  #333}

.item-desc.pink {color: #ef858c;}
.item-desc.vividpink {color: #ea545d;}
.item-desc.lightorange{color: #f3994f;}
.item-desc.lightblue{color: #5baede;}

.item-desc.gray span{}
.item-desc.gold span,
.item-desc.pink span,
.item-desc.vividpink span,
.item-desc.lightorange span,
.item-desc.lightblue span{color: #333;}
.item-desc.red span{ color: #655852;}
.shopinfo{
  display: inline-block;
  padding-top: 32px;
}
.shopinfo.black{ color: #000; }
.shopinfo.white{ color: #fff; }


/*------------------------
コンテンツ共通スタイリング
--------------------------*/
#contents-main .section {
  margin-bottom: 20px;
}
#contents-main .section h3{
	font-size: 12px;
	font-weight: bold;
	color: #666;
	font-family: "Quicksand", sans-serif;
	padding: 5px 0 ;
	border-bottom: 2px solid #ddd;
	width: 800px;
	margin: 0 auto 30px;
	text-align: left;
}

.contents_single-col{position: relative;}
.rounded-box{ /*角丸ボックス・背景白*/
  border-radius: 20px;
  background-color: #fff;
}
.border-orange{border: solid 3px #dd5f0e;}

/*img_box sp*/
.sp .img_box.w70_sp img{
	width:70%; 
}
.sp .img_box.w80_sp img{
	width:80%; 
}
.sp .img_box.w90_sp img{
	width:90%; 
}
.sp .img_box.w100_sp img{
	width:100%; 
}

/*FlexBox*/
.flex-contents{display: flex;}
/* .sp .flex-contents{flex-direction: column;} */
.flex-contents > .fw15{width: 15%;}
.flex-contents > .fw30{width: 30%;}
.flex-contents > .fw35{width: 35%;}
.flex-contents > .fw40{width: 40%;}
.flex-contents > .fw45{width: 45%;}
.flex-contents > .fw50{width: 50%;}
.flex-contents > .fw55{width: 55%;}
.flex-contents > .fw60{width: 60%;}
.flex-contents > .fw65{width: 65%;}
.flex-contents > .fw70{width: 70%;}
.flex-contents > .fw95{width: 95%;}
.flex-contents > .fw100{width: 100%;}

.sp .flex-contents > .spfw40{width: 40%; margin: 0 auto}
.sp .flex-contents > .spfw60{width: 60%; margin: 0 auto}
.sp .flex-contents > .spfw80{width: 80%; margin: 0 auto}
.sp .flex-contents > .spfw90{width: 90%; margin: 0 auto}
.sp .flex-contents > .spfw100{width: 100%;}

.flex-contents.j-c_s{
  justify-content: space-between;
  flex-wrap: wrap;
}
.flex-contents.gap05{  gap: 5px;}
.flex-contents.gap10{  gap: 10px;}
.flex-contents.gap15{  gap: 15px;}
.flex-contents.gap20{  gap: 20px;}

.flex-contents.gap10 .fw50{ width: calc(100%/2 - 5px);}
.flex-contents.gap15 .fw50{ width: calc(100%/2 - 8px);}
.flex-contents.gap20 .fw50{ width: calc(100%/2 - 10px);}

.sp .flex-contents.gap15 .fw50{ width:100%;}

/*2カラム横並びバナー*/
.bnr-flex{
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 auto;
}
.bnr-flex a{
  display: block;
  width: calc(50% - 5px);
}
.sp .bnr-flex a{
    width: 100%;
}

/*イベント記事などへのmoreボタン*/
.more-link{
  position: relative;
}
.more-link::before{
  content: "more";
  position: absolute;
  width: 20%;
  padding: 0px 0px 5px;  
  color: #fff;
  border-radius: 50px;
  border: solid 2px #fff;
}
.more-link::after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #ffffff;
}
.more-link.more_orange::before{background-color: #dd5f0e;}
.more-link.more_red::before{background-color: #e61851;}
.more-link.more_blue::before{background-color: #44c0f0;}
.more-link.more_yellow::before{background-color: #f49a00;}

.more-link_sp{
  position: relative;
  display: inline-block;
  width: 200px;
  margin-top: 10px;
  padding: 5px 0 7px;
  border-radius: 50px;
  color: #fff;
}
.more-link_sp.more_orange{background-color:#dd5f0e;}
.more-link_sp.more_blue{background-color:#44c0f0;}
.more-link_sp::after{
  content: "";
  position: absolute;
  bottom: 10px;
  right: 5%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 10px;
  border-color: transparent transparent transparent #ffffff;
}

.more-link_circle{
  position: relative;
}
.more-link_circle::before{
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  border-radius: 50px;
}
.more-link_circle::after{
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 10px;
  border-color: transparent transparent transparent #ffffff;
  animation: morelink-circle 2s ease-in-out infinite;
}
.more-link_circle.more_orange::before{background-color: #dd5f0e;}
.more-link_circle.more_red::before{background-color: #e61851;}
.more-link_circle.more_blue::before{background-color: #44c0f0;}
.more-link_circle.more_yellow::before{background-color: #f49a00;}

/*アニメーション設定*/
@keyframes morelink-top {
  0% {right: 19px;}
  20% {right: 14px;}
  35% {right: 16px;}
  50%{right: 14px;}
  100% {right: 19px;}
}
@keyframes morelink-bottom {
  0% {right: 15px;}
  20% {right: 10px;}
  35% {right: 12px;}
  50%{right: 10px;}
  100% {right: 15px;}
}
@keyframes morelink-circle {
  0% {right: 19px;}
  20% {right: 14px;}
  35% {right: 16px;}
  50%{right: 14px;}
  100% {right: 19px;}
}




/*--------------------------------
各タイトルとコンテンツ間の余白調整
----------------------------------*/
.gourmet .contents-item .item-list{
  padding: 20px 0 50px;
}


/*----------------------------
#ttl タイトル部分
------------------------------*/
#ttl {
  margin-top: 70px;
}
#ttl .box_inner ul{
    gap: 10px;
}
/*----------------------------
リンク
------------------------------*/
#contents-main .content_box a.wraplink {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
/*----------------------------
#box_01 トレセール
------------------------------*/
#tresale h2.contents-ttl {
  padding: 0;
  background: none;
}
#tresale .event-box.bg_tresale{
  background-image: url("./bg_tresale.jpg");
  background-repeat: repeat;
  /*background-size: contain;*/
  background-position: center;
  padding: 20px;
  border: none;
}
#tresale .event-text.top{
  padding: 50px;
  /*margin-top: 40px;*/
}
#tresale .event-text p.tokuten{
  color: #000;
  font-size: 32px;
  letter-spacing: 5px;
}



#tresale .event-text{
  background-color: #fff9ef;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
}
#tresale .event-text p{
  color: #e60012;
  font-weight: bold;
}
#tresale .event-text p span{
  font-size: 20px;
  color: #e60012;
}

#box_01 #tresale .event-box .event-text p.img_box{
  padding-bottom: 0;
}
#tresale .event-box::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 0;
  height: 0;
  z-index: 1;
  border-width: 20px;
  border-color: transparent;
}
.sp #tresale .event-text p.tokuten{
  font-size: 5vw;
  letter-spacing: 3px;
  line-height: 2.4;
}
.evnt_box .caution{
    line-height: 1;
    padding: 0;
    font-size: 70%;
}

/*特典のボタン表示*/
.event-box .btn{
    width: 80%;
    margin: 0 auto;
}
.sp .event-box .btn{
    width: 90%;
}
.event-box .btn a{
    background: #ef611f;
    border-radius: 45px;
    color: #FFF;
    display: block;
    font-size: 120%;
    font-weight: bold;
    padding: 20px 0;
    position: relative;
    border: 4px solid #fff;
    box-shadow: 5px 5px 5px #0000002e;
}
.sp .event-box .btn a{
    font-size: 4vw;
}
.event-box .btn a::after{
    content: "";
    position: absolute;
    bottom: 38%;
    right: 5%;
    width: 0;
    height: 0;
    z-index: 1;
    border: 8px solid transparent;
	border-left: 10px solid #fFF;
}

#tresale.box_inner .movie_box{
    width: 100%;
    margin: 0px auto 30px;
    box-sizing: border-box;
    
    aspect-ratio: 16 / 9;
}
#tresale.box_inner .movie_box p:first-of-type{
    width: 100%;
    margin: 0 auto 15px;
    font-size: 150%;
}
#tresale.box_inner .movie_box iframe {
  width: 100%;
  height: 100%;
}
.sp #tresale.box_inner .movie_box{
    display: block;
    width: 100%;
    
    margin: 0 auto 15px;
}
.sp #tresale.box_inner .movie_box iframe {
    border: 2px solid #000;
    width: 100%;
    height: auto;
    aspect-ratio: 8 / 9;
    max-width: 500px;
}
.sp #tresale.box_inner .movie_box p:first-of-type{
    margin: 0 auto 8px;
    font-size: 4.5vw;
}


/*------------------------------
#box_02 福袋
--------------------------------*/
#fukubukuro .content_box.bg_fuku{
  background-image: url("./bg_fuku.jpg");
  background-repeat: repeat;
  background-size: cover;
  background-position: top center;
  padding: 0;
  border: none;
}
#fukubukuro .content_box .shopinfo{
  display: flex;
  justify-content: center;
  gap: 0 15px;
  padding-bottom: 40px;
}
#fukubukuro .content_box .shopinfo p{
  color: #fff;
  position: relative;
  font-size: 25px;
  width: 305px;
  box-shadow: 2px 2px #7f7f7fcc;
}
#fukubukuro .content_box .shopinfo p::after{
  content: "";
  position: absolute;
  top:25px;
  right: 30px;
  border-left: 14px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  pointer-events: none;
}
#fukubukuro .content_box .shopinfo p:first-child{
  background-color: #d9383f;
}
#fukubukuro .content_box .shopinfo p:last-child{
  background-color: #ec6d74;
}
#fukubukuro .content_box .shopinfo p a{
  color: #fff;
  display: block;
  padding: 25px;
}


/*------------------------------
#box_03 イベントキャンペーン
--------------------------------*/

/*---イベント---*/
.events{
  margin-top: 30px;
}

.sp .events{
    margin-top: 25px;
}
#_event .content_box.bg_ev{
  background-image: url("./bg_ev.jpg");
  background-repeat: repeat;
  background-size: contain;
  background-position: center;
  padding: 12px;
  border: none;
}
.event-box{
  position: relative;
  border: solid 3px #eb5e00; 
  padding: 20px;
  box-sizing: border-box;
  background-color: #fffcdb;
}
#_event .event-box.sen{
  background: url(./flg_sen3.jpg),#fff;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: 55%;
  border:none;
	padding: 16px 30px;
}

#_event .event-box .event-info dt {
  width: 54px;
  background: #A92430;
  padding: 5px 8px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  font-size: 24px;
}
#_event .event-box .event-info dd {
  color: #333;
  text-align: left;
  line-height: 1.8;
  font-weight: bold; 
  font-size: 24px;
}
#_event .event-box .event-info dd{
  width: calc(100% - 80px);
}
#_event .event-box .event-info{
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-start;
  margin: 15px 0 ;
  justify-content: center;
}
#_event .event-box::after {
  content: "";
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 0;
  height: 0;
  z-index: 1;
  border-width: 20px;
  border-color: transparent #A92430 #A92430 transparent;
  border-style: solid;
}
#_event .event-box .sen_txt{
  font-size: 23px;
  text-align: left;
  letter-spacing: 2px;
  line-height: 130%;
  font-weight: bold;
  padding: 13px 0px;
}
#_event .event-box .sen_txt strong{
  color: #eb5e00;
  display: block;
  font-size: 20px;
}
#_event .event-box .sen_txt span{
  display: inline-block;
  font-size: 15px;
}

#_event .toshikoshi{
  border: 3px solid #eb5e00;
}
#_event .toshikoshi h4{
  background-color: #eb5e00;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  padding: 15px 0;
}
#_event .toshikoshi .shop{
  padding: 32px 30px 0;
}
#_event .toshikoshi .shop p{
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  font-size: 42px;
  padding: 24px 0;
  font-weight: bold;
  color: #eb5e00;
}
#_event .toshikoshi .event-info {
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  margin: 15px 0;
  justify-content: space-between;
  padding-bottom: 32px;
  border-bottom: 2px solid #eb5e00;
  position:relative;
}
#_event .toshikoshi .event-info.b_none{
  border-bottom: none;
}
#_event .toshikoshi .event-info::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 0;
  height: 0;
  z-index: 1;
  border-width: 20px;
  border-color: transparent #eb5e00 #eb5e00 transparent;
  border-style: solid;
}
#_event .toshikoshi .shop:last-of-type .event-info::after {
    bottom: 20px;
}
#_event .toshikoshi .event-info dt {
  width: 120px;
  background: #eb5e00;
  padding: 18px 20px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  font-size: 24px;
  box-sizing: border-box;
}
#_event .toshikoshi .event-info dd {
  width: calc(100% - 155px);
  color: #333;
  text-align: left;
  line-height: 1.4;
  font-size: 24px;
}
#_event .toshikoshi .event-info dd span {
  font-size: 20px;
}
#_event .bg_sinnsilyun {
  background-image: url("./bg_sinsilyun.jpg");
  background-repeat: repeat;
  background-size: contain;
  background-position: center;
  border: 3px solid #eb5e00;
  padding: 35px 30px;
}
#_event .bg_sinnsilyun .shin_ev{
  /* padding: 35px 40px; */
}
#_event .bg_sinnsilyun .shin_ev h5{
  font-size: 32px;
  background-color: #e8380d;
  border-radius: 50px;
  color: #fff;
  margin: 20px 180px 30px;
  padding: 16px;
  font-weight: bold;
  letter-spacing: 2px;
}
#_event .bg_sinnsilyun .shin_ev:first-of-type h5{
margin-top: 30px;
}

#_event .bg_sinnsilyun .shin_ev h5 span{
  font-size: 24px;
}
#_event .bg_sinnsilyun .shin_ev p.ttl{
  color: #e8380d;
  font-size: 32px;
  margin-bottom: 40px;
  font-weight: bold;
}
#_event .bg_sinnsilyun .shin_ev p.shin_text{
  margin-top: 30px;
  font-size: 22px;
  letter-spacing: 2px;
  line-height: 150%;
  text-align: left;
  padding-bottom: 32px;
  border-bottom: 6px dotted #e8380d;
}
#_event .bg_sinnsilyun .shin_ev p.att{
  text-align: left;
  font-weight: bold;
  font-size: 24px;
  padding: 40px 0 24px;
}
#_event .bg_sinnsilyun .shin_ev p.att.p_24{
  padding: 0 0 24px;
}
#_event .bg_sinnsilyun .event-info {
  flex-wrap: wrap;
  gap: 25px;
  align-items: center;
  margin: 40px 0;
  padding-bottom: 52px;
  border-bottom: 3px solid #e8380d;
  position: relative;
}
/* #_event .bg_sinnsilyun .event-info.b_not{
  border-bottom: none;
  padding-bottom: 24px;
} */
#_event .bg_sinnsilyun .event-info.b_notlast{
  border-bottom: none;
  padding-bottom: 35px;
  margin: 40px 0 0px;
}
/* #_event .bg_sinnsilyun .event-info.m_15{
  margin: 15px 0;
} */
#_event .bg_sinnsilyun .event-info:last-child::after{
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 0;
  height: 0;
  z-index: 1;
  border-width: 20px;
  border-color: transparent #e8380d #e8380d transparent;
  border-style: solid;
}
#_event .bg_sinnsilyun .event-info dt {
  width: 60px;
  background: #e8380d;
  padding: 10px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  font-size: 24px;
}
#_event .bg_sinnsilyun .event-info dd {
  width: 220px;
  color: #333;
  text-align: left;
  font-size: 24px;
  line-height: 1.2;
  flex: 1;
}
#_event .bg_sinnsilyun .event-info dd span{
  font-size: 20px;
}
#_event .marche{
  border: 4px solid #eb5e00;
  padding: 28px 24px;
}
#_event .marche h4{
  padding: 0 0 34px;
  color: #eb5e00;
  font-size: 32px;
  border-bottom: 3px solid #eb5e00;
  line-height: 150%;
  font-weight: bold;
}
#_event .marche h5{
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  color: #eb5e00;
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 42px;
}
#_event .marche h6{
  font-size: 30px;
  color: #eb5e00;
  margin: 60px 0 20px;
  text-align: left;
  font-weight: bold;
}
#_event .marche p.sweet_txt{
  font-size: 24px;
  letter-spacing: 2px;
  line-height: 150%;
  color: #6e4e3a;
  text-align: left;
  font-weight: 500;
}
#_event .marche p.day{
  background-color: #eb5e00;
  padding: 24px;
  outline: 1px solid #fff;
  outline-offset: -6px;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  margin: 42px 130px;
  letter-spacing: 2px;

}
#_event .marche .sweet{
  position:relative;
  border-bottom: 3px solid #eb5e00;
  padding-bottom: 35px;
}
#_event .marche .sweet:last-child{
  border-bottom: none;
}
#_event .marche .sweet::after{
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 0;
  height: 0;
  z-index: 1;
  border-width: 20px;
  border-color: transparent #eb5e00 #eb5e00 transparent;
  border-style: solid;
}
#_event .bg_gohan{
  background-image: url("./bg_gohan.jpg");
  background-repeat: repeat;
  background-size: contain;
  background-position: center;
  border: 3px solid #b65437;
  padding: 30px;
}
#_event .bg_gohan .event-info {
  font-family: 'Maru Gothic', sans-serif; 
  font-weight: bold; 
  flex-wrap: wrap;
  gap: 20px 35px;
  align-items: center;
  margin: 20px 0;
  position: relative;
}
#_event .bg_gohan .event-info dt {
  width: 60px;
  background: #b65437;
  padding: 17px 21px 11px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  font-size: 24px;
}
#_event .bg_gohan .event-info dd {
  width: 500px;
  color: #333;
  text-align: left;
  font-size: 24px;
}
#_event .bg_gohan p.go_txt{
  font-family: 'Maru Gothic', sans-serif; 
  font-weight: bold; 
  font-size: 24px;
  text-align: center;
  margin: 40px 0 0;
}
#_event .bg_gohan .photo {
  padding-bottom: 30px;
  position: relative;
}
#_event .bg_gohan .photo_box{
  margin: 30px 0 0px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
#_event .bg_gohan .photo_box2 {
  margin: 20px 0 0;
}
#_event .bg_gohan .photo_box .img_box{
  width: calc(100% / 3 - 14px);
}
.pc #_event .bg_gohan .photo_box .img_box.row2{
  width: calc(100% - 254px);
}
#_event .bg_gohan .photo::after{
  content: "";
  position: absolute;
  bottom: -10px;
  right: 0;
  width: 0;
  height: 0;
  z-index: 1;
  border-width: 20px;
  border-color: transparent #7b882e #7b882e transparent;
  border-style: solid;
}
#_event .bg_gohan .photo .m_30{
  margin-top: 30px;
}
#_event .hatumoude{
  border: 3px solid #92308d;
  padding: 26px 30px;
}
#_event .hatumoude h4{
  color: #92308d;
  font-size: 32px;
  padding-bottom: 32px;
  font-weight: bold;
}
#_event .hatumoude .hatu{
  gap: 24px;
  margin-bottom: 24px;
}
#_event .hatumoude .hatu .photo{
  width: 250px;
}
#_event .hatumoude .hatu_txt{
  width: calc(100% - 270px);
  line-height: 200%;
  letter-spacing: 1px;
  text-align: left;
}
#_event .hatumoude .hatu_txt h5{
  color: #92308d;
  font-size: 21px;
  font-weight: bold;
}
#_event .hatumoude .hatu_txt h5 span{
  font-size: 30px;
}
#_event .hatumoude .hatu_txt p{
  color:#000;
  font-size: 16px;
  font-weight: normal;
  text-align: justify;
  line-height: 1.5;
  margin-top: 15px;
}

#_event .hatumoude .deteilbtn {
  border: 8px solid #e50012;
  color: #e50012;
  font-weight: bold;
  font-size: 28px;
  line-height: 1;
  padding: 25px;
  background-color: #fffcdb;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
#_event .hatumoude .deteilbtn span {
  display: block;
  background-color: #e50012;
  padding: 8px 20px 10px 20px;
  color: #fff;
  border-radius: 30px;
  font-size: 32px;
}

/*各ボックス共通*/
.event-box{
  position: relative;
   border: solid 3px #eb5e00; 
  padding: 20px;
  box-sizing: border-box;
  background-color: #fffcdb;
}
/*.event-box.pc_view{
  border: solid 3px #eb5e00;
  box-shadow: 3px 3px 3px 3px #ccc;
  background-color: #FFF;
}*/
.sp .event-box{
  width: 100%;
}
.event-box::after{
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 0;
  height: 0;
  z-index: 1;
  border-width: 20px;
  border-color: transparent #eb5e00 #eb5e00 transparent;
  border-style: solid;
}
.event-box.pc_view::after{
  border-color: transparent #eb5e00 #eb5e00 transparent;    
}

.event-box .ttl{
	gap: 20px;
	margin-bottom: 25px;
}
.sp .event-box .ttl{
	margin-bottom: 15px;
}


/*.event-box:first-of-type .ttl{
	align-items: flex-start;
	margin-bottom: 15px;
}*/
.event-box .ttl{
	align-items: center;
}
.event-box:first-of-type .ttl p img{
	padding-top: 10px;
}
.event-box .ttl h5{
	font-size: 20px;
	font-weight: bold;
	color: #717071;
	text-align: left;
	line-height: 1.2;
}
.sp .event-box .ttl h5{
  line-height: 1.4;
  text-align: center;
    font-size: 20px;
}
.event-box .ttl h5 span{
	font-size: 20px
}
.sp .event-box .ttl h5 span{
    font-size: 18px
}
.event-box .content{
	gap:15px;
	align-items: center;
}
.event-box:nth-of-type(3) .content,
.event-box:nth-of-type(4) .content{
	align-items: flex-start;
}
.event-box .content .border-text{
	border-top: dotted 2px #bc8e30;
	margin-top: 10px;
    padding-top: 10px;
}

.event-box .event-info{
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-start;
margin: 15px 0 ;
}
.sp .event-box .event-info{
  gap: 10px;
  margin: 20px 0;
}
.event-box .event-info dt{
	width: 60px;
	background: #eb5e00;
	padding: 5px 0px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
}
.sp .event-box .event-info dt{
  padding: 3px 0;
}
.event-box .event-info dd{
  width: calc(100% - 70px);
  color: #333;
  text-align: left;
	line-height: 1.8;
}
.sp .event-box .event-info dt,
.sp .event-box .event-info dd{
  width: 100%;
  text-align: center;
}

.event-box .event-text p{
  font-size: 16px;
}
/* .event-box:last-of-type .event-text p:first-of-type{
	padding-bottom: 15px;
} */
.event-box .event-text p span{
  color: #BC8E30;
  font-weight: bold;
}

.event-box .cinema_txt{
    margin-top: 15px;
}
.event-box .cinema_txt dt{
    font-weight: bold;
    color: #BC8E30;
    margin-bottom: 8px;
    font-size: 16px;
}
.event-box .cinema_txt dd:first-of-type{
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

/* イベント写真 */
.event-box .days img{
  width: 60%;
}
.event-box:nth-of-type(3) .days img{
  width: 50%;
}
.event-box .event-text.m_t50{
  margin-top: 50px;
}
.event-box .img_box.h200.m_t30{
  margin-top: 30px;
}
.event-box .img_box.h200.m_t50{
  margin-top: 50px;
}

.sp .event-box .event-text.m_t50,
.sp .event-box .img_box.h200.m_t30,
.sp .event-box .img_box.h200.m_t50{
    margin-top: 0;
}

/* サブテキスト */
.event-text{
  line-height: 1.3;
  color: #333;
  min-height: 75px;
  text-align: left;
    box-sizing: border-box;
    margin-bottom: 15px;
}
.event-text:last-of-type{
    margin-bottom: 0;
}

.sp .event-text{
  min-height: 85px;
    padding-right: 0;
}

/* イベント */
#contents-main .bg_wEvent .content_box p.ttl {
  color: #6e4f3a;
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 130%;
}
#contents-main .bg_wEvent .content_box p.ttl span {
  font-size: 18px;
  display: block;
}
#contents-main .bg_wEvent .content_box h5 {
  font-size: 24px;
  background-color: #c78e5d;
  border-radius: 50px;
  color: #fff;
  margin: 0px 110px 10px;
  padding: 12px;
  font-weight: bold;
  letter-spacing: 2px;
}
#contents-main .bg_wEvent .content_box .eventinfo::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 0;
  height: 0;
  z-index: 1;
  border-width: 20px;
  border-color: transparent #bc8e30 #bc8e30 transparent;
  border-style: solid;
}
#contents-main .content_box h5 span {
  font-size: 18px;
}
#contents-main .bg_wEvent {
  border: 3px solid #bc8e30;
  background: #fffcdb;
  margin: 15px 0 0;
}
#contents-main .bg_wEvent .content_box .event {
  padding: 30px;
}
#contents-main .bg_wEvent .content_box h5 {
  background: #bc8e30;
}
#contents-main .bg_wEvent .content_box h5 span {
  font-size: 18px;
}
#contents-main .bg_wEvent .content_box p.ttl {
  color: #bc8e30;
}

#contents-main .bg_wEvent .event .eventinfo {
  flex-direction: row-reverse;
}
#contents-main .bg_wEvent .content_box .eventinfo {
  border-bottom: 2px solid #bc8e30;
  padding: 0 0 45px;
}
#contents-main .bg_wEvent .content_box .eventinfo {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 45px;
  border-bottom: 2px solid #bc8e30;
  position: relative;
}
#contents-main .bg_wEvent .content_box #ev517 .eventinfo::before {
  content: "料金などの詳細はこちら";
}
#contents-main .bg_wEvent .content_box .eventinfo::before {
  content: "";
  position: absolute;
  bottom: 15px;
  right: 35px;
  display: inline-block;
  width: 200px;
  height: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #6e4f3a;
  text-align: right;
}
#contents-main .bg_wEvent .content_box .img_box {
  width: calc(100% / 2 - 10px);
}
#contents-main .bg_wEvent .content_box .img_box img {
  border-radius: 10px;
}
#contents-main .bg_wEvent .content_box .summry_box {
  width: calc(100% / 2 - 10px);
}
#contents-main .bg_wEvent .content_box p.text {
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 150%;
  text-align: left;
  padding-bottom: 20px;
  border-bottom: 3px dotted #bc8e30;
}
#contents-main .bg_wEvent .content_box .event-info {
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 20px 0;
  position: relative;
  justify-content: space-between;
}
#contents-main .bg_wEvent .content_box dt {
  width: 80px;
  background: #bc8e30;
  padding: 8px 10px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  font-size: 22px;
  box-sizing: border-box;
  border-radius: 6px;
  display: flex;
  justify-content: center;
}

#contents-main .bg_wEvent .content_box dd {
  width: calc(100% - 90px);
  color: #333;
  text-align: left;
  font-size: 22px;
  display: flex;
  align-items: center;
  line-height: 25px;
}
#contents-main .bg_wEvent .content_box dd.noflex {
  display: block;
}
#contents-main .bg_wEvent .content_box dd span {
  font-size: 18px;
}
#contents-main .bg_wEvent .content_box dt {
  width: 80px;
  background: #bc8e30;
  padding: 8px 10px;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  font-size: 22px;
  box-sizing: border-box;
  border-radius: 6px;
  display: flex;
  justify-content: center;
}
#contents-main .bg_wEvent .content_box:last-child .event .eventinfo {
  border-bottom: none;
}
/*************************************************/
/******************スマホスタイル*****************/
/*************************************************/

/*----------------------------------------------
ナビメニュー
（1行タイトルと複数行タイトルでpadding変更）
-----------------------------------------------*/
/*.sp #ttl .box_inner ul li:nth-of-type(1) a,
.sp #ttl .box_inner ul li:nth-of-type(4) a,
.sp #ttl .box_inner ul li:nth-of-type(5) a{
    padding: 14px 0 14px;
}*/

/*.sp #ttl .box_inner ul li:nth-of-type(2) a{
  padding: 19px 0 19px;
}
.sp #ttl .box_inner ul li:nth-of-type(3) a{
    padding: 19px 0 ;
}*/

.sp #ttl .box_inner ul li::after {
  bottom: 7%;
  right: 38%;
}
.sp #ttl .box_inner ul li:nth-of-type(1)::after{
    right: 2.5%;
}

/*.sp #ttl .box_inner ul li:nth-of-type(2) a,
.sp #ttl .box_inner ul li:nth-of-type(3) a{
  padding: 5px 0 20px;
}*/
/* .sp #ttl .box_inner li:first-child {
  width: 100%;
} */

/*-----------------------
* コンテンツ背景スタイル
------------------------*/
.sp .bg_spring-fashion{
  padding: 50px 0 40px;
}
.sp .bg_gourmet{
  padding: 10px 0;
}
/*.sp .bg_white{
  margin: 0 10px;
}*/

/*------------------------
コンテンツ共通スタイリング
--------------------------*/
.sp .section{
	margin: 0 auto 40px;
}
.sp #contents-main .section h3{
font-size: 90%;
width: 100%;
padding: 0px 0 5px;
margin: 0 auto 20px;
}

/*アイテム紹介コンテンツ*/
/*.sp .contents-item {
  padding: 0 0 30px;
}*/
.sp .contents-item .item-list li p.img_box img{
  width: 90%;
}

/*2カラム横並びバナー*/
.sp .bnr-flex{
  flex-direction: column;
  gap: 20px;
}
.sp .bnr-flex a{
  width: 100%;
}

.sp .bnr-flex a.pc_view{
    display: none;
}

/*イベント記事などへのmoreボタン*/
.sp .more-link::before,
.sp .more-link::after{
  display: none
}

/*--------------------------------
トレセール
----------------------------------*/
.sp #tresale .event-text.top {
  padding: 20px;
  margin-top: 0px;
}
.sp #fukubukuro .content_box .shopinfo p::after {
  top: 30px;
  right: 10px;
  border-left: 10px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.sp #tresale .event-box.bg_tresale {
  padding: 5px 10px 12px;
}
.sp .shopinfo{
  padding-top: 20px;
}
.sp #fukubukuro .content_box .shopinfo p {
  font-size: 19px;
  padding: 0;
}
#fukubukuro .content_box .shopinfo {
  padding: 0px 20px 30px;
}
/*--------------------------------
イベント
----------------------------------*/
.sp #_event .event-box .sen_txt {
  font-size: 3.5vw;
}
.sp #_event .event-box .sen_txt strong{
  font-size: 3vw;
}
.sp #_event .event-box.sen{
  padding: 16px 16px 0 16px;
  background: #FFF;
}
.sp #_event .event-box .event-info dt{
  width: 65px;
    box-sizing: border-box;
  font-size: 3.5vw;
  box-sizing: border-box;
}
.sp #_event .event-box .event-info dd:nth-of-type(1),
.sp #_event .event-box .event-info dd:nth-of-type(2){
  width: calc(100% - 85px);
  font-size: 3.5vw;
  line-height: 1.3;
}
.sp #_event .event-box .sen_txt span {
  font-size: 3vw;
  display: block;
}
.sp #_event .event-box::after {
  border-width: 15px;
}
.sp #_event .toshikoshi .shop {
  padding: 20px 20px 0;
}
.sp #_event .toshikoshi .shop {

}
.sp #_event .toshikoshi .shop p {
  font-size: 8vw;
  padding: 0 0 15px;
  font-weight: bold;
  line-height: 120%;
}
.sp #_event .toshikoshi .shop p.img_box {
    padding-bottom: 15px;
}
.sp #_event .toshikoshi .event-info dt {
  width: 65px;
    box-sizing: border-box;
  padding: 5px 8px;
  font-size: 3.5vw;
}
.sp #_event .toshikoshi .event-info {
  align-items: center;
}
.sp #_event .toshikoshi .event-info dd {
  width: calc(100% - 85px);
  text-align: left;
  font-size: 4.2vw;
  line-height: 1.3;
}
.sp #_event .toshikoshi .event-info dd span {
  font-size: 3.2vw;
}
.sp #_event .toshikoshi .event-info {
  gap: 6px 16px;
  padding-bottom: 20px;
  justify-content: left;
}
.sp #_event .bg_sinnsilyun {
  padding: 20px;
}
.sp #_event .bg_sinnsilyun .shin_ev h5 {
  /* font-size: 21px; */
  font-size: 6vw;
  margin: 25px 20px 20px;
  padding: 7px 19px;
  letter-spacing: 2px;
  line-height: 120%;
}
.sp #_event .bg_sinnsilyun .shin_ev h5 span {
  font-size: 4vw;
}
.sp #_event .bg_sinnsilyun .shin_ev p.ttl {
  font-size: 26px;
  margin-bottom: 26px;
  line-height: 32px;
}
.sp #_event .bg_sinnsilyun .shin_ev p.shin_text {
  margin-top: 12px;
  font-size: 3.5vw;
  padding-bottom: 20px;
  border-bottom: 3px dotted #e8380d;
}
.sp #_event .bg_sinnsilyun .shin_ev p.att {
  text-align: left;
  font-size: 18px;
  padding: 23px 0;
}
.sp #_event .bg_sinnsilyun .event-info dd {
  width: calc(100% - 85px);
  font-size: 4.2vw;
  flex: none;
}
.sp #_event .bg_sinnsilyun .event-info dd span {
  font-size: 3.2vw;
}
.sp #_event .bg_sinnsilyun .event-info dt {
  width: 65px;
  box-sizing: border-box;
  padding: 5px 8px;
  font-size: 3.5vw;
}
.sp #_event .bg_sinnsilyun .event-info.b_notlast {
  border-bottom: none;
  padding-bottom: 10px;
  margin: 0;
}
/* .sp #_event .bg_sinnsilyun .event-info.m_15{
  margin: 0;
} */
.sp #_event .bg_sinnsilyun .event-info {
  gap: 6px 16px;
  padding: 20px 0;
}
.sp #_event .bg_sinnsilyun .event-info:last-child::after {
  border-width: 16px;
}
/* .sp #_event .bg_sinnsilyun .event-info.b_not {
  padding-bottom: 0;
} */
.sp #_event .marche {
  padding: 10px;
}
.sp #_event .marche h4 {
  padding: 0 0 21px;
  font-size: 5vw;
}
.sp #_event .marche p.day {
  padding: 16px;
  font-size: 5vw;
  margin: 25px 16px 22px;
}
.sp #_event .marche h5 {
  font-size: 6vw;
}
.sp #_event .marche h6 {
  font-size: 5vw;
  margin: 26px 0 12px;
  line-height: 120%;
}
.sp #_event .marche p.sweet_txt {
  font-size: 3.5vw;
}
.sp #_event .marche .sweet::after {
  border-width: 16px;
}

.sp #contents-main .bg_wEvent .content_box .eventinfo{
    padding-bottom: 0;
}
.sp #contents-main .bg_wEvent .content_box .event-info{
    padding: 20px 0;
}
/* .sp #contents-main .bg_wEvent .content_box .domeplanet .event-info {
  padding-bottom: 40px;
} */
/* .sp #contents-main .bg_wEvent .content_box:last-of-type .event-info{
    padding: 20px 0 40px;
} */
.sp #contents-main .bg_wEvent .content_box dt{
    width: 65px;
    box-sizing: border-box;
    padding: 5px 8px;
    font-size: 3.5vw;
    border-radius: 0;
}
.sp #contents-main .bg_wEvent .content_box .eventinfo::after{
    border-width:16px;
}


.sp #_event .bg_gohan {
  padding: 20px;
}
.sp #_event .toshikoshi .event-info::after {
  border-width: 16px;
}
.sp #_event .bg_gohan .event-info dt{
  width: 65px;
  box-sizing: border-box;
  padding: 5px 8px;
  font-size: 3.5vw;
}
.sp #_event .bg_gohan .event-info dd{
  width: calc(100% - 90px);
  font-size: 4.2vw;
  line-height: 1.3;
}
.sp #_event .bg_gohan .event-info dd span {
  font-size: 3.5vw;
}
.sp #_event .bg_gohan p.go_txt{
  font-size: 3.5vw;
  margin: 15px 0;
  text-align: center;
}
.sp #_event .bg_gohan .photo {
  width: 100%;
  margin: 15px auto 0px;
}
.sp #_event .bg_gohan .photo .photo_box {
  justify-content: center;
}
.sp #_event .bg_gohan .photo::after{
  border-width: 16px;
  right: 0px;
  bottom: 0px;
}
.sp #_event .bg_gohan .photo .photo_box1 {
  gap: 10px;
  /* width: 65%;
  margin: 0 auto; */
}
.sp #_event .bg_gohan .photo .photo_box1 .img_box {
  width: calc((100% - 10px) / 2);
}
.sp #_event .bg_gohan .photo .photo_box2 {
  gap: 10px;
  margin-top: 10px;
}
.sp #_event .bg_gohan .photo .photo_box2 .img_box {
  width: calc((100% - 20px) / 3);
}



.sp #_event .hatumoude {
  padding: 21px 16px;
}
.sp #_event .hatumoude h4 {
  font-size: 6.5vw;
  padding-bottom: 20px;
  line-height: 120%;
}
.sp #_event .hatumoude .hatu {
  display: block;
}
.sp #_event .hatumoude .hatu .photo {
  width: 100%;
  margin-bottom: 20px;
}
.sp #_event .hatumoude .hatu_txt {
  width: 100%;
}
.sp #_event .hatumoude .hatu_txt h5 span {
  font-size: 5.1vw;
}
.sp #_event .hatumoude .hatu_txt h5 {
  font-size: 3.8vw;
  padding: 0;
  margin: 0 auto 15px;
  line-height: 1.5;
  text-align: justify;
}
.sp #_event .hatumoude .deteilbtn {
  font-size: 20px;
  padding: 16px;
  border: 3px solid #e50012;
  gap: 10px;
}
.sp #_event .hatumoude .deteilbtn span {
  font-size: 20px;
}

.sp #contents-main .content_box:first-of-type .event {
  padding: 20px;
}
.sp #contents-main .content_box h5 {
  margin: 0 20px 20px;
  padding: 7px 19px;
  letter-spacing: 1px;
  line-height: 120%;
  font-size: 6vw;
}
.sp #contents-main #box_02 .content_box p.ttl {
  font-size: 5vw;
}
.sp #contents-main .content_box .img_box {
  width: 100%;
}
.sp #contents-main .content_box p.text {
  font-size: 3.5vw;
  padding: 16px 0;
}
.sp #contents-main .content_box .event-info {
  gap: 6px 10px;
  margin: 0px 0px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.sp #contents-main .content_box .summry_box {
  width: 100%;
}
.sp #contents-main .content_box .event {
  padding: 0 16px 20px;
  margin: 0;
}
.sp #contents-main .bg_wEvent .content_box {
  padding: 0;
}
.sp #contents-main .bg_wEvent .content_box dd {
    width: calc(100% - 90px);
    font-size: 4.2vw;
    line-height: 1.2;
  padding: 5px 0;
}
.sp #contents-main .bg_wEvent .content_box dd span {
  font-size: 3.5vw;
}
.sp #contents-main .content_box h5 span {
  font-size: 3vw;
}
.sp #_event .hatumoude .hatu_txt p{
  font-size: 3.5vw;
  line-height: 1.5;
}
/*--------------------------------
各タイトルとコンテンツ間の余白調整
----------------------------------*/
.spring-fashion .contents-item .item-list{
  padding: 30px 0;
}
.sp .spring-fashion .contents-item .item-list{
  padding: 30px 0 0;
}
.sp .gourmet .contents-item .item-list{
  padding: 20px 0 0px;
}
.sp #_event .event-box .event-info{
  justify-content: left;
}

/*------------------------------
アイテム説明テキスト共通スタイル
--------------------------------*/
.sp .item-desc{
  font-size: 12px;
}


/*------------------------------------------
アイテム紹介（画像＋テキストの2カラムリスト）
--------------------------------------------*/
.sp .contents-item .item-list{
  gap: 20px 0px;
}
.sp .contents-item .item-list li{
  /*width: calc(100%/2 - 35px);*/
  width: 80%;
}
.sp .bg_fair02.contents-item .item-list li{
  /*width: calc(100%/2 - 35px);*/
  width: 90%;
}

.sp .contents-item:last-of-type .item-list li:last-of-type{
    /*width: 100%;*/
}
/*最後1アイテム残る時のスタイル*/
.sp .contents-item .item-list li.w80{
  width: 80%;
  gap: 20px;
  display: block;
}
.sp .contents-item .item-list li.w80 .img_box,
.sp .contents-item .item-list li.w80.flex-contents.coordinate > p:first-of-type{
  width: 100%;
}
.sp .contents-item .item-list li.w80 .item-desc{
  width: 100%;
  padding-right: 0;
  padding-top: 5px;
}



/* @media screen and (max-width:320px){
    .sp #tresale .event-text.top{
        padding: 15px;
    }
    .sp .img_box.h245 img{
        height: 190px;
    }
    .sp .img_box.h145 img {
      height: 105px;
    }
} */