/*overwrite*/
.active { background: transparent; }
.q_inner { margin: 0 auto; }

.clearfix { clear: both; display: block; overflow: hidden; }
.inner { width: 100%; }
.marbot_10 { margin-bottom: 10px; }
img { max-width: 100%; }

#header .inner_bg { background-color: #231815; text-align: center; }
#header .inner .wrap { padding: 40px 50px 50px; }
#header .inner .wrap h1 { padding-right: 55px; position: relative; }
#header .bot { border-bottom: 20px solid #e60012; }
nav { z-index: 99999; }
.nav-mobile { display: block; height: 26px; /*margin-top: -13px;*/ position: absolute; right: 0; top: 50%; width: 35px; z-index: 9999; }
#nav-toggle { position: absolute; left: 0; top: 0; cursor: pointer; padding: 0; }
#nav-toggle small { clear: both; display: block; font-size: 9px; overflow: hidden; padding-top: 20px; }
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 10px;
  height: 5px;
  width: 100%;
  background: #FFF;
  position: absolute;
  display: block;
  content: '';
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
#nav-toggle span:before { top: -10px; }
#nav-toggle span:after { bottom: -10px; }
#nav-toggle.active { background: transparent; }
#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before,
#nav-toggle.active span:after { top: 0; }
#nav-toggle.active span:before {
-webkit-transform: rotate(45deg); /* WebKit */
-moz-transform: rotate(45deg); /* Mozilla */
-o-transform: rotate(45deg); /* Opera */
-ms-transform: rotate(45deg); /* Internet Explorer */
transform: rotate(45deg); /* CSS3 */
}
#nav-toggle.active span:after {
-webkit-transform: rotate(-45deg); /* WebKit */
-moz-transform: rotate(-45deg); /* Mozilla */
-o-transform: rotate(-45deg); /* Opera */
-ms-transform: rotate(-45deg); /* Internet Explorer */
transform: rotate(-45deg); /* CSS3 */
}

.nav-dropdown { background-color: #636363; text-align: left; }
.nav-dropdown .nav-arrow { border-bottom: 1px solid #bbbbb9; margin-bottom: 6px; padding: 10px 20px; }
.nav-dropdown .nav-arrow i { border: solid #FFF; border-width: 0 3px 3px 0; display: inline-block; padding: 9px; }
.nav-dropdown .nav-arrow .right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.nav-dropdown ul { list-style: none; margin: 0; padding: 0; }
.nav-dropdown ul li { border-top: 1px solid #bbbbb9; }
.nav-dropdown ul li:last-child { /*border-bottom: none;*/ }
.nav-dropdown ul li a { clear: both; cursor: pointer; display: block; overflow: hidden; padding: 10px 20px; }

.info_area .font_1 { font-size: 1.5em; }
.price_dtl { background-color: #982923; }
.price_dtl .ttl { padding: 20px; text-align: center; }
.price_dtl .ttl h2 { font-size: 1em; }
.price_dtl .price_lists { padding: 20px; }
.price_lists .price_bd { border-bottom: 1px dashed #FFF; border-top: 1px dashed #FFF; clear: both; display: block; overflow: hidden; padding: 10px 0; }
.price_lists .price_bd ul { display: inline-block; float: left; width: 50%; }
.price_dtl .price_gab { background-color: #5C0D11; clear: both; display: block; margin: 10px auto; overflow: hidden; padding: 20px; text-align: center; }
.price_dtl .price_gab > p:nth-child(n+2) { display: inline-block; }
.price_dtl .btn_comment { padding-bottom: 20px; text-align: center; }
.price_dtl .btn_comment a { vertical-align: middle; }
.price_dtl .btn_comment a i {
  border: solid #FFF;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 8px;
}
.price_dtl .btn_comment a .down { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.price_dtl .coment { padding: 20px; }

.calendar_top, .calendar_bot { background-color: #000; padding: 20px; }
.calendar_top .data, .calendar_bot h2 { padding-bottom: 10px; text-align: center; }
.calendar_top .holiday { clear: both; display: block; margin: 0; overflow: hidden; padding: 0; }
.calendar_top .holiday li { display: block; float: left; margin-right: 1%; text-align: center; width: 13.4%; }
.calendar_top .holiday li:nth-child(7n+0) { margin-right: 0; }
.calendar_top .holiday .day,
.calendar_top .holiday .t_day { /*display: inline-block; float: none;*/ }

.calendar_bot .module-content table { width: 100%; }
.calendar_bot .module-content table tr th,
.calendar_bot .module-content table tr td { padding: 5px 0; text-align: center; }

.calendar_bot .module-content table tr td:first-child,
.module-calendar.module td.t_day span{
position: relative;
z-index: 2;
width: 100%;
display: inline-block;
}
.calendar_bot .module-content table tr td:first-child span:after,
.module-calendar.module td.t_day span:after {
background: #f00;
content: '';
z-index: -1;
position: absolute;
left: 50%;
border-radius: 50%;
margin-left: -20%;
top: 50%;
margin-top: -20%;
padding: 20%;
}
.module-calendar.module td a {
text-decoration: underline;
}
.safe_logo { background-color: #fff6e8; padding-bottom: 30px; }
.safe_logo ul { width: 95%; list-style: none; margin: 0 auto; padding: 0; text-align: center; }
.safe_logo ul li { display: inline-block; width:71.5%; }
.safe_logo ul li:first-child { width:27.5%; margin-right: 0.9%;}
.safe_logo ul li img { width:100%;}

.staff_blog { padding-top: 20px; }
.staff_image { padding: 20px 30px; position: relative; }
.staff_image img { display: inline-block; float: right; max-width: 8%; vertical-align: middle; }
.staff_image h2 { color: #333; display: inline-block; vertical-align: middle; }
.staff_blog ul { border-top: 2px solid #d57173; padding: 20px 30px; }
.staff_blog ul li a { clear: both; color: #333; display: block; overflow: hidden; padding: 10px 0; }
.staff_blog ul li a span { display: inline-block; width: 150px; }

.store_bg { background-color: #231815; font-size: 1em; padding: 20px; text-align: center; }
.store_float { padding-left: 30%; position: relative; }
.store_float .store_icon { left: 0; position: absolute; top: 0; width: 30%; }
.store_float h2 { padding-bottom: 20px; }
.store_float ul { list-style: none; margin: 0; margin-bottom:10px; padding: 0; text-align: center; max-width:100%; }
.store_float ul li { display: inline-block; width: 70%; }
.store_float ul li:first-child { width:25%; }
.store_float ul li img { display: inline-block; max-width: 100%; }

.payment_logos { color: #333; padding: 30px; text-align: center; }
.payment_logos p { padding-top: 30px; }

.contact_add { clear: both; display: block; overflow: hidden; }
.contact_add ul { list-style: none; margin: 0; padding: 0; }
.contact_add ul li { display: inline-block; float: left; width: 50%; }
.contact_add ul li a:hover { opacity: 0.8; }

.sns_area { padding-bottom: 10px; }
.sns_area ul { padding-bottom: 0; }

.contact_add { bottom: 0; left: 0; margin: 0; padding: 0; position: fixed; width: 100%; z-index: 2; }

#footer { clear: both; display: block; overflow: hidden; padding-bottom: 90px; }
#footer .copy { background-color: #FFF; color: #333; }

@media only screen and (max-width : 736px) {
  .staff_blog ul li a span { width: 80px; }
  #header .bot { border-bottom: 15px solid #e60012; }
}

@media only screen and (max-width : 400px) {
  #header .inner .wrap { padding: 40px 20px; }
/*
  #nav-toggle { padding: 10px 30px 16px 0px; }
  #nav-toggle span,
  #nav-toggle span:before,
  #nav-toggle span:after {
    height: 4px;
    width: 100%;
  }
  #nav-toggle span:before { top: -8px; }
  #nav-toggle span:after { bottom: -8px; }
*/
}