@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* var */
:root {
--font-family:"Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
--font-family-en:"Roboto", "Noto Sans JP", sans-serif;
--font-color:#333;
--font-size:min(3.5vw,13px);
--font-size-md:min(2.5vw,14px);
--font-size-xl:15px;
--black:#000000;
--darkgray:#858585;
--gray:#E5E5E5;
--palegray:#F6F6F6;
--blue:#5AB4C7;
--bg-opacity: .8;
--transition: all .2s;
--shadow:0 0 10px rgba(0,0,0,.2);

}/* root */

html {
word-break: break-word;
font-size: 62.5%;
}
.rnw2025 {
margin: 0;
font-family:var(--font-family);
color:var(--font-color);
overflow-wrap: break-word;
}

.rnw2025 article,
.rnw2025 nav,
.rnw2025 header,
.rnw2025 footer {
font-size: var(--font-size);
line-height: 1.5;
font-weight: 400;
}

.rnw2025 .en {font-family:var(--font-family-en);}
.rnw2025 .sans {font-family:var(--font-family);}

/* TAG */
.rnw2025 img {
max-width: 100%;
height: auto;
border-style: none;
}
.rnw2025 a {
text-decoration: none;
transition: all .2s;
color: var(--font-color);
}
.rnw2025 a:hover {
opacity:0.8;
}
.rnw2025 .wrap_video video,
.fv_video-slide .wrap_video video {
width: 100%;
vertical-align: middle;
}

/* FORM */
.rnw2025 button, .rnw2025 input, .rnw2025 select, .rnw2025 textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
outline: none;
color: var(--font-color);
}
:focus {
outline: 0;
}
.rnw2025 textarea {
resize: vertical;
}
.rnw2025 input[type='checkbox'],
.rnw2025 input[type='radio'] {
display: none;
}
.rnw2025 input[type='submit'],
.rnw2025 input[type='button'],
.rnw2025 label,
.rnw2025 button,
.rnw2025 select {
cursor: pointer;
}
.rnw2025 select::-ms-expand {
display: none;
}
::-webkit-input-placeholder {
color: inherit;
opacity: 0.6;
}
.rnw2025 a, .rnw2025 area, .rnw2025 button, .rnw2025 input, .rnw2025 label, .rnw2025 select, .rnw2025 summary, .rnw2025 textarea, .rnw2025 [tabindex] {
-ms-touch-action: manipulation;
touch-action: manipulation;
}

/* RAYOUT */
.rnw2025 article.container {
padding: min(5vw,20px) 0;
}
.rnw2025 .wrapper {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
margin:0 auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
box-sizing: border-box
}
.rnw2025 .wrapper:after{
content:"";
display: block;
clear:both;
box-sizing: border-box;
}

/* GRID */
.rnw2025 .col-1, .rnw2025 .col-2, .rnw2025 .col-3, .rnw2025 .col-4, .rnw2025 .col-5, .rnw2025 .col-6, .rnw2025 .col-7, .rnw2025 .col-8, .rnw2025 .col-9, .rnw2025 .col-10, .rnw2025 .col-11, .rnw2025 .col-12, .rnw2025 .col {
position: relative;
display: block;
padding: min(5vw,20px);
width: 100%;
box-sizing: border-box
}

.rnw2025 .col-6-sp {width: 50%;}


/* flex */
.rnw2025 .nowrap {flex-wrap: nowrap;}
.rnw2025 .wrap-reverse {flex-wrap: wrap-reverse;}
.rnw2025 .jc-start {justify-content: flex-start;}
.rnw2025 .jc-center {justify-content: center;}
.rnw2025 .jc-end {justify-content: flex-end;}
.rnw2025 .jc-around {justify-content: space-around;}
.rnw2025 .jc-between {justify-content: space-between;}
.rnw2025 .ai-stretch {align-items: stretch;}
.rnw2025 .ai-start {align-items: flex-start;}
.rnw2025 .ai-end {align-items: flex-end;}
.rnw2025 .ai-center {align-items: center;}
.rnw2025 .d-n {display: none !important;}
.rnw2025 .d-i {display: inline !important;}
.rnw2025 .d-ib {display: inline-block !important;}
.rnw2025 .d-b {display: block !important;}
.rnw2025 .d-f {display: flex !important;}
.rnw2025 .gap-20 {gap: min(1.5vw,20px);}
.rnw2025 .gap-40 {gap: min(3vw,40px);}
.rnw2025 .gap-60 {gap: min(4.5vw,60px);}

.rnw2025 .pd-0 {padding: 0!important;}
.rnw2025 .mg-0 { margin: 0!important;}
.rnw2025 .mb-1{ margin-bottom:1em!important;}
.rnw2025 .t-center {text-align: center;}
.rnw2025 .t-left {text-align: left!important;}
.rnw2025 .t-right {text-align: right!important;}



/*media Queries (768px) : -md-
------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
.rnw2025 article, .rnw2025 nav, .rnw2025 header, .rnw2025 footer {
font-size: var(--font-size-md);
line-height: 1.6;
}
.rnw2025 .wrapper {
padding: 0 20px;
max-width: 1244px;
}
.rnw2025 .wrapper.w-full {
max-width: 100%;
}
.rnw2025 .col-1, .rnw2025 .col-2, .rnw2025 .col-3, .rnw2025 .col-4, .rnw2025 .col-5, .rnw2025 .col-6, .rnw2025 .col-7, .rnw2025 .col-8, .rnw2025 .col-9, .rnw2025 .col-10, .rnw2025 .col-11, .rnw2025 .col-12, .rnw2025 .col {
padding: min(2.4vw,20px);
}
.rnw2025 .col-1 {width: 8.333333%;}
.rnw2025 .col-2 {width: 16.666667%;}
.rnw2025 .col-3 {width: 25%;}
.rnw2025 .col-4 {width: 33.333333%;}
.rnw2025 .col-5 {width: 41.666667%;}
.rnw2025 .col-6 {width: 50%;}
.rnw2025 .col-7 {width: 58.333333%;}
.rnw2025 .col-8 {width: 66.666667%;}
.rnw2025 .col-9 {width: 75%;}
.rnw2025 .col-10 {width: 83.333333%;}
.rnw2025 .col-11 {width:91.666667%;}
.rnw2025 .col-12 {width: 100%;}

.rnw2025 .d-n-md {display: none !important;}
.rnw2025 .d-i-md {display: inline !important;}
.rnw2025 .d-ib-md {display: inline-block !important;}
.rnw2025 .d-b-md {display: block !important;}

}/*min-width: 768px */


/*media Queries (1025px) : -lg-
------------------------------------------------------------------------*/
@media only screen and (min-width: 1025px) {
.rnw2025 .d-n-lg {display: none !important;}
.rnw2025 .d-i-lg {display: inline !important;}
.rnw2025 .d-ib-lg {display: inline-block !important;}
.rnw2025 .d-b-lg {display: block !important;}
}/* min-width: 1025px */


/*media Queries (1244px) : -xl-
------------------------------------------------------------------------*/
@media only screen and (min-width: 1244px) {
.rnw2025 .wrapper {
padding:0;
}
.rnw2025 article, .rnw2025 nav, .rnw2025 header, .rnw2025 footer {
font-size: var(--font-size-xl);
list-style: 1.8;
}
.rnw2025 .d-n-xl {display: none !important;}
.rnw2025 .d-i-xl {display: inline !important;}
.rnw2025 .d-ib-xl {display: inline-block !important;}
.rnw2025 .d-b-xl {display: block !important;}
.rnw2025 .d-f-xl {
display: -ms-flexbox !important;
display: flex !important;
}

}/* min-width: 1244px */

/* font */
.rnw2025 .fs-10 { font-size:min(2.4vw,10px);}
.rnw2025 .fs-11 { font-size:min(2.5vw,11px);}
.rnw2025 .fs-12 { font-size:min(2.6vw,12px);}
.rnw2025 .fs-13 { font-size:min(2.7vw,13px);}
.rnw2025 .fs-14 { font-size:min(2.8vw,14px);}
.rnw2025 .fs-15 { font-size:min(3vw,15px);}
.rnw2025 .fs-16 { font-size:min(3.2vw,16px);}
.rnw2025 .fs-18 { font-size:min(3.4vw,18px);}
.rnw2025 .fs-20 { font-size:min(3.8vw,20px);}
.rnw2025 .fs-22 { font-size:min(4.2vw,22px);}
.rnw2025 .fs-24 { font-size:min(4.5vw,24px);}
.rnw2025 .small{ font-size: 82%;}
.rnw2025 .smaller {font-size: 71%;}
.rnw2025 .big {font-size: 106%;}
.rnw2025 .bigger {font-size: 141%;}
.rnw2025 .fw-400{font-weight:400}
.rnw2025 .fw-500{font-weight:500}
.rnw2025 .fw-600{font-weight:600}
.rnw2025 .fw-700{font-weight:700}

/* color */
.rnw2025 .t-white { color: #FFF; }
.rnw2025 .t-blue {color: var(--blue);}
.rnw2025 .bg-white {background: #FFF;}
.rnw2025 .bg-gray {background: #F6F6F6;}

/* list */
.rnw2025 ul, .rnw2025 ol {
list-style: none;
margin: 0;
padding: 0;
}

/* COMMON */
/* title */
.rnw2025 .main_title {
margin-bottom: min(8vw,40px);
font-size:min(6vw,26px);
}
.rnw2025 .main_title:after {
content: "";
display: block;
margin: min(4vw,15px) 0 0;
width: 58px;
height: 2px;
background: var(--blue);
}
.rnw2025 .sub_title {
font-size:min(4.5vw,18px);
font-weight: 700;
}

/* link button */
.rnw2025 .btn_round {
position: relative;
display: inline-block;
padding: min(3vw,10px) min(10vw,50px);
border:1px solid var(--font-color);
border-radius: 40px;
line-height: 1.4;
font-weight: 500;
text-align: center;
}
.rnw2025 .btn_round:after {
position: absolute;
top:50%;
translate: 0 -50%;
right:min(3.6vw,20px);
content: "";
display: block;
width: 7px;
height: 7px;
border-top: 1px solid var(--font-color);
border-right: 1px solid var(--font-color);
rotate: 45deg;
}


/* SLICK */
/* arrow */
.rnw2025 .slick-slider .slick-arrow {
position: absolute;
top: 50%;
width: 13px;
height: 13px;
transform: rotate(45deg) translateY(-50%);
z-index: 50;
font-size: 0;
text-indent: -9999px;
}
.rnw2025 .slick-slider .slick-prev {
left: -16px;
border-bottom: 2px solid var(--font-color);
border-left: 2px solid var(--font-color);
}
.rnw2025 .slick-slider .slick-next {
right: -10px;
border-top: 2px solid var(--font-color);
border-right: 2px solid var(--font-color);
}
.rnw2025 .slick-slider button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
padding: 0;
}


/* 既存の指定移植 */
#global_menu > ul > li > a { color:#000000; }
#global_menu > ul > li > a:after { background:#ffffff; }
#global_menu ul ul a { color:#FFFFFF; background:#a9c6cf; }
#global_menu ul ul a:hover { background:#a9c6cf; }
#global_menu ul ul li.menu-item-has-children > a:before { color:#FFFFFF; }
#drawer_menu { background:#222222; }
#mobile_menu a { color:#ffffff; background:#222222; border-bottom:1px solid #444444; }
#mobile_menu li li a { color:#ffffff; background:#333333; }
#mobile_menu a:hover, #drawer_menu .close_button:hover, #mobile_menu .child_menu_button:hover { color:#ffffff; background:#c1c1c1; }
#mobile_menu li li a:hover { color:#ffffff; }
.megamenu_recipe_category_list .headline { color:#000000; font-size:5px; }
.megamenu_recipe_category_list .headline a { color:#000000; }
.megamenu_blog_list .menu_area a:hover, .megamenu_blog_list .menu_area li.active a, .megamenu_blog_list .post_list { background:#e8e8e8; }
#header_search { background:rgba(0,0,0,0.7); }
#header_login, #header_logout { color:#000000; background:#eeeeee; }
#header_login:hover, #header_logout:hover { color:#ffffff; background:#ff7f00; }
#header_register { color:#ffffff; background:#ff7f00; }
#header_register:hover { color:#ffffff; background:#fbc525; }
.footer_headline { color:#000000; }
.footer_menu ul li a { color:#212121; }
#footer_menu, #footer_category_menu, #footer_widget { border-color:rgba(255,240,204,1); }

:root {
--logo-blue:#397FFF;
}

.title_border_blue {
margin-bottom: min(6vw,30px)!important;
padding-bottom: min(3vw,10px);
font-weight: 600!important;
font-size: min(5vw,24px);
border-bottom: 3px solid var(--logo-blue);
}
.title_border_blue.small {
font-size: min(5vw,20px);
}


/* access ranking list */
.list_ranking li {
position: relative;
}
.list_ranking li .rank {
position: absolute;
top:0;
left:0;
width: 20px;
height: 100%;
text-align: center;
align-content: center;
background: #E1ECFF;
font-weight: 600;
font-size: 106%;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.list_ranking li.rank1 .rank,
.list_ranking li.rank2 .rank,
.list_ranking li.rank3 .rank {
color: #FFF;
}
.list_ranking li.rank1 .rank {background-color: #EDB200;}
.list_ranking li.rank2 .rank {background-color: #A7ADBA;}
.list_ranking li.rank3 .rank {background-color: #AD7C52;}
.list_ranking li a {
display: flex;
align-items: center;
gap: 10px;
padding-left: 30px;
box-sizing: border-box;
}
.list_ranking li a .title {
width: 60%;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
max-height: 80px;/* fail-safe */
font-weight: 600;
line-height: 1.7;
font-size: min(4.6vw,14px);
text-align: left;
}
.list_ranking li a figure {
width: 40%;
overflow: hidden;
}
.list_ranking li a img {
object-fit: cover;
width: 100%;
height: 80px;
transition: transform .5s ease;
}
.list_ranking li a:hover img {
transform: scale(1.1);
}

@media screen and (min-width: 768px) {
.list_ranking li a .title {
font-size: min(3vw,13px);
}
}/* min-width: 768px */





/* INDEX 202508 */
/* HEADER */
.rnw2025 #header {
height: auto;
border-bottom: none;
}
body.home .rnw2025 #header {
border-bottom: none;
}
.rnw2025 #header #header_logo {
left: 10px;
right: auto;
top: 5px;
bottom:auto;
width: 100px;
height: 50px;
}
.rnw2025 #header #header_inner {
width:calc(100% - 20px);
max-width: 1280px;
height: 62px;
}
.rnw2025 #header #header_button_area {
bottom:0;
}
.rnw2025 #header #header_search_button {
height: 50px;
padding-bottom: 3px;
top:0;
right: 0;
border-left: none;
}
.rnw2025 #header #header_search {
top:61px
}
.rnw2025 #header .wrapper {
align-items: center;
justify-content: space-between;
padding-right: 40px;
}


/* menu button */
.rnw2025 #menu_button {
bottom: auto;
top:0;
width: 40px;
height: 40px;
}

/* header logo */
.rnw2025 #header .wrapper .col-2.header_logo {
position: absolute;
top:0;
left:0;
width: min(35%,160px);
padding-top: 0;
padding-bottom: 0;
}
.rnw2025 #header .wrapper .col-5 {
width:100%;
padding-right: 26px;
box-sizing: border-box;
}

/* header watch */
.rnw2025 .list_city-time {
display: none;
justify-content: flex-start;
}
.rnw2025 .list_city-time li {
width: min(8.6vw,90px);
}
.rnw2025 .list_city-time .city-name {
margin-top: .5rem;
font-size:min(1.2vw,11px);
font-family: var(--font-family-en);
font-weight: 500;
color:#5c5c5c;
text-align: center;
}
.rnw2025 .wrap_watch {
position: relative;
width: 50px;
height: 50px;
margin: 0 auto;
background: url("../img/ren2508/watch-none.svg?aa") no-repeat center center;
background-size: cover;
overflow: hidden
}
.rnw2025 .pm_light .wrap_watch {
background-image:url("../img/ren2508/watch-pm_light.svg");
}
.rnw2025 .am_light .wrap_watch {
background-image:url("../img/ren2508/watch-am_light.svg");
}
.rnw2025 .pm_dark .wrap_watch {
background-image:url("../img/ren2508/watch-pm_dark.svg");
}
.rnw2025 .am_dark .wrap_watch {
background-image:url("../img/ren2508/watch-am_dark.svg");
}
.rnw2025 .wrap_watch .hour,
.rnw2025 .wrap_watch .minute,
.rnw2025 .wrap_watch .second {
width: 100%;
height: 100%;
margin: 0 auto;
position: absolute;
overflow: hidden
}
.rnw2025 .wrap_watch .hour img,
.rnw2025 .wrap_watch .minute img,
.rnw2025 .wrap_watch .second img {
width: 100%;
height: 100%;
margin: 0 auto;
position: absolute;
overflow: hidden
}

.rnw2025 .header_copy {
display: none;
}
.list_sns {
display: flex;
justify-content: flex-end;
align-items: center;
border-right: 1px solid var(--font-color);
}
.list_sns li {
padding-right:10px;
width: 15px;
line-height: 1;
}

.rnw2025 .header_search_trigger {
position: absolute;
right:0;
top:50%;
translate: 0 -50%;
display: block;
width: 15px;
height:15px;
background: url(../img/ren2508/icon_search.svg) no-repeat center center;
background-size: 100%;
cursor: pointer;
transition: var(--transition);
}
.rnw2025 .header_search_trigger:hover {
opacity: var(--bg-opacity);
}
.rnw2025 .header_search {
display: none;
position: absolute;
top:50px;
left:0;
background: rgba(0,0,0,.6);
padding: 20px;
width: 100%;
}
.rnw2025 .header_search form {
display: block;
width: min(100%,390px);
}
.rnw2025 .header_search .wrap_header_input {
display: block;
position: relative;
}
.rnw2025 .header_search input {
display: block;
padding: .8rem 40px .8rem 20px;
border-radius: 40px;
width: 100%;
background: var(--palegray);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.rnw2025 .header_search .btn_search {
position: absolute;
top:50%;
translate: 0 -50%;
right:min(2vw,20px);
content: "";
display: block;
width: 17px;
height: 17px;
background: url(../img/ren2508/icon_search.svg) no-repeat center center;
background-size: cover;
text-indent: -9999px;
}

.rnw2025 .fv_slider {
margin-top: 11px;
}
.rnw2025 .fv_slider a {
display: block;
background: #FFF;
}
.rnw2025 .fv_slider a > p {
padding: min(2vw,10px);
box-sizing: border-box;
font-size:min(2.7vw,13px);
}
.rnw2025 .fv_slider a > p > span {
display: block;
width: 100%;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: 45px;
}
.rnw2025 .fv_slider a > img {
display: block;
object-fit: cover;
width: 100%;
height: 145px;
}


@media only screen and (min-width: 768px) {
.rnw2025 #header .wrapper {
align-items: center;
}
.rnw2025 #header .wrapper .col-5,
.rnw2025 #header .wrapper .col-2 {
padding-top: min(.5vw,6px);
padding-bottom: min(.5vw,6px);
}

/* header logo */
.rnw2025 #header .wrapper .col-2.header_logo {
position: relative;
width: 16.666667%;
}
.rnw2025 #header .wrapper .col-5 {
width: 41.666667%;
padding-right: 30px;
}

/* header watch */
.rnw2025 .list_city-time {
display: flex;
}
.rnw2025 .header_copy {
display: block;
margin-right: min(2vw,10px);
font-size:min(2.6vw,13px);
}

.list_sns {
border-left: 1px solid var(--font-color);
border-right: none;
}
.list_sns li {
padding-left:min(2vw,10px);
}
.rnw2025 .header_search_trigger {
display: none;
}

.rnw2025 .header_search {
position: relative;
top:auto;
translate: none;
display: flex;
justify-content: flex-end;
margin-top:.8rem;
padding: 0;
background: transparent;
}
.rnw2025 #global_menu {
position: static;
border-top: 1px solid #DDD;
height: auto;
}
.rnw2025 #global_menu > ul {
width: 100%;
max-width: 1164px;
border-left: none;
justify-content: center;
}
.rnw2025 #global_menu > ul > li {
border:none;
}
.rnw2025 #global_menu > ul > li > a {
height:45px;
line-height: 45px;
}
.rnw2025 #global_menu ul ul {
top:45px;
}



}/* min-width: 768px */


/* FOOTER */
.rnw2025 #footer {
padding-bottom: 20px;
border-top: 1px solid var(--palegray);
}
.rnw2025 #footer .logo img {
display: inline-block;
width:min(25vw,115px);
}
.rnw2025 #footer .copyright {
text-align: right;
font-family: var(--font-family-en);
color: var(--darkgray);
font-size:min(2.7vw,13px);
}



/* FV */
.rnw2025 .main_banner a {
display: block;
position: relative;
}
.rnw2025 .main_banner img {
display: block;
object-fit: cover;
width: 100%;
height: 190px;
}
.rnw2025 .main_banner dl {
background: #FFF;
padding: min(2vw,10px) min(3vw,25px) min(2vw,20px);
box-sizing: border-box;
}
.rnw2025 .main_banner dt {
margin-bottom: min(3vw,25px);
font-size:min(3.8vw,20px);
font-weight: 500;
}
.rnw2025 .main_banner dd {
display: flex;
justify-content: space-between;
font-size:min(2.6vw,11px);
color: var(--darkgray);
}
.rnw2025 .main_banner dd > .date {
width: 70px;
font-family: var(--font-family-en);
}
.rnw2025 .main_banner dd > .date + p {
width: calc(100% - 70px);
text-align: right;
}
.rnw2025 .main_banner dd > .date + p > span {
display: inline-block;
padding-left: .6rem;
}
.rnw2025 .main_banner dd > .date + p > span + span:before {
content: "";
display: inline-block;
margin-right: .6rem;
width: 1px;
height: 10px;
content: "";
background: var(--darkgray);
translate: 0 2px;
}


@media only screen and (min-width: 768px) {
.rnw2025 .main_banner img {
height: 430px;
}
.rnw2025 .main_banner dl {
position: absolute;
bottom:0;
left:0;
display: block;
width: 100%;
background: rgba(255,255,255,.9);
}

}/* min-width: 768px */





/* tab contents */
.rnw2025 .wrap_tab-contents {
padding-left: 0;
padding-right: 0;
}
.rnw2025 .tab_nav {
display: flex;
justify-content: flex-start;
gap: min(0.6vw,6px);
width: 100%;
margin-bottom:min(5vw,20px);
}
.rnw2025 .tab_nav li {
position: relative;
padding: 1.5rem .5rem;
width: min(100%,280px);
text-align: center;
background: #FFF;
cursor: pointer;
transition: var(--transition);
font-size:min(3vw,15px);
font-weight: 500;
}
.rnw2025 .tab_nav li:hover {
opacity: var(--bg-opacity);
}
.rnw2025 .tab_nav li.current {
background: var(--font-color);
color: #FFF;
font-weight: 600;
cursor :default;
}
.rnw2025 .tab_nav li.current:after {
position: absolute;
bottom:-7px;
left:50%;
translate: -50%;
content: "";
display: block;
width: 13px;
height: 13px;
background: var(--font-color);
rotate: 45deg;
}
.rnw2025 .tab_nav li.current:hover {
opacity: 1;
}

[hidden] { display: none !important; }


.rnw2025 .wrap_link-list a {
position: relative;
display:flex;
margin-top: 5px;
background: #FFF;
border: 1px solid var(--gray);
font-size:min(3vw,13px);
}
.rnw2025 .wrap_link-list a .rank {
position: absolute;
top:0;
left:0;
display: block;
width: min(7vw,28px);
height: min(7vw,28px);
background: var(--font-color);
text-align: center;
color: #FFF;
font-family: var(--font-family-en);
font-size:min(6vw,15px);
font-weight: 500;
line-height: 1;
text-align: center;
align-content: center;
}
.rnw2025 .wrap_link-list a > figure {
width: 45%;
}
.rnw2025 .wrap_link-list a > dl {
width: 55%;
padding: 10px;
box-sizing: border-box;
}

.rnw2025 .wrap_link-list a dt {
margin-bottom: min(4vw,13px);
width: 100%;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
height: 50px;
}
.rnw2025 .wrap_link-list a dd {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
font-size:min(2.6vw,11px);
color: var(--darkgray);
}
.rnw2025 .wrap_link-list a dd > .date {
width: 70px;
font-family: var(--font-family-en);
}
.rnw2025 .wrap_link-list a dd > .date + p {
width: calc(100% - 70px);
text-align: right;
}
.rnw2025 .wrap_link-list a dd > .date + p > span {
display: inline-block;
padding-left: .6rem;
}
.rnw2025 .wrap_link-list a dd > .date + p > span + span:before {
content: "";
display: inline-block;
margin-right: .6rem;
width: 1px;
height: 10px;
content: "";
background: var(--darkgray);
translate: 0 2px;
}
.rnw2025 .wrap_link-list a img {
display: block;
object-fit: cover;
width: 100%;
height: 100px;
}


.rnw2025 .js-tab .wrap_link-list,
.rnw2025 .news-tab .wrap_link-list {
padding: 0 min(5vw,20px);
}

.rnw2025 .more_link {
padding: min(5vw,20px);
}



@media only screen and (min-width: 768px) {
.rnw2025 .wrap_tab-contents {
padding-left: min(2.4vw,20px);
padding-right: min(2.4vw,20px);;
padding-bottom: 4rem;
}
.rnw2025 .tab_nav li {
width: min(25%,280px);
}
.rnw2025 .js-tab .wrap_link-list,
.rnw2025 .news-tab .wrap_link-list {
padding: 0;
}
.rnw2025 .wrap_link-list {
display: flex;
justify-content: space-between;
gap:15px;
padding: 0;
}
.rnw2025 .wrap_link-list a {
display: block;
width: 100%;
}
.rnw2025 .wrap_link-list a > figure,
.rnw2025 .wrap_link-list a > dl {
width: 100%;
}
.rnw2025 .wrap_link-list a dt {
-webkit-line-clamp: 2;
height: 38px;
}
.rnw2025 .wrap_link-list a dd {
font-size:min(1.2vw,11px);
}
.rnw2025 .wrap_link-list a dd > .date + p {
width: auto;
text-align: left;
}
.rnw2025 .wrap_link-list a dd > .date + p > span {
padding-left: 0;
}
.rnw2025 .wrap_link-list a img {
height: 135px;
}
.rnw2025 .js-tab .more_link {
position: absolute;
top:25px;
right: 20px;
padding: 0;
}
.rnw2025 .more_link .btn_round {
padding-left: min(2vw,50px);
padding-right: min(4vw,50px);
}
}/* min-width: 768px */



@media only screen and (min-width: 1025px) {
.rnw2025 .wrap_link-list a dd > .date + p {
width: calc(100% - 70px);
text-align: right;
} 
}/* min-width: 1025px */




/* MAIN NEWS AREA - MAIN COL */
.rnw2025 .main_news_area .main_col {
padding-left: 0;
padding-right: 0;
}
.rnw2025 .main_news_area .main_col .main_title {
padding-left: min(5vw,20px);
padding-right: min(5vw,20px)
}

.rnw2025 .news-tab_nav {
display: flex;
justify-content: flex-start;
gap: min(0.6vw,6px);
width: 100%;
margin-bottom:min(5vw,20px);
}
.rnw2025 .news-tab_nav li {
position: relative;
padding: 1.5rem .2rem;
width: 100%;
text-align: center;
background: #FFF;
cursor: pointer;
transition: var(--transition);
font-size:min(3vw,15px);
font-weight: 500;
letter-spacing: -0.02em;
}
.rnw2025 .news-tab_nav li:hover {
opacity: var(--bg-opacity);
}
.rnw2025 .news-tab_nav li.current {
background: var(--font-color);
color: #FFF;
font-weight: 600;
cursor :default;
}
.rnw2025 .news-tab_nav li.current:after {
position: absolute;
bottom:-7px;
left:50%;
translate: -50%;
content: "";
display: block;
width: 13px;
height: 13px;
background: var(--font-color);
rotate: 45deg;
}
.rnw2025 .news-tab_nav li.current:hover {
opacity: 1;
}
.rnw2025 .news-tab {
position: relative;
}





@media only screen and (min-width: 768px) {
.rnw2025 .main_news_area .col-8.main_col {
width: 72.3%;
padding-left: min(2.4vw,20px);
padding-right: min(2.4vw,20px);
}
.rnw2025 .main_news_area .main_col [hidden] {
display: block !important;
}
.rnw2025 .main_news_area .main_col .main_title {
padding-left:0;
padding-right: 0;
}
.rnw2025 .main_news_area .news-tab_nav {
display: none;
}
.rnw2025 .main_news_area .news-tab + .news-tab {
margin-top: 50px;
}
.rnw2025 .main_news_area .news-tab .sub_title {
margin-bottom: 10px;
}
.rnw2025 .main_news_area .wrap_link-list a dt {
-webkit-line-clamp: 3;
height: 60px;
}
.rnw2025 .main_news_area .news-tab .more_link {
position: absolute;
top:-10px;
right: 0;
padding: 0;
}

}/* min-width: 768px */



/*  MAIN NEWS AREA - SIDE COL */
@media only screen and (min-width: 768px) {
.rnw2025 .main_news_area .col-4.side_col {
width: 27.33%;
}

}/* min-width: 768px */


/* 既存の再定義 */
.rnw2025 .col-4.side_col #side_col {
padding: 0;
width: 100%;
}
.rnw2025 #side_col .widget_content.tcd_ad_widget {
margin-bottom: 20px;
}

/* bottom carousel */
.rnw2025 #index_header_content_wrap {
padding:min(10vw,50px) 0;
}
.rnw2025 #index_recipe_slider,
.rnw2025 #index_recipe_slider .item {
height: auto;
}





/* CATEGORY */ /* SINGLE */
.rnw2025 #bread_crumb {
height: auto;
background: none;
}
.rnw2025 #bread_crumb li {
line-height: 50px;
}

.rnw2025 #main_contents {
padding-top: 0;
}

.rnw2025 #page_header {
height: min(38vw,210px);
margin-bottom:min(6vw,30px);
}
.rnw2025 #post_list .item {
margin-bottom: 5px;
padding: 5px;
border: none;
min-height: auto;
}

.rnw2025 #post_list .image_wrap {
width: 170px;
height: 100px;
}

.rnw2025 #post_list .title_area {
width: calc(100% - 170px);
}
.rnw2025 #post_list .title {
font-size: 15px;
}
.rnw2025 .page_navi li {
margin: 0 6px 4px;
vertical-align: middle;
}
.rnw2025 .page_navi a, .rnw2025 .page_navi a:hover, .rnw2025 .page_navi span {
background: none;
border: none;
font-family: var(--font-family-en);
font-size:min(4vw,16px);
width: 36px;
height: 36px;
line-height: 36px;
border-radius: 50%;
cursor: pointer!important;
}
.rnw2025 .page_navi a:hover {
opacity: var(--bg-opacity);
color: var(--font-color);
background: #FFF;
}
.rnw2025 .page_navi span.current {
background: #D6D6D6;
color: var(--font-color);
font-weight:600;
cursor: default!important;
}

.rnw2025 .page_navi a.page-numbers.next,
.rnw2025 .page_navi a.page-numbers.prev {
position: relative;
background: none;
}
.rnw2025 .page_navi a.page-numbers.next:after,
.rnw2025 .page_navi a.page-numbers.prev:after {
position: absolute;
top:50%;
right:15px;
translate: 0 -50%;
content: "";
display: block;
width: 9px;
height: 9px;
border-top: 1px solid var(--font-color);
border-right: 1px solid var(--font-color);
rotate: 45deg;
}
.rnw2025 .page_navi a.page-numbers.prev:after {
border: none;
border-left: 1px solid var(--font-color);
border-bottom: 1px solid var(--font-color);
right:10px;
}
.rnw2025 .page_navi a.page-numbers.next span,
.rnw2025 .page_navi a.page-numbers.prev span {
text-indent: -9999px;
}
.rnw2025 .page_navi a.page-numbers.next:before,
.rnw2025 .page_navi a.page-numbers.prev:before {
display: none;
}




@media screen and (max-width: 650px) {
.rnw2025 #main_contents {
padding-top: 20px;
}
.rnw2025 #bread_crumb li {
line-height: 40px;
}
.rnw2025 .page_navi {
margin-bottom: 40px;
}
.rnw2025 .page_navi li {
margin: 0 2px 4px;
vertical-align: middle;
}
.rnw2025 #post_list .image_wrap {
width: 130px;
height: 110px;
}
.rnw2025 #post_list .title_area {
width: calc(100% - 130px);
}


}/* max-width: 650px */