﻿.linkStyle {color: #fff;}

/* color */
.txt_color_nomal{color: #fff;}
.txt_white{color: #4e4e4e;}
.txt_red{color: red;}
.txt_color1{color: #2EB0FC} /* メインカラー */
.txt_color2{color: #000027} /* サブカラー */
.txt_color3{color: #e2e2e2} /* アクセントカラー1 */
.txt_color4{color: #444444} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #2EB0FC} /* メインカラー */
.bg_color2{background-color: #000027} /* サブカラー */
.bg_color3{background-color: #e2e2e2} /* アクセントカラー1 */
.bg_color4{background-color: #181820} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #2EB0FC} /* メインカラー */
.border_color2{border-color: #000027} /* サブカラー */
.border_color3{border-color: #e2e2e2} /* アクセントカラー1 */
.border_color4{border-color: #444444} /* アクセントカラー2 */

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #212121;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #dc9d50} /* メインカラー */
.hvr_txt_color2:hover{color: #000027} /* サブカラー */
.hvr_txt_color3:hover{color: #e2e2e2} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #444444} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #2EB0FC} /* メインカラー */
.hvr_bg_color2:hover{background-color: #000027} /* サブカラー */
.hvr_bg_color3:hover{background-color: #e2e2e2} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #444444} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #2EB0FC} /* メインカラー */
.hvr_border_color2:hover{border-color: #000027} /* サブカラー */
.hvr_border_color3:hover{border-color: #e2e2e2} /* アクセントカラー1 */
.hvr_border_color4:hover{border-color: #444444} /* アクセントカラー2 */

#fakeloader {background-color:#000027!important}
body {background: #181820;}
body, .txt_color_nomal {color: #fff;}
header {background-color: #000027!important;}

.width_300-max {max-width: 320px;}

#main_img h2 span {color:#fff;}
.scroll_bt {color:#fff;}

#main_menu ul li a::before, #page_title .page_box::before, .cms_title::before {background-color: #ffffff;}

.button:hover::after {box-shadow: inset 0 0 0 15em rgba(46,176,252,1);}

#top_cms .cms_title p {color:#fff}
#top_cms .cms_6-b .box_txt1 {color:#fff}

footer .logo img {max-width:300px}

#cms_2-c .cate_title {border-bottom:3px solid #2EB0FC}
#cms_5-a .cate_box .box_title1 ,#cms_5-a .cate_box p {color:#333;}
#cms_6-a .cate_title {color:#fff}
#cms_6-a .cate_img1 {width:70%!important;}
#cms_6-b .box_txt1 {color:#fff}
#cms_5-a .cate_title span {color:#fff}

#form_box dl input, #form_box dl textarea {background-color: rgba(222,222,222,1);}
#form_box .mail input {color:#fff}
#page9 .box p a {color:#fff;}

@media (max-width:768px){
header {padding-top:25px!important; padding-bottom:25px!important;}
.hamburger__icon {margin-top: 15px;}
.fat-nav ul {background-color:#000027;}
footer .link_box ul {justify-content: center!important;}
footer .link_box ul li {margin:10px}
}


@media (max-width:667px){
.width_300-max {max-width: 290px;}
header {padding-top:20px!important; padding-bottom:20px!important;}
.hamburger { top: 10px;}
article .pd_l-r5per_sp {padding:0 0;}
footer .logo img {max-width:250px}
#cms_1-e {padding-left: 0px;padding-right: 0px;}
#cms_6-a .cate_img1 {width:100%!important;}
}


@media all and (-ms-high-contrast:none){
.pc_box .contact_bt a {padding-top:12px}
#page10 ul li a {padding-top:12px}
}