@charset "UTF-8";
/* media-queries-page.css */
@media screen and (min-width: 1680px) {
  /* 1680px以上 */
  #page.chocozen #footer .footerTop {
    margin: 0 auto;
    max-width: 1680px; }
  #page.chocozen .aboutBox::after {
    background-image: radial-gradient(circle at 35% 50%, #C56F00 0%, #A25B1000 50%); }
  #page.chocozen .aboutBox .about {
    margin: 0 auto;
    max-width: 1344px; } }
@media screen and (min-width: 1441px) {
  /* 1441px以上 */
  #page.chocozen .mainTitleBox .inner {
    padding-top: 7.5em;
    padding-bottom: 7.5em; } }
@media screen and (max-width: 1440px) {
  /* 1440px以下 */
  #page.chocozen .inner {
    padding-left: 5vw;
    padding-right: 5vw; }
  #page.chocozen .contactBox {
    padding-left: 5vw;
    padding-right: 5vw; } }
@media screen and (max-width: 1280px) {
  /* 1280px以下 */ }
@media screen and (max-width: 1080px) {
  /* 1080px以下 */
  #page.chocozen .main .txtBox {
    font-size: 1.2vw;
    left: 10%; }
  #page.chocozen .mainTitleBox .inner {
    padding-top: 7.5em;
    padding-bottom: 7.5em; }
    #page.chocozen .mainTitleBox .inner .txtBox .titleBox {
      margin-bottom: 2em; }
  #page.chocozen .aboutBox .about .txtBox {
    padding-right: 0; }
  #page.chocozen .inner .lineup .products .box .txtBox .txt {
    margin-bottom: 2em; } }
@media screen and (max-width: 1023px) {
  /* 1024px以下 */
  #page.chocozen #header .right {
    background: rgba(74, 37, 21, 0.95); }
    #page.chocozen #header .right ul li ul.child_menu a {
      color: #FFF; }
  #page.chocozen #header .menu span {
    background-color: #FFF; }
    #page.chocozen #header .menu span::before, #page.chocozen #header .menu span::after {
      background-color: #FFF; }
  #page.chocozen #header .menu.show span {
    background-color: transparent; }
  #page.chocozen .inner .lineup .products.landscape .btnBox {
    box-sizing: border-box;
    padding-left: 10vw;
    padding-right: 10vw; } }
@media screen and (max-width: 820px) {
  /* 820px以下 */
  #page.chocozen .main .txtBox {
    font-size: 1.3vw;
    left: 7.5vw; }
  #page.chocozen .mainTitleBox::after {
    display: none; }
  #page.chocozen .mainTitleBox .inner {
    flex-wrap: wrap;
    padding-top: 5em;
    padding-bottom: 5em; }
    #page.chocozen .mainTitleBox .inner .txtBox,
    #page.chocozen .mainTitleBox .inner .imgBox {
      width: 100%; }
    #page.chocozen .mainTitleBox .inner .txtBox {
      margin-bottom: 2em; }
      #page.chocozen .mainTitleBox .inner .txtBox .titleBox {
        margin-bottom: 4em; }
      #page.chocozen .mainTitleBox .inner .txtBox h2,
      #page.chocozen .mainTitleBox .inner .txtBox .desc {
        text-align: center; }
    #page.chocozen .mainTitleBox .inner .imgBox {
      margin: 0 auto;
      width: 65%; }
  #page.chocozen .aboutBox::after {
    background-image: radial-gradient(circle at 20% 50%, #C56F00 0%, #A25B1000 50%); }
  #page.chocozen .aboutBox .about {
    padding-left: 5vw;
    padding-right: 5vw; }
    #page.chocozen .aboutBox .about .imgBox {
      width: 45%; }
    #page.chocozen .aboutBox .about .txtBox {
      width: 50%; }
      #page.chocozen .aboutBox .about .txtBox .box h3 br {
        display: none; }
  #page.chocozen .inner .lineup {
    padding-left: 0;
    padding-right: 0; }
    #page.chocozen .inner .lineup .products .box .imgBox {
      width: 45%; }
    #page.chocozen .inner .lineup .products .box .txtBox {
      width: 47.5%; } }
@media screen and (max-width: 480px) {
  /* 480px以下 */
  #page.chocozen .contactBox .inner {
    padding-top: 2em;
    padding-bottom: 2.5em; }
    #page.chocozen .contactBox .inner .titleBox {
      margin-bottom: 2em; }
  #page.chocozen .main::after {
    background-image: radial-gradient(circle at 50% 75%, #C56F00 0%, #A25B1000 50%); }
  #page.chocozen .main .txtBox {
    font-size: 2.5vw;
    top: 7.5%;
    left: 0;
    text-align: center;
    width: 100%;
    transform: translateY(0%); }
    #page.chocozen .main .txtBox h2 {
      margin: 0 auto 2em;
      width: 55%; }
    #page.chocozen .main .txtBox .subTitle {
      font-size: 200%;
      margin-bottom: 0.2em; }
      #page.chocozen .main .txtBox .subTitle br {
        display: none; }
    #page.chocozen .main .txtBox h3 {
      font-size: 100%; }
  #page.chocozen .mainTitleBox .inner {
    flex-wrap: wrap; }
    #page.chocozen .mainTitleBox .inner .txtBox,
    #page.chocozen .mainTitleBox .inner .imgBox {
      width: 100%; }
    #page.chocozen .mainTitleBox .inner .txtBox {
      margin-bottom: 2em; }
      #page.chocozen .mainTitleBox .inner .txtBox .titleBox {
        margin-bottom: 2em; }
      #page.chocozen .mainTitleBox .inner .txtBox h2,
      #page.chocozen .mainTitleBox .inner .txtBox .desc {
        text-align: center; }
  #page.chocozen .aboutBox {
    padding: 2em 0 4em; }
    #page.chocozen .aboutBox::after {
      background-image: radial-gradient(circle at 50% 30%, #C56F00 0%, #A25B1000 50%); }
    #page.chocozen .aboutBox .about {
      flex-wrap: wrap;
      padding-left: 7.5vw;
      padding-right: 7.5vw; }
      #page.chocozen .aboutBox .about .imgBox,
      #page.chocozen .aboutBox .about .txtBox {
        width: 100%; }
      #page.chocozen .aboutBox .about .imgBox {
        margin-bottom: 2em; }
  #page.chocozen .inner {
    padding: 5em 7.5vw; }
    #page.chocozen .inner .titleBox {
      margin-bottom: 2em; }
    #page.chocozen .inner .lineup .products .box {
      flex-wrap: wrap;
      margin-bottom: 0; }
      #page.chocozen .inner .lineup .products .box .txtBox,
      #page.chocozen .inner .lineup .products .box .imgBox {
        width: 100%; }
      #page.chocozen .inner .lineup .products .box .txtBox h3 {
        text-align: center; }
      #page.chocozen .inner .lineup .products .box .imgBox {
        margin-bottom: 2em;
        padding-right: 7.5%; } }