/* CSS Document */

@charset "utf-8";

#columnarea{
	text-align:center;
	line-height:2em;
	margin: 0px auto 0px;
	padding: 0px auto 0px;
	display:flex;
	flex-wrap: wrap;
	font-size:0px;
}

.columnhead{ font-size:16px; font-weight:bold; }

.columnbox, .columnnews {
	font-size:15px;
	line-height:1.8em; 
	text-align:left;
	box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.1); /*横方向　下方向　ぼかし　広がり　色 */
	background-color:white;
	background-position: center top;
	background-size: contain;
	background-repeat: no-repeat;
	color:#505050;
}

.columnbox, .columnnews, .columnhead
{
	word-break: break-all;
}

@media screen and (max-width: 600px){
	.columnbox { font-size:12px; }
	.columnnews { font-size:16px; !important; }
	.columnhead { font-size:16px !important; }
}

@media screen and (max-width: 900px){ #columnarea{ width:auto;} }
@media screen and (min-width: 901px){ #columnarea{ width:auto;} }
@media screen and (min-width: 1421px){ #columnarea{ /* width:1400px; */ width:auto;  } }

@media screen and (max-width: 600px){ .columnbox { padding:0px; margin: 0px 15px 30px 15px; } }
@media screen and (max-width: 600px){ .columnbox { width:calc( 100% - 30px ) !important; } }
@media screen and (max-width: 900px){ .columnbox { padding:0px; margin: 0px 15px 30px 15px; } }
@media screen and (max-width: 900px){ .columnbox { width:calc( (100% - 60px) / 2 ) ; } }
@media screen and (min-width: 901px){ .columnbox { padding:0px; margin: 0px 15px 30px 15px; } }
@media screen and (min-width: 901px){ .columnbox { width:calc( (100% - 90px) / 3 ) ; } }
@media screen and (min-width: 1051px){ .columnbox { width:calc( (100% - 120px) / 4 ) ; } }

@media screen and (max-width: 900px){ #space1020 { height:20px; } }
@media screen and (min-width: 901px){ #space1020 { height:10px; } }

@media screen and (max-width: 900px){ .columnnews { font-size:20px; line-height:1.8em; width:auto; padding:10px; margin: 10px; } }
@media screen and (max-width: 900px){ .columnnews#tweet { font-size:20px; line-height:1.8em; width:auto; height:600px; padding:10px; margin: 10px; overflow-y:scroll; } }
@media screen and (min-width: 901px){ .columnnews#tweet { height:600px; overflow-y:scroll;} }
@media screen and (min-width: 1051px){ .columnnews#tweet { height:500px; overflow-y:scroll;} }
@media screen and (min-width: 1421px){ .columnnews#tweet { height:450px; overflow-y:scroll;} }

@media screen and (max-width: 900px){ .columnnews#cm { font-size:20px; line-height:1.8em; width:600px; padding:10px; margin: 10px; } }
@media screen and (max-width: 900px){ .columnnews#event { font-size:20px; line-height:1.8em; width:600px; padding:10px; margin: 10px; } }
@media screen and (max-width: 900px){ #youtube_res { height:320px; } }
@media screen and (min-width: 901px){ #youtube_res { height:240px; } }
@media screen and (min-width: 1051px){ #youtube_res { height:180px; } }
@media screen and (min-width: 901px){ .columnnews { font-size:15px; line-height:2em; padding:10px; margin: 0px 15px 30px 15px; } }
@media screen and (min-width: 901px){ .columnnews { width:calc( (100% - 100px) / 2 ) ; } }
@media screen and (min-width: 1051px){ .columnnews { width:calc( (100% - 200px) / 4 ) ; } }

@media screen and (max-width: 900px){ .columnhead{ padding-top:calc( 10px + (100vw - 60px) / 4 ) ; padding-bottom:20px;} }
@media screen and (min-width: 901px){ .columnhead{ padding-top:calc( 10px + (100vw - 90px) / 6 ) ; padding-bottom:20px; } }
@media screen and (min-width: 1051px){ .columnhead{ padding-top:calc( 10px + (100vw - 120px) / 8 ) ; padding-bottom:20px; } }

@media screen and (max-width: 900px){ .columnnewshead{ padding:150px 0 10px 0;} }
@media screen and (min-width: 901px){ .columnnewshead{ padding-top:calc( 8px + (100vw - 100px) / 4 ) ; padding-bottom:10px; } }
@media screen and (min-width: 1051px){ .columnnewshead{ padding-top:calc( 8px + (100vw - 200px) / 8 ) ; padding-bottom:10px; } }

.columnbox:hover{ transition:0.5s ease-in-out; transform:scale(1.05,1.05); box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.2); /*横方向　下方向　ぼかし　広がり　色 */}

.columnbox a{ display:block; padding:0px 20px; height:100%; color: var(--color05) !important; }

.columnbox#column01	{background-image:url(/sample/eto01.png);}
.columnbox#column02	{background-image:url(/sample/eto02.png);}
.columnbox#column03	{background-image:url(/sample/eto03.png);}
.columnbox#column04	{background-image:url(/sample/eto04.png);}
.columnbox#column05	{background-image:url(/sample/eto05.png);}
.columnbox#column06	{background-image:url(/sample/eto06.png);}
.columnbox#column07	{background-image:url(/sample/eto07.png);}
.columnbox#column08	{background-image:url(/sample/eto08.png);}
.columnbox#column09	{background-image:url(/sample/eto09.png);}
.columnbox#column10	{background-image:url(/sample/eto10.png);}
.columnbox#column11	{background-image:url(/sample/eto11.png);}
.columnbox#column12	{background-image:url(/sample/eto12.png);}
s
#columnbanner	{width:100%; margin:10px 0 0;}
#columnbanner2	{width:100%; margin: 0;}

.f_end{ clear:both; }