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


/* 
------------------------------------------------------------------------------------*/
/* PC */
@media(min-width:768px) {
	#contents #overallInfo { background:url(../../img/pc/backG.gif) no-repeat center 16px; }
	#contents #ultraBeast { background:url(../../img/pc/backY.gif) no-repeat center 80px; }
	#contents #course_1 { background:url(../../img/pc/backG.gif) no-repeat center 16px; }
  #contents #course_2 { background:url(../../img/pc/backG.gif) no-repeat center 16px; }
  #contents #course_3 { background:url(../../img/pc/backG.gif) no-repeat center 16px; }
  #contents #course_4 { background:url(../../img/pc/backG.gif) no-repeat center 16px; }
  #contents #course_5 { background:url(../../img/pc/backG.gif) no-repeat center 16px; }
  #contents #course_6 { background:url(../../img/pc/backG.gif) no-repeat center 16px; }
	#contents #newFunction { background:url(../../img/pc/backB.gif) no-repeat center 16px; }
	#contents #pickUP_disk { background:url(../../img/pc/backY.gif) no-repeat center 0px , url(../../img/pc/backY.gif) no-repeat center 622px, url(../../img/pc/backY.gif) no-repeat center 1240px /*, url(../../img/pc/backY.gif) no-repeat center 1828px;*/ }

		
	/* LCRBOX
	---------------------------*/
	#contents .LCRBOX {
		width:1008px;
		margin:0px auto 0px;
		padding:0px 16px;
	}
	
	#contents .LCRBOX div {
		width:468px;
		float:left;
	}
	
	#contents .LCRBOX div:nth-of-type(1) { margin-right:72px; }
	#contents .LCRBOX div:nth-of-type(3) { margin-left:270px; }
}
@media only screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:2),
       only screen and (min-width:768px) and (min--moz-device-pixel-ratio:2),
       only screen and (min-width:768px) and (-o-min-device-pixel-ratio:2/1),
       only screen and (min-width:768px) and (min-device-pixel-ratio:2)
{
	#contents #p01 { background:url(../../img/pc/backG@2x.gif) no-repeat center 16px; background-size:1264px; }
	#contents #ultraBeast { background:url(../../img/pc/backY@2x.gif) no-repeat center 80px; background-size:1264px; }
	#contents #course_1 { background:url(../../img/pc/backG@2x.gif) no-repeat center 16px; background-size:1264px; }
  #contents #course_2 { background:url(../../img/pc/backG@2x.gif) no-repeat center 16px; background-size:1264px; }
  #contents #course_3 { background:url(../../img/pc/backG@2x.gif) no-repeat center 16px; background-size:1264px; }
  #contents #course_4 { background:url(../../img/pc/backG@2x.gif) no-repeat center 16px; background-size:1264px; }
  #contents #course_5 { background:url(../../img/pc/backG@2x.gif) no-repeat center 16px; background-size:1264px; }
  #contents #course_6 { background:url(../../img/pc/backG@2x.gif) no-repeat center 16px; background-size:1264px; }
	#contents #newFunction { background:url(../../img/pc/backB@2x.gif) no-repeat center 16px; background-size:1264px; }
	#contents #pickUP_disk { background:url(../../img/pc/backY@2x.gif) no-repeat center 0px , background:url(../../img/pc/backY@2x.gif) no-repeat center 622px , background:url(../../img/pc/backY@2x.gif) no-repeat center 1240px /*, background:url(../../img/pc/backY@2x.gif) no-repeat center 1828px; background-size:1264px;*/ }
}


/* 個別設定
------------------------------------------------------------------------------------*/
/* PC */
@media(min-width:768px) {
  
/* 全体紹介
-------------------------------------------*/
	#contents #overallInfo {
		margin-top: -42px;
		margin-top: -50px;
	}
	#contents #overallInfo img {
		text-align: center;
		margin-top: 68px;
	}
  
  
/* 新機能
-------------------------------------------*/
  #contents #newFunction img {
		text-align: center;
		margin-top: 26px;
	}
  #contents #newFunction img:last-of-type {
		margin-top: 56px;
	}

	#contents #newFunction p:last-of-type {
    margin-bottom: 26px;
	}
  
	#contents #newFunction li {
		text-align: center;
		margin-top: 6px;
	}
  
  
/* ウルトラビースト
-------------------------------------------*/
	#contents #ultraBeast .RBOX strong {
		font-size: 24px;
    font-size: 2.4rem;
		display: block;
		padding-top: 38px;
	}

	#contents #ultraBeast img {
		text-align: center;
	}

  
/* コース紹介
-------------------------------------------*/
	#contents #course_1 img,
	#contents #course_2 img,
	#contents #course_3 img,
	#contents #course_4 img,
  #contents #course_5 img,
  #contents #course_6 img {
		text-align: center;
		margin-top: 26px;
	}
  
  #contents #course_2 p:first-of-type {
		font-size:20px;
		font-size:2rem;
		font-weight: bold;
		line-height: 100%;
		margin-bottom: 16px;
	}
	
	#contents #course_2 p:first-of-type:before { content: "ー "; }
	#contents #course_2 p:first-of-type:after { content: " ー"; }
  
  #contents #course_4 p:first-of-type {
		font-size:20px;
		font-size:2rem;
		font-weight: bold;
		line-height: 100%;
		margin-bottom: 16px;
	}
	
	#contents #course_4 p:first-of-type:before { content: "ー "; }
	#contents #course_4 p:first-of-type:after { content: " ー"; }
  

/* ゲキオシディスク
-------------------------------------------*/  
  #contents #pickUP_disk .textCBOX:last-child { width:468px; }
  
  
/* アイテム・れんどう
-------------------------------------------*/
	#contents #interlocking .textCBOX:last-child { width:468px; }
  
  
/* あそべるコースいちらん
-------------------------------------------*/
  /*
  #contents .courses2BOX a.borderOutB {
    background-image: url(../img/pc/btn_flyer.png) , url(../../../common/img/pc/allowR.png);
    background-size: 514px , 12px;
    background-position: center center , 684px center;
    background-repeat: no-repeat , no-repeat;
  }
  */
}

/* スマホ */
@media(max-width:767px) {

/* 全体紹介
-------------------------------------------*/  
  #contents #overallInfo { margin-top: -60px; }
	#contents #overallInfo div {
    /*
		background: url(../../img/sp/backG.jpg) no-repeat 0px 14%;
		background-size :contain;
    */
	}
	#contents #overallInfo img { margin-top: 60px; }
	
  
/* 新機能
-------------------------------------------*/
  	#contents #newFunction > div:first-of-type {
		background: url(../../img/sp/backB.jpg) no-repeat 0px 20%;
		background-size :contain;
	}
  
  #contents #newFunction li {
    line-height:22px;
		line-height:2.2rerm;
		margin: -22px 0px 22px 8px;
	}
  
  
/* ウルトラビースト
-------------------------------------------*/
	#contents #ultraBeast > div:first-of-type {
		background: url(../../img/sp/backY.jpg) no-repeat 0px 70%;
		background-size :contain;
	}
	
	#contents #ultraBeast .RBOX strong {
		font-size: 20px;
    font-size: 2rem;
		text-align: center;
		display: block;
		padding: 32px 0px 16px;
	}
	
  
/* コース紹介
-------------------------------------------*/
	#contents #course_1 div,
	#contents #course_2 div,
	#contents #course_3 div,
	#contents #course_4 div,
  #contents #course_5 div,
  #contents #course_6 div {
		background: url(../../img/sp/backG.jpg) no-repeat 0px 20%;
		background-size :contain;
	}
	
	#contents #course_2 p:first-of-type {
		font-size:15px;
		font-size:1.5rem;
		font-weight: bold;
		line-height: 100%;
		text-align: center;
		margin-bottom: 16px;
	}
	
	#contents #course_2 p:first-of-type:before { content: "ー "; }
	#contents #course_2 p:first-of-type:after { content: " ー"; }
  
	#contents #course_4 p:first-of-type {
		font-size:15px;
		font-size:1.5rem;
		font-weight: bold;
		line-height: 100%;
		text-align: center;
		margin-bottom: 16px;
	}
	
	#contents #course_4 p:first-of-type:before { content: "ー "; }
	#contents #course_4 p:first-of-type:after { content: " ー"; }
  

/* ゲキオシディスク
-------------------------------------------*/
	#contents #pickUP_disk .LRBOX div,
	#contents #pickUP_disk .textCBOX:last-of-type {
		background: url(../../img/sp/backY.jpg) no-repeat 0px 14%;
		background-size :contain;
	}
  
  
/* あそべるコースいちらん
-------------------------------------------*/
  /*
  #contents .courses2BOX a.borderOutB {
    background-image: url(../img/sp/btn_flyer.png) , url(../../../common/img/sp/allowR.png);
    background-size: 252px , 18px;
    background-position: center center , right center;
    background-repeat: no-repeat , no-repeat;
  }
  */
}