﻿body{
background-color:black;
color:#fff;

}

.bg_color1{background-color: #000;} /* メインカラー */

.txt_color1 {
    color: #fff;
}

#video{
height:100vh;
}

.tel span{
color:white;
}

.contact span{
color:white;
}

.txt_color_nomal {
    color: #fff;
}

/*.contents_title.txt_color1{
color: #ff0000;
}*/

#contents .box h3:before {
    border-top: 1px solid;
    content: "";
    width: 40px;
    color: red;
}

.contents_txt{
color:black;
}

.border_color1 {
    border-color: #fff;
}

.is-show {
    transform: translateY(0);
    z-index: 9999;
    background-color: rgba(0,0,0,0.75);
}

#contents > div.back_color{
position: relative;
}

#contents > div.back_color:before{
      content: "";
    position: absolute;
    background-image: url(./Dup/img/font.png);
    background-size: 100%;
    width: 30vw;
    height: 400px;
    top: -130px;
    right: 0;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 99;
}

.contents_box{
border-top: 5px solid black;
}

#contents .box h3 {
       display: flex;
    align-items: center;
    margin-left: -4rem;
    margin-top: -10px;
    font-size: 22px;
    width: 87% !important;
    font-weight: bolder;
color: #ee0000;
}

.bg_white {
    background-color: rgba(255,255,255,0.85);
}

.bg_color3 {
    background-color: #ce0808;
}

.drawer-hamburger-icon.bg_color1{
background-color:white;
}

.drawer-hamburger-icon::after, .drawer-hamburger-icon::before {
    background-color: rgb(255, 255, 255) !important;
}

.drawer-open .drawer-hamburger-icon {
    background-color: transparent !important;
}

.drawer-menu li a{
color:black;
}

.drawer-menu li{
border-bottom:black 1px solid;
}

.all_header {
    background-color: rgba(0,0,0,0.75);
    position: fixed;
    width: 100%;
    z-index: 9999;
}

.cate_box{
    background-color: #111;
}

#cms_2-c .box_item {
    border-left:none;
}

#cms_2-c .cate_title{
    border-bottom: none;
    border-left: 8px solid red;
    margin-left: 0;
    padding-left: 20px;
text-align:left;
}

#cms_2-c .box_txt1{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
    flex-direction: row;
    align-items: center;
    margin-left: -40px;
}

#cms_2-c .box_txt1:before {
    margin-right: 1rem;
}

#cms_2-c .box_txt1:before {
    border-top: 1px solid;
    content: "";
    width: 40px;
color:red;
}

#cms_2-c .box_txt2{
    margin-left: 17px;
}

#fakeloader{
	z-index: 9999;
}
#fakeloader .fl{
	position: absolute!important;
	top: 50%!important;
	left: 50%!important;
	transform: translate(-50%,-50%)!important;
	width: 50%!important;
	max-width: 300px!important;
}
#fakeloader .fl{
animation-name: loader;
animation-duration: 3s;
animation-timing-function: ease;
animation-iteration-count: infinite;
}
@keyframes loader {
0% {opacity: 0;}
100% {opacity: 1;}
}

#cms_6-a figure img{
width:80% !important;
}

#page7 .box_item h3{
color:white;
}

#page8 #form_box #form_bt div input {
    border: 1px solid white;
}

#page9 p a{
border: 1px solid white;
}

#cms_1-e .cate_box{
padding-bottom:20px;
}

.top_cms_box .cms_1-e .cate_box{
padding-bottom:10px;
}


@media all and (-ms-high-contrast: none){
#cms_2-c .box_txt1:before {
    margin-bottom: 3px;
}

#cms_2-c .cate_title {
    padding-bottom: 0px;
}


}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#video {
    height: 50vh;
}

#contents > div.back_color:before {
    top: -181px;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#video {
    height: 40vh;
}

#intro {
    margin-top: -20px;
}

#contents .box h3 {
    margin-left: -2.7rem;
width:110% !important;
}

#cms_2-c .box_txt1:before {
    content: none;
}

#cms_2-c .box_txt1 {
        margin-left: 1em;
    margin-bottom: 10px;
    border-bottom: 1px solid red;
    border-top: 1px solid red;
    padding: 5px;
}

}