@charset "UTF-8";

@font-face{
	font-family:'NotoSansCJKjp light';
	font-style:normal;
	font-weight:300;
	src:url('../font/NotoSansCJKjp-Light.eot');
	src:url('../font/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
	url('../font/NotoSansCJKjp-Light.woff') format('woff'),
	url('../font/NotoSansCJKjp-Light.ttf')  format('truetype');
}

@font-face{
	font-family:'NotoSansCJKjp Regular';
	font-style:normal;
	font-weight:400;
	src:url('../font/NotoSansCJKjp-Regular.eot');
	src:url('../font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
	url('../font/NotoSansCJKjp-Regular.woff') format('woff'),
	url('../font/NotoSansCJKjp-Regular.ttf')  format('truetype');
}

@font-face{
	font-family:'NotoSansCJKjp Bold';
	font-style:normal;
	font-weight:700;
	src:url('../font/NotoSansCJKjp-Bold.eot');
	src:url('../font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
	url('../font/NotoSansCJKjp-Bold.woff') format('woff'),
	url('../font/NotoSansCJKjp-Bold.ttf')  format('truetype');
}

html{
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
body{
/*	-webkit-font-smoothing:antialiased;*/ 
	font-family:'NotoSansCJKjp Regular', sans-serif;
	color:#5c5c2e;
	font-size:14px;
	line-height:20px;
	letter-spacing:-0, 001em;
	/*iOS4でのテキスト間隔への対応*/
	-webkit-text-size-adjust:100%;
	/*文字サイズの自動調整機能のキャンセル*/
}
p, li, dt, dd, th, td{
	font-size:100%;
}
img{
	vertical-align:bottom;
	max-width:100%;
}
a{
	color:#5c5c2e;
	text-decoration:none;
}
a:hover{
	color:#5c5c2e;
	-webkit-transition-duration:0.2s;
	transition-duration:0.2s;
}
address{
 font-style:normal;
}

/* ===== common ===== */
.clearfix:after{
  content:"";
  clear:both;
  display:block;
}
.sp{
	display:none;
}
.wrapper{
	max-width:1600px;
	margin:0 auto;
}
.inner{
	max-width:1120px;
	margin:0 auto;
	padding:0 90px;
}

/* ===== sample ===== */
.sample .wrapper{
	border-top:4px solid #f4610a;
	padding-top:40px;
	padding-bottom:30px;
	min-height:820px;
	box-sizing:border-box;
	background:url(../img/sample_img01.png) left 100px no-repeat, url(../img/sample_bg2.png) left 81.5% bottom no-repeat, url(../img/sample_bg.png) center bottom no-repeat;
	background-size:15% ,37.5%, cover;
	position:relative;
}
.sample .wrapper:after{
	content:'';
	background:url(../img/sample_img02.png) 0 center no-repeat;
	background-size:contain;
	width:330px;
	height:500px;
	position:absolute;
	right:0;
	bottom:-150px;
}
.sample .inner2{
	max-width:620px;
}
.sample h2{
	text-align:center;
}
.sample_box{
	background:hsla(60, 100%, 96%, 0.75);
	border:2px solid #5c5c2e;
	box-sizing:border-box;
	padding:2px;
	margin:15px 0;
}
.sample_box_inner{
	border:1px solid #5c5c2e;
	padding:20px 25px 17px;
	text-align:center;
}
.sample_box_inner p:nth-child(1) a{
	pointer-events:none;
}
.sample_box_inner p:nth-child(2){
	padding:7px 30px 13px;
	border-bottom:1px solid #5c5c2e;
	margin-bottom:17px;
}
.sample_box_inner a:hover{
	opacity:0.8;
}
.sample_text{
	padding-bottom:5px;
	margin-right:40px;
}
.sample_text p{
	margin-bottom:10px;
}
.sample_note{
	margin-top:10px;
	font-size:12px;
	text-indent:-1.25em;
  padding-left:1.25em;
	box-sizing:border-box;
}

/* ===== lineup ===== */
#lineup .wrapper{
	padding-top:60px;
	padding-bottom:40px;
	background:#fff4ec url(../img/lineup_bg.png) center bottom no-repeat;
	background-size:contain;
}
article header h1{
	text-align:center;
	margin-bottom:25px;
}
article header h1 span{
	display:block;
	margin-top:15px;
	color:#f4610a;
	font-size:16px;
	font-family:'NotoSansCJKjp light';
	letter-spacing:3.5px;
}
#lineup #lineup_top li,
#lineup #lineup_bottom li{
	float:left;
	background:#fff;
	border:1px solid #5c5c2e;
	border-radius:10px;
	padding:30px 30px 20px;
	box-sizing:border-box;
}
#lineup #lineup_top li{
	width:48.21%;
	margin-right:3.58%;
	margin-bottom:3.58%;
}
#lineup #lineup_bottom li{
	width:32.14%;
	margin-right:1.79%;
	margin-bottom:1.79%;
}
#lineup #lineup_top li:nth-child(even),
#lineup #lineup_bottom li:nth-child(3n){
	margin-right:0;
}
#lineup #lineup_top li h2,
#lineup #lineup_bottom li h2{
	height:290px;
	text-align:center;
	font-size:16px;
	line-height:24px;
	display:table;
	width:100%;
	position:relative;
}
#lineup #lineup_top li h2 > span,
#lineup #lineup_bottom li h2 > span{
	display:table-cell;
	vertical-align:bottom;
	padding-bottom:15px;
	border-bottom:1px solid #5c5c2e;
}
#lineup #lineup_top li h2 span span,
#lineup #lineup_bottom li h2 span span{
	display:block;
	font-family:'NotoSansCJKjp Bold';
	font-size:18px;
}
#lineup #lineup_top li p,
#lineup #lineup_bottom li p{
	font-size:16px;
	line-height:24px;
	padding-top:15px;
}
#lineup .icon01:before{
	content:'';
	background:url(../img/lineup_icon01.png) 0 0 no-repeat;
	background-size:cover;
	width:100px;
	height:100px;
	position:absolute;
	left:-10px;
	top:-10px;	
}
#lineup .icon02:after{
	content:'';
	background:url(../img/lineup_icon02.png) 0 0 no-repeat;
	background-size:cover;
	width:100px;
	height:30px;
	position:absolute;
	left:-10px;
	top:100px;	
}
#lineup .icon03:before{
	content:'';
	background:url(../img/lineup_icon03.png) 0 0 no-repeat;
	background-size:cover;
	width:100px;
	height:100px;
	position:absolute;
	left:-10px;
	top:-10px;	
}
#lineup .icon04:after{
	content:'';
	background:url(../img/lineup_icon04.png) 0 0 no-repeat;
	background-size:cover;
	width:100px;
	height:100px;
	position:absolute;
	left:-10px;
	top:100px;
}
#lineup #lineup_top li:nth-child(1) h2{
	background:url(../img/lineup_img01.jpg) center 10px no-repeat;
}
#lineup #lineup_top li:nth-child(2) h2{
	background:url(../img/lineup_img02.jpg) center 40px no-repeat;
}
#lineup #lineup_bottom li:nth-child(1) h2{
	background:url(../img/lineup_img03.jpg) center 0 no-repeat;
}
#lineup #lineup_bottom li:nth-child(2) h2{
	background:url(../img/lineup_img04.jpg) center 20px no-repeat;
}
#lineup #lineup_bottom li:nth-child(3) h2{
	background:url(../img/lineup_img05.jpg) center 0 no-repeat;
}
#lineup #lineup_bottom li:nth-child(4) h2{
	background:url(../img/lineup_img06.jpg) center 10px no-repeat;
}
#lineup #lineup_bottom li:nth-child(5) h2{
	background:url(../img/lineup_img07.jpg) center 30px no-repeat;
}
#lineup #lineup_bottom li:nth-child(6) h2{
	background:url(../img/lineup_img08.jpg) center 35px no-repeat;
}
#lineup #lineup_note{
	padding-top:10px;
	text-indent:-3em;
	padding-left:3em;
}

/* ===== step ===== */
#step .wrapper{
	padding-top:60px;
	padding-bottom:40px;
	background:url(../img/step_bg.gif) center 0 repeat-y;
}
#step article header h1{
	margin-bottom:50px;
}
#step ol{
	background:url(../img/step_bg_day.png) 23% 0 no-repeat, url(../img/step_bg_night.png) right 23% top 0 no-repeat;
	padding-top:140px;
}
#step li{
	text-align:center;
	padding:1px;
	background:url(../img/step_bg2.gif) center 0 repeat-y;
	box-sizing:border-box;
	margin-bottom:20px;
	display:table;
	width:100%;
}
#step li:last-child{
	width:50%;
	background:#ff8989;
	position:relative;
}
#step li > div{
	height:158px;
	display:table-cell;
	vertical-align:bottom;
}
#step li > div p{
	margin:10px 0;
}
#step li:nth-child(1) > div{
	background:url(../img/step_day01.png) 23% center no-repeat, url(../img/step_night01.png) right 23% center no-repeat;
	background-color:#fff;
}
#step li:nth-child(2) > div{
	background:url(../img/step_day02.png) 23% center no-repeat, url(../img/step_night02.png) right 23% center no-repeat;
	background-color:#fff;
}
#step li:nth-child(3) > div{
	background:url(../img/step_day03.png) 23% center no-repeat, url(../img/step_night03.png) right 23% center no-repeat;
	background-color:#fff;
}
#step li:nth-child(4) > div{
	background:url(../img/step_day04.png) 23% center no-repeat, url(../img/step_night04.png) right 23% center no-repeat;
	background-color:#fff;
}
#step li:nth-child(5) > div{
	background:url(../img/step_day05.png) 23% center no-repeat, url(../img/step_night05.png) right 23% center no-repeat;
	background-color:#fff;
}
#step li:nth-child(6) > div{
	background:url(../img/step_day06.png) 23% center no-repeat, url(../img/step_night06.png) right 23% center no-repeat;
	background-color:#fff;
}
#step li:nth-child(7) > div{
	background:url(../img/step_day07.png) 50% center no-repeat;
	background-color:#fff;
}
#step li:nth-child(7) > div div{
	width:140px;
	position:absolute;
	right:7%;
	bottom:0;
}

/* ===== sample_bottom ===== */
.sample_bottom .wrapper:after{
	background:url(../img/sample_img02_bottom.png) 0 bottom no-repeat;
	background-size:contain;
	height:350px;
	bottom:0;
}

/* ===== footer ===== */
footer small{
	display:block;
	text-align:center;
	background:#f4610a;
	color:#fff;
	padding:10px;
	letter-spacing:0.5px;
}

@media screen and (max-width:1600px){
.sample .wrapper:after{
	width:20%;
}
}

@media screen and (max-width:1300px){
.sample .wrapper{
	min-height:auto;
}
.sample .inner2{
	width:55.35%;
}

#lineup .icon01:before{
	width:8vw;
	height:8vw;
}
#lineup .icon02:after{
	width:8vw;
	height:2.4vw;
	top:8vw;
}
#lineup .icon03:before{
	width:8vw;
	height:8vw;
}
#lineup .icon04:after{
	width:8vw;
	height:8vw;
	top:8vw;
}
}

@media screen and (max-width:1024px){
#lineup .inner,
#step .inner{
	padding:0 20px;
}
#lineup #lineup_bottom li{
	width:48.21%;
	margin-right:3.58%;
	margin-bottom:3.58%;
}
#lineup #lineup_bottom li:nth-child(3n){
	margin-right:3.58%;
	margin-bottom:3.58%;
}
#lineup #lineup_bottom li:nth-child(even){
	margin-right:0;
}
#step li:nth-child(7) > div div{
	right:1%;
}
}

@media screen and (max-width:768px){
.sample .wrapper{
	background:url(../img/sample_img01.png) left 100px no-repeat, url(../img/sample_bg2.png) right 6% bottom no-repeat, url(../img/sample_bg.png) center bottom no-repeat;
	background-size:15% ,37.5%, cover;
}
.sample .wrapper:after{
	bottom:-180px;
}
.sample_bottom .wrapper:after{
	bottom:0;
}
.sample .inner2{
	width:100%;
}
.sample_text,
.sample_text + p,
.sample_note{
	width:60%;
	margin-right:0;
}
.sample_box_inner p:nth-child(1) a{
	pointer-events:auto;
}

#lineup #lineup_top li, #lineup #lineup_bottom li{
  padding:20px;
}
#lineup #lineup_top li:nth-child(1) h2{
    background:url(../img/lineup_img01.jpg) center 10px no-repeat;
		background-size:80%;
}
#step li:nth-child(7) > div{
	background:url(../img/step_day07.png) 53% center no-repeat;
	background-color:#fff;
}
}

@media screen and (max-width:640px){
.pc{
	display:none;
}
.sp{
	display:block;
}
.sample .wrapper{
	padding:10px 0;
	background:#ffe7d8 url(../img/sample_bg_sp.png) center bottom no-repeat;
	background-size:100%;
}
.sample .wrapper:after{
	display:none;
}
.inner{
	padding:2%;
}
.sample_box{
  margin:5px 0 15px;
}
.sample_box_inner{
  padding: 15px 10px 10px;
}
.sample_box_inner p:nth-child(2){
  padding:5px 30px 10px;
  margin-bottom:10px;
}
.sample_text,
.sample_text + p,
.sample_note{
  width:100%;
}
.sample_text{
  padding-bottom:0;
}
.sample_text p:nth-child(3){
	background:url(../img/sample_bg2_sp.png) center bottom no-repeat;
	background-size:100%;
	margin-bottom:0;
	padding-bottom:65vw;
}

#lineup .wrapper{
  padding-top:40px;
	background:#fff4ec;
}
#lineup #lineup_top li,
#lineup #lineup_bottom li{
  width:100%;
  margin-right:0;
}
#lineup #lineup_top li:nth-child(1) h2{
  background:url(../img/lineup_img01.jpg) center 10px no-repeat;
	background-size:auto;
}
#lineup .icon01:before{
	width:50px;
	height:50px;
}
#lineup .icon02:after{
	width:50px;
	height:15px;
	top:45px;
}
#lineup .icon03:before{
	width:50px;
	height:50px;
}
#lineup .icon04:after{
	width:50px;
	height:50px;
	top:45px;
}
#step .wrapper{
  padding-top:40px;
  padding-bottom:20px;
}
#step article header h1{
  margin-bottom:25px;
}
#step li:last-child{
  width:100%;
	background:none;
	padding:0;
}
#step ol{
	background:url(../img/step_bg_day.png) 7vw 0 no-repeat, url(../img/step_bg_night.png) right 7vw top 0 no-repeat;
}
#step li:nth-child(1) > div{
	background:url(../img/step_day01.png) 7vw center no-repeat, url(../img/step_night01.png) right 7vw center no-repeat;
	background-color:#fff;
}
#step li:nth-child(2) > div{
	background:url(../img/step_day02.png) 7vw center no-repeat, url(../img/step_night02.png) right 7vw center no-repeat;
	background-color:#fff;
}
#step li:nth-child(3) > div{
	background:url(../img/step_day03.png) 7vw center no-repeat, url(../img/step_night03.png) right 7vw center no-repeat;
	background-color:#fff;
}
#step li:nth-child(4) > div{
	background:url(../img/step_day04.png) 7vw center no-repeat, url(../img/step_night04.png) right 7vw center no-repeat;
	background-color:#fff;
}
#step li:nth-child(5) > div{
	background:url(../img/step_day05.png) 7vw center no-repeat, url(../img/step_night05.png) right 7vw center no-repeat;
	background-color:#fff;
}
#step li:nth-child(6) > div{
	background:url(../img/step_day06.png) 7vw center no-repeat, url(../img/step_night06.png) right 7vw center no-repeat;
	background-color:#fff;
}
#step li:nth-child(7) > div{
  background:url(../img/step_day07.png) 7vw center no-repeat;
  background-color:#fff;
	border:1px solid #ff8989;
	display:block;
	width:75%;
}
#step li:nth-child(7) > div div{
	left:50%;
	bottom:0;
	margin-left:-70px;
}
}

@media screen and (max-width:375px){
#lineup #lineup_top li h2 span span br{
	display:none;
}
}

@media screen and (max-width:374px){
#lineup #lineup_top li:nth-child(1) h2{
  background:url(../img/lineup_img01.jpg) center 20px no-repeat;
	background-size:90%;
}
}