@media only screen and (max-width: 870px) { article.ukiwa202107 { width: 100%; max-width: 1280px; margin: 0 auto 50px auto; background-color: #fff; font-family: 'Noto Sans JP', sans-serif; padding-bottom: 4vw; }
  article.ukiwa202107 br.brpc { display: none; }
  article.ukiwa202107 h1, article.ukiwa202107 h2, article.ukiwa202107 h3, article.ukiwa202107 h4 { font-weight: normal; }
  article.ukiwa202107 img.title { width: 100%; display: block; margin: 0 auto; }
  article.ukiwa202107 section { width: 100%; box-sizing: border-box; }
  article.ukiwa202107 section img { width: 100%; display: block; margin: 0 auto; }
  article.ukiwa202107 section ul.chara { display: flex; justify-content: left; align-items: top; margin: 0; padding: 0; list-style: none; }
  article.ukiwa202107 section ul.chara li.img { width: 18%; margin-right: 3%; }
  article.ukiwa202107 section ul.chara li.img img.actor { margin-top: 1.9vw; }
  article.ukiwa202107 section ul.chara li.text { width: 79%; font-size: 0.63rem; line-height: 1.33; }
  article.ukiwa202107 section ul.chara li.text h3 { display: block; font-weight: normal; margin: 0.1em 0 1em 0; font-size: 0.875rem; line-height: 0.9; }
  article.ukiwa202107 section ul.comicold { display: flex; justify-content: space-between; align-items: top; margin: 0; padding: 0; list-style: none; }
  article.ukiwa202107 section ul.comicold li.img { width: 17%; }
  article.ukiwa202107 section ul.comicold li.text { width: 50%; }
  article.ukiwa202107 section ul.comicold li.comic { width: 27%; }
  article.ukiwa202107 section ul.comicnew { display: flex; justify-content: space-between; align-items: top; margin: 0; padding: 0; list-style: none; }
  article.ukiwa202107 section ul.comicnew li.text { width: 70%; }
  article.ukiwa202107 section ul.comicnew li.comic { width: 27%; }
  article.ukiwa202107 section.lead { width: 92%; color: #f3562e; text-align: center; margin: 5.5vw auto 0 auto; font-size: 0.66875rem; line-height: 1.58; }
  article.ukiwa202107 section.chara01, article.ukiwa202107 section.chara02, article.ukiwa202107 section.author { width: 92%; margin: 5.5vw auto 0 auto; padding: 2.8vw 3.2vw; border-radius: 4vw; border: #f4ed89 4px solid; }
  article.ukiwa202107 section.author { font-size: 0.63rem; line-height: 1.33; }
  article.ukiwa202107 section.author h3 { display: block; margin-bottom: 1em; font-size: 0.875rem; line-height: 0.7; }
  article.ukiwa202107 section.drama, article.ukiwa202107 section.comicold, article.ukiwa202107 section.comicnew { width: 92%; color: #fff; margin: 3.9vw auto 0 auto; padding: 2.7%; border-radius: 4vw; }
  article.ukiwa202107 section.drama { background-color: #f16949; padding: 4.7vw 3.1vw; }
  article.ukiwa202107 section.drama h2 { display: block; margin-bottom: 3.1vw; font-size: 0.8375rem; line-height: 1; }
  article.ukiwa202107 section.drama h4 { font-size: 0.63rem; line-height: 1.36; }
  article.ukiwa202107 section.comicold { background-color: #61a9e6; font-size: 0.625rem; line-height: 1.96; }
  article.ukiwa202107 section.comicold h3 { display: block; color: #f4ed89; margin: 2.3vw 0 3.1vw 0; font-size: 0.875rem; line-height: 0.7; }
  article.ukiwa202107 section.comicold strong { font-weight: normal; font-size: 1.1375rem; line-height: 1.3; }
  article.ukiwa202107 section.comicold span { font-size: 1rem; }
  article.ukiwa202107 section.comicnew { background-color: #7dc0a1; padding: 2.3vw 2.3vw 4.6vw 4.6vw; font-size: 0.625rem; line-height: 1.96; }
  article.ukiwa202107 section.comicnew h3 { display: block; color: #f4ed89; margin: 2.3vw 0 3.1vw 0; font-size: 0.875rem; line-height: 0.7; }
  article.ukiwa202107 section.comicnew strong { font-weight: normal; font-size: 1.1375rem; line-height: 1.3; }
  article.ukiwa202107 section.comicnew p { margin: 1em 0 0 0; padding: 0; font-size: 0.6rem; line-height: 1.2; }
  article.ukiwa202107 img.cloud { display: block; width: 86%; margin: 3.9vw auto; }
  article.ukiwa202107 a.button { display: block; background-color: #fff; text-align: center; width: 80%; margin-top: 2.3vw; padding: 1.9vw 0; border-radius: 32px; font-size: 0.6rem; line-height: 1; }
  article.ukiwa202107 a.button:hover { opacity: 0.8; filter: alpha(opacity=80); } }
@media only screen and (min-width: 871px) { article.ukiwa202107 { width: 100%; max-width: 1280px; margin: 0 auto 50px auto; background-color: #fff; font-family: 'Noto Sans JP', sans-serif; padding-bottom: 40px; }
  article.ukiwa202107 h1, article.ukiwa202107 h2, article.ukiwa202107 h3, article.ukiwa202107 h4 { font-weight: normal; }
  article.ukiwa202107 img.title { width: 100%; display: block; margin: 0 auto; }
  article.ukiwa202107 section { width: 100%; box-sizing: border-box; }
  article.ukiwa202107 section img { width: 100%; display: block; margin: 0 auto; }
  article.ukiwa202107 section ul.chara { display: flex; justify-content: left; align-items: top; margin: 0; padding: 0; list-style: none; }
  article.ukiwa202107 section ul.chara li.img { width: 17%; margin-right: 3%; }
  article.ukiwa202107 section ul.chara li.img img.actor { margin-top: 25px; }
  article.ukiwa202107 section ul.chara li.text { width: 70%; font-size: 1.0375rem; line-height: 1.63; }
  article.ukiwa202107 section ul.chara li.text h3 { display: block; font-weight: normal; margin: 20px 0 30px 0; font-size: 1.625rem; line-height: 0.7; }
  article.ukiwa202107 section ul.comicold { display: flex; justify-content: space-between; align-items: top; margin: 0; padding: 0; list-style: none; }
  article.ukiwa202107 section ul.comicold li.img { width: 17%; }
  article.ukiwa202107 section ul.comicold li.text { width: 50%; }
  article.ukiwa202107 section ul.comicold li.comic { width: 27%; }
  article.ukiwa202107 section ul.comicnew { display: flex; justify-content: space-between; align-items: top; margin: 0; padding: 0; list-style: none; }
  article.ukiwa202107 section ul.comicnew li.text { width: 70%; }
  article.ukiwa202107 section ul.comicnew li.comic { width: 27%; }
  article.ukiwa202107 section.lead { width: 92%; color: #f3562e; text-align: center; margin: 70px auto 0 auto; font-size: 1.3125rem; line-height: 1.58; }
  article.ukiwa202107 section.chara01, article.ukiwa202107 section.chara02, article.ukiwa202107 section.author { width: 92%; margin: 70px auto 0 auto; padding: 36px 40px; border-radius: 30px; border: #f4ed89 7px solid; }
  article.ukiwa202107 section.author { font-size: 1.0375rem; line-height: 1.63; }
  article.ukiwa202107 section.author h3 { display: block; margin-bottom: 30px; font-size: 1.625rem; line-height: 0.7; }
  article.ukiwa202107 section.drama, article.ukiwa202107 section.comicold, article.ukiwa202107 section.comicnew { width: 92%; color: #fff; margin: 50px auto 0 auto; padding: 30px; border-radius: 30px; }
  article.ukiwa202107 section.drama { background-color: #f16949; padding: 60px 40px; }
  article.ukiwa202107 section.drama h2 { display: block; margin-bottom: 40px; font-size: 1.825rem; line-height: 1; }
  article.ukiwa202107 section.drama h4 { font-size: 1.0375rem; line-height: 1.63; }
  article.ukiwa202107 section.comicold { background-color: #61a9e6; font-size: 1.375rem; line-height: 1.76; }
  article.ukiwa202107 section.comicold h3 { display: block; color: #f4ed89; margin: 30px 0 40px 0; font-size: 1.625rem; line-height: 0.3; }
  article.ukiwa202107 section.comicold strong { font-weight: normal; font-size: 1.925rem; line-height: 1.3; }
  article.ukiwa202107 section.comicold span { font-size: 1.4rem; }
  article.ukiwa202107 section.comicnew { background-color: #7dc0a1; padding: 30px 30px 60px 60px; font-size: 1.375rem; line-height: 1.76; }
  article.ukiwa202107 section.comicnew h3 { display: block; color: #f4ed89; margin: 30px 0 40px 0; font-size: 1.625rem; line-height: 0.3; }
  article.ukiwa202107 section.comicnew strong { font-weight: normal; font-size: 1.925rem; line-height: 1.3; }
  article.ukiwa202107 section.comicnew p { margin: 1em 0 0 0; padding: 0; font-size: 1.175rem; line-height: 1.2; }
  article.ukiwa202107 img.cloud { display: block; width: 75.2%; margin: 50px auto; }
  article.ukiwa202107 a.button { display: block; background-color: #fff; text-align: center; width: 325px; margin-top: 30px; padding: 18px 0; border-radius: 40px; font-size: 1.335rem; line-height: 1; }
  article.ukiwa202107 a.button:hover { opacity: 0.8; filter: alpha(opacity=80); } }