@charset "shift-jis";
/*
 *
 *  updated --- 2020/10/19
 *
 */

/*#sectionMain
----------------------------*/
div#template #sectionMain {
	background: url(/common/pc/img/contents/extra/2010osechi/bg_contents_001.png) 0 0 repeat;
}
div#template #sectionMain .sectionWrapper {
  background: url(/common/pc/img/contents/extra/2010osechi/mainvisual_pc.png) 50% no-repeat;
	text-align: center;
}
div#template #sectionMain .sectionWrapper .sectionInner {
  position: relative;
	width: 950px;
  height: 320px;
	margin: 0 auto;
}
div#template #sectionMain .sectionInner h1 {
	padding-top: 10px;
  text-align: center;
}
div#template #sectionMain .sectionInner p {
	background: url(/common/pc/img/contents/extra/2010osechi/btn00_on.png) no-repeat;
	position: absolute;
	bottom: 20px;
	right: 0;
	width: 280px;
	height: 46px;
}
div#template #sectionMain .sectionInner a.button {
  display: inline-block;
  position: absolute;
  right: 0;
  width: 280px;
  height: 46px;
}
div#template #sectionMain .sectionInner a.button:hover img {
	visibility: hidden;
}


/* point
----------------------------*/
div#template .sec#sectionA .sectionWrapper div.point,
div#template .sec#sectionB .sectionWrapper div.point,
div#template .sec#sectionC .sectionWrapper div.point,
div#template .sec#sectionD .sectionWrapper div.point {
  background-color: #fbeecc;
  width: calc(100% - 6px);
}
div#template .sec .sectionWrapper div.point .txt strong {
  font-weight: normal;
	color: #c62300;
}
div#template .sec .sectionWrapper div.point .txt strong span {
  font-size: 173.333%;
}
div#template #sectionA,
div#template #sectionB,
div#template #sectionC,
div#template #sectionD {
  padding: 50px 0;
}
div#template .sec .sectionWrapper div.point {
  padding: 10px 0px;
}


/* sectionA
----------------------------*/
div#template #sectionA {
	padding: 20px 0 50px !important;
	background: url(/common/pc/img/contents/extra/2010osechi/bg_contents_001.png) 0 0 repeat;
}
div#template.gift .sec #sectionA .sectionWrapper ul.shopContents {
	margin: 0 0 0 -10px;
}
div#template.gift .sec #sectionA .sectionWrapper ul.shopContents li.shopContent {
	margin-left: 10px;
}
div#template #sectionA .sectionWrapper ul.shopContents li.shopContent:nth-child(2n+1) {
	clear: both;
	margin-left: 7px;
}
div#template.type02 #sectionA .sectionWrapper ul.shopContents li.shopContent:nth-child(2n+1) {
	margin-left: 0;
}
div#template.gift .sec #sectionA .sectionWrapper ul.shopContents li.shopContent:nth-child(2n+1) {
	clear: inherit;
	margin-left: 10px;
}
div#template.gift .sec #sectionA .sectionWrapper ul.shopContents li.shopContent:nth-child(3n+1) {
	clear: both;
}


/* sectionB
----------------------------*/
div#template #sectionB {
  background: url(/common/pc/img/contents/extra/2010osechi/bg_contents_002.png) 0 0 repeat;
}
.sec#sectionB .sectionWrapper ul.shopContents li.shopContent:not(:nth-of-type(n+4)) {
  margin-top: 0;
}
.sec#sectionB .sectionWrapper .sectionContents>p {
	margin: 5px 0 6px;
	font-size: 14px;
	color: #333;
}
.sec#sectionB .sectionWrapper .sectionContents>p img {
	width: 25px;
	height: 24px;
	margin: 0 4px;
}
.sec#sectionB .sectionWrapper ul.shopContents .furusato {
	position: relative;
}
.sec#sectionB .sectionWrapper ul.shopContents .furusato::after {
	content: "";
	position: absolute;
	top: 5px;
	right: 5px;
	width: 31px;
	height: 30px;
	background: url(/common/pc/img/contents/extra/2010osechi/icon_furusato.png) no-repeat;
	background-size: 31px 30px;
}


/* sectionC
----------------------------*/
div#template #sectionC {
	background: #f0d282;
}
.sec#sectionC .sectionWrapper ul.shopContents + ul.shopContents {
  margin-top: 10px;
}
.sec#sectionC .sectionWrapper ul.shopContents li.shopContent:not(:nth-of-type(n+5)) {
  margin-top: 0;
}
.sec#sectionC .sectionWrapper div.point .txtArea .txt {
	display: block;
	margin: 5px 0 0;
	text-align: center;
}


/* sectionD
----------------------------*/
div#template #sectionD {
  background: url(/common/pc/img/contents/extra/2010osechi/bg_contents_002.png) 0 0 repeat;
}
div#template .sec#sectionD div.point .pointContents {
	display: table-cell;
  vertical-align: middle;
}
div#template .sec#sectionD .sectionWrapper div.point .pointInner {
	display: inline-block;
	vertical-align: middle;
}
div#template .sec#sectionD .sectionWrapper div.point .tit {
	display: block;
	padding-right: 0;
	text-align: center;
}
div#template .sec#sectionD .sectionWrapper div.point .txtArea {
	display: block;
	padding-left: 0;
	text-align: center;
}