.notosans {	
	font-family: 'Noto Sans JP', sans-serif;
}
.notosans3 {
	font-weight: 300;
	font-family: 'Noto Sans JP', sans-serif;
}
.notosans4 {
	font-weight: 400;
	font-family: 'Noto Sans JP', sans-serif;
}
.notosans5 {		
	font-weight: 500;
	font-family: 'Noto Sans JP', sans-serif;
}
.notosans6 {
	font-weight: 600;
	font-family: 'Noto Sans JP', sans-serif;
}
.notosans7 {
	font-weight: 700;
	font-family: 'Noto Sans JP', sans-serif;
}
.notosans9 {
	font-weight: 900;
	font-family: 'Noto Sans JP', sans-serif;
}

.notoserif {	
	font-family: 'Noto Serif JP', serif;
}.notoserif3 {
	font-weight: 300;
	font-family: 'Noto Serif JP', serif;
}
.notoserif4 {
	font-weight: 400;
	font-family: 'Noto Serif JP', serif;
}
.notoserif5 {
	font-weight: 500;
	font-family: 'Noto Serif JP', serif;
}
.notoserif6 {
	font-weight: 600;
	font-family: 'Noto Serif JP', serif;
}
.notoserif7 {
	font-weight: 700;
	font-family: 'Noto Serif JP', serif;
}
.notoserif9 {
	font-weight: 900;
	font-family: 'Noto Serif JP', serif;
}

.sawarabi{
	font-family: 'Sawarabi Mincho', sans-serif;
}

.nowrap{
	white-space:nowrap;
}

.breakword {
	overflow-wrap: break-word;
}

.footerlinks1 a{
	text-decoration: none;
	color: #555;
	
	font-size: 0.9em;
	font-weight: 300;
}
.footerlinks1 a:hover{
	text-decoration: underline;	
}
.footerlinks1 > div {
	margin-left: 10px;
	margin-right: 10px;	
}
.hovera1 {
	display: inline-block;
	transition: 0.3s;
	/*border: 1px solid red;*/
}
.hovera1:hover {				
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
a > i{	
	font-size: 2.6em;
}
.footer_sns1 {
	text-decoration: none;
	color :#555;	
}
.footer_sns1:hover {
	color:#555;
}
.cmp_shadow1 {
  /*box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;*/
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.200) !important;
}

.bg_cmp1 {
	/*background-color: #f8f9fa !important;*/
	/*background-color: #ee834f !important;*/
	/*background-color: #fff0e8 !important;*/
	/*background-color: #c7f9ff !important;*/
	background-color: #d1e6e8 !important;
}

.blue_cmp1 {
	color: #212c59;	
	
}

.blue_cmp2 {
	color: #4cc0cf;	
	
}

.date1 {
	font-size: 0.7em;
}

.hoverme1 {
	display: inline-block;
	transition: 0.3s;
	/*border: 1px solid red;*/
	text-decoration: none;
	color: #000;
}
.hoverme1:hover {				
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	text-decoration: none;
	color: #000;
}
.hoverme2 {	
	transition: 0.3s;	
}
.hoverme2:hover {				
	background-color: #eee;
}
.uline1 {
	color: blue;
	text-decoration: underline;
}

.clickhere1 {
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 2px;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 12px;
	background-color: #fafafa;
	font-size: 0.8em;
}
.new001 {
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 2px;
	display: inline-block;	
	border-radius: 3px;
	background-color: #ce4949;
	font-size: 0.8em;
	color: white;
}


#toTopBtn {
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index: 98;
	padding: 10px;
	//background-color: rgba(1, 198, 191, .7);
	background-color: rgba(73, 186, 204, .7);
	border-radius: 50%;
	color: white;
	transition: 0.3s;
	visibility: hidden;
	opacity: 0;
}
#toTopBtn:hover {
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index: 98;
	padding: 10px;
	//background-color: rgba(1, 198, 191, 0);
	background-color: rgba(73, 186, 204, 0);
	border-radius: 40%;
	//color: rgba(1, 198, 191, 1);								
	color: rgba(0, 153, 153, 1);
}

@media screen and (min-width: 600px) {
	#nav_pic1 {
		height: 80px;
	}
	#nav_crea1 {						
		font-size: 1.1em;
	}
	#nav_onga1 {						
		font-size: 0.8em;
	}
}
@media screen and (min-width: 400px) and (max-width: 599px) {
	#nav_pic1 {
		height: 60px;
	}
	#nav_crea1 {						
		font-size: 0.9em;
	}
	#nav_onga1 {						
		font-size: 0.7em;
	}
}
@media screen and (max-width: 399px) {
	#nav_pic1 {
		height: 40px;					
	}
	#nav_crea1 {						
		font-size: 0.7em;
	}
	#nav_onga1 {						
		font-size: 0.6em;
	}
}