/* ■■■■■■■■■■■■
Ramen Near ME
■■■■■■■■■■■■■ */
.rnm{
    font-family: 'Times New Roman', Times, serif;
}
.rnm i{
    margin-right: 5px;
}
.rnm h2{
    text-align: center;
    font-size: 1.8rem;
    color: #FF4B4C;
}
.rnm__border--container{
    display: flex;
}
.rnm__border{
    flex: 1;
    height: 1px;
    margin: 16px 10px 0 10px;
}
.rnmtop{
    margin-bottom: 50px;
}
.rnmgallery {
    height: clamp(780px, 170vw, 1000px);
}
.rnmgallery__items{
    position: relative;
}
.rnmgallery__item{
    padding: 6px;
    border: 1px solid white;
    position: absolute;
    margin: 0 auto;
    right: 0;
}
.rnmgallery__1 {
    width: 70%;
    left: 0;
    max-width: 215px;
}
.rnmgallery__2 {
	width: 31%;
    top: 195px;
    left: -47%;
    min-width: 134px;
    max-width: 180px;
}
.rnmgallery__3 {
    width: 41%;
    top: 180px;
    left: 48%;
    min-width: 145px;
    max-width: 240px;
}
.rnmgallery__4 {
	width: 40%;
    top: clamp(305px, 66vw, 375px);
    left: 51%;
    min-width: 155px;
    max-width: 180px;
}
.rnmgallery__5 {
	width: 34%;
    top: clamp(462px, 100vw, 560px);
    left: 50%;
    min-width: 150px;
    max-width: 210px;
}
.rnmgallery__6 {
    width: 44%;
    top: clamp(415px, 83vw, 489px);
    left: -50%;
    max-width: 230px;
    min-width: 155px;
}
.rnmgallery__7 {
    width: 40%;
    top: clamp(605px, 130vw, 760px);
    left: 50%;
    max-width: 240px;
    min-width: 140px;
}
.rnmgallery__8 {
    width: 44%;
    top: clamp(554px, 119vw, 686px);
    left: -50%;
    max-width: 210px;
    min-width: 139px;
}
.rnmmap .rnm__border{
    background-color: white;
}
.rnmcontents .rnm__border{
    background-color: #FF4B4C;
}
.rnm__header--inner{
    padding: 18px;
    margin-bottom: 32px;
}
.rnm__header--logo{
    max-width: 1100px;
    margin: 0 auto;
}
.rnm__header--logo a{
    display: inline-block;
}
.rnm__header--logo img{
    width: 122px;
    height: 23px;
}
.rnmtop__inner{
    position: relative;
}
.rnmtop__left--title{
    font-size: 2.5rem;
    color: #FF4B4C;
    text-align: center;
    margin-bottom: 256px;
}
.rnmtop__right{
    position: absolute;
    top: 72px;
    z-index: -1;
    left: 50%;
    width: 289px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.rnmtop__inner--img{
    justify-content: center;
    display: flex;
}
.rnmtop__inner--img img{
    width: 120%;
}
.rnmtop__left--text p{
    color: #FF4B4C;
    text-align: center;
}
.rnmmap{
	padding: 32px 18px 18px;
    margin-left: -18px;
    margin-right: -18px;
    position: relative;
    background-color: #FF4B4C;
}
.rnmmap::before{
    background: url(https://japannews.yomiuri.co.jp/wp-content/uploads/2025/01/rnms_top_sp.png) repeat-x left top;
    content: "";
    display: block;
    width: 200%;
    height: 24px;
    background-size: contain;
    position: absolute;
    top: -24px;
    margin-left: -18px;
    animation: scroll1 30s linear infinite; 
}
@keyframes scroll1 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.rnmmap::after{
    background: url(https://japannews.yomiuri.co.jp/wp-content/uploads/2025/01/rnms_bottom_sp.png) repeat-x right top;
    content: "";
    display: block;
    width: 200%;
    height: 24px;
    background-size: contain;
    position: absolute;
    bottom: -24px;
    margin-left: -18px;
    animation: scroll2 30s linear infinite; 
}
@keyframes scroll2 {
    0% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(0);
    }
}
.rnmmap__inner{
    margin-bottom: 40px;
    position: relative;
}
.rnmmap__item{
    border: 1px solid white;
    padding: 15px;
}
.rnmmap__title{
    color: white!important;
    margin-bottom: 40px;
}
.rnmmap__backimg{
    position: absolute;
    top: -32px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 296px;
}
.rnmcontents{
    max-width: 800px;
    margin: 160px auto;
    position: relative;
}
.rnmcontents__backimg{
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 296px;
}
.rnmcontents__title{
    margin-bottom: 40px;
}
.rnmcontents__list--left,.rnmcontents__list--right{
    border: 1px solid #FF4B4C;
    margin-bottom: 64px;
}
.rnmcontents__list--img{
    padding: 15px;
}
.rnmcontents__list--text{
    text-align: center;
}
.rnmcontents__list--text h3{
    font-size: 1.5rem;
    color: #FF4B4C;
    border-top: 1px solid #FF4B4C;
    padding: 15px;
}
.rnmcontents__list--text p{
    font-size: 1.2rem;
    word-wrap: break-word;
    color: #FF4B4C;
    padding: 15px;
    border-top: 1px solid #FF4B4C;
}
.rnmcontents__list--text a{
    display: block;
    background-color: #FF4B4C;
    color: white;
    font-size: 1.2rem;
    padding: 15px;
    transition: .3s;
	border-top: 1px solid #FF4B4C;
}
.rnmcontents__list--text a:hover{
   background-color: white;
   color: #FF4B4C;
}
.rnmbottom{
    margin-left: -18px;
    margin-right: -18px;
    background-color: #FF4B4C;
    position: relative;
	margin-bottom: 80px;
}
.rnmbottom::before{
    background: url(https://japannews.yomiuri.co.jp/wp-content/uploads/2025/01/rnms_top_sp.png) repeat-x left top;
    content: "";
    display: block;
    width: 200%;
    height: 24px;
    background-size: contain;
    position: absolute;
    top: -24px;
    animation: scroll1 30s linear infinite; 
}
.rnmbottom::after{
    background: url(https://japannews.yomiuri.co.jp/wp-content/uploads/2025/01/rnms_bottom_sp.png) repeat-x right top;
    content: "";
    display: block;
    width: 200%;
    height: 24px;
    background-size: contain;
    position: absolute;
    bottom: -24px;
    animation: scroll2 30s linear infinite; 
}

.rnmediter{
    padding:18px;
}
.rnmediter__item--text{
    border-top: 1px solid white;
}
.rnmediter__item--img{
    padding: 20px 20px;
    max-width: 140px;
    margin: 0 auto;
}
.rnmediter__inner--item{
    border: 1px solid white;
}
.rnmediter__inner--title,
.rnmarticles__inner--title{
    font-size: 1.2rem;
    border-bottom: 1px solid white;
    color: white;
    margin-bottom: 15px;
	font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;

}
.rnmediter__text--title{
    color: white;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 15px 15px 0 15px;
}
.rnmediter__text--prof{
    color: white;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 0 15px 15px 15px;
}
.rnmediter__text--desc{
    color: white;
    font-size: 0.9rem;
    text-align: left;
    border-top: 1px solid white;
    padding: 15px;
}
.rnmarticles{
    padding: 18px;
}
.rnmarticles__inner--title a{
    display: inline-block;
	transition: .3s;
}
.rnmarticles__inner--title a:hover{
    transform: translateY(-4px);
}
.rnmarticles__inner--title p,
.rnmediter__inner--title p{
    color: white;
    font-size: 1.12rem;
    font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
	font-weight: bold;
}
.rnmarticles__inner--wrapper a p:first-child{
	font-size: 2rem;
}
.rnmarticles__inner--wrapper p{
    color: #f5f5f5;
}
.rnmarticles div{
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.rnmarticles div>ul{
    display: flex;
    justify-content: space-between;
    width: 1520px;
}
.rnmarticles li{
    width: 23.8%;
    margin-right: 1.2%;
    border: 1px solid white;
    padding: 15px;
}
.rnmarticles__inner ul li p:first-of-type{
    color: white;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.1;
}
.rnmarticles .posttime_1{
    font-style: italic;
}
@media screen and (min-width:768px) {
    .rnm h2{
        font-size: 2.2rem;
    }
    .rnm__header--inner{
        margin-bottom: 50px;
    }
    .rnmtop{
        max-width: 1100px;
        margin: 0 auto 100px auto;

    }
    .rnmtop__inner{
        display: flex;
        align-items: center;
    }
    .rnmtop__left--title{
        font-size: 3.6rem;
        text-align: left;
        margin-bottom: 100px;
        position: absolute;
        top: 8px;
    }
    .rnmtop__left--text p{
        text-align: left;
        font-size: 1.1rem;
        margin-top: 200px;
    }
    .rnmtop__left--text br:nth-child(3),
    .rnmtop__left--text br:nth-child(4){
        display: none;
    }
    .rnmtop__right{
        position: static;
        width: 200%;
        -webkit-transform: initial;
    }
    .rnmgallery{
        height: 890px;
    }
    .rnmgallery__item{
        padding: 10px;
    }
    .rnmgallery__1{
        width: 37%;
        left: 35px;
        max-width: 342px;
    }
    .rnmgallery__2{
        max-width: 221px;
        width: 24%;
        top: 123px;
        left: -71%;
    }
    .rnmgallery__3{
        width: 24%;
        top: 92px;
        left: 76%;
        max-width: 219px;
    }
    .rnmgallery__4{
        width: 26%;
        top: 308px;
        left: 2%;
        max-width: 235px;
    }
    .rnmgallery__5{
        width: 31%;
        top: 342px;
        left: 68%;
        max-width: 245px;
    }
    .rnmgallery__6{
        width: 28%;
        top: 494px;
        left: -62%;
        max-width: 198px;
    }
    .rnmgallery__7{
        width: 32%;
        top: 604px;
        left: 9%;
        max-width: 233px;
    }
    .rnmgallery__8{
        width: 24%;
        top: 560px;
        max-width: 174px;
        left: 77%;
    }
    .rnmmap{
        padding: 40px;
        margin: 0 calc(50% - 50vw);
        width: 100vw;
    }
    .rnmmap__inner{
        max-width: 800px;
        margin: 0 auto 40px auto;
    }
    .rnmmap::before{
        margin-left: -40px;
    }
    .rnmmap::after{
        margin-left: -40px;
    }
    .rnmcontents{
        margin: 200px auto;
    }
    .rnmcontents__list--leftinner{
        display: flex;
        align-items: center;
    }
    .rnmcontents__list--rightinner{
        display: flex;
        flex-direction: row-reverse;
    }
    .rnmcontents__list--img{
        width: 50%;
    }
    .rnmcontents__list--left .rnmcontents__list--text{
        width: 50%;
        border-left: 1px solid #FF4B4C;
        display: flex;
        flex-direction: column;
    }
    .rnmcontents__list--right .rnmcontents__list--text{
        width: 50%;
        border-right: 1px solid #FF4B4C;
        display: flex;
        flex-direction: column;
    }
    .rnmcontents__list--text h3,
    .rnmcontents__list--text p,
    .rnmcontents__list--text a{
        text-align: left;
    }
    .rnmcontents__list--text h3{
        border: none;
    }
    .rnmcontents__list--text p{
        flex-grow: 1;
    }
    .rnmbottom{
        margin: 0 calc(50% - 50vw) 140px calc(50% - 50vw);
        width: 100vw;
    }
    .rnmediter{
        padding: 30px;
    }
    .rnmediter__inner{
        max-width: 800px;
        margin: 0 auto;
    }
    .rnmediter__inner--item{
        display: flex;
        align-items: center;
    }
    .rnmediter__item--text{
        width: 50%;
        border-left: 1px solid white;
        border-top:none ;
    }
    .rnmarticles{
        padding: 30px;
    }
    .rnmarticles__inner{
        max-width: 800px;
        margin: 0 auto;
    }
    .rnmmap::before{
        background: url(https://japannews.yomiuri.co.jp/wp-content/uploads/2025/01/rnms_top_pc.png) repeat-x left top;
        content: "";
        display: block;
        width: 200%;
        height: 46px;
        background-size: contain;
        position: absolute;
        top: -46px;
        margin-left: -40px;
        animation: scroll1 30s linear infinite; 
    }
    .rnmmap::after{
        background: url(https://japannews.yomiuri.co.jp/wp-content/uploads/2025/01/rnms_bottom_pc.png) repeat-x right top;
        content: "";
        display: block;
        width: 200%;
        height: 46px;
        background-size: contain;
        position: absolute;
        bottom: -46px;
        animation: scroll2 30s linear infinite; 
    }
    .rnmbottom::before{
        background: url(https://japannews.yomiuri.co.jp/wp-content/uploads/2025/01/rnms_top_pc.png) repeat-x left top;
        content: "";
        display: block;
        width: 200%;
        height: 46px;
        background-size: contain;
        position: absolute;
        top: -46px;
        animation: scroll1 30s linear infinite; 
    }
    .rnmbottom::after{
        background: url(https://japannews.yomiuri.co.jp/wp-content/uploads/2025/01/rnms_bottom_pc.png) repeat-x right top;
        content: "";
        display: block;
        width: 200%;
        height: 46px;
        background-size: contain;
        position: absolute;
        bottom: -46px;
        animation: scroll2 30s linear infinite; 
    }
}
@media screen and (min-width:990px) {
    .rnmgallery{
        height: 1100px;
        max-width: 1100px;
        margin: 0 auto;
    }
    .rnmgallery__item{
        padding: 10px;
    }
    .rnmgallery__1{
        width: 40%;
        top: 70px;
        left: 30px;
        max-width: 411px;
    }
    .rnmgallery__2{
        max-width: 275px;
        width: 28%;
        top: 200px;
        left: -73%;
    }
    .rnmgallery__3{
        max-width: 281px;
        width: 26%;
        top: 212px;
        left: 76%;
    }
    .rnmgallery__4{
        max-width: 265px;
        width: 23%;
        top: 434px;
        left: -1%;
    }
    .rnmgallery__5{
        max-width: 316px;
        width: 29%;
        top: 461px;
        left: 65%;
    }
    .rnmgallery__6{
        max-width: 307px;
        width: 28%;
        top: 650px;
        left: -65%;
    }
    .rnmgallery__7{
        max-width: 348px;
        width: 32%;
        top: 757px;
        left: 10%;
    }
    .rnmgallery__8{
        max-width: 241px;
        width: 22%;
        top: 745px;
        left: 74%;
    }
    .rnmtop__left--title{
        font-size: 5.6rem;
    }
    .rnmtop__left--text p{
        margin-top: 120px;
		font-size: 1.2rem;
    }
    .rnmtop__right{
        width: 128%;
    }
    .rnmmap::before{
        background: url(https://japannews.yomiuri.co.jp/wp-content/uploads/2025/01/rnms_top_pc.png) repeat-x left top;
        content: "";
        display: block;
        width: 200%;
        height: 65px;
        background-size: contain;
        position: absolute;
        top: -65px;
        margin-left: -40px;
        animation: scroll1 30s linear infinite;
    }
    .rnmmap::after{
        background: url(https://japannews.yomiuri.co.jp/wp-content/uploads/2025/01/rnms_bottom_pc.png) repeat-x right top;
        content: "";
        display: block;
        width: 200%;
        height: 65px;
        background-size: contain;
        position: absolute;
        bottom: -65px;
        animation: scroll2 30s linear infinite;
    }
    .rnmbottom::before{
        background: url(https://japannews.yomiuri.co.jp/wp-content/uploads/2025/01/rnms_top_pc.png) repeat-x left top;
        content: "";
        display: block;
        width: 200%;
        height: 65px;
        background-size: contain;
        position: absolute;
        top: -65px;
        animation: scroll1 30s linear infinite;
    }
    .rnmbottom::after{
        background: url(https://japannews.yomiuri.co.jp/wp-content/uploads/2025/01/rnms_bottom_pc.png) repeat-x right top;
        content: "";
        display: block;
        width: 200%;
        height: 65px;
        background-size: contain;
        position: absolute;
        bottom: -65px;
        animation: scroll2 30s linear infinite;
    }
}
/* 商品リンク */
.rnm .single_in_ramenOfJapan{
	max-width: 800px;
	margin: 0 auto 50px;
}
.rnm .single_in_ramenOfJapan-text h2{
	font-size: 24px;
    text-align: left;
	margin-bottom: 24px;
}
.rnm .rmn_in_ramenOfjapan-area{
	display: block;
}
.rmn_in_ramenOfjapan-area .single_in_ramenOfJapan-image{
    width: 100%;
    margin: 0 auto;
	max-width: 300px;
}
.rmn_in_ramenOfjapan-area .ramen_of_japan_book_links{
	width: 100%;
    display: block;
    gap: 20px;
    margin-top: 16px;
    margin: 16px auto 0;
}
.rmn_in_ramenOfjapan-area .single_in_ramenOfJapan-storeButton span{
    width: 100%;
    margin: 24px 0 0 0;
}
.rmn_in_ramenOfjapan-area .ramen_of_japan_book_links a{
	width: 100%;
	margin-bottom: 16px;
}
.rmn_in_ramenOfjapan-area .ramen_of_japan_book_links a:last-child{
	margin: 0;
}
@media screen and (min-width: 768px){
	.rnm .rmn_in_ramenOfjapan-area{
		display: flex;
		justify-content: space-around;
		align-items: end;
	}
	.rmn_in_ramenOfjapan-area .single_in_ramenOfJapan-image {
		width: 100%;
		max-width: 240px;
   	 	min-width: 100px;
    	margin-right: 16px;
	}
	.rmn_in_ramenOfjapan-area .ramen_of_japan_book_links{
		width: 90%;
		display: block;
    	gap: 20px;
		margin-top: 16px;
	}
	.rmn_in_ramenOfjapan-area .single_in_ramenOfJapan-storeButton span{
		width: 100%;
   		margin: 0;
	}
}