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


/**********************************トップページ***************************************/
.video_cm{
	text-align: center;
}
.video_cm video{
	width: 100%;
	max-height: 300px;
}
.top_contents{
}
.top_box_1{
	padding-top: 10px;
	background: #fffbda;
}
.top_box_2{
	padding-top: 10px;
	background: #fffef5;
}
.top_sub_title{
	padding: 10px;
}
.top_box_container{
	display: flex;
}
.top_box_container_left{
	margin: 10px;
}
.top_box_container_right{
	margin: 10px;
}

.text_rink{
	text-align: right;
	color: #FF1E22;
}

.top_sub_menu{
	text-align: center;
	margin: 5px 10px;
}
.top_sub_menu img{
	max-width: 100%;
}
.top_movile_only img{
	max-width: 100%;
}
.top_pc_only img{
	max-width: 100%;
}

.out_site_bunner{
	
	text-align: center;
	padding: 10px 10px;
}

.out_site_bunner img{
	max-width: 100%;
}
.pickup{
	margin: 10px;
}


/**********************************news***************************************/
.new{  color: #364e96;/*文字色*/
  border: solid 3px #364e96;/*線色*/
  padding: 0;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
	font-size: 0.9em;
	font-weight: bold;
	line-height: 100%;
	margin-top: 0.3em;
	margin-left: 0.3em;
}
.news_container_1{
	display: flex;
	align-items: center;
}
.top_news_box{
	display: flex;
	justify-content: center;
  align-items: center;
}
.top_news_box:nth-child(2n+1){
	background: #88FF9D;
}
.top_news_img_box{
	text-align: center;
	max-width: 200px;
	padding: 10px 0;
	min-width: 20%;
}
.top_news_img_box img{
	padding: 5px;
	background-color: #FF4F51;
	border-radius: 10px;
	max-width: 80%;
}
.genre{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.days{
	font-size: 1.1em;
	height: 1.1em;
	font-weight: bold;
}
/****PC*****/
@media (min-width: 767px) {
	.top_news_box{
	border-radius: 10px;
	}
}
.news_one_rink{
	text-align: right;
}
.news_one_rink a{
	color: #0044FF;
}

/**********************************PC***************************************/

@media (min-width: 767px) {
	
	.out_site_bunner{
		display: none;
	}
	.top_sub_menu{
		display: none;
}
	.top_movile_only{
		display: none;
		
	}
	
	.video_cm video{
	width: 100%;
	max-height: 1000px;
	}
	.pickup{
		margin:0;
	}
}
@media (max-width: 767px) {
	.top_pc_only{
		display: none;}
	
	.top_pc_only img{
		width: 100%;
	}
}

/**********************************注意喚起***************************************/

.pickup{
	background: #FF8E90;
	padding: 20px;
	margin-bottom: 10px;
	border-radius: 10px;
}
.pickup_1{
	color: #000000;
	text-align: center;
	font-size:1.5rem ;
	padding-bottom: 10px;
	font-weight: bold;
}
.pickup_2{
	color: #000000;
	
}

/**********************************こどもエコ***************************************/

.kodomoeko_mobile div{
	margin-top: 0.5em;
	margin-left:0.5em;
	margin-right:0.5em;
}
.kodomoeko_mobile div a{
	transition:0.2s;
}
.kodomoeko_mobile div a img{
	width: 100%;
}
.kodomoeko_mobile div a:hover{
	opacity:0.5;
} 

.kodomoeko_pc{
	margin-top:20px;
}
.kodomoeko_pc_btn{
	display: flex;
	margin: 5px;
}
.kodomoeko_pc_btn div{
	margin:0 2px;
}

.kodomoeko_pc div a{
	transition:0.2s;
}  
.kodomoeko_pc div a:hover{
	opacity:0.5;
}


.kodomoeko_setumei{
	border: 1px solid #360D00;font-family: 'Noto Sans JP', sans-serif;
	background: #FFEBC6;
	color: #6E2F00;
	padding: 5px;
	border-radius: 20px;
}


/**********************************吹き出し***************************************/
.box {
	margin: 20px 10px;
    position: relative;
    background-color: white;
    color: #333;
}

.box-title {
    position: absolute;
    display: inline-block;
    top: -0.6rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 0rem 1rem;
    background-color: white;
    font-weight: 600;
}

.box-body {
    padding: 1rem;
    line-height: 1.5;
}