@charset "utf-8";
/* CSS Document */

.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

img, video, object,iframe {max-width: 100%;height: auto;}

/* main-color
----------------------------------------------- */
:root {
  --colormain:#b28230; /* color: var(--colormain); */
  --colorsub:#28282d; /* color: var(--colorsub); */
  --coloraccent:#b1322a; /* color: var(--text-gray); */
}


.blog-midashi{    
    font-size: 28px;
    line-height: 1.4;
    font-feature-settings: "palt" 1;
    letter-spacing: 0.04em;
    margin-bottom: 10px;
    letter-spacing: .02em;
    font-family: var(--mincho);
    border-left: solid 3px #000;
    padding-left: 11px;}



/* WORDPRESS フォーマット
--------------------------------------------- */
.blog a {text-decoration: none;display: inline-block; margin-top: 15vw;}
.blog a:hover {opacity: 0.6;}

.blog iframe {max-width: 100%;}
.blog img {max-width: 100%;height: auto;}

.blog .midashi02 {margin-bottom: 40px;}

.blog .article {margin-bottom: 0px;}
.blog ul.article {width: 100%;float: none;font-size: 0;}
.blog .article.column {width: 100%;float: none;}
.blog .article>li {width: 42%;opacity: 0;}
.blog .article li:nth-child(4n) {margin-right: 0;}
.blog .article li .in {position: relative;}
.blog .article li .in p.article_date {font-size: 14px;z-index: 100;display: inline-block;margin-right: 15px;line-height: 1;}
.blog .article li .in .articleThumbnail {width: 210px;height: 210px;overflow: hidden;position:  relative;border: 1px solid #000;}
.blog .article li .in .articleThumbnail img {height: auto;object-fit: cover;-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;position:  absolute;min-height: 100%;width: 100%;top: 0;}
.blog .article li .in .articleThumbnail a:hover img {-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 aside {width: 30%;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;margin-left: auto;}
.blog aside > div{width: 280px;}
.blog aside .bnr {color: #fff;padding: 15px 10px 15px 26px;margin-bottom: 15px;position: relative;background: var(--colorsub);line-height: 1.1;font-family: montserrat;font-weight: 500;letter-spacing: 1px;}
.blog aside .bnr:before {content: '';width: 2px;height: 20px;background: #fff;position: absolute;top: 14.5px;left: 13px;}
.blog aside ul.blog_side {margin-bottom: 25px;}
.blog aside ul.blog_side li {padding: 2px 3px 15px;margin-bottom: 15px;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:before {content: "－";font-size: 100%;display: inline-block;vertical-align: top;margin-right: 5px;}
.blog aside ul.blog_side li a {color: #030303;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1;display: -webkit-box;}
.blog aside ul.blog_side li:last-child {border-bottom: none;}
.blog aside ul.blog_side li:hover a {color: var(--colorsub); opacity: 1;}
.blog aside ul.blog_side li:hover:before {color: var(--colorsub);}

.blog-aside-navi .blog-aside-navi-ttl{padding: 5px 3px 15px 30px;margin-bottom: 10px;font-size: 14px;border-bottom: 1px solid #ccc;color: #615c61;position: relative;margin-bottom: 15px;}
.blog-aside-navi .blog-aside-navi-ttl .plus{width: 10px;height: 10px;position: absolute;top: 37%;left: 6%;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.blog-aside-navi .blog-aside-navi-ttl.open .plus:after { -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); }
.blog-aside-navi .blog-aside-navi-ttl .plus:before {content: '';width: 10px;height: 1px;background: #473830;position: absolute;top: 50%;left: 0;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.blog-aside-navi .blog-aside-navi-ttl .plus:after {content: '';width: 1px;height: 10px;background: #473830;position: absolute;top: 50%;left: 0;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.blog-aside-navi .blog-aside-navi-ttl:hover{cursor: pointer;}
.blog-aside-navi .accordion-box{display: none;}

/* pre_next_btns */
.pre_next_btns .onBtn{width: 49%;}
.pre_next_btns .prevBtn{float: left;}
.pre_next_btns .nextBtn{float: right;}
.pre_next_btns .onBtn a{min-height: 58px;display: -webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding: 15px;border-radius: 5px;font-size: 14px;color: var(--colorsub);border: 1px solid #555;position: relative;}
.pre_next_btns .onBtn:before{content: '前の記事へ';display: block;margin-bottom: 10px;font-size: 80%;color: var(--colorsub);}
.pre_next_btns .nextBtn:before{content: '次の記事へ';text-align: right;}
.pre_next_btns .onBtn a:hover{background: var(--colorsub);border-color: var(--colorsub);color: #fff; opacity:1;}
.pre_next_btns .onBtn a:hover i{color: #fff;}
.pre_next_btns .onBtn a i {}
.pre_next_btns .prevBtn a i{}
.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;}
.pre_next_btns .prevBtn .onBtn_txt{padding-left: 15px;}
.pre_next_btns .nextBtn .onBtn_txt{padding-right: 15px;}

.blog .article .article_Box {margin-top: 50px;margin-bottom: 40px;clear: both;line-height: 1.65;}
.blog .article .article_Box img.aligncenter {display: block; margin: 0 auto;}
.blog .article .article_Box img.alignright { float: right; }
.blog .article .article_Box img.alignleft { float: left; }
.blog .article .article_Box strong {font-weight: bold; }
.blog .article .article_Box em {font-style: italic; }
.blog .article .article_Box p{margin-bottom: 1rem;}

/* wp_social_bookmarking_light */
.wp_social_bookmarking_light {float: left;margin-top: 20px !important;}
.wp_social_bookmarking_light div {margin-left: 5px;float: left;}
.wp_social_bookmarking_light div.wsbl_line{width: 100px;}
.wsbl_facebook_like {width: auto;}
.wsbl_google_plus_one {width: 32px;}
.wsbl_google_plus_one div {width: 30px !important;}
.wp_social_bookmarking_light div iframe {height: 25px !important;width: 89px;}
.wp_social_bookmarking_light {height: 100px;padding: 50px 0 20px 0 !important;}

/*wp-pagenavi*/
.blog .wp-pagenavi {clear: both;text-align:center;margin: 50px 0;font-size: 14px;}
.blog .wp-pagenavi a, .wp-pagenavi span {color: #fff;background: var(--colorsub);padding: 15px 20px!important;margin: 0 2px 4px;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;text-align: center;text-decoration: none;display:  inline-block;border: 1px solid var(--colorsub);font-family: montserrat;font-weight: 500;letter-spacing: 1px;}
.blog .wp-pagenavi a:hover{background-color: #ffffff;color: var(--colorsub);opacity:1;border-color: var(--colorsub);}
.blog .wp-pagenavi span.current{color: var(--colorsub);background: #fff;font-weight: bold;border-color: var(--colorsub);}

/* デザイン調整 */
.blog ul.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: 60px 50px;}
.blog .articleThumbnail {width: 100%;overflow: hidden;margin-bottom: 16px;position: relative;/*padding-top: 225px;*/box-sizing: border-box;border: 1px solid #eee;}
.blog .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 .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 h3.name a {font-size: 16px;margin: 8px auto 0;border-top: none;padding: 0;line-height: 1.4;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;font-feature-settings: "palt";letter-spacing: 0.04em;font-weight: bold;}
.blog .article_date {font-size: 16px;display: inline-block;margin: 0 12px 5px 0;line-height: 1;position: relative;font-family: montserrat;font-weight: 500;letter-spacing: 1px;color: var(--gray);}
.blog .article_cate {display: inline-block;margin: 0;}
.blog .article_cate a{margin: 0 2px 0 0;line-height: 1;border: 1px solid var(--colorsub);color: #fff;background: #28282d;padding: 5px 6px 4px;font-size: 12px;}
.blog .article_des{line-height: 1.4;margin-bottom: 16px;}

/* パンくず */
.breadcrumb{overflow-x: scroll;padding: 0;}
.breadcrumb-items{overflow: hidden;white-space: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;-webkit-flex-wrap: nowrap;flex-wrap: nowrap;padding: 12px 0 10px;}
.breadcrumb::-webkit-scrollbar {display:none;}

/* 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_cate {float: left;line-height: 1.6;margin-bottom: 0;letter-spacing: 0.04em;color: var(--gold);coor: var(--colormain);font-weight: bold;}
.single_contents .single_cate a {color: inherit;}
.single_contents .text-right {text-align: right;margin-bottom: 0;line-height: 1.6;font-family: montserrat;font-weight: 500;letter-spacing: 1px;color: var(--gold);}

.single_content_wra{margin: 50px 0 0;}

.single_content_wra img{padding: 0 0 20px; width: 100%;}
.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: 1rem;}

.single_content_texts a{text-decoration: underline;color: var(--colormain);font-weight: 600;display: inline-block;}
.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;}



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

.blog-midashi{margin-bottom: 2vw;font-size: 4.8vw;line-height: 1.4;}



/* WORDPRESS フォーマット
--------------------------------------------- */
.blog {}
.blog a {text-decoration: none; }
.blog a:hover {opacity: 0.6;}

.blog iframe {max-width: 100%; max-height: 200px;}
.blog img {max-width: 100%;}
.blog .midashi02 {margin-bottom: 4%;}

.blog .article {width: 100%;float: none;margin-bottom: 0;}
.blog .article li {width: 100%;}
.blog .article .article_Box {margin-bottom: 22px;line-height: 1.55;}

.blog aside {margin-top: 10%;flex-direction: column;-webkit-flex-direction: column;width: 100%;}
.blog aside > div {width: 100%;}
.blog aside .bnr {padding: 4% 2% 4% 6.4%;margin-bottom: 3%;}
.blog aside .bnr:before {content: '';width: 2px;height: 38%;position: absolute;top: 31%;left: 3.5%;}
.blog aside ul.blog_side {margin-bottom: 10%;}
.blog aside ul.blog_side li {padding: 2% 2% 4%;margin-bottom: 3%;width: 100%;}
.blog aside ul.blog_side li span {display: block;font-size:  12px;color: #666;}

.blog-aside-navi .blog-aside-navi-ttl{font-size: 3.2vw;padding: 2% 2% 5% 6%;margin-bottom: 3%;}
.blog-aside-navi .blog-aside-navi-ttl .plus{width: 2vw;height: 2vw;top: 37%;left: 2.2vw;}
.blog-aside-navi .blog-aside-navi-ttl .plus:before {width: 2vw;height: 1px;}
.blog-aside-navi .blog-aside-navi-ttl .plus:after {width: 1px;height: 2vw;}

/* pre_next_btns */
.pre_next_btns .onBtn a{font-size: 3.2vw;padding: 2vw 3vw;min-height: 11vw;}
.pre_next_btns .onBtn:before{font-size: 90%;}
.pre_next_btns .prevBtn a i{left: 8%;}
.pre_next_btns .nextBtn a i{right: 8%;}
.pre_next_btns .onBtn .onBtn_txt{-webkit-line-clamp: 2;}


/*wp-pagenavi*/
.blog .wp-pagenavi {clear: both;text-align:center;margin-top: 5%;}
.wp-pagenavi span.pages {display: block;width: 30%;margin: 0 auto 3%;}

/* デザイン調整 */
.blog ul.article{width:100%;gap: 10vw 3vw;margin: 0 auto 12vw;}
.blog .articleThumbnail{margin-bottom:3vw;padding-top: 39.04vw;}
.blog .article h3.name a{margin: 0;font-size: 3.4vw;-webkit-line-clamp: 3;}
.blog .article_cate{font-size:2.8vw;margin-bottom: 2vw;}
.blog .article_des{line-height:1.4;margin-bottom:16px;}

.header-navi-button{right: 0;}
.footer-fixed{width: 100%;}

/* パンくず */
.breadcrumb-items{padding: 2.5vw 0 2vw;}

/* singleページ */
.single_contents{width: 100%;}



}


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


}



   /* .point {
    margin-bottom: 30px;
    padding: 15px;
    background: #fff;
    border-left: 5px solid #c4007e;
    box-shadow: 0 2px 9px 0px rgb(0 0 0 / 32%);
    }*/
    table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 10px;
    }
    th, td {
      border: 1px solid #ccc;
      padding: 8px;
      text-align: center;
    }
    .highlight {
      color: #e60073;
      font-weight: bold;
      font-size: 20px;
    }
    .download {
    margin-top: 30px;
    padding: 15px;
    background: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    }
.download a{
	margin: 0;
    font-size: 19px;
    padding-left: 5px;
}
    .store-icons img {
      width: 120px;
      margin: 10px;
    }

.news_sub{
    font-weight: bold;
    font-size: 16px;
}