@charset "UTF-8";
/*
Theme Name: kawasakiya3.4
Theme URI: http://http://www.kawasakiya-aya.com
Description: kawasakiya
Author: kawasakiya
Version: 3.3
*/
/* Clearfix
=================================*/
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from Mac IE \*/

.clearfix { display: block; }
* html .clearfix { height: 1%; }
/* Hide from Mac IE */

#toggleMenu {
    overflow: hidden;
    transition: all 0.5s;
}
#toggleMenu2 {
    overflow: hidden;
    transition: all 0.5s;
}
#toggleMenu3 {
    overflow: hidden;
    transition: all 0.5s;
}

.toggle:hover {
  opacity: 0.6;
  cursor:pointer; 
}

h2 span{font-size: 70%}

.border{border-bottom: 1px solid #333;}

.border_top{border-top: 1px solid #333;}

.item th{
	font-weight: normal!important;
  padding-top:1em;
  padding-right:2em;  
	padding-bottom:2em;
	white-space: nowrap;
}

.item td{
	font-weight: normal!important; 
  padding-top:1em;
	padding-bottom:2em;
}


.item2 th{
  font-weight: normal!important;
  padding-top:1em;
  padding-left:2em;  
  padding-right:2em;  
  padding-bottom:2em;
  white-space: nowrap;
}

.item2 td{
  padding-top:1em;
  padding-left:1em; 
  font-weight: normal!important; 
  padding-bottom:2em;
}

.indentback{
  text-indent: -1.5em;
  padding-left: 1.5em;
}

.item3 td{
  padding: 0!important;
}

.toggle span{font-size: 10px;}



/* Centering */
.ver_center { position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.hor_center { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.center { position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
body { -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; }
.menu_overlay { position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background-color: #FFF; opacity: 0.95; z-index: -1; }
.menu_btn { width: 60px; height: 60px; position: fixed; overflow: visible; line-height: 13px; font-size: 1px; float: left; cursor: pointer; -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; top: 0em; right: 0em; z-index: 999; }
.menu_btn .line { position: fixed; background-color: #333; overflow: hidden; z-index: 999; width: 31px; height: 1px; -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; top: 0px; right: 15px; }
.menu_btn .line:nth-child(1) { top: 20px; z-index: 2; }
.menu_btn .line:nth-child(2) { top: 30px; z-index: 2; }
.menu_btn .line:nth-child(3) { top: 40px; z-index: 2; }
.btn_wrapper { z-index: 99999; position: fixed; }
.btn_wrapper.clicked .menu_btn .line:nth-child(1) { -webkit-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; }
.btn_wrapper.clicked .menu_btn .line:nth-child(2) { opacity: 0; -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; }
.btn_wrapper.clicked .menu_btn .line:nth-child(3) { -webkit-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); -webkit-transition: all 400ms ease-out 0ms; -moz-transition: all 400ms ease-out 0ms; -o-transition: all 400ms ease-out 0ms; transition: all 400ms ease-out 0ms; }

nav.sp_menu { font-family: "A-OTF A1明朝 Std Bold", "A1明朝", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color: #333333; position: fixed; width: 100%; height: 100vh; top: 0px; background-color: transparent; z-index: 9999; display: none; right: 0px; }
nav.sp_menu ul { position: relative; width: 100%; height: auto; display: flex; align-items: center; letter-spacing: 0.15em; padding: 0px; display: inline-block; margin-right: auto; margin-bottom: 0; margin-left: auto; margin-top: 0px; }
nav.sp_menu ul.sp_gnavi { font-weight: bold; margin-bottom: 1em;  margin-top: 8vh; }
nav.sp_menu ul.sp_gnavi li { font-size: 1.4em; text-align: center; margin-bottom: 1em; }
nav.sp_menu ul.sp_snavi {  margin: auto; padding: 0px; width: 80%; }
nav.sp_menu ul.sp_snavi li { font-size: 1.2em; text-align: center; float: left; width: 50%; margin-bottom: 0.8em; }
nav.sp_menu ul.sp_snavi li:last-child { text-align: center; float: none; width: 100%; margin-bottom: 2em; }
nav.sp_menu ul li a { color: #333; text-decoration: none; }

small { font-size: 0.7em; margin-top: 1em; display: block; text-transform: uppercase; line-height: 2em; width: 100%; padding: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; text-align: center; letter-spacing: 0.1em; }



@media screen and (max-width: 470px) {
nav.sp_menu ul.sp_gnavi { margin-top: 10vh; }
nav.sp_menu ul.sp_gnavi li { font-size: 1.5em; line-height: 1em; margin-bottom: 1em; }
nav.sp_menu ul.sp_snavi li { font-size: 1.3em; line-height: 1em; margin-bottom: 1em; }
}

@media screen and (max-width: 374px) {
nav.sp_menu ul.sp_gnavi li { font-size: 1.4em; line-height: 1em; margin-bottom: 1em; }
nav.sp_menu ul.sp_snavi li { font-size: 1.2em; line-height: 1em; margin-bottom: 1em; }
}