@charset "utf-8";
/*
Theme Name: bbfu
Theme URI: https://jtcloudsystem.com
Template: lightning
Author: DAI MATSUDA
*/

@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap');
.sawa { font-family: 'Sawarabi Mincho', sans-serif!important; }

span.nLi { display: inline-block; }
.lf { text-align: left; }
.rt { text-align: right; }
.cn { text-align: center; }
.bd { font-weight: bold; }
.bg { font-size: 120%; }
.bk { color: #000; }
.gr { color: #999; }
.sm { font-size: 90%; }
.rd { color: red; }
.ng { text-decoration: line-through; }
.clr { clear: both; }
.mgn { margin: 0; }
.mgt { margin-top: 10%; }
.mgb { margin-bottom: 10%; }
.mgt3 { margin-top: 3%; }
.mgb3 { margin-bottom: 3%; }
.mgt5 { margin-top: 5%; }
.mgb5 { margin-bottom: 5%; }
.mgt7 { margin-top: 7%; }
.mgb7 { margin-bottom: 7%; }
.non { display: none; }
.inBox { padding: 0 3%; }

.pcView { display: inline; }
.mbView { display: none; }
@media (max-width: 600px) { 
    .pcView { display: none!important; }
    .mbView { display: inline!important; }
}

.youtube {
    position: relative;
    display: block;
    width: 90%;
    margin: 0 auto 3em;
    padding-top: 56.25%;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.socials a[href*="facebook.com"]:before { font-family: "Font Awesome 5 Brands"; content: "\f39e"; }
.socials a[href*="twitter.com"]:before { font-family: "Font Awesome 5 Brands"; content: "\f099"; }
.socials a[href*="youtube.com"]:before { font-family: "Font Awesome 5 Brands"; content: "\f167"; }
.socials a[href*="instagram.com"]:before { font-family: "Font Awesome 5 Brands"; content: "\f16d"; }
.socials a:before { font-size: 30px; margin: 10px; }
.socials a:hover { text-decoration: none; color:#4dc0b2; }
.socials a { border-bottom: none!important; box-shadow: none!important; -webkit-box-shadow: none!important; }
li.socials { display: inline-block; }
#menu-socials { text-align: center; }

.navbar-header { float: none; }
.navbar-header .navbar-brand { width:100%; text-align: center; }
.navbar-brand img { display: block; margin: 0 auto; }

@media (min-width: 992px){
    .siteHeader .container {
        padding-top: 6px;
        padding-bottom: 5px;
    }
}

@media (min-width: 768px){
    .slide-text-title {font-size: 4.5vw; text-shadow: 0 0 10px #fff!important; }
    .slide-text-caption, .slide .btn-ghost { font-size: 1.8vw; }
}

.siteHeader.navbar { display: none; }
#top__fullcarousel, .section.page-header, .section.siteContent { margin-top: 0!important; padding-top: 0!important; }

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    z-index: 1000;
}
#page-top a[href*="bodyInner"] {
    background: #666;
    text-decoration: none;
    color: #fff!important;
    width: 150px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
@media (max-width: 768px) { 
	#page-top { display: none; }
}

.idLink { margin-top: -120px; padding-top: 120px; }

div#hFloatInfo { background-color: translate; left: 0px; top: 54px; height: 3em; }
div#fFloatInfo { background-color: rgba(77,77,77,0.8); left: 0px; bottom: 0px; height: 60px; }
div#fFloatInfo, div#hFloatInfo {
    display: block;
    width: 100%;
    position: fixed;
    z-index: 9999;
    text-align: center;
}
.sumaho ul { font-size: 0; padding:0; }
/*.sumaho li { display: inline-block; font-size: 18px; width: 33.3333%; color: #fff; height: 60px; } */
.sumaho li { display: inline-block; font-size: 18px; width: 25%; color: #fff; height: 60px; } 
.sumaho li:nth-child(2), .sumaho li:nth-child(3), .sumaho li:nth-child(4) { border-left: solid; }
.sumaho li i, .sumaho li a, .sumaho li a:hover { color: #fff!important; }
.sumaho p { line-height: .5em; color: #fff; }
@media (min-width: 768px) {
    div#fFloatInfo { display: none; }
}

@media (max-width: 768px) {
    footer .copySection { padding-bottom: 80px; }
}

.boxC {
    padding: 10px 19px;
    margin: 5em 0;
    border-top: solid 3px #000;
    border-bottom: solid 3px #000;
    background-image: radial-gradient(#696969 20%, transparent 0), radial-gradient(#696969 20%, transparent 0);
    background-position: 0 0, 5px 5px;
    background-size: 10px 10px;
}
.boxC p { margin: 0;  padding: 0; background: rgba(220,220,220,0.9); font-family: 'Playfair Display'; font-size: 200%;}
.boxC p a { font-size: 85%; }

input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea { width:100%; }
input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select { height: 45px; }
.wpcf7-form label { width: 100%; }

.nbox { margin-bottom: 5%; background-color: #fff; min-height: 250px; }
.nbox h3 { font-size: 150%; margin-top: 0.25em;}
.notbox { border: 1px solid; border-color: lightgray; margin: 3% 5%; }

.home .prBlock .prBlock_image { width: 250px; height: 250px; }