/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol&display=swap');

:root {
    --color-base-md-bg: #fc6e27;/*タブ1の背景*/
    --color-base-md-main: #ef919f;  /*タブ1選択中ボタンの色*/
    --color-base-md-subttl: #fc6e27;/*タブ1選択中のサブタイトル背景色*/
    --color-base-md-bg2: #fc6e27;/*タブ2の背景*/
    --color-base-md-main2: #fc6e27; /*タブ2選択中ボタンの色*/
    --color-base-md-subttl2: #fc6e27;/*タブ2選択中のサブタイトル背景色*/
	--color-base-md-btn-off:#ffffff;/*タブ1未選択のボタンの色*/
	--color-base-md-btn-off2:#ef919f;/*タブ2未選択のボタンの色*/
}

.md_cat_list #contents-main .NewsItemList {
	margin: 0;
}

/*　500pxだと商品点数少ないとき見た目微妙なので一旦なし
.md_cat_list #contents-main .NewsItemList::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0; 
    left: 0;<strong></strong>
    width: 100%;
    height: 500px; 
    background-image: url('bg.png');
    background-repeat: repeat-x; 
    transform: rotate(180deg);
    transform-origin: center center;
    z-index: 1; 
}
*/
.md_cat_list #contents-main .NewsItemList #items {
	margin: 0 auto;
}
.pc.md_cat_list #goodslist {
    width: var(--inner-Width);
    max-width: var(--inner-Max-Width);
	min-width: var(--inner-Min-Width);
    margin: 0 auto;
    background: #fff;
    position: relative;
    z-index: 1;
}

.md_cat_list #goodslist {
    position: relative;
    z-index: 1;
}

.pc.md_cat_list #contents-main .NewsItemList #items{
	width: 90%;
	margin: 0 auto;
}

.md_cat_list #contents #contents-main h3.mdCat-title{
	margin-bottom: 30px;
}

.md_cat_list #contents #contents-main h3.mdCat-title img{
max-width: var(--inner-Max-Width);
}

.pc.md_cat_list #contents #contents-main h3.mdCat-title img.sp,
.sp.md_cat_list #contents #contents-main h3.mdCat-title img.pc{
	display: none;
}


.md_cat_list #goodslist h3 p{
    display: none;
}
.md_cat_list #goodslist h3 p.on{
    display: block;
}

.md_cat_list #contents{
   background: #fff;

}
.md_cat_list #contents #contents-main .subttl{
    background: var(--color-base-md-subttl);
    color: #aa2225;
	font-weight: bold;
}

.md_cat_list #md-cat-list-header-navi ul{
    column-gap: 20px;
    margin: 0 auto 20px;
    max-width:64%;
	box-sizing: border-box;
}

.md_cat_list #md-cat-list-header-navi ul li {
    width: calc((100% - 20px) / 2);
}

.md_cat_list #md-cat-list-header-navi ul li a{
  display: block;
    padding: 23px 32px 26px;
  border-bottom: solid 6px #e06e84;
  border-radius: 8px;
  color: #ffffff;
	background: var(--color-base-md-main);
  text-decoration: none;
  font-size: 24px;
  font-weight: bold;
  line-heigt: 1.2em;
  -webkit-transition: .100s;
  transition: .100s;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.md_cat_list #md-cat-list-header-navi ul li:last-of-type a{
	background: #ffc200;
	border-color: #e29c00;
}
.md_cat_list #md-cat-list-header-navi ul li:first-of-type.on a{
	background: var(--color-base-md-main);
}


.md_cat_list #md-cat-list-header-navi ul li.on a{

	font-size: 24px;
}



.md_cat_list #md-cat-list-header-navi ul li.on a::before{
    border-top-color: var(--color-base-md-main);
	display: none;
}
.md_cat_list #md-cat-list-header-navi ul li.on a::after{
    content: "";
    display: inline-block;
    border: 20px solid transparent;
    border-top-color: #e06e84;
    position: absolute;
    bottom: -40px;
    z-index: -1;
    left: calc(50% - 20px);
}

.md_cat_list #md-cat-list-header-navi ul li:last-of-type.on a::after{

    border-top-color: #e29c00;

}


/*
.md_cat_list #contents.cat2505002{
    background: var(--color-base-md-bg2);
}*/
.md_cat_list #contents.cat2505002 #contents-main .subttl{
    background: var(--color-base-md-subttl2);
}
.md_cat_list #contents.cat2505002 #md-cat-list-header-navi ul li.on a{
    background: var(--color-base-md-main2);
}
.md_cat_list #contents.cat2505002 #md-cat-list-header-navi ul li.on a::before{
    border-top-color: var(--color-base-md-main2);
}
.md_cat_list #contents.cat2505002 #md-cat-list-header-navi ul li a{
    border: 3px solid #FFF;
    background: var(--color-base-md-btn-off);
    color: #FFF;
}


.md_cat_list #contents .cat2505001 h3.cat2505002,
.md_cat_list #contents .cat2505002 h3.cat2505001 {
	display: none;
}

.md_cat_list #contents #contents-main h3.mdCat-title.cat2505001,
.md_cat_list #contents #contents-main h3.mdCat-title.cat2505002 {
    /*background: #ffffff;*/
    padding: 0;
    margin-bottom: 0;
    text-align: center;
}



.md_cat_list #contents-main .NewsItemList .item{
	    width: calc((100% - 40px) / 3);
	background-color: #fff;
	border-radius: 0;
	z-index: 10;
	    padding: 16px 10px 20px;
}

#contents-main #goodslist .price_date{
    margin: 20px auto 0;
    padding: 0;
    width: var(--inner-Width);
    max-width: var(--inner-Max-Width);
    display: block;
}

#contents-main #goodslist > .inner{
	width: 100%;
	max-width: 100%;
	padding: 0;
	   
}

.md_cat_list #contents #contents-main.all{
	padding: 0;
	background:#f9c5cf;
	position: relative;
}
.md_cat_list #contents #contents-main.all:after{
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	background: url("bg.png") center top repeat-y;
}
.md_cat_list #contents #contents-main.all:before{
	content: "";
	width: 100%;
	height: 500px;
	display: block;
background: #F9C5CF;
background: linear-gradient(0deg,rgba(249, 197, 207, 1) 38%, rgba(255, 237, 140, 1) 100%);
	position: absolute;
}

/*スマホ対応*/
.md_cat_list.sp #contents{
	background-size:24%;
}

.md_cat_list.sp #md-cat-list-header-navi ul{
	max-width: 100%;
	padding:12px 12px 4px;
	margin: 0;
	column-gap: 10px;
}

.md_cat_list.sp #md-cat-list-header-navi ul li.on a::after{
    bottom: -36px;
} 
.md_cat_list.sp #md-cat-list-header-navi ul li a,
.md_cat_list.sp #md-cat-list-header-navi ul li.on a{
	font-size: 4vw;
	height: 50px;
	line-height: 44px;
	padding: 0 0 2px;
	border-radius: 6px;
}


.md_cat_list.sp #contents-main .NewsItemList{
	padding: 12px;
}

body.sp #contents-main .NewsItemList #items{
    background: #fff;
    padding: 10px 10px 14px;
    border-radius: 6px;
}

body.sp #contents-main .NewsItemList .item{
	background: #fff;
	border-width: 2px;
}



body.sp #contents-main .NewsItemList .item .date {
margin: 10px 10px 0;}

body.sp #contents-main .NewsItemList .item .news_box{
	padding-top: 0;
	margin-top: 0;
}



.md_cat_list.sp #contents #contents-main.all{
	padding: 0 0;
}

.md_cat_list.sp #contents #contents-main h3.mdCat-title{
	    padding: 0;
	margin-bottom:0;
}


.md_cat_list.sp #contents-main #goodslist .price_date{
	margin: 0;
}




/*.md_cat_list.sp #contents-main .NewsItemList .item .date{
    color: #FFF;
}*/


/*
.md_cat_list #contents article.item.shopcat_.cat1{
    background: #DCF0FB;
}*/