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

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@600&family=Noto+Serif+JP:wght@300;500&display=swap');

.RinjiAllBnr{display: none;}

/*--------------------
オフィスワーカー向け特集2025
--------------------*/

body.item_feature .sp_view {display: none}
#contents-main.all {padding: 0 0 30px;}
body.item_feature #contents .inner{padding:0;width:100%;max-width:100%;margin:0;}
body.item_feature #contents article > h3{display: none;}
body.item_feature #contents article h3 {
background: linear-gradient(90deg, #d8effc, #d3edfb, #cdeafb, #c8e8fa, #cae8fa, #d2ebfb, #dbeefb, #e3f1fb);
}
body.item_feature #contents article h3 img {max-width: unset;}
body.item_feature {overflow-x:hidden;}

div.menu-btn {display: flex; margin: 60px auto 0;width:100%;max-width:900px;column-gap: 50px;}
div.menu-btn a {display: block;flex:1;text-align: center;font-size: 20px;font-weight: bold;border-radius: 10px; background: #bbe5ff;color:#fff;box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.25);padding:20px 0 10px;}
div.menu-btn a.current {background: #88ceff;pointer-events: none;box-shadow: none;transform: scale(1.1);}
div.menu-btn a::after {font-family: var(--fontfamily-icon);color:#fff;content: "\e313";vertical-align: middle;font-weight: bold;font-size: 20px;display: block;line-height: 30px;}

body.item_feature #contents .content1, body.item_feature #contents .content2{white-space: pre-wrap;}
body.item_feature #contents .content1{border-bottom: 4px solid #e3e8e9;padding-bottom: 20px;font-weight: bold;line-height: 1.6rem;font-size: 16px;padding-top: 10px;}
h3.title_img {display: none;}
body.item_feature #contents article h3,body.item_feature #contents .content1 {border-bottom: none;}
h4.cate_ttl {margin:auto;background: url("ttl_officeworkers_gourmet.png");background-repeat: no-repeat;width: 240px;aspect-ratio: 4 / 1;background-size: cover;position: absolute;left: 0;right: 0;margin-top:60px;}
h4.cate_ttl.goods {background: url("ttl_officeworkers_goods.png");background-size: cover;}
h4.cate_ttl span{opacity: 0;}
body.item_feature #contents-main .NewsItemList {max-width:1200px;margin: 50px auto;background: linear-gradient(90deg, #d8effc, #d3edfb, #cdeafb, #c8e8fa, #cae8fa, #d2ebfb, #dbeefb, #e3f1fb);padding: 60px;border-radius: 10px;}
body.item_feature.pc #contents-main .NewsItemList .item {padding: 24px 20px;}
#contents-main .NewsItemList .item .morelink {display: none;}
#contents-main .NewsItemList .item .date {z-index: 10; background: #fff;padding: 3px 7px;margin:2px;}
#contents-main .NewsItemList .item .image {width: 100%; height: auto; aspect-ratio: 3 / 2; float: none; z-index: 1;border: 2px solid #bcc6c8;}
.pc #contents-main .NewsItemList .item .desc {width: 100%; padding: 10px 0 0 0;}
body.item_feature #contents article h3 .title {display: none;}

body.sp .pc_view {display: none;}
body.sp .sp_view {display: block;}
body.sp #contents-main div.menu-btn {width:90%;column-gap: 15px;margin: 30px auto 20px;}
body.sp #contents-main div.menu-btn a {font-size: 16px;padding: 15px 0 10px;}
body.sp #contents-main div.menu-btn a.current {transform: scale(1.065);flex: 1.15;}
body.sp #contents-main div.menu-btn  a::after {line-height: 20px;}
body.sp #contents-main .NewsItemList {margin: 0 auto 40px;width: 90%;border-radius: 0px; padding: 35px 15px 0;}
body.sp #contents-main .NewsItemList .item{width:100%;}
body.sp #contents-main .NewsItemList .item .image{height: 30vh;}
body.sp #contents article h3 {margin-bottom:20px;}
body.sp #contents-main .NewsItemList .item .date {position: absolute;margin:2px;}
body.sp h4.cate_ttl{margin-top: 14px;width: 220px;}