*,
*::before,
*::after {padding: 0;margin: 0;box-sizing: border-box;}

@media (min-width: 768px) {

.top_header {max-width: 1080px;margin: 0 auto;height: 125px; position: relative; background-color: #fff;}
.nav_box{background-color:#fff;width: 990px; position:absolute;bottom:0;right:0;}
.language{text-decoration: none;font-weight: 900;color: blue;}

.top_uneikibo {
	font-family: "游明朝体", "YuMincho", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "MS P明朝", "MS PMincho", serif;
	font-weight: bold;font-size:18px;display: block;position:absolute;top:6px;right:520px;
}

.top_phone {
      font-family: "游明朝体", "YuMincho", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "MS P明朝", "MS PMincho", serif;
      font-size:18px;display: block;position:absolute;top:6px;right:294px;}

img.top_logo3 {height:50%;width:auto;display:block;position:absolute;top: 50%; -webkit-transform: translateY(-90%); transform: translateY(-50%);left:0px;}
img.goto_banner {height:80%;width:auto;display:block;position:absolute;top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);left:0;}


img.top_telnumber {display: inline-block;position:absolute;top:6px;right:128px;}
img.top_facebook {display: inline-block;position:absolute;top:6px;right:92px;}
img.top_instagram {display: inline-block;position:absolute;top:6px;right:56px;}
img.top_fc2 {display: inline-block;position:absolute;top:6px;right:20px;}
img.top_twt {display: inline-block;position:absolute;top:9px;right:-15px;width:25px;height:24px}

.top_koshiki{ display : none;}
.top_tel{ display : none;}
.top_mail{ display : none;}

.menu ol {list-style: none;padding: 0;margin: 0;z-index: 99;}
.menu ol:first-child {width: 100%;max-width: 990px;margin: 0 auto;display: grid; grid-template-columns: repeat(8, 1fr);align-items: center;}
.menu-item {display: flex;align-items: center;justify-content: center;border-bottom: 4px solid #fff;position: relative;transition: background 0.3s ease-in-out;}

.menu-item:nth-child(1) > a::before {content: "\f015";}
.menu-item:nth-child(2) > a::before {content: "\f236";}
.menu-item:nth-child(3) > a::before {content: "\f6bb";}
.menu-item:nth-child(4) > a::before {content: "\f70c";}
.menu-item:nth-child(5) > a::before {content: "\f2e7";}
.menu-item:nth-child(6) > a::before {content: "\f5a0";}
.menu-item:nth-child(7) > a::before {content: "\f5e4";}

.menu-item:nth-child(1) > a::before {font-family: "Font Awesome 5 Free";font-size: 1.5rem;display: block;margin-bottom:0.6rem;font-weight: 900;
-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;
  font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;color: #333;}

.menu-item:nth-child(2) > a::before {font-family: "Font Awesome 5 Free";font-size: 1.5rem;display: block;margin-bottom:0.6rem;font-weight: 900;
-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;
  font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;color: #333;}

.menu-item:nth-child(3) > a::before {font-family: "Font Awesome 5 Free";font-size: 1.5rem;display: block;margin-bottom:0.6rem;font-weight: 900;
-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;
font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;color: #333;}

.menu-item:nth-child(4) > a::before {font-family: "Font Awesome 5 Free";font-size: 1.5rem;display: block;margin-bottom:0.6rem;font-weight: 900;
-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;
font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;color: #333;}

.menu-item:nth-child(5) > a::before {font-family: "Font Awesome 5 Free";font-size: 1.5rem;display: block;margin-bottom:0.6rem;font-weight: 900;
-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;
font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;color: #333;}

.menu-item:nth-child(6) > a::before {font-family: "Font Awesome 5 Free";font-size: 1.5rem;display: block;margin-bottom:0.6rem;font-weight: 900;
-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;
font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;color: #333;}

.menu-item:nth-child(7) > a::before {font-family: "Font Awesome 5 Free";font-size: 1.5rem;display: block;margin-bottom:0.6rem;font-weight: 900;
-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;
font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;color: #333;}

.menu-item:not(:last-child) {border-right: none;}
.menu-item.active {border-bottom: 4px solid #a18553;}
.menu-item:hover a::before, .menu-item.active a::before {color: #a18553;}

.menu-item a {
    font-family: "游明朝体", "YuMincho", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "MS P明朝", "MS PMincho", serif;
    font-size: 0.8rem; font-weight:700;color: #333; display: flex;flex-direction: column;align-items: center;text-decoration: none;
    height: 100%;width: 100%;padding: 0.8em 0.8em 1em 0.8em; position: relative;}

.menu-item.active a {color: #a18553;}
.menu-item a:hover {color: #a18553;}
.menu-item a::after { position: absolute; bottom: -4px; left: 0; content: ''; width: 100%; height: 4px; background: #a18553; transform: scale(0, 1); transform-origin: center top; transition: transform .3s;}
.menu-item a:hover::after {transform: scale(1, 1);}

#mb_menu { display : none;}

}


@media screen and (max-width:768px) {

.menu-btn {position: fixed;top: 0;right: 0;width:50px;height:50px;line-height:50px;font-size: 28px; background-color:#a18553;text-align:center;cursor: pointer;z-index:10000;}
.menu-btn span {color: #fff;}

.menu-btn span:after {content:attr(data-txt-menu);}
.open .menu-btn span:after {content: attr(data-txt-close);}

.menu {  z-index:1000; position: fixed; display:block; top: 0; left: 0; width: 100%; height: 100%;background: rgba(0,0,0,.8);padding:50px 0 0 0;
-webkit-transition: all .5s;transition: all .5s;visibility: hidden;opacity: 0; text-align: center;}

.menu ul {list-style: none;display:inline-block;}

.menu li.w50l {width:43%;float:left;text-align:left;padding-left:0;box-sizing:border-box; height: 60px;line-height: 60px;margin-left:15%;}
.menu li.w50r {width:42%;float:left;text-align: left;padding-left:0;box-sizing:border-box; height: 60px;line-height: 60px;}
.menu li.sns {width:60px;height:60px;display:inline-block;padding:0;margin:0;}
.menu li.w100 {width:100%;text-align :center ;clear:both; display: block;}
.menu li.cname {width:100%text-align :center ;clear:both; display: block;margin-top:10px;font-size: 25px; color: #fff;line-height:1.6;}
.menu li.address {width:100%text-align :center ;clear:both; display: block;font-size: 15px; color: #fff;line-height:1.6;}
.menu li.emp {width:100%;height:10px;clear:both; display: block;}
.menu li a {display: block; font-size: 18px; color: #fff;text-decoration: none;}

.menu li.nth-child1 a::before {font-family: "Font Awesome 5 Free"; content: "\f015\00A0\00A0\00A0";font-weight: bold;}
.menu li.nth-child2 a::before {font-family: "Font Awesome 5 Free"; content: "\f236\00A0\00A0\00A0";font-weight: bold;}
.menu li.nth-child3 a::before {font-family: "Font Awesome 5 Free"; content: "\f6bb\00A0\00A0\00A0\00A0";font-weight: bold;}
.menu li.nth-child4 a::before {font-family: "Font Awesome 5 Free"; content: "\f70c\00A0\00A0\00A0\00A0";font-weight: bold;}
.menu li.nth-child5 a::before {font-family: "Font Awesome 5 Free"; content: "\f2e7\00A0\00A0\00A0\00A0";font-weight: bold;}
.menu li.nth-child6 a::before {font-family: "Font Awesome 5 Free"; content: "\f5a0\00A0\00A0\00A0";font-weight: bold;}
.menu li.nth-child7 a::before {font-family: "Font Awesome 5 Free"; content: "\f5e4\00A0\00A0\00A0";font-weight: bold;}
.menu li.nth-child8 a::before {font-family: "Font Awesome 5 Free"; content: "\f0e0\00A0\00A0\00A0";font-weight: bold;}

img.menu_sns {float: left;width: 50px;height: 50px;margin:0;}
.menu li a:hover {text-decoration:none;border-style:none; color:#fff;}
.menu li a:focus, *:focus { outline:none;background: rgba(0,0,0,.8);}
.open .menu {cursor: url(../images/cross.svg),auto;-webkit-transition: all .5s; transition: all .5s; visibility: visible; opacity: 1;}

.top_header {display:block;width:100%;height: 50px; position:fixed; top: 0;left:0;background-color:#fff;z-index:5;}

.nav_box{ display : none;}
.top_uneikibo { position: relative; top: -8px;left: -90px;}
div .circle { display : none;}
.top_phone { display : none;}
.language{text-decoration: none;font-weight: 900;color: blue;}

img.top_logo3  {height:35px;width:auto;display:block;position:fixed;top:12px;left:2px;}
img.goto_banner {display : none;}
img.top_telnumber { display : none;}
img.top_facebook{ display : none;}
img.top_instagram{ display : none;}
img.top_fc2{ display : none;}
img.top_twt{ display : none;}
.top_koshiki{display:block;position: fixed;top: 15px;left:82px; font-size: 15px;z-index:10;}
img.top_tel{display:block;position: fixed;top: 0;right:100px;width: 50px; height: 50px;cursor: pointer;  z-index:10;}
img.top_mail{display:block;position: fixed;top: 0;right:50px;width: 50px; height: 50px;cursor: pointer;  z-index:10;}

}