@charset "UTF-8";
/* ----------------------------------
BASE CSS
---------------------------------- */
body{color:#333333; background:#E0E0E0;}
.site_color {color:#fff;background:#FF78C0;}
.color {color:#FF78C0;}
a {text-decoration:none;color:#FF599C;}
a:hover {color:#666;text-decoration:underline;}
	
/* ----------------------------------
HEADER CSS
---------------------------------- */
header {background:#FFFFFF}
header #logo {
	font-size:0em; background-position:center center;
	top:4px; width:140px; height:40px; position:relative;
	background-image:url("/img/logo.png?1754227457");
	background-size:contain; background-repeat:no-repeat;}
header #submenu a{color:#FF599C;}
header #mainmenu {
	background:#FF599C;
	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 #E0E0E0;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 #E0E0E0;}
header #mainmenu li:hover{text-decoration:none;background:#000}
header #mainmenu li.tagactive{color:#333;background:#E0E0E0;} 
header #mainmenu li.tagactive a{color:#333;}

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

@media screen and (max-width: 499px) { 
	#submenu {opacity:0.8;background:#FFFFFF}
	#submenu a{color:#FF599C}	
}
@media screen and (min-width: 500px) and (max-width: 679px) {
	#submenu {opacity:0.8;background:#FFFFFF}
	#submenu a{color:#FF599C}	
}	
/* ----------------------------------
FOOTER CSS
---------------------------------- */
footer{background:#FFFFFF;color:#FF78C0;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:'Oswald', sans-serif;
	font-weight:normal;margin-top:0;margin-bottom:10px;
	padding:15px 0 8px 10px;color:#fff;background:#FF78C0;}
main h3 {
	font-size:1.3em;font-weight:bold;
	color:#FF78C0;
	padding:8px 0; margin:5px 0; 
	border-top:1px solid #FF78C0;
	border-bottom:1px solid #FF78C0;}
article .base{font-size:1.1em;line-height:1.5em;}	
article .base a {color:#FF599C;}
article .button {
	display:block; cursor:pointer;text-align:center; margin:10px 10px;}
article .button a{
	color:#fff; width:320px;border-radius:5px;
	padding:8px 25px 8px 25px;text-align:center;background:#333;}
article .button a:hover{
	color:#fff;background:#FF78C0;text-decoration:none;}
article .line{margin:10px 0;}
article p{margin-bottom:5px;}
	
		
/* ----------------------------------
SIDE CSS
---------------------------------- */
aside a{color:#FF599C;}
aside a:hover {color:#FF599C;}


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

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

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

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

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

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

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

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

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

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

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

.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 ;}