@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap');
/*----------------------------------------
梅まつり　スタイルシート
PC/SP共通
----------------------------------------*/
/*--------------------
reset系
--------------------*/
body.view #contents {
background: #F9C140;
background: linear-gradient(90deg,rgba(249, 193, 64, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(88, 195, 240, 1) 100%);
	padding: 0;
	position: relative;
}

body.view #contents:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: block;
	position: absolute;
	background: url(bg.png) repeat;
	background-size: 200px;
	opacity: 0.5;
}


body.view.pc #contents > .inner {
    border-right: 6px solid #fff;
    border-left: 6px solid #fff;
	padding-bottom: 20px;
}
#contents-main.all {
  padding: 0;
}
#contents h2 {
  width: 960px;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0 auto;
  background: none;
}
/*item_feature*/
body.item_feature h2, body.item_feature h3, body.item_feature .html1 h2:before, body.item_feature .content1, body.item_feature .content2, body.item_feature .return_list {
  display: none;
}
body.item_feature h3.goods {
  display: block;
}
body.item_feature #contents .html1 h2 {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: block;
}
body.item_feature #contents .html1 h2 img {
    margin: 0 auto;
    display: block;
    background: none;
}
body.item_feature.pc #contents .html1 h2 img.sp,
body.item_feature.sp #contents .html1 h2 img.pc{
	display: none;
}

body.item_feature #contents .lead {
  position: relative;
  z-index: 1;
  padding: 0 0 20px;
}
body.item_feature #contents .lead:after {
  content: "";
  background: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  z-index: -1;
}
body.item_feature #contents .lead p {
  margin: 0 auto;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  line-height: 40px;
  background: #fff100;
  color: #036eb7;
  display: inline-block;
  padding: 0 50px;
  box-sizing: border-box;
}
body.item_feature #contents .lead p {
  position: relative;
}
body.item_feature #contents .lead p:before, body.item_feature #contents .lead p:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}
body.item_feature #contents .lead p:before {
  top: 0;
  left: 0;
  border-width: 20px 0px 20px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}
body.item_feature #contents .lead p:after {
  top: 0;
  right: 0;
  border-width: 20px 15px 20px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
body.sp #contents .inner {
  padding: 0;
  background: none;
}
/*--------------------
共通
--------------------*/
/*タブ*/

body.item_feature #contents-main .nav {
    display: flex;
    max-width: 960px;
    margin: 6px auto;
    padding-bottom: 20px;
    justify-content: center;
    border-bottom: 6px #e50012 dotted;
}

body.item_feature #contents-main #featureid43 .nav {
    border-color: #036eb7;
}

body.item_feature #contents-main .nav.b{
    border: none;
    margin: 30px auto 10px;
    padding: 0;
}

body.item_feature #contents-main .nav li {
  text-align: center;
}
body.item_feature.pc #contents-main .nav li:first-of-type {
  margin-right: 30px;
}
body.item_feature #contents-main .nav li a {

}
body.item_feature #contents-main .nav li.active a {

}
body.item_feature.pc #contents-main .html1 {
  text-align: center;
}

/*グッズ一覧*/

body.item_feature #contents-main #items.NewsItemList {
  max-width: 960px;
  margin: 0 auto;
	padding: 0 10px;
  box-sizing: border-box;

}
#contents-main .NewsItemList {
  padding: 2px 0 30px;
}
#contents-main .NewsItemList .item {
  border-color: #231815;
}
#contents-main .NewsItemList .item:after {
  background: #231815;
}
.pc #contents-main .NewsItemList .item:nth-of-type(3n) {
  margin-right: 0;
}
#contents-main .NewsItemList .item .name a {
  color: #036eb7;
}
/*****もっと見るボタン[汎用]*****/
#contents-main .NewsItemList .item .morelink {}
.goods_like_btn.mini p i {
  color: #c7000b;
}
.goods_like_btn.mini p span, .goods_like_btn.mini p span:before {
  border-color: #c7000b;
}
.item .morelink:hover {
  text-decoration: none;
}
.item .morelink span, .item.cat2 .morelink span {
  background: #fff000;
  color: #e50012;
}
.morelink span:after {
  display: none;
}
.pc #contents-main .NewsItemList .item .goods_like_btn.mini {
  left: 28px;
}
/*--------------------
スマホ
--------------------*/

body.item_feature.sp #contents .lead {
  position: relative;
  padding: 0 0 14px;
}
body.item_feature.sp #contents .lead p {
  display: block;
  padding: 0 20px;
  margin: 0 auto;
  width: 70%;
  font-size: 16px;
}
body.item_feature.sp #contents-main .html1 h3 {
  margin: 14px 0 0;
  width: 100%;
}
.sp li a span {
  display: none;
}
body.item_feature.sp #contents-main #items.NewsItemList {
  padding: 0 0 10px;
  margin-bottom: 0;
}
body.sp #contents-main .NewsItemList .item {
  border-color: #565456;
	height: 300px;
}
body.item_feature.sp #contents article > div:nth-of-type(3) {
  padding: 0;
  background: #fff;
}
body.item_feature.sp #contents-main .nav {
    padding: 6px 10px 10px;
    margin: 0;
    background: #fff;
    border-width: 4px;
	    justify-content: space-around;
}

body.item_feature.sp #contents-main .nav.b{
padding: 0 10px 20px;
}

body.item_feature.sp #contents-main .nav li {
  width: 48%;
}


body.item_feature.sp #contents-main .NewsItemList .item .image{    padding: 0;}

body.item_feature.sp #contents .morelink span{
	display: none;
}