/* CSS Document */

/*-----------------------------------
PC
body.wsale2026
-----------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

body.wsale2026 #contents,body.wsale2026 #contents a {
    /* font-family: "Noto Serif JP", serif; */
    display: block;
}
/*èƒŒæ™¯*/
body.wsale2026 #contents {
    background: url(bg_fukubukuro-sub.png), url(bg_fukubukuro-main.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
body.wsale2026 #contents .inner{
  /* max-width: 960px; */
  margin:0 auto;
}

body.wsale2026 .list_menu{
  padding: 0;
  margin: 30px 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
body.wsale2026 .list_menu dd{
    position: relative;
    padding: 0 30px;
}
body.wsale2026 .list_menu dd{
    border-right: 1px solid #af1b1b;
}
body.wsale2026 .list_menu dd:last-of-type{
    border-right: none;
}
body.wsale2026 .list_menu a{
  /*border: 1px solid var(--color-base-line-dark);*/
  background: #fff;
  padding: 0;
  display: block;
  text-align: center;
  color: var(--color-base-main-dark);
  font-weight: bold;
}
body.wsale2026 .list_menu a:after {
  font-family: var(--fontfamily-icon);
  content: "\e5cf";
  font-size: 22px;
  font-weight: bold;
  color: var(--color-base-accent-dark);
  vertical-align: bottom;
  display: block;
}

body.wsale2026 #contents-main{
	padding: 0;
	margin: 0 auto;
	box-sizing: border-box;
  overflow: hidden;
}
body.wsale2026 #contents-main > .inner{
  padding: 40px 0;
  box-sizing: border-box;
}
body.wsale2026 #contents-main .title{
  background: transparent;
}
body.wsale2026 #contents-main .title h2{
    width: 80%;
  padding: 0;
    background: transparent;
}
body.wsale2026 #contents-main .title h2 img{
  width: 100%;
}
body.wsale2026 #contents-main p.notes{
  text-align: center;
  font-size: 12px;
  line-height: 1.4em;
  margin-top: 10px;
}
body.wsale2026.pc #contents-main p .sp{
  display: none;
}
body.wsale2026 #contents-main .caption{
  text-align: center;
  padding: 0;
  font-weight: 900;
  font-size: 26px;
  color: #333;
    margin-bottom: 40px;
    line-height:1.6rem;
}
body.wsale2026 #contents-main .caption span{
  font-size: 18px;
  display: block;
  padding-top: 15px;
  font-weight: 700;
}
body.wsale2026 #contents-main h3{
  background: #9f2500;
  color: #fff;
}

body.wsale2026 div#goodslist-header-navi{
  margin: 0 0 20px;
  padding-top: 0;
}


body.wsale2026 .cat_box {
	overflow:hidden;
	margin:0 auto 20px;
}
body.wsale2026 #contents-main .cat_box .cat_ttl{
	font-weight:bold;
	background: var(--color-base-accent-dark);
	color: #fff;
	text-align: center;
	padding: 10px;
	border-radius: var(--box-radius-large);
}
body.wsale2026 .cat_box .item_group{
	overflow:hidden;
	border-top:none;
	padding: 30px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
	/*font-family: var(--fontfamily-base);*/
}
body.wsale2026 .cat_box .item_group li{
  width: calc(100% / 2 - 20px);
  overflow: auto;
  border: 1px solid #000;
  position: relative;
  line-height: 1.4rem;
  padding: 26px 26px 30px;
  box-sizing: border-box;
}

body.wsale2026 .cat_box .item_group li .detail{
	text-align: left;
	/* overflow:hidden; */
	padding: 0;
	display: flex;
	justify-content: space-between;
	background: #fff;
	z-index: 2;
}
body.wsale2026 .cat_box .item_group li .shopname{
	font-weight:bold;
	width: 70%;
}
body.wsale2026 #contents .cat_box .item_group li .shopname h4{
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 0.15em;
  /* font-family: var(--fontfamily-base); */
}
body.wsale2026 #contents .cat_box .item_group li .shopname h4 em{
	margin-bottom: 0.3em;
}
body.wsale2026 .cat_box .item_group li .shopname span{
	font-weight: normal;
	font-size: 13px;
	display: block;
	line-height: 1.3em;
	padding: 5px 0;
}

body.wsale2026 .cat_box .item_group li .shopname .floor {
  display: inline-block;
  font-family: var(--fontfamily-english);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  font-weight: bold;
  padding: .1em 0.6em;
  background: var(--color-base-main-dark);
  color: #fff;
  width: 2.5em;
  text-align: center;
  bottom: unset;
}
body.wsale2026 .cat_box .item_group li .logo {
  width: 24%;
}
body.wsale2026 .cat_box .item_group li .logo img {
  max-width: 100%;
}
body.wsale2026 .cat_box .item_group li .service{
  padding: 0;
  /* display: flex;
  flex-wrap: wrap;
  justify-content: space-between; */
  overflow: hidden;
  box-sizing: border-box;
}
body.wsale2026 .cat_box .item_group li .service .text{
	white-space: pre-wrap;
	border-top: 4px #e5e5e5 solid;
	padding-top: 10px;
	font-weight: 600;
}
body.wsale2026 .cat_box .item_group li .service .text strong{
	font-size:1.3em;
	font-weight: 900;
	color:var(--color-base-accent-dark);
}
body.wsale2026 .cat_box .item_group li .service .text span{
  font-size: 0.9em;
  display: inline-block;
  line-height: 1.2rem;
  font-weight: 500;
}

body.wsale2026 .cat_box .item_group li .service .image{
    box-sizing: border-box;
    border: 1px solid var(--color-base-line-dark);
    width: 150px;
    height: 150px;
    float: right;
    margin-left: 10px;
    background: #fff;
}
body.wsale2026 .cat_box .item_group li .service .image:nth-of-type(n+2){
  display: none;
}


body.wsale2026 .attention p {
	font-size: 10px;
	text-align: center;
	line-height: 1.4em;
}
body.wsale2026 .attention p strong {
	font-size: 14px;
	display: inline-block;
	padding-bottom: 8px;
}


body.wsale2026 .wsale2026_content {
    padding: 0 60px;
}
body.wsale2026 .wsale2026_content_inner {
    background:#fff;
    padding: 30px 30px 10px;
    border-radius: 0 0 10px 10px;
    margin-bottom: 40px;
}

body.wsale2026 div.btn {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 120px);
  margin: 0 60px;
}
body.wsale2026 div.btn a, body.wsale2026 div.btn p {
    font-weight: 900;
    font-size: 26px;
    color: #e7290f;
    display: block;
    width: calc(100% / 2 - 5px);
    border-radius: 10px 10px 0 0;
    background: #ddd;
    text-align: center;
    line-height: 80px;
}
body.wsale2026 div.btn p {
    background:#fff;
}

body.wsale2026 p.caution {
    color: #333;
    text-align: center;
    padding: 0 0 40px;
    font-weight: 900;
}
body.wsale2026 p.schedule {
    font-size: 26px;
    color:#fff;
    font-weight: bold;
    text-align: center;
    background: #9f2500;
    padding-top: 15px;
}

p.fukubukuro_start {
    font-weight: bold;
    font-size: 20px;
    color: #e7290f;
    text-align: center;
}
p.fukubukuro_start span{
	font-size: 16px;
}
/*-----------------------------------
SP
body.wsale2026.sp
-----------------------------------*/

body.wsale2026.sp .footer-navi {
    display: none !important;
}
body.wsale2026.sp #contents {
    background: url(bg_fukubukuro-sp.jpg);
    background-attachment: fixed;
    padding-bottom: 0; 
}
body.wsale2026.sp #contents,
body.wsale2026.sp #contents h2,
body.wsale2026.sp #contents div.salepage_btn,
body.wsale2026.sp #list_menu,
body.wsale2026.sp #contents ul.cat_box ul li .service{
	width: 100%;
}
body.wsale2026.sp h2 {
    margin-bottom: 0;
}
body.wsale2026.sp #contents h2,
body.wsale2026.sp h2 img{
	width:100%;
	margin-bottom:0;
}
body.wsale2026.sp #contents > .inner{
  padding: 0;
}
body.wsale2026.sp #contents-main{
  border-radius: 0;
  font-size: 4.4vw;
}
body.wsale2026.sp #contents-main p.caption{
  padding: 0;
  font-size: 4.5vw;
  margin-bottom: 25px;
}
body.wsale2026.sp #contents-main p.caption span{
    font-size: 3.5vw;
    padding-top: 0;
}
body.wsale2026.sp #contents-main p.notes{
  font-size: 10px;
}

body.wsale2026.sp div.btn {
    width: 90%;
    max-width: none;
    margin: auto;
}
body.wsale2026.sp div.btn a, body.wsale2026.sp div.btn p {
    font-size: 4.5vw;
    line-height: 60px;
    letter-spacing: 0rem;
}

body.wsale2026.sp .list_menu{
  gap: 4px;
  margin: 20px 0;
}
body.wsale2026.sp .list_menu dd {
    padding: 0 20px;
}

body.wsale2026.sp .list_menu dd.cat3{
  width: calc(100% - 2px);
}
body.wsale2026.sp .list_menu a{
  padding: 5px 0 0;
  font-size: 3.0vw;
  line-height: 1.5em;
}
body.wsale2026.sp .cat_box .item_group{
  padding: 0;
  gap: 0;
}

body.wsale2026.sp section.wsale2026_content{
  padding: 0;
  width: 90%;
  margin: auto;
}
body.wsale2026.sp .wsale2026_content_inner {
  padding: 20px 0 0;
}
body.wsale2026.sp .cat_box{
  margin: 10px auto 20px;
}

body.wsale2026.sp .cat_box .item_group li{
  width: 100%;
  border-width: 0 0 1px;
  margin: 0;
  padding: 44px 20px 26px;
}
body.wsale20266.sp .cat_box .item_group li:last-child{
  border: none;
}
body.wsale2026.sp .cat_box .item_group li .detail{
  padding: 0;
}
body.wsale2026.sp .cat_box .item_group li .service{
	width:100%;
	padding: 0;
}
body.wsale2026.sp .cat_box .item_group li .shopname .floor{
  left: 20px;
  top: 20px;
}
body.wsale2026.sp .cat_box .item_group li .shopname{
	width: 65%;
    float: left;
	font-size: 16px;
    line-height: 1.3em;
}
body.wsale2026.sp .cat_box .item_group li .shopname h4{
}
body.wsale2026.sp .cat_box .item_group li .shopname em{
	font-size:80%;
    margin-bottom: 7px;
}
body.wsale2026.sp .cat_box .item_group li .logo{
	width:28%;
  text-align: right;
}
body.wsale2026.sp .cat_box .item_group li .logo img{
	width:auto;
  height: 40px;
}
body.wsale2026.sp .cat_box .item_group li .service .text{
  font-size: 90%;
  line-height: normal;
}
body.wsale2026.sp .cat_box .item_group li .service .image{
  float: none;
  margin: 0 auto 5px;
  width: 200px;
  height: 200px;
}

body.wsale2026.sp .cat_box .item_group li .service .text strong{
	 font-size:1.15em;
	 line-height: 1.4rem;
	 margin: 7px 0;
	 display: inline-block;
}

body.wsale2026.sp p.schedule {
    font-size: 4.4vw;
    padding-bottom: 10px;
}

body.wsale2026.sp p.caution {
    font-size: 13px;
}


