
#site_wrap { display:none; }
#site_loader_overlay {
  background: #fff;
  opacity: 1;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
}

/* type1 */
#site_loader_animation {
  margin: -25.5px 0 0 -25.5px;
  width: 48px;
  height: 48px;
  font-size: 10px;
  text-indent: -9999em;
  position: fixed;
  top: 50%;
  left: 50%;
  border: 3px solid rgba(34,34,34,0.2);
  border-top-color: #222222;
  border-radius: 50%;
  -webkit-animation: loading-circle 1.1s infinite linear;
  animation: loading-circle 1.1s infinite linear;
}
@-webkit-keyframes loading-circle {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes loading-circle {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);
  }
}


.has_header_content #index_header_search {margin-top: 0px;}
body{background: #eee;}
#index_news {background-color: #ffffff;}
#footer_widget.footer_widget_type2 .ml_ad_widget {width: 100%;color:#c3c2c2;}
div#cb_0{background-image: url(/app_word/images/nami.png);background-repeat: no-repeat;background-position: right top;}
div#cb_4{background-image: url(/app_word/images/haibisukasu2.png);background-repeat: no-repeat;background-position: left top;}
#header_image img {display: none;}
#post_image img {display: none;}
.introduce_archive_banner_link .image img {display: none;}


#header_slider .caption .headline { font-size:47px; text-shadow:0px 0px 4px #000000; color:#ffffff }
#header_slider .caption .catchphrase { font-size:17px; text-shadow:0px 0px 4px #000000; color:#ffffff; text-align: center;}
#header_slider .caption .button { background-color:#a5d478; color:#ffffff; border-color:#ffffff; }
#header_slider .caption .button:hover { background-color:#7eaa61; color:#ffffff; border-color:#ffffff; }
#header_slider .caption .button:after { color:#ffffff; }
#header_slider .caption .button:hover:after { color:#ffffff; }

div#slider_youtube{
width:100%;
padding-bottom: 56.25%;
height:0px;
position: relative;
}
div#slider_youtube iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

li .cart_num {
    background: #0278be none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

@media screen and (max-width:991px) {
  #header_slider .caption .headline { font-size:30px; }
}
