body{
    /* font-family:'メイリオ', 'Meiryo', sans-serif; */
    /* font-family: 'Kiwi Maru', serif; */
    /* font-family: 'M PLUS 1p', sans-serif; */
    background-image: url("../pic/bgimg_mokume.png");
    background-size: 1995px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left -40px top -50px,center;
}
#haikei-koi{
    background-image: url("../pic/bgimg_mokume_koi.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
}
#haikei-panel{
    background-image: url("../pic/bgimg_panel.png");
    background-size: 1995px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: left -40px top -50px,center;
}
.navbar {
    background-color: hsl(0 100% 100% / 0.4);
}
#navbar-koi{
    background-color: hsl(0deg 0% 0%);
    height: 60px;
}
.hero-head {
    background-color: hsl(0 100% 100% / 0.4);
}
.footer {
    background-color: hsl(0 100% 100% / 0.4);
}
#footer-koi{
    background-color: hsl(0 100% 0% / 0.4);
    color: antiquewhite;
}

p{
    font-family: 'M PLUS 1p', sans-serif;
}
a{
    text-decoration: none;
}
#btn-trans{
    background: transparent;
    border: transparent;
    color: antiquewhite;
}
#card-trans {
    background-color: hsla(0, 0%, 100%, 0.682);
    color: antiquewhite;
}

/* 写真わかんなかった。*/
/* #yourPhoto{
    height: auto;
    width: 100%;
} */

textarea{
    /* font-family: 'Dela Gothic One', sans-serif; */
    font-family: 'DotGothic16', sans-serif;
}
#yourFont{
    background-color: rgba(255,255,255,.3);
}

.font-comment {
    /* font-family: 'BIZ UDPMincho', serif; */
    font-family: 'Klee One', cursive;
}
.select select{
    background-color: rgba(255,255,255,.3);
}

.star{
    font-family: "Font Awesome 5 Free";
    font-size: 15px;
    color: #ff3860;
}
.star:before{
    font-weight: 900;
}
.star:after{
    font-weight: 400;
}
.star[data-rate="0.0"]:before{ content: ""; }
.star[data-rate="0.5"]:before{ content: "\f5c0"; }
.star[data-rate="1.0"]:before{ content: "\f005"; }
.star[data-rate="1.5"]:before{ content: "\f005\f5c0"; }
.star[data-rate="2.0"]:before{ content: "\f005\f005"; }
.star[data-rate="2.5"]:before{ content: "\f005\f005\f5c0"; }
.star[data-rate="3.0"]:before{ content: "\f005\f005\f005"; }
.star[data-rate="3.5"]:before{ content: "\f005\f005\f005\f5c0"; }
.star[data-rate="4.0"]:before{ content: "\f005\f005\f005\f005"; }
.star[data-rate="4.5"]:before{ content: "\f005\f005\f005\f005\f5c0"; }
.star[data-rate="5.0"]:before{ content: "\f005\f005\f005\f005\f005"; }

.star[data-rate="0.0"]:after{ content: "\f005\f005\f005\f005\f005"; }
.star[data-rate="0.5"]:after{ content: "\f005\f005\f005\f005"; }
.star[data-rate="1.0"]:after{ content: "\f005\f005\f005\f005"; }
.star[data-rate="1.5"]:after{ content: "\f005\f005\f005"; }
.star[data-rate="2.0"]:after{ content: "\f005\f005\f005"; }
.star[data-rate="2.5"]:after{ content: "\f005\f005"; }
.star[data-rate="3.0"]:after{ content: "\f005\f005"; }
.star[data-rate="3.5"]:after{ content: "\f005"; }
.star[data-rate="4.0"]:after{ content: "\f005"; }
.star[data-rate="4.5"]:after{ content: ""; }
.star[data-rate="5.0"]:after{ content: ""; }