@charset "utf-8";
/* CSS Document */



#leftArea_page{
	padding:0;
}
#page_head{
	text-align:center;
}
#box_page #leftArea_page {
	padding:0;
}
#point01{
	background:#F7F1E3;
}
section > p{
	margin-bottom:20px;
}
#leftArea_page section{
	padding:15px;
}

.select_btn{
	display:table;
	width:100%;
	border-left:1px solid #F8BD00;
	
}
.select_btn#second{
	border-top:none;
	margin-bottom:20px;
}


.select_btn li {
	display:table-cell;
	width:20%;
	text-align:center;
	
	vertical-align:middle;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e8e8e8+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
	
	border-right:1px solid #F8BD00;	
	border-top:1px solid #F8BD00;
	border-bottom:1px solid #F8BD00;
}
.select_btn:nth-of-type(n+2) li { /*2列目用*/
	border-top: none;
}
.select_btn li a{
	color:#333;
	display:block;
	padding:10px 0;
	line-height:1.3;
	font-size:11px;
}
.select_btn li a:hover,
.select_btn li a#active{
	background:#F8BD00;
	color:#fff;
}
.select_btn#second li {
	border-bottom:1px solid #F8BD00;
}
.select_btn#second li a{
	padding:20px 0;
}
	
#row_2 li a{
	padding:10px 0;
}

.select_btn li a:hover{
	text-decoration:none;
}


#point02{
	background:#EAF1E3;
}

#point02 .slider-for div p{
	color:#54B733;
	font-weight:bold;
	font-size:16px;
	margin:10px 0 0 0;
	line-height:1.4;
}

#point02 #skid{
	border:#54B733 3px solid;
	border-radius:10px;
	background:#fff;
	padding:15px;
	position:relative;
	margin-top:60px;
}
#point02 #skid .title{
	position:relative;
	font-size:25px;
	font-weight:bold;
	text-align:center;
	color:#54B733;
	
}

#point02 #skid .left p{
	margin-bottom:20px;
}
#point02 #skid .title img{
	position:absolute;
	left:1px;
	top:-35px;
	width:55px;
}
#point02 #skid #illust{
	position:absolute;
	right:-15px;
	bottom:-18px;
	width:111px;
}

#point03{
	background:#FFE5DB;
	
}

#point03 .box01 > div{
	border:#FF812E 3px solid;
	margin-bottom:30px;
	padding:20px;
	border-radius:6px;
	background:#FFFFFF;
	margin-top:50px;
}
#point03 .box01 > div div{
	text-align:center;
}
#point03 .box01 > div:first-child img{
	margin-top:-30px;
}
#point03 .box01 > div:nth-child(2) div img{
	width:110px;
}
#point03 .box01 > div:nth-child(3) img{
	margin-top:-30px;
}
#point03 .box01 > div:nth-child(4) img{
	width:90px;
}
#point03 .box01 > div p{
	margin-bottom:10px;
}
#point03 .box01 > div p.title{
	color:#FF7D32;
	font-weight:bold;
	font-size:25px;
	margin-top:5px;
	text-align:center;
}

#point03 .coupon{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff905a+0,ff905a+52,ff7d32+53,ff7d32+100 */
background: #ff905a; /* Old browsers */
background: -moz-linear-gradient(top,  #ff905a 0%, #ff905a 52%, #ff7d32 53%, #ff7d32 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff905a 0%,#ff905a 52%,#ff7d32 53%,#ff7d32 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff905a 0%,#ff905a 52%,#ff7d32 53%,#ff7d32 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff905a', endColorstr='#ff7d32',GradientType=0 ); /* IE6-9 */

display:block;
text-align:center;
color:#fff;
padding:10px 0;
border-radius:5px;
font-size:18px;

}
#point03 .coupon:hover{
	text-decoration:none;
}


#point04{
	background:#E8F0F7;
}

#point04 .box02 > div{
	border:#2B84DA 3px solid;
	margin-bottom:30px;
	padding:20px;
	border-radius:6px;
	background:#FFFFFF;
		
}
#point04 .box02 .title{
	color:#2B84DA;
	font-weight:bold;
	text-align:center;
	font-size:23px;
	line-height:1.3;
	margin-bottom:10px;
}

#point05{
	background:#FFE8F0;
}

#point05 .box03{
	background:#fff;
	padding:30px 15px;
	margin-bottom:30px;
	position:relative;
}

#point05 .box03 .title{
	color:#F2649A;
	font-weight:bold;
	font-size:18px;
	line-height:1.5;
	margin-bottom:10px;

}
#point05 .box03 p{
	margin-bottom:20px;
}
#point05 .box03 .course{
	background:#F2649A;
	color:#fff;
	border-radius:10px;
	padding:3px 15px;
	margin-bottom:5px;
	font-weight:bold;
}
#point05 .box03 .pin{
	position:absolute;
  top:-10px;
  left: 0;
  right: 0;
  margin: auto;
  width: 20px;
}


.slider-nav div{
	padding:5px;
}
.slick-slider {
    margin-bottom:0px;
}

@media screen and (min-width: 668px){

.font_small{
	font-size:12px;
	white-space:nowrap;
}

#top_nav div{
	float:left;
	margin-right:10px;
	margin-bottom:30px;
}
#top_nav div:last-child{
	margin-right:0;
}
	

#point01{
	border-bottom:#F8BD00 1px solid;
	border-right:#F8BD00 1px solid;
	border-left:#F8BD00 1px solid;
	

	background:url(../point/images/p01_02.jpg)  no-repeat bottom,#F7F1E3;
	height:240px;
	position:relative;
}
#point01 .cat{
	position:absolute;
	right:20px;
	top:-18px;
}
#point01 p,#point02 > p,#point03 > p, #point04 > p,#point05 > p{
	text-align:center;
}
#point02{
	border-bottom:#54B733 1px solid;
	border-right:#54B733 1px solid;
	border-left:#54B733 1px solid;
	
	background:url(../point/images/p02_02.gif) no-repeat left top,#EAF1E3;
	position:relative;
}
#point02 .cat{
	position:absolute;
	right:20px;
	top:-18px;
}
#point02 #skid .title{
	font-size:35px;
}

#point03{
	border-bottom:#FF812E 1px solid;
	border-right:#FF812E 1px solid;
	border-left:#FF812E 1px solid;
	
	background:url(../point/images/p03_03.png) no-repeat bottom, url(../point/images/p03_02.png) no-repeat left top,#FFE5DB;
	position:relative;
}
#point03 .cat01{
	position:absolute;
	right:20px;
	top:-18px;
}
#point03 .cat02{
	position:absolute;
	right:0;
	bottom:-15px;
}
#point03 .box01{
	margin-top:20px;
}
#point03 .box01 > div{
	width:258px;
	float:left;
	height:300px;
	margin-bottom:0;
	margin-top:0;
}

#point03 .box01 > div:nth-child(1),
#point03 .box01 > div:nth-child(2){
	margin-bottom:20px;
}
#point03 .box01 > div:nth-child(2) div img{
	width:auto;
}
#point03 .box01 > div:nth-child(4) img{
	width:auto;
}
#point03 .box01 > div:first-child img{
	width:304px;
}

#point03 .box01 > div:nth-child(even){
	margin-left:20px;
}
#point03 .box01 > div:nth-child(2) div{
	padding-top:15px;
}
#point03 .box01 > div:nth-child(4) div{
	padding-top:20px;
}

#point04{
	border-bottom:#2B84DA 1px solid;
	border-right:#2B84DA 1px solid;
	border-left:#2B84DA 1px solid;
	
	background:url(../point/images/p04_02.png) no-repeat bottom, url(../point/images/p04_03.png) no-repeat left top,#E8F0F7;
	position:relative;
	height:605px;
}
#point04 .cat{
	position:absolute;
	right:20px;
	top:-18px;
}
#point04 .box02 > div{
	width:258px;
	float:left;
	/*height:150px;*/
}
#point04 .box02 > div:nth-child(even){
	margin-left:20px;
}

#point05{
	border-bottom:#F272A2 1px solid;
	border-right:#F272A2 1px solid;
	border-left:#F272A2 1px solid;
	
	background:url(../point/images/p05_01.png) no-repeat top left,#FFE8F0;
	position:relative;
	margin-bottom:0!important;
}
#point05 .cat01{
	position:absolute;
	right:20px;
	top:-18px;
}
#point05 .cat02{
	position:absolute;
	left:0;
	bottom:-30px;
}
#point05 .img{
	position:absolute;
	right:0;
	bottom:0;
}
#point05 .box03{
	width:273px;
	float:left;
	height:340px;
}
#point05 .box03:first-child{
	margin-right:20px;
}
#leftArea_page section{
	padding:30px 30px 40px 30px!important;
	margin-bottom:40px;
	
}



.select_btn li a{
	color:#333;
	display:block;
	padding:10px 0;
	line-height:1.3;
	font-size:14px;
}
#point02 #skid{
	padding:30px;
}
#point02 #skid .inner .left{
	width:240px;
	float:right;
}
#point02 #skid .inner .right{
	width:290px;
	float:left;
}
#point02 #skid .inner .right img{
	width:280px;
}

#point02 #skid .title{
	text-align:left;
}
#point02 #skid .title img{
	position:absolute;
	left:-90px;
	top:-35px;
	width:85px;
}
#point02 #skid #illust{
	position:absolute;
	right:-15px;
	bottom:-18px;
	width:150px;
}
#point02 .slider-for div p{
	font-size:20px;
	line-height:1.4;
	text-align:center;
}
.slider-for img{
	width:100%;
}
#page_bottomBanner{
	margin-top:-15px!important;
}



}