@charset "utf-8";

img { max-width:100%; vertical-align:bottom;}

/*FLEX関連*/
.display_flex { display:flex; justify-content:space-around;}
.flex_between { justify-content:space-between;}
.flex_wrap { flex-wrap:wrap;}
.display_flex div { padding:2px;}
.display_flex img { max-width:100%; margin:auto;}
.G50 { width:46%;}
.G40 { width:36%;}
.G30 { width:36%;}
.G20 { width:16%;}
.G10 { width:6%;}

.tableStyle01 {width:100%;}
.tableStyle01 th,
.tableStyle01 td { border-bottom:#CCC solid 1px;}

.table_type01 {
	border-collapse: collapse;
	line-height: 1.5;
}
.table_type01 th {
	padding: 10px;
	font-weight: bold;
	border: 1px solid #ccc;
}
.table_type01 td {
	padding: 10px;
	vertical-align: top;
	border: 1px solid #ccc;
}

ol { margin-left:20px;}
li {margin-bottom:5px;}

.kadomaru50 img {border-radius:50%;}
.kadomaru20 img {border-radius:20%;}
.konoback { background: url(../img/konoback.jpg) no-repeat; background-size:100% 100%; padding:10px 20px; display:table; margin:auto;}

.fontbackBlue { color:#FFF; background: #0099FF; padding:3px 10px;}

.waku_g {background:#F1FFDF; border:#9C0 dashed 5px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}
.waku_p {background:#FFE8E8; border: #FF9999 dashed 5px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}
.waku_b {background:#D9ECFF; border: #0099FF dashed 5px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}
.waku_o {background: #FFF5D8; border: #FF9900 dashed 5px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}

.waku_g_w { border:#9C0 solid 2px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}
.waku_p_w { border: #FF9999 solid 2px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}
.waku_b_w { border: #0099FF solid 2px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}
.waku_o_w { border: #FF9900 solid 2px; padding:10px;
border-radius:10px; margin:15px 0 10px 0;}

.font12 {font-size:12px;}
.font15 {font-size:15px;}
.fontBlue { color:#39F}
.fontOrnge { color:#FF9600}

.back_w { background:#FFFFFF;}


.displayTable {display:table; table-layout:fixed; width:100%;}

.festival_cell { display:table-cell; padding:10px; vertical-align:top; font-size:12px; color: #900}
.festival_cell img { max-width:100%; max-height:160px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;}

.festival_cell a:hover img {
	opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
	}

#header { background: #FFA600;}
.content h3 {
	color: #FF6600;
	border-color: #FFA600;}
.content h2 {
	color: #000000;
	border-color: #FFA600;
	background-color: #FFF3C2; padding:12px 8px;}
.content h2.imgtitle {
	border-bottom-color:#FFA600;
}

@media (max-width: 481px) { /* Slidebar widths on small screens. */
.displayTable {display: block;  table-layout:fixed; width:100%;}
.festival_cell { display: block; padding:2px; text-align:center;}
.festival_cell img { max-width:100%; max-height: none;}
.display_flex { display: block;}
.display_flex div { margin:15px 0;}
.G50, .G40, .G30, .G20, .G10 { width: auto;}

}