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




/*-------各ページh1 モバイル時 pタグ左寄せ--------*/
@media (max-width: 767px) {
    .pagetemp-column1 .freePage > div:first-child.cparts-keyimg-block.cparts-id321 .cparts-notes-block {
        text-align: left;
    }
}
/*-------各ページh1 モバイル時 pタグ左寄せおわり--------*

/*-------ブログ　タイトル　デザイン消す-------*/
.blogEntry h2::before{
 background-color:transparent;
}
/*-------ブログ　タイトルおわり--------*/

/*-------ブログ　ぺージめくりボタン--------*/
.topicsList .pageLink ul .prevBu, .blogCategoryArchives .pageLink ul .prevBu, .blogEntry .pageLink ul .prevBu, .blogMonthlArchives .pageLink ul .prevBu, .blogIndividual .pageLink ul .prevBu, .blogSearch .pageLink ul .prevBu, .blogArchives .pageLink ul .prevBu, .albumDetail .pageLink ul .prevBu, .search .pageLink ul .prevBu {
    text-align: right;
}

.topicsList .pageLink ul .nextBu, .blogCategoryArchives .pageLink ul .nextBu, .blogEntry .pageLink ul .nextBu, .blogMonthlArchives .pageLink ul .nextBu, .blogIndividual .pageLink ul .nextBu, .blogSearch .pageLink ul .nextBu, .blogArchives .pageLink ul .nextBu, .albumDetail .pageLink ul .nextBu, .search .pageLink ul .nextBu {
    text-align: left;
}

.topicsList .pageLink ul, .blogCategoryArchives .pageLink ul, .blogEntry .pageLink ul, .blogMonthlArchives .pageLink ul, .blogIndividual .pageLink ul, .blogSearch .pageLink ul, .blogArchives .pageLink ul, .albumDetail .pageLink ul, .search .pageLink ul {
    display: flex;
    width: 100%;
    align-items: center;
}

.pageLink li {
    font-size:1.1rem !important;
}

.pageLink li a {
    font-size:1.3rem !important;
}
/*-------ブログ　ぺージめくりボタン　おわり--------*/

/*-------お問い合わせボタン　フッター色--------*/
.siteblock-footer .dec-btn--primary:hover, .siteblock-footer .dec-btn--primary:focus, .siteblock-footer .dec-btn--secondary:hover, .siteblock-footer .dec-btn--secondary:focus, .siteblock-footer .dec-btn--attention:hover, .siteblock-footer .dec-btn--attention:focus, .siteblock-footer .dec-btn--dark:hover, .siteblock-footer .dec-btn--dark:focus {
    color: #fff !important;
}
/*-------お問い合わせボタン　フッター色　おわり--------*/

/*  ビデオ用 開始 */
video {
  min-width: 100%;
  min-height: 100vh;
  position: absolute;
}
@media (aspect-ratio: 16/9) {
  video {
    top: 0% !important;
  }
}
@media (min-aspect-ratio: 16/9) {
  video {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-aspect-ratio: 16/9) {
  video {
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}


/*  ビデオ用 ここまで */


/*キャッチコピーサイズ調整 開始*/
@media (min-width: 768px) {
    .siteblock-upper .lay-container-xl > div:first-child[class*="free_parts"] .boxBottom > div:first-child.cparts-keyimg-block.cparts-id321 .cparts-id321__ttl, .siteblock-upper .lay-container-xl > div:first-child.freeParts .boxBottom > div:first-child.cparts-keyimg-block.cparts-id321 .cparts-id321__ttl {
            font-size: 4vw;
    }
}
/*キャッチコピーサイズ調整 終了*/

/*  スマホ メニューボタン ここまで */
@media (max-width: 767px) {
    #sitedesign-headernav-input:checked ~ .sitedesign-headernav-button {
        background-color: #fff;
    }
}

.sitedesign-naviOpen .siteblock-header {
    color: #fff !important;
}

.sitedesign-naviOpen .siteblock-header a {
    color: #fff !important;
}
.siteblock-header {
    /* background-color: rgba(0, 0, 0, 0.2); */
    background-color: rgba(255, 255, 255, 1);
}

.siteblock-upper .sitedesign-nextblock {
     margin-top: 0px !important; 
}

@media (max-width: 767px) {
h1 {
    font-size: 1.75rem!important;
}
}
@media (min-width: 768px) {
    h2 {
        padding: 30px 0 0 10px;
    }
}

.sitedesign-headernav-group li.menu-level-1 a, .sitedesign-headernav-group li.menu-level-1 div {
    color: #000;
}
@media (min-width: 768px) {
    .sitedesign-headernav-group li.menu-level-1 > a, .sitedesign-headernav-group li.menu-level-1 > div p {
        background-color: rgba(255, 255, 255, 0.7);
}
}
@media (max-width: 767px) {
    .sitedesign-headernav-buttonbar, 
    .sitedesign-headernav-buttonbar:before,
    .sitedesign-headernav-buttonbar:after{
        background-color: #fff;
    }
}