:root {
    color-scheme: light dark;
}

body {
      color: light-dark(#000,#000)
}

/* ↑ダークモード未対応ページのバグ修正用コード↑ */


#syokudo,
#yokushitsu,
#seiyoshitsu,
#sentakushitsu,
#hosyokushitsu,
#danwashitsu,
#toire {
    scroll-margin-top: 64px;
    padding-top: 32px;
    border-top: 2px #bbb solid;
}

.img-flex {
    display: flex;
}

img {
    width: 75%;
}

.photos {
    padding-left: 4%;
}

button {
    background: #fff;
    border-style: none;
}

.photos img {
    width: 100%;
}

h2 {
    color: #7f7fff;
}

p {
    font-size: 14px;
    padding-bottom: 48px;
}

.i11,
.i41,
.i51,
.i71 {
    diplay: block;
}

.i12,
.i13,
.i42,
.i43,
.i52,
.i53,
.i72,
.i73 {
    display: none;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝モバイル版　↓＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

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

.img-flex {
    display: block;
}

img {
    width: 100%;
}

.photos {
    padding: 0%;
    margin-top: 16px;
    display: flex;
    height: 50px;
}

.photos img {
    height: 50px;
}

}