/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Roboto:wght@300;500;700&display=swap');

/*
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Roboto', sans-serif;
*/


#straightdetail-wrap{
    max-width: 800px;
    margin: 30px auto;
    font-size: 26px;
    text-align: center;
    font-family:  'Noto Sans JP', YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"
}
#straightdetail-wrap img{
    max-width: 100%;
    vertical-align: bottom;
}

#straightdetail-wrap li{
    list-style: none;
}
#straightdetail-wrap .sp{
    display:none;
}
#straightdetail-wrap .comm_cont dd{
    margin-left: 0;
}

#straightdetail-wrap .comm_mt{
    margin: 80px auto 0;
}

#straightdetail-wrap .comm_flex{
    display: flex;
    justify-content: space-between;
}

#straightdetail-wrap .left_{
    text-align: left;
}


#straightdetail-wrap .btm{
    background: #ddd;
    padding: 8% 5% 2%;
}





@media only screen and (max-width: 680px) {
    #straightdetail-wrap {
      font-size: 20px;
    }
    #straightdetail-wrap .pc{
        display: none;
    }
    #straightdetail-wrap .sp{
        display:block!important;
    }
    #straightdetail-wrap .comm_mt{
        margin-top: 60px;
    }
    #straightdetail-wrap .comm_btn{
        letter-spacing: normal;
    }
    #straightdetail-wrap .comm_btn a {
      padding: 20px 0 23px;
    }
    #straightdetail-wrap .comm_btn::after {
      width: 28px;
      height: 28px;
    }

}




@media only screen and (max-width: 480px) {
#straightdetail-wrap {
    font-size: 16px;
}
#straightdetail-wrap .comm_btn::after {
  width: 20px;
  height: 20px;
}
#straightdetail-wrap .comm_btn a {
    padding: 15px 0;
}

#straightdetail-wrap #material.block .comm_btn::after {
  width: 16px;
  height: 16px;
}
#straightdetail-wrap .btm .st-navi{
    margin-bottom: 20px;
}

}