/*-------------------------------------------- max-width 1200 --------------------------------------------*/ @media (max-width: 1200px) { /*-------------------------------------------- article-view --------------------------------------------*/ .article-view { padding-top: 36px; } /*-------------------------------------------- first-view --------------------------------------------*/ /*-------------------------------------------- article-machine__wrap --------------------------------------------*/ /*-------------------------------------------- machine-menu --------------------------------------------*/ /*-------------------------------------------- machine-menu__top --------------------------------------------*/ .machine-menu__top { top: 75px; } /*-------------------------------------------- article-machine --------------------------------------------*/ /*-------------------------------------------- article-machine section --------------------------------------------*/ /* machine-contents */ /* machine-contents__detail */ /* machine-muscle */ /* machine-effect */ /* reference-link */ } /*-------------------------------------------- max-width 1080 --------------------------------------------*/ @media (max-width: 1080px) { /*-------------------------------------------- article-view --------------------------------------------*/ /*-------------------------------------------- first-view --------------------------------------------*/ /*-------------------------------------------- article-machine__wrap --------------------------------------------*/ /*-------------------------------------------- machine-menu --------------------------------------------*/ /*-------------------------------------------- machine-menu__top --------------------------------------------*/ /*-------------------------------------------- article-machine --------------------------------------------*/ /*-------------------------------------------- article-machine section --------------------------------------------*/ /* machine-contents */ /* machine-contents__detail */ /* machine-muscle */ /* machine-effect */ /* reference-link */ } /*-------------------------------------------- max-width 1100 --------------------------------------------*/ @media (max-width: 1100px) { /*-------------------------------------------- article-view --------------------------------------------*/ /*-------------------------------------------- first-view --------------------------------------------*/ /*-------------------------------------------- article-machine__wrap --------------------------------------------*/ /*-------------------------------------------- machine-menu --------------------------------------------*/ /*-------------------------------------------- machine-menu__top --------------------------------------------*/ /*-------------------------------------------- article-machine --------------------------------------------*/ /*-------------------------------------------- article-machine section --------------------------------------------*/ /* machine-contents */ /* machine-contents__detail */ /* machine-muscle */ /* machine-effect */ /* reference-link */ } /*-------------------------------------------- max-width 810 --------------------------------------------*/ @media (max-width: 810px) { /*-------------------------------------------- article-view --------------------------------------------*/ /*-------------------------------------------- first-view --------------------------------------------*/ .article-view__first { padding: 7.5em 0; } .article-view__first > span { font-size: 110%; } .article-view__first h1 { font-size: 325%; } .article-view__first h1 small { font-size: 70%; } .article-view__first h1 span { font-size: 155%; display: block; } .article-view__first p { font-size: 150%; } /*-------------------------------------------- article-machine__wrap --------------------------------------------*/ /*-------------------------------------------- machine-menu --------------------------------------------*/ .machine-menu__list li { width: calc(100% / 3 - 2em / 3); } /*-------------------------------------------- machine-menu__top --------------------------------------------*/ .machine-menu__top { display: none; } /*-------------------------------------------- article-machine --------------------------------------------*/ .article-machine__title { font-size: 150%; } /*-------------------------------------------- article-machine section --------------------------------------------*/ .article-machine section h3 { font-size: 140%; } /* machine-contents */ .machine-contents img, .machine_contents__detail { width: 100%; } /* machine-contents__detail */ /* machine-muscle */ /* machine-effect */ /* reference-link */ .reference-link { font-size: 110%; } } /*-------------------------------------------- max-width 600 --------------------------------------------*/ @media (max-width: 600px) { /*-------------------------------------------- article-view --------------------------------------------*/ /*-------------------------------------------- first-view --------------------------------------------*/ /*-------------------------------------------- article-machine__wrap --------------------------------------------*/ /*-------------------------------------------- machine-menu --------------------------------------------*/ .machine-menu__list li { width: calc(100% / 2 - 1em / 2); } /*-------------------------------------------- machine-menu__top --------------------------------------------*/ /*-------------------------------------------- article-machine --------------------------------------------*/ /*-------------------------------------------- article-machine section --------------------------------------------*/ /* machine-contents */ /* machine-contents__detail */ /* machine-muscle */ /* machine-effect */ /* reference-link */ }