@charset "utf-8";
/*rgba(255,250,240,1.00)*/
body{
	color: #fff;
}
a{
	color: #fff;
}
.red{
	color: #87b91e;
}
/* color */
.txt_normal{
	color: #fff;
}
.txt_white{
	color: #fff;
}
.txt_black{
	color: #666;
}
.txt_color1{
	color: #87b91e;
}
.txt_color2{
	color: #c3faa5;
}
.txt_color3{
	color: #00b4eb;
}
.txt_color4{
	color: #a5f0ff;
}
.txt_color5{
	color: #00050a;
}

/* background-color */
.bg_white{
	background-color: #fff;
}
.bg_black{
	background-color: #000;
}
.bg_color1{
	background-color: #87b91e;
}
.bg_color2{
	background-color: #c3faa5;
}
.bg_color3{
	background-color: #00b4eb;
}
.bg_color4{
	background-color: #a5f0ff;
}
.bg_color5{
	background-color: #00050a;
}
.bg_color6{
	background: linear-gradient(135deg,rgba(0,180,235,0.70),rgba(135,185,30,0.70));
}
.bg_color6_opa03{
	background: linear-gradient(135deg,rgba(0,180,235,0.30),rgba(135,185,30,0.30));
}
/* border-color ※!important */
.border_white{
	border-color: #fff;
}
.border_gray{
	border-color: rgba(255,255,255,0.5);
}
.border_black{
	border-color: #111;
}
.border_color1{
	border-color: #87b91e;
}
.border_color2{
	border-color: #c3faa5;
}
.border_color3{
	border-color: #00b4eb;
}
.border_color4{
	border-color: #a5f0ff;
}
/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #1A1A1A;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #87b91e} /* メインカラー */
.hvr_txt_color2:hover{color: #c3faa5} /* サブカラー */
.hvr_txt_color3:hover{color: #00b4eb} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #a5f0ff} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #87b91e} /* メインカラー */
.hvr_bg_color2:hover{background-color: #c3faa5} /* サブカラー */
.hvr_bg_color3:hover{background-color: #00b4eb} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #a5f0ff} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #87b91e}
.hvr_border_color2:hover{border-color: #c3faa5}
.hvr_border_color3:hover{border-color: #00b4eb}
.hvr_border_color4:hover{border-color: #a5f0ff}

/*--------------------------自動リンク--------------------------*/
/* color */
.linkStyle{color: #c3faa5; text-decoration: underline;}
.txt_color_nomal .linkStyle{color: #c3faa5;}
.txt_white .linkStyle{color: white;}
.txt_red .linkStyle{color: red;}
.bg_color1 .linkStyle{color: #c3faa5;}
.bg_color2 .linkStyle{color: #87b91e;}
.bg_color3 .linkStyle{color: #00b4eb;}
.bg_color4 .linkStyle{color: #a5f0ff;}


.cursor{background-color: #B8B8B8;}
.follower{background: linear-gradient(135deg,rgba(0,180,235,0.70),rgba(135,185,30,0.70));}

#nav_menu li{border-color: rgba(255,255,255,0.50);}

/*-------- contact --------*/
#contact #mail_contact li:before{
	color: rgba(0,180,235,0.70);
}
#contact #form_box input,#contact #form_box textarea{
	background: linear-gradient(135deg,rgba(0,180,235,0.10),rgba(135,185,30,0.10));
}
#contact input[type="submit"].btn{
	background-color: rgba(0,180,235,0.70);
}
#contact input[type="submit"].btn{
	border-color: rgba(0,180,235,0.70);
}
#contact input[type="reset"].btn{
	border-color: rgba(0,180,235,0.70);
}
#contact input[type="reset"].btn{
	color: rgba(0,180,235,0.70);
}
/* privacy */
#privacy .border_do1-b{
	border-color: rgba(255,255,255,0.30);
}

/*IEのみ*/
@media all and (-ms-high-contrast: none) {
.linkStyle{display: inline-block; margin-bottom: 20px;}
}

/*ここからタブレット用（780px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 768px){

}