 @charset "shift-jis";

body,html { height: 100%;}

li,.hide a{font-size:1.3em;}


/*Εθ·ιwi*/
#lp { letter-spacing: 2px; font-size: 10px;}
#lp h2{ font-size: 2.5rem; text-align:center; font-weight:bold; }
#lp p { font-size: 1.5rem; text-align:center; line-height:3rem; }


.parallax-bg,.leather,.flexbox{font-family: "ΰΎ©", YuMincho, "Hiragino Mincho ProN W3", "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", "lr Ύ©", serif;}


#lp .parallax-bg {
  background-image: url('https://www.wakibungu.com/images/doc51/lp1.jpg');
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  justify-content: center;
  align-items: center;
  box-sizing: border-box; height: 100%;
}
#lp .parallax-bg p span{  font-size: 2.8rem; line-height:5rem; font-weight: bold;}


#lp .top{width:100%; position:relative; box-sizing: border-box; height: 100%;}
#lp .top h2{position:absolute; left:12%; bottom:25%; text-align:left;}


#lp .bg1{ background-image: url('https://www.wakibungu.com/images/doc51/lp3.jpg');  display: flex; }
#lp .bg2{ background-image: url('https://www.wakibungu.com/images/doc51/lp4.jpg');  display: flex; }
#lp .bg3{ background-image: url('https://www.wakibungu.com/images/doc51/lp5.jpg');  display: flex;}
#lp .bg4{ background-image: url('https://www.wakibungu.com/images/doc51/bg4.jpg');  display: flex;}
#lp .bg1 h2{ color: #FFF; font-size: 2.5rem; }
#lp .bg1 p,#lp .bg4 p{ color: #FFF;  font-size: 1.5rem; }
#lp .bg4 p{font-size:1.2rem;  line-height:2rem;}




/*XN[·ιRec*/
#lp .scrollbox { background-color: #fff; text-align:center; height: unset;  margin:120px auto;}

#lp ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    list-style-type:none;
    flex-wrap:wrap;
}


#lp .leather { height: unset; margin:80px auto;}
#lp .leather h2{ color:#000; }
#lp .leather ul{width:1200px; margin:30px auto;}

#lp .flexbox{ height: unset;  margin:80px auto;}
#lp .flexbox ul{width:1000px; margin:30px auto;}

#lp .leather ul li,.flexbox ul li{ margin-right:10px; margin-bottom:20px;γtext-align:center;}
#lp .leather ul li span,.flexbox ul li span{font-size:1.3rem;}

#lp div a:hover img { opacity: 0.7; filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)"; }
#lp .spno{display:block;}
#lp .pcno{display:none;}


#lp footer h2,#lp #foot-wrap1 p{font-size:14px; text-align:left;}
#lp #foot-wrap1 ul {display:block;}
#lp #foot-wrap1 p{line-height: 1.3rem;}


/* X}z */

@media only screen and (max-width : 768px) {

#lp img,#lp .leather ul,#lp .flexbox ul{ width:100%; }
#lp h2,#lp .bg1 h2{ font-size: 1.8rem; }
#lp p { font-size: 2rem; }
#lp .parallax-bg p span{  font-size: 3rem;}
#lp .leather ul,#lp .flexbox ul{ padding:0; }
#lp ul{padding-inline-start: 0;}
#lp .bg1,#lp .bg2,#lp .bg3,#lp .bg4,#lp .spno{display:none;}
#lp .pcno{display:block;}

#lp #tabmenu{font-size:13px;}
#lp #tabmenu ul{display:block;}

#nav-drawer{display:none;}
.btarea {right: 10px;}

}

