@charset "UTF-8";
/* =========================================================
   NOIR BLANC  column用
   （一覧：template-parts/column-list.php は既存 /blog/ のスタイルを使用）
   ========================================================= */

/***一覧ページ（/blog/ と同デザイン）***/
.column-list .wp-pagenavi{margin:60px 0 0; text-align:center; font-family:var(--sans); font-size:.8rem; letter-spacing:.12em; color:var(--ink);}
.column-list .wp-pagenavi a,.column-list .wp-pagenavi span{display:inline-block; min-width:42px; padding:8px 12px; margin:0 4px 8px; border:1px solid var(--line); background:var(--white); transition:.4s var(--ease);}
.column-list .wp-pagenavi .current{background:var(--ink); border-color:var(--ink); color:#fff;}
.column-list .wp-pagenavi a:hover{border-color:var(--gold); color:var(--gold);}
.column-list .wp-pagenavi .pages{border:none; background:none; color:var(--gray);}
.column-list .wp-pagenavi .extend{border:none; background:none;}
.column-list .post_notfound{text-align:center; color:var(--gray);}

/***編集エリア***/
	/*共通装飾*/
.column{font-size:16px; line-height:1.8;}
.column .column_container{width:1100px;}
.column .u-fv{background:var(--ink);}
.column .u-fv h1,.column .u-fv p{color:#fff; font-size:26px; width:1100px;}
.column .breadcrumbs_outer{background:var(--paper-2);}
.column .breadcrumbs{width:1100px; font-size:13px;}
.column .column_container .right{width:325px;}
.column .column_container .right h3{font-size:18px; border-left:3px solid var(--gold);}
.column .column_container .right .sidebar-wrapper .rpwe-li h3 a{color:var(--ink); font-size:15px;}
.column .column_container .right .sidebar-wrapper .rpwe-li a:hover{color:var(--gold);}
.column .column_container .right .widget_categories .cat-item{font-size:15px;}

	/*詳細ページ装飾*/
.column .content .data .category a{font-size:12px;}
.column .content .data .time{font-size:12px;}
.column .content .left h1{font-size:28px;}
.column .content .left h2{font-size:22px; background:var(--ink); color:#fff;}
.column .content .left h3{font-size:18px; border-left:solid 3px var(--gold); background:var(--paper-2);}
.column .content .left h4{font-size:16px;}
.column .content .left .thumbnail img{height:400px !important;}
.column .content #ez-toc-container .ez-toc-title{font-size:16px;}
.column .content #ez-toc-container a{font-size:16px;}
.column .content .yarpp h3{font-size:20px;}
.column .content .yarpp a .yarpp-thumbnail-title{font-size:16px;}
.supervisor .supervisor-title{font-size:20px; background:var(--ink); color:#fff;}
.supervisor-profile .txt1{font-size:20px;}
.supervisor-profile .txt2{font-size:16px;}
.d1 .txt2{font-size:16px;}




/***非編集エリア***/
	/*共通装飾*/
.column{background:var(--paper); letter-spacing:.04em;}
.column *,.column *::before,.column *::after{box-sizing:border-box;}
.column p{margin:0;}
.column .column_container{margin:0 auto; display:flex; justify-content:space-between; padding:50px 0 100px;}
.column .column_container .left{width:770px; margin:0 40px 0 0; color:var(--ink); flex:1; min-width:0;}
.column .u-fv{width:100%; padding:81px 0 0;}
.column .u-fv h1,.column .u-fv p{font-family:var(--serif-en); font-weight:500; letter-spacing:.08em; margin:0 auto; padding:36px 0 40px; text-align:center; line-height:1.2;}
.column .u-fv .jp{display:block; font-family:var(--serif-jp); font-size:13px; letter-spacing:.3em; color:var(--gold-2); margin-top:10px;}
.column .breadcrumbs_outer{width:100%;}
.column .breadcrumbs{margin:0 auto; padding:12px 10px; font-family:var(--sans); letter-spacing:.08em; color:var(--gray);}
.column .breadcrumbs a{color:var(--ink);}
.column .breadcrumbs a:hover{color:var(--gold); text-decoration:underline;}

.column .column_container .right h3{color:var(--ink); margin:0 0 15px; padding:6px 10px; font-weight:500;}
.column .column_container .right .sidebar-wrapper{margin:0 0 30px;}
.column .column_container .right .sidebar-wrapper .rpwe-li{display:grid; grid-template-columns:40% 1fr; margin:0 0 20px;}
.column .column_container .right .sidebar-wrapper .rpwe-li h3{flex:1; font-weight:normal; border:none; padding:0; margin:0; line-height:1.6;}
.column .column_container .right .sidebar-wrapper .rpwe-li h3 a{width:auto; margin:0; padding-left:10px; display:inline-block;}
.column .column_container .right .sidebar-wrapper .rpwe-li a:hover{text-decoration:underline;}
.column .column_container .right .sidebar-wrapper .rpwe-li a img{width:100%; object-fit:cover; height:80px;}
.column .column_container .right .widget_categories ul{list-style:none;}
.column .column_container .right .widget_categories .cat-item{background:#fff; color:var(--ink); padding:10px; border-top:solid 1px var(--line);}
.column .column_container .right .widget_categories .cat-item:hover{background:var(--paper-2);}
.column .column_container .right .widget_categories .cat-item:last-child{border-bottom:solid 1px var(--line);}
.column .column_container .right .widget_categories .cat-item a{color:var(--ink); display:flex; justify-content:space-between; padding:0;}
.column .column_container .right .widget_categories .cat-item a:hover{color:var(--gold);}

	/*詳細ページ装飾*/
.column .content .data{display:flex; justify-content:space-between; margin:0 0 30px;}
.column .content .data_in{display:flex; justify-content:flex-start; flex-wrap:wrap;}
.column .content .data .category a{display:inline-block; background:var(--ink); padding:3px 15px 4px; font-weight:500; color:#fff; margin:0 10px 0 0; font-family:var(--sans); letter-spacing:.1em; text-decoration:none;}
.column .content .data .category a:hover{background:var(--gold); color:#fff;}
.column .content .data .time{padding:5px 0; color:var(--gray);}
.column .content .left h1{margin:0 0 30px; line-height:1.5; font-weight:600;}
.column .content .left h2{padding:15px 20px; margin:70px 0 20px; line-height:1.5; font-weight:500;}
.column .content .left h3{padding:10px 15px; margin:40px 0 20px; line-height:1.5; font-weight:500;}
.column .content .left h4{font-weight:600; margin:30px 0 10px; display:flex; align-items:center;}
.column .content .left h4:before{border-top:1px solid var(--gold); content:""; width:10px; margin-right:8px;}
.column .content .left p{margin:0 0 1.6em;}
.column .content .left .thumbnail{width:100%; margin:0 0 30px; border:solid 1px var(--line);}
.column .content .left .thumbnail img{width:100%; object-fit:cover;}
.column .content .left img{height:auto;}

.column .content .left a{color:#8c6a2f; text-decoration:underline;}
.column .content .left a:hover{color:var(--ink);}

.column .content .left table{width:100% !important; margin:20px 0; display:block; border-collapse:collapse; border-spacing:0; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch;}
.column .content .left table tbody{width:100%; display:table;}
.column .content .left table th{padding:10px; background:var(--paper-2); border:solid 1px var(--line);}
.column .content .left table td{padding:10px; border:solid 1px var(--line); background:#fff;}
.column .content .left table ul{margin:0; background:transparent; padding:0 0 0 30px;}
.column .content .left table a{margin:0; padding:0; display:inline;}
.column .content .left ul{list-style:disc; margin:20px 10px; background:#fff; padding:20px 20px 20px 50px; line-height:1.6;}
.column .content .left ol{list-style:decimal; margin:20px 10px; background:#fff; padding:20px 20px 20px 50px; line-height:1.6;}
.column .content .left li + li{margin-top:.4em;}
.column .content blockquote{position:relative; padding:15px 20px 15px 60px; margin:20px 0 30px; font-style:italic; background:var(--paper-2); color:var(--charcoal);}
.column .content blockquote:before{position:absolute; top:10px; left:18px; content:"\201C"; font-family:var(--serif-en); color:var(--gold); font-size:48px; line-height:1;}
.column .content blockquote p{padding:0; margin:7px 0; line-height:1.7;}
.column .content blockquote a{display:block; text-align:right; font-size:.9em; margin:0 !important;}

.column .content #ez-toc-container{width:90%; margin:30px 5%; padding:20px 30px; border:solid 1px var(--line); background:#fff; box-shadow:none;}
.column .content #ez-toc-container .ez-toc-title{margin:0 0 20px; font-weight:600;}
.column .content #ez-toc-container ul{background:transparent; margin:0; padding:0 0 0 1.2em;}
.column .content #ez-toc-container a{margin:0 0 10px; padding:0; border:none; color:var(--ink); text-decoration:none;}
.column .content #ez-toc-container a:hover{color:var(--gold); text-decoration:underline;}
.column .content .yarpp h3{background:none; padding:0; border:none; margin:40px 0 20px;}
.column .content .yarpp .yarpp-thumbnails-horizontal{display:flex; flex-wrap:wrap;}
.column .content .yarpp a{width:50% !important; height:auto !important; display:flex; border:none; margin:0 0 20px; text-decoration:none;}
.column .content .yarpp a img{width:40% !important; height:90px !important; object-fit:cover; margin:0 15px 0 0;}
.column .content .yarpp a .yarpp-thumbnail-title{width:60% !important; font-weight:normal; margin:0 15px 0 0; color:var(--ink);}
.column .content .yarpp a .yarpp-thumbnail-title:hover{color:var(--gold) !important; text-decoration:underline;}

.supervisor{border:1px solid var(--line); background:#fff; padding:20px; margin:50px 0 30px;}
.supervisor .supervisor-title{text-align:center; margin:0 0 20px !important; padding:15px; font-weight:500;}
.supervisor .supervisor-profile .txt1{margin:0 0 10px !important; font-weight:600;}
.supervisor .supervisor-profile .txt2{margin:0 0 20px !important; font-weight:400;}
.supervisor .d1{margin:0 0 20px;}
.supervisor .d1 .txt1{font-weight:600; margin:0 !important;}
.supervisor .d1 .txt2{font-weight:400; margin:0 0 10px !important;}
.supervisor .d1 .txt2:last-child{margin:0 !important;}
.supervisor .supervisor_bottom .txt1{font-weight:600; margin:0 !important;}
.supervisor .supervisor_bottom .txt2{margin:0 !important;}
.supervisor .supervisor-profile-img{display:flex;}
.supervisor .supervisor-img img{width:100%;}
.supervisor .supervisor-img{width:30%; text-align:center;}
.supervisor .supervisor-content{margin:0 0 0 30px !important; width:100% !important;}

.column .lkc-card{margin:10px 10px 15px;}
.column .lkc-date,.column .lkc-url{margin:3px 0; padding-left:0;}
.column .lkc-content{height:auto;}
.column .lkc-external-wrap,.column .lkc-internal-wrap,.column .lkc-this-wrap{max-width:none; width:100%; border:var(--line) solid 1px; box-shadow:none; background-color:#fff; border-radius:0;}
.linkcard{margin-left:0 !important; margin-right:0 !important;}

.column .yarpp-thumbnail > img,.column .yarpp-thumbnail-default{width:auto; height:auto; margin:0;}
.column .yarpp-thumbnail-default > img{min-height:auto; min-width:auto; width:100%;}
.column .yarpp-thumbnail .yarpp-thumbnail-default,.column .yarpp-thumbnail > picture{flex:1;}


@media screen and (max-width:1100px){
	.column .column_container{width:980px;}
	.column .column_container .left{width:610px;}
	.column .breadcrumbs{width:980px;}
	.column .u-fv h1,.column .u-fv p{width:980px;}
}

@media screen and (max-width:980px){
	.column .breadcrumbs{width:100%; overflow-x:auto; white-space:nowrap; padding:10px 16px;}
	.column .column_container{width:100%; margin:0 auto; display:block; padding:30px 0;}
	.column .u-fv h1,.column .u-fv p{width:100%; font-size:24px; padding:28px 16px 32px;}
	.column .column_container .left{width:100%; margin:0; padding:0 16px;}
	.column .column_container .right{width:100%; padding:0 16px; margin-top:40px;}
	.column .column_container .right .sidebar-wrapper .rpwe-li a:has(img){min-width:110px;}
	.column .column_container .right .sidebar-wrapper .rpwe-li a img{width:100%; max-width:180px; height:90px;}
	.column .content .data{display:block; margin:0 0 20px;}
	.column .content .data .category a{margin:0 10px 5px 0;}
	.column .content .data .time{margin:10px 0 0;}
	.column .content .left h1{font-size:23px;}
	.column .content .left h2{font-size:19px; margin:50px 0 20px;}
	.column .content .left h3{font-size:17px;}
	.column .content .left .thumbnail img{height:auto !important;}
	.column .content .left ul,.column .content .left ol{margin:20px 0; padding:15px 15px 15px 35px;}
	.column .content #ez-toc-container{width:100%; margin:30px 0; padding:20px;}
	.column .content .yarpp{margin:20px 0 50px;}
	.column .content .yarpp .yarpp-thumbnails-horizontal{display:block;}
	.column .content .yarpp a{width:100% !important; margin:0 0 20px;}
	.column .content .yarpp a img{width:35% !important; height:72px !important;}
	.column .content .yarpp a .yarpp-thumbnail-title{width:65% !important; margin:0 !important;}
	.column .content .left img{width:100%;}

	.supervisor .supervisor-profile-img{flex-direction:column;}
	.supervisor .supervisor-img{width:90%; margin:0 auto 20px; text-align:center;}
	.supervisor .supervisor-img img{width:50%; margin:0 auto;}
	.supervisor .supervisor-title{margin:0 0 10px !important;}
	.supervisor .supervisor-content{margin:0 auto !important; width:95% !important;}
}

@media screen and (max-width:630px){
	img.lkc-thumbnail-img{height:auto !important;}
}