
/* wordpress blog */
img.alignright { display: block; margin: 0 0 0 auto; }

img.alignleft { display: block; margin: 0 auto 0 0; }

img.aligncenter { display: block; margin: 0 auto; }

a:hover img.hoverImg{opacity:0.6;}

.flex-box {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.flex-height {display: flex; align-items: center;}

.container {max-width: 1230px;}

@media screen and (max-width: 1199px){
.container {max-width: 100%;}
}

a, a:hover, a:focus{color:#7be2d2;}

.img-center{display:block; margin-left:auto; margin-right:auto;}

.sec-padding-110px{padding:110px 0;}

.sec-padding-80px{padding:80px 0;}

.text-success{color:#7be2d2 !important;}

.text-info{color:#25c7d8 !important;}

.mb-30px{margin-bottom:30px !important;}

.mb-40px{margin-bottom:40px !important;}

.mb-50px{margin-bottom:50px !important;}

.btn{padding:.65rem 4rem; border-radius:5rem;}

.btn-success{background-color:#46b1a0; border-color:#46b1a0;}

.btn-success:hover{background-color:#167566; border-color:#167566;}

@media screen and (max-width:767px) {
.btn-block-sm{display:block;}
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:300; font-family: 'Raleway', sans-serif; letter-spacing:1.5px; line-height:1.6rem;}

html[lang="en-US"]{font-size:16.5px;}

body{font-family: 'Raleway', sans-serif; line-height:1.6rem; background:#011c2c; color:#fff;}

html[lang="ja"]{font-size:15px;}

html[lang="ja"] body{font-family: "Noto Sans JP", Meiryo, 繝｡繧､繝ｪ繧ｪ, "Hiragino Kaku Gothic ProN", "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", sans-serif;}

.font-noto{font-family: "Noto Sans JP", Meiryo, 繝｡繧､繝ｪ繧ｪ, "Hiragino Kaku Gothic ProN", "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", sans-serif !important;}

/* header */
#logo-header{width:260px;}

.navbar{font-family: 'Raleway', sans-serif; font-size:1.1rem;text-align:right;}

html[lang="en-US"] .navbar{font-size:1rem;}

.navbar-brand{font-size:1.8rem;}

nav.bg-dark{background-color:rgba(1, 28, 44, 0.7) !important;}

.navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active{color:#7be2d2;}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus{color:#7be2d2;}

/*@media screen and (max-width:991px){
 .navbar{text-align:right;}
}*/

@media screen and (max-width:767px){
 #logo-header{width:200px;}
}

/* footer */
#logo-footer{width:320px;}

#footer-bottom{padding:18px 0; background:#46b1a0; color:#fff;}

#footer-bottom a, #footer-bottom a:hover{color:#fff;}

#footer-bottom a{text-decoration:underline;}

#footer-bottom a:hover{text-decoration:none;}

/* index */
#hero-image{padding:370px 0; background:url('../images/hero-image.jpg') top center fixed no-repeat;}

#hero-image h1{font-size:3.5rem; letter-spacing:4px; line-height: 3.1rem;}

@media screen and (max-width:991px){
 #hero-image{padding:200px 0;}
}
 
@media screen and (max-width:767px){
    #hero-image{background-size: auto 50%;}
 #hero-image h1{font-size:2.5rem; line-height:3rem;}
    #hero-image{padding:100px 0;}
}

.ttl-border, .ttl-border-page{display: flex; align-items: center; margin-bottom:2.5rem; text-align:center;}

.ttl-border:before, .ttl-border:after, .ttl-border-page:before, .ttl-border-page:after {border-top: 1px solid #fff; content: ""; flex-grow: 1;}

.ttl-border:before, .ttl-border-page:before {margin-right: 1rem;}

.ttl-border:after, .ttl-border-page:after {margin-left: 1rem;}

h2.ttl-border{font-size:2.3rem;}

html[lang="ja"] h2.ttl-border-page{font-weight:300;}

@media screen and (max-width:767px){
h2.ttl-border{font-size:1.85rem;}
	
html[lang="ja"] h2.ttl-border-page{font-size:1.75rem; line-height:2.4rem;}
}

.tri-box{display:block; position:relative;}

.inner-triangle{
    border-left: 75px solid rgba(123, 226, 210, 0.75);
    border-right: 75px solid transparent;
    border-top: 75px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    left:0;
    z-index: 2;
    bottom:0;
}

.tri-box:hover .inner-triangle{border-left: 75px solid rgba(37, 199, 216, 0.75);}

#bg-index-about{background:url('/wp-content/themes/digimallsa/images/bg-index-about.jpg') top center fixed;}

/* page */
#page-ttl{background:url('/wp-content/themes/digimallsa/images/bg-index-about.jpg') center center fixed; padding:140px 0 160px; text-align:center;}

@media screen and (max-width:767px){
 #page-ttl h1{font-size:2rem; line-height:3rem;}
	
 h2.h3{font-size:1.5rem; line-height:2.15rem;}
}

ul.checked-info{list-style:none; padding-left:2px; padding-right:20px; margin-bottom:0;}

ul.checked-info li{padding-left: 1.5em; margin-bottom:5px; }

ul.checked-info li a, ul.checked-success li a, ul.checked-danger li a{color:inherit;}

ul.checked-info li:before{content: '\f00c'; /* FontAwesome Unicode */
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  margin-left: -1.5em; /* same as padding-left set on li */
  width: 1.5em; /* same as padding-left set on li */
  font-weight:600; color:#25c7d8;}

.it-card-area{text-align:center;}

.it-card-area .card{background-color:rgba(0,0,0,.75);}

.hover-box {
  background: rgba(123, 226, 210, .65);
  bottom: 0;
  left: 15px;
  opacity: 0;
  overflow: hidden;
  padding: 3.75rem 3rem;
  position: absolute;
  text-align: center;
  top: 0;
  right: 15px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  color:#333;
}

.hover-box:hover { opacity: 1; }

.hover-box:after,
.hover-box:before {
  border: 1px solid rgba(255, 255, 255, 0.7);
  bottom: 1rem;
  content: '';
  left: 1rem;
  opacity: 0;
  position: absolute;
  right: 1rem;
  top: 1rem;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 0.6s 0.2s;
  transition: 0.6s 0.2s;
}

.hover-box:before {
  border-bottom: none;
  border-top: none;
  left: 2rem;
  right: 2rem;
}

.hover-box:after {
  border-left: none;
  border-right: none;
  bottom: 2rem;
  top: 2rem;
}

.hover-box:hover:after,
.hover-box:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

@media screen and (max-width:991px){
 .hover-box{opacity:1;}
}

/* 404 */
#page404 h2{font-size:6rem; color:#7be2d2; margin-bottom:6rem;}

#page404 h3{margin-bottom:3.5rem;}

/* Back to Top */
#return-to-top {
    z-index:1000;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(123, 226, 210, 0.5);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    z-index:1200;
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

#map{
    height: 550px;
    width: 70%;
    margin: 0 auto;
    padding-top: 5rem;
}

#map.about{
    width: 685px;
    padding-top: initial;
}

.thanks_mes{
    font-size: 2rem;
    line-height: 3rem
}