/*
Theme Name: ekitan_theme
*/

/***************** 全体 *****************/
html,
body,
div.background {
  height: 100%; /* 「div.background」に対してはmin-heightに対応していないブラウザ用 */
}
 
div.background {
  min-height: 100%; /* 最小の高さ */
  width: 300px;
  background: #EFEFEF;
}
 
body > div.background {
  height: auto; /* 要素を超えた分の背景が伸びないブラウザ用 */
}

/* パンくずリスト */
.uk-breadcrumb > :last-child > span, .uk-breadcrumb > :last-child > a:not([href]) {
  color: #333;
}
/* PC表示時、非表示にするスマホ用コンテンツ */
.pc-contents .show-only-sp {
	display: none;
}

/* ------------------------
	Header　打ち消し
------------------------ */
.logo-wrap .logo {
    display: block;
    text-indent: initial;
    margin: 3px 0 0;
    background-image: none;
    background-position: initial;
    width: 125px;
    height: 39px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
.logo-wrap .logo {
    background-image: none;
    background-size: initial;
}

/***************** 管理画面用CSS *****************/
.mb10{
	margin-bottom: 10px;
}
.custom-field-label100{
	width: 100px;display: inline-block;
}
.custom-field-label100-input{
	width: calc(100% - 110px);
}


/***************** TOP *****************/

/* 記事一覧 */
.post-contents-wrap {
	display: flex;
    flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
}
.post-contents {
    list-style: none;
	margin-bottom: 20px;
    width: 100%;
}
.col2 .post-contents {
	width: calc(50% - 10px);
	margin-right: 20px;
}
.col2 .post-contents:nth-child(2n) {
	margin-right: 0;
}
.col3 .post-contents {
	width: calc(100% / 3 - 14px);
	margin-right: 20px;
}
.col3 .post-contents:nth-child(3n) {
	margin-right: 0;
}
.post-contents .post-contents-link,
.post-contents .post-contents-link-wrap {
	display: block;
    color: #333;
    text-decoration: none;
    opacity: 1;
    transition: all 0.2s ease;
}
.post-contents .post-contents-inner {

}
.post-contents .post-contents-inner:first-child {
    /* margin-right: 10px;
    width: 260px;
    height: 130px; */
    margin-bottom: 5px;
}
.post-contents .post-contents-inner:first-child img {
    /* width: 260px;
    height: 130px;
    object-fit: cover; */
}
.post-contents .post-contents-inner:last-child {
    flex: 1;
}
.post-contents .post-label-category {

}
.post-contents .post-title {
	margin: 0 0 7px;
    font-size: 14px;
    line-height: 21px;
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break: break-all;
}
.post-contents .post-text {
    margin: 0 0 5px;
    font-size: 13px;
    line-height: 19.5px;
}
.post-contents-inner .post-date {
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    vertical-align: top;
}
.post-contents-link .post-feed-item ,
.post-contents-inner .post-feed-item {
    margin-top: 8px;
}
.entry-data-wrap .post-date-wrap,
.post-contents-inner .post-feed-item .post-date-wrap,
.post-contents-link .post-feed-item .post-date-wrap {
    margin-left: auto;
    font-size: 12px;
    min-width: 70px;
    text-align: right;
}
/* hover */
.post-contents .post-contents-link-wrap:hover {
    opacity: 0.7;
}
.post-contents .post-contents-link-wrap img:hover {
    opacity: 1;
}
/* 横並び */
.side-by-side .post-contents .post-contents-link-wrap {
	display: flex;
    flex-wrap: wrap;
}
.side-by-side .post-contents .post-contents-inner:first-child {
    margin-right: 10px;
    margin-bottom: 0;
}
/* サムネイルサイズ */
.thumb-335x167 .post-contents img {
    width: 335px;
    height: 167px;
    object-fit: cover;
}
.thumb-260x130 .post-contents img {
    width: 260px;
    height: 130px;
    object-fit: cover;
}
.thumb-220x110 .post-contents img {
    width: 220px;
    height: 110px;
    object-fit: cover;
}
.thumb-155x76 .post-contents img {
    width: 155px;
    height: 76px;
    object-fit: cover;
}
.thumb-90x90 .post-contents img {
    width: 90px;
    height: 90px;
    object-fit: cover;
}
/* archiveページ */
.archive .post-contents{
    border-top: solid 1px #E5E5E5;
    padding-top: 15px;
}
.archive .post-contents:first-child {
    border: 0;
    padding-top: 0;
}
.archive .post-contents .post-title {
    -webkit-line-clamp: 2;
}
/* recommend用 */
.recommend .post-contents .post-title {
    font-weight: normal;
}
/* カテゴリラベル固定 */
.label-fix .post-contents .post-contents-inner:last-child {
    position: relative;
}
.label-fix .post-title + .entry-cat {
    position: absolute;
    bottom: 0;
}
.label-fix .post-contents .post-label-category {
    margin-bottom: 0;
}
/* 記事一覧 end*/


/* サイド */
/* 人気ランキング */
.content_ranking li:last-child {
    margin-bottom: 0;
}
.content_ranking li a {
    position: relative;
    display: block;
    color: #085e9a;
    width: 100%;
}
.content_ranking li a:hover img {
    opacity: 0.8;
}
.content_ranking li a:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    font-size: 14px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    background: #798CB0;
    color: #fff;
    text-align: center;
    z-index: 1;
}
.content_ranking li a:hover:before{
    text-decoration: none;
}
.content_ranking li:nth-child(1) a:before {
    content: "1";
    color: #fff;
    font-weight: bold;
    background: #ECC50C;
}
.content_ranking li:nth-child(2) a:before {
    content: "2";
    color: #fff;
    font-weight: bold;
    background: #999999;
}
.content_ranking li:nth-child(3) a:before {
    content: "3";
    color: #fff;
    font-weight: bold;
    background: #AE7E45;
}
.content_ranking li:nth-child(4) a:before {content: "4";}
.content_ranking li:nth-child(5) a:before {content: "5";}
.content_ranking li:nth-child(6) a:before {content: "6";}
.content_ranking li:nth-child(7) a:before {content: "7";} 
.content_ranking li:nth-child(8) a:before {content: "8";}
.content_ranking li:nth-child(9) a:before {content: "9";} 
.content_ranking li:nth-child(10) a:before {content: "10";} 

.content_ranking .post-thumbnail {
    width: 90px;
}
.content_ranking .post-thumbnail img {
    width: 90px;
    height: 90px;
    object-fit: cover;
}
.content_ranking .post-title {
    color: #1B6BCF;
    font-weight: normal;
    -webkit-line-clamp: 4;
}
/* カテゴリ */
.wp-block-categories {
    box-sizing: border-box;
    padding: 0;
    margin-bottom: 0;
}
.cat-item {
    border-bottom: 1px solid #e5e5e5;
    height: 40px;
    list-style: none;
    display: flex;
    align-items: center;
}
.cat-item:last-child {
    border-bottom: none;
}
/* ------------------------
	ページネーション
------------------------ */
.pagination-warp {
	font-size: 13px;
	margin-bottom: 50px;
}
.contents-wrap .pagination-warp {
	margin: 15px 0 0;
}
.pagination-warp ul {
	margin: 0 0 10px;
	padding: 0;
	display: flex;
	justify-content: center;
}
.pagination-warp ul > * {
	padding-left: 10px;
	list-style: none;
}
.pagination-warp ul .icon-base-15::before {
	margin-left: -16px;
}
.pagination-warp ul li > * {
	padding: 10px;
	line-height: 1;
	text-align: center;

	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-weight: bold;
	color: #1B6BCF;
}
.pagination-warp ul li > .dots {
    padding: 10px;
    line-height: 1;
    text-align: center;
    background: #fff;
    border: none;
    border-radius: 3px;
    font-weight: bold;
    color: #999;
}
.pagination-warp ul li .current {
	background: #E5E5E5;
	color: #999;
}
.pagination-warp ul li .dots {
	background: #fff;
	color: #999;
}
.pagination-warp ul li > *:hover {
	background-color: #d2f0ff;
}
.pagination-warp ul li .current:hover {
	text-decoration: none;
	color: #999;
	background: #E5E5E5;
	cursor: default;
}
.pagination-warp ul li .dots:hover {
	text-decoration: none;
	color: #999;
	background: #fff;
	cursor: default;
}
.pagination-warp ul > * {
	flex: none;
	padding-left: 10px;
	position: relative;
}
.pagination-warp ul > *:first-child {
	padding-left: 0;
}

/* 上へ戻る */
.pagetop-wrap .pagetop-inner .pagetop svg {
  display: none;
}


/* --------------------------
	目次
---------------------------- */
div#ez-toc-container {
    width: 100%;
    background: #F7F7F7;
    border: 1px solid #CCCCCC;
    padding: 10px 20px;
}
.ez-toc-title-container {
    text-align: center;
    position: relative;
    height: 26px;
    display: block;
    padding-right: 40px;
}
#ez-toc-container .ez-toc-toggle label, #ez-toc-container label.cssicon, #ez-toc-widget-container label.cssicon {
    float: inherit;
    left: auto;
    margin: 0 auto;
    width: auto;
    border: 0;
}
#ez-toc-container .ez-toc-toggle label, #ez-toc-container label.cssicon, #ez-toc-widget-container label.cssicon {
    display: none;
}
#ez-toc-container a.ez-toc-toggle {
    position: relative;
    margin: 0;
    padding: 0;
}
#ez-toc-container a.ez-toc-toggle::after {
    position: absolute;
    content: '目次を閉じる';
    width: 100%;
    text-align: center;
    top: 4px;
    color: #1B6BCF;
    font-size: 14px;
    /* transition-timing-function:ease-out;  
    transition-duration:0.4s; */
}
#ez-toc-container.toc_close a.ez-toc-toggle::after {
    content: '目次を見る';    
}
#ez-toc-container a.ez-toc-toggle::before {
    position: absolute;
    content: ''; 
    display: inline-block;
    width: 13px;
    height: 13px;
    border: 3px solid;
    border-color: #1B6BCF #1B6BCF transparent transparent;
    transform: rotate(-45deg);
    top: 12px;
    left: -22px;
}
#ez-toc-container.toc_close a.ez-toc-toggle::before {
    border-color:  transparent transparent #1B6BCF #1B6BCF;
    transform: rotate(-45deg);
    top: 4px;
    left: -22px;
}

div#ez-toc-container .ez-toc-list {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
}
div#ez-toc-container p.ez-toc-title {
    line-height: 2;
    display: none !important;
}
span.ez-toc-title-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
}
div#ez-toc-container ul.ez-toc-list a {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}
div#ez-toc-container ul.ez-toc-list > * > a {
    color: #333 !important;
    font-size: 13px;
    font-weight: bold;
}
.ez-toc-counter nav ul li a::before {
    position: absolute;
    top: 7px;
    left: 5px;
    display: block;
    width: 6px;
    height: 6px;
    content: '' !important;
    border-radius: 100%;
    background: #666;
}
.ez-toc-counter nav .ez-toc-list-level-4 > * > a{
    color: #333 !important;
    font-size: 13px;
    font-weight: normal;
}
.ez-toc-counter nav ul.ez-toc-list-level-4 li a{
    padding-left: 15px;
}
.ez-toc-counter nav ul.ez-toc-list-level-4 li a::before {
    top: 9px;
    left: 5px;
    width: 3px;
    height: 3px;
}
.ez-toc-list-level-5 {
    display: none;
}

/* --------------------------
	ボタン
---------------------------- */
.btn-type.btn-clr01 {
    background-color: #EA526F;
}
.btn-type.btn-clr01:hover {
    background-color: #ff607e;
}  
.btn-type.type02 ,.btn-type.type08 {
    font-size: 14px !important;
}
.btn-type.type08 {
    line-height: 24px !important;
}
.btn-type.type08 .fe:before {
    margin-top: -1px;
}
.btn-type.btn-clr01 .fe:before {
    color: #fff!important;
}

/* ボタンタイプ追加 */
.btn-type.type17 {
	border-radius: 5px;
	font-size: 15px;
	height: 38px;
	line-height: 1;
	text-align: center;
	font-weight: bold;
	display: flex;
	align-items: center;
}
.uk-flex .btn-type.type17 {
	margin: 0 0 0 15px;
}
.btn-type.type17:first-child {
	margin-left: 0;
}
.btn-type.type17 span:first-child {
	margin-left: 0;
    flex: 1;
}
.btn-type.type17 span:last-child {
	width: 20px;
}
/* ボタンカラー追加 */
.btn-type.btn-clr06 {
	background-color: #4CA318;
	color: #fff;
	border: 1px solid #4CA318;
}
.btn-type.btn-clr06:hover {
	opacity: 0.8;
	text-decoration: none;
}
.btn-type.btn-clr07 {
	background-color: #ff8a0d;
	color: #fff;
}
.btn-type.btn-clr07:hover {
	background-color: #fc0;
}
.btn-type.btn-clr08 {
	background-color: #C2EDA9;
	color: #333;
	border: 1px solid #C2EDA9;
}
.btn-type.btn-clr08:hover {
	opacity: 0.8;
	text-decoration: none;
}
.btn-type.btn-clr08 .fe:before {
    color: #4CA318!important;
}
.box-shadow {
    box-shadow: 0 1px 0 #CCCCCC;
}

.btn-type.btn-m {
    min-width: 220px;
    text-align: center;
    font-weight: bold;
    padding: 0 10px 0 20px;
    width: auto;
    height: 38px;
    line-height: 35px !important;
    display: inline-block;
    height: auto;
    line-height: 22px!important;
    padding: 6px 10px;
}
.btn-type.btn-m .text {
    line-height: 35px !important;
}

.btn-type.btn-l {
    min-width: 420px;
    text-align: center;
    font-weight: bold;
    padding: 0 10px 0 20px;
    width: auto;
    height: 38px;
    line-height: 36px !important;
    font-size: 16px;
    display: inline-block;
    height: auto;
    line-height: 22px!important;
    padding: 6px 10px;
}
.btn-type.btn-l .text {
    line-height: 36px !important;
}
.uk-flex .btn-type {
    margin: 0 15px;
}

/* ----------------------------------------------------
	投稿者ページ
------------------------------------------------------ */

/* --------------------------
	カテゴリー、タグ、日付
---------------------------- */
.entry-data-wrap {
    position: relative;
    margin-bottom: 5px;
    display: flex;
    align-items: flex-start;
}
.entry-data-wrap > *:last-child{
    margin-left: auto;
}
.entry-cat-tag-wrap {
    font-size: 0;
}
.entry-cat-tag-wrap > * {
    display: inline-block;
}
.entry-data-sub-wrap {
    display: flex;
    align-items: center;
}
.entry-date {
    margin-left: auto;
    font-size: 12px;
    margin-left: 5px !important;
}
/* 投稿カテゴリ  */
.entry-cat a,.entry-cat span {
	font-size: 12px;
	border-radius: 3px;
	height: 19px;
	line-height: 19px;
	background: #EEEEEE;
	color: #333;
	padding: 0 10px;
	margin-right: 10px;
    margin-bottom: 5px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.entry-cat a:last-child ,.entry-cat span:last-child  {
	margin-left: 0;
}
.entry-tag a , .entry-tag span {
    position: relative;
    font-size: 12px;
	border-radius: 3px;
	height: 19px;
	line-height: 18px;
	background: #fff;
    border: solid 1px #CCCCCC;
	color: #333;
	padding: 0 6px 0 20px;
	margin-right: 10px;
    margin-bottom: 5px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.entry-tag a::before ,.entry-tag span::before {
    content: "";
    position: absolute;
    display: inline-block;
    background-image: url("../../img/common/icon-tag.svg");
    width: 12px;
    height: 12px;
    top: 50%;
    left: 5px;
    margin-top: -5px;
}
.entry-tag a:last-child , .entry-tag span:last-child  {
	margin-right: 0;
}

.post-title + .entry-cat {
    margin-top: 5px;
}

.post-label-list {
    margin: 0 0 10px;
    padding: 0;
}

.post-label-list li {
    list-style: none;
    display: inline-block;
    margin-left: 10px;
}
.post-label-list li:first-child {
    margin-left: 0;
}
.post-label-list a , .post-label-list span {
    background: linear-gradient(transparent 60%, #FCEA86 50%);
    padding: 0 2px;
    font-size: 12px;
}

.post-pr-list {
    margin: 0;
    padding: 0;
}
.post-pr-list li {
    list-style: none;
    display: inline-block;
    margin-left: 10px;
    padding: 2px 5px;
    border: #333 solid 1px;
    line-height: 1;
}
.post-pr-list li:first-child {
    margin-left: 0;
}

/* --------------------------
	[.blog-content]投稿記事内
---------------------------- */
.sp_none{display: block;}
.pc_none{display: none;}

.justify-content-b {justify-content: space-between!important;}

.blog-content p {
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 28px;
}
.blog-content .text-box-border01  p {
    margin-bottom: 0;
}

/* 見出し */
.blog-content .h3-style ,
.blog-content .h4-style ,
.blog-content .h5-style ,
.blog-content .table-style01 {
	margin-bottom: 10px;
}
.blog-content h3 {
	margin: 2.4em 0 10px;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #e5e5e5;
	font-size: 15px;
	font-weight: bold;
	display: flex;
}
.blog-content h3:before {
	content: "";
	border-left: 4px solid #2073db;
	padding-right: 10px;
}
.blog-content h3:first-child,
.blog-content h3 + h3  {
    margin: 1em 0 10px;
}
.blog-content h4 {
	border-bottom: 1px solid #e5e5e5;
	font-weight: bold;
	padding-bottom: 6px;
	font-size: 14px;
	/* margin: 0 0 10px; */
	margin: 2.4em 0 10px;
}
.blog-content h5 {
	font-weight: bold;
	font-size: 13px;
	margin: 0 0 10px;
}

/* マーカー */
.marker-yellow {background: linear-gradient(transparent 60%,#FCF686 60%);}
.marker-red {background: linear-gradient(transparent 60%,#FFDDDD 60%);}
.marker-blue {background: linear-gradient(transparent 60%,#EAF6FE 60%);}
.marker-green {background: linear-gradient(transparent 60%,#d4ffd7 60%);}

/* テキストカラー */
.text-red {color: #CB0027;}

/* リスト */
.blog-content ul.link-item-list > *:first-child {

}

/* テーブル */
.table-style01 {
    margin-bottom: 20px !important;
}
.uk-table.table-01 th,
.table-style01 th {
    background-color: #EEF0EC;
    font-weight: bold;
    font-size: 14px;
}
.table-style01 th {
    text-align: center;
}

/* th幅指定 */
.uk-table.table-01.th5 th {width: 5%;}
.uk-table.table-01.th10 th {width: 10%;}
.uk-table.table-01.th15 th {width: 15%;}
.uk-table.table-01.th20 th {width: 20%;}
.uk-table.table-01.th25 th {width: 25%;}
.uk-table.table-01.th30 th {width: 30%;}
.uk-table.table-01.th35 th {width: 35%;}
.uk-table.table-01.th40 th {width: 40%;}
.uk-table.table-01.th45 th {width: 45%;}
.uk-table.table-01.th50 th {width: 50%;}


.uk-table.table-01 tr:first-child th {
    width: auto;
}
.uk-table.table-01.th5  tr:first-child th:first-child {width: 5%;}
.uk-table.table-01.th10 tr:first-child th:first-child {width: 10%;}
.uk-table.table-01.th15 tr:first-child th:first-child {width: 15%;}
.uk-table.table-01.th20 tr:first-child th:first-child {width: 20%;}
.uk-table.table-01.th25 tr:first-child th:first-child {width: 25%;}
.uk-table.table-01.th30 tr:first-child th:first-child {width: 30%;}
.uk-table.table-01.th35 tr:first-child th:first-child {width: 35%;}
.uk-table.table-01.th40 tr:first-child th:first-child {width: 40%;}
.uk-table.table-01.th45 tr:first-child th:first-child {width: 45%;}
.uk-table.table-01.th50 tr:first-child th:first-child {width: 50%;}



.uk-table th, .uk-table td,
.table-style01 th, .table-style01 td  {
    padding: 10px 15px;
}
.uk-table tr:nth-child(even) td,
.table-style01 tr:nth-child(even) td {
    background-color: #F7F7F7;
}

.scroll-overflow{
    overflow: hidden;
}
.scroll-overflow-table{
    width: auto;
    max-width: 100%;
    display: block;
    /* overflow: scroll; */
    /* overflow-x: scroll; */
    overflow-x: auto;
}
.scroll-overflow .table-style01 tr th:first-child {
    width: 100px;

}
/* テーブル<td>の横幅を均一にする (<table>全体の横幅を広げたい場合は<table>にstyleで任意のwidthを指定) */
.table-style01.width-split {
	table-layout: fixed;
}
.scroll-overflow .table-style01.width-split tr th:first-child {
    width: auto;
}

.uk-slider {
    position: relative;
}

.uk-slider-items .post-contents {
	width: 33% !important;
    margin-right: 10px;
}

/* 囲い込み */
.text-box-border02 {
    border-radius: 6px;
    border: 1px solid #CCCCCC;
    padding: 25px 20px 15px;
    margin: 20px 0;
    position: relative;
}

.frame-outside-ttl {
    font-size: 14px;
    line-height: 21px;
    font-weight: bold;
    background-color: #fff;
    display: inline-block;
    position: absolute;
    top: -13px;
    left: 20px;
    padding: 2px 5px;
}

.text-box-border02 .label-box-content p {
    line-height: 19.5px;
}

.text-box-border02 .label-box-content p + ul {
    margin: 0;
}

.text-box-border02 .label-box-content .circle > li {
    margin-bottom: 10px;
}

.text-box-border02 .label-box-content ul + .kome {
    margin: 5px 0 0;
    font-size: 12px;
}

/* dt幅指定 */
.dt-list01.em6 dt {width: 6em;padding-right:1em;}
.dt-list01.em7 dt {width: 7em;padding-right:1em;}
.dt-list01.em8 dt {width: 8em;padding-right:1em;}
.dt-list01.em9 dt {width: 9em;padding-right:1em;}
.dt-list01.em10 dt {width: 10em;padding-right:1em;}
.dt-list01.em11 dt {width: 11em;padding-right:1em;}
.dt-list01.em12 dt {width: 12em;padding-right:1em;}
.dt-list01.em13 dt {width: 13em;padding-right:1em;}
.dt-list01.em14 dt {width: 14em;padding-right:1em;}
.dt-list01.em15 dt {width: 15em;padding-right:1em;}
.dt-list01.em16 dt {width: 16em;padding-right:1em;}
.dt-list01.em17 dt {width: 17em;padding-right:1em;}
.dt-list01.em18 dt {width: 18em;padding-right:1em;}
.dt-list01.em19 dt {width: 19em;padding-right:1em;}
.dt-list01.em20 dt {width: 20em;padding-right:1em;}

.dt-list01.em6 dd {width: auto;}
.dt-list01.em7 dd {width: auto;}
.dt-list01.em8 dd {width: auto;}
.dt-list01.em9 dd {width: auto;}
.dt-list01.em10 dd {width: auto;}
.dt-list01.em11 dd {width: auto;}
.dt-list01.em12 dd {width: auto;}
.dt-list01.em13 dd {width: auto;}
.dt-list01.em14 dd {width: auto;}
.dt-list01.em15 dd {width: auto;}
.dt-list01.em16 dd {width: auto;}
.dt-list01.em17 dd {width: auto;}
.dt-list01.em18 dd {width: auto;}
.dt-list01.em19 dd {width: auto;}
.dt-list01.em20 dd {width: auto;}

/* コメント */
.comment-lead-box  {
    margin-bottom: 28px;
}
.comment-person-img {
    margin-right: 15px;   
}
.comment-person-img img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 50px;
}    
.comment-detail .attribute {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0;
    line-height: 21px;
}
.comment-detail .description {
    font-size: 12px;
    margin-bottom: 0;
}
.comment-lead-box .comment-lead {
    position: relative;
    background-color: #F7F7F7;
    border-radius: 6px;
    padding: 20px;
    margin-top: 20px;
}
.comment-lead-box .comment-lead::before{
    content: "";
    position: absolute;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 20px 15px;
    border-color: transparent transparent #F7F7F7 transparent;
    top: -16px;
    left: 20px;
}
.comment-lead-box .comment-lead p {
    margin: 0;
    font-size: 14px;
    line-height: 21px;
}
.blog-content img {
    margin-top: 10px;
}
p img {
    margin-bottom: 20px;
}
p.img-lead {
    margin: -30px 0 28px;
    font-size: 12px;
    line-height: 20px;
}
p.img-lead.small {
    text-align: center;
    background-color: #F7F7F7;
    padding: 5px;
}
blockquote {
    position: relative;
    color: #333;
    background-color: #F7F7F7;
    padding: 40px 60px;
    border-radius: 10px;
}
blockquote::before {
    content: "";
    position: absolute;
    display: inline-block;
    background-image: url("../../img/common/blockquote_before.svg");
    width: 30px;
    height: 30px;
    top: 10px;
    left: 10px;
}
blockquote::after {
    content: "";
    position: absolute;
    display: inline-block;
    background-image: url("../../img/common/blockquote_after.svg");
    width: 30px;
    height: 30px;
    bottom: 10px;
    right: 10px;
}
blockquote p {
    font-size: 14px;
    line-height: 28px;
}

.blockquote-link {
    font-size: 12px !important;
    text-align: right;
    margin: 0 !important;
    line-height: 1 !important;
}
/* --------------------------
	投稿書
---------------------------- */
.user-author-wrap .user-author-box{
    background-color: #F7F7F7;
    border-radius: 6px;
    padding: 20px 30px;
    margin-bottom: 20px;
}
.user-author-wrap .user-img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    margin-right: 20px;
}
.user-author-wrap .user-img img {
    border-radius: 50px;
    margin-top: 0;
    width: 100%;
    height: 100%;
}
.user-author-wrap .user-lead {
    flex: 1;
}
p.user-author {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
}
p.user-description {
    margin-bottom: 0;
}

/* --------------------------
	ブログカード
---------------------------- */
.blogcard {
    margin-bottom: 25px;
}
.blogcard:last-child {
    margin-bottom: 56px;
}
.blogcard a {
    position: relative;
    background-color: #F7F7F7;
    border: solid 1px #ccc;
    border-radius: 6px;
    padding: 17px 15px;

    display: flex;
    align-items: top;

    text-decoration: none;
    opacity: 1;
    transition: all 0.2s ease;

    color: #333;
}
.blogcard a:hover {
    opacity: 0.6;
}
.blogcard_thumbnail {
    width: 120px;
    height: 120px;
    margin-right: 10px;
}
.blogcard_thumbnail img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    margin-top: 0;
}
.blogcard_title {
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 10px;
}
.blogcard_content {
    width: 80%;
}
.blogcard_excerpt {
    font-size: 14px;
    line-height: 21px;
}

/* サイドバー 記事LPcouponカテゴリ用の相互リンク */
.contents-box.col2 > .contents-box-inner img {
	width: 70px;
	height: 70px;
	object-fit: cover;
}


/* 20231025更新 ----------------------------------- */
/* 汎用　テーブル */
.uk-table.table-01 th, .uk-table.table-01 td {
    padding: 10px 10px;
}

/* 目次 */
div#ez-toc-container {
    background: #FFFEF0 !important;
}
div#ez-toc-container ul.ez-toc-list > * > a ,
.ez-toc-counter nav .ez-toc-list-level-4 > * > a {
  color: #1B6BCF !important;
}
.ez-toc-title-container {
    text-align: left;
    padding: 0 0 0 20px;
}
span.ez-toc-title-toggle {
    justify-content: left;
}
#ez-toc-container .ez-toc-js-icon-con {
    display: none!important;
}
#ez-toc-container a.ez-toc-toggle {
    pointer-events: none;
}
#ez-toc-container a.ez-toc-toggle::before {
    background-image: url("../../img/common/icon-index.svg");
    background-size: 19px auto;
    width: 19px;
    height: 19px;
    display: block;
    border:0;
    border-color: none;
    transform: rotate(0deg);
    top: 6px;
    left: -22px;
}
#ez-toc-container.toc_close a.ez-toc-toggle::before {
    transform: rotate(0deg);
}
#ez-toc-container a.ez-toc-toggle::after {
    content: '目次';
    color: #666666;
    font-size: 15px;
    font-weight: bold;
}
#ez-toc-container.toc_close a.ez-toc-toggle::after {
    content: 'この記事の目次';
}

/* テーブルカラー */
.uk-table.table-color-01 th,
.table-color-01 th {
    background: #FFFEF0;
}
.uk-table.table-color-01 tr:first-child th,
.table-color-01 tr:first-child th  {
    background: #EEF0EC;
}
.uk-table.table-color-01 tr:first-child th,
.table-color-01 tr:first-child th ,
.uk-table.table-color-01 tr:first-child td,
.table-color-01 tr:first-child td {
    background: #EEF0EC;
}
.uk-table.table-color-01 tr:first-child th + th,
.table-01.type02 tbody tr:first-child th + th   {
    width: auto !important;
}
.uk-table.table-color-01 tr:nth-child(even) td, .table-style01.table-color-01 tr:nth-child(even) td {
    background-color: unset;
}
/* テーブルカラー ヘッダー無し */
.uk-table.table-color-01.no-thead tr:first-child th {
    background: #FFFEF0;
}
.uk-table.table-color-01.no-thead tr:first-child td {
    background: none;
}

/* table:caption */
.uk-table caption, table caption {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: left;

}
/* 吹き出し */
.balloon {
    position: relative;
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 10px;
    margin-left: 18px;
    display: inline-block;
    line-height: 1;
}
.balloon::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 8px 4px 0;
    border-color: transparent #ccc transparent transparent;
    left: -7px;
    top: 50%;
    margin-top: -4px;
}
.balloon-red {
    background: #CB0027;
    color: #fff;
}
.balloon-red:before {
    border-color: transparent #CB0027 transparent transparent;
}

/* アクセス・地図 */
.axess-map-wrap {
    display: flex;
}
.axess-map-wrap.col1 {
    display: block;
}
.axess-map-list {
    width: 335px;
}
.axess-map-iframe {
    flex: 1;
    padding-left: 20px;
}
.axess-map-wrap.col1 .axess-map-iframe {
    padding-left: 0;
}
.axess-map-iframe iframe {
    width: 335px;
    height: 200px 
}
.axess-map-wrap.col1 .axess-map-iframe iframe {
    width: 100%;
    height: 470px;
}

/* サイド */
.contents-wrap.member-pass {
    padding: 10px !important;
    text-align: center;
}
/* メンバーPASSボタン：初心者ガイド */
.member-pass-beginner-guide-wrap {
    padding: 0 !important;
}
.member-pass-beginner-guide-wrap a {
    position: relative;
    display: block;
    color: #333;
    font-size: 13px;
    padding: 10px;
    background: #C2EDA9;
    margin: 0;
}
.member-pass-beginner-guide-wrap a:hover {
    opacity: 0.8;
    text-decoration: none;
}
.member-pass-beginner-guide-wrap a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    background-image: url("../../img/common/icon-beginner-guide.svg");
    background-size: 60px auto;
    width: 60px;
    height: 60px;
    display: block;
    margin-top: -30px;
}

.member-pass-beginner-guide-wrap a strong,
.member-pass-beginner-guide-wrap a small {
    padding-left: 70px;
    display: block;
}

.member-pass-beginner-guide-wrap a strong span {
    font-size: 18px;
    display: block;
}
.member-pass-beginner-guide-wrap a small {
    font-size: 12px;
}

.member-pass-beginner-guide-wrap a .fe {
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    margin-top: -5px;
}

.member-pass-beginner-guide-wrap a .fe-arrow-right:before {
    color: #4CA318;
}


/* SNS */
.post-contents-wrap.editor li {
	position: relative;
	padding: 0 0 10px;
	border-color: #E5E5E5;
}
.sns-link-list {
	padding: 0 0 0 0;
	margin: 0
}
.sns-link-list li {
	list-style-type: none;
	display: inline-block;
	font-size: 0;
}
.editor .post-contents-detail-wrap .sns-link-list {
	position: absolute;
	bottom: 10px;
	right: 0;
}


/* 監修者一覧 */
.editor-list .sns-link-list {
	display: flex;
	align-items: flex-end;
	justify-content: end;
	margin: 0 -5px 13px 10px;
	min-width: 110px;
}
.editor-list .picks-label {
	margin-bottom: 6px !important;
}

/* 監修者　詳細 */
.editor-detail-wrap .post-contents-detail{
	margin-bottom: 20px;
}
.editor-detail-wrap .post-contents-img img  {
	width: 120px;
	height: 120px;
}
.editor-detail-wrap h3.name {
	font-size: 16px;
	margin-bottom: 2px;
}
.editor-detail-lead p {
	font-size: 14px;
	margin-bottom: 10px;
}
.editor-detail-lead p:last-child {
	margin-bottom: 0;
}
.editor-detail-lead {
	margin-bottom: 10px;
}
.editor-detail-lead + .link-item-list-wrap {
	margin-top: 20px;
}
.editor-detail-lead + .sns-link-list {
	margin-top: 10px;	
}
.editor-detail-wrap .archives-block.side-by-side .link-item-list > li {
	margin-bottom: 12px;
}
.editor-detail-wrap .link-item-list li {
	margin-bottom: 10px;
}
.editor-detail-wrap .link-item-list li > a {
	border: 0;
	height: auto;
	font-size: 14px;
}
.editor-detail-wrap .link-item-list li > a:hover,
.editor-detail-wrap .link-item-list li > a:focus {
	text-decoration: underline;
}

.editor-detail-wrap .svg-icon.blank svg {
	width: 20px;
	height: 20px;
}
.link-item-list-editor > li > a {
	height: auto;
	min-height: 35px;
	padding: 5px 0;
}


.pick-up-list-box-wrap {
    background: #FFFEF0;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 15px 20px;
    margin: 20px 0;
 }
.pick-up-list-box-wrap .ttl {
    font-size: 15px;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
.pick-up-list-box-wrap ul.list-mb10,
.pick-up-list-box-wrap ol.list-mb10 {
    padding-left: 25px;
    color: #666;
}

.pick-up-list-box-wrap ul.list-mb10 li,
.pick-up-list-box-wrap ol.list-mb10 li {
    margin: 2px 0 10px;
}

.pick-up-list-box-wrap ul.list-mb10 li::marker,
.pick-up-list-box-wrap ol.list-mb10 li::marker {
    color: #666;
    font-size: 19px;
}

.pick-up-list-box-wrap ul.list-mb10 li span,
.pick-up-list-box-wrap ol.list-mb10 li span{
    margin: -2px 0 0 -5px;
    display: inline-block;
    vertical-align: top;
}

.pick-up-list-box-wrap *:last-child ,
.pick-up-list-box-wrap *:last-child > li:last-child {
    margin-bottom: 0;
}


.point-list-box-wrap {
    border-radius: 3px;
    margin: 20px 0;
}
.point-list-box-wrap.point-blue {
    background: #EAF6FE;
}
.point-list-box-wrap.point-red {
    background: #FDEDEC;
}

.point-list-box-wrap .ttl {
    font-size: 15px;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding: 10px;
    border-radius: 3px 3px 0 0;
}
.point-list-box-wrap.point-blue .ttl {
    background: #7FB3CB;   
}
.point-list-box-wrap.point-red .ttl {
    background: #E49093;
}

.point-list-box-wrap .main {
    padding: 15px 10px;
}

.point-list-box-wrap *:last-child ,
.point-list-box-wrap *:last-child > li:last-child {
    margin-bottom: 0;
}
/* ブランドボックス(レクタングルimg+コンテンツ) */
.brand-contents-box {
    display: flex;
    margin: 20px 0;
}
.brand-contents-box-inner {
    margin-right: 20px;
}
.brand-contents-box-inner:last-child {
    flex: 1;
    margin-right: 0;
}
.blog-content .brand-contents-box img {
    margin-top: 0;
}
/* タイル型リスト */
.grid-panel-contents {
    margin-bottom: 15px;
}
.grid-panel-contents ul {
    width: 100%;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}
.grid-panel-contents li {
    width: calc(100% / 4 - 5px);
    background: #dedede;
    color: #999;
    text-align: center;
    list-style: none;
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: bold;
}
.grid-panel-contents li:nth-child(4n) {
    margin-left: 0;
}
.grid-panel-contents li.active {
    /* background: #68a9ed; */
    /* background: #5e9fe4; */
    background: #659eda;
    color: #fff;
}
/* 横並びボックス */
.grid-block-contents-wrap {
    width: 100%;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}
.grid-block-contents {
    min-height: 50px;
    margin-bottom: 20px;
    margin-right: 20px;
    line-height: 28px;
    display: flex;
    flex-direction: column;
}
.col-2 .grid-block-contents {
    width: calc(100% / 2 - 10px);
}
.col-2 .grid-block-contents:nth-child(2n) {
    margin-right: 0;
}
.col-3 .grid-block-contents {
    width: calc(100% / 3 - 14px);
}
.col-3 .grid-block-contents:nth-child(3n) {
    margin-right: 0;
}
.color-gray .grid-block-contents-inner {
    background: #f5f5f5;
    border: 1px solid #dddddd;
    padding: 5px 10px;
    flex-grow: 1;
}
.grid-block-contents p {
    margin-bottom: 0;
}
.grid-block-contents hr {
    margin: 5px 0;
    border-top: 1px solid #dddddd;
}
.grid-block-contents .kome {
    margin: 0;
}