@charset "UTF-8";

/*
Theme Name: ローズパートナー
Author: Homepage Builder
Author URI: http://www.justsystems.com/jp/links/hpb/creator.html?p=hpb21_wp_hpbdash
Description: このテーマは「JustSystems Homepage Builder Version 21.0.5.0 for Windows」によって作成されました。サイト名は「ローズパートナー」、サイトの公開日時は「2020年05月15日18:41」です。
License: 
License URI: license.txt
*/
@import url(style-org.css);
html *{
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
html{
    font-size: 16px;
    overflow-y: scroll;
}
*, *::before, *::after{
    box-sizing: border-box;
}
body{
    background: #fff;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section{
    display: block;
}
ol, ul{
    list-style: none;
}
table{
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td{
    font-weight: normal;
    text-align: left;
}
blockquote::before, blockquote::after, q::before, q::after{
    content: "";
}
blockquote, q{
    quotes: """";
}
a img{
    border: 0;
}
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body, button, input, select, textarea{
    color: #333333;
    font-family: sans-serif;
    line-height: 1.3;
	max-width: 100%;
}
h1, h2, h3, h4, h5, h6{
    clear: both;
    color: #D62A28;
    font-weight: bold;
    margin: 0;
}
h1{
    font-size: 1.5rem;
}
h2{
    font-size: 1.4rem;
}
h3{
    font-size: 1.3rem;
}
h4{
    font-size: 1.2rem;
}
h5{
    font-size: 1.15rem;
}
h6{
    font-size: 1.1rem;
}
p{
    margin-bottom: 1.5em;
}
b, strong{
    font-weight: bold;
}
dfn, cite, em, i{
    font-style: italic;
}
blockquote{
    margin: 0 0 1.5em;
    background: url(img/bg_h.png);
    padding: 1em;
    border-radius: 3px;
}
blockquote > *:last-child{
    margin-bottom: 0;
}
address{
    margin: 0 0 1.5em;
}
pre{
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code, kbd, tt, var{
    font-size: 15px;
    font-size: 1.5rem;
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym{
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark, ins{
    background: #fff9c0;
    text-decoration: none;
}
sup, sub{
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup{
    bottom: 1ex;
}
sub{
    top: .5ex;
}
small{
    font-size: 75%;
}
big, .large{
    font-size: 125%;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr{
    border-top-style: none;
    height: 0;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    clear: both;
    border-left-style: none;
    border-right-style: none;
    border-bottom-style: none;
}
ul, ol{
    margin: 0 0 1.5em 2em;
	line-height: 1.5em;
}
ul{
    list-style: disc;
}
ol{
    list-style: decimal;
}

li > ul, li > ol{
    margin-left: 1.5em;
}
ol li::first-line{
	font-weight: bold;
}
dt{
    font-weight: inherit;
    margin-bottom: 0.5em;
}
dd{
    margin: 0 0 1.5em 3em;
}
dd span{
	white-space: nowrap;
}
img{
    height: auto;
    max-width: 100%;
}
figure{
    margin: 0;
}
table{
	width: calc(100% - 20px);
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 20px;
    border-collapse: collapse;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #D62A28;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #D62A28;
}
table th{
    color: #ffffff;
    font-size: 1.2em;
    padding: 1em;
    text-align: center;
    background-color: #D62A28;
    border: solid 2px #D62A28;
    border-left-color: #ffffff;
    border-right-color: #ffffff;
	vertical-align: middle;
}
table th:first-child{
    border-left-color: #D62A28;
}
table th:last-child{
    border-right-color: #D62A28;
}
table td{
    padding: 1em;
    text-align: center;
    border: solid 2px #D62A28;
	vertical-align: middle;
}
table td.vert_th{
    color: #ffffff;
    background-color: #D62A28;
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
table tr:first-child td.vert_th{
    border-top-color: #D62A28;
}
table tr:last-child td.vert_th{
    border-bottom-color: #D62A28;
}
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button, input, select, textarea{
    font-size: 120%;
    margin: 0;
    vertical-align: baseline;
}
button, input[type="button"], input[type="reset"], input[type="submit"]{
    cursor: pointer;
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    padding: 0.5em 1em;
    background-color: #404c51;
    color: white;
    border-radius: 3px;
    border: solid 1px #404c51;
	max-width: 100%;
}
button:hover, button:active, button:focus, input[type="button"]:hover, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus{
    color: white;
    text-decoration: none;
    background-color: #6d818a;
    border-color: #6d818a;
}
input[type="checkbox"], input[type="radio"]{
    padding: 0;
}
input[type="search"]{
    box-sizing: content-box;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea{
    color: #666;
    border-color: #ccc;
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus{
    color: #111;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"]{
    padding: 3px;
}
textarea{
    overflow: auto;
    padding-left: 3px;
    vertical-align: top;
    width: 100%;
}
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a{
    color: #333333;
    text-decoration: none;
}
a:visited, a:focus, a:active{
    color: #333333;
}
a:hover{
    color: #D62A28;
}
a img:hover {
	opacity: 0.8;
}
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.navigation-main, .main-small-navigation{
    *zoom: 1;
    clear: both;
}
.navigation-main::after, .main-small-navigation::after{
    content: "";
    display: table;
    clear: both;
}
.navigation-main ul, .main-small-navigation ul{
    list-style: none;
    margin: 0;
    padding-left: 0;
    position: relative;
}
.navigation-main li, .main-small-navigation li{
    float: left;
}
.navigation-main a, .main-small-navigation a{
    display: block;
}
#site-navigation{
    font-size: 90%;
    font-weight: bold;
}
#site-navigation ul{
    float: right;
}
#site-navigation li{
    position: relative;
}
#site-navigation a{
    color: #333333;
    text-decoration: none;
    padding: 0.5em 0.75em;
    background: transparent;
}
#site-navigation a:hover{
    color: #D62A28 !important;
}
#site-navigation ul ul{
    display: none;
    float: none;
    background: transparent;
    position: absolute;
    left: 0;
    z-index: 99999;
    top: 30px;
    border: solid 1px #DADADA;
}
#site-navigation ul ul::after, #site-navigation ul ul::before{
    bottom: 100%;
    left: 40px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#site-navigation ul ul::after{
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: white;
    border-width: 7px;
    margin-left: -7px;
}
#site-navigation ul ul::before{
    border-color: rgba(218, 218, 218, 0);
    border-bottom-color: #DADADA;
    border-width: 8px;
    margin-left: -8px;
}
#site-navigation ul ul a{
    width: 200px;
    color: #0d0e12;
    background: white;
}
#site-navigation ul ul li{
    display: block;
    text-align: center;
    border-bottom: solid 1px #DADADA;
}
#site-navigation ul ul li:last-child{
    border-bottom: none;
}
#site-navigation ul li:last-child ul{
    left: auto;
    right: 0;
}
#site-navigation ul li:last-child ul::after, #site-navigation ul li:last-child ul::before{
    left: auto;
    right: 40px;
}
#site-navigation ul li:last-child ul::after{
    margin-left: 0;
    margin-right: -7px;
}
#site-navigation ul li:last-child ul::before{
    margin-left: 0;
    margin-right: -8px;
}
#site-navigation li:hover > a{
    color: #0d0e12;
    background: transparent;
    position: relative;
}
#site-navigation ul ul li:hover > a{
    color: #0d0e12;
    background: #E8E8E8;
}
#site-navigation ul ul li:hover > a::after{
    top: 100%;
    border-width: 0;
}
#site-navigation ul li:hover > ul{
    display: block;
}
#site-navigation .current_page_item > a, #site-navigation .current-menu-item > a{
    color: #D62A28;
    background: white;
}
/* Small menu */
.menu-toggle{
    display: none;
}
.main-small-navigation ul{
    display: none;
}
/*--------------------------------------------------------------
5.3 Breadcrumb
--------------------------------------------------------------*/
#breadcrumb-list{
    margin: 0px auto -18px;
    max-width: 1000px;
    clear: both;
    *zoom: 1;
    font-size: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    position: relative;
    top: 100px;
    display: none;
}
#breadcrumb-list::after{
    content: "";
    display: table;
    clear: both;
}
#breadcrumb-list > div{
    display: inline;
}
/*--------------------------------------------------------------
5.4 Page Navigation
--------------------------------------------------------------*/
.site-main .navigation-comment, .site-main .navigation-paging, .site-main .navigation-post{
    margin: 40px 0;
    overflow: hidden;
    font-style: italic;
    padding: 20px 0px;
    border-top: 1px solid #D62A28;
}
.navigation-comment .nav-previous, .navigation-paging .nav-previous, .navigation-post .nav-previous{
    float: left;
    width: 50%;
    padding-left: 20px;
}
.navigation-comment .nav-next, .navigation-paging .nav-next, .navigation-post .nav-next{
    float: right;
    text-align: right;
    width: 50%;
    padding-right: 20px;
}
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text{
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus{
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft, .left{
    display: inline;
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}
.alignright, .right{
    display: inline;
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}
.aligncenter{
    clear: both;
    display: block;
    margin: 0 auto;
}
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear, .entry-content, .comment-content, .site-header, .site-content, .site-footer {
    *zoom: 1;
}
.clear::after, .entry-content::after, .comment-content::after, .site-header::after, .site-content::after, .site-footer::after{
    content: "";
    display: table;
    clear: both;
}
/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
/*--------------------------------------------------------------
9.1 Widgets
--------------------------------------------------------------*/
.widget{
    margin: 0 0 20px;
}
.widget select{
    max-width: 90%;
    margin: 0 10px;
}
.widget ul{
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}
.widgettitle, .widget-title{
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #0d0e12;
}
/* Calendar widget */
.widget_calendar th, .widget_calendar td, .widget_calendar caption{
    padding: 5px;
    text-align: center;
}
.widget_calendar tfoot th, .widget_calendar tfoot td{
    border: none;
}
.widget_calendar #prev{
    text-align: left;
}
.widget_calendar #next{
    text-align: right;
}
/*--------------------------------------------------------------
9.2 Sidebar
--------------------------------------------------------------*/
#sidebar-1{
    font-size: 12px;
    font-size: 1.2rem;
}
#sidebar-1 .widgettitle, #sidebar-1 .widget-title{
    border-top: solid 3px #ccc;
    border-bottom: solid 3px #ccc;
    padding: 20px 10px;
    margin-bottom: 20px;
}
#sidebar-1 .searchform{
    margin: 0 10px;
    font-size: 16px;
    font-size: 1.6rem;
}
#sidebar-1 .textwidget, #sidebar-1 .tagcloud{
    margin: 0 10px;
}
#sidebar-1 ul{
    margin-top: -20px;
}
#sidebar-1 ul li{
    background-image: url(img/list-mark-side.png);
    background-position: 20px 25px;
    background-repeat: no-repeat;
    padding: 20px 10px 20px 35px;
    border-bottom: solid 1px #ccc;
}
#sidebar-1 ul li:hover{
    background-color: #fbfbfb;
}
#sidebar-1 ul li ul{
    margin-top: 0;
}
#sidebar-1 ul li li{
    background-position: 5px 25px;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 15px;
    border-bottom: none;
}
/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.hentry{
    *zoom: 1;
    margin: 0 0 20px;
}
.hentry::after{
    content: "";
    display: table;
    clear: both;
}
.byline, .updated{
    display: none;
}
.single .byline, .group-blog .byline{
    display: inline;
}
.page-header, .entry-header, div[class^="hpb-viewtype"] > h3{
    background-image: url(img/bg_h.png);
    color: #0d0e12;
    padding: .5em 0;
    padding-left: 0;
    margin-bottom: 20px;
}
.page-title, .entry-title, div[class^="hpb-viewtype"] > h3 > a{
    display: block;
    border-left: 5px solid #D62A28;
    padding-left: 20px;
}
body.archive .entry-header, body.home .entry-header, body.search .entry-header, div[class^="hpb-viewtype"] .entry-header{
    padding: 10px 20px;
    margin-bottom: 20px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #D62A28;
}
body.archive .entry-header > h4, body.archive .entry-title, body.home .entry-header > h4, body.home .entry-title, body.search .entry-header > h4, body.search .entry-title, div[class^="hpb-viewtype"] .entry-header > h4, div[class^="hpb-viewtype"] .entry-title{
    font-weight: normal;
    padding-left: 0;
    border-left: none;
}
.entry-meta{
    margin-top: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #0d0e12;
}
.entry-meta .sep{
    display: none;
}
.entry-meta > span{
    display: inline-block;
    line-height: 1.2;
    margin-right: 10px;
    margin-bottom: 5px;
    padding-left: 1.5em;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}
.entry-meta .date{
    background-image: url(img/bg_date.png);
}
.entry-meta .cat-links{
    background-image: url(img/bg_cat.png);
}
.entry-meta .tags-links{
    background-image: url(img/bg_tag.png);
}
.entry-meta .by-author{
    background-image: url(img/bg_author.png);
}
.entry-meta .comments-link{
    padding-left: 1.7em;
    background-image: url(img/bg_comment.png);
}
.entry-meta .edit-link{
    margin-right: 0;
    padding-left: 0;
}
.page-content, .entry-content, .entry-summary, .mce-content-body{
    margin: 0;
}
.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h1, .entry-summary h2, .entry-summary h3, .entry-summary h4, .entry-summary h5, .entry-summary h6, .mce-content-body h1, .mce-content-body h2, .mce-content-body h3, .mce-content-body h4, .mce-content-body h5, .mce-content-body h6{
    margin-bottom: 1em;
    padding-bottom: 0.25em;
    border-bottom: solid 1px #ccc;
}
.page-content dt, .entry-content dt, .entry-summary dt, .mce-content-body dt{
    border-left: solid 5px #404c51;
    padding-left: 1em;
}
.page-content li, .entry-content li, .entry-summary li, .mce-content-body li{
    margin-bottom: 0.5em;
}
.page-content li ol, .page-content li ul, .entry-content li ol, .entry-content li ul, .entry-summary li ol, .entry-summary li ul, .mce-content-body li ol, .mce-content-body li ul{
    margin-top: 0.5em;
}
.page-content ul, .entry-content ul, .entry-summary ul, .mce-content-body ul{
    list-style-type: none;
    margin-left: 0.5em;
}
.page-content ul li, .entry-content ul li, .entry-summary ul li, .mce-content-body ul li{
    background-image: url(img/list-mark-content.png);
    background-position : left 0.5em;
    background-repeat: no-repeat;
    padding-left : 20px;
}
.page-links{
    clear: both;
    margin: 0 0 1.5em;
}
/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title, .archive .format-aside .entry-title{
    display: none;
}
/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comments-area{
    clear: both;
    margin-top: 30px;
    font-size: 13px;
    font-size: 1.3rem;
}
.comments-title, .comment-reply-title{
    background-image: url(img/bg_h.png);
    color: #0d0e12;
    padding: 1.25em;
    border-left: solid 10px #404c51;
    margin-bottom: 1.5em;
}
.comment-list{
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
}
.comment-list ul{
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
}
.comment-list li{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #ccc;
}
.comment-list li li{
    margin-top: 20px;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 0;
    border-top: solid 1px #ccc;
    border-bottom: none;
}
.comment-list li li .comment{
    padding-left: 70px;
}
.comment-list .comment > footer {
    *zoom: 1;
}
.comment-list .comment > footer::after{
    content: "";
    display: table;
    clear: both;
}
.comment-list .avatar{
    float: left;
    margin-right: 20px;
}
.comment-list .fn{
    font-style: normal;
}
.comment-list .comment-meta{
    margin-top: 0.2em;
}
.comment-content{
    clear: both;
    margin-top: 1em;
}
.comment-content a{
    word-wrap: break-word;
}
.reply{
    text-align: right;
}
.comment-reply-link{
    display: inline-block;
    padding: 0.5em 1em;
    background-color: #404c51;
    color: white;
    border-radius: 3px;
    border: solid 1px #404c51;
}
.comment-reply-link:hover, .comment-reply-link:active, .comment-reply-link:focus{
    color: white;
    text-decoration: none;
    background-color: #6d818a;
    border-color: #6d818a;
}
.comment-respond{
    clear: both;
    margin-top: 30px;
}
.comment-form .required{
    color: #cc0000;
}
.comment-form label{
    display: block;
    margin-bottom: 0.3em;
}
.form-allowed-tags code{
    font-size: 12px;
    font-size: 1.2rem;
}
/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
.infinite-scroll .navigation-paging, .infinite-scroll.neverending .site-footer{
    display: none;
}
.infinity-end.neverending .site-footer{
    display: block;
}
/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley{
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
/* Make sure embeds and iframes fit their containers */
embed, iframe, object{
    max-width: 100%;
}
/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption{
    margin-bottom: 1.5em;
    max-width: 100%;
}
.wp-caption img[class*="wp-image-"]{
    display: block;
    margin: 1.2% auto 0;
}
.wp-caption-text{
    text-align: center;
}
.wp-caption .wp-caption-text{
    margin: 0.8075em 0;
}
/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery{
    margin-bottom: 1.5em;
}
.gallery dt{
    border: none;
    padding-left: 0;
}
.gallery-item{
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}
.gallery-columns-2 .gallery-item{
    max-width: 50%;
}
.gallery-columns-3 .gallery-item{
    max-width: 33.33%;
}
.gallery-columns-4 .gallery-item{
    max-width: 25%;
}
.gallery-columns-5 .gallery-item{
    max-width: 20%;
}
.gallery-columns-6 .gallery-item{
    max-width: 16.66%;
}
.gallery-columns-7 .gallery-item{
    max-width: 14.28%;
}
.gallery-columns-8 .gallery-item{
    max-width: 12.5%;
}
.gallery-columns-9 .gallery-item{
    max-width: 11.11%;
}
/*--------------------------------------------------------------
13.0 hpb Style
--------------------------------------------------------------*/
/*--------------------------------------------------------------
13.1 hpb:Header
--------------------------------------------------------------*/
#masthead{
    position: relative;
}
body.home #masthead{
    padding-bottom: 0;
}
#masthead-inner {
    *zoom: 1;
}
#masthead-inner::after{
    content: "";
    display: table;
    clear: both;
}
/* site title */
#masthead .site-branding{
    float: left;
    width: 28%;
    margin-left: 2%;
}
#masthead .site-branding .site-title{
    color: #0d0e12;
}
#masthead .site-branding .site-title a{
    //    min-width: 265px;
    min-height: 50px;
    display: block;
    background-image: url(img/site-title.png);
    background-repeat: no-repeat;
    background-position: left top;
    text-indent: -9999px;
    background-size: contain;
}
#fixed-bar{
    position: fixed;
	top: 0;
    width: 100%;
    padding-top: 20px;
    background-color: #ffffff;
    opacity: 0.9;
    z-index: 999;
    padding-bottom: 10px;
}
.admin-bar #fixed-bar{
	top: 30px;
}
body:not(.home) #masthead .site-branding{
    margin-bottom: 0;
}
#hpb-site-desc{
    display: none !important;
    font-weight: normal;
    font-size: 14px;
    font-size: 1.4rem;
}
#hpb-header-extra1{
    display: none;
    font-size: 12px;
    font-size: 1.2rem;
}
#hpb-header-extra1 p{
    margin-bottom: 0;
}
#hpb-header-extra1 .tel, #hpb-header-extra1 .address{
    display: inline;
}
/* front only */
body.home #hpb-site-desc, body.home #hpb-header-extra1{
    display: block;
    position: absolute;
    left: 50%;
    width: 600px;
    margin-left: -300px;
    text-align: center;
}
body.home #hpb-site-desc{
    bottom: -55px;
}
body.home #hpb-header-extra1{
    bottom: -86px;
}
.site-main{
    padding: 130px 0 0;
}
body.home .site-main{
}
#hpb-header-image{
    clear: both;
    line-height: 1;
    text-align: center;
}
#hpb-header-image img{
    vertical-align: top;
}
/* nav */
#site-navigation{
    clear: none;
    float: right;
    width: 68%;
    margin-right: 2%;
}
body:not(.home) #site-navigation{
    margin-bottom: 0;
}
.entry-header{
    display: none;
}
/*--------------------------------------------------------------
13.2 hpb:Footer
--------------------------------------------------------------*/
.site-footer{
    background-color: #f2f2f2;
}
#site-sub-navigation{
    margin: 0 auto;
    max-width: 1000px;
    padding: 30px 0px;
    font-weight: bold;
    color: #ffffff;
}
#site-sub-navigation li{
    border-right: 2px solid #ffffff;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 80%;
}
#site-sub-navigation li:last-child{
    border-right: none;
}
#site-sub-navigation a{
    display: inline-block;
    color: #ffffff;
}
#site-sub-navigation .current_page_item a{
    text-decoration: underline;
}
#site-sub-navigation a:hover{
    text-decoration: underline;
}
.footer-widgets{
    margin: 0 auto;
    max-width: 1000px;
    *zoom: 1;
    padding: 40px 0;
    font-size: 12px;
    font-size: 1.2rem;
}
.footer-widgets::after{
    content: "";
    display: table;
    clear: both;
}
.footer-widgets .widget{
    width: 33.3%;
    float: left;
    padding-right: 20px;
}
.footer-widgets .widget:nth-child(3n+1){
    clear: both;
}
.footer-widgets .widget li{
    background-image: url(img/list-mark-footer.png);
    background-position: 5px 0.6em;
    background-repeat: no-repeat;
    padding-left: 20px;
}
.footer-widgets .widgettitle, .footer-widgets .widget-title{
    margin-bottom: 1em;
}
#hpb-footer-main{
    background-color: #D62A28;
    color: #ffffff;
    clear: both;
    padding: 20px 0px;
}
#hpb-footer-main > p{
    margin: 0 auto;
    max-width: 1000px;
}
#hpb-footer-main small {}

#hpb-footer-info{
    max-width: 1000px;
    margin: 0 auto;
    letter-spacing: -0.5em;
}
.footer-info-half{
    display: inline-block;
    width: 50%;
    margin: 20px 0 0;
}
.footer-info-half *{
    letter-spacing: normal;
    font-size: 90%;
}
.footer-info-half h2{
    color: #ffffff;
    margin-bottom: 10px;
}
.footer-info-half a{
    color: #ffffff;
}
.footer-info-half span{
	white-space: nowrap;
}
#hpb-footer-sub{
    width: 100%;
    border-top: 1px solid #ffffff;
    text-align: center;
    font-size: 1em;
    padding-top: 20px;
}
#hpb-footer-sub p{
    padding: 0;
    margin: 0;
}
#hpb-footer-sub span{
    white-space: nowrap;
}
.wp-login{
    padding-bottom: 60px;
    background-color: #374248;
    color: #cfd1d2;
    font-size: 14px;
    font-size: 1.4rem;
}
.wp-login > a{
    display: block;
    margin: 0 auto;
    max-width: 1000px;
    color: #cfd1d2;
}
/*--------------------------------------------------------------
13.3 hpb:Post List
--------------------------------------------------------------*/
.hpb-viewtype-full, .hpb-viewtype-simple, .hpb-viewtype-thumbnail, .hpb-viewtype-date, .hpb-viewtype-content, .hpb-viewtype-title{
    margin-bottom: 20px;
}
/* hpb-viewtype-title */
.hpb-viewtype-title ul{
    list-style-type: none;
    margin-left: 20px;
}
.hpb-viewtype-title li{
    background-image: url(img/list-mark-side.png);
    background-position: 5px 0.6em;
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-bottom: 0.5em;
}
/* hpb-viewtype-date */
.hpb-viewtype-date dl{
    margin-left: 20px;
}
.hpb-viewtype-date dt{
    background-image: url(img/list-mark-side.png);
    background-position: 5px 0.6em;
    background-repeat: no-repeat;
    padding-left: 20px;
    float: left;
    width: 10.5em;
    margin-bottom: 0;
}
.hpb-viewtype-date dd{
    margin-left: 0;
    overflow: hidden;
    margin-bottom: 0.5em;
}
/* hpb-viewtype-content */
.hpb-viewtype-content dt{
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
}
.entry-thumbnail img{
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
/* more link */
.hpb-more-entry{
    text-align: right;
}
.hpb-more-entry a{
    display: inline-block;
    padding: 0.5em 1em;
    background-color: #D62A28;
    color: white;
    border-radius: 3px;
    border: 1px solid #D62A28;
    font-weight: bold;
}
.hpb-more-entry a:hover, .hpb-more-entry a:active, .hpb-more-entry a:focus{
    color: white;
    text-decoration: none;
    background-color: #A91D22;
    border-color: #A91D22;
}
/*--------------------------------------------------------------
14.0 Layout
--------------------------------------------------------------*/
/*
 * Layout: Content-Sidebar
 */
.site-main{
    margin: 0 auto;
    max-width: 1000px;
    *zoom: 1;
}
.site-main::after{
    content: "";
    display: table;
    clear: both;
}
.content-area{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    width: 100%;
}
.site-content{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
}
#sidebar-1{
    float: right;
    width: 300px;
    display: none;
}
.site-footer{
    clear: both;
    width: 100%;
}
/*--------------------------------------------------------------
16.0 User
--------------------------------------------------------------*/
span.info {
	font-size: 60%;
	color: #333333;
	font-weight: normal;
}
/*--------------------------------------------------------------
15.0 Mobile
--------------------------------------------------------------*/
@media screen and (max-width: 1050px) {
	#hpb-header-image{
		margin-top: 40px;
	}
}
@media screen and (max-width: 620px) {
	table{
		width: 100%;
		margin-left: 0;
	}
	.calc_table td{
		font-size: 1em;
	}
	
    /*--------------------------------------------------------------
  15.5 Navigation
  --------------------------------------------------------------*/
    /*--------------------------------------------------------------
  15.5.2 Menus
  --------------------------------------------------------------*/
    .menu-toggle, .main-small-navigation ul.nav-menu.toggled-on{
        display: block;
    }
    .menu-toggle{
        padding: 0 0 10px;
        font-weight: normal;
        background-image: url("img/btn_menu.png");
        background-position: center center;
        background-repeat: no-repeat;
		text-indent:-200vw;
    }
    .navigation-main ul{
        display: none;
    }
    .hpb-nav-open .menu-toggle{
        display: none;
        cursor: pointer;
    }
    .hpb-nav-open.navigation-main ul, .hpb-nav-open.main-small-navigation ul{
        display: block;
    }
    #site-navigation{
        background-color: #D62A28;
        color: white;
        text-align: center;
        margin: 0;
    }
    #site-navigation .menu-toggle{
        color: white;
    }
    #site-navigation ul{
        float: none;
    }
    #site-navigation li{
        float: none;
    }
    #site-navigation li:hover > a{
        color: white;
        background-color: rgba(255, 255, 255, 0.2);
    }
    #site-navigation a{
        color: white;
    }
    #site-navigation ul ul{
        position: relative;
        top: 0;
        display: block;
        width: 100%;
    }
    #site-navigation ul ul::after, #site-navigation ul ul::before{
        border-width: 0;
    }
    #site-navigation ul ul a{
        width: 100%;
    }
    #site-navigation .current_page_item > a, #site-navigation .current-menu-item > a{
        color: white;
        background-color: rgba(255, 255, 255, 0.2);
    }
 	#site-sub-navigation .menu-toggle{
		display: none;
	}
	#menu-subnav{
		display: block;
	}
    #fixed-bar{
        width: 100vw;
		padding-top: 10px;
		padding-bottom: 0;
    }
	.admin-bar #fixed-bar{
		top: 45px;
	}
	#hpb-header-image{
		margin-top: 110px;
	}
    /*--------------------------------------------------------------
  15.5.3 Breadcrumb
  --------------------------------------------------------------*/
    #breadcrumb-list{
        margin: 0 10px;
        width: auto;
        margin-bottom: -18px;
        bottom: -10px;
    }
    /*--------------------------------------------------------------
  15.10 Content
  --------------------------------------------------------------*/
    /*--------------------------------------------------------------
  15.10.3 Comments
  --------------------------------------------------------------*/
    .comment-list li li .comment{
        padding-left: 20px;
    }
    /*--------------------------------------------------------------
  15.13 hpb Style
  --------------------------------------------------------------*/
    /*--------------------------------------------------------------
  15.13.1 hpb:Header
  --------------------------------------------------------------*/
    #masthead{
        padding-bottom: 0;
    }
    #masthead .site-branding{
        float: none;
        margin: 0 10px;
        width: auto;
        text-align: center;
    }
    #masthead .site-branding .site-title{
        margin: 0;
    }
    #masthead .site-branding .site-title a{
        background-position: center top;
    }
    #hpb-header-extra1 .tel, #hpb-header-extra1 .address{
        display: block;
    }
    /* front only */
    body.home #hpb-site-desc, body.home #hpb-header-extra1{
        width: 300px;
        margin-left: -150px;
    }
    body.home #hpb-site-desc{
        bottom: -85px;
    }
    body.home #hpb-header-extra1{
        bottom: -125px;
    }
    body.home .site-main{
        padding-top: 40px;
    }
    /* nav */
    #site-navigation{
        float: none;
        width: auto;
        margin-top: 10px;
        margin-bottom: 0;
    }
    /*--------------------------------------------------------------
  15.13.2 hpb:Footer
  --------------------------------------------------------------*/
    #site-sub-navigation{
        margin: 0 10px;
        width: auto;
        padding: 10px 0;
    }
    #site-sub-navigation .menu-toggle{
        text-align: center;
    }
    #site-sub-navigation li{
        text-align: center;
        margin-bottom: 1em;
    }
    #site-sub-navigation li::after{
        content: '';
        margin: 0;
    }
    .footer-widgets{
        margin: 0 10px;
        width: auto;
        padding: 30px 0;
    }
    .footer-widgets .widget{
        width: 100%;
        float: none;
        padding: 0;
    }
    #hpb-footer-main{
        padding: 20px 10px 20px;
    }
    #hpb-footer-main > p{
        text-align: center;
        margin: 0 10px;
        width: auto;
    }
	
	.footer-info-half{
    display: block;
    width: 100%;
    margin: 20px 0 0;
}
    .wp-login{
        padding-bottom: 30px;
    }
    .wp-login > a{
        text-align: center;
        margin: 0 10px;
        width: auto;
    }
    /*--------------------------------------------------------------
  15.13.3 hpb:Post List
  --------------------------------------------------------------*/
    /* hpb-viewtype-title */
    .hpb-viewtype-title ul{
        margin-left: 10px;
    }
    /* hpb-viewtype-date */
    .hpb-viewtype-date dl{
        margin-left: 10px;
    }
    .hpb-viewtype-date dt{
        float: none;
        width: auto;
        margin-bottom: 0.25em;
    }
    .hpb-viewtype-date dd{
        margin-left: 20px;
    }
    /* hpb-viewtype-content */
    .hpb-viewtype-content dd{
        margin-left: 20px;
    }
    .entry-thumbnail{
        float: left;
        margin-right: 1.5em;
        margin-bottom: 1.5em;
    }
    .entry-thumbnail img{
        border: solid 1px #404c51;
    }
    /*--------------------------------------------------------------
  15.14 Layout
  --------------------------------------------------------------*/
    .site-main{
        margin: 0 10px;
        width: auto;
        padding: 120px 0 0;
    }
    .content-area{
        float: none;
        margin: 0;
    }
    .site-content{
        margin: 0;
    }
    #sidebar-1{
        float: none;
        width: 100%;
    }
}

/*--------------------------------------------------------------
98.0 Hero (parallax)
--------------------------------------------------------------*/
#hero-parallax {
    position: relative;
    width: 100%;
    min-height: 100vh;          /* 画面いっぱい (= ファーストビューでヒーローのみ) */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed; /* パララックス効果 */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 80px 0;
}
#hero-parallax .hero-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1280px;
    padding: 60px 32px;
    /* 上下中央 (align-items: center) から少し下にオフセット
       小画面 60px / 中 10vh / 大 160px */
    margin-top: clamp(60px, 10vh, 160px);
    text-align: center;     /* 横方向中央 */
    color: #fff;
}
/* 背景写真が白っぽいため、文字を濃グレーにし、白いハローを足して
   暗い部分でも明るい部分でも読めるようにする */
#hero-parallax .hero-tagline,
#hero-parallax .hero-title,
#hero-parallax .hero-title-sub,
#hero-parallax .hero-sub,
#hero-parallax .hero-note {
    color: #1a1a1a;
    text-shadow:
        0 0 8px rgba(255, 255, 255, 1),
        0 0 18px rgba(255, 255, 255, 0.9),
        0 0 36px rgba(255, 255, 255, 0.65),
        0 0 64px rgba(255, 255, 255, 0.4);
}
/* キャッチコピー: 一番大きく打ち出すブランドメッセージ */
#hero-parallax .hero-tagline {
    font-family: "Noto Serif JP", "Yu Mincho", "游明朝", "Hiragino Mincho ProN", serif;
    font-size: clamp(36px, 7vw, 88px);
    letter-spacing: 0.08em;
    /* tagline と title はセット扱いなので近づける */
    margin: 0 0 10px;
    font-weight: 700;
    line-height: 1.3;
}
/* H1: キャッチより一段下のサイズ (副見出し的扱いだが SEO 上は H1) */
#hero-parallax .hero-title {
    font-family: "Noto Serif JP", "Yu Mincho", "游明朝", "Hiragino Mincho ProN", serif;
    font-size: clamp(20px, 3vw, 32px);
    letter-spacing: 0.06em;
    margin: 0 0 28px;
    font-weight: 600;
    line-height: 1.5;
}
/* H1 内の会社名 (補助行) */
#hero-parallax .hero-title .hero-title-sub {
    display: block;
    margin-top: 12px;
    font-size: clamp(13px, 1.7vw, 20px);
    font-weight: 500;
    letter-spacing: 0.08em;
}
/* リード文 */
#hero-parallax .hero-sub {
    font-size: clamp(15px, 1.6vw, 19px);
    letter-spacing: 0.04em;
    line-height: 2;
    margin: 0 0 18px;
    font-weight: 600;
}
/* 注釈 (税理士業務の補足) */
#hero-parallax .hero-note {
    font-size: clamp(12px, 1.2vw, 14px);
    letter-spacing: 0.04em;
    line-height: 1.7;
    margin: 0 0 32px;
    font-weight: 500;
}
#hero-parallax .hero-cta {
    display: inline-block;
    padding: 16px 44px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #fff !important;
    background: #D62A28;
    border: 2px solid #D62A28;
    border-radius: 4px;
    text-decoration: none !important;
    transition: background 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
    box-shadow: 0 4px 12px rgba(214, 42, 40, 0.35);
}
#hero-parallax .hero-cta:hover {
    background: #A91D22;
    border-color: #A91D22;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(214, 42, 40, 0.45);
}

/* スマホ: パララックス無効 (iOS で挙動が悪い + perf) */
@media (max-width: 768px) {
    #hero-parallax {
        background-attachment: scroll;
        min-height: 100vh;
    }
    #hero-parallax .hero-content {
        padding: 32px 20px;
    }
}

/*--------------------------------------------------------------
99.0 Modernization (HPB由来の野暮ったい演出を停止)
--------------------------------------------------------------*/
/* セクションが画面外から左右にスライドインしてくるアニメを停止 */
.slide-box,
.slide-box.slide-left,
.slide-box.slide-right,
.slide-box.slide-in,
.slide-box.slide-out {
    transform: none !important;
    transition: none !important;
    animation: none !important;
}
/* タイトル装飾のスライドアニメを停止 */
.page-title-org,
.top-title-ex {
    animation: none !important;
}
/* "6つの魅力"・お問合せボックスのホバー時のガタガタ揺れアニメを停止 */
.top-merit-img:hover,
.contact-half:hover {
    animation: none !important;
}

/*--------------------------------------------------------------
100.0 TOP コンテンツ部 (ヒーロー以下) のモダン化
   既存 HPB クラス (.page-title-org / .top-title-ex / #top-merit /
   .contact_wrap / .hpb-viewtype-date) を CSS で上書き。
   DB の post_content は触らない。
--------------------------------------------------------------*/

/* 全体タイポ (本文側): 全ページ明朝系で統一 */
body,
button,
input,
select,
textarea {
    font-family: "Noto Serif JP", "Yu Mincho", "游明朝", "Hiragino Mincho ProN", serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "palt";
}

/* HPB が .home #main に text-align: center を入れているため、
   ホーム本文ではセクション単位で left に戻す */
.home #main {
    text-align: inherit;
}
.home #main > .entry-content,
.home #main article {
    text-align: left;
}

/* ----- ページタイトル装飾 (Inheritance Personal Tax Estate / 会社名) ----- */
.page-title-org {
    margin: 80px auto 60px;
    text-align: center;
    max-width: 1100px;
}
.page-title-org span.en {
    display: block;
    margin-bottom: 16px;
    font-family: "Cormorant Garamond", "Playfair Display", "Times New Roman", serif;
    font-size: clamp(32px, 4.4vw, 56px);
    font-weight: 500;
    font-style: italic;
    letter-spacing: 0.04em;
    line-height: 1.15;
    color: #D62A28;
}
.page-title-org span.ja {
    font-family: "Noto Serif JP", "Yu Mincho", serif;
    font-size: clamp(14px, 1.5vw, 18px);
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #1F2937;
}

/* ----- 事業構造ボックス (相続税申告専門と違います / 申告+α) ----- */
.top-title-ex {
    margin: 60px auto;
    max-width: 900px;
    padding: 48px 40px;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-left: 4px solid #D62A28;
    border-radius: 4px;
    box-shadow: 0 4px 16px rgba(17, 24, 39, 0.06);
    text-align: center;
    font-size: clamp(15px, 1.6vw, 18px);
    line-height: 2;
    color: #374151;
    text-shadow: none;
}
.top-title-ex p {
    margin: 8px 0;
    font-size: 1em;
}
.top-title-ex span {
    display: inline-block;
    margin: 8px 0;
    font-family: "Noto Serif JP", "Yu Mincho", serif;
    font-size: clamp(20px, 2.2vw, 28px);
    font-weight: 700;
    color: #1F2937;
    text-shadow: none;
}
.top-title-ex em {
    display: block;
    margin-top: 12px;
    font-size: 12px !important;
    color: #6B7280;
    font-style: normal;
}

/* ----- 6つの魅力 (画像 6 枚をカード化) ----- */
#top-merit {
    margin: 60px auto !important;
    max-width: 1200px !important;
    padding: 0 16px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    letter-spacing: normal !important;
    text-align: left !important;
}
#top-merit .top-merit-img {
    width: auto !important;
    margin: 0 !important;
    display: block !important;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(17, 24, 39, 0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
#top-merit .top-merit-img:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(17, 24, 39, 0.1);
}
#top-merit .top-merit-img a {
    display: block;
}
#top-merit .top-merit-img img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0;
    box-shadow: none;
}

/* ----- お問合せ / シミュレーション CTA (大型画像ボタン) ----- */
.contact_wrap {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    max-width: 900px;
    margin: 60px auto !important;
    padding: 0 16px;
    letter-spacing: normal !important;
}
.contact-half {
    width: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}
.contact-half a {
    display: block;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(17, 24, 39, 0.08);
    transition: box-shadow 0.2s ease, transform 0.1s ease;
}
.contact-half a:hover {
    box-shadow: 0 10px 28px rgba(17, 24, 39, 0.15);
    transform: translateY(-2px);
}
.contact-half img {
    width: 100% !important;
    height: auto;
    display: block;
}

/* ----- セミナー / お知らせ一覧 ----- */
.hpb-viewtype-date {
    margin: 56px auto !important;
    max-width: 1100px;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    padding: 32px 36px;
    box-shadow: 0 2px 6px rgba(17, 24, 39, 0.04);
    text-align: left;
}
/* HPB はホームで .hpb-viewtype-date を inline-block 48% で 2 カラムにしているので解除 */
.home .hpb-viewtype-date {
    display: block !important;
    width: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
}
.hpb-viewtype-date h3 {
    display: inline-block;
    margin: 0 0 24px !important;
    padding: 0 0 12px;
    font-family: "Noto Serif JP", "Yu Mincho", serif;
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 700;
    color: #1F2937;
    border-bottom: 2px solid #D62A28;
    background: transparent !important;
}
.hpb-viewtype-date h3 a {
    color: #1F2937;
    text-decoration: none;
}
.hpb-viewtype-date h3 a:hover {
    color: #D62A28;
}
.hpb-viewtype-date dl {
    margin: 0 !important;
    padding: 0;
    display: grid;
    gap: 14px;
}
.hpb-viewtype-date dt {
    background-image: none !important;
    background-color: #F9FAFB;
    padding: 4px 12px !important;
    margin-right: 12px;
    margin-bottom: 0 !important;
    width: auto !important;
    float: none !important;
    display: inline-block;
    font-size: 13px;
    color: #6B7280;
    border: 1px solid #E5E7EB;
    border-radius: 4px;
    font-weight: 500;
}
.hpb-viewtype-date dd {
    margin: 0 !important;
    overflow: visible !important;
    display: inline;
    font-size: 15px;
    line-height: 1.7;
}
.hpb-viewtype-date dd a {
    color: #1F2937;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.15s ease;
}
.hpb-viewtype-date dd a:hover {
    color: #D62A28;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.hpb-more-entry {
    margin-top: 18px;
    text-align: right;
}
.hpb-more-entry a {
    display: inline-block;
    padding: 8px 18px !important;
    background: transparent !important;
    color: #D62A28 !important;
    border: 1px solid #D62A28 !important;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: background 0.15s ease, color 0.15s ease;
}
.hpb-more-entry a:hover {
    background: #D62A28 !important;
    color: #fff !important;
}

/* ----- ホーム H2 (各セクション見出し) ----- */
.home #main h2 {
    font-family: "Noto Serif JP", "Yu Mincho", serif;
    font-size: clamp(22px, 2.6vw, 32px);
    font-weight: 700;
    color: #1F2937;
    padding: 0 !important;
    margin: 56px auto 24px;
    display: block;
    text-align: center;
}

/* レスポンシブ: 6つの魅力 + CTA + ボックス系 */
@media (max-width: 768px) {
    #top-merit {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px;
    }
    .contact_wrap {
        grid-template-columns: 1fr !important;
    }
    .top-title-ex {
        margin: 40px 16px;
        padding: 32px 24px;
    }
    .hpb-viewtype-date {
        margin: 32px 16px !important;
        padding: 24px 20px;
    }
}

/*--------------------------------------------------------------
101.0 全ページ共通の刷新 (下層ページに効く CSS)
   HPB由来のグレーブルー / 古い背景画像 / 詰まったタイポを一括上書き。
   page.php / single.php / archive.php 等が共通で使うクラスを対象。
--------------------------------------------------------------*/

/* ----- 全体タイポ底上げ ----- */
body {
    color: #374151;
    line-height: 1.85;
    letter-spacing: 0.02em;
}
p {
    line-height: 1.95;
    margin-bottom: 1.5em;
}

/* ----- 見出し (h1〜h6 共通) ----- */
h1, h2, h3, h4, h5, h6 {
    font-family: "Noto Serif JP", "Yu Mincho", "游明朝",
                 "Hiragino Mincho ProN", serif;
    color: #1F2937;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.04em;
}

/* ----- リンク ----- */
a {
    color: #1F2937;
    transition: color 0.15s ease, opacity 0.15s ease;
}
a:visited {
    color: #1F2937;
}
a:hover {
    color: #D62A28;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    opacity: 1;
}

/* ----- ボタン (HPB のグレーブルーをローズレッドに統一) ----- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
    padding: 12px 28px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em;
    background-color: #D62A28 !important;
    color: #fff !important;
    border: 1px solid #D62A28 !important;
    border-radius: 4px !important;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.1s ease, box-shadow 0.2s ease;
    box-shadow: 0 2px 6px rgba(214, 42, 40, 0.2);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover {
    background-color: #A91D22 !important;
    border-color: #A91D22 !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(214, 42, 40, 0.3);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
    width: 100%;
    padding: 10px 14px !important;
    font-size: 15px;
    color: #1F2937;
    background: #fff;
    border: 1px solid #D1D5DB !important;
    border-radius: 4px !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
    border-color: #D62A28 !important;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(214, 42, 40, 0.15);
}

/* ----- 下層ページのコンテンツ領域 ----- */
.site-main {
    max-width: 1100px;
    margin: 0 auto;
    padding: 48px 24px;
}
#primary {
    min-width: 0;
}
.entry-content {
    font-size: 16px;
}
.entry-content > * + * {
    margin-top: 1em;
}

/* ----- 下層ページの記事タイトル (.entry-title) ----- */
.entry-title {
    font-size: clamp(24px, 3vw, 36px);
    font-weight: 700;
    color: #1F2937;
    margin: 0 0 32px;
    padding: 0 0 16px;
    border-bottom: 2px solid #D62A28;
    display: inline-block;
    line-height: 1.4;
}
.entry-title a {
    color: #1F2937;
}
.entry-title a:hover {
    color: #D62A28;
}

/* ----- 記事本文中の見出し ----- */
.entry-content h2 {
    font-size: clamp(22px, 2.4vw, 28px);
    margin: 56px 0 20px;
    padding: 12px 0 12px 18px;
    border-left: 4px solid #D62A28;
    background: transparent !important;
    background-image: none !important;
    color: #1F2937;
    line-height: 1.5;
}
.entry-content h3 {
    font-size: clamp(18px, 2vw, 22px);
    margin: 40px 0 16px;
    padding-left: 14px;
    border-left: 3px solid #D62A28;
    color: #1F2937;
    background: transparent !important;
    background-image: none !important;
}
.entry-content h4 {
    font-size: 17px;
    margin: 32px 0 12px;
    color: #D62A28;
    background: transparent !important;
    background-image: none !important;
}

/* ----- リスト (HPB のドット画像を撤廃して CSS マーカーへ) ----- */
.entry-content ul,
.entry-content ol {
    margin: 16px 0 24px 1.6em;
    line-height: 1.9;
}
.entry-content ul li,
.entry-content ol li {
    background-image: none !important;
    padding-left: 0 !important;
    margin-bottom: 8px;
}
.entry-content ul li::marker {
    color: #D62A28;
}

/* HPB は .hpb-viewtype-title li にも背景マーカーを使うので撤廃 */
.hpb-viewtype-title li {
    background-image: none !important;
    padding-left: 1.4em !important;
    position: relative;
}
.hpb-viewtype-title li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.7em;
    width: 6px;
    height: 6px;
    background: #D62A28;
    border-radius: 50%;
}

/* dl */
.entry-content dl {
    margin: 16px 0 24px;
}
.entry-content dl dt {
    font-weight: 700;
    color: #1F2937;
    margin-top: 16px;
}
.entry-content dl dd {
    margin: 6px 0 16px 1.5em;
    line-height: 1.9;
}

/* ----- テーブル (既存 .top-title-ex とは別、汎用テーブル) ----- */
.entry-content table {
    width: 100%;
    margin: 24px 0;
    border-collapse: collapse;
    font-size: 15px;
}
.entry-content table th,
.entry-content table td {
    padding: 12px 16px !important;
    border: 1px solid #E5E7EB !important;
    text-align: left;
    vertical-align: middle;
}
.entry-content table th {
    background: #FAFAFA !important;
    color: #1F2937 !important;
    font-weight: 600;
}

/* ----- 画像 ----- */
.entry-content img {
    max-width: 100%;
    height: auto;
    border-radius: 3px;
}

/* ----- 引用 ----- */
.entry-content blockquote {
    background: #FDF2F4 !important;
    background-image: none !important;
    border-left: 4px solid #D62A28;
    margin: 24px 0;
    padding: 18px 22px;
    color: #374151;
    border-radius: 4px;
    font-style: normal;
}

/* ----- パンくずリスト ----- */
#crumbs,
.breadcrumb {
    max-width: 1100px;
    margin: 0 auto;
    padding: 14px 24px;
    font-size: 13px;
    color: #6B7280 !important;
    background: #F9FAFB !important;
    border-bottom: 1px solid #E5E7EB;
    background-image: none !important;
}
#crumbs a,
.breadcrumb a {
    color: #6B7280 !important;
}
#crumbs a:hover,
.breadcrumb a:hover {
    color: #D62A28 !important;
}

/* ----- 投稿一覧 (archive / category 等) ----- */
.post,
.hentry {
    background-image: none !important;
    border-bottom: 1px solid #E5E7EB;
    padding: 28px 0;
    margin: 0;
}
.post:first-child,
.hentry:first-child {
    padding-top: 0;
}
.entry-meta,
.entry-footer {
    font-size: 12px;
    color: #6B7280;
    margin-top: 12px;
    background-image: none !important;
}
.entry-meta a,
.entry-footer a {
    color: #6B7280;
}
.entry-meta a:hover,
.entry-footer a:hover {
    color: #D62A28;
}
.cat-links,
.tag-links,
.posted-on,
.byline {
    background-image: none !important;
    padding-left: 0 !important;
    margin-right: 12px;
}

/* ----- サイドバー / ウィジェット ----- */
#secondary,
.widget-area {
    background: transparent !important;
    padding: 0;
}
.widget {
    margin-bottom: 28px;
    padding: 22px 24px;
    background: #fff;
    border: 1px solid #E5E7EB;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(17, 24, 39, 0.04);
}
.widget-title,
.widget h2,
.widget h3 {
    margin: 0 0 16px;
    padding: 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    color: #1F2937;
    border-bottom: 2px solid #D62A28;
    display: inline-block;
    background: transparent !important;
    background-image: none !important;
}
.widget ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.widget ul li {
    padding: 8px 0;
    border-bottom: 1px dashed #E5E7EB;
    background-image: none !important;
    padding-left: 0 !important;
    font-size: 14px;
}
.widget ul li:last-child {
    border-bottom: none;
}
.widget ul li a {
    color: #374151;
}
.widget ul li a:hover {
    color: #D62A28;
}

/* ----- フッター ----- */
.site-footer {
    background: #F9FAFB !important;
    background-image: none !important;
    border-top: 4px solid #D62A28;
    margin-top: 80px;
    padding: 0 !important;
    color: #374151;
}
#site-sub-navigation {
    max-width: 1100px;
    margin: 0 auto !important;
    padding: 28px 24px !important;
    color: #374151 !important;
    background: transparent !important;
    background-image: none !important;
    font-weight: 500 !important;
}
#site-sub-navigation ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}
#site-sub-navigation li {
    border-right: 1px solid #D1D5DB !important;
    padding: 0 16px !important;
    font-size: 13px !important;
    background-image: none !important;
}
#site-sub-navigation li:last-child {
    border-right: none !important;
}
#site-sub-navigation a {
    color: #374151 !important;
}
#site-sub-navigation a:hover {
    color: #D62A28 !important;
    text-decoration: underline;
}
.footer-widgets {
    max-width: 1100px;
    margin: 0 auto !important;
    padding: 24px !important;
    background-image: none !important;
}
.footer-widgets .widget {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0 16px;
}
.footer-widgets .widget li {
    background-image: none !important;
    padding-left: 0 !important;
    border: none;
}
#hpb-footer-main {
    background: #1F2937 !important;
    background-image: none !important;
    color: #fff !important;
    padding: 48px 24px !important;
}
#hpb-footer-main > p,
#hpb-footer-info {
    max-width: 1100px;
    margin: 0 auto !important;
    letter-spacing: normal !important;
}
.footer-info-half {
    width: 50% !important;
    letter-spacing: normal !important;
}
.footer-info-half h2 {
    color: #fff !important;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding-bottom: 8px;
    margin-bottom: 12px !important;
    font-size: 16px;
    font-family: "Noto Serif JP", serif;
}
.footer-info-half a {
    color: #fff !important;
}
.footer-info-half a:hover {
    color: #FCA5A5 !important;
}
#hpb-footer-sub {
    border-top: 1px solid rgba(255,255,255,0.15) !important;
    padding-top: 18px !important;
    margin-top: 24px;
    font-size: 12px;
    color: #9CA3AF !important;
    text-align: center;
}
.wp-login {
    background-color: #111827 !important;
    color: #6B7280 !important;
}

/* ----- 固定ヘッダーバー ----- */
#fixed-bar {
    background-color: #fff !important;
    opacity: 1 !important;
    box-shadow: 0 1px 3px rgba(17, 24, 39, 0.06);
    border-bottom: 1px solid #E5E7EB;
    padding: 14px 0 !important;
}

/* ----- ナビゲーション (主メニュー) ----- */
#site-navigation a {
    background: transparent !important;
    color: #1F2937 !important;
    font-weight: 500 !important;
    padding: 10px 14px !important;
    transition: color 0.15s ease;
}
#site-navigation a:hover {
    color: #D62A28 !important;
    text-decoration: none;
}
#site-navigation .current-menu-item > a,
#site-navigation .current_page_item > a {
    color: #D62A28 !important;
    border-bottom: 2px solid #D62A28;
}

/* ----- レスポンシブ調整 ----- */
@media (max-width: 768px) {
    .site-main {
        padding: 32px 16px;
    }
    .entry-title {
        font-size: 22px;
    }
    .entry-content h2 {
        font-size: 19px;
    }
    .footer-info-half {
        width: 100% !important;
    }
    #site-sub-navigation ul {
        flex-direction: column;
    }
    #site-sub-navigation li {
        border-right: none !important;
        border-bottom: 1px solid #E5E7EB;
        padding: 12px 0 !important;
    }
}

/*--------------------------------------------------------------
102.0 微調整 (グローバルメニュー / プルダウン / フッター文字色)
--------------------------------------------------------------*/

/* ----- グローバルメニュー: フォント拡大 + マージン拡張 ----- */
#site-navigation a {
    padding: 14px 22px !important;
    font-size: 16px !important;
    letter-spacing: 0.06em;
}

/* ----- プルダウン (子メニュー) を不透明化 ----- */
#site-navigation ul ul {
    background: #fff !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 4px;
    box-shadow: 0 6px 20px rgba(17, 24, 39, 0.12) !important;
    overflow: hidden;
    min-width: 200px;
}
#site-navigation ul ul li {
    background: transparent !important;
    float: none !important;       /* HPB の li { float: left } を解除して縦並びに */
    width: 100% !important;
    display: block !important;
    position: relative;
}
#site-navigation ul ul li:not(:last-child) {
    border-bottom: 1px solid #E5E7EB;
}
#site-navigation ul ul a {
    background: #fff !important;
    color: #1F2937 !important;
    padding: 12px 18px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: none !important;
    width: 100%;
    box-sizing: border-box;
}
#site-navigation ul ul a:hover {
    background: #FDF2F4 !important;
    color: #D62A28 !important;
    text-decoration: none !important;
}
#site-navigation ul ul li:hover > a {
    background: #FDF2F4 !important;
    color: #D62A28 !important;
}

/* ----- フッター #hpb-footer-main 内の文字を全部白に ----- */
#hpb-footer-main,
#hpb-footer-main p,
#hpb-footer-main span,
#hpb-footer-main small,
#hpb-footer-main h2,
#hpb-footer-main h3,
#hpb-footer-info,
#hpb-footer-info *,
#hpb-footer-sub,
#hpb-footer-sub * {
    color: #fff !important;
}
#hpb-footer-main a,
#hpb-footer-main a:visited,
#hpb-footer-info a,
#hpb-footer-info a:visited,
#hpb-footer-sub a,
#hpb-footer-sub a:visited {
    color: #fff !important;
}
#hpb-footer-main a:hover,
#hpb-footer-info a:hover,
#hpb-footer-sub a:hover {
    color: #FCA5A5 !important;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}
#hpb-footer-sub,
#hpb-footer-sub * {
    color: #9CA3AF !important;  /* 著作権行は控えめに */
}
#hpb-footer-sub a:hover {
    color: #fff !important;
}

/*--------------------------------------------------------------
103.0 ヒーロー直下: 導入セクション (左: リード文 / 右: 縦長画像)
--------------------------------------------------------------*/

/* セクション枠: #main の max-width 制約 (1100px) を脱出して画面全幅 */
.rp-intro-section {
    position: relative;
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: -48px;          /* #main の padding-top (48px) を相殺 */
    overflow: hidden;
    padding: clamp(80px, 12vh, 160px) 0;
    background-color: #1F2937; /* 深紺グレー */
    color: #fff;
}
/* 100vw のはみ出しで横スクロールバーが出ないように body 側で抑止 */
body {
    overflow-x: hidden;
}

/* 2 カラムレイアウト: 左 (リード文) / 右 (縦長画像) */
.rp-intro-section .rp-intro-content {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 32px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 64px;
    align-items: center;
}

/* 左カラム: リード文 */
.rp-intro-section .rp-intro-text {
    text-align: left;
}
.rp-intro-section .rp-intro-line {
    font-family: "Noto Serif JP", "Yu Mincho", "游明朝", "Hiragino Mincho ProN", serif;
    font-size: clamp(15px, 1.5vw, 18px);
    line-height: 2;
    margin: 0 0 24px;
    opacity: 0;                     /* 表示時にフェードイン */
    transition: opacity 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.rp-intro-section .rp-intro-line:last-child {
    margin-bottom: 0;
}

/* 右カラム: 縦長画像 */
.rp-intro-section .rp-intro-image {
    margin: 0;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.35);
    /* ふわっと表示: 初期 scale 0.94 + opacity 0 → 表示時 scale 1 + opacity 1 */
    opacity: 0;
    transform: scale(0.94);
    transition:
        opacity 1.4s cubic-bezier(0.22, 0.61, 0.36, 1),
        transform 1.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.rp-intro-section .rp-intro-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;        /* 縦長で表示 (画像が縦長で来ない場合は cover でクロップ) */
    object-fit: cover;
    object-position: center center;
}

/* 画面内に入ったとき */
.rp-intro-section.is-visible .rp-intro-line {
    opacity: 1;
}
.rp-intro-section.is-visible .rp-intro-image {
    opacity: 1;
    transform: scale(1);
}
.rp-intro-section.is-visible .rp-intro-line:nth-child(1) { transition-delay: 0.10s; }
.rp-intro-section.is-visible .rp-intro-line:nth-child(2) { transition-delay: 0.25s; }
.rp-intro-section.is-visible .rp-intro-line:nth-child(3) { transition-delay: 0.40s; }
.rp-intro-section.is-visible .rp-intro-line:nth-child(4) { transition-delay: 0.55s; }

/* prefers-reduced-motion: アニメ抑止 */
@media (prefers-reduced-motion: reduce) {
    .rp-intro-section .rp-intro-line,
    .rp-intro-section .rp-intro-image {
        transition: none;
        opacity: 1;
        transform: none;
    }
}

@media (max-width: 768px) {
    .rp-intro-section {
        padding: 56px 0;
    }
    .rp-intro-section .rp-intro-content {
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 0 20px;
    }
    .rp-intro-section .rp-intro-image {
        order: -1;                  /* モバイルは画像を上に */
        max-width: 280px;
        margin: 0 auto;
    }
}

/* ===== メディア: YouTube / ラジオ ===== */
/* ページタイトルはサイト標準 (.entry-title / .page-title-org) を使用 */

.rp-yt-list,
.rp-radio-list { display: flex; flex-direction: column; gap: 20px; }

.rp-card { display: flex; gap: 18px; text-decoration: none; color: inherit; background: #fff; border: none; border-radius: 8px; overflow: hidden; transition: box-shadow .2s; }
.rp-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.12); }
.rp-card:hover,
.rp-card:hover .rp-card-title,
.rp-card:hover .rp-card-summary { text-decoration: none; }

.rp-thumb { position: relative; flex: 0 0 38%; background: #f0f0f0; }
.rp-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.rp-thumb-16x9 { aspect-ratio: 16 / 9; }
.rp-thumb-1x1 { aspect-ratio: 1 / 1; }
.rp-thumb-placeholder { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #aaa; font-size: .8rem; letter-spacing: .05em; background: #ededed; }

.rp-card-body { flex: 1 1 auto; padding: 14px 0; min-width: 0; }
.rp-card-date { display: block; font-size: .8rem; color: #888; margin-bottom: 4px; }
.rp-card-title { font-size: 16px; font-weight: 700; margin: 0 0 8px; line-height: 1.4; }
/* カードタイトルは記事用 .entry-content h2 の装飾(margin/padding/左ボーダー/下線)を打ち消す。下マージンのみ付与。 */
.rp-card .rp-card-title { margin: 0 0 18px; padding: 0; border-left: none; border-bottom: none; }
.rp-card-summary { font-size: 16px; color: #555; line-height: 1.6; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* 詳細 */
.rp-single-date { display: block; font-size: .85rem; color: #888; margin-bottom: 16px; }
.rp-embed-16x9 { position: relative; width: 100%; aspect-ratio: 16 / 9; margin-bottom: 24px; background: #000; }
.rp-embed-16x9 iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.rp-audio { margin: 0 0 24px; }
.rp-audio audio { width: 100%; }
.rp-summary { line-height: 1.8; }
.rp-notice { padding: 16px; background: #f7f7f7; color: #777; border-radius: 6px; margin: 0 0 24px; }
.rp-empty { color: #777; }

/* 番号付きページネーション (paginate_links) */
.rp-pagination { font-style: normal; text-align: center; }
.rp-pagination .page-numbers {
	display: inline-block;
	min-width: 40px;
	padding: 9px 10px;
	margin: 0 3px;
	border: 1px solid #ddd;
	border-radius: 4px;
	text-decoration: none;
	color: #333;
	line-height: 1;
}
.rp-pagination a.page-numbers:hover { background: #f3f3f3; }
.rp-pagination .page-numbers.current { background: #c52e6a; border-color: #c52e6a; color: #fff; }
.rp-pagination .page-numbers.dots { border: none; min-width: 0; padding: 9px 4px; }

/* スマホ: カードを縦積み */
@media (max-width: 600px) {
	.rp-card { flex-direction: column; }
	.rp-thumb { flex-basis: auto; width: 100%; }
	.rp-card-body { padding: 0 14px 14px; }
}

/* メディアページの YouTube/ラジオ 導線 */
.rp-media-links { display: flex; gap: 16px; margin: 0 0 32px; flex-wrap: wrap; }
.rp-media-link { flex: 1 1 200px; display: block; padding: 20px; text-align: center; text-decoration: none; color: #fff; background: #c52e6a; border-radius: 8px; transition: opacity .2s; }
.rp-media-link:hover { opacity: .88; }
.rp-media-link-label { display: block; font-size: 1.2rem; font-weight: 700; }
.rp-media-link-desc { display: block; font-size: .8rem; margin-top: 4px; opacity: .9; }

/* ===== YouTube 一覧: リード文 + 3カラム(縦型カード) ===== */
.rp-archive-lead { margin: 12px 0 32px; font-size: 16px; line-height: 1.8; color: #555; }

.rp-yt-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.rp-yt-card { flex-direction: column; gap: 0; }
.rp-yt-card .rp-thumb { flex: none; width: 100%; }
/* YouTube カードのタイトル・概要: font-size 1.1rem / line-height 1.2 */
.rp-yt-card .rp-card-title {
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2;
}
.rp-yt-card .rp-card-summary {
	font-size: 16px;
	line-height: 1.2;
}

@media (max-width: 900px) {
	.rp-yt-list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
	.rp-yt-list { grid-template-columns: 1fr; }
}