/*

  CSS初期化

================================================================
*/
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6,object, iframe, pre, code, p, blockquote,form, fieldset, legend,table, th, td, caption, tbody, tfoot, thead,article, aside, figure, footer, header,hgroup, menu, nav, section, audio, video, canvas {
  margin: 0;
  padding: 0;}
article, aside, figure, figcaption,footer,h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section {
  display: block;}
li { list-style: none;}
table,tr,th,td { border-collapse: collapse;}
img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  border: none;}

/*

  font設定

================================================================
*/
@font-face {
  font-family: "mos";
  src: url("../font/Montserrat-VariableFont_wght.ttf") format("truetype");}
@font-face {
  font-family: "zkr";
  src: url("../font/ZenKakuGothicNew-Regular.ttf") format("truetype");}
@font-face {
  font-family: "zkm";
  src: url("../font/ZenKakuGothicNew-Medium.ttf") format("truetype");}
@font-face {
  font-family: "zkb";
  src: url("../font/ZenKakuGothicNew-Bold.ttf") format("truetype");}
@font-face {
  font-family: "smr";
  src: url("../font/ShipporiMincho-Regular.ttf") format("truetype");}
@font-face {
  font-family: "smm";
  src: url("../font/ShipporiMincho-Medium.ttf") format("truetype");}
@font-face {
  font-family: "sms";
  src: url("../font/ShipporiMincho-SemiBold.ttf") format("truetype");}

/*

  基本レイアウト設定

================================================================
*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;}
html {
  overflow-y: scroll;
  /*scroll-behavior: smooth;*/
  /*scroll-padding-top: 100px;*/}
body {
  margin:0;
  font-feature-settings: "palt";
  font-family: "zkm",
    '游ゴシック体',
    'Yu Gothic',
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  font-weight: 500;
  font-size: 15px;
  *font-size: 100%;
  line-height: 1.0;
  word-break: break-all;
  -webkit-text-size-adjust: 100%;
  letter-spacing: .05em;
  color: #17191A;}
@media all and (-ms-high-contrast:none)
  { body { font-family: 'メイリオ', 'Meiryo', sans-serif;}}
em,i,address { font-style: normal;}
/* ------------------------------------------------------- sp */
@media (max-width: 767px) {
html {
  scroll-padding-top: 15vw;}}

/*

  基本リンク設定

================================================================
*/
a, a img {
  outline: none;
  color: #17191A;}
a:link, a:visited { text-decoration: none;}
a:hover, a:active  { text-decoration: none;}

/*

  フォームパーツ初期化

================================================================
*/
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;}
textarea {
  resize: vertical;}
input[type='checkbox'],
input[type='radio'] {
  display: none;}
input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer;}
select::-ms-expand {
  display: none;}

/*

  font設定

================================================================
*/
.mincho {
  font-family: 'Yu Mincho',"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif;
  font-weight: 500;}


/*　WP Admin bar Setting */
* {
    box-sizing: border-box;
}

html {
    &:has(#wpadminbar) {
        margin-top: 0 !important;

        #wpadminbar {
            position: fixed;
            z-index: 999;
            top: -32px;
            left: 0;
            transition: .3s ease-in-out;

            &::before {
                content: "";
                position: absolute;
                z-index: 999;
                bottom: -32px;
                left: 0;
                width: 100%;
                height: 0;
                background: transparent;
            }

            &::after {
                content: "MENU";
                cursor: pointer;
                display: flex;
                justify-content: center;
                align-items: center;
                height: 32px;
                position: absolute;
                z-index: 999;
                bottom: -32px;
                left: 15px;
                line-height: 1;
                padding: 5px 10px;
                color: #fff;
                background: #1d2327;
                box-sizing: border-box;
                border-radius: 0 0 5px 5px;
            }

            &:hover {
                top: 0;

                &::before {
                    height: 32px;
                }
            }
        }
    }

    @media (max-width: 767px) {
        &:has(#wpadminbar) {
            #wpadminbar {
                top: -46px;
            }
        }
    }

.grecaptcha-badge { visibility: hidden; }
}