@charset "utf-8";


/*ブログタイトル*/
.blogEntryTtl a {
    color: #000;
    font-weight: normal;
}

/*グローバルメニュー*/
.siteblock-header {
    border-bottom: 2px solid #F85A6B;
}
.siteblock-header,
.sitedesign-headernav-group{
    background-color: #fff;
    color: #F95A6B;
}

.siteblock-header a,
.sitedesign-headernav-group li.menu-level-0 > a, .sitedesign-headernav-group li.menu-level-0 > div{
    color: #000000;
}
.siteblock-header a:hover {
    color: #F95A6B;
    opacity: 1;
}
.sitedesign-headernav-group li.menu-level-0 > a:hover, .sitedesign-headernav-group li.menu-level-0 > div:hover, .sitedesign-headernav-group li.menu-level-0 > a:focus, .sitedesign-headernav-group li.menu-level-0 > div:focus {
    background-color: #fff;
    color: #F85A6B;
    opacity: 1;
}
/*メインビジュアル*/
.main-visual.cparts-id329 {
background-attachment: unset !important;
}
.main-visual.cparts-mainvisual--md .cparts-img-block {
    height: 45vw !important;
}
.main-visual .cparts-txt-block {
    max-width: 1300px;
}
.main-visual h1 {
    font-size: 4vw;
}
.main-visual .dec-btn--primary {
    height: 8.5vw;
    width: 8.5vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-size: 1.3vw;
}
/*お知らせ*/
.siteblock-upper .blogRecent h2::after {
    display: none;
}
.siteblock-upper #blogRayout01 h2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.siteblock-upper .blogRayout01 div.blogRecentList ul li {
    margin-bottom: 13px !important;
    padding-bottom: 13px !important;
}
.siteblock-upper .blogRayout01 .blogRecentLink {
    margin-top: 1.5rem;
}


/*プロフィール*/
.profile {
    background: #fff;
    padding: 2rem;
    border-radius: 15px;
    border: 1px solid #e5e5e5;
}


/*LINK*/

.siteblock-opt3 .dec-btn--primary.link-btn_01 {
    background-color: #061e75 !important;
}
.siteblock-opt3 .dec-btn--primary.link-btn_02 {
    background-color: #1dc5ff !important;
}



/*---------------------囲碁ログ YouTube埋め込み---------------------*/
iframe.youtube {
    aspect-ratio: 16 / 9;
}

/*ブログ一覧*/
div.blogRayout02 .topicDate,
div.entryRayout02 .topicDate {
    width: 100%;
    line-height: 1;
    font-size: 0.8rem;
}
.blogRayout02 ul.blogEntryCategory,
.entryRayout02 ul.blogEntryCategory {
    width: auto !important;
}
div.blogRayout02 ul.blogEntryCategory li a,
div.entryRayout02 ul.blogEntryCategory li a {
    font-size: 0.7rem;
    padding: 3px 5px;
    margin: 0px 0px 3px !important;
}


/*---------------------後援会概要ページ---------------------*/
.officers_table ul {
    margin-top: 0px;
}





/*===========================================================

PCのみ

============================================================*/
@media (min-width:768px) {
    /*改行*/
    .pc-hide {
        display: none;
    }
    
    /*ヘッダー*/
    .siteblock-header {
        padding-bottom: 0px;
}

/*見出しパーツ*/
.cparts-mainvisual--sm .cparts-img-block {
    height: 35vh !important;
}

/*トップ お知らせ*/
.siteblock-upper .blogRayout01 .blogEntryInfo {
    flex-wrap: nowrap;
    flex-direction: row;
}
.siteblock-upper .blogRayout01 .blogEntryCategory {
    order: 2;
    white-space: nowrap;
    width: auto;
    margin-right: 15px;
}
.siteblock-upper .blogRayout01 .blogEntryTtl {
    order: 3;
}
}

/*===========================================================

タブレット

============================================================*/
@media (max-width:1023px) {

/*メインビジュアル*/
.main-visual.cparts-mainvisual--md .cparts-img-block {
    height: 70vw !important;
}
.main-visual.cparts-id329 .cparts-img-block {
    display: flex;
    justify-content: flex-start;
    padding: 15px;
    align-items: flex-start;
}
.main-visual.cparts-id329 h1 {
    text-align: left !important;
    font-size: 7vw;
}
/*メインビジュアル*/
.main-visual .dec-btn--primary {
    height: 15vw;
    width: 15vw;
    font-size: 2.5vw;
    margin: 0;
    padding: 0;
}
}


/*===========================================================

スマホ

============================================================*/
@media (max-width:767px) {
    /*改行*/
    .sp-hide {
        display: none;
    }
    
    /*ボタン*/
    .dec-btn--size-md {
    padding-right: 4rem;
    padding-left: 4rem;
    padding: 0.6rem 6rem;
}
    
/*テーブル*/
.cparts-table-block table {
    min-width: auto;
}


/*ハンバーガーメニュー*/
.sitedesign-headernav-group li.menu-level-1 a, .sitedesign-headernav-group li.menu-level-1 div {
    background-color: #ffffff;
    color: #F85A6B;
}
#sitedesign-headernav-input ~ .sitedesign-headernav-group li.menu-level-0 + li {
    border-top: 2px solid #f9e7e8;
}
.sitedesign-headernav-buttonbar,
.sitedesign-headernav-buttonbar::before, .sitedesign-headernav-buttonbar::after{
    background-color: #fff;
    filter: none;
}

/*メインビジュアル*/
.cparts-id329.main-visual {
    margin-bottom: 1rem;
}


/*お知らせエントリー*/
.siteblock-upper #blogRayout01 .box {
    margin-bottom: 0px;
}
.siteblock-upper #blogRayout01 .blogRecentList {
    margin-top: 1rem !important;
}
.siteblock-upper .blogRayout01 div.blogRecentList ul li {
    margin-bottom: 6px !important;
    padding-bottom: 6px !important;
}


/*見出しパーツ*/
.cparts-id533 .cparts-img-block {
    height: 25vh;
}
.cparts-id533 .cparts-txt-block.dec-bg--primary {
    bottom: 20%;
}

/*-------------プロフィールページ---------------*/

#profile_table tr {
    display: flex;
    flex-direction: column;
}
#profile_table th, #profile_table td {
    padding: 16px;
}

/*-------------後援会概要ページ---------------*/
.officers_table tr {
    display: flex;
    flex-direction: column;
}

.officers_table th, .officers_table td {
    padding: 17px;
}

/*-------------後援会会則ページ---------------*/
#rule_table th {
    width: 110px;
}
#rule_table th, #rule_table td {
    padding: 15px;
}

/*-------------メディア掲載リスト---------------*/
.media_list table {
    border-top: 0px;
}
.media_list thead tr {
    display: none;
}
.media_list tbody tr, .media_list tbody tr th {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.media_list tbody tr th {
    padding: 10px;
    border-top: 2px solid #ccc;
}
.media_list tbody tr td {
    padding: 5px;
    border-bottom: 0.5px;
}

}