.rcn_image_no_mobile_portrait{
 width: 100%;
 object-fit: cover;
 object-position: 50% 50%;
 font-family: 'object-fit: cover; object-position: 50% 50%;'
}
.top_swiper_cap {
 -js-display: flex;
 display: -webkit-box;
 display: -webkit-flex;
 display: -moz-box;
 display: -ms-flexbox;
 display: flex;
 align-items: center;
 justify-content: center;
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: 70vw;
 height: 30%;
 margin: auto;
 text-align: center;
 background-color: rgba(0, 0, 0, 0.7);
}
.top_swiper_cap p, .top_swiper_cap h2 {
 display: inline-block;
 letter-spacing: 0.09em;
 text-shadow: 0 0 10px #000000;
}
.top_swiper_cap p {
 padding: 10px 0 5px;
}
.top_swiper_cap h2 {
 padding: 5px 0 10px;
}
.top_swiper_cap_wrap {
 width: 100%;
}
.top_swiper_cap_title, .top_swiper_cap_title_link {
 position: absolute;
 right: 0;
 bottom: 5%;
 left: 0;
 width: 94%;
 height: auto;
 margin: auto;
 text-align: left;
 background-color: rgba(0, 0, 0, 0.7);
}
.top_swiper_cap_title_link {
 text-align: center;
}
.top_swiper_cap_title p, .top_swiper_cap_title h2, .top_swiper_cap_title_link p {
 display: inline-block;
 letter-spacing: 0.09em;
 text-shadow: 0 0 10px #000000;
}
.top_swiper_cap_title p {
 margin: 1.05rem 0 0.35rem 1.4rem;
}
.top_swiper_cap_title h2 {
 margin: 0 0 1.05rem 1.4rem;
}
.top_swiper_cap_title_link p {
 margin: 1.4rem 0;
}
.top_swiper_article {
 position: relative;
 width: 100vw;
 height: auto;
 text-align: left;
}
.top_swiper_article img {
 width: 100vw;
}
.top_swiper_article_box {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: 74%;
 height: 80%;
 margin: auto;
 padding: 10% 13%;
 background-color: rgba(0, 0, 0, 0.8);
}
.top_swiper_article_box p {
 text-indent: 1em;
 line-height: 1.75em;
 letter-spacing: 0.09em;
}
main {
 display: block;
}
.menu_grid {
 display: -ms-grid;
 display: grid;
}
.menu_box {
 position: relative;
}
.menu_box_cap {
 -js-display: flex;
 display: -webkit-box;
 display: -webkit-flex;
 display: -moz-box;
 display: -ms-flexbox;
 display: flex;
 align-items: center;
 justify-content: center;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 width: 70vw;
 height: 30%;
 margin: auto;
 text-align: center;
 background-color: rgba(0, 0, 0, 0.7);
}
.menu_box_cap p, .menu_box_cap h2 {
 display: inline-block;
 letter-spacing: 0.09em;
 text-shadow: 0 0 10px #000000;
}
.menu_box_cap p {
 padding: 10px 0 5px;
}
.menu_box_cap h2 {
 padding: 5px 0 10px;
}
.menu_box_cap_wrap {
 width: 100%;
}
footer {
 width: 100vw;
 text-align: center;
}
footer p {
 margin: 2vh 0 10vh;
}
.pagetop {
 display: none;
 position: fixed;
 right: 0;
 z-index: 100;
}
.pagetop img {
 width: 20vw;
}
.pagetop a, .pagetop a:hover {
 display: block;
 font-size: 12px;
 text-align: center;
 text-decoration: none;
 padding: 1vh 8vw 1vw 1vh;
 filter: alpha(opacity=50);
}
.pagetop a {
 -moz-opacity: 1;
 opacity: 1;
}
.pagetop a:hover {
 -moz-opacity: 0.5;
 opacity: 0.5;
}
#topic{
 position:relative;
 display:flex;
 justify-content:center;
 align-items:center;
 width:100vw;
 height:auto;
 padding:1rem 0 2rem;
 background-color:#0f0f0f;
}
.topic_box{
 width:90vw;
 height:auto;
}
.topic_box h2{
 text-align:left;
 padding:0.5rem 0 0.5rem 1rem;
 margin:0.5rem 0;
 border-left:3pt solid #0ec2ff;
 border-bottom:1pt solid #0ec2ff;
 font-size: calc(1.4rem + ((1vw - 4.8px) * 0.694));
}
.topic_box p{
 text-align:left;
 padding-left:1rem;
 font-size: calc(1.4rem + ((1vw - 4.8px) * 0.694));
}
#nayoro_twitter{
 width: 100vw;
 height: 600px;
}
@media screen and (max-width: 479px) {
 .rcn_image_mobile_portrait {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: 50% 50%;
  font-family: 'object-fit: cover; object-position: 50% 50%;'
 }
 .grid01, .rcn_image_no_mobile_portrait {
  display: none;
 }
 .top_swiper_cap p, .top_swiper_cap h2 {
  font-size: calc(1.6rem + ((1vw - 3.2px) * 3.125));
 }
 .top_swiper_cap_title p, .top_swiper_cap_title h2, .top_swiper_cap_title_link p {
  font-size: calc(1.2rem + ((1vw - 3.2px) * 1.875));
 }
 .top_swiper_article_box p {
  font-size: calc(1.05rem + ((1vw - 3.2px) * 3.125));
 }
 .menu_box_cap p, .menu_box_cap h2 {
  font-size: calc(1.6rem + ((1vw - 3.2px) * 3.125));
 }
 footer p {
  font-size: calc(1.2rem + ((1vw - 3.2px) * 3.75));
 }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
 #swiper img {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: 50% 50%;
 }
 .top_swiper_cap p, .top_swiper_cap h2 {
  font-size: calc(2rem + ((1vw - 4.8px) * 0.694));
 }
 .top_swiper_cap_title {
  width: 90%;
 }
 .top_swiper_cap_title p {
  font-size: calc(1.4rem + ((1vw - 4.8px) * 0.694));
  margin: 1.4rem 0 0.35rem 2.1rem;
 }
 .top_swiper_cap_title h2 {
  font-size: calc(1.4rem + ((1vw - 4.8px) * 0.694));
  margin: 0 0 1.4rem 2.1rem;
 }
 .top_swiper_cap_title_link p {
  font-size: calc(1.2rem + ((1vw - 4.8px) * 0.694));
  margin: 1.4rem 0;
 }
 .top_swiper_article_box p {
  font-size: calc(1.5rem + ((1vw - 4.8px) * 0.347));
  line-height: 2em;
  letter-spacing: 0.09em;
 }
 .menu_grid {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto auto auto;
  grid-template-rows: auto auto auto auto;
 }
 .grid02 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
 }
 .grid03 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
 }
 .grid04 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
 }
 .grid05 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 2;
  grid-row: 2;
 }
 .grid06 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 3;
  grid-row: 3;
 }
 .grid07 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 3;
  grid-row: 3;
 }
 .grid08 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 4;
  grid-row: 4;
 }
 .grid09 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 4;
  grid-row: 4;
 }
 .menu_box img {
  width: 50vw;
  height: 50vh;
  object-fit: cover;
  object-position: 50% 50%;
  font-family: 'object-fit: cover; object-position: 50% 50%;'
 }
 .menu_box_cap {
  width: 70%;
  height: 40%;
 }
 .menu_box_cap p, .menu_box_cap h2 {
  font-size: calc(1.2rem + ((1vw - 4.8px) * 2.0833));
 }
 footer p {
  font-size: calc(0.9rem + ((1vw - 4.8px) * 1.041));
  margin: 2vh 0 4vh;
 }
 .pagetop img {
  width: 10vw;
 }
 .pagetop a, .pagetop a:hover {
  padding: 1vh 4vw 1vw 1vh;
 }
 .grid01, .rcn_image_mobile_portrait, footer br, #topic, #nayoro_twitter{
  display: none;
 }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
 .menu_grid {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
 }
 .grid01 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
 }
 .grid02 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
 }
 .grid03 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 1;
  grid-row: 1;
 }
 .grid04 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
 }
 .grid05 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 2;
  grid-row: 2;
 }
 .grid06 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 2;
  grid-row: 2;
 }
 .grid07 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 3;
  grid-row: 3;
 }
 .grid08 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 3;
  grid-row: 3;
 }
 .grid09 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 3;
  grid-row: 3;
 }
 .menu_box_cap {
  width: 80%;
  height: 40%;
 }
 .menu_box_cap p, .menu_box_cap h2 {
  font-size: calc(1.5rem + ((1vw - 7.68px) * 0.520));
 }
 footer p {
  font-size: calc(1.3rem + ((1vw - 7.68px) * 0.520));
  margin: 1.5vh 0 2vh;
 }
 .pagetop img {
  width: 15vw;
 }
 .pagetop a, .pagetop a:hover {
  padding: 1vh 5vw 1vw 1vh;
 }
 #swiper, .rcn_image_mobile_portrait, footer br, #topic, #nayoro_twitter{
  display: none;
 }
}
@media only screen and (device-width: 812px) and (device-height: 375px) {
 .rcn_image_no_mobile_portrait {
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: 50% 50%;
  font-family: 'object-fit: cover; object-position: 50% 50%;'
 }
 .menu_box_cap p, .menu_box_cap h2 {
  font-size: calc(1.6rem + ((1vw - 8.12px) * 0.3125));
 }
 footer p {
  font-size: calc(1.3rem + ((1vw - 8.12px) * 0.520));
  margin: 4vh 0;
 }
 .rcn_image_mobile_portrait, footer br, #topic, #nayoro_twitter{
  display: none;
 }
}
@media screen and (min-width: 960px) and (max-width: 1279px) {
 .menu_grid {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
 }
 .grid01 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
 }
 .grid02 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
 }
 .grid03 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 1;
  grid-row: 1;
 }
 .grid04 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
 }
 .grid05 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 2;
  grid-row: 2;
 }
 .grid06 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 2;
  grid-row: 2;
 }
 .grid07 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 3;
  grid-row: 3;
 }
 .grid08 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 3;
  grid-row: 3;
 }
 .grid09 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 3;
  grid-row: 3;
 }
 .menu_box_cap {
  width: 70%;
  height: 40%;
 }
 .menu_box_cap p, .menu_box_cap h2 {
  font-size: calc(1.6rem + ((1vw - 9.6px) * 0.3125));
 }
 footer p {
  font-size: calc(1.4rem + ((1vw - 9.6px) * 0.3125));
  margin: 2vh 0;
 }
 .pagetop img {
  width: 10vw;
 }
 .pagetop a, .pagetop a:hover {
  padding: 1vh 5vw 1vw 1vh;
 }
 #swiper, .rcn_image_mobile_portrait, footer br, #topic, #nayoro_twitter{
  display: none;
 }
}
@media screen and (min-width: 1280px) {
 #body, .menu_grid {
  width: 90vw;
  margin: 0 auto;
 }
 .menu_grid {  
  -ms-grid-columns: 30vw 30vw 30vw;
  grid-template-columns: 30vw 30vw 30vw;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
 }
 .grid01 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
 }
 .grid02 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
 }
 .grid03 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 1;
  grid-row: 1;
 }
 .grid04 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
 }
 .grid05 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 2;
  grid-row: 2;
 }
 .grid06 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 2;
  grid-row: 2;
 }
 .grid07 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 3;
  grid-row: 3;
 }
 .grid08 {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 3;
  grid-row: 3;
 }
 .grid09 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 3;
  grid-row: 3;
 }
 .menu_box_cap {
  width: 70%;
  height: 40%;
 }
 .menu_box_cap p, .menu_box_cap h2 {
  font-size: calc(1.8rem + ((1vw - 12.8px) * 0.454));
 }
 footer {
  width: 90vw;
 }
 footer p {
  font-size: calc(1.8rem + ((1vw - 12.8px) * 0.454));
  margin: 2vh 0;
 }
 .pagetop img {
  width: 8vw;
 }
 .pagetop a, .pagetop a:hover {
  padding: 1vh 4vw 1vw 1vh;
 }
 #swiper, .rcn_image_mobile_portrait, footer br, #topic, #nayoro_twitter{
  display: none;
 }
}