@charset "utf-8";
/*
extra css name: css-template
for template: page
Author: wp.theme.builder.01
*/
/* ---------- カスタムプロパティ宣言 ---------- */
:root	{
	--site-width: 1000px;
	--site-width-padding: 40px;
	--scroll-bar-width: 17px;
	--site-width-media-query: 1057px;
	--semi-bold: 700;
	--extra-bold: 700;
	--bold: 700;
	--font-family-theme: ;
	--font-family-theme2: ;
	--color-default: #333;
	--color-theme: #5271ff;
	--color-theme2: #d4dcff;
	--color-theme3: #fff0f6;
	--color-theme4: rgba( 45, 66, 157, 0.1 );
	--color-theme4: rgb( 83 113 255 / 10% );
	--color-theme-text: #2d429d;
	--color-white: #FFF;
	--color-red: #d93600;
	--color-gray: #999;
	--color-light-gray: #EFEFEF;
	--bgcolor-theme:  #5271ff;
	--bgcolor-theme2: ;
	--bgcolor-gray: #999;
	--bgcolor-light-gray: #CCC;
	--bgcolor-extra-light-gray: #EFEFEF;
}
/* ---------- フォントファミリー ---------- */
html, button, input, select, textarea	{
	font-family: -apple-system, BlinkMacSystemFont, Geneva, Arial, Helvetica, "Yu Gothic", YuGothic, Meiryo, sans-serif;
}
.slug, .span-slug	{
	font-family: -apple-system, BlinkMacSystemFont, Geneva, Arial, Helvetica, sans-serif;
	font-family: 'Barlow', sans-serif;
}
.span-mincho	{
	font-family: "Yu Mincho", Yu Mincho, serif;
}
.font-family-theme	{
	font-family: var( --font-family-theme );
}
.font-family-theme2	{
	font-family: var( --font-family-theme2 );
}
/* ---------- ベースサイズ（rem % 指定） ---------- */
html	{
/* ---------- 
	font-size: 5.46875%;
	font-size: 6.25%;
 ---------- */
	font-size: 5.859375%;
}
body	{
	font-size: 16rem;
}
.sidebar	{
	font-size: 14rem;
}
@media (min-width: 769px)	{
	html	{
		font-size: 6.25%;
	}
}
/* ---------- 見出し ---------- */
.size-huge	{
	font-size: 28rem;
}
span.size-huge	{
	font-size: 200%;
}
h1, .size-h1	{
	font-size: 26rem;
}
h2, .size-h2	{
	font-size: 22rem;
}
h3, .size-h3	{
	font-size: 19rem;
}
h4, .size-h4	{
	font-size: 18rem;
}
h5, .size-h5	{
	font-size: 17rem;
}
h6, .size-h6	{
	font-size: 16rem;
}
@media (min-width: 769px)	{
	.size-huge	{
		font-size: 48rem;
	}
	h1, .size-h1	{
		font-size: 36rem;
	}
	h2, .size-h2	{
		font-size: 30rem;
	}
	h3, .size-h3	{
		font-size: 24rem;
	}
	h4, .size-h4	{
		font-size: 20rem;
	}
	h5, .size-h5	{
		font-size: 18rem;
	}
	h6, .size-h6	{
		font-size: 16rem;
	}
}
/* ---------- パートサイズ ---------- */
span.large	{
	font-size: 125%;
}
small, .small, span.notes, span.attention	{
	font-size: 12rem;
}
.breadcrumbs	{
	font-size: 12rem;
}
.page-type-title-container .page-type-title .slug	{
	font-size: 50%;
}
.loop-content p.date, .taglist	{
	font-size: 13rem;
}
.loop-content .entry-title	{
	font-size: 16rem;
}
.display-text .loop-content p.date, .display-text .loop-content .entry-title	{
	font-size: 16rem;
	line-height: 1.7;
}
.loop-content .archive-content	{
	font-size: 14rem;
}
.btn-m	{
	font-size: 14rem;
}
.btn-l	{
	font-size: 16rem;
}
.btn-xl	{
	font-size: 18rem;
}
.taglist-container .taglist	{
	font-size: 12rem;
}
.wp-tag-cloud li a	{
	font-size: 12rem !important;
}
.site-footer > *	{
	font-size: 14rem;
}
#footer-copy, #footer-lp	{
	font-size: 13rem;
	text-align: center;
}
/* ---------- フォントウェイト ---------- */
html	{
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6	{
	font-weight: var( --bold );
}
.size-huge, .size-h1, .size-h2, .size-h3, .size-h4, .size-h5, .size-h6	{
/* ---------- 
	font-weight: 400;
 ---------- */
}
.loop-content .entry-title	{
	font-weight: var( --semi-bold );
}
.page-type-title-slug	{
	font-weight: var( --semi-bold );
}
.font-weight-semi-bold	{
	font-weight: var( --semi-bold );
}
/* ---------- 行間 ---------- */
body	{
	line-height: 1.7;
}
h1, h2, h3, h4, h5, h6	{
	margin-top: 30px;
}
header h1, header h2, header h3, header h4, header h5, header h6, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6	{
	margin-top: 0;
}
.size-huge, .size-h1, .size-h2, .size-h3, .size-h4, .size-h5, .size-h6	{
	margin-top: 0;
}
h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6	{
	margin-top: 0;
}
h1 + .size-huge, h1 + .size-h1, h1 + .size-h2, h1 + .size-h3, h1 + .size-h4, h1 + .size-h5, h1 + .size-h6, h2 + .size-huge, h2 + .size-h1, h2 + .size-h2, h2 + .size-h3, h2 + .size-h4, h2 + .size-h5, h2 + .size-h6, h3 + .size-huge, h3 + .size-h1, h3 + .size-h2, h3 + .size-h3, h3 + .size-h4, h3 + .size-h5, h3 + .size-h6, h4 + .size-huge, h4 + .size-h1, h4 + .size-h2, h4 + .size-h3, h4 + .size-h4, h4 + .size-h5, h4 + .size-h6, h5 + .size-huge, h5 + .size-h1, h5 + .size-h2, h5 + .size-h3, h5 + .size-h4, h5 + .size-h5, h5 + .size-h6, h6 + .size-huge, h6 + .size-h1, h6 + .size-h2, h6 + .size-h3, h6 + .size-h4, h6 + .size-h5, h6 + .size-h6, .size-huge + h1, .size-huge + h2, .size-huge + h3, .size-huge + h4, .size-huge + h5, .size-huge + h6, .size-h1 + h1, .size-h1 + h2, .size-h1 + h3, .size-h1 + h4, .size-h1 + h5, .size-h1 + h6, .size-h2 + h1, .size-h2 + h2, .size-h2 + h3, .size-h2 + h4, .size-h2 + h5, .size-h2 + h6, .size-h3 + h1, .size-h3 + h2, .size-h3 + h3, .size-h3 + h4, .size-h3 + h5, .size-h3 + h6, .size-h4 + h1, .size-h4 + h2, .size-h4 + h3, .size-h4 + h4, .size-h4 + h5, .size-h4 + h6, .size-h5 + h1, .size-h5 + h2, .size-h5 + h3, .size-h5 + h4, .size-h5 + h5, .size-h5 + h6, .size-h6 + h1, .size-h6 + h2, .size-h6 + h3, .size-h6 + h4, .size-h6 + h5, .size-h6 + h6, .size-huge + .size-huge, .size-huge + .size-h1, .size-huge + .size-h2, .size-huge + .size-h3, .size-huge + .size-h4, .size-huge + .size-h5, .size-huge + .size-h6, .size-1 + .size-huge, .size-1 + .size-h1, .size-1 + .size-h2, .size-1 + .size-h3, .size-1 + .size-h4, .size-1 + .size-h5, .size-1 + .size-h6, .size-2 + .size-huge, .size-2 + .size-h1, .size-2 + .size-h2, .size-2 + .size-h3, .size-2 + .size-h4, .size-2 + .size-h5, .size-2 + .size-h6, .size-3 + .size-huge, .size-3 + .size-h1, .size-3 + .size-h2, .size-3 + .size-h3, .size-3 + .size-h4, .size-3 + .size-h5, .size-3 + .size-h6, .size-4 + .size-huge, .size-4 + .size-h1, .size-4 + .size-h2, .size-4 + .size-h3, .size-4 + .size-h4, .size-4 + .size-h5, .size-4 + .size-h6, .size-5 + .size-huge, .size-5 + .size-h1, .size-5 + .size-h2, .size-5 + .size-h3, .size-5 + .size-h4, .size-5 + .size-h5, .size-5 + .size-h6, .size-6 + .size-huge, .size-6 + .size-h1, .size-6 + .size-h2, .size-6 + .size-h3, .size-6 + .size-h4, .size-6 + .size-h5, .size-6 + .size-h6	{
	margin-top: 0;
}
h1, h2, h3, h4, h5, h6, .size-huge, .size-h1, .size-h2, .size-h3, .size-h4, .size-h5, .size-h6	{
	margin-bottom: 8px;
}
p, ul, ol, dl, blockquote, table	{
	line-height: 2;
}
p	{
	margin: 0;
}
ul, ol, dl, blockquote, table	{
	margin: 0.5em 0 0.5em 0;
}
.loop-content .archive-content, .loop-content .archive-content p	{
	line-height: 1.5;
}
.taglist a, .wp-tag-cloud li	{
	margin: 0 0.5em 0.5em 0;
}
.loop-content .archive-content p	{
	margin-bottom: 0;
}
/* ---------- 先頭画像後 余白調整
p:first-child + h1, p:first-child + h2, p:first-child + h3, p:first-child + h4, p:first-child + h5, p:first-child + h6	{
	margin-top: 0;
	margin-bottom: 5px;
}
 ---------- */
/* ---------- 表示／非表示 ---------- */
.page-type-title-icon	{
	display: none;
}
.banner-text .parent-title + .self-title	{
/* ---------- 
	display: none;
 ---------- */
}
.page-child .parent-title	{
	display: none;
}
.banner-text .parent-slug + .self-slug	{
/* ---------- 
	display: none;
 ---------- */
}
.page-child .parent-slug	{
	display: none;
}
body:not( .attachment ) .banner-text .archive-label	{
	display: none;
}
.page-type-title-container .parent-title	{
	display: none;
}
.page-type-title-container .parent-slug	{
	display: none;
}
.page-posttype .page-type-title-container .posttype-label	{
	display: none;
}
.page-posttype:not( .page-posttype-top ) .page-type-title-container .posttype-label:after	{
	content: '：';
}
.single .page-posttype:not( .page-posttype-top ) .page-type-title-container .posttype-label:after	{
	content: none;
}
.page-posttype-top .page-type-title-container .posttype-label, .page-posttype-single .page-type-title-container .posttype-label	{
	display: inline;
}
/* ---------- カラー ---------- */
body, body a, .color-default	{
	color: var( --color-default );
}
.color-theme	{
	color: var( --color-theme );
}
.color-theme2	{
	color: var( --color-theme2 );
}
.color-theme3	{
	color: var( --color-theme3 );
}
.color-theme4	{
	color: var( --color-theme4 );
}
.color-theme-text	{
	color: var( --color-theme-text );
}
.color-red	{
	color: var( --color-red );
}
.color-white	{
	color: var( --color-white );
}
.bgcolor-theme	{
	color: #FFF;
	background-color: var( --bgcolor-theme );
}
.bgcolor-theme2	{
	background-color: var( --bgcolor-theme2 );
}
.color-in-bgcolor, .color-in-bgcolor a	{
	color: #FFF;
}
.color-in-bgcolor a	{
	text-decoration: underline;
}
.rounded-corners > img	{
	border-radius: 1em;
}
.taglist a, .wp-tag-cloud li a	{
	color: var( --color-gray );
}
/* ---------- タグリスト ---------- */
.taglist a, .wp-tag-cloud li a	{
	color: var( --color-gray );
}
.taglist-container .taglist a	{
	padding: 0.5em 0.75em;
	background-color: rgba(204, 204, 204, 0.2);
	background-color: var( --color-light-gray );
	border: none;
	border-radius: 0.5em;
}
.taglist-container .taglist a.current	{
	color: #FFF;
	background-color: var( --color-gray );
}
/* ---------- タグリストアイコン ---------- */
.taglist a:before	{
	font-family: dashicons;
	content: "\f464";
	margin-right: 0.2em;
}
.taglist a.term-all:before	{
	content: "\f480";
}
.taglist .tax-order-1 a:before	{
	content: "\f318";
}
.taglist .tax-order-2 a:before	{
	content: "\f323";
}
/* ---------- タグリスト（ショートコード） ---------- */
.taglist-container .taglist a, .wp-tag-cloud li a	{
	line-height: 1;
	padding: 0.5em;
	background-color: #FFF;
	border: solid 1px #EEE;	
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	border-radius: 0.2em;
}
.taglist-post-terms .taglist-tax + .taglist-tax	{
	margin-left: 0.5em;
}
/* ---------- Q&A ---------- */
.article-qa .entry-title:before, .article-qa .accordion-content .archive-content:before	{
	font-size: 16rem;
	color: #FFF;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	align-items: center;
	width: 1.5em;
	height: 1.5em;
	margin-right: 1em;
	border-radius: 9999px;
}
.article-qa .entry-title:before	{
	content: 'Q';
	background-color: #D90000;
}
.article-qa .accordion-content .archive-content	{
	font-size: 16rem;
	padding-left: 2.5em;
	position: relative;
}
.article-qa .accordion-content .archive-content:before	{
	content: 'A';
	background-color: #006DD9;
	position: absolute;
	top: 0.2em;
	left: 0;
}
/* ---------- 表 ---------- */
table.table-plain th	{
	font-weight: var( --semi-bold );
	text-align: left;
}
/* ---------- 追加ルール ---------- */
.section-bgcolor-theme	{
	padding: 1em;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	background-color: var( --bgcolor-theme );
}
.margin-top-row-0	{
	margin-top: 0;
}
.margin-top-row-1	{
	margin-top: 16rem;
}
.margin-bottom-row-0	{
	margin-bottom: 0;
}
.margin-bottom-row-1	{
	margin-bottom: 16rem;
}
.btn a, a.block-link .btn	{
	color: #FFF;
	font-weight: 500;
	background-color: var( --color-theme );
	background: linear-gradient( 110deg, var( --color-theme-text ) 0%, var( --color-theme-text ) 20%, #ecefff 85%, var( --color-theme ) 100% ) !important;
	background: linear-gradient( 135deg, var( --color-theme-text ) 0%, var( --color-theme-text ) 50%, #bec9ff 75%, var( --color-theme ) 100% ) !important;
	border-radius: 9999px;
	text-shadow: 0 0 4px rgba( 0, 0, 0, 50% );
	text-shadow: 0 0 4px var( --color-theme-text );
}
.border-side-full	{
	color: var( --color-theme-text );
}
.border-side-full:before, .border-side-full:after	{
	background-color: var( --color-theme-text );
}
/* ---------- ヘッダー ---------- */
#banner	{
	background-position: center top 15%;
}
#top #banner	{
	background-position: center;
}
.banner-text, .slider-text	{
	text-shadow: 2px 2px 8px #666;
}
.page-type-title	{
	color: #FFF;
}
.page-type-title-slug	{
	text-transform: uppercase;
	text-transform: capitalize;
	color: #FFF;
}
.banner-absolute:before	{
	padding-top: 30%;
}
#top .banner-absolute:before	{
	padding-top: 40%;
}
/* ---------- ナビゲーション ---------- */
#navbar	{

}
.sub-menu.active	{
	display: block;
}
.wp-root	{
	display: flex;
	align-items: center;
}
.banner-text .logo-wrap	{
/* ---------- 
	justify-content: flex-end;
 ---------- */
}
.wp-root img	{
	width: 36px;
}
.wp-root .logo-text	{
	font-size: 12rem;
	font-weight: bold;
	line-height: 1.2;
	margin-left: 4px;
}
.wp-root .logo-name	{
	font-size: 14rem;
	color: #222;
}
.banner-text .wp-root .logo-text, .banner-text .wp-root .logo-name	{
	color: #FFF;
}
#site-navigation .nav-menu li.menu-item-has-children > a	{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
#site-navigation .menu-item-has-children > a:after	{
	font-family: dashicons;
	content: "\f344";
	content: "\f345";
	content: "\f140";
	content: "\f347";
/* ---------- 
	font-size: 80%;
 ---------- */
	color: var( --color-theme );
	margin-left: 0.5em;
}
#site-navigation .sub-menu li a:after	{
	color: var( --color-theme );
}
#site-navigation .sub-menu li a:hover	{
/* ---------- 
	color: #d93600;
 ---------- */
}
#site-navigation .sub-menu li a:hover:after	{
/* ---------- 
    color: #f00;
 ---------- */
}
/* ---------- ハンバーガー ---------- */
#widget-header-logo-s img	{
	width: 40px;
}
/* ---------- ハンバーガーアイコン ---------- */
#site-navigation-s .menu-toggle, #site-navigation-s #hamburger-nav-toggle	{
	background-color: var( --color-theme );
	background-color: #FFF;
	background-image: url( ../images/icon-ham.png );
	background-image: url( ../images/ask-royal/icon-ham.png );
}
#site-navigation-s #hamburger-nav-toggle.open	{
	background-color: transparent;
	background-image: url( ../images/icon-ham-white-x.png );
	background-image: url( ../images/ask-royal/icon-ham-white-x.png );
	background-image: url( ../images/ask-royal/icon-ham-x.png );
}
/* ---------- totop ---------- */
#page-top a	{
	background-image: url( ../images/totop.png );
	background-image: url( ../images/ask-royal/totop.png );
}
/* ---------- フッター ---------- */
#footer-logo + #footer-navigation	{
	margin-top: 2em;
}
#footer-logo	{
	text-align: left;
}
#footer-logo .wp-root	{
	justify-content: center;
}
@media (max-width: 768px)	{
	#footer-navigation	{
		display: none;
	}
}
@media (min-width: 769px)	{
	#footer-navigation.footer-nav-multi-item .inner	{
		justify-content: flex-end;
	}
	#footer-navigation #footer-menu	{
		margin-left: auto;
	}
	#footer-navigation #footer-menu + aside	{
		margin-left: 4em;
	}
	.footer-nav .menu > li > a:before	{
		content: none;
	}
	.footer-nav .sub-menu	{
		display: block !important;
		margin-left: 0;
	}
/* ---------- 段組み
	.footer-nav .menu	{
		display: block;
	}
	.footer-nav #menu-footer	{
		column-count: 2;
		column-gap: 4em;
	}
	.footer-nav .menu > li + li	{
		margin-left: 0;
	}
	.break-inside-avoid	{
		break-inside: avoid;
		display: flex;
	}
	.break-inside-avoid .sub-menu	{
		font-size: 13rem;
		margin-left: 1em;
	}
 ---------- */
	#footer-content .menu	{
		display: flex;
		justify-content: center;
	}
	#footer-content .menu li + li	{
		margin-left: 1em;
	}
}
/* ---------- ラジオアーカイブ ---------- */
/* ---------- articleにホバー時の透過度 ---------- */
.article-container-radio-archive.article-container article:hover a.article-image:after	{
	background-color: rgba( 0, 0, 0, 0 );
}
.article-container-radio-archive.display-grid article .article-image	{
	margin-bottom: 0;
}
.article-container-radio-archive.article-container .loop-content .loop-content-body:not( .accordion-content ) > *:first-child	{
	margin-top: 0;
}
.article-container-radio-archive .taglist	{
	margin-top: 0.5em;
}
/* ---------- ボトムバナー ---------- */
#bottom-banner ul	{
	display: grid;
	grid-gap: 1.5em;
}
#bottom-banner ul li a	{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1em;
	border: solid 1px var( --color-theme );
}
@media (min-width: 769px)	{
	#bottom-banner ul	{
		grid-template-columns: repeat(3, 1fr);
	}
}
/* ---------- トップ ---------- */
#top .banner-text h1	{
	line-height: 1;
}
#top .banner-text h1.border-side-fixed:before, #top .banner-text h1.border-side-fixed:after	{
	background-color: #FFF;
}
@media (min-width: 769px)	{
	#top .banner-text	{
		padding-top: 6em;
	}
}