@charset "utf-8";

/*=============================================
 * body
 *=============================================*/

body {
    color: #2c1906;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 1px;
    cursor: auto;
    min-width: inherit;
    word-spacing: normal;
    background: url(../img/shared/headerB.jpg) repeat-x top center, url(../img/shared/bg.jpg);
}

.navOpen {
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

body.navOpen,
body.navOpen *,
body.navOpen *:hover,
body.navOpen *:focus,
body.navOpen *:active {
    /*    cursor: none !important;*/
    touch-action: none !important;
    pointer-events: none !important;
}

body.navOpen .hamburger,
body.navOpen #menu_toggle,
body.navOpen #menu_toggle * {
    touch-action: auto !important;
    pointer-events: visible !important;
}

.fnt-mincho {
    font-family: 'Sawarabi Mincho', sans-serif;
    /*	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
}

.fnt-meiryo {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.fnt-gothic {
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.block::after {
    clear: both;
    content: "";
    display: block;
}


/*=============================================
 * header
 *=============================================*/

header {
    position: relative;
}

header .logo {
    position: absolute;
    top: 0;
    left: 2%;
    width: 32%;
    z-index: 1;
}


header .nintei1 {
        position: absolute;
    top: 70px;
    right: 0;
    z-index: 1;
    width: 28%;
    
}

header .nintei1 img {
    width: 100%;
    height: auto;
}


header h1 {
    font-size: 13px;
    line-height: 20px;
    text-align: right;
    font-weight: normal;
    position: absolute;
    bottom: 5px;
    right: 5px;
    z-index: 2;
    color: #fff;
    text-shadow: 0px 0px 14px rgba(0, 0, 0, 0.75);
}


/*====================== nav ====================== */

header .topnavi {
    position: absolute;
    bottom: 3px;
    right: 5px;
    height: 54px;
}

header .topnavi li {
    display: inline-block;
    position: relative;
    width: 60px;
    vertical-align: top;
}

header .topnavi li a {
    color: #fff;
    font-size: 11px;
    line-height: 23px;
    text-align: center;
    display: block;
    height: 100%;
    padding-top: 5px;
    width: 100%;
    border-left: 1px dotted rgba(255, 255, 255, 1.00);
}

header .menu_toggle ul li a {
    font-size: 17px;
    color: #e8ca95;
}

header .topnavi li a:hover {
    text-decoration: none;
}

header .topnavi li a[class^="icon-"]:before {
    display: block;
    width: 100%;
    padding-bottom: 4px;
    font-size: 19px;
    font-weight: normal;
}

header .menu_toggle {
    background: url(../img/shared/menu_bg.jpg);
    color: #e8ca95;
    padding-top: 40px;
}

header .menu_toggle li {
    border-bottom: none;
    text-align: center;
    font-family: 'Sawarabi Mincho', sans-serif;
}

header .menu_toggle.nav-style01 {
    top: 0px;
    right: -100%;
    display: block;
    transition: all 0.5s ease 0s;
}

.navOpen .menu_toggle.nav-style01 {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    right: 0;
}

.hamburger {
    position: fixed;
    top: 0;
    right: 0;
    background: url(../img/shared/btn.jpg);
    z-index: 10;
    padding: 16px 15px 4px 15px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    height: 2px;
    width: 30px;
    background: #e8ca95;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

.hamburger-box {
    width: 30px;
}

header .menu_toggle li a {
    padding-left: 0;
}

header .menu_toggle li a span {
    padding-left: 0;
    padding-bottom: 5px;
}

header .menu_toggle p {
    background: url(../img/shared/menu_bg2.jpg);
    width: 85%;
    margin: 20px auto 0 auto;
    padding: 0;
}

header .menu_toggle p a {
    color: #000;
    padding: 17px 0 10px 0;
    text-align: center;
}

header .menu_toggle p a span {
    display: block;
    font-size: 30px;
    line-height: 1.5em;
    font-weight: bold;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    padding-bottom: 0;
}

header .menu_toggle p a span:before {
    font-size: 23px;
    margin-right: 3px;
}

header .menu_toggle li a.active span {
    background: url(../img/shared/active.png) no-repeat bottom center;
}

#mapnavi {
    position: fixed;
    top: 0;
    right: 65px;
    background: url(../img/shared/btn.jpg);
    color: #fff;
    z-index: 2;
}

#mapnavi a {
    padding: 13px 15px 5px 15px;
    line-height: 30px;
    display: block;
}

#mapnavi a:before {
    font-size: 30px;
}

.wrap {
    padding: 0 4%;
}


/*====================== end nav ====================== */


/*====================== header key ====================== */

header #key {
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding-top: 55px;
}

.bx-wrapper {
    position: relative;
}


/*====================== end nav ====================== */


/*=============================================*/


/*                   　footer　　　　　          */


/*=============================================*/

footer {
    background: url(../img/shared/footer_line.jpg) repeat-x top center, url(../img/shared/menu_bg.jpg);
    overflow: hidden;
    font-size: 13px;
    line-height: 19px;
    padding-bottom: 47px;
    color: #fff;
    padding-top: 5%;
}

footer .shopinfo {
    padding: 5% 1.5%;
    position: relative;
}

footer .vcard {
    text-align: center;
}

footer .vcard dt {
    font-weight: bold;
}

footer .vcard dd {
    padding-bottom: 20px;
}

footer .vcard dd p+p {
    margin-top: 10px;
}

#f_logo {
    margin: 0 auto 15px auto;
    text-align: center;
}

#f_tel {
    margin-bottom: 20px;
    text-align: center;
}

footer .banner li {
    float: left;
    width: 32%;
    padding: 0 0.5%;
}

footer .link {
    margin: 0 auto 0;
    text-align: center;
    width: 100%;
    font-weight: normal;
}

footer .link p {
    width: 45%;
    min-width: 170px;
    max-width: 210px;
    margin: 10px auto;
    padding: 0 6px;
    line-height: 30px;
}

footer .link p a {
    background: url(../img/shared/btn_bg.jpg);
    border: solid 1px rgba(200, 200, 200, 0.78);
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 13px;
    letter-spacing: 0;
    padding: 3px 20px;
    text-align: center;
    text-decoration: none;
    box-shadow: inset 0 0 1px #a8a398;
}

footer .link .link-pc a::before {
    margin-right: 9px;
}

footer address {
    line-height: 44px;
    background: url(../img/shared/footer_bg2.png);
    color: #fff;
    font-size: 10px;
    letter-spacing: 1.5px;
    text-align: center;
    padding-bottom: 2em;
}

footer .app {
    width: 80%;
    margin: 0 auto 20px auto;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    padding: 20px;
    line-height: 1.8;
    background: url(../img/shared/footer_bg4.jpg);
}

.m_b0 {
    margin-bottom: 0;
}

.m_b5 {
    margin-bottom: 5px;
}

.m_b10 {
    margin-bottom: 10px;
}

.m_b15 {
    margin-bottom: 15px;
}

.m_b20 {
    margin-bottom: 20px;
}

.m_b30 {
    margin-bottom: 30px;
}


/*=============================================*/


/*                   　index　　　　　          */


/*=============================================*/

#index .slide_thm li {
    float: left;
    width: 33.33%;
}

.link-archo li {
    width: 49%;
    float: left;
    color: #fff;
    padding: 10px 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.botan {
    color: #fff;
    padding: 3px 5px;
}

.access_btn {
    background: #4C06F7;
    text-align: center;
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
}

.access_btn span {
    display: block;
    padding: 10px;
    cursor: pointer;
}

.copied {
    background-color: rgb(61, 38, 18);
    color: rgb(255, 255, 255);
}

#pagetop {
    z-index: 8;
}

#ft_group {
    position: fixed;
    opacity: 0;
    z-index: -9999;
    bottom: 0;
    left: 0;
    right: 0;
    color: #000;
    background-color: rgb(243, 235, 235);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
}

.has_nav #ft_group {
    position: fixed;
    z-index: 8;
    opacity: 1;
    background: url(../img/shared/footer_bg4.jpg);
    color: #fff;
}

#ft_group .box {
    padding: 3% 0;
    width: 50%;
    float: right;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

#ft_group .box2 {
    padding: 3% 0;
    width: 50%;
    float: left;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border-right: 1px solid #fff;
    background: #da4c1b;
}

#ft_group .box2 a {
    padding: 2%;
}

.ft_contact_tel dd {
    font-size: 18px;
}

.ft_contact_tel .icon-phone-1:before {
    padding-right: 10px;
}

.txt_center {
    text-align: center;
}

.bg2 {
    background: url(../img/shared/footer_bg4.jpg);
    color: #fff;
}

.bg2 .slick-dots button {
    background: #fff;
}

.bg2 .slick-dots .slick-active button {
    background: #592c0a;
}

#yoyaku {
    position: fixed;
    left: 0;
    bottom: 80px;
    z-index: 9999;
}


/*--------------------------------CODE-20210611--------------------------------*/

header .menu_toggle li a.active span {
    background: url(../img/shared/active.png) repeat-x bottom center;
}

header .menu_toggle ul.sub_scroll_box li a::after {
    display: none;
}

header .menu_toggle ul.sub_scroll_box li {
    padding-bottom: 0;
}

header .menu_toggle ul.sub_scroll_box li a {
    font-size: 14px;
    color: #fff;
}

.navOpen #yoyaku {
    z-index: 0;
}

header .menu_toggle {
    padding-bottom: 40px;
}

.nintei_logo{
	width: 30%;
	text-align: center;
	margin: 0px auto 20px;
}


.ins_botan a{
	background-color: rgba(32,31,30,0.8);
	margin: 10px 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
	color:#fff;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
}