@charset "UTF-8";
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
 Bingo!CMS上書き用
（common_skinなど設定を変更する場合はこちらに記載）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*-------------------------------------------------------------
ユニット余白（下）
-------------------------------------------------------------*/
.hsNarrow { margin-bottom: 20px; }	/*狭い*/
.hsNormal { margin-bottom: 40px; }	/*標準*/
.hsWide { margin-bottom: 80px; }	/*広い*/

/*-------------------------------------------------------------
 オリジナル・カスタマイズ
-------------------------------------------------------------*/
/*===============================
 テキストユニット
================================*/
.bTxt, .bTxt p {
	line-height: 2;
	word-wrap: break-word;
}
.bTxt a:hover {
	text-decoration: underline;
}
.caption .bTxt {
	font-size: 1.4rem;
}
.text-block .bTxt p + p, .bTxt p + p {
	margin-top: 20px;
}

/*===============================
 テキストv17
================================*/
/* 第三階層：本文テキスト */
.article-read .bTxtS {
	font-size: 1.8rem;
	color: #4e4e4e;
	line-height: 2;
}
.article-read .date .bTxtS {
	font-size: 1.4rem;
}

/* CATEGORY ARTICLE LIST? */
.article-list .bTxtS {
	font-size: 1.8rem;
	line-height: 1.75;
}


/*===============================
 タイトル（見出し）[bTtl]
================================*/
#contentsAreaSection #user-area .containerInner .bTtl h1,
#contentsAreaSection #user-area .containerInner .bTtl h2,
#contentsAreaSection #user-area .containerInner .bTtl h3,
#contentsAreaSection #user-area .containerInner .bTtl h4,
#contentsAreaSection #user-area .containerInner .bTtl h5,
#contentsAreaSection #user-area .containerInner .bTtl h6 {
	/* font-size: 1.9em; */
	color: #4e4e4e;
	font-weight: 700;
	line-height:1.3;
}
/* Default */
#contentsAreaSection #user-area .containerInner .bTtl h2 {
	font-size: 3rem;
}
#contentsAreaSection #user-area .containerInner .bTtl h3 {
	font-size: 2.5rem;
}
#contentsAreaSection #user-area .containerInner .bTtl h4 {
	font-size: 2rem;
}
#contentsAreaSection #user-area .containerInner .bTtl h5 {
	font-size: 1.6rem;
}

/* h2 */
.article-read .bTtl h2 {
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.3;
	padding: 0 !important;
	/* margin-bottom: 20px !important; */
	margin-bottom: 0;
	border-left: none !important;
}
.article-read .bTtl h2:before {
	display: none !important;
}

/* h3 */
.article-read .bTtl h3 {
	font-size: 22rem;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0 !important;
	border-left: none !important;
	border-bottom: none !important;
}

/* h4 */
.article-read .bTtl h4 {
	font-size: 1.25em !important;
	font-weight: 700;
	margin-bottom: 20px;
	margin-top: 0;
	padding: 0 !important;
	border-bottom: none !important;
	border-left: none !important;
}


/*============================
 タイトル（小見出し）[.bSubTtl]
 2階層目タイトル
============================*/
/*h3*/
#contentsAreaSection .bSubTtl h3 {
	position: relative;
	color: #3b3b3b;
	font-size: 3rem;
	line-height: 1.3;
	margin: 40px 0 0;
	padding: 12px 0 12px 20px;
	border-left: 4px solid #691D8A;
	border-bottom: 1px solid #ececec;
}
#contentsAreaSection .containerInner > [id*="unit"]:first-of-type .bSubTtl h3 {
	margin-top: 0;
}

/*h4*/
#contentsAreaSection .bSubTtl h4 {
	font-weight: bold;
	font-size: 2rem;
	line-height: 1.3;
}
/*h5*/
#contentsAreaSection .bSubTtl h5 {
	color: #691D8A !important;
	font-size: 2rem;
	line-height: 1.3;
}
/*h6*/
#contentsAreaSection .bSubTtl h6 {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.277;
}


/*============================
 カテゴリタイトル[.bTtlBg]
 3階層目タイトル
============================*/
#contentsAreaSection #user-area .containerInner .text-center .bTtlBg {
	text-align: center;
}

/* h2 */
#contentsAreaSection #user-area .containerInner .bTtlBg h2 {
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.4;
	padding: 0;
}

/* h3 */
#contentsAreaSection .containerInner .bTtlBg h3 {
	position: relative;
	display: block;
	color: #691d8a;
	font-size: 2.2rem;
	font-weight: bold;
	padding: 0 0 3px 25px;
	margin: 40px 0 0;
}
#contentsAreaSection .containerInner .bTtlBg h3:before {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 20px;
	height: 20px;
	background: linear-gradient( 135deg, #691d8a 0%, #691d8a 50%, #e8ddee 50%, #e8ddee 100%);
	transform: translateY(40%);
}
#contentsAreaSection .containerInner > [id*="unit"]:first-of-type .bTtlBg h3 {
	margin-top: 0;
}

/* h4 */
#contentsAreaSection #user-area .containerInner .bTtlBg h4 {
	color: #691d8a;
	font-size: 2rem;
	font-weight: bold;
	padding: 1rem 0.5rem;
	border-top: 3px solid #691d8a;
	border-bottom: 3px solid #691d8a;
	background: transparent;
}

/* h5 */
#contentsAreaSection #user-area .containerInner .bTtlBg h5 {
	color: #691d8a;
	font-size: 2rem;
	line-height:1.3;
	padding: 0;
}

/* h6 */
#contentsAreaSection #user-area .containerInner .bTtlBg h6 {
	font-size: 1.8rem;
	font-weight: bold;
	line-height:1.3;
	padding: 0;
}

/*============================
 第三階層：左テキスト+右画像＆右テキスト+左画像
============================*/
.article-read .bTxtImg .bTxtImgLeft,
.article-read .bImgTxt .bImgTxtRight {
	font-size: 1.8rem;
	line-height: 2;
}
.article-read .bTxtImg .bTxtImgRight {
	margin-bottom: 25px !important;
	margin-left: 25px;
	margin-top: 7px;
	max-width: 33%;
}
.article-read .bImgTxt .bImgTxtLeft {
	margin-bottom: 25px !important;
	margin-right: 25px;
	margin-top: 7px;
	max-width: 33%;
}
.article-read .bTxtImg .bTxtImgRight .imgCap,
.article-read .bImgTxt .bImgTxtLeft .imgCap {
	font-size: 1.4rem;
	text-align: left;
	line-height: 1.9;
}

/*===============================
 連載記事リスト
================================*/
.article-list .bCatList ul li {
	margin: 0;
	padding: 0 0 40px 0;
	background: none;
	border-bottom: none;
}
.article-list .bCatList ul li:last-child {
	padding: 0 0 40px 0 !important;
}
.article-list .bCatList ul li .bCatListDate {
	margin: 0 10px 5px 0;
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.75;
	font-weight: 600;
	letter-spacing: 1px;
	vertical-align: middle;
}
.article-list .bCatList ul li h5 {
	position: relative;
	display: flex;
	align-items: center;
	font-size: 2rem;
	font-weight: 400;
	line-height: 1.5;
	margin: 0 0 0 30px;
}
.article-list .bCatList ul li h5 a {
	color: #4e4e4e !important;
}
.article-list .bCatList ul li h5 a:hover {
	color: #691d8a !important;
	text-decoration: none !important;
}
.article-list .bCatList ul li h5:before {
	position: absolute;
	/* top: 0; */
	left: -30px;
	content: "";
	width: 20px;
	height: 20px;
	background-image: url(../common-img/assets/icon-chevron-right-primary.svg);
	/* background-position: 50%; */
	background-repeat: no-repeat;
	background-size: contain;
	transition: all .25s;
	/* -webkit-transform: translateY(5px); */
	/* transform: translateY(5px); */
	opacity: .5;
}
.article-list .bCatList ul li h5:hover:before {
	opacity: 1;
}
#contentsAreaSection #user-area .banner-container .containerInner .s-title .bTtl h2,
#contentsAreaSection #user-area .publication-container .containerInner .s-title .bTtl h2 {
	font-size: 3rem !important;
	font-weight: 500;
	text-align: center;
}

/* ----- 連載記事ページリスト -----*/
.bCatList2 ul li {
	display: inline-block;
}

/* ----- bCatList4 ----- */
.bCatList4Box ul li {
	display: inline-block;
}

/* ----- 2階層目 キービジュアル ----- */
.container_kv .bcontainer-inner {
	max-width: 840px;
	margin: 0 auto;
}

/*===============================
 トップカテゴリー
================================*/
.top-category .containerInner {
	display: flex;
	flex-flow: wrap;
	height: 100%;
}
.top-category .readmore-sign {
	margin-top: 15px;
}
.top-category .article-list .bTxt {
	margin-left: 30px;
	box-sizing: border-box;
	width: auto;
	line-height: 1.5;
	font-size: 1.4rem;
	font-weight: 400;
	margin-top: 5px;
}
.top-category .article-list .bTxt a {
	color: #4e4e4e !important;
	position: relative;
}
.top-category .article-list .bTxt a:hover {
	color: #691d8a !important;
}
.top-category .article-list .bTxt a:before {
	position: absolute;
	top: 0;
	left: -30px;
	content: " ";
	width: 20px;
	height: 20px;
	background-image: url(../common-img/assets/icon-chevron-right-primary.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	transition: all .25s;
	opacity: .5;
}
.top-category .article-list .bTxt a:hover:before {
	opacity: 1;
}
.top-category .readmore-sign a {
	color: #691d8a !important;
	font-size: 1.8rem;
	font-weight: bold;
}

/*============================
 トップ連載記事
============================*/
.top-category .article-list .bCatList li {
	padding: 0 0 20px 0 !important;
}
.top-category .article-list .bCatList li:last-child {
	padding: 0 0 0 0 !important;
}
.top-category .article-list .bCatList h5 {
	display: flex;
	align-items: center;
	font-size: 1.4rem;
	line-height: 1.5;
	font-weight: 400;
}
.top-category .article-list .bCatList h5 a {
	color: #4e4e4e !important;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.25;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

/*============================
 トップ出版物
============================*/
.publication-container .article-publication .col1 {
	flex: 0 0 auto;
	max-width: 180px;
	width: auto;
}
.publication-container .article-publication .col1 .bcu_image img {
	border: 1px solid #dfdee1;
	transition: all .25s;
}
.publication-container .article-publication .col2 {
	max-width: 220px !important;
	width: 100%;
	flex-basis: 100% !important;
}
.publication-container .article-publication .col2 .col1-inner {
	max-height: 252px;
	padding: 15px;
}
.publication-container .article-publication .col2 .bcu_title h3 {
	color: #691d8a;
	font-size: 1.4rem !important;
	font-weight: 400;
	margin-bottom: 5px;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	transition: all .25s;
}
.publication-container .article-publication .col2 .bcu_text1 {
	color: #4e4e4e;
	font-size: 1.4rem !important;
	margin-bottom: 10px;
}
.publication-container .article-publication .col2 .bcu_text2 {
	color: #4e4e4e;
	font-size: 1.2rem !important;
	line-height: 1.75;
	-webkit-line-clamp: 5;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ↑移行分 ここまで
-------------------------------------------------------------*/

/*============================
 bTableS のカスタマイズ
============================*/
/* table-narrow */
.table-narrow {
	overflow: auto;
}
.table-narrow .bTableS .btable {
	border: 0;
}
.table-narrow .bTableS .btable tr:first-child {
	border-top: 1px solid #ddd;
}
.table-narrow .bTableS .btable td {
	border-right: 0;
}
.table-narrow .bTableS .btable th,
.table-narrow .bTableS .btable td {
	padding: 10px 5px;
}

/*============================
 guide
============================*/
.guide {
	/* position: fixed; */
	/* top: 0; */
	/* left: 0; */
	/* width: 100%; */
	/* height: 32px; */
	/* background: url("../common-img/assets/ruler.svg") 0 0 no-repeat; */
	/* mix-blend-mode: difference; */
	/* z-index: 20000; */
}

/*=================
 rtf
===================*/
.rtf {
	color: #4e4e4e;
	font-size: 1.6rem;
	/* font-family: Roboto, -apple-system, "system-ui", Helvetica Neue, Segoe UI, Hiragino Kaku Gothic ProN, Hiragino Sans, ヒラギノ角ゴ ProN W3, Arial, メイリオ, Meiryo, sans-serif; */
	line-height: 1.5;
}
.rtf:after {
	clear: both;
	content: "";
	display: block;
}
:lang(ja) .rtf {
	/* font-family: Roboto, -apple-system, "system-ui", Helvetica Neue, Segoe UI, Hiragino Kaku Gothic ProN, Hiragino Sans, ヒラギノ角ゴ ProN W3, Arial, メイリオ, Meiryo, sans-serif; */
	line-height: 2;
}
.rtf > * {
	margin-bottom: 20px;
}
.rtf a:not([class*=btn]) {
	color: #691d8a;
}
.rtf small {
	font-size: 1rem;
}
.rtf code {
	font-family: monospace;
}
.rtf h1,
.rtf h2,
.rtf h3,
.rtf h4,
.rtf h5,
.rtf h6 {
	color: #4e4e4e;
	/* font-family: Roboto, -apple-system, "system-ui", Helvetica Neue, Segoe UI, Hiragino Kaku Gothic ProN, Hiragino Sans, ヒラギノ角ゴ ProN W3, Arial, メイリオ, Meiryo, sans-serif */
}
.rtf h1, .rtf h2 {
	font-size: 1.5em;
	font-weight: 700;
}
.rtf h3, .rtf h4 {
	font-size: 1.25em;
	font-weight: 700;
}
.rtf h5, .rtf h6 {
	font-size: 1.125em;
	font-weight: 700;
}
.rtf p {
	font-size: 1.06875rem;
}
:lang(ja) .rtf p {
	line-height: 2;
}
.rtf p.intro {
	color: #4e4e4e;
	font-size: 1.125em;
}
.rtf ul {
	list-style: none;
	padding-left: 25px;
}
.rtf ul li {
	position: relative;
}
.rtf ul li:before {
	background-color: #691d8a;
	border-radius: 50%;
	content: " ";
	height: 8px;
	left: -23px;
	position: absolute;
	top: 0.5em;
	width: 8px;
}
.rtf ol {
	padding-left: 25px;
}
.rtf li {
	padding-left: 6.25px;
}
.rtf li + li {
	margin-top: 6.25px;
}
.rtf blockquote {
	margin-bottom: 50px;
	margin-top: 50px;
	padding-left: 40px;
	position: relative;
}
.rtf blockquote:before,
.rtf blockquote p:last-of-type:after {
	background-repeat: no-repeat;
	background-size: contain;
	content: " ";
	display: block;
	height: 20px;
	opacity: .1;
	position: absolute;
	width: 20px;
}
.rtf blockquote:before {
    background-image: url("data:image/svg+xml;charset=utf-8, <svg width=\"20\" height=\"18\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 18V8c0-2.551.692-4.348 2-6C3.462 1.087 5.436.297 8 0v5c-1.497.226-2.648.66-4 1-.257.933-.79 1.823-1 3h5v9H0zm12 0V8c0-2.551.692-4.348 2-6 1.462-.913 3.436-1.703 6-2v5c-1.497.226-2.648.66-4 1-.257.933-.79 1.823-1 3h5v9h-8z\" fill-rule=\"evenodd\"/></svg>");
    left: 0;
    top: 0;
}
.rtf blockquote p:last-of-type:after {
    background-image: url("data:image/svg+xml;charset=utf-8, <svg width=\"20\" height=\"18\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M20 0v10c0 2.551-.692 4.348-2 6-1.462.913-3.436 1.703-6 2v-5c1.497-.226 2.648-.66 3-1 1.257-.933 1.79-1.823 2-3h-5V0h8zM8 0v10c0 2.551-.692 4.348-2 6-1.462.913-3.436 1.703-6 2v-5c1.497-.226 2.648-.66 3-1 1.257-.933 1.79-1.823 2-3H0V0h8z\" fill-rule=\"evenodd\"/></svg>");
    bottom: 0;
    right: 0;
}
.rtf blockquote p {
	color: #4e4e4e;
	font-size: 1.125em;
	position: relative;
}
.rtf blockquote p:last-of-type {
	margin-bottom: 5px;
	padding-right: 40px;
}
.rtf blockquote cite {
	font-size: 0.9em;
	font-style: normal;
	opacity: .8;
	padding-right: 40px;
}
.rtf figure,
.rtf img {
	display: block;
	height: auto;
	max-width: 100%;
}
.rtf figure.alignleft,
.rtf img.alignleft {
	float: left;
	margin-bottom: 25px;
	margin-right: 25px;
	margin-top: 6.25px;
	max-width: 33%;
}
.rtf figure.alignright,
.rtf img.alignright {
	float: right;
	margin-bottom: 25px;
	margin-left: 25px;
	margin-top: 6.25px;
	max-width: 33%;
}
.rtf figure.aligncenter,
.rtf img.aligncenter {
	float: none;
	margin: 25px auto;
}
.rtf figure.alignnone,
.rtf img.alignnone {
	float: none;
	margin-bottom: 25px;
	margin-top: 25px;
	width: 100%;
}
.rtf figcaption {
	font-size: 0.84375rem;
	margin-bottom: 0;
	margin-top: 10px;
}
.rtf figcaption p {
	font-size: inherit;
}
.rtf tr {
	border-bottom: 1px solid #e8e8e8;
}
.rtf tr:last-child {
	border-bottom: 0;
}
.rtf td,
.rtf th {
	padding: 10px 15px;
}
.rtf td:first-child,
.rtf th:first-child {
	padding-left: 0;
}
.rtf td:last-child,
.rtf th:last-child {
	padding-right: 0;
}
.rtf td {
	border-left: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
}
.rtf td:first-child {
	border-left: 0;
}
.rtf td:last-child {
	border-right: 0;
}
.rtf .rtf-embed-1x1,
.rtf .rtf-embed-2x1,
.rtf .rtf-embed-4x3,
.rtf .rtf-embed-16x9 {
	margin-bottom: 25px;
	margin-top: 25px;
	position: relative;
}
.rtf .rtf-embed-1x1 iframe,
.rtf .rtf-embed-1x1 video,
.rtf .rtf-embed-2x1 iframe,
.rtf .rtf-embed-2x1 video,
.rtf .rtf-embed-4x3 iframe,
.rtf .rtf-embed-4x3 video,
.rtf .rtf-embed-16x9 iframe,
.rtf .rtf-embed-16x9 video {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
}
.rtf .rtf-embed-1x1 {
	padding-bottom: 100%;
}
.rtf .rtf-embed-4x3 {
	padding-bottom: 75%;
}
.rtf .rtf-embed-16x9 {
	padding-bottom: 56.25%;
}
.rtf .rtf-embed-2x1 {
	padding-bottom: 50%;
}
.rtf > :first-child {
	margin-top: 0;
}
.rtf > :last-child {
	margin-bottom: 0;
}
.rtf .wp-block-image figcaption {
	font-size: 1.125rem;
	margin-bottom: 0;
	margin-top: 5px;
}
.rtf .blocks-gallery-grid {
	list-style: none;
	margin-bottom: -12.5px;
	margin-top: 37.5px;
	padding-left: 0;
}
.rtf .blocks-gallery-grid li {
	padding-left: 0;
}
.rtf .blocks-gallery-grid li:before {
	content: none;
}
.rtf .wp-block-group {
	margin-left: -25px;
	margin-right: -25px;
	padding-left: 25px;
	padding-right: 25px;
}
.rtf .wp-block-group.has-background {
	padding-bottom: 25px;
	padding-top: 25px;
}
.rtf .wp-block-group .wp-block-group__inner-container > :first-child {
	margin-top: 0;
}
.rtf .wp-block-group .wp-block-group__inner-container > :last-child {
	margin-bottom: 0;
}

/*=================
 Breadcrumb
===================*/
.breadcrumb .link {
	/* color: #691d8a; */
	/* position: relative; */
}
.breadcrumb .link:before {
	/* position: absolute; */
	/* content: " "; */
	/* right: 0; */
	/* bottom: -3px; */
	/* left: 0; */
	/* border-bottom: 1px solid rgba(105, 29, 138, .5); */
	/* transition: all 0.25s; */
	/* opacity: 0; */
}
.breadcrumb .link:hover:before {
	/* opacity: 1; */
}
.breadcrumb-item {
	/* display: none; */
	/* font-size: 1.4rem; */
}
.breadcrumb-item + .breadcrumb-item:before {
	/* display: inline-block; */
	/* color: rgba(61, 62, 64, .75); */
	/* content: ">"; */
	/* margin-left: 10px; */
	/* margin-right: 10px; */
	/* -webkit-transform: scale(75%, 125%); */
	/* transform: scale(75%, 125%); */
}
.breadcrumb-mobile {
	/* position: relative; */
	/* font-size: 1.4rem; */
	/* margin-bottom: -10px; */
	/* padding-bottom: 15px; */
	/* padding-left: 40px; */
	/* border-bottom: 1px solid #f3f3f3; */
}
.breadcrumb-mobile:before {
	/* position: absolute; */
	/* display: block; */
	/* color: #691d8a; */
	/* content: "<"; */
	/* left: 0; */
	/* top: 0; */
	/* width: 30px; */
	/* text-align: center; */
	/* -webkit-transform: scale(75%, 125%); */
	/* transform: scale(75%, 125%); */
}
.breadcrumb-mobile .link {
	/* display: block; */
	/* overflow: hidden; */
	/* text-overflow: ellipsis; */
	/* white-space: nowrap; */
}

/*============================
 masthead
============================*/
.masthead,
.masthead-medium {
	overflow: hidden;
	position: relative;
}
.masthead-medium .content,
.masthead .content {
	color: #fff;
	font-weight: 600;
	position: relative;
	text-shadow: 0 0 12px rgba(0, 0, 0, .4);
	z-index: 10;
}
.masthead-medium .text-right .excerpt,
.masthead .text-right .excerpt {
	margin-left: auto;
}
.masthead-medium .content-extra,
.masthead .content-extra {
	left: 20px;
	position: absolute;
	top: 8%;
	width: 80%;
	z-index: 10;
}
.masthead-medium .content-extra img,
.masthead .content-extra img {
	display: block;
	height: 100%;
	width: 100%;
}
.masthead-medium .cover,
.masthead .cover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.masthead-medium .cover:before,
.masthead .cover:before {
	position: absolute;
	content: " ";
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .35);
	z-index: 1;
}
.masthead-medium .subtitle,
.masthead .subtitle {
	color: #691d8a;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.25;
	margin-bottom: 10px;
	text-transform: uppercase;
}
:lang(ja) .masthead-medium .subtitle, :lang(ja) .masthead .subtitle {
	letter-spacing: 0;
}
.masthead-medium .title,
.masthead .title {
	font-size: 2.8rem;
	font-weight: 600;
	line-height: 1.25;
	margin-bottom: 10px;
}
.content-center.masthead-medium,
.masthead.content-center {
	text-align: center;
}


@-webkit-keyframes zoomout {
	0% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes zoomout {
	0% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.masthead-medium .content-frame {
	min-height: 250px;
}

/*=================
 Pagination
 @todo 移行予定
===================*/
.pagination {
	text-align: center;
	margin: 20px 0 !important;
	padding: 15px 0;
	border-top: 1px solid #e8ddee;
}
.pagination-item {
	background-color: #691d8a;
	border: 1px solid transparent;
	color: #fff;
	display: inline-block;
	font-weight: 600;
	min-width: 24px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	transition: all 0.25s;
}
.pagination-item.link {
	background-color: transparent;
	color: #691d8a;
}
.pagination-item.link:hover {
	background-color: #f9f8fe;
	border: 1px solid #691d8a;
}
.pagination-item.first,
.pagination-item.last {
	position: relative;
}
.pagination-item.first:before,
.pagination-item.last:before {
	color: #9a9a9a;
	content: "…";
	pointer-events: none;
	position: absolute;
	top: 50%;
}
.pagination-item.first {
	margin-right: 30px;
}
.pagination-item.first:before {
	right: -10px;
	-webkit-transform: translate(100%, -50%);
	transform: translate(100%, -50%);
}
.pagination-item.last {
	margin-left: 30px;
}
.pagination-item.last:before {
	left: -10px;
	-webkit-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%);
}
.pagination-item.num + .pagination-item.num {
	margin-left: 2px;
	margin-right: 2px;
}

/*============================
 Pagination（new design）
============================*/
.pagination .nav-page {
	padding: 3px 5px !important;
	margin: 0 5px;
}

/* prev、next */
.pagination .nav-prev,
.pagination .nav-next {
	position: relative;
	display: inline-flex;
	align-items: center;
	font-size: 1.4rem;
	font-weight: bold;
}
.pagination .nav-prev .nav-link,
.pagination .nav-next .nav-link {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 10px !important;
}

.nav-prev .nav-link:before {
	position: absolute;
	left: -5px;
	content: "";
	background-image: url(/jpus-insights/usr-data/template/SPF-EN_DESIGN_38/common-img/assets/chevron-left.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 13px;
	width: 13px;
}
/*.nav-prev:after {
	content: "･･･";
	color: #ddd;
}*/

/*.nav-next:before {
	content: "･･･";
	color: #ddd;
}*/
.nav-next .nav-link:after {
	position: absolute;
	right: -5px;
	content: "";
	background-image: url(/jpus-insights/usr-data/template/SPF-EN_DESIGN_38/common-img/assets/chevron-right.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	height: 13px;
	width: 13px;
}
.nav-page.active {
	border-bottom: 2px solid #691d8a;
}

/*=================
 Article
===================*/
.article-list .date,
.article-read .date,
.article-thumbnail .date {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: 1px;
	margin-right: 10px;
	vertical-align: middle;
}
.article-thumbnail {
	height: 100%;
}
.article-thumbnail .link {
	color: #691d8a;
}
.article-thumbnail .content {
	color: #4e4e4e;
}
.article-thumbnail .category {
	position: relative;
	display: block;
	color: #fff;
	font-size: 1.4rem;
	padding: 13px 20px;
	background-color: #163471;
	z-index: 1;
}
.article-thumbnail .category-cover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	/* width: 150px; */
	width: 120px;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.article-thumbnail .category-text {
	position: relative;
	z-index: 1;
}
.article-thumbnail .title {
	color: #691d8a;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.33333;
	margin-top: 10px;
}
.article-thumbnail .subtitle {
	color: #4e4e4e;
	font-size: 1.6rem;
	margin-top: 5px;
}
.article-thumbnail .cover {
	margin-top: 10px;
	transition: all 0.25s;
}
.article-thumbnail:hover .title {
	color: #163471;
}
.article-thumbnail:hover .category,
.article-thumbnail:hover .cover {
	opacity: .8;
}
.article-category {
	position: relative;
	display: block;
	margin-bottom: 20px;
}
.article-category .cover {
	padding-bottom: 40%;
	transition: all 0.25s;
}
.article-category .content {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	padding-right: 20px;
	padding-left: 20px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
}
.article-category .title {
	font-size: 1.5rem;
	text-align: center;
}
.article-category:hover .cover {
	opacity: .8;
}
.article-list {
	position: relative;
	display: block;
	width: 100%;
	/* margin-bottom: 20px; */
}
.article-list .link {
	display: block;
	color: #4e4e4e;
}
.article-list .date {
	margin-bottom: 0;
}
.article-list .title {
	position: relative;
	color: #4e4e4e;
	margin-left: 30px;
}
.article-list .title:before {
	position: absolute;
	top: 0;
	left: -30px;
	content: " ";
	width: 20px;
	height: 20px;
	background-image: url("../common-img/assets/icon-chevron-right-primary.svg");
	background-position: 50%;
	background-size: contain;
	background-repeat: no-repeat;
	transition: all 0.25s;
	opacity: .5;
}
.article-list .title:hover .link {
	color: #691d8a;
}
.article-list .title:hover:before {
	opacity: 1;
}
.article-list.small .title {
	font-size: 1.4rem;
	font-weight: 400;
	margin-top: 5px;
}
.article-list.large .title {
	font-size: 1.25rem;
	font-weight: 400;
	margin-top: 0;
}
.article-list.large .title:before {
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}

/* ===== [3] 3カラム_論考用 ===== */
.article-publication {
	display: block;
	height: 100%;
	background-color: #f9f8fe;
}
.article-publication .cover {
	border: 1px solid hsla(0, 0%, 72.2%, 0.5);
	padding-bottom: 138.88889%;
	transition: all 0.25s;
}
.article-publication .content {
	position: relative;
	color: #4e4e4e;
	height: 100%;
	max-height: 252px;
	padding: 15px;
	overflow: hidden;
}
.article-publication .content .title {
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	color: #691d8a;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 5px;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: all 0.25s;
}
.article-publication .content .author {
	font-size: 1.2rem;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.article-publication .content .excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	font-size: 1.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
}
.article-publication:hover .title {
	/* color: #163471; */
}
.article-publication:hover .cover {
	opacity: .8;
}
.article-read-container {
	max-width: 840px;
}
.article-read .title .bTtl h2 { /* CUSTOM */
	color: #4e4e4e !important;
	font-size: 2.5rem !important;
	font-weight: 700;
	line-height: 1.25;
	padding: 0 !important;
	border-left: none !important;
	margin-bottom: 20px !important;
}
.article-read .author { /* CUSTOM */
	/*margin-top: 20px*/
}

/* プロフィール画像 */
.article-read .author .bcu_image {
	/* max-width: 72px; */
	width: 100%;
	padding-right: 15px;
}
.article-read .author .bcu_title h3 { /* CUSTOM */
	/* color: #691d8a; */
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.75;
	margin-bottom: 5px;
}

/* 名前 */
.article-read .author .bcu_title h5 {
	font-size: 1.6rem;
	font-weight: bold;
}

/* プロフィールテキスト */
.article-read .author .bcu_text {
	/* color: #3d3e40; */
	font-size: 1.4rem;
	line-height: 2;
}
.article-read .snackbar {
	font-size: 1.2rem;
	letter-spacing: 1px;
	margin-top: 20px;
}
.article-read .snackbar:before {
	border-top: 1px solid rgba(105, 29, 138, .25);
	content: " ";
	display: block;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	width: 100%;
}
.article-read .snackbar .icon-time-grey {
	display: inline-block;
	height: 16px;
	margin-right: 5px;
	vertical-align: middle;
	width: 16px;
}
.article-read .snackbar + .rtf {
	margin-top: 20px;
}
.article-read .rtf + .snackbar {
	margin-top: 30px;
}

/*=================
 bcatlabel
===================*/
.bCatListLabel {
	margin: 0 0 15px 0;
}
.bCatListLabel .bcatlabel,
.extSeries .bcatlabel,
.extCatList5And .bCatListLabel .bcatlabel {
	display: inline-block;
	color: #691d8a;
	font-size: 1.2rem;
	line-height: 1.2;
	padding: 5px 7px;
	margin-bottom: 3px;
	border: 1px solid #e8ddee;
	background: #e8ddee;
}

/* ===== rtf ===== */
.rtf figure.aligncenter,
.rtf figure.alignnone,
.rtf img.aligncenter,
.rtf img.alignnone {
	margin-bottom: 50px;
	margin-top: 50px;
}
.rtf .wp-block-image {
	margin-bottom: 37.5px;
	margin-top: 37.5px;
}
.rtf .blocks-gallery-grid {
	margin-bottom: 25px;
	margin-top: 50px;
}
.rtf .wp-block-embed {
	margin-bottom: 37.5px;
	margin-top: 37.5px;
}
.rtf .wp-block-group {
	margin-left: -37.5px;
	margin-right: -37.5px;
	padding-left: 37.5px;
	padding-right: 37.5px;
}

/*=================
 masthead-medium
===================*/
.masthead-medium .container,
.masthead-medium .container-fluid,
.masthead-medium .container-lg,
.masthead-medium .container-md,
.masthead .container,
.masthead .container-fluid,
.masthead .container-lg,
.masthead .container-md {
	padding-bottom: 40px;
	padding-top: 40px;
}
.masthead-medium .content-frame,
.masthead .content-frame {
	position: relative;
}
.masthead-medium .content-extra,
.masthead .content-extra {
	left: 65%;
	top: 65%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 35%;
}

.masthead-medium .cover {
	height: auto;
}
.masthead-medium .cover .image,
.masthead .cover .image {
	-o-object-position: 35% center;
	object-position: 35% center;
}
.masthead-medium .cover:before,
.masthead .cover:before {
	content: none;
}
.masthead-medium .title,
.masthead .title {
	font-size: 1.5rem;
}
.masthead-medium .excerpt,
.masthead .excerpt {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.75;
}
.content-right.masthead-medium .content,
.masthead.content-right .content {
	padding-left: 40px;
}
.masthead-medium .content-frame {
	min-height: 0;
}

.searchbar .input-text {
	width: 320px;
}
.s-contain-frame:last-child,
.s-contain:last-child {
	margin-bottom: 0;
}
.s-contain-inline {
	margin-bottom: 50px;
	margin-top: 50px;
}
.s-contain-inline + .s-contain-inline {
	margin-top: 80px;
}
.s-contain-frame {
	padding-bottom: 50px;
	padding-top: 50px;
}
.s-adjust-bottom {
	margin-bottom: -30px;
}

.article-thumbnail .subtitle {
	margin-top: 10px;
}
.article-category {
	margin-bottom: 30px;
}
.article-category .title {
	font-size: 1.25rem;
}
.article-category + .article-list {
	margin-top: -10px;
}
.article-list.large .date {
	margin-bottom: 5px;
}
.article-list.large .title {
	font-size: 1.5rem;
}
.article-read .author .excerpt {
	font-size: 1.4rem;
}
.article-read .snackbar .searchbar-toggle+.searchbar-toggle,
.article-read .snackbar .searchbar-toggle+.sns,
.article-read .snackbar .searchbar-toggle+.sns-grey-lighter,
.article-read .snackbar .searchbar-toggle+.sns-grey-lightest,
.article-read .snackbar .searchbar-toggle+.sns-outline-primary,
.article-read .snackbar .searchbar-toggle+.sns-primary,
.article-read .snackbar .sns+.searchbar-toggle,
.article-read .snackbar .sns+.sns,
.article-read .snackbar .sns+.sns-grey-lighter,
.article-read .snackbar .sns+.sns-grey-lightest,
.article-read .snackbar .sns+.sns-outline-primary,
.article-read .snackbar .sns+.sns-primary,
.article-read .snackbar .sns-grey-lighter+.searchbar-toggle,
.article-read .snackbar .sns-grey-lighter+.sns,
.article-read .snackbar .sns-grey-lighter+.sns-grey-lighter,
.article-read .snackbar .sns-grey-lighter+.sns-grey-lightest,
.article-read .snackbar .sns-grey-lighter+.sns-outline-primary,
.article-read .snackbar .sns-grey-lighter+.sns-primary,
.article-read .snackbar .sns-grey-lightest+.searchbar-toggle,
.article-read .snackbar .sns-grey-lightest+.sns,
.article-read .snackbar .sns-grey-lightest+.sns-grey-lighter,
.article-read .snackbar .sns-grey-lightest+.sns-grey-lightest,
.article-read .snackbar .sns-grey-lightest+.sns-outline-primary,
.article-read .snackbar .sns-grey-lightest+.sns-primary,
.article-read .snackbar .sns-outline-primary+.searchbar-toggle,
.article-read .snackbar .sns-outline-primary+.sns,
.article-read .snackbar .sns-outline-primary+.sns-grey-lighter,
.article-read .snackbar .sns-outline-primary+.sns-grey-lightest,
.article-read .snackbar .sns-outline-primary+.sns-outline-primary,
.article-read .snackbar .sns-outline-primary+.sns-primary,
.article-read .snackbar .sns-primary+.searchbar-toggle,
.article-read .snackbar .sns-primary+.sns,
.article-read .snackbar .sns-primary+.sns-grey-lighter,
.article-read .snackbar .sns-primary+.sns-grey-lightest,
.article-read .snackbar .sns-primary+.sns-outline-primary,
.article-read .snackbar .sns-primary+.sns-primary {
	margin-left: 5px;
}
.article-read .snackbar + .rtf {
	margin-top: 30px;
}


@media all {
	.rtf {
		font-size: 1.125rem;
	}
	.rtf h1,
	.rtf h2,
	.rtf h3,
	.rtf h4,
	.rtf h5,
	.rtf h6 {
		margin-bottom: 20px;
		margin-top: 50px;
	}
	.rtf p {
		font-size: 1.125rem;
	}
	.rtf figcaption {
		font-size: 0.84375rem;
	}
	.rtf .rtf-embed-1x1,
	.rtf .rtf-embed-2x1,
	.rtf .rtf-embed-4x3,
	.rtf .rtf-embed-16x9 {
		margin-bottom: 50px;
		margin-top: 50px;
	}
	.rtf > :first-child {
		margin-top: 0;
	}
	.rtf > :last-child {
		margin-bottom: 0;
	}
	.rtf .wp-block-image figcaption {
		font-size: 0.98438rem;
	}
	.rtf .wp-block-group {
		margin-left: -50px;
		margin-right: -50px;
		padding-left: 50px;
		padding-right: 50px;
	}
	.rtf .wp-block-group.has-background {
		margin-bottom: 37.5px;
		margin-top: 37.5px;
		padding-bottom: 37.5px;
		padding-top: 37.5px;
	}
	
	.breadcrumb-item {
		/* display: inline-block */
	}
	.breadcrumb-mobile {
		/* display: none */
	}
	
	.masthead-medium .container,
	.masthead-medium .container-fluid,
	.masthead-medium .container-lg,
	.masthead-medium .container-md,
	.masthead .container,
	.masthead .container-fluid,
	.masthead .container-lg,
	.masthead .container-md {
		padding-bottom: 60px;
		padding-top: 60px;
	}
	.masthead-medium .content-extra,
	.masthead .content-extra {
		left: 50%;
		top: 50%;
		width: 480px;
	}
	.masthead-medium .cover .image,
	.masthead .cover .image {
		-o-object-position: center;
		object-position: center;
	}
	.masthead-medium .title,
	.masthead .title {
		font-size: 3rem;
		margin-bottom: 15px;
	}
	.masthead-medium .excerpt,
	.masthead .excerpt {
		font-size: 2.4rem;
		line-height: 1.75;
	}
	.content-right.masthead-medium .content,
	.masthead.content-right .content {
		padding-left: 0;
	}
	.masthead-medium .content-frame {
		min-height: 230px;
	}
	.searchbar .input-text {
		width: 360px;
	}
	.s-contain-frame:last-child,
	.s-contain:last-child {
		margin-bottom: 0;
	}
	.s-contain-inline {
		margin-bottom: 60px;
		margin-top: 60px;
	}
	.s-contain-inline + .s-contain-inline {
		margin-top: 100px;
	}
	.s-contain-frame {
		padding-bottom: 60px;
		padding-top: 60px;
	}
	.s-title {
		margin-bottom: 40px;
	}
	.article-thumbnail .subtitle {
		font-size: 1.125rem;
	}
	.article-thumbnail .cover {
		margin-top: 20px;
	}
	.article-category .title {
		font-size: 1.5rem;
	}
	.article-list.large {
		margin-bottom: 40px;
	}
	.article-read .snackbar + .rtf {
		margin-top: 40px;
	}
	
	/* PUBLICATIONS */
	.article-publication .cover-container {
		width: 180px;
	}
	
	.flex-xl-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important;
	}
	.publication-container .extSeries > .col-12 {
		padding-left: 0;
		padding-right: 0;
	}
	.publication-container .extSeries .gutter-lg-narrow > [class*=col] {
		padding-left: 20px;
		padding-right: 20px;
	}
}



/*============================
アンカーリンク
============================*/
.anchorSide-border .bAnchorSide ul {
	padding: 0;
	margin: 0;
}
.anchorSide-border .bAnchorSide ul li {
	position: relative;
	/* text-align: center; */
	margin: 0.7em 0;
	padding: 0;
	background: none;
}
.anchorSide-border .bAnchorSide ul li:not(:last-child) {
	padding-right: 1.5rem;
	margin-right: 1.5rem;
	border-right: 1px solid #ddd;
}
.anchorSide-border a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-right: 20px;
}
.anchorSide-border a:after {
	position: absolute;
	right: 0;
	content: "▼";
	font-size: 1.2rem;
	margin-left: 5px;
}

.nuclear .containerInner {
	height: 100%;
}
.nuclear .nuclear-txt-box02 {
	display: block;
	height: 100%;
}

/*============================
 link
============================*/
/* テキストユニット */
.link-icon .bTxt a {
	position: relative;
	display: flex;
	align-items: center;
	margin-left: 20px;
}
.link-icon .bTxt a:before {
	position: absolute;
	content: "";
	left: -20px;
	width: 12px;
	height: 12px;
	background-image: url(/jpus-insights/global-image/units/img/296089-1-20221219163524_b63a0143cc22fd.svg);
	/* background-position: 50%; */
	background-repeat: no-repeat;
	background-size: contain;
}

/*============================
 List
============================*/
.list ul, .list ol {
	padding-left: 1.5em;
}
.list li:not(:last-child) {
	line-height: 1.7;
	margin-bottom: 20px;
}

.list-style-none ul {
	list-style: none;
	padding: 0;
}
.list-style-none li:not(:last-child) {
	margin-bottom: 10px;
}

.list-group ul {
	list-style: none;
	padding: 0;
}
.list-group li:not(:last-child) {
	line-height: 1.7;
	margin-bottom: 25px;
}


/* 丸アイコン */
.list-icon-circle ul {
	padding: 0;
	list-style: none;
}
.list-icon-circle li {
	position: relative;
	display: flex;
	/* align-items: center; */
	margin-left: 20px;
}
.list-icon-circle li:before {
	position: absolute;
	content: "";
	top: 1.2rem;
	left: -20px;
	width: 1.2rem;
	height: 1.2rem;
	/* width: 12px; */
	/* height: 12px; */
	background-image: url(/jpus-insights/global-image/units/img/296089-1-20221219163524_b63a0143cc22fd.svg);
	/* background-position: 50%; */
	background-repeat: no-repeat;
	background-size: contain;
}

/* YouTubeの埋め込み */
.movie-wrap {
	margin-bottom: 40px !important;
}

/*-------------------------------------------------------------
 拡張ユニット
-------------------------------------------------------------*/
/*============================
 extVideoSPF
 SPF動画ユニット（YouTube・Podcast）
============================*/
/* extVideoSPF.cssに記述 */
.modal.open {
	/* display: block !important; */
}


/*============================
検索結果
============================*/
.search-results-list .coln {
	overflow: visible !important;
}

/*============================
 ラベル検索
 extSearchK
============================*/
/* extSearchK.cssに記述 */

/*============================
 extCatList_LblAnd
 SPF連載記事リスト_ラベルAND検索連動
 （YouTube、Podcast、検索結果一覧のレイアウト）
============================*/
/* extCatList_LblAnd.cssに記述 */

/*============================
 extSeries
 SPF連載記事ユニット
============================*/
/* extSeries.cssに追記 */

/* ===== 連載ユニット出版物 ===== */
.article-list .card-plain .title {
	margin-left: 0;
	line-height: 1.5;
}
.article-list .card-plain .title::before {
	display: none;
}

/*============================
 extLinkTxtBtn
 リンクボタンユニット
============================*/
/* extLinkTxtBtn.cssに記述 */