/* SP */
@media screen and (max-width: 768px) {
	.wrapper{
		line-height:0;
	}
	img{
		max-width:100%;
	}
	/* common */
	.center {
		text-align: center;
	}
	.left {
		text-align: left !important;
	}
	.ov {
		text-decoration: underline !important;
	}
	.red {
		color: #d62401 !important;
	}
	.yellow {
		color: #fff100 !important;
	}
	.flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.flex.mid {
		align-items: center;
	}
	.indent {
		padding-left: 1em;
		text-indent: -1em;
	}
	.line {
		border-top: 2px dotted #d62401;
	}
	/* general */
	.icon li {
		padding-left: 1.1em;
		position: relative;
	}
	.icon li::before {
		content: '';
		position: absolute;
		top: 2px;
		left: 0;
		border-radius: 50%;
		background: #d62401;
		width: 12px;
		height: 12px;
	}
	.text {
		font-size: 4.375vw;
		font-weight: 600;
		line-height: 1.72;
	}
	.note {
		font-size: 3.438vw;
		line-height: 1.46;
	}
	.inner {
		margin: 0 15px;
		position: relative;
	}
	.inner img {
		width: 100%;
	}
	.section {
		position: relative;
	}

	/* section */

	.mainArea{
		background:#F7EBC1;
	}
	.kvArea{
		text-align:center;
	}

	.kv__inner_txt_c{
		margin:0 auto;
		position:relative;
	}
	.kv__inner_txt_c h1{
		position:relative;
		z-index:1;
	}
	.kv__inner_txt_c p{
			position: absolute;
			z-index: 2;
			color: #fff;
			bottom: 14px;
			text-align: left;
			text-indent: -1em;
			padding-left: 1em;
			width: 58%;
			font-size: 10px;
			line-height: 1.5;
			margin: 0 auto;
			left: 0;
			right: 0;
	}
	.kv__inner_txt_c p a,
	.kv__inner_txt_c p a:visited{
		color:#fff;
		text-decoration:underline;
	}
	.kv__inner_txt_c p a:hover{
		color:#fff;
		text-decoration:none;
	}
	.section01{
		text-align:center;
			margin-top: 9px;
			line-height:0;
		background:#f7ebc1 url(/sites/default/files/media/sp/images/product/happybag/section1_bg.png) top center no-repeat;
		background-size:container;
	}
	.section01 .sectionInner{
		margin:-2px auto 0;
			box-sizing: border-box;
			padding: 10px 9px 11px;
	}
	.content01{position:relative;
			margin-bottom: 15px;}
	.content01 > div {position:relative;}
	.content01 > div p {position:relative;z-index:1;}
	.content01 > div .btn {
			position: absolute;
			z-index: 2;
			bottom: 12px;
			left: 0;
			right: 0;
			margin: 0 auto;
			display: flex;
			justify-content: center;}
	.btn{display:flex;width: 295px;margin:0 auto;}
	.btn img{width:147px;}
	.content02{
			background: #fff;
			border: 1px solid #d5d5d5;
			text-align: left;
			margin: 15px 0 0px;
			padding: 11% 5%;
			font-size: 14px;
			border-radius: 5px;
			line-height: 1.7;}
	.content02 .text01{
			margin-bottom: 38px;
			line-height: 1.6;
			text-indent: -1em;
			padding-left: 1em;}
	.content02 .text01:first-child{
			margin-bottom: 10px;}
	.content02 .ttl01{
			font-weight:bold;
			margin: 0 0 9px;
			text-indent: -1em;
			padding-left: 1em;}
	.content02 .ttl02{
			font-weight:bold;
			margin: 12px 0 5px;}
	.content02 ul{
			line-height: 1.7;
			font-size: 14px;}
	.content02 li{
			margin-bottom:6px;
			padding-left:1em;
			text-indent:-1em;}
	.content02 li:last-child{
			margin-bottom:0;}
	.content02  .text02{}
	.content03  {
			background:url(/sites/default/files/media/sp/images/product/happybag/content03_bg.png) top center no-repeat;
			background-size:cover;
			margin: 29px -3% 0;
			padding: 27px 4%;
			box-sizing: border-box;}
	.content03 > div  {
			background: #fff;
			border-radius: 5px;
			padding: 8%;
			}
	.content03 h2 {
			margin-bottom: 16px;
			}
	.content03 h2 img {
			width:75px;
			}
	.content03 > div > p img {
			width:149px;
			}
	.othershop{
			border: 1px solid #c7000a;
			margin: 29px 0 0;
			line-height:1.5;
			padding: 0 11% 3px;}
	.othershop h3{
			margin-top: -16px;
			background:none;}
	.othershop h3 img{
			width:98px;}
	.othershop h4{
			text-align: left;
			font-size: 12px;
			color: #c7000a;}
	.othershop div{
			margin-top: 10px;
			}
	.othershop  ul{
			margin-bottom: 19px;
			}
	.othershop  ul li{
			font-size: 12px;
			margin-top: 0px;
			text-align: left;
			}
	.section02{
			background: #ebd993;
	}
	.section02 .fixed{
			text-align: center;
			background: #ebd993 url(/sites/default/files/media/sp/images/product/happybag/section02_bg.png) bottom center no-repeat;
			background-size: contain;
			padding: 38px 0 25px;
	}
	.section02 > div{
			text-align: center;
			background: #f2f2f2;
			padding: 28px 0 25px;
	}
	.section02 .sectionWarp{
			background: #ebd993 url(/sites/default/files/media/sp/images/product/happybag/section02_bg.png) bottom center no-repeat;
			background-size: contain;
			background-position: 0 bottom;
			margin: 0 auto;
	}
	.section02{
			margin: 16px 0 0;
			text-align: center;
			background: #f2f2f2;
			line-height: 1.3;
	}
	.section02 .fixed{
			text-align: center;
			padding: 7px 6px 7px;
			box-sizing: border-box;
	}
	.section02 > div{
			text-align: center;
			background: #f2f2f2;
			padding: 7px 6px 7px;
			box-sizing: border-box;
	}
	.section02 .sectionWarp{
			margin: 0 auto;
	}
	.section02 ul{
			text-align: left;
			font-size: 10px;
			margin: 0px 0 0;
	}

	/* fixed */
	.fixed {
		visibility: hidden;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 50;
		opacity: 0;
		transition: 0.4s all ease;
	}
	.fixed.is-show {
		visibility: visible;
		opacity: 1;
	}
	.fixed.is-static{
		position:static;
	}
	.fixttl{
			font-weight: bold;
			font-size: 13px;
			margin: 0 0 4px;
			line-height: 1.5;}
	footer{margin:0;}
}