/* PC */
@media screen and (min-width: 769px) {
  /* サイドナビがある場合は下記のl-mainスタイルをコメントアウトを外す */
  /* .l-main {
    display: flex;
    width: 980px;
    margin: 30px auto 100px;
    justify-content: flex-start;
    position: relative;
  } */

  /* フルコンテンツ幅の場合コメントアウトを外す */
  .l-content {
    width: 100%!important;
    padding: 0!important;
  }

	/* header
	--------------------- */
	.page-header .header-inner {
	width: 980px;
	margin: 0 auto;
	padding: 15px;
	}
	.page-header:after {
	content: "";
	display: block;
	clear: both;
	}
	.page-header .header-inner .header-ttl {
	position: absolute;
	z-index: 999;
	}
	.page-header .header-inner .leadTxt {
	text-align: right;
	line-height: 40px;
	}
	.page-header {
	border-bottom:1px #ccc solid;
	}

/* footer
	--------------------- */
	footer {
    margin-top: 0;
	}

	/* common */
	.center {
		text-align: center;
	}
	.left {
		text-align: left !important;
	}
	.ov01:hover {
		opacity: 0.8 !important;
	}
	.ov02 {
		text-decoration: underline !important;
	}
	.ov02:hover {
		text-decoration: none !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;
	}

	/* section */
	.mainArea{
		background:#F7EBC1;
	}
	.kvArea{
		text-align:center;
	}
	.kv__inner_txt_c{
		width:1000px;
		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:20px;
		text-align:center;
			width: 100%;
			font-size: 17px;
	}
	.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;
	}
	.section01 h2 img{
			padding-top: 20px;
	}
	.section01 .sectionInner{
		width:1000px;
		background:url(/sites/default/files/media/pc/images/product/happybag/section1_bg.png) top center no-repeat;
		margin:0 auto;
			padding: 21px 50px 43px;
			box-sizing: border-box;
	}
	.section01 a:hover img {
		opacity: 0.8 !important;
	}
	.section02 a:hover img {
		opacity: 0.8 !important;
	}
	.content01{position:relative;
			margin-bottom: 26px;}
	.content01 > div {position:relative;}
	.content01 > div p {position:relative;z-index:1;}
	.content01 > div .btn {
			position: absolute;
			z-index: 2;
			bottom: 40px;
			left: 0;
			right: 0;
			margin: 0 auto;
			width: 801px;
			padding-left: 0px;
			display: flex;
			justify-content: center;}
	.content01 > div .btn > div {
			padding:0 10px;}
	.btn{margin:0 auto;
			display: flex;
			justify-content: center;
			width: 801px;
			padding-left: 0px;}
	.btn > div {
			padding:0 10px;}
	.content02{
			background: #fff;
			border: 1px solid #d5d5d5;
			text-align: left;
			margin: 40px 0 0px;
			padding: 40px;
			font-size: 15px;
			border-radius: 10px;
			line-height: 1.7;}
	.content02 .text01{
			margin-bottom: 22px;
			line-height: 2.1;}
	.content02 .text01:first-child{
			margin-bottom: 0;}
	.content02 .ttl01{
			font-weight:bold;
			margin: 0 0 8px;}
	.content02 .ttl02{
			font-weight:bold;
			margin: 20px 0 10px;}
	.content02 ul{
			line-height: 1.6;}
	.content02 li{
			margin-bottom:12px;
			padding-left:1em;
			text-indent:-1em;width:93%}
	.content02 li:last-child{
			margin-bottom:0;}
	.content02  .text02{width:93%}
	.content03  {
			width:1000px;
			background:url(/sites/default/files/media/pc/images/product/happybag/content03_bg.png) top center no-repeat;
			margin:0 auto;
			padding: 24px 53px 43px;
			box-sizing: border-box;
			margin: 38px -50px 0;}
	.content03 > div  {
			background: #fff;
			border-radius: 10px;
			padding: 60px 47px 37px;
			margin: 27px 0 0;
			}
	.othershop{
			border:2px solid #c7000a;
			margin: 64px 0 0;
			padding: 0 40px 28px;}
	.othershop h3{
			margin-top: -24px;}
	.othershop h4{
			text-align: left;
			font-size: 16px;
			color: #c7000a;}
	.othershop div{
			margin-top: 23px;
			}
	.othershop  ul{
			display: flex;
			justify-content: flex-start;
			flex-wrap: wrap;
			}
	.othershop  ul li{
			width:25%;
			font-size: 15px;
			margin-top: 2px;
			}
	.othershop  ul li:nth-child(4n-3){
			width:25%;
			}
	.othershop  ul li:nth-child(4n-2){
			width:27%;
			}
	.othershop  ul li:nth-child(4n-1){
			width:30%;
			}
	.othershop  ul li:nth-child(4n){
			width:18%;
			}
	.section02{
			background: #ebd993;
			/* height:157px; */
	}
	.section02 .fixed{
			text-align: center;
			background: #ebd993 url(/sites/default/files/media/pc/images/product/happybag/section02_bg.png) bottom center no-repeat;
			padding: 38px 0 25px;
	}
	.section02 > div{
			text-align: center;
			background: #f2f2f2;
			padding: 28px 0 25px;
	}
	.section02 .sectionWarp{
			background: #ebd993 url(/sites/default/files/media/pc/images/product/happybag/section02_bg.png) bottom center no-repeat;
			background-position: 35px bottom;
			width: 1000px;
			margin: 0 auto;
	}
	.section02 ul{
			text-align: center;
			font-size: 14px;
			margin: 11px 0 0;
	}
	/* 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: 14px;
		font-weight: 600;
	}
	.note {
		font-size: 11px;
	}
	.inner {
		width: 1000px;
		margin: 0 auto;
		position: relative;
	}
	.section {
		position: relative;
	}
	/* 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: 20px;
			margin: 0 0 10px;
			padding-left: 27px;}
}