@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

.menu-trigger {
    /* フォント指定 */
    font-family: "Roboto", sans-serif;
    font-weight: 700;       /* 太さ（数値が大きいほど太い） */
    font-size: 22px;        /* サイズ */
    
    /* 装飾を消す */
    text-decoration: none;
    display: inline-block;
    
    /* マウスを乗せた時の変化（お好みで） */
    transition: opacity 0.3s;
}

.menu-trigger:hover {
    opacity: 0.6;
}

.menu-trigger2 {
    padding: 0;
    margin: 0;
    /* 装飾を消す */
    text-decoration: none;
    display: inline-block;
    
    /* マウスを乗せた時の変化（お好みで） */
    transition: opacity 0.3s;
}

/* ルートの文字サイズ設定　1px=1rem */
html {
font-size: 6.25%;
}
/* bodyのフォントサイズを16px相当に設定 */
body {
font-size: 16rem;
}
@media screen and (max-width: 640px) {/* 640px以下でスマホ画面時*/
body{
font-size:15rem;
}
}

.d-italic {
font-style: normal;	
color: #222;
font-weight: bold;
padding: 0 1px;
margin: 0 1px;
}

.d-underline {
text-decoration:none;
color: #D7000F;
font-weight: 400;
padding: 0 1px;
margin: 0 1px;
}