@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.2rem;
	color: #333333;
}
body, main, section, h1, h2, h3, p, ul, li, dl, dd, figure {
	margin: 0;
	padding: 0;
}
.contentsWrap {
	width: 100%;
}
.oneContents .contentsWrap #main {
	width: 100%;
}
#main {
	padding: 0;
}
.oneContents .contentsWrap #main .mainInner {
	width: 100%;
	padding: 0;
}
#footerLink {
	margin-top: 0;
}
/*=====main=====*/
.pcOnly {
	display: none;
}
main .main-inner {
	background-color: #04241a;
}
.main-inner .CPbnner {
	padding: 8% 3% 2%;
}
/*contents01*/
.main-inner .contents01 {
	background: url(../images/idx_bg02.jpg) no-repeat center top;
	background-size: 100%;
}
.main-inner .contents01 .innerWrap {
	position:relative; 
}
.contents01 h2 {
	padding: 31% 6% 0 69%;
}
.contents01 figure.soft-im {
	width: 63%;
	margin: -79% 37% 53% 6%;
}
.contents01 .tx-bg01 {
	position: absolute;
	top: 0;
	margin-top: 105%;
	background: url(../images/idx_bg06.png) no-repeat center top;
	background-size: 100%;
}
.contents01 .tx-bg01 p {
	margin: 8% 5% 8%;
}
/*=====pointCol=====*/
.contents01 .pointCol {
	padding-bottom: 230%;
	background: url(../images/idx_bg03.jpg) no-repeat center top;
	background-size: 100%;
}
/*=====text position=====*/
.contents01 .pointCol .point01 {
	padding: 4% 18% 0 4%;
}
.contents01 .pointCol .point02 {
	position: absolute;
	width: 52%;
	top: 58.5%;
	right: 6%;
	z-index: 10;
}
.contents01 .pointCol .point03 {
	position: absolute;
	width: 74%;
	top: 69.5%;
	left: 3%;
	z-index: 10;
}
.contents01 .pointCol .point04 {
	position: absolute;
	width: 61%;
	top: 79%;
	right: 0;
	z-index: 10;
}
/*=====point figure=====*/
.contents01 .pointCol .point-im01 {
	position: absolute;
	width: 53%;
	top: 40.5%;
	right: 0;
}
.contents01 .pointCol .point-im02 {
	position: absolute;
	width: 47%;
	top: 58.5%;
	left: 0;
}
.contents01 .pointCol .point-im03 {
	position: absolute;
	width: 54%;
	top: 67%;
	right: 0;
}
.contents01 .pointCol .point-im04 {
	position: absolute;
	width: 83%;
	top: 76.5%;
	left: 0;
}
/*contents02*/
.main-inner .contents02 {
	position: relative;
	margin-top: -6%;
	background: url(../images/idx_bg04.jpg) no-repeat center top;
	background-size: 100%;
}
.contents02 h2 {
	padding: 20% 6% 0 67%;
}
.contents02 figure.soft-im {
	width: 63%;
	margin: -65% 37% 0 4%;
	padding-bottom: 82%;
}
.contents02 .tx-bg02 {
	position: absolute;
	top: 0;
	margin-top: 105%;
	background: url(../images/idx_bg07.png) no-repeat center top;
	background-size: 100%;
}
.contents02 .tx-bg02 p {
	margin: 18% 5% 46%;
}
/*contents03*/
.contents03 {
	padding: 0 3%;
	background: url(../images/idx_bg05.jpg) no-repeat center top;
	background-size: 100%;
}
.contents03 h2 {
	padding: 8% 38% 7%;
}
.contents03 .soft-lineup {
	margin: 0 0 2%;
}
.contents03 .soft-lineup li {
	width: 22.7%;
	float: left;
	margin-right: 3%;
}
.contents03 .soft-lineup li:last-child {
	margin-right: 0;
}
.contents03 .soft-price {
	margin: 0 3% 4%;
}
.contents03 p {
	margin-bottom: 4%;
}
.contents03 .btnArea {
	padding: 4% 3% 17%;
}
.contents03 .btnArea li+li {
	margin: 5% 3% 0;
}
/*=====インスタウィジット=====*/
.InstaWidget {
	text-align: center;
	background-color: #04241a;
}
.InstaWidget p {
	padding: 3% 0;
	color: #fff;
	font-size: 1.2rem;
}
.InstaWidget .widget-inner {
	padding: 0 3% 5%;
}
/*==========*/
.recomend p {
	text-align: center;
	background-color: #426303;
}
/*=====mediaQuery=====*/
@media screen and (min-width:751px), print {
	.spOnly {
		display: none;
	}
	.pcOnly {
		display: inline-block;
	}
	main h1 {
		text-align: center;
		background: url(../images/idx_bg01pc.jpg) no-repeat center top;
	}
	.main-inner .CPbnner {
		text-align: center;
		padding: 50px 0 77px;
	}
	.main-inner section .innerWrap {
		width: 1000px;
		margin: 0 auto;
	}
	/*contents01*/
	.main-inner .contents01 {
		background: url(../images/idx_bg02pc.jpg) no-repeat center top;
		background-size: auto;
	}
	.contents01 h2 {
		text-align: right;
		padding: 40px 152px 0 0;
	}
	.contents01 figure.soft-im {
		width: auto;
		text-align: center;
		margin: -362px 0 300px 0;
	}
	.contents01 .tx-bg01 {
		top: 0;
		margin-top: 525px;
		background: url(../images/idx_bg06pc.png) no-repeat center top;
		background-size: auto;
	}
	.contents01 .tx-bg01 p {
		width: 1000px;
		text-align: center;
		margin: 0 auto;
		padding: 76px 0;
	}
	/*=====pointCol=====*/
	.contents01 .pointCol {
		padding-bottom: 1284px;
		background: url(../images/idx_bg03pc.jpg) no-repeat center top;
		background-size: auto;
	}
	/*=====text position=====*/
	.contents01 .pointCol .point01 {
		padding: 47px 0 0 96px;
	}
	.contents01 .pointCol .point02 {
		width: auto;
		top: 1365px;
		right: 109px;
	}
	.contents01 .pointCol .point03 {
		width: auto;
		top: 1570px;
		left: 96px;
	}
	.contents01 .pointCol .point04 {
		width: auto;
		top: 1826px;
		right: 0;
	}
	/*=====point figure=====*/
	.contents01 .pointCol .point-im01 {
		width: auto;
		top: 875px;
		right: 5px;
		margin: 0 5px 0 0;
	}
	.contents01 .pointCol .point-im02 {
		width: auto;
		top: 1310px;
		left: 0;
	}
	.contents01 .pointCol .point-im03 {
		width: auto;
		top: 1514px;
		right: 45px;
	}
	.contents01 .pointCol .point-im04 {
		width: auto;
		top: 1743px;
		left: 0;
	}
	/*contents02*/
	.main-inner .contents02 {
		margin-top: -78px;
		background: url(../images/idx_bg04pc.jpg) no-repeat center top;
		background-size: auto;
	}
	.contents02 h2 {
		text-align: right;
		padding: 134px 152px 0 0;
	}
	.contents02 figure.soft-im {
		width: auto;
		text-align: center;
		margin: -416px 0 0 0;
		padding-bottom: 404px;
	}
	.contents02 .tx-bg02 {
		top: 0;
		margin-top: 525px;
		background: url(../images/idx_bg07pc.png) no-repeat center top;
		background-size: auto;
	}
	.contents02 .tx-bg02 p {
		width: 1000px;
		text-align: center;
		margin: 0 auto;
		padding: 98px 0 205px;
	}
	/*contents03*/
	.contents03 {
		padding: 0;
		background: url(../images/idx_bg05pc.jpg) no-repeat center top;
		background-size: auto;
	}
	.contents03 h2 {
		text-align: center;
		padding: 66px 0 0;
	}
	.contents03 .soft-lineup {
		margin: 0 105px 34px;
	}
	.contents03 .soft-lineup li {
		width: auto;
		margin-right: 32px;
	}
	.contents03 .soft-lineup li:nth-of-type(2n) {
		margin-right: 55px;
	}
	.contents03 .soft-lineup li:last-child {
		margin-right: 0;
	}
	.contents03 .soft-price {
		margin: 0 0 55px;
		text-align: center
	}
	.contents03 p {
		text-align: center;
		margin-bottom: 55px;
	}
	.contents03 .btnArea {
		text-align: center;
		padding: 6px 0 83px;
	}
	.contents03 .btnArea li+li {
		margin: 20px 0 0;
	}
	/*=====インスタウィジット=====*/
	.InstaWidget h2 {
		background: url(../images/idx_bg09pc.png) no-repeat center top;
	}
	.InstaWidget p {
		font-size: 1.5rem;
		padding: 10px;
	}
	.InstaWidget .widget-inner {
		width: 1000px;
		margin: 0 auto;
		padding: 0 20px 25px;
	}
	/*==========*/
	.recomend ul li {
		float: left;
		width: 33.3%;
	}
}
/*=====clearFix=====*/
.contents03 ul:after,
.recomend ul:after {
	display: block;
	clear: both;
	content: ""
}