@charset "UTF-8";


/* メインビジュアル */

.main_text{
	font-family		: "Sawarabi Mincho","游ゴシック", YuGothic , "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color			: #fff;
}




.teirei{
	width			: 100%;
	background-color	: #189edb;
	text-align		: center;
	color			: #fff;
	font-size		: 24px;
}

.teirei span{
	font-size		: 16px;
	padding-right	: 10px;
}





.reikai{
	width				: 100%;
	background-color	: #189edb;
	text-align			: center;
	color				: #fff;
	padding				: 10px 0 ;
	line-height			: 1.5;
}

.reikai p{
	font-size			: 16px;
}

.reikai div{
	font-size			: 20px;
}

.reikai span{
	font-size			: 14px;
}


.fbmargin{
	margin			: 0 0 30px;
	position		: relative;
	border-radius: 0 !important;
}

.black-text{
	position		: absolute;
	top				: 77px;
	left			: 8px;
	width			: 88%;
	height			: 137px;
	background-color: rgba(0, 0, 0, .6);

}

.black-text p{
	color			: #fff;
	text-align		: center;
	line-height		: 1.5;
	padding			: 20px 0 0 0;
}

.fb-btn, .fb-btn2{
	width			: 100%;
	margin			: 0 auto;
	position		: relative;
}

.fb-btn img{
	position		: absolute;
	width			: 36px;
	top				: 10px;	
}

.fb-btn2 img{
	position		: absolute;
	width			: 36px;
	top				: 10px;	
}






.joyhouse{
	width			: 100%;
	background-color	: #189edb;
	text-align		: center;
	color			: #fff;
	font-size		: 16px;
	line-height		: 1.5;
}

.joyhouse a{
	color			: #fff;
	font-size		: 16px;
	line-height		: 1.5;
	text-decoration		: underline;
}








@media screen and (min-width: 768px) {
/* 768pxからの幅の場合に適応される */

.teirei{
	padding-top		: 13px;
	height			: 100px;
}


.joyhouse{
	height			: 60px;
	margin			: -140px auto 80px;
	z-index			: 99999;
	position		: absolute;
}

.pcnone{
	display			: none;
}
}


@media screen and (max-width:767px) {
/*　画面サイズが767pxまではここを読み込む　*/

.teirei{
	padding-top		: 5px;
	height			: 90px;
}

.reikai{
	height				: 60px;
	padding				: 5px 0 ;
}



.reikai span{
	display				: none;
}

.joyhouse{
	height			: 60px;
	margin			: -80px auto 80px;
	z-index			: 99999;
	position		: absolute;
}




}




@media screen and (min-width: 768px) {
/* 768pxからの幅の場合に適応される */


.topline{
	font-size		: 28px;
	width			: 100%;
	padding			: 20px 0;
	background-color	: rgba(0,0,0,0.5);

	color			: #fff;
	position		: absolute;
	top			: 100px;
	z-index			: 9998;
	text-align		: center;
	font-family		: "Sawarabi Mincho","游ゴシック", YuGothic , "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.topline span{
	font-size		: 20px;
}

.sub_text{	
	width			: 100%;
	text-align		: center;
	margin-top		: 20px;
	font-size		: 20px; 
	line-height		: 30px;
}


.sub_text span{
	font-weight		: 900;
	font-size		: 22px; 
	line-height		: 28px;
}


.pon{
	width			: 1100px;
	margin			: 0 auto;
	position		: relative;
}

.pon img{
	width			: 232px;
	height			: 284px;
	position		: absolute;
	right			: 0;
	bottom			: -40px;
	z-index			: 99999;

}

.news{
	width			: 100%;
	height			: 280px;
	overflow-y		: scroll;
}
.news_line{
	width				: 100%;
	padding-bottom		: 3px;
	margin-bottom		: 15px;
	border-bottom		: solid 1px #8f8f8f;
	display				: inline-block;
}

.day{
	width			: 20%;
	float			: left;
	padding			: 0 0 0 5%;
}

.title{
	width			: 100%;
}

.news::-webkit-scrollbar{
	width			: 7px;
}
.news::-webkit-scrollbar-track{
	background		: #fff;
	border			: none;
	border-radius		: 10px;
	box-shadow		: inset 0 0 2px #777; 
}
.news::-webkit-scrollbar-thumb{
	background		: #f2a31b;
	border-radius		: 10px;
	box-shadow		: none;
}



/*　20231031追加　*/
.news_box{
	width				: 100%;
	padding-bottom		: 15px;
	margin-bottom		: 15px;
	border-bottom		: solid 1px #8f8f8f;
	display				: inline-block;
	position			: relative;
}

.news_tit{
	width				: 73%;
	padding				: 0 2% 0 0;
	float				: right;
}

.news_tit a:hover{
	color				: #f2a31b;
}


.news_tit img, .news_photo, .news_text{
	display				: none;
}

.news_day{
	position			: absolute;
	left				: 5%;
}



}

@media screen and (max-width:767px) {
/*　画面サイズが767pxまではここを読み込む　*/

/**************************************************/
.topline{
	width			: 100%;
	padding			: 10px 0;
	background-color: rgba(0,0,0,0.5);
	font-size		: 20px;
	color			: #fff;
	position		: absolute;
	top				: 30px;
	z-index			: 9998;
	text-align		: center;
	font-family		: "Sawarabi Mincho","游ゴシック", YuGothic , "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.topline span{
	font-size		: 14px;
}

.sub_text{	
	width			: 100%;
	text-align		: center;
	margin-top		: 10px;
	font-size		: 15px; 
	line-height		: 130%;
}


.sub_text span{
	font-weight		: 900;
	font-size		: 17px; 
	line-height		: 130%;
}


.pon{
	display			: none;
}

.news{
	width			: 100%;
	height			: 270px;
	overflow-y		: scroll;
}

.news_line{
	width			: 100%;
	padding-bottom	: 3px;
	margin-bottom	: 15px;
	border-bottom	: solid 1px #8f8f8f;
	display			: inline-block;
}

.day{
	width			: 100%;
	margin			: 0 0 3px;
}

.title{
	width			: 100%;
}



/*　20231031追加　*/
.news_box{
	width				: 100%;
	padding-bottom		: 15px;
	margin-bottom		: 15px;
	border-bottom		: solid 1px #8f8f8f;
	display				: inline-block;
	position			: relative;
}

.news_tit{
	width				: 100%;
	margin				: 25px 0 0;

}

.news_tit a:hover{
	color				: #f2a31b;
}


.news_tit img{
	display				: none;
}

.news_day{
	position			: absolute;
	left				: 0;
	top					: 0;
}





}