/* -------- Common: Reset -------- */
a{
  text-decoration: none;
  color: #333333;
}

/* for TMCE */
.bold {
  font-weight: bold;
}

/* ------------------------ BASE Part Start -------- */
#headmenu {
  line-height: 1.3;
}

#headmenu-logo {
  padding: 0 1.0em;
  text-align:center;
}

#headmenu-logo img {
  max-width: 100%;
}

/* ------------------------ Footer -------- */
footer {
  background-color: #333333;
  color: #fefefe;
  padding: 2.0em 0 1.0em 0;
}

footer a{
  text-decoration: none;
  color: #fefefe;
}

footer a:hover{
  text-decoration: none;
  color: #ff8000;
}

.copyright {
  text-align: center;
}

.blackcard {
  background-color: #333333;
}

/* ------------------------ Navi main -------- */
#main-navi {
  padding: 0.5em 0;
}

.main-navi-btn{
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

.sub-navi-btn{
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

/* ------------------------ Navi sub -------- */
#navi {
  display: none;
}

.nav-item {
  width: 100%;
  padding: 8px 2px;
}

.nav-item a{
  display: block;
}

/* ------------------------ For Form -------- */

.zm-dred {
  color: #ff0000;
  font-style: bold;
}

.zm-dtkey {
  width: 29%;
  background-color: #cccccc;
}

.zm-dtval {
  width: 70%;
  background-color: #dddddd;
}

.pd1em {
  padding-bottom: 1em;
}

.pd2em {
  padding-bottom: 2em;
}

.pd3em {
  padding-bottom: 3em;
}

/* -- EyeCatch Image -- */
.hi-top {
    padding: 12rem 2rem;
}

.hi-top h1,.hi-top h2,.hi-top p {
    color: #fefefe;
}

.hi-top h1, .hi-top h2 {
  background-color:rgba(0,0,0,0.3);
}

.hi-top p {
  background-color:rgba(0,0,0,0.4);
}

/* --             Page -- */
.hi-index {
    background: url(image/img31.jpg) center no-repeat;
    background-size: cover;
}

.hi-infomation {
    background: url(image/img36.jpg) center no-repeat;
    background-size: cover;
}

.hi-aboutus {
    background: url(image/img43.jpg) center no-repeat;
    background-size: cover;
}

.hi-lion {
    background: url(image/img20.jpg) center no-repeat;
    background-size: cover;
}

.hi-lion2 {
    background: url(image/img35.jpg) center no-repeat;
    background-size: cover;
}

.hi-eshop {
    background: url(image/img01.jpg) center no-repeat;
    background-size: cover;
}

.hi-factory {
    background: url(image/img39.jpg) center no-repeat;
    background-size: cover;
}

.hi-tenpo {
    background: url(image/img44.jpg) center no-repeat;
    background-size: cover;
}

.hi-order {
    background: url(image/img32.jpg) center no-repeat;
    background-size: cover;
}

.hi-river {
    background: url(image/img37.jpg) center no-repeat;
    background-size: cover;
}

.hi-river2 {
    background: url(image/img42.jpg) center no-repeat;
    background-size: cover;
}

.hi-custom-chest {
    background: url(image/img21.jpg) center no-repeat;
    background-size: cover;
}

/* ---- YouTube ---- */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.remark {
  font-size: 1.2rem;
  font-weight: 700;
  color: #008735;
  padding: 2rem 2rem;
}

/*---- for index ----*/
.btn-max {
  font-size: 1.4rem;
}

/*---- for Products ----*/
.pdcode {
  font-weight: bold;
}

.pddesc {
  padding-top: 2rem;
  font-size: 1.2rem;
}

.pd-kakakubox {
  text-align: right;
}

.pd-kakaku {
  font-size: 3.0rem;
  color: #0000ff;
}

/* ------------------------ Media Query Part -------- */
@media screen and (min-width:1024px) {
.hi-top {
    padding: 16rem 2rem;
}
}
/* Print CSS for Bootstrap */
@media print{
html,body{  height: auto;  }
body {  -webkit-print-color-adjust: exact;  }
.col-lg-12{  width:100%;  }
.col-lg-11{  width:91.66666667%;  }
.col-lg-10{  width:83.33333333%;  }
.col-lg-9{  width:75%;  }
.col-lg-8{  width:66.66666667%;  }
.col-lg-7{  width:58.33333333%;  }
.col-lg-6{  width:50%;  }
.col-lg-5{  width:41.66666667%;  }
.col-lg-4{  width:33.33333333%;  }
.col-lg-3{  width:25%;  }
.col-lg-2{  width:16.66666667%;  }
.col-lg-1{  width:8.33333333%;  }

.col-md-12{  width:100%;  }
.col-md-11{  width:91.66666667%;  }
.col-md-10{  width:83.33333333%;  }
.col-md-9{  width:75%;  }
.col-md-8{  width:66.66666667%;  }
.col-md-7{  width:58.33333333%;  }
.col-md-6{  width:50%;  }
.col-md-5{  width:41.66666667%;  }
.col-md-4{  width:33.33333333%;  }
.col-md-3{  width:25%;  }
.col-md-2{  width:16.66666667%;  }
.col-md-1{  width:8.33333333%;  }

.col-12{  width:100%;  }
.col-11{  width:91.66666667%;  }
.col-10{  width:83.33333333%;  }
.col-9{  width:75%;  }
.col-8{  width:66.66666667%;  }
.col-7{  width:58.33333333%;  }
.col-6{  width:50%;  }
.col-5{  width:41.66666667%;  }
.col-4{  width:33.33333333%;  }
.col-3{  width:25%;  }
.col-2{  width:16.66666667%;  }
.col-1{  width:8.33333333%;  }
}/* Add Css Part */