/* base */
body{ color: #444444; font-size: 12px; line-height: 100%; font-family: メイリオ; text-align: center; color: #303040; overflow: scroll;}
table{ color: #444444; font-size: 12px; line-height: 100%; font-family: メイリオ;}

a{ cursor: pointer; text-decoration: none;}
a:link{ color: #303040;}
a:visited{ color: #303040;}
a:hover{ color: #303040;}
a:active{ color: #303040;}

img{ vertical-align: bottom;}

.clr:after { content: ""; clear: both; height: 0; display: block; visibility: hidden;}

/* common */

.wrap{ text-align: center; max-width: 960px; margin: 0 auto;}


.header{ height: 80px;}
.header .wrap{ display: flex; justify-content: space-between; align-items: center; height: 80px; position: relative; top: 20px;}
.header h1{ height: 72px;}
.header .gmenu{ height: 24px; position: relative; right: -24px;}
.header .gmenu ul{ height: 24px;}
.header .gmenu ul li{ padding: auto 0; margin-right: 24px; float: left;}
.header .gmenu ul li a{ display: flex; align-items: center; height: 24px;}
.header .gmenu ul li a span{ font-family: bahnschrift, serif; font-size: 18px;}

.x { width: 23px; height: 24px; position: relative; display: block; overflow: hidden; cursor: pointer;}
.x img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; display: block; -webkit-transition: .1s ease-in-out; transition: .1s ease-in-out;}
.x:hover img:nth-of-type(2) { opacity: 0;}

.footer{ height: 80px; background: #fff; position: relative;}
.footer .wrap{ display: flex; align-items: center; height: 80px;}
.footer .logo{ height: 30px; margin-right: 24px;}
.footer .logo img{ height: 30px;}
.footer .adress{ text-align: left; flex-grow: 2; margin: auto;}
.footer .adress span{ line-height: 18px;}
.footer .copy{}