@charset "UTF-8";
/* ----------------------------------
BASE CSS
---------------------------------- */
body{color:#333333; background:#DEDEDE;}
.site_color {color:#fff;background:#4CA6E6;}
.color {color:#4CA6E6;}
a {text-decoration:none;color:#3983BF;}
a:hover {color:#666;text-decoration:underline;}
	
/* ----------------------------------
HEADER CSS
---------------------------------- */
header {background:#000000}
header #logo {
	font-size:0em; background-position:center center;
	top:4px; width:140px; height:40px; position:relative;
	background-image:url("/img/logo.png?1754005654");
	background-size:contain; background-repeat:no-repeat;}
header #submenu a{color:#FFFFFF;}
header #mainmenu {
	background:#4CA6E6;
	overflow-x:auto;-webkit-overflow-scrolling: touch;}
header #mainmenu ul {margin: 0 auto 0 auto;padding:0;display:flex;}
header #mainmenu li {
	text-align: center;height:30px;line-height:30px;white-space:nowrap;
  	border-right:1px solid #DEDEDE;font-size:0.8em;padding:0px 10px;}
header #mainmenu li a{color:#fff;text-decoration:none;display: block;}
header #mainmenu li:first-child{border-left:1px solid #DEDEDE;}
header #mainmenu li:hover{text-decoration:none;background:#000}
header #mainmenu li.tagactive{color:#333;background:#DEDEDE;} 
header #mainmenu li.tagactive a{color:#333;}

header #search input[type="text"]{border: 0px solid #4CA6E6;background:#FFFFFF;}	
header #search input[type="text"]:focus{border: 1px solid #4CA6E6;outline: 0;}
header #search button{background:#4CA6E6}

@media screen and (max-width: 499px) { 
	#submenu {opacity:0.8;background:#000000}
	#submenu a{color:#FFFFFF}	
}
@media screen and (min-width: 500px) and (max-width: 679px) {
	#submenu {opacity:0.8;background:#000000}
	#submenu a{color:#FFFFFF}	
}	
/* ----------------------------------
FOOTER CSS
---------------------------------- */
footer{background:#000000;color:#4CA6E6;text-align:center;padding:40px 0 40px;}
footer a,footer a:visited{color:#c7c7c7;outline:medium none;text-decoration:none;}
footer a:hover,footer a:active{color:#c7c7c7;text-decoration:underline;}
footer .copyright{font-size:1.2em;}

/* ----------------------------------
MAIN CSS
---------------------------------- */
main h2 {
	font-size:2.2em;font-family:'Kalam', sans-serif;
	font-weight:normal;margin-top:0;margin-bottom:10px;
	padding:15px 0 8px 10px;color:#fff;background:#4CA6E6;}
main h3 {
	font-size:1.3em;font-weight:bold;
	color:#4CA6E6;
	padding:8px 0; margin:5px 0; 
	border-top:1px solid #4CA6E6;
	border-bottom:1px solid #4CA6E6;}
article .base{font-size:1.1em;line-height:1.5em;}	
article .base a {color:#3983BF;}
article .button {
	display:block; cursor:pointer;text-align:center;}
article .button a{
	color:#fff; width:320px;border-radius:5px;
	padding:8px 25px 8px 25px;text-align:center;}
article .button a:hover{
	color:#fff;background:#4CA6E6;text-decoration:none;}
article .line{margin:10px 0;}
article p{margin-bottom:5px;}
article section .adsbygoogle{margin:0; background:#eee}
article section .button{margin:20px 0px;}

/* ----------------------------------
SIDE CSS
---------------------------------- */
aside a{color:#3983BF;}
aside a:hover {color:#3983BF;}


/* ----------------------------------
● カテゴリー色分け
---------------------------------- */
.tag_1 h4 {font-weight:bold;color:#3196C2}
.tag_1 .boxftr{border-top:2px solid #3196C2}
.tag_1 .bar{background:#3196C2}
.tag_1 .tag{color:#3196C2;border:1px solid #3196C2;}

.tag_2 h4 {font-weight:bold;color:#50C7B7}
.tag_2 .boxftr{border-top:2px solid #50C7B7}
.tag_2 .bar{background:#50C7B7}
.tag_2 .tag{color:#50C7B7;border:1px solid #50C7B7;}

.tag_3 h4 {font-weight:bold;color:#65B56B}	
.tag_3 .boxftr{border-top:2px solid #65B56B}
.tag_3 .bar{background:#65B56B}
.tag_3 .tag{color:#65B56B;border:1px solid #65B56B;}
	
.tag_4 h4 {font-weight:bold;color:#C28800}	
.tag_4 .boxftr{border-top:2px solid #C28800}
.tag_4 .bar{background:#C28800}
.tag_4 .tag{color:#C28800;border:1px solid #C28800;}

.tag_5 h4 {font-weight:bold;color:#DE6E35}
.tag_5 .boxftr{border-top:2px solid #DE6E35}
.tag_5 .bar{background:#DE6E35}
.tag_5 .tag{color:#DE6E35;border:1px solid #DE6E35;}

.tag_6 h4 {font-weight:bold;color:#815EB5}	
.tag_6 .boxftr{border-top:2px solid #815EB5}
.tag_6 .bar{background:#815EB5}
.tag_6 .tag{color:#815EB5;border:1px solid #815EB5;}

.tag_7 h4 {font-weight:bold;color:#CC5477}	
.tag_7 .boxftr{border-top:2px solid #CC5477}
.tag_7 .bar{background:#CC5477}
.tag_7 .tag{color:#CC5477;border:1px solid #CC5477;}

.tag_8 h4 {font-weight:bold;color:#4EA7D4}	
.tag_8 .boxftr{border-top:2px solid #4EA7D4}
.tag_8 .bar{background:#4EA7D4}
.tag_8 .tag{color:#4EA7D4;border:1px solid #4EA7D4;}

.tag_9 h4 {font-weight:bold;color:#CF6CC8}	
.tag_9 .boxftr{border-top:2px solid #CF6CC8}
.tag_9 .bar{background:#CF6CC8}
.tag_9 .tag{color:#CF6CC8;border:1px solid #CF6CC8;}

.tag_10 h4 {font-weight:bold;color:#A34155}	
.tag_10 .boxftr{border-top:2px solid #A34155}
.tag_10 .bar{background:#A34155}
.tag_10 .tag{color:#A34155;border:1px solid #A34155;}

.tag_11 h4 {font-weight:bold;color:#46B0AE}	
.tag_11 .boxftr{border-top:2px solid #46B0AE}
.tag_11 .bar{background:#46B0AE}
.tag_11 .tag{color:#46B0AE;border:1px solid #46B0AE;}

.tag_12 h4 {font-weight:bold;color:#61A300}	
.tag_12 .boxftr{border-top:2px solid #61A300}
.tag_12 .bar{background:#61A300}
.tag_12 .tag{color:#61A300;border:1px solid #61A300;}

.tag_13 h4 {font-weight:bold;color:}	
.tag_13 .boxftr{border-top:2px solid }
.tag_13 .bar{background:}
.tag_13 .tag{color:;border:1px solid ;}

.tag_14 h4 {font-weight:bold;color:}	
.tag_14 .boxftr{border-top:2px solid }
.tag_14 .bar{background:}
.tag_14 .tag{color:;border:1px solid ;}

.tag_15 h4 {font-weight:bold;color:}	
.tag_15 .boxftr{border-top:2px solid }
.tag_15 .bar{background:}
.tag_15 .tag{color:;border:1px solid ;}