/* CSS Document */
/* ==================================================

	.mainvisual

 ================================================== */
.sdOsechi .mainvisual{
  height: inherit;
  background: none !important;
}
.mainvisualInner{
  position: relative;
}
.mainvisualInner h1{
  position: absolute;
  top: 50%;
  left: 20px;
  z-index: 2;
  color: #333;
  font-size: 2.4rem;
  font-family: "Noto Serif JP",serif;
  text-shadow: 0 0 5px rgb(255 255 255 / 60%), 0 0 5px rgb(255 255 255 / 60%), 0 0 5px rgb(255 255 255 / 60%), 0 0 5px rgb(255 255 255 / 60%);
  transform: translateY(-50%);
}
.mainvisualInner h1 span{
  display: block;
  font-size: 4.6rem;
  line-height: 1;
}
.mainvisualInner .off_icon{
  position: absolute;
  top: 10px;
  left: 140px;
  z-index: 1;
  width: 80px;
}


/* ==================================================

	nav

 ================================================== */

.sdOsechi nav ul{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.sdOsechi nav ul li{
  display: flex;
  align-items: center;
  width: 25%;
  text-align: center;
}

.sdOsechi nav ul li a{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 10px 0;
  color: #fff;
  font-size: 1.4rem;
  transition: all .3s;
}
.sdOsechi nav ul li a:hover{
  color: #fff;
  background-color: rgba(0,0,0,0.20);
  opacity: .9;
}
.sdOsechi .nav-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
}



/* ==================================================

	.lead

 ================================================== */
.lead .lead-text{
  font-family: "NotoSansJP";
  letter-spacing: .1rem;
}
.lead .lead-text span{
  margin-bottom: 10px;
  padding: 5px 0;
  color: #000;
  font-weight: bold;
  background-color: #ffd700;
}



/* ==================================================

	.recommend

 ================================================== */
.sdOsechi .recommend{
  margin-top: 40px;
  box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
}
.sdOsechi .recommend::before{
  display: none;
}
.recommendItemPic{
  margin: 20px auto;
}
.recommendDetailPrice{
  margin-top: 10px;
}
.sdOsechi .btn-more{
  margin-top: 10px;
}
.osusumeIcon{
  max-width: 150px;
}

/* ==================================================

	.recommend.m-contentInner

================================================== */
/*
	.recommendLead
================================ */
.sdOsechi .recommendLead{
  font-family: "NotoSansJP";
  letter-spacing: .2rem;
}
/*
	.osusumePic
================================ */
.osusumePic{
  margin: 20px auto;
}
/*
	.osusume_oshinagaki_area
================================ */
.osusume_oshinagaki_area{
  color: #333;
  font-family: inherit;
  text-align: inherit;
  background-color: inherit;
}
/* ul -------------------- */
.osusume_oshinagaki_area ul{
  width: 100%;
  margin: 0 auto;
}
/* li -------------------- */
.osusume_oshinagaki_area li{
  padding-top: 10px;
  padding-bottom: 30px;
}

/* h3 ----- */
.osusume_oshinagaki_area li div h3{
  margin-top: 10px;
  font-weight: bold;
  font-size: 2rem;
  text-align: center;
}
.osusume_oshinagaki_area li div h3 span{
  padding-left: 10px;
  font-size: 1.8rem;
}
/* dl ----- */
.osusume_oshinagaki_area li div h3 + p{
  margin-top: 10px;
  padding: 0 15px;
}
/*
	.osusumeDetail
================================ */
.osusumeDetail{
  display: inherit;
  margin-top: 10px;
  padding: 30px 10px;
  background-color: #fff;
}
.osusumeDetail--02:after,
.osusumeDetail--02:before,
.osusumeDetail--02 .osusumeDetailItem:first-child:before,
.osusumeDetail--02 .osusumeDetailItem:nth-child(2):before{
  display: none;
}
/*
	.osusumeDetailItem
================================ */
.osusumeDetailItem {
  /*display: flex;
	-webkit-flex-basis: -webkit-calc((98% - 30px)/3);
	flex-basis: calc((98% - 30px) / 3);*/
  margin-bottom: 0;
}
.osusumeDetail--02 .osusumeDetailItem{
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
  padding-top: 0;
}
.osusumeDetail--02 section + section{
  margin-top: 30px;
  padding-top: 30px !important;
  border-top: 1px dotted #ccc !important;
}
.osusumeDetail--02 .pic{
  /*max-width: 50%;*/
}
.osusumeDetail--02 .osusumeDetail_tBox{
  color: #333;
}
.osusumeDetail_title{
  margin-top: 10px;
  font-size: 1.2rem;
  letter-spacing: .1rem;
}
.osusumeDetail_title span{
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
/*
	.sdOsechi .recommendItem
================================ */
.sdOsechi .recommendItem{
  margin: 20px 5px 0;
  padding-bottom: 10px;
}



/* ==================================================

	.recommend.m-contentInner

 ================================================== */
footer .box{
  padding: 0;
}


/* ==================================================

	.deliveryDate

 ================================================== */
.m-osechiLead,
.safetyItem{
  font-family: "NotoSansJP";
}



/* ==================================================

	.deliveryDate

 ================================================== */
.sdOsechi .deliveryDate{
  font-family: "NotoSansJP";
}
/*
	.deliveryDateTxt
================================ */
.sdOsechi .deliveryDateTxt span{
  font-size: 2.4rem;
}



/* ==================================================

	.widget-section

 ================================================== */
.widget-section{
  padding: 0;
}
.js-ajaxload .box{
  background-color: inherit;
}
.js-ajaxload .widget-reco-slider_area figcaption{
  font-weight: normal;
}