@charset "utf-8";


/* wp-common
----------------------------------------------- */
img, video, object,iframe {max-width: 100%;height: auto;}
.breadcrumb-items {line-height: 1.6;}


/* font
----------------------------------------------- */
.font_jp{
    /* font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", serif;
    font-weight: 600; */
}
.font_en,.font_number,.wp-pagenavi{
    font-family: "garamond-premier-pro-display";
    font-weight: 300;
    letter-spacing: 0.2vw;
}

/* color-common
----------------------------------------------- */
:root {
--colorcat: #16396b;/* color: var(--colorcat); */
--colortime: #a88c51;/* color: var(--colortime); */
--colorpagenavi: #16396b;/* color: var(--colorpagenavi); */
--colornaviparts: #16396b;/* color: var(--colornaviparts); */
--colorlink: #a88c51;/* color: var(--colorlink); */
}


/* archives
--------------------------------------------- */
.wp_posts{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: flex-start;-webkit-justify-content: flex-start;align-items: flex-start;-webkit-align-items: flex-start;flex-wrap: wrap;-webkit-flex-wrap: wrap;gap: 10vw 4vw;margin: 0 0 10vw;}
.wp_post{width:-webkit-calc((100% - 4vw) / 2);width:calc((100% - 4vw) / 2);}
.wp_post_thum{position:relative;margin-bottom:4vw;overflow:hidden;padding-top:56.25%;}
.wp_post_thum > img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:1px solid #eee;}

.wp_post_details .wp_post_date{margin: 2.6vw 0;line-height: 1;color: var(--colortime);}
.wp_post_details .wp_post_cats{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;gap: 5px;margin: 2.6vw 0;}
.wp_post_details .wp_post_cats a{padding: 5px 6px 4px;color: var(--colorcat);border: 1px solid var(--colorcat);font-size: 80%;line-height: 1;}
.wp_post_details .wp_post_ttl{font-feature-settings: "palt";overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin: 2.6vw 0;text-align: left;}
.wp_post_details .wp_post_ttl .wp_post_ttl_link{line-height: 1.6;}

.wp_article .wp-pagenavi {text-align: center;}
.wp_article .wp-pagenavi a,.wp_article .wp-pagenavi span {width: 50px;height: 50px;line-height: 50px;color: #fff;background: var(--colorpagenavi);border: 1px solid var(--colorpagenavi);margin: 2px;display: inline-block;font-size: 80%;font-weight: 600;padding: 0 0;text-align: center;}
.wp_article .wp-pagenavi span.pages {width: 120px;margin: 0 auto 4px;display: block;}
.wp_article .wp-pagenavi a:hover{background: #fff;color: var(--colorpagenavi);opacity:1;border-color: var(--colorpagenavi);}
.wp_article .wp-pagenavi span.current{background:#fff;border-color: var(--colorpagenavi);color: var(--colorpagenavi);}


/* single
--------------------------------------------- */
.wp_article_content{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.single_contents{width: 100%;overflow-x: hidden;}

.wp_single .single_ttl{font-size:140%;line-height: 1.5;margin: 2.6vw 0;}
.wp_single .wp_post_cats a{font-size: 80%;}

.single_content_texts{margin:12vw 0;}
.single_content_texts p,
.single_content_texts img,
.single_content_texts ul,
.single_content_texts ol,
.single_content_texts figure,
.single_content_texts a,
.single_content_texts h1,
.single_content_texts h2,
.single_content_texts h3,
.single_content_texts h4,
.single_content_texts h5,
.single_content_texts h6,
.single_content_texts blockquote,
.single_content_texts .wp-caption{margin-bottom: 4vw;line-height: 1.8;}
.single_content_texts h2{font-size: 130%;}
.single_content_texts h3{font-size: 120%;}
.single_content_texts ul li{list-style:disc;margin-left: 5vw;margin-bottom: 10px;}
.single_content_texts ul li:last-child{margin-bottom: 0;}
.single_content_texts ul li ul,.single_content_texts ul li ol{margin: 10px 0;}
.single_content_texts ol li{list-style: decimal;margin-left: 6vw;margin-bottom: 10px;}
.single_content_texts ol li:last-child{margin-bottom: 0;}
.single_content_texts ol li ol,.single_content_texts ol li ul{margin: 10px 0;}
.single_content_texts li{line-height:1.6;}
.single_content_texts li{line-height:1.6;}
.single_content_texts a{text-decoration: underline;color: var(--colorlink);font-weight: 600;display: inline-block;margin-bottom: 0;}
.single_content_texts .broken_link,.single_content_texts a.broken_link{text-decoration: underline;}
.single_content_texts em{font-style: italic;}
.single_content_texts blockquote{position:relative;font-style:italic;padding:10vw 4vw;background:#fafafa;max-width:max-content;line-height: 1.8;}
.single_content_texts blockquote:before,.single_content_texts blockquote:after{font-size:10vw;line-height:0;position:absolute;color:var(--colortime);}
.single_content_texts blockquote:before{content:"\201C";top:8vw;left:3vw;}
.single_content_texts blockquote:after{content:"\201D";bottom:2vw;right:5vw;}
.single_content_texts blockquote p:last-child,.single_content_texts blockquote p:last-child a{margin-bottom:0;}
.single_content_texts blockquote a{width: max-content;margin-left: auto;display: block;}
.single_content_texts .wp-caption{max-width: 100%;width: auto !important;}
.single_content_texts .wp-caption img {max-width: 100%;height: auto;margin-bottom: 6px;}
.single_content_texts iframe{width: max-content;margin-bottom: 4vw;}
.single_content_texts table,.single_content_texts table caption,.single_content_texts table tbody,.single_content_texts table tfoot,.single_content_texts table thead,.single_content_texts table tr,.single_content_texts table th,.single_content_texts table td{border: initial;padding: 15px;line-height: 1.5;border: solid 1px #ccc;}
.single_content_texts table{margin-bottom: 4vw;}
.single_content_texts table p{margin-bottom: 0;}
.single_content_texts table {border-top:#dedede solid 1px;border-left:#dedede solid 1px;width:100%;margin-bottom: 4vw;overflow-x: scroll;}
.single_content_texts table tr th,
.single_content_texts table tr td { padding:10px; border-bottom:#dedede solid 1px; border-right:#dedede solid 1px; vertical-align:top;}
.single_content_texts table tr th {background: #f3f3f3;vertical-align: middle;text-align:center;}
.single_content_texts table tr td{max-width: 200px;}

.wp_single .addtoany_content {clear: both;margin: 50px auto 0;padding: 4vw 0;text-align: center;background: #fafafa;border: 1px solid #eee;position: relative;}
.wp_single .addtoany_content a{line-height: 1;}
.wp_single .addtoany_content:before{content: 'この記事をシェアする';text-align: center;margin: 0 0 16px;display: block;}

.pre_next_btns{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: space-between;-webkit-justify-content: space-between;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin: 15vw 0;gap: 8px 0;}
.pre_next_btns .onBtn{width: 49%;position: relative;}
.pre_next_btns .onBtn a{text-decoration: none;font-weight: inherit;color: inherit;border: 1px solid var(--colornaviparts);width: 100%;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;align-items: center;-webkit-align-items: center;margin: 0;padding: 2vw 3vw;min-height: 12vw;}
.pre_next_btns .onBtn a .onBtn_txt{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.pre_next_btns .prevBtn a{border-left: 4.6vw solid var(--colornaviparts);}
.pre_next_btns .nextBtn a{border-right: 4.6vw solid var(--colornaviparts);margin-left: auto;}
.pre_next_btns .nextBtn.onBtn{margin-left: auto;}
.pre_next_btns .prevBtn:after,.pre_next_btns .nextBtn:after{content: "";color: #fff;display: block;width: 1.4vw;height: 1.4vw;position: absolute;z-index: 1;border-bottom: 1px solid;border-right: 1px solid;top: 43.8%;-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}
.pre_next_btns .prevBtn:after{left: 2vw;-webkit-transform: rotate(-225deg);transform:rotate(-225deg);}
.pre_next_btns .nextBtn:after{right: 2vw;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.pre_next_btns .prevBtn:before,.pre_next_btns .nextBtn:before{content: '';color: currentColor;position: absolute;top: -6vw;font-size: 90%;}
.pre_next_btns .prevBtn:before{content: '前の記事へ';left: 0;}
.pre_next_btns .nextBtn:before{content: '次の記事へ';right: 0;}
.pre_next_btns .archiveBtn{width: 100%;text-align: center;}
.pre_next_btns .archiveBtn a{text-align: center;display: block;min-height: auto;padding: 5vw 0;text-decoration: none;font-weight: inherit;color: currentColor;border: 1px solid var(--colornaviparts);width: 100%;line-height: 1;}


/* sidebar
--------------------------------------------- */
.wp_article_sidebar{width: 100%;}
.wp_article_sidebar .sidebar_contents{margin-bottom: 50px;}
.wp_article_sidebar .sidebar_contents:last-child{margin-bottom: 0;}
.wp_article_sidebar .sidebar_ttl{color: #fff;background: var(--colornaviparts);padding: 3vw 4vw;margin-bottom: 0;font-size: 120%;line-height: 1.4;text-transform: uppercase;letter-spacing: 0.6vw;}

.wp_article_sidebar .sidebar_lists li a{border-bottom: 1px solid #ccc;padding: 4vw 2.5vw;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;position: relative;}
.wp_article_sidebar .sidebar_lists li .wp_post_thum{position: relative;margin-bottom: auto;margin: 0 3vw 0 0;width: 20vw;padding-top: calc(20vw * 9 / 16); /* 16:9の比率 */}
.wp_article_sidebar .sidebar_lists li p{margin-bottom: 0;font-feature-settings: "palt";overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;text-align: left;line-height: 1.6;flex: 1;}
.wp_article_sidebar .sidebar_lists li:last-of-type a{border-bottom: none;}

.wp_article_sidebar .sidebar_lists.no_thum a{position: relative;-webkit-justify-content: flex-start;justify-content: flex-start;}
.wp_article_sidebar .sidebar_lists.no_thum a:before{content: "";width: 14px;height: 1px;margin-right: 10px;background: var(--colorcat);display: inline-block;}
.wp_article_sidebar .sidebar_lists.no_thum a p{width: auto;}

.wp_article_sidebar .sidebar_lists .archives_select{position:relative;width: 100%;}
.wp_article_sidebar .sidebar_lists .archives_select select{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:4vw 2.5vw;text-decoration:none;font-weight:inherit;color:inherit;border:1px solid #ccc;margin:4vw auto 0;display:block;width:95%;line-height:1.45;background:#fff;font-size:3.68vw;}
.wp_article_sidebar .sidebar_lists .archives_select:after {content: "";position: absolute;right: 6.5vw;top: 50%;width: 2vw;height: 2vw;border-top: 1px solid currentColor;border-left: 1px solid currentColor;transform: translateY(-50%) rotate(-135deg);}


/* tags_area
--------------------------------------------- */
.tags_area{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap: 2px;padding: 4vw 2.5vw;}
.tags_area a{padding: 8px;font-size: 3.68vw;}
.tags_area a:before{content: '#';display: inline-block;margin-right: 1px;}

/* single_tags
--------------------------------------------- */
.wp_post_details .tags_area{gap: 0;padding: 0;}
.wp_post_details .tags_area a{text-decoration: none;margin: 0;font-size: inherit;color: var(--colorlink);}



/* =============================================
pc-size
================================================*/
@media screen and (min-width: 736px) {


/* wp-common
----------------------------------------------- */


/* font
----------------------------------------------- */
.font_jp{}
.font_en,.font_number,.wp-pagenavi{letter-spacing: 2px;}


/* archives
--------------------------------------------- */
.wp_posts{gap: 50px 20px;margin: 0 0 50px;}
.wp_post{width: -webkit-calc((100% - 60px) / 4);width: calc((100% - 60px) / 4);}

.wp_post_thum{margin-bottom: 14px;}

.wp_post_details .wp_post_date{margin: 10px 0;}
.wp_post_details .wp_post_date:before{margin-right:8px;top:-2px;}
.wp_post_details .wp_post_ttl{line-height:1.6;-webkit-line-clamp:2;margin: 10px 0;}
.wp_post_details .wp_post_cats{margin: 10px 0;}

.wp_article .wp-pagenavi a,.wp_article .wp-pagenavi span {margin: 4px;}




/* single
--------------------------------------------- */
.single_contents{width: 64%;}
.wp_single .single_ttl{margin: 10px 0;}

.single_content_texts{margin: 60px 0;}
.single_content_texts p,
.single_content_texts img,
.single_content_texts ul,
.single_content_texts ol,
.single_content_texts figure,
.single_content_texts a,
.single_content_texts h1,
.single_content_texts h2,
.single_content_texts h3,
.single_content_texts h4,
.single_content_texts h5,
.single_content_texts h6,
.single_content_texts blockquote{margin-bottom: 30px;}
.single_content_texts ul li,.single_content_texts ol li{margin-left: 20px;}
.single_content_texts ul,.single_content_texts ol{}
.single_content_texts ul li ul,.single_content_texts ul li ol{}
.single_content_texts ol li ol,.single_content_texts ol li ul{}
.single_content_texts a{margin-bottom: 0;}
.single_content_texts blockquote{padding:50px 30px;}
.single_content_texts blockquote:before,.single_content_texts blockquote:after{font-size:40px;}
.single_content_texts blockquote:before{top:38px;left:25px;}
.single_content_texts blockquote:after{bottom:14px;right:34px;}
.single_content_texts table{margin-bottom: 30px;}
.single_content_texts iframe{margin-bottom: 30px;}

.wp_single .addtoany_content {padding: 30px 0 26px;}
.addtoany_list.a2a_kit_size_32 a{margin-bottom: 0;}

.pre_next_btns{gap: 15px 0;margin: 50px 0;}
.pre_next_btns .nextBtn:before,.pre_next_btns .prevBtn:before{top: -26px;}
.pre_next_btns .onBtn a{min-height: 64px;padding: 10px;}
.pre_next_btns .prevBtn a {border-left-width: 22px;}
.pre_next_btns .nextBtn a{border-right-width: 22px;}
.pre_next_btns .prevBtn:after, .pre_next_btns .nextBtn:after{width: 8px;height: 8px;}
.pre_next_btns .prevBtn:after{left:10px;}
.pre_next_btns .nextBtn:after{right: 10px;}
.pre_next_btns .archiveBtn a{padding: 26px 0;}


/* sidebar
--------------------------------------------- */
.wp_article_sidebar{width: 32%;}
.wp_article_sidebar .sidebar_ttl{padding: 10px 15px;letter-spacing: 2px;}
.wp_article_sidebar .sidebar_lists li a{padding: 15px 10px;}
.wp_article_sidebar .sidebar_lists li .wp_post_thum{width: 100px;margin: 0 12px 0 0;padding-top: calc(100px* 9 / 16);}
.wp_article_sidebar .sidebar_lists li p{}
.wp_article_sidebar .sidebar_lists.no_thum a p{}

.wp_article_sidebar .sidebar_lists .archives_select select{font-size: 14px;padding: 15px 10px;margin: 15px auto 0;width: 96%;}
.wp_article_sidebar .sidebar_lists .archives_select select:hover{opacity: 0.6;cursor: pointer;}
.wp_article_sidebar .sidebar_lists .archives_select:after {right: 26px;width: 8px;height: 8px;}


/* tags_area
--------------------------------------------- */
.tags_area{padding: 15px 10px;}
.tags_area a{font-size: 14px;}

/* single_tags
--------------------------------------------- */
.wp_post_details .tags_area{-webkit-flex-direction: row;flex-direction: row;-webkit-justify-content:flex-start;justify-content:flex-start;}

}


/* =============================================
tablet-size
================================================*/
@media screen and (min-width:736px) and ( max-width:820px){

/* wp-common
----------------------------------------------- */
.second-text{width: 90%;}


/* archives
--------------------------------------------- */
.wp_posts{gap:10vw 4vw;}
.wp_post{width:-webkit-calc((100% - 8vw) / 3);width:calc((100% - 8vw) / 3);}


/* single
--------------------------------------------- */
.single_contents,.wp_article_sidebar{width: 100%;}

.wp_article_sidebar .sidebar_lists{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.wp_article_sidebar .sidebar_lists li:nth-last-child(-n+2) a{border-bottom:1px solid #ccc}
.wp_article_sidebar .sidebar_lists.no_thum li:nth-last-child(2) a{border-bottom: 1px solid #ccc;}
.wp_article_sidebar .sidebar_lists li:last-of-type a{border-bottom: none;}
.wp_article_sidebar .sidebar_lists li{width: 49%;}
.wp_article_sidebar .sidebar_lists li img{width: 30%;}
.wp_article_sidebar .sidebar_lists li p{}
.wp_article_sidebar .sidebar_lists li .wp_post_thum{width: 12vw;padding-top: calc(12vw* 9 / 16);}
.wp_article_sidebar .sidebar_lists li img{width: 100%;}
.wp_article_sidebar .sidebar_lists.no_thum li,.wp_article_sidebar .sidebar_lists.no_thum p{width: 100%;}
.wp_article_sidebar .sidebar_lists .archives_select select{margin: 2.5vw auto 0;width: 98%;}
.wp_article_sidebar .sidebar_lists .archives_select:after{width: 1vw;height: 1vw;right: 3.5vw;top: 64%;}

.tags_area{-webkit-flex-direction: inherit;flex-direction: inherit;}

}



