article {
	width:100%;
	overflow-x:hidden;
}
.sectionHeader {
	text-align:center;
	margin-bottom:80px;
}
/* -----------------------------------------------------------------------------
ヘッダー
----------------------------------------------------------------------------- */
header {
	background:url(../images/roof.jpg) center top repeat-x;
	height:334px;
}
header h1 {
	text-align:center;
	padding-top:58px;
}

/* -----------------------------------------------------------------------------
ストーリー
----------------------------------------------------------------------------- */
.sectionStory {
	background:url(../images/story_bg.png) center top repeat-y;
}
.story_garden {
	width:951px;
	height:525px;
	background:url(../images/story_garden.png) center bottom no-repeat;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	margin-top:30px;
	margin-bottom:180px;
}
.story_door {
	position:absolute;
	width:524px;
	height:485px;
	left:230px;
	top:0px;
}
.story_door > div {
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	transition-duration:0.3s;
	transition-property:opacity;
}
.story_door .story_door_open {
	opacity:0;
}
.story_door:hover .story_door_close {
	opacity:0.0;
}
.story_door:hover .story_door_open {
	opacity:1.0;
}
.story_door > div img {
	width:100%;
	height:100%;
}
.sectionStory .sectionBody {
	text-align:center;
}
.sectionStory .lead {
	margin-bottom:1rem;
}
.sectionStory .figure {
	position:relative;
	width:900px;
	margin-right:auto;
	margin-left:auto;
}
.sectionStory .catch{
	position:absolute;
	top:240px;
	left:-40px;
}
/* アニメ用 */
.scrollanim[data-scrollanim-type="fade"] {
	opacity:0;
	transition-duration:0.8s;
	transition-delay:0.2s;
	transition-property:opacity;
}
.scrollanim.scrollanim-fired[data-scrollanim-type="fade"] {
	opacity:1.0;
}
.sectionStory .sectionHeader.scrollanim ,
.sectionStory .sectionBody.scrollanim  p {
	opacity:0;
	transition-property:opacity;
}
.sectionStory .sectionBody.scrollanim .figure {
	margin-top:-30px;
	opacity:0;
	transition-property:opacity,margin-top;
}
.sectionStory .sectionHeader.scrollanim.scrollanim-fired ,
.sectionStory .sectionBody.scrollanim.scrollanim-fired p {
	transition-duration:0.95s;
	transition-delay:0.6s;
	opacity:1.0;
}
.sectionStory .sectionBody.scrollanim.scrollanim-fired .figure {
	transition-duration:0.9s;
	transition-delay:0.1s;
	opacity:1.0;
	margin-top:0px;
}


/* -----------------------------------------------------------------------------
ラインナップ
----------------------------------------------------------------------------- */
.sectionLineup {
	padding-top:120px;
}
.sectionLineup .subsection {
	background:url(../images/lineup1_bg.png) center top repeat-y;
}
.sectionLineup .subsection > .wrapper {
	background:url(../images/lineup1_roof.jpg) center top repeat-x;
	width:100%;
}
.sectionLineup .subsection > .wrapper > .inner{
	max-width:1080px;
	width:90%;
	margin:0 auto 0 auto;
	position:relative;
	padding-top:120px;
	padding-bottom:80px;
}
.sectionLineup .subsection .motif {
	position:absolute;
}
.sectionLineup .product_name_wrap {
	max-width:468px;
	max-height:270px;
	width:43.3vw;
	height:25vw;
	background:url(../images/lineup1_frame.png) center top no-repeat;
	background-size:100%;
	position:relative;
	z-index:1;
	margin-left:auto;
	margin-right:0;
}
.sectionLineup .product_name_wrap dl {
	width:73.5%;
	margin:0 auto;
	padding-top:4rem;
}
.sectionLineup .product_name_wrap dt {
	margin-bottom:1rem;
}
.sectionLineup .product_name_wrap dt img {
	width:100%;
}
.sectionLineup .product_name_wrap dd {
	letter-spacing:0em;
	text-align:center;
}

.sectionLineup .product_package {
	margin-top:-35px;
	margin-left:auto;
	margin-right:60px;
	text-align:right;
	position:relative;
	z-index:1;
}
.sectionLineup .product_cake {
	position:absolute;
	top:140px;
	left:0px;
}
.sectionLineup .subsection1 .motif1 {
	top:70px;
	left:250px;
}
.sectionLineup .subsection1 .motif2 {
	top:410px;
	left:-116px;
}
.sectionLineup .subsection2 {
	background:url(../images/lineup2_bg.png) center top repeat-y;
}
.sectionLineup .subsection2 > .wrapper {
	background:url(../images/lineup2_roof.jpg) center top repeat-x;
}
.sectionLineup .subsection2 .product_name_wrap {
	background:url(../images/lineup2_frame.png) center top no-repeat;
	background-size:100%;
	margin-left:0;
	margin-right:auto;
}
.sectionLineup .subsection2 .product_package {
	margin-left:60px;
	margin-right:auto;
	text-align:left;
}
.sectionLineup .subsection2 .product_cake {
	top:220px;
	left:auto;
	right:0px;
}
.sectionLineup .subsection2 .motif1 {
	top:67px;
	left:auto;
	right:166px;
}
.sectionLineup .subsection2 .motif2 {
	top:474px;
	left:auto;;
	right:-132px;
}
.sectionLineup .subsection3 {
	background:url(../images/lineup3_bg.png) center top repeat-y;
}
.sectionLineup .subsection3 > .wrapper {
	background:url(../images/lineup3_roof.jpg) center top repeat-x;
}
.sectionLineup .subsection3 .product_name_wrap {
	background:url(../images/lineup3_frame.png) center top no-repeat;
	background-size:100%;
}
.sectionLineup .subsection3 .motif1 {
	top:100px;
	left:180px;
}
.sectionLineup .subsection3 .motif2 {
	top:313px;
	left:-90px;
}
/* アニメ用 */
.sectionLineup .scrollanim  .motif {
	opacity:0;
	margin-top:-20px;
	transition-property:opacity,margin-top;
}
.sectionLineup .scrollanim  .product_name_wrap ,
.sectionLineup .scrollanim  .product_package {
	opacity:0;
	transition-property:opacity,margin-top;
}
.sectionLineup .scrollanim  .product_cake {
	margin-top:-30px;
	opacity:0;
	transition-property:opacity,margin-top;
}
.sectionLineup .scrollanim.scrollanim-fired .motif {
	transition-duration:1.5s;
	transition-delay:0.1s;
	margin-top:0px;
	opacity:1.0;
}
.sectionLineup .scrollanim.scrollanim-fired  .product_name_wrap ,
.sectionLineup .scrollanim.scrollanim-fired  .product_package {
	transition-duration:1.2s;
	transition-delay:0.5s;
	opacity:1.0;
}
.sectionLineup .scrollanim.scrollanim-fired .product_cake {
	transition-duration:0.9s;
	transition-delay:1.0s;
	margin-top:0px;
	opacity:1.0;
}



/* -----------------------------------------------------------------------------
キャンペーン
----------------------------------------------------------------------------- */
.sectionCampaign {
	background:url(../images/bg.png) center top repeat-y;
	padding-top:200px;
	position:relative;
}
.sectionCampaign > .inner {
}
.sectionCampaign .motif {
	position:absolute;
}
.sectionCampaign .motif1 {
	top:180px;
	right:calc(50% + 345px);
}
.sectionCampaign .motif2 {
	top:234px;
	left:calc(50% + 345px);
}
.sectionCampaign .sectionHeader {
	margin-bottom:2rem;
}
.sectionCampaign h2 {
	text-align:center;
}
.sectionCampaign .subsection1 {
	max-width:810px;
	width:90%;
	margin:auto;
	text-align:center;
	position:relative;
	z-index:1;
	margin-bottom:4.5rem;
}
.sectionCampaign h3{
	margin-bottom:3rem;
}
.sectionCampaign h3 > span{
	display:inline-block;
	position:relative;
}
.sectionCampaign .campaign_sub2_serif {
	position:absolute;
	display:block;
	top:-40px;
	left:-75px;
	width:151px;
}
.sectionCampaign .campaign_sub2_serif img {
	width:100%;
}
.campaign_period {
	font-size:2rem;
	margin-bottom:0.5rem;
}
.campaign_period strong{
	font-size:2.5rem;
}
.text_hige:before ,
.text_hige:after {
	content:'';
	width:1.8125rem;
	height:1.6875rem;
	background:url(../images/hige_left.png) center center;
	background-size:cover;
	display:inline-block;
	margin-right:0.5rem;
}
.text_hige:after {
	background:url(../images/hige_right.png) center center;
	background-size:cover;
	margin-right:0;
	margin-left:0.5rem;
}
.campaign_tags {
	text-align:center;
	line-height:1.5;
	margin-bottom:1rem;
}
.sectionCampaign .text_hige{
	font-size:1.06rem;
	vertical-align:middle;
	display:inline-block;
	position:relative;
}
.sectionCampaign .text_hige:before,
.sectionCampaign .text_hige:after {
	width:2.68rem;
	height:2.31rem;
	position:absolute;
	bottom:0.5rem;
}
.sectionCampaign .text_hige:before {
	left:-4rem;
}
.sectionCampaign .text_hige:after {
	right:-4rem;
}
.sectionCampaign .text_hige strong {
	font-size:1.5rem;
}
.sectionCampaign .campaign_pics {
	max-width:1064px;
	margin:0 auto 2.5rem auto;
	width:90%;
}
.sectionCampaign .campaign_pics ul{
	list-style-type:none;
}
.sectionCampaign .campaign_pics li{
	width:30%;
	height:27vw;
	max-height:320px;
	float:left;
	margin-right:4.1%;
	position:relative;
	text-align:center;
	overflow:hidden;
}
.sectionCampaign .campaign_pics li:last-child{
	margin-right:0;
}
.sectionCampaign .campaign_pics li > a > img {
	width:auto;
	height:100%;
	position:relative;
	transform:translate(-50%,0);
	left:50%;
	top:0;
}
.sectionCampaign .campaign_pics li > a > div {
	height:100%;
	width:100%;
	display:table;
	position:absolute;
	top:0px;
	left:0px;
	background-color:rgba(0,0,0,0.7);
	opacity:0;
}
.sectionCampaign .campaign_pics li > a:hover > div {
	transition-duration:0.3s;
	transition-property:opacity;
	opacity:1.0;
}
.sectionCampaign .campaign_pics li > a > div > div{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	color:#fff;
}
.sectionCampaign .campaign_pics li div img{
	height:1em;
	width:auto;
	vertical-align:middle;
}
.sectionCampaign .campaign_pics li.instagram_empty {
	width:100%;
	display:table;
}
.sectionCampaign .campaign_pics li.instagram_empty p {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.campaign_button {
	text-align:center;
}
/* アニメ用 */
.sectionCampaign .scrollanim  .motif {
	opacity:0;
	transition-property:opacity,margin-top;
}
.sectionCampaign .scrollanim  h2 ,
.sectionCampaign .scrollanim  .subsection1 {
	opacity:0;
	transition-property:opacity,margin-top;
}
.sectionCampaign .scrollanim  .subsection2 {
	opacity:0;
	margin-top:-30px;
	transition-property:opacity,margin-top;
}
.sectionCampaign .scrollanim.scrollanim-fired .motif {
	opacity:1;
	margin-top:0px;
	transition-duration:1.5s;
	transition-delay:0.3s;
}
.sectionCampaign .scrollanim.scrollanim-fired  h2 ,
.sectionCampaign .scrollanim.scrollanim-fired  .subsection1 {
	opacity:1;
	margin-top:0px;
	transition-duration:1.5s;
	transition-delay:0.6s;
}
.sectionCampaign .scrollanim.scrollanim-fired  .subsection2 {
	opacity:1;
	margin-top:0px;
	transition-duration:1.5s;
	transition-delay:1.2s;
}



/* -----------------------------------------------------------------------------
プレゼント内容
----------------------------------------------------------------------------- */
.sectionPresent {
	background:url(../images/bg.png) center top repeat-y;
	padding-top:120px;
	position:relative;
}
.sectionPresent h2 {
	margin-bottom:2.5rem;
}
.sectionPresent .lead {
	font-size:1.25rem;
}
.sectionPresent .sectionBody {
	background-color:#fff;
	border-radius:1.5rem;
	padding:3.5rem;
	max-width:calc(1064px - 7rem);
	width:calc(90% - 7rem);
	margin:auto;
	position:relative;
}
.sectionPresent .subsection1 {
	margin-bottom:3rem;
}
.sectionPresent .subsection1 h3 {
	font-size:1.56rem;
	text-align:center;
	margin-bottom:1em;
	font-weight:normal;
	line-height:1.5;
}
.sectionPresent .subsection2 h3 {
	font-size:3rem;
	text-align:center;
	margin-bottom:2rem;
	line-height:1.1;
	font-weight:normal;
}
.sectionPresent .subsection2 p {
	font-size:0.875rem;
	text-align:center;
	margin-bottom:2rem;
}
.present_note {
	font-size:0.875rem;
	text-align:center;
	line-height:1.333;
}
.present_visual ul ,
.present_present ul {
	list-style-type:none;
}
.present_visual ul li{
	width:50%;
	float:left;
}
.present_present li {
	width:30%;
	margin-right:5%;
	float:left;
}
.subsection2 .present_present li p{
	text-align:center;
}
.present_present li:last-child {
	margin-right:0;
}
.present_visual li img ,
.present_present li img {
	width:100%;
}
.sectionPresent .motif {
	position:absolute;
}
.sectionPresent .motif1 {
	right:calc(50% + 320px);
	top:50px;
}
.sectionPresent .motif2 {
	left:calc(50% + 345px);
	top:-135px;
}
.sectionPresent .motif3 {
	right:calc(50% + 390px);
	top:550px;
}

/* アニメ用 */
.sectionPresent .scrollanim .motif {
	opacity:0;
	transition-property:opacity;
}
.sectionPresent .scrollanim.sectionHeader {
	opacity:0;
	transition-property:opacity;
}
.sectionPresent .scrollanim.sectionBody {
	opacity:0;
	margin-top:-30px;
	transition-property:opacity,margin-top;
}
.sectionPresent .scrollanim.scrollanim-fired .motif {
	opacity:1;
	transition-duration:1.5s;
	transition-delay:1.0s;
}
.sectionPresent .scrollanim.scrollanim-fired.sectionHeader {
	opacity:1;
	transition-duration:1.5s;
	transition-delay:0.4s;
}
.sectionPresent .scrollanim.scrollanim-fired.sectionBody {
	opacity:1;
	margin-top:0px;
	transition-duration:1.5s;
	transition-delay:0.1s;
}



/* -----------------------------------------------------------------------------
応募方法
----------------------------------------------------------------------------- */
.sectionApp {
	background:url(../images/bg.png) center top repeat-y;
	padding-top:120px;
	position:relative;
}
.sectionApp h2 {
	margin-bottom:2.5rem;
}
.sectionApp .sectionBody {
	background-color:#fff;
	border-radius:1.5rem;
	padding:3.5rem;
	max-width:calc(1064px - 7rem);
	width:calc(90% - 7rem);
	margin:auto;
	position:relative;
}
.sectionApp .sectionBody h3 {
	text-align:center;
	margin-bottom:2.5rem;
}
.sectionApp .sectionBody .text_hige {
	text-align:center;
	margin-bottom:2.5rem;
}
.app_step {
	width:77%;
	margin:auto;
}
.app_step ul{
	list-style-type:none;
}
.app_step li{
	width:45%;
	float:left;
	text-align:center;
	margin-bottom:3rem;
	line-height:1.33;
	letter-spacing:0em;
}
.app_step li:nth-child(2n){
	float:right;
}
.app_step li img{
	width:100%;
	margin-bottom:1rem;
}
.app_step li strong {
	font-size:1.25rem;
	font-weight:normal;
}

.sectionApp .motif {
	position:absolute;
	z-index:1;
}
.sectionApp .motif1 {
	left:calc(50% + 300px);
	top:-65px;
}
.sectionApp .motif2 {
	right:calc(50% + 410px);
	bottom:60px;
}
.sectionApp .motif3 {
	left:calc(50% + 415px);
	bottom:-40px;
}
/* アニメ用 */
.sectionApp .scrollanim .motif {
	opacity:0;
	transition-property:opacity;
}
.sectionApp .scrollanim.sectionHeader {
	opacity:0;
	transition-property:opacity;
}
.sectionApp .scrollanim.sectionBody {
	opacity:0;
	margin-top:-30px;
	transition-property:opacity,margin-top;
}
.sectionApp .scrollanim.scrollanim-fired .motif {
	opacity:1;
	transition-duration:1.5s;
	transition-delay:1.0s;
}
.sectionApp .scrollanim.scrollanim-fired.sectionHeader {
	opacity:1;
	transition-duration:1.5s;
	transition-delay:0.4s;
}
.sectionApp .scrollanim.scrollanim-fired.sectionBody {
	opacity:1;
	margin-top:0px;
	transition-duration:1.5s;
	transition-delay:0.1s;
}




/* -----------------------------------------------------------------------------
利用規約
----------------------------------------------------------------------------- */
.sectionTerm {
	background:url(../images/bg.png) center top repeat-y;
	padding-top:120px;
	position:relative;
}
.sectionTerm h2 {
	margin-bottom:2.5rem;
}
.sectionTerm dl {
	margin-bottom:2.5rem;
}
.sectionTerm dt {
	font-size:1.25rem;
	text-align:center;
}
.sectionTerm dt:before {
	content:'【'
}
.sectionTerm dt:after {
	content:'】'
}
.sectionTerm dd {
	text-align:center;
}
.sectionTerm dl:nth-of-type(1) dd {
	font-size:1.25rem;
}
.sectionTerm dl dd strong{
	font-size:1.25rem;
	font-weight:normal;
}



/* -----------------------------------------------------------------------------
フッタ
----------------------------------------------------------------------------- */
footer {
	text-align:center;
	background:url(../images/footer_bg.png) center bottom no-repeat;
	min-height:228px;
}
footer .inner {
	padding-top:170px;
	font-size:0.75rem;
}

/* -----------------------------------------------------------------------------
～1080px
----------------------------------------------------------------------------- */
@media screen and (max-width: 1080px)  {
	article {
		min-width:0px
	}
	/* -----------------------------------------------------------------------------
	ストーリー
	----------------------------------------------------------------------------- */
	.story_garden {
		width:88vw;
		height:48.6vw;
		background-size:100%;
		margin-bottom:16.6vw;
	}
	.story_door {
		position:absolute;
		width:48.5vw;
		height:44.9vw;
		left:21.3vw;
	}
	.story_door > div {
		position:absolute;
		width:100%;
		height:100%;
		left:0px;
		top:0px;
	}
	.story_door > div img ,
	.sectionStory .figure img ,
	.sectionStory .catch img {
		width:100%;
		height:auto;
	}
	.sectionStory .lead {
		width:90%;
		margin:0 auto 2rem auto;
	}
	.sectionStory .figure {
		width:83vw;
	}
	.sectionStory .catch{
		position:absolute;
		top:22.2vw;
		left:-3.7vw;
		width:26.7vw;
	}




	/* -----------------------------------------------------------------------------
	ラインナップ
	----------------------------------------------------------------------------- */
	.sectionLineup {
		padding-top:11vw;
	}
	.sectionLineup .subsection {
		background-size:120%;
	}
	.sectionLineup .subsection > .wrapper > .inner{
		padding-top:11.1vw;
		padding-bottom:7.4vw;
	}
	.sectionLineup .product_name_wrap {
		margin-left:auto;
		margin-right:0;
	}
	.sectionLineup .product_name_wrap dl {
		width:90%;
		padding-top:3vw;
	}
	.sectionLineup .product_name_wrap dt {
		width:81%;
		margin:0 auto 1rem auto;
	}
	.sectionLineup .product_name_wrap dd br {
		/* display:none; */
	}
	.sectionLineup .product_name_wrap dd {
		line-height:1.4;
	}
	.sectionLineup .product_package {
		margin-top:-3.2vw;
		margin-right:5.5vw;
		width:34.7vw;
		height:37vw;
	}
	.sectionLineup .product_package img ,
	.sectionLineup .product_cake img ,
	.sectionLineup .motif img {
		width:100%;
		height:auto;
	}
	.sectionLineup .product_cake {
		position:absolute;
		top:12.9vw;
		left:0px;
		width:39.8vw;
	}
	.sectionLineup .subsection1 .motif1 {
		top:6.4vw;
		left:23.1vw;
		width:54vw;
	}
	.sectionLineup .subsection1 .motif2 {
		top:37.9vw;
		left:-10.7vw;
		width:24vw;
	}
	.sectionLineup .subsection2 .product_cake {
		width:48.1vw;
	}
	.sectionLineup .subsection2 .product_package {
		margin-left:5.5vw;
	}
	.sectionLineup .subsection2 .motif1 {
		top:6.2vw;
		left:auto;
		right:15.3vw;
		width:61.29vw
	}
	.sectionLineup .subsection2 .motif2 {
		top:43.8vw;
		left:auto;;
		right:-12.2vw;
		width:26.6vw
	}
	.sectionLineup .subsection3 .product_cake {
		width:46.6vw;
	}
	.sectionLineup .subsection3 .motif1 {
		top:9.2vw;
		left:16.6vw;
		width:61.3vw
	}
	.sectionLineup .subsection3 .motif2 {
		top:28.9vw;
		left:-8.3vw;
		width:32.4vw
	}




	/* -----------------------------------------------------------------------------
	キャンペーン
	----------------------------------------------------------------------------- */
	.sectionCampaign {
		background-size:120%;
		padding-top:18.5vw;
	}
	.sectionCampaign .motif img {
		width:100%;
	}
	.sectionCampaign .motif1 {
		top:16.6vw;
		right:calc(50% + 30vw);
		width:34vw;
	}
	.sectionCampaign .motif2 {
		top:21.6vw;
		left:calc(50% + 30vw);
		width:28vw;
	}
	.sectionCampaign h2 img{
		width:55vw;
	}
	.sectionCampaign h3 img{
		width:63vw;
	}
	.campaign_period {
		font-size:1.5rem;
	}
	.campaign_period strong{
		font-size:2.0rem;
	}
	.sectionCampaign .subsection1 p br{
/*		display:none; */
	}

	.sectionCampaign .campaign_sub2_serif {
		position: absolute;
		display: block;
		top: -6vw;
		left: -10vw;
		width: 20vw;
	}

	/* -----------------------------------------------------------------------------
	プレゼント内容
	----------------------------------------------------------------------------- */
	.sectionPresent {
		background-size:120%;
		padding-top:11vw;
	}
	.sectionPresent .motif img{
		width:100%;
	}
	.sectionPresent .motif1 {
		right:calc(50% + 29vw);
		top:4.6vw;
		width:11vw;
	}
	.sectionPresent .motif2 {
		left:calc(50% + 31vw);
		top:-5.5vw;
		width:14vw;
	}
	.sectionPresent .motif3 {
		right:calc(50% + 36vw);
		top:50vw;
		width:16vw;
	}




	/* -----------------------------------------------------------------------------
	応募方法
	----------------------------------------------------------------------------- */
	.sectionApp {
		background-size:120%;
		padding-top:11vw;
	}
	.sectionApp .sectionBody h3 img{
		width:56vw;
	}
	.sectionApp .motif {
		position:absolute;
		z-index:1;
	}
	.sectionApp .motif img{
		width:100%;
	}
	.sectionApp .motif1 {
		left:calc(50% + 27vw);
		top:-6vw;
		width:23vw;
	}
	.sectionApp .motif2 {
		right:calc(50% + 37.9vw);
		bottom:5.5vw;
		width:17vw;
	}
	.sectionApp .motif3 {
		left:calc(50% + 38.4vw);
		bottom:-3.7vw;
		width:9vw;
	}



	/* -----------------------------------------------------------------------------
	利用規約
	----------------------------------------------------------------------------- */
	.sectionTerm {
		background-size:120%;
		padding-top:11vw;
	}


	/* -----------------------------------------------------------------------------
	フッタ
	----------------------------------------------------------------------------- */
	footer {
		background-size:100%;
		min-height:21vw;
	}
	footer .inner {
		padding-top:15vw;
	}

}


/* -----------------------------------------------------------------------------
モバイル
----------------------------------------------------------------------------- */
@media screen and (min-width: 751px)  {
	.disp_sp{
		display:none;
	}
}
@media screen and (max-width: 750px)  {
	.disp_pc{
		display:none;
	}
	html {
		font-size:3.5vw;
	}
	.text_hige:before ,
	.text_hige:after {
		width:1.0rem;
		height:1.0rem;
		background-size:cover;
	}
	.sectionHeader {
		text-align: center;
		margin-bottom: 3rem
	}
	.sectionHeader h2 {
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}

	/* -----------------------------------------------------------------------------
	ヘッダー
	----------------------------------------------------------------------------- */
	header {
		background-size:auto 44vw;
		height:44vw;
	}
	header h1 {
		padding-top:7vw;
	}
	header h1 img{
		width:45vw;
	}



	/* -----------------------------------------------------------------------------
	ストーリー
	----------------------------------------------------------------------------- */
	.sectionStory h2 img {
		width:63%;
	}
	.sectionStory .sectionBody p {
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.story_garden {
		width: 96vw;
		height: 52.9vw;
	}
	.story_door {
		width: 52.9vw;
		height: 48.9vw;
		left: 23.2vw;
	}
	.sectionStory .lead img {
		width:100%;
	}
	.story_door .story_door_close {
		opacity:0.0;
	}
	.story_door .story_door_open {
		opacity:1.0;
	}
	.story_door:hover .story_door_close {
		opacity:0.0;
	}
	.story_door:hover .story_door_open {
		opacity:1.0;
	}


	/* -----------------------------------------------------------------------------
	ラインナップ
	----------------------------------------------------------------------------- */
	.sectionLineup h2 img {
		width:73%;
	}
	.sectionLineup .subsection .wrapper{
		background-size:100%;
	}
	.sectionLineup .subsection > .wrapper > .inner{
		padding-bottom:30vw;
	}
	.sectionLineup .product_name_wrap ,
	.sectionLineup .subsection2  .product_name_wrap {
		margin-left:auto;
		margin-right:auto;
		width:100%;
		height:53vw;
		max-width:initial;
		max-height:initial;
	}
	.sectionLineup .product_name_wrap dl {
		padding-top: 3rem;
		margin-bottom:0.6rem;
	}
	.sectionLineup .product_name_wrap dd br{
		/* display:none; */
	}
	.sectionLineup .product_package {
		margin-top:-3.2vw;
		margin-right:5.5vw;
		width:52vw;
		height:auto;
	}
	.sectionLineup .product_cake {
		top:auto;
		bottom:10vw;
		left:0px;
		width:49vw;
	}
	.sectionLineup .subsection1 .motif1 {
		top:auto;
		bottom:10vw;
	}
	.sectionLineup .subsection1 .motif2 {
		top:auto;
		bottom:10vw;
	}
	.sectionLineup .subsection2 .product_cake {
		top:auto;
		bottom:10vw;
		right:0px;
		width:60vw;
	}
	.sectionLineup .subsection2 .product_package {
		margin-left:5.5vw;
	}
	.sectionLineup .subsection2 .motif1 {
		top:auto;
		bottom:10vw;
	}
	.sectionLineup .subsection2 .motif2 {
		top:auto;
		bottom:10vw;
	}
	.sectionLineup .subsection3 .product_cake {
		top:auto;
		bottom:10vw;
		width:60vw;
	}
	.sectionLineup .subsection3 .motif1 {
		top:auto;
		bottom:10vw;
	}
	.sectionLineup .subsection3 .motif2 {
		top:auto;
		bottom:10vw;
	}


	/* -----------------------------------------------------------------------------
	キャンペーン
	----------------------------------------------------------------------------- */
	.sectionCampaign {
		margin-bottom:6rem;
	}
	.sectionCampaign .motif1 {
		top:16.6vw;
		right:calc(50% + 37vw);
		width:27vw;
	}
	.sectionCampaign .motif2 {
		top:21.6vw;
		left:calc(50% + 35vw);
		width:23vw;
	}
	.sectionCampaign h2 img{
		width:68vw;
	}
	.sectionCampaign h3 img{
		width:70vw;
	}
	.campaign_period {
		font-size:1.25rem;
	}
	.campaign_period strong {
		font-size:1.6rem;
	}
	.sectionCampaign .subsection1 {
		margin-bottom:2rem;
	}
	.sectionCampaign .subsection1 p {
	}
	.campaign_button img {
		width:50%;
	}


	/* -----------------------------------------------------------------------------
	プレゼント内容
	----------------------------------------------------------------------------- */
	.sectionPresent {
		margin-bottom:6rem;
	}
	.sectionPresent h2 img {
		width:85%;
	}
	.sectionPresent .lead {
		font-size:1.1rem;
	}
	.sectionPresent .sectionHeader  p{
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	.sectionPresent .sectionBody {
		padding: 2rem;
		width: calc(90% - 4rem);
	}
	.present_visual ul li {
		float:none;
		width:100%;
	}
	.sectionPresent .subsection2 h3 {
		font-size:2.4rem;
	}
	.sectionPresent .subsection2 p {
	}
	.present_present li {
		width:100%;
		float:none;
		margin-right:0;
		margin-bottom:2em;
		text-align:center;
	}
	.present_present li img{
		width:75%;
		margin-left:16%;
	}

	.sectionPresent .motif img{
		width:100%;
	}
	.sectionPresent .motif1 {
		right:calc(50% + 29vw);
		top:4.6vw;
		width:11vw;
	}
	.sectionPresent .motif2 {
		left:calc(50% + 31vw);
		top:-5.5vw;
		width:14vw;
	}
	.sectionPresent .motif3 {
		right:calc(50% + 36vw);
		top:50vw;
		width:16vw;
	}

	/* -----------------------------------------------------------------------------
	応募方法
	----------------------------------------------------------------------------- */
	.sectionApp {
		margin-bottom:6rem;
	}
	.sectionApp h2 img {
		width:73%;
	}
	.sectionApp .sectionBody {
		padding: 2rem;
		width: calc(90% - 4rem);
	}
	.sectionApp .sectionBody .text_hige {
		letter-spacing:0em;
	}
	.sectionApp .sectionBody h3 img{
		width:100%;
	}
	.app_step {
		width:100%;
	}
	.app_step li {
		width:100%;
		float:none;
	}
	.app_step li img{
		width:75%;
	}



	/* -----------------------------------------------------------------------------
	利用規約
	----------------------------------------------------------------------------- */
	.sectionTerm h2 img {
		width:100%;
	}
	.sectionTerm h2 {
		margin-bottom:2.5rem;
	}
	.sectionTerm dl {
		width:90%;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:2.5rem;
	}
	.sectionTerm dt {
		text-align:center;
	}
	.sectionTerm dd {
		font-size:0.9rem;
	}
	.sectionTerm dl:nth-of-type(1) dd {
		text-align:center;
	}



}
/* -----------------------------------------------------------------------------
モバイル ココマデ
----------------------------------------------------------------------------- */