@charset "utf-8";
/*===============================================
●PC.css 画面の横幅が769px以上 
===============================================*/
@media screen and (min-width: 769px) {
	
	p {
    font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 300;
	margin : 0px;
	padding : 0;
	text-align: justify; 
}
	
	
/*-------------------------------------------
	メインを包む
--------------------------------------------*/
.pc_wrap {
	width:1024px;
	height: auto;
    margin:0 auto 0 auto;
   
}


/*-------------------------------------------
	スライダー
--------------------------------------------*/
/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
     left: 15px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}
	
.slick-dots li button {
		display: none;
	}	

div.slide {
    width: 100%;
    height: 600px;
    margin: 0 auto;
    z-index: -999;
	}
	
/*-------------------------------------------
	table 共通
--------------------------------------------*/
tr { text-align:left; }
	
.catch {
		font-size: 22px;
		font-family: "Sawarabi Mincho";
		text-align: center;
		width: 550px;
		margin: 0 auto 60px auto;

	}
	



/*-------------------------------------------
	コンテンツ1
--------------------------------------------*/
	.con1_nishi {
		width: 480px;
		height: 780px;
		float: left;
		overflow:hidden;
	}
	
	
	#r_box {
		width: 480px;
		height: 780px;
		float: right;
		overflow:hidden;
	}
	 
	
	.con1_topics {
		width: 480px;
		height: 780px;
	margin-bottom:  0;
	}
	
/*-------------------------------------------
	YouTube　サムネイル 
--------------------------------------------*/
	.flex{
  padding:0 ;

		height: 600px;
  display: flex;
  justify-content:space-between;
		 flex-wrap: wrap;  

}
	
	.con1_you {
		width: 300px;
		height: 170px;
	
		
	
	}
	
	.con2_you {
		width: 300px;
		height: 170px;
	}
	
	
	.con3_you {
		width: 300px;
		height: 170px;
	
	}
	
		.con4_you {
		width: 300px;
		height: 170px;
	
	}
    
    	.con5_you {
		width: 300px;
		height: 170px;
	
	}
    
    	.con6_you {
		width: 300px;
		height: 170px;
	
	}
    
        	.con7_you {
		width: 300px;
		height: 170px;
	
	}
	
	       	.con8_you {
		width: 300px;
		height: 170px;
	
	}
	
		       	.con9_you {
		width: 300px;
		height: 170px;
	
	}

	
/*寺子屋スケジュール*/
div.koyabox {
   height: 170px;  /* 高さを制限(※) */
   overflow: scroll; /* スクロールバーを表示(※) */
   background-color: #ffffff; /* 背景色を追加 */
   margin: 0 0 60px 0; /* 下の余白 */
}

.topics {
	padding: 0 0 10px 20px;
	border-bottom: 2px dotted #C2C2C2;
	}

	.t_koya {padding-top: 10px;}
	
	.lm_10 {
		margin-left: 10px;
	}

div.topicsbox {
 height: 680px;  /* 高さを制限(※) */
   overflow: scroll; /* スクロールバーを表示(※) */
	}


	

/*-------------------------------------------
	メニュー　コンテンツ2
--------------------------------------------*/

	.m_box {
		width: 1024px;
		height:  auto;
		overflow: hidden;
	}
	
	.m_box_2 {
		width: 662px;
		height:  auto;
		overflow: hidden;
		margin:0 auto; 
	}
	
	.ms_box {
		font-size: 20px;
		width: 300px;
		height: auto;
		float: left;
		
	}
	
	p.center {
		text-align: center;
	}
	
	#spm_box {
		display: none;
	}
	
	
	.bg_rekisi {
		background-image: url("../images/top/psi_rekishi_text.png");
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.bg_segaki {
		background-image: url("../images/top/psi_segaki_text.png");
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.bg_kokuzosai {
		background-image: url("../images/top/psi_kokuzosai_text.png");
		background-position: center;
		background-repeat: no-repeat;
	}
	.bg_syakyou {
		background-image: url("../images/top/psi_syakyou_text.png");
		background-position: center;
		background-repeat: no-repeat;
	}
	.bg_greeting{
		background-image: url("../images/top/psi_greeting_text.png");
		background-position: center;
		background-repeat: no-repeat;
	}
	.bg_teragoya {
		background-image: url("../images/top/psi_teragoya_text.png");
		background-position: center;
		background-repeat: no-repeat;
	}
	
		.bg_concert {
		background-image: url("../images/top/psi_concert_text.png");
		background-position: center;
		background-repeat: no-repeat;
	}
	
		.bg_access {
		background-image: url("../images/top/psi_access_text.png");
		background-position: center;
		background-repeat: no-repeat;
	}
	
	
}




/*===============================================
●SP.css  画面の横幅が〜768px
===============================================*/
@media screen and (max-width:768px) {
	
	
/* コンテンツを包む */	
.sp_wrap {
	overflow: hidden;
	height: auto;
	padding: 0 15px 0 15px;
	margin: 0 auto;
}
		
	
	
/*-------------------------------------------
	スライダー
--------------------------------------------*/

div.slide {
    width: 100%;
    height: auto;
    margin: 0 auto;
    z-index: -999;
	padding-top: 30px;
	}
		

/*スライド画像の横幅可変*/
img {
    max-width: 100%;
     height: auto;

}

	

/*-------------------------------------------
	コンテンツ1
--------------------------------------------*/
	
	.con1_nishi {
		width: 100%;
		height: 400px;
		overflow:hidden;
		margin: 0 auto  60px auto;
	}
	
	.con1_koya {
		width: 100%;
		height: auto;
       overflow:hidden;
		margin: 0 auto;
	}
	
	.con1_topics {
	margin-bottom: 40px;
	}
	
	
	.topics {
	padding: 0 0 10px 20px;
	border-bottom: 2px dotted #C2C2C2;
	}
	
	
	/*寺子屋スケジュール*/
	
	.koya {
		width: 100%;
	padding: 0 0 20px 20px;
	border-bottom: 2px dotted #C2C2C2;
	}

	.t_koya {padding-top: 20px;}
	
	.lm_10 {
		margin-left: 20px;
	}
	
		/*トピックス*/
	div.topicsbox {
 height: 680px;  /* 高さを制限(※) */
   overflow: scroll; /* スクロールバーを表示(※) */
	}

	/*-------------------------------------------
	YouTube　サムネイル 
--------------------------------------------*/
	
.flex{
  padding:0 ;
	height: auto;
  display : flex;
  flex-direction: column ;
 
 
	}
	
	.con1_you {
		width: 100%;
		height: auto;
		padding-bottom: 40px;
		
	
	}
	
	.con2_you {
		width: 100%;
		height: auto;
			padding-bottom: 40px;
	}
	
	
		.con3_you {
	width: 100%;
		height: auto;
			padding-bottom: 40px;
	}
	

			.con4_you {
	width: 100%;
		height: auto;
                	padding-bottom: 40px;
	}
    
    	.con5_you {
	width: 100%;
		height: auto;
			padding-bottom: 40px;
	}
	
    
    	.con6_you {
	width: 100%;
		height: auto;   
            	padding-bottom: 40px;
	}
    
        	.con7_you {
	width: 100%;
		height: auto;
			padding-bottom: 40px;
	}
	
/*-------------------------------------------
	コンテンツ2
--------------------------------------------*/
#pcm_box {
		display: none;
	}
	
	
	#spm_box {
		width: 100%;
		height: auto;
		margin: 0 auto;
	
	}

	p.center {
		text-align: center;
	}

	.m_b60 {
	 margin-bottom:60px;	
	}	
	

	
	
 
}