@charset "utf-8";

/* default
----------------------------------------------- */
img, video, object,iframe {max-width: 100%;height: auto;}
.blog iframe {max-height: 200px;}

.breadcrumb{overflow-x: scroll;padding: 0;}
.breadcrumb::-webkit-scrollbar {display:none;}

/* font
----------------------------------------------- */
.blog_en{}
.blog_jp{}

/* color
----------------------------------------------- */
:root {
  --mincho: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;

  --colorcat: #b0a88d;
  /* color: var(--colorcat); */
  --colortime: #b08f4d;
  /* color: var(--colortime); */
  --colornaviparts:#5aa6e4;
  /* color: var(--colornaviparts); */
}


/* トップ埋め込み
----------------------------------------------- */
.top-blog {padding: 12vw 0;background: #f3f8ff;}
.top-blog-items {width:  90%;margin: 0 auto 6vw;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap: 5vw 0;}
.top-blog-item {width: 100%;}
.top-blog-item-image-wra{margin-bottom:10px;padding-top:62vw;width:100%;overflow:hidden;position:relative;border:1px solid #ddd;margin:0 auto 3vw;}
.top-blog-item-image{-moz-transition:-moz-transform 0.5s linear;-webkit-transition:-webkit-transform 0.5s linear;-o-transition:-o-transform 0.5s linear;-ms-transition:-ms-transform 0.5s linear;transition:transform 0.5s linear;object-fit:cover;-o-object-fit:cover;position:absolute;top:0%;left:0%;height:100%;width:100%;}
.top-blog-item-text p { font-size: 3.8vw; line-height: 1.4; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.top-blog-item-status {margin-bottom: 10px;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items: center;gap: 10px;}
.top-blog-item-time {color: var(--colorcat);display: block;width: 100%;font-family: trajan-pro-3;font-weight: 500;letter-spacing: 0.06em;}
.top-blog-item-category{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items: center;gap: 2vw;}
.top-blog-item-category span {padding: 1vw 2vw;color: var(--colorcat);font-size: 3.4vw;background: #fff;line-height: 1;display: inline-block;border: 1px solid var(--colorcat);}
.top-blog-item-title {margin-bottom: 2vw;line-height: 1.4;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.top-blog-more{width: 70%;display: block;background: #1a6eb3;padding: 4.5% 0 4.5vw;margin: 6% auto 0;color: #fff;font-size: 3.6vw;text-align: center;position: relative;font-family: "Yu Mincho Medium", "游明朝 Medium", "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}


/* blog-second
----------------------------------------------- */
.second-hero {height: 30vw;background: url(../images/follow_bg.jpg)no-repeat top center / 100%;}
.second-hero-title {width: 100%;text-align: center;position: absolute;top: 54%;left: 0;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.second-hero-title .en {width: 100%;margin-bottom: 1.5vw;font-size: 8.68vw;letter-spacing: 0.5vw;display: block;font-family: trajan-pro-3;font-weight: 500;}
.second-hero-title .jp {width: 100%;font-size: 3.68vw;display: block;font-family: yu-mincho-pr6, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E;}
.second { z-index: 1; position: relative; }
.second-text { width: 90vw; min-height: 90vw; padding: 8vw 0 12vw; margin: auto; }
.second-text p {margin-bottom: 4vw;font-size: 3.5vw;line-height: 1.8;}


/* bread sp
----------------------------------------------- */
.breadcrumb {background: #e6edf7;position: relative;}
.breadcrumb-items{width:100%;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding: 2.5vw 0;gap: 5px;}
.breadcrumb-items li{font-size:3.16vw;position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;line-height:1.4;}
.breadcrumb-items li:after{content:">";}
.breadcrumb-items li:last-child:after{content:none;}
.breadcrumb-items span{padding: 0 2.5vw 0 2vw;display:block;}


/* archive
----------------------------------------------- */
.blog .article {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: 30px 20px;width: 100%;}
.blog .article li {width: calc(50% - 10px);}
.blog .article li .articleThumbnail{margin-bottom: 10px;padding-top: 42.2vw;width: 100%;overflow: hidden;position: relative;box-sizing: border-box;border: 1px solid #eee;}
.blog .article li .articleThumbnail img{-moz-transition: -moz-transform 0.5s linear;-webkit-transition: -webkit-transform 0.5s linear;-o-transition: -o-transform 0.5s linear;-ms-transition: -ms-transform 0.5s linear;transition: transform 0.5s linear;object-fit: cover;-o-object-fit: cover;position: absolute;top: 0%;left: 0%;height: 100%;width: 100%;}
.blog .article li .articleThumbnail img:hover {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.blog .article li .txt_area{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;gap: 10px;}
.blog .article li .txt_area .article_date{color: var(--colortime);width: 100%;font-size: 3.4vw;margin: 0;line-height: 1;font-feature-settings: "palt";letter-spacing: 0.2vw;text-align: justify;font-family: trajan-pro-3;font-weight: 500;}
.blog .article li .txt_area .article_cate{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;gap: 8px;margin: 0;}
.blog .article li .txt_area .article_cate a{padding: 5px 8px 4px;color: var(--colorcat);background: #fff;line-height: 1;display: inline-block;margin: 0;font-size: 90%;border: 1px solid var(--colorcat);}
.blog .article li .txt_area h3.name{display: block;width: 100%;}
.blog .article li .txt_area h3.name a{line-height: 1.4;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-align: left;}

.blog .wp-pagenavi {text-align:center;font-size: 14px;margin: 50px 0 0;}
.blog .wp-pagenavi a, .wp-pagenavi span {color: #fff;background: var(--colornaviparts);padding: 15px 20px!important;white-space: nowrap;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;border: 1px solid var(--colornaviparts);font-family: century-gothic;font-weight: 400;display: inline-block;}
.blog .wp-pagenavi a:hover{background-color: #ffffff;color: var(--colornaviparts);opacity:1;border-color: var(--colornaviparts);}
.blog .wp-pagenavi span.current{color: var(--colornaviparts);background: #fff;border-color: var(--colornaviparts);font-weight: normal;}
.blog .wp-pagenavi span.pages {display: block;width: 30vw;margin: 0 auto 8px;border: 1px solid var(--colornaviparts);}



/* single
----------------------------------------------- */
.single_wraper{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: flex-start;-webkit-align-items: flex-start;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.single_contents{width: 100%;}

.single_contents .single_head{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;gap: 10px;}
.single_contents .single_date{color: var(--colortime);margin: 0;width: 100%;font-family: trajan-pro-3;font-weight: 500;letter-spacing: 0.06em;}
.single_contents .single_ttl{font-size: 150%;font-family: var(--mincho);line-height: 1.4;width: 100%;}
.single_contents .single_cate {color: var(--colorcat);margin: 0;width: 100%;}
.single_contents .single_cate a {color: currentColor;display: inline-block;}

.single_content_wra{margin: 50px 0 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{margin-bottom: 4vw;}
.single_content_texts h1,.single_content_texts h2,.single_content_texts h3,.single_content_texts h4,.single_content_texts h5,.single_content_texts h6{line-height: 1.4;margin-bottom: 3vw;}
.single_content_texts a{text-decoration: underline;color: #b08f4d;font-weight: 600;display: inline-block;margin:0 auto;}
.single_content_texts li{letter-spacing:.04em;line-height: 1.6;}
.single_content_texts ul li{list-style:disc;margin-left: 16px;margin-bottom: 10px;}
.single_content_texts ul li::marker,.single_content_texts ol li::marker{color: var(--colormain);}
.single_content_texts ol li{list-style: decimal;margin-left: 20px;margin-bottom: 10px;}

.blog .article_Box img.aligncenter {display: block; margin: 0 auto;}
.blog .article_Box img.alignright { float: right; }
.blog .article_Box img.alignleft { float: left; }
.blog .article_Box strong {font-weight: bold; }
.blog .article_Box em {font-style: italic; }

.single_content_wra .addtoany_content {margin: 100px auto 10px;text-align: center;padding: 20px 0 0;background: #eee;}

.pre_next_btns .onBtn{width: 49%;}
.pre_next_btns .prevBtn{float: left;}
.pre_next_btns .nextBtn{float: right;}
.pre_next_btns .onBtn a{display: -webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-radius: 5px;color: var(--colorcat);border: 1px solid var(--colorcat);position: relative;font-size: 3.2vw;padding: 2vw 3vw;min-height: 11vw;}
.pre_next_btns .onBtn:before{content: '前の記事へ';display: block;margin-bottom: 10px;font-size: 90%;color: var(--colorcat);}
.pre_next_btns .nextBtn:before{content: '次の記事へ';text-align: right;}
.pre_next_btns .onBtn a:hover{background:var(--colorcat);border-color:var(--colorcat);color: #fff; opacity:1;}
.pre_next_btns .onBtn a:hover i{color: #fff;}
.pre_next_btns .nextBtn a i{margin-left: auto;}
.pre_next_btns .onBtn .onBtn_txt{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height: 1.4;overflow: hidden;-webkit-line-clamp: 2;}
.pre_next_btns .prevBtn .onBtn_txt{padding-left: 3vw;}
.pre_next_btns .nextBtn .onBtn_txt{padding-right: 3vw;}
.pre_next_btns .prevBtn a i{left: 8%;}
.pre_next_btns .nextBtn a i{right: 8%;}

.blog aside {margin-top: 50px;flex-direction: column;-webkit-flex-direction: column;width: 100%;}
.blog aside .bnr {color: #fff;padding: 15px;margin-bottom: 15px;position: relative;background: var(--colorcat);line-height: 1;letter-spacing: 0.2vw;display: -webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size: 120%;font-family: trajan-pro-3;font-weight: 500;letter-spacing: 0.06em;}
.blog aside .bnr:before {content: '';width: 2px;height: 24px;background: #fff;margin-right: 10px;}
.blog aside ul.blog_side {margin-bottom: 30px;}
.blog aside ul.blog_side li {padding: 0 5px 14px;margin: 0 0 14px;border-bottom: 1px solid #ccc;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: center;align-items: center;}
.blog aside ul.blog_side li:last-child{border-bottom: none;}
.blog aside ul.blog_side li a{line-height: 1.4;font-size: 14px;display: -webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.blog aside ul.blog_side li a::before{content: 'ー';display:inline-block;margin-right: 5px;}



@media screen and (min-width: 736px){


/* トップ埋め込み
----------------------------------------------- */
.top-blog {padding: 100px 0}
.top-blog-heading{}
.top-blog-title { margin-bottom: 50px; text-align: left; letter-spacing: 2px; }
.top-blog-items {width: 960px;margin: 0 auto 30px;gap: 20px;-webkit-justify-content: flex-start;justify-content: flex-start;}
.top-blog-item {width: 33.333%;width: -webkit-calc((100% - 40px) / 3);width: calc((100% - 40px) / 3);}
.top-blog-item-image-wra{padding-top: 180px;margin: 0 auto 12px;}
.top-blog-item-image {margin: 0 auto 15px;}
.top-blog-item-category{gap: 10px;}
.top-blog-item-category span {padding: 5px 10px;font-size: 14px;}
.top-blog-item-title {margin-bottom: 0;}
.top-blog-more{width: 320px;padding: 22px 0 20px;font-size: 16px;margin: 0 auto;}
.top-blog-more:after {right: 20px;}


/* blog-second
----------------------------------------------- */
.second-hero {height: 200px;}
.second-hero-title .en {margin-bottom: 10px;font-size: 60px;letter-spacing: 5px; }
.second-hero-title .jp {font-size: 26px; }

.second-text {width: 900px;min-height: 600px;padding: 80px 0 120px; }
.second-text p {margin-bottom: 30px;font-size: 16px;}


/* bread pc ----------------------------------------------- */
.breadcrumb-items {width: 960px;padding: 14px;}
.breadcrumb-items li {font-size: 16px; }
.breadcrumb-items li:last-child span {padding: 0px 25px 0px 12px;}
.breadcrumb-items span {padding: 0 12px 0;}


/* archive
----------------------------------------------- */
.blog .article {gap: 50px 20px;}
.blog .article li {width: calc(25% - 15px);}
.blog .article li .articleThumbnail{margin-bottom: 10px;padding-top: 223px;}
.blog .article li .articleThumbnail img:hover {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2);}
.blog .article li .txt_area .article_date{font-size: 16px;letter-spacing: 1px;}
.blog .wp-pagenavi span.pages {width: 156px;}


/* single
----------------------------------------------- */
.single_contents{width: 65%;}
.blog aside {width: 30%;margin: 0 0 0 auto;}
.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 {margin-bottom: 20px;}
.single_content_texts h1, .single_content_texts h2, .single_content_texts h3, .single_content_texts h4, .single_content_texts h5, .single_content_texts h6 {margin-bottom: 10px;}
.pre_next_btns .onBtn a{font-size: 14px;padding: 10px 20px;min-height: 60px;}
.pre_next_btns .nextBtn .onBtn_txt {padding-right: 20px;}
.pre_next_btns .prevBtn .onBtn_txt {padding-left: 20px;}

.blog aside .bnr {letter-spacing: 2px;font-size: 100%;}


}


/* =============================================
 tablet-size
================================================*/
@media screen and (min-width:736px) and ( max-width:960px){
.blog .second-text{width: 90%;}
.blog .article{margin-bottom: 50px;}
.blog .article li {width: 31.4%;}
.blog .single_wraper{gap: 50px 0;}
.blog .single_contents,.blog aside{width: 100%;}

}