html, body { height:100%;width:100%;}
body { font: 1.4rem 'Abel', sans-serif; color: #111; }

.theme_grad { background: rgb(0,0,0); background: linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(85,75,85,1) 65%, rgba(35,35,35,1) 100%);}
.theme_gray { background: #d4cfd1 url("/assets/i/bg_4.jpg") 0 0 no-repeat; background-attachment: fixed; }

.navbar {padding: 0;}
.navbar-brand { display: none;}
.navbar-light .navbar-nav .nav-link { color: #FD57C4; font-size: 1.2rem; padding: 1.6rem 1rem; transition: 0.3s;}
.navbar-nav .nav-link:hover {border-bottom:0; color:#fff!important;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active {color: rgba(125,125,125,.9); cursor:default;}
.dropdown-menu {padding: 0; background: #463e46; min-width: 240px; border-color: #423a42;}
.dropdown-menu .nav-link {border-right: 0;}
.navbar-light .navbar-nav .dropdown-menu .nav-link {padding: 1rem; border-top:1px solid rgb(99 95 94);}
.navbar-light .navbar-nav .dropdown-menu .first {border-radius: .25rem .25rem 0 0; }
.navbar-light .navbar-nav .dropdown-menu .first .nav-link {border-top:0;}
.navbar-light .navbar-nav .dropdown-menu .last {border-radius: 0 0 .25rem .25rem; }
.navbar, .dropdown-menu {box-shadow: 0.1rem 0.25rem 0.5rem rgb(50 30 20 / 15%);}

section {padding:3rem 2rem; overflow:hidden;}
.section_dark { color: #fff; }
.splash {height:100%; background: #706f6d url("/assets/i/sawami_bg_2.jpg") 0 0 no-repeat; background-size: cover;background-attachment: fixed;}
.splash article {float:right; width:50%; margin-top:10rem;}
footer {background: #030203; font-size:1.2rem; padding:2rem;}

.content_item {margin: 2rem 0; font-size:1.6rem;}
.content_item h3 {font-size: 3rem; margin-bottom: 2rem; color:#8c8688;}
.content_item .btn {font-size:1.4rem; margin: 1.4rem 0;}
.content_item .caption {font-size:1.2rem;}

.img-wrap {float: right; margin-left: 20px;}
.img-wrap img {max-width: 600px;}

.promo-block {font-size: 20px;margin: 20px 0; padding: 20px; background: rgba(35,15,35,0.3); border-radius: 5px;}
.promo-block img {margin-right: 10px; }

.img_styled {border: 1px solid #fff; border-radius: 5px; padding: 1px; box-shadow: 2px 2px 10px 0px rgb(0 0 0 / 10%); margin-bottom: 1rem;}

h1, h2, h3 { font-family: "Kodchasan", Sans-serif; color:#FD57C4; font-weight: 300; line-height: 1;}
h1 { font-size: 4rem; margin-bottom: 1.5rem;}
h2 { font-size: 2.5rem; margin-bottom: 1.5rem; }
h3 {  }
a, a:hover, a:active {color:#FD57C4;}
a:hover {border-bottom: 1px dotted; text-decoration:none;}
.caption-txt {font-size:80%;}
article ul ::marker { color: #FD57C4; font-size: 14px;}

.lang_switch { list-style: none; margin: 0; padding: 0; margin-right:10px;}
.lang_switch li { float: right; margin: 0 0 0 8px;}
.lang_switch a {display: block; width: 26px; height: 26px; background-position: 0 0 !important; background-repeat: no-repeat !important; transition: 0.3s;}
.lang_switch a.en { background: url(/assets/i/en.svg);}
.lang_switch a.de { background: url(/assets/i/de.svg);}
.lang_switch a.ja { background: url(/assets/i/jp.svg);}
.lang_switch a:hover {border:0; opacity:0.5;}
.lang_switch a span { display: none;}
.lang_switch a.active {opacity: 0.25;cursor: text;}

.ico:hover { text-decoration: none; border-bottom: 0; opacity: 0.5;} 


.carousel-indicators {position:relative!important;}

.btn-info { display:block; width: fit-content; margin: 1rem 0; color: #fff; background-color: #FD57C4; border-color: #FD57C4; }
.btn-info:hover, .btn-info:active { color: #111; background-color: #fff; border-color: #fff; }

@media (min-width: 992px) {
  .dropdown-menu {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}

@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}

@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.dropdown-menu {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}

/* ----------- 1366 ----------- */
@media only screen and (max-width : 1366px), (max-device-width: 1366px) {  
.splash article { margin-top: 3rem; }
}
/* ----------- 768 ----------- */
@media only screen and (max-width : 768px), (max-device-width: 768px) {  
body, .content_item {font-size:1.2rem;}
h1 {font-size:2.2rem;}
h2 {font-size:1.8rem;}
h3 {font-size:1.6rem !important;}
h4 {font-size:1.2rem;}
.container { max-width: 100%;}

  .lang_switch { position: relative; }
}
/* ----------- 740 ----------- */
@media only screen and (max-width : 740px), (max-device-width: 740px) {

}
/* ----------- 480 ----------- */
@media only screen and (max-width : 480px), (max-device-width: 480px) {

}
/* ----------- 320 ----------- */
@media only screen and (max-width : 320px), (max-device-width: 320px) {

}