@charset "utf-8";


/* common */



/* 一覧 */
main.news-list .mv { margin-top: 74px; height: 200px; background-color: #FBFAF8;}
main.news-list .mv .wrap { position: relative; height: 100%;}
main.news-list .mv .wrap h1 {font-size:48px;width:fit-content;position:absolute;top:50%;left:20px;transform:translateY(-50%)}
main.news-list .mv .wrap h1::after{content:"";display:block;width:100%;height:8px;background-image:linear-gradient(to right, #F08700, #fff);margin-top:24px}
main.shop-list .mv .wrap .en-title{font-size:48px;font-weight:bold;color:#ffcf91;writing-mode:vertical-rl;position:absolute;position:absolute;top:-74px;right:0;letter-spacing:.6px}
main.news-list .mv .wrap h1 {font-size:48px;width:fit-content;position:absolute;top:50%;left:20px;transform:translateY(-50%)}
main.news-list .mv .wrap h1::after{content:"";display:block;width:100%;height:8px;background-image:linear-gradient(to right, #F08700, #fff);margin-top:24px}
main.shop-list .mv .wrap .en-title{font-size:48px;font-weight:bold;color:#ffcf91;writing-mode:vertical-rl;position:absolute;position:absolute;top:-74px;right:0;letter-spacing:.6px}

@media(max-width: 640px){
main.news-list .mv { margin-top: 0; height: auto;}
main.news-list .mv .wrap h1{ padding: 40px 0; font-size:28px; position: static; transform: none; }
main.news-list .mv .wrap h1::after{margin-top:16px;}
main.shop-list .mv .wrap .en-title{font-size:28px}
main.shop-list .mv .wrap .en-title{top:-34px}
main.news-list .mv .wrap h1{font-size:28px}
main.news-list .mv .wrap h1::after{margin-top:16px}
main.shop-list .mv .wrap .en-title{font-size:28px}
main.shop-list .mv .wrap .en-title{top:-34px}
}



.mv .wrap,
.mv + .wrap { max-width: 840px; margin: 0 auto;}
.mv + .wrap { padding: 60px 20px 120px;}
@media (max-width: 640px) {
.mv + .wrap { width: 100%; max-width: none;}

}



.news-list .news-list { }
.news-list .news-item { padding: 30px 0; border-top: #ccc 1px solid;}
.news-list .news-item:last-child { border-bottom: #ccc 1px solid; }
.news-list .news-link { display: block; }
.news-list .news-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
.news-list .news-meta-date { font-size: 14px;}
.news-list .news-category-label { display: inline-block; padding: 5px; color: #F08700; font-size: 12px; border: #F08700 1px solid; border-radius: 50px; }
.news-list .news-title { margin-top: 5px; font-size: 18px; font-weight: bold; }



.news-list .pagination { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 40px;}
.news-list .pagination .page-numbers { display: grid; align-items: center; justify-content: center; width: 4rem; height: 4rem; border-radius: 50%;}
.news-list .pagination .page-numbers.current { color: #F08700; font-weight: bold;}
.news-list .pagination .page-numbers:not(.current) { background-color: #FBFAF8; }






/* 詳細 */
.single.news-list .news-detail .wrap { max-width: 840px; }
.single.news-list .news-detail { padding: 80px 0; }
.single.news-list .news-header { display: grid; gap: 10px; }
.single.news-list .news-header-date { font-size: 14px;}
.single.news-list .news-header-title { font-size: 32px; font-weight: bold; }
.single.news-list .news-target-shop a { display: inline-block; padding: 5px; color: #F08700; font-size: 14px; border: #F08700 1px solid; border-radius: 50px; }

.single.news-list .news-content { margin: 40px 0; padding: 40px 0; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid;}
.single.news-list .news-content > * + * { margin-top: 10px; }
.single.news-list .news-content h2 { margin-top: 30px; font-size: 24px; font-weight: bold; }
.single.news-list .news-content h3 { margin-top: 30px; font-size: 20px; font-weight: bold; }
.single.news-list .news-content a { display: inline-block; color: #F08700; text-decoration: underline; }
.single.news-list .news-content ul {  }
.single.news-list .news-content li { margin-left: 18px; }
.single.news-list .news-content ul li { list-style: disc !important; }
.single.news-list .news-content ol li { list-style: auto !important; }
.single.news-list .wp-block-quote { background-color: #FBFAF8; padding: 40px; }
.single.news-list table {  }
.single.news-list table tbody {  }
.single.news-list table tbody tr {  }
.single.news-list table tbody tr > * { border-color: #ccc;  }

.single.news-list .news-bottom-shop { margin-top: 40px; }
.single.news-list .news-bottom-shop a { display: block; padding: 20px ; background-color: #F08700; color: #fff !important; font-weight: bold; text-decoration: none; text-align: center;}

.single.news-list .btn-back { width: max-content; margin: 0 auto; text-align: center; display: block; text-decoration: underline; font-size: 14px;}