@charset "utf-8";
* {
  box-sizing: border-box;
}
img {
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
  vertical-align: bottom;
}
html {
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
}
body {
  line-height: 1.5;
  font-size: 1.4rem;
  color: #333333;
}
body, main, section, h1, h2, h3, p, ul, li, dl, dd, figure {
  margin: 0;
  padding: 0;
}
.headTitleBox {
  margin-bottom: 0;
}
.contentsWrap {
  width: 100%;
}
.oneContents .contentsWrap #main {
  width: 100%;
}
#main {
  padding: 0;
}
/*==========*/
#footerLink {
  margin-top: 0;
}
/*=====main=====*/
.pcOnly {
  display: none;
}
.main-inner {
  background-color: #87144f;
  padding: 0 3%;
}
.contents01 {
	background: url(../images/idx_im02.webp) no-repeat,url(../images/idx_im03.webp) no-repeat;
	background-size: 100%,100%;
	background-position: left top,left bottom;
	padding: 12% 0 20%;
}
.contents01-Box {
  background: url("../images/idx_bg01.webp") no-repeat;
  background-size: 100%;
  padding: 8% 5%;
}
.contents01 h2 {
	margin-bottom: 4%;
}
.contents01 .period {
	margin: 6% -3% 0;
}
.period p:first-of-type {
	margin-bottom: 2%;
}
.contents01 .btn {
	margin-top: 4%;
}
.attCol {
  background: #fff;
  overflow: scroll;
  overflow-x: hidden;
  height: 400px;
  margin-top: 5%;
  padding: 5% 3%;
  border: solid 1px #d7d7d7;
}
.attCol h3 {
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
  padding: 1% 0;
  border-top: 1px solid #231815;
  border-bottom: 1px solid #231815;
}
.attCol p{
  margin: 5% 0;
}
.attCol dl {
	margin-bottom: 5%;
}
.attCol dl:last-of-type {
	margin-bottom: 0;
}
.contents02 {
	margin: 0 2% !important;
}
.contents02 h2 {
	margin-right: -3%;
}
.couponList {
	margin: 6% 0;
}
.couponList li {
	margin-bottom: 3%;
}
.couponList li:nth-of-type(2) {
	margin-right: -3%;
}
.couponList li:last-of-type {
	margin-bottom: 0;
}
.notice {
	margin-top: 3%;
	color: #fff;
}
.sub-inner02 {
	background: url(../images/idx_im04.webp) no-repeat,url(../images/idx_im05.webp) no-repeat;
	background-size: 100%,100%;
	background-position: left top,left bottom;
	padding: 22% 0 18%;
	margin: 0 -3%;
}
.contents03 {
	background-color: #e62681;
	border: 4px solid #ebe2e9;
	border-radius: 2vw;
	margin: 0 3% 0 !important;
}
.contents03-leadtx {
	margin: -5% 2% 0;
}
.contents03 h2 {
	margin: 5% 10%;	
}
.contents03-tx {
	background-color: #fff;
	padding: 4%;
}
.contents03 .period {
	margin: 6% 2% 0;
}
.contents03 .btn {
	margin: 4% 0 0 1%;
}
.contents03 .attCol {
	margin: 5% 2% 8%;
}
.contents04 h2 {
	margin: 10% 13% 7%;
}
.contents04 {
	padding: 0 3% 7%;
}
.contents04 .btn {
	margin: 0;
}
.contents04-leadtx {
	margin: 0 3%;
}
.syohinList01 li {
	margin-bottom: 2%;
}
.syohinList01 li:nth-of-type(even) {
	margin-bottom: 4%;
}
.syohinList01 li:last-of-type {
	margin-bottom: 0;
}
.syohinList02 {
	background-color: #e683b2;
	margin-top: 8%;
	padding: 8% 3% 0;
	color: #fff;
}
.syohinList02 li {
	margin-bottom: 6%;
}
.syohinList02 li:last-of-type {
	margin-bottom: 0;
}
.syohinList02 li .syohin-name {
	font-size: 1.8rem;
	font-weight: bold;
	padding: 3% 0 3% 22%;
	position: relative;
}
.syohin-name::before {
	position: absolute;
	content: "";
	background: url("../images/idx_ic01.webp") no-repeat;
	background-size: contain;
	width: 100%;
	height: 12.5vw;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto 0;
}
.syohin-name::after {
	position: absolute;
	content: "";
	background: url("../images/idx_im01.webp") no-repeat;
	background-size: 100%;
	width: 100%;
	height: 100%;
	top: 100%;
	left :0;
	margin-top: 1%;
}
.price {
	text-align: right;
	margin-top: 2%;
}
.price span{
	font-size: 2.2rem;
	margin: 0 2%;
	font-weight: bold;
}
.contents05 {
	margin: 4% 3%;
}
.attention {
	margin-top: 5%;
	color: #fff;
}
/*=====スクロールバー表示させる=====*/
.attCol::-webkit-scrollbar {
  width: 5px;
}
.attCol::-webkit-scrollbar-thumb {
  background: #D3D3D3;
  border-radius: 5px;
}
.attCol::-webkit-scrollbar-track-piece:start {
  background: #EFEFEF;
}
.attCol::-webkit-scrollbar-track-piece:end {
  background: #EFEFEF;
}

/*=====cpArea=====*/
#campaignArea {
  margin: 2% 0;
  padding: 0 3%;
}
#campaignArea .title02 {
  margin-top: 0;
  padding-top: 3%;
}

/*=====mediaQuery=====*/
@media screen and (min-width:751px), print {
.pcOnly {
	display: inline-block;
}
.spOnly {
	display: none;
}
#main {
	background-image: linear-gradient(-45deg, #f0f0f0 25%, #f6f6f6 25%, #f6f6f6 50%, #f0f0f0 50%, #f0f0f0 75%, #f6f6f6 75%, #f6f6f6);
	background-size: 15px 15px;
}
#main h1 {
	text-align: center;
}
.main-inner {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
.contents01 {
    background: url(../images/idx_im02pc.webp) no-repeat,url(../images/idx_bg02pc.webp) no-repeat,url(../images/idx_im03pc.webp) no-repeat;
	background-size: 100%,100%,100%;
	background-position: left top,left 150px,left bottom;
	padding: 50px 0 200px;
	width: 1000px;
	margin: 0 auto;
}
.contents01-Box {
  background: url("../images/idx_bg01pc.webp") no-repeat;
  background-size: 100%;
  padding: 25px 40px 35px;
  text-align: center;
  width: 870px;
  margin: 0 auto;
}
.contents01 h2 {
	margin-bottom: 20px;
}
.contents01 .period {
	display: flex;
	margin: 20px 0 0;
}
.period p:first-of-type {
	margin: 0 20px 0 0;
}
.contents01 .btn {
	margin: 20px auto 0;
	width: 400px;
}
.attCol {
  width: 870px;
  margin: 25px auto 0;
  padding: 20px;
}
.attCol h3 {
  font-size: 2.0rem;
  padding: 8px 0;
}
.attCol p{
  margin: 30px 0;
}
.attCol dl {
	margin-bottom: 30px;
}
.sub-inner01 {
	background: url("../images/idx_bg03pc.webp") no-repeat;
    background-size: 100%;
	background-position: left 160px;
}
.contents02 {
	margin: -120px auto 0 !important;
	width: 740px;
}
.contents02 h2 {
	margin: 0 auto;
}
.couponList {
	margin: 30px auto 25px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.couponList li {
	margin-bottom: 3%;
	width: 360px;
}
.couponList li:nth-of-type(2) {
	margin-right: -5px;
	width: 367px
}
.couponList li:nth-last-of-type(-n+2) {
	margin-bottom: 0;
}
.notice {
	margin-top: 20px;
}
.contents02 .period {
	display: flex;
}
.sub-inner02 {
	background: url(../images/idx_im04pc.webp) no-repeat,url(../images/idx_bg04pc.webp) no-repeat,url(../images/idx_im05pc.webp) no-repeat;
	background-size: 100%,100%,100%;
	background-position: left top,left 200px,left bottom;
	padding: 250px 0 30px;
	margin: -60px auto 0;
}
.contents03 {
	margin: -110px 65px 0 !important;
	border-radius: 1vw;
}
.contents03-leadtx {
	margin: -25px auto 0;
	width: 495px;
}
.contents03 h2 {
	margin: 30px auto;	
	width: 740px;
}
.contents03-tx {
	padding: 20px;
	text-align: center;
}
.contents03 .period {
	margin: 30px auto 0;
	display: flex;
	width: 740px;
}
.contents03 .btn {
	margin: 25px auto 0;
	width: 400px;
}
.contents03 .attCol {
	margin: 30px auto 40px;
	width: 810px; 
}
.contents04 h2 {
	margin: 40px auto 20px;
	width: 350px;
}
.contents04 {
	padding: 0 30px 40px;
}
.contents04 .btn {
	margin: 0;
}
.contents04-leadtx {
	margin: 0 auto;
	text-align: center;
}
.syohinList01 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.syohinList01 li {
	width: 390px;
	margin-bottom: 10px;
}
.syohinList01 li:nth-of-type(even) {
	margin-bottom: 0;
}
.syohinList01 li:nth-of-type(odd) {
	margin-top: 15px;
}
.syohinList01 li:nth-of-type(4n) {
	margin-top: 5px;
}
.syohinList02 {
	margin-top: 20px;
	padding: 40px 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.syohinList02 li {
	margin-bottom: 30px;
	width: 350px;
}
.syohinList02 li:nth-last-of-type(-n+2) {
	margin-bottom: 0;
}
.syohinList02 li:last-of-type {
	margin-left: 30px;
}
.syohinList02 li .syohin-name {
	font-size: 2.0rem;
	padding: 13px 0 13px 82px;
}
.syohinList02 li:nth-of-type(8) .syohin-name,
.syohinList02 li:nth-of-type(10) .syohin-name {
	padding: 0 0 5px 75px;
}
.syohinList02 li:nth-of-type(7),
.syohinList02 li:nth-of-type(9) {
	margin-top: 9px;
}
.syohin-name::before {
	height: 6vh;
}
.price {
	margin-top: 7px;
}
.price span{
	font-size: 2.2rem;
	margin: 0 5px;
}
.contents05 {
	margin: 4% 3%;
}
.contents05 .btn {
	width: 400px;
	margin: 0 auto;
}
.attention {
	margin: 20px auto 0;
	text-align: left;
	width: 720px;
}
  .cam-wrap {
    background: #fff;
  }
  /*=====cpArea=====*/
  #campaignArea {
    width: 1000px;
    margin: 0px auto;
    padding: 25px 0 0;
  }
  #campaignArea h2 {
    text-align: left;
  }


}