:root {
    --font-default: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, "Yu Gothic Medium", "Yu Gothic", "メイリオ", Meiryo, Osaka, "sans-serif";
    --font-Mincho: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#prodarea {
    font-size: 62.5%;
    /*1rem = 10px*/
    font-size: 1.052vw;
    /*defaultFontsize / maxWidth * 100*/
    max-width: 950px;
    /*maxWidth*/
    margin: 0 auto;
}

/*deviceWidth 750px 以上の時 全体のフォントサイズ 10px に固定*/

@media screen and (min-width: 950px) {
    #prodarea {
        font-size: 10px;
        /*defaultFontsize*/
    }
}

#prodarea img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/*#prodarea a:hover {
	opacity: 0.8;
}
*/

#prodarea .flex {
    display: flex;
}

#prodarea.prod_w100 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: none;
    font-size: 0.98vw;
    /*defaultFontsize / maxWidth * 100*/
    text-align: center;
    overflow: hidden;
}

/*deviceWidth 750px 以上の時 全体のフォントサイズ 10px に固定*/

@media screen and (min-width: 1020px) {
    #prodarea.prod_w100 {
        font-size: 10px;
        /*defaultFontsize*/
    }
}

#prodarea.prod_w100 img {
    display: inline-block;
    width: 180em;
    max-width: 1800px;
    margin: 0 auto;
}

#prodarea.prod_w100 .prod_link {}

#prodarea.prod_w100 .prod_link a {
    display: block;
    width: 87em;
    height: 100%;
    margin: 0 auto;
    transform: translateY(-100%);
}

/*--------------------
No1*/

/*--No2*/

/*No3*/