/*------------------------------------------------------ [common] ------------------------------------------------------*/ #page-title { background: url(/kgshinko/images/st_pagetitle.jpg) no-repeat center center; background-size: cover;} @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 480px) { #index #page-title , #page-title { background: url(/kgshinko/images/st_pagetitle_sp.jpg) no-repeat center center; background-size: cover; } } /*------------------------------------------------------ [index] 目次ページ ------------------------------------------------------*/ #index .bg-gradation { padding-top: 0;} @media (min-width: 768px) { #index .l_col-index-small section { width: calc((100% / 3) - 27px); } #index .l_col-index-small section:not(:nth-child(4n+4)) { margin-right: 0;} #index .l_col-index-small section:not(:nth-child(3n+3)) { margin-right: 40px;} #index .l_col-index-small section:nth-child(n+4) { margin-top: 40px;} } @media (max-width: 767px) { #index .l_col-index-small { margin-left: 0; margin-right: 0;} } /*------------------------------------------------------ [kgshinko-donation] ご寄付のお願い ------------------------------------------------------*/ #kgshinko-donation #outline > section .l_col-2-l .table-b { width: 100%; margin-top: 0; margin-bottom: 30px;} #kgshinko-donation #outline > section .l_col-2-l .title-e { color: #EC3A94;} #kgshinko-donation #duty-free-personal .list-a > li { font-weight: bold;} #kgshinko-donation #duty-free-personal .list-a > li .text p { font-weight: normal;} #kgshinko-donation #duty-free-personal .list-a > li .annotation ul li { font-weight: normal;} #kgshinko-donation #duty-free-personal .list-a > li .annotation ul li::before { position: relative; background-color: transparent; left: auto; top: auto; } #kgshinko-donation #duty-free-personal .frame { padding: 20px;} #kgshinko-donation #duty-free-personal .frame .text { margin-bottom: 0;} #kgshinko-donation #duty-free-personal ol { padding-left: 2em;} #kgshinko-donation #duty-free-personal ol li { font-size: 1.6rem;} #kgshinko-donation .table-wrap { position: relative; overflow: hidden; margin-bottom: 20px;} #kgshinko-donation #duty-free-personal .table-a { overflow-x: scroll; white-space: nowrap; display: block; padding-left: 139px; margin-bottom: 0; margin-top: 0; } #kgshinko-donation #duty-free-personal .table-a thead th:first-child { position: absolute; background-color: #D7E1E7; left: 0px; width: 140px; } #kgshinko-donation #duty-free-personal .table-a tbody tr:first-child th:first-child { position: absolute; background-color: #D7E1E7; left: 0; width: 60px; height: calc(100% - 115px); -ms-writing-mode: tb-rl; writing-mode: vertical-rl; padding-right: 16px; } #kgshinko-donation #duty-free-personal .table-a tbody th { position: absolute; background-color: #D7E1E7; left: 60px; width: 80px; } #kgshinko-donation #duty-free-personal .table-a .cell { background-color: #F0F5F8;} #kgshinko-donation #duty-free-personal .frame .text span { background-color: #F0F5F8; border: 1px solid #C7CED2; width: 30px; height: 15px; display: inline-block; vertical-align: text-bottom; margin-right: 4px;} @media (min-width: 768px) { #kgshinko-donation #outline > section .l_col-2-l > div:first-child { width: calc(100% - (260px + 40px));} #kgshinko-donation #outline > section .l_col-2-l > .img { width: 260px;} #kgshinko-donation #outline > section .l_col-2-l > .img figure { margin-bottom: 0;} #kgshinko-donation #outline > section .l_col-2-l > .img figure:first-child { margin-bottom: 40px;} #kgshinko-donation #duty-free-personal .list-a > li { margin-bottom: 25px;} #kgshinko-donation #duty-free-personal .table-a thead tr:first-child th:first-child { top: 1px;} #kgshinko-donation #duty-free-personal .table-a thead tr:nth-child(2) th:first-child { top: 51px; border-bottom: 1px solid #C7CED2; z-index: 1;} #kgshinko-donation #duty-free-personal .table-a tbody tr:first-child th:first-child { top: 100px;} #kgshinko-donation #duty-free-personal .table-a tbody tr:nth-child(1) th:nth-child(2) { top: calc(50px * 2); } #kgshinko-donation #duty-free-personal .table-a tbody tr:nth-child(2) th:nth-child(1) { top: calc(50px * 3); } #kgshinko-donation #duty-free-personal .table-a tbody tr:nth-child(3) th:nth-child(1) { top: calc(50px * 4); } #kgshinko-donation #duty-free-personal .table-a tbody tr:nth-child(4) th:nth-child(1) { top: calc(50px * 5); } #kgshinko-donation #duty-free-personal .table-a tbody tr:nth-child(5) th:nth-child(1) { top: calc(50px * 6); } #kgshinko-donation #duty-free-personal .table-a tbody tr:nth-child(6) th:nth-child(1) { top: calc(50px * 7); } #kgshinko-donation #duty-free-personal .table-a tbody tr:nth-child(7) th:nth-child(1) { top: calc(50px * 8); } #kgshinko-donation #duty-free-personal .table-a tbody tr:nth-child(8) th:nth-child(1) { top: calc(50px * 9); } #kgshinko-donation #duty-free-personal .table-a tbody tr:nth-child(9) th:nth-child(1) { top: calc(50px * 10); } } @media (max-width: 767px) { #kgshinko-donation #outline > section .l_col-2-l .btn-c a { max-width: none;} #kgshinko-donation #outline > section .l_col-2-l > .img figure:first-child { margin-bottom: 20px;} #kgshinko-donation #duty-free-personal .table-a th, #kgshinko-donation #duty-free-personal .table-a td { height: 38px;} #kgshinko-donation #duty-free-personal .table-a tbody tr:first-child th:first-child { height: calc(100% - 77px); } #kgshinko-donation #duty-free-personal .table-a thead tr:first-child th:first-child { top: 1px;} #kgshinko-donation #duty-free-personal .table-a thead tr:nth-child(2) th:first-child { top: 39px; border-bottom: 1px solid #C7CED2; z-index: 1;} #kgshinko-donation #duty-free-personal .table-a tbody tr:first-child th:first-child { top: 77px;} #kgshinko-donation #duty-free-personal .table-a tbody tr:nth-child(1) th:nth-child(2) { top: calc(38px * 2); } #kgshinko-donation #duty-free-personal .table-a tbody tr:nth-child(2) th:nth-child(1) { top: calc(38px * 3); } #kgshinko-donation #duty-free-personal .table-a tbody tr:nth-child(3) th:nth-child(1) { top: calc(38px * 4); } #kgshinko-donation #duty-free-personal .table-a tbody tr:nth-child(4) th:nth-child(1) { top: calc(38px * 5); } #kgshinko-donation #duty-free-personal .table-a tbody tr:nth-child(5) th:nth-child(1) { top: calc(38px * 6); } #kgshinko-donation #duty-free-personal .table-a tbody tr:nth-child(6) th:nth-child(1) { top: calc(38px * 7); } #kgshinko-donation #duty-free-personal .table-a tbody tr:nth-child(7) th:nth-child(1) { top: calc(38px * 8); } #kgshinko-donation #duty-free-personal .table-a tbody tr:nth-child(8) th:nth-child(1) { top: calc(38px * 9); } #kgshinko-donation #duty-free-personal .table-a tbody tr:nth-child(9) th:nth-child(1) { top: calc(38px * 10); } } /*------------------------------------------------------ [kgshinko] 教学振興会 ------------------------------------------------------*/ #kgshinko #request-donations .name { text-align: right;} #kgshinko #request-donations .name span { font-size: 2.2rem;} #kgshinko #support-business .l_col-4 figure { margin-bottom: 0;} #kgshinko #support-business .list-a li { font-weight: bold;} #kgshinko #support-business .list-a li .list-b { margin-top: 10px; margin-bottom: 30px;} #kgshinko #support-business .list-a li .list-b li { font-weight: normal;} #kgshinko #donation-guidelines .table-b { width: 100%; margin-bottom: 20px;} #kgshinko #annual-fee .title-e { color: #EC3A94;} #kgshinko #method .text .btn-c a { text-decoration: none;} @media (min-width: 768px) { #kgshinko #donation-guidelines .table-b th { width: 20%;} } @media (max-width: 767px) { #kgshinko #support-business .l_col-4 figure { margin-bottom: 20px;} } /*------------------------------------------------------ [kgshinko-d_message] クラブ応援メッセージ募金 ------------------------------------------------------*/ #kgshinko-d_message #target-club .list-b { margin-top: 15px;} #kgshinko-d_message #target-club .list-b li { margin-top: 0;} #kgshinko-d_message #donation-amount .title-e { color: #EC3A94; } #kgshinko-d_message #donation-amount .table-b { width: 100%; margin-bottom: 20px;} @media (min-width: 768px) { #kgshinko-d_message #donation-amount .table-b th { width: 20%;} } @media (max-width: 767px) { } /*------------------------------------------------------ [kgshinko-d_club] ------------------------------------------------------*/ #kgshinko-d_club #donation-amount .title-e { color: #EC3A94; } #kgshinko-d_club #donation-amount .table-b { width: 100%; margin-bottom: 20px;} #kgshinko-d_club #method .text .btn-c a { text-decoration: none;} #kgshinko-d_club #national-convention .table-b { width: 100%;} #kgshinko-d_club #national-convention .table-b th { vertical-align: middle; text-align: center;} #kgshinko-d_club #national-convention .table-b td span { color: #EC3A94;} #kgshinko-d_club #national-convention .table-b .font-bold th , #kgshinko-d_club #national-convention .table-b .font-bold td { font-weight: bold;} #kgshinko-d_club #national-convention .table-b .vertical { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } #kgshinko-d_club #national-convention .table-b .text-combine { -webkit-text-combine: horizontal; -ms-text-combine-horizontal: all; text-combine-upright: all; } @media (min-width: 768px) { #kgshinko-d_club #donation-amount .table-b th { width: 20%;} } @media (max-width: 767px) { } /*------------------------------------------------------ [kgshinko-support_message] ------------------------------------------------------*/ #kgshinko-support_message #messageList table { width: 100%;} #kgshinko-support_message #messageList th { font-size: 1.6rem; padding: 12px 5px; border-top: 1px solid #ccc; border-bottom: 2px solid #ccc; text-align: left;} #kgshinko-support_message #messageList td { font-size: 1.6rem; padding: 10px 10px; line-height: 1.8; border-bottom: 1px solid #ccc;} #kgshinko-support_message #messageList .club td, #kgshinko-support_message #messageList td.club { background-color: #fcf6e5;} #kgshinko-support_message #messageList .kyouka td, #kgshinko-support_message #messageList td.kyouka { background-color: #e5ede6;} #kgshinko-support_message #messageList [id^='message_'] [class^='month_'] ul.note { margin-bottom: 20px;} #kgshinko-support_message #messageList [id^='message_'] [class^='month_'] ul.note li { font-size: 1.6rem;} #kgshinko-support_message #messageList [id^='message_'] [class^='month_'] ul.note li.club::before { content: ''; width: 10px; height: 10px; background-color: #FEF1CD; display: inline-block; margin-right: 5px;} #kgshinko-support_message #messageList [id^='message_'] [class^='month_'] ul.note li.kyouka::before { content: ''; width: 10px; height: 10px; background-color: #E1EDD9; display: inline-block; margin-right: 5px; } @media (min-width: 768px){ #kgshinko-support_message .l_col-tab button { margin-bottom: 10px;} #kgshinko-support_message #messageList [id^='message_'] [class^='month_'] { margin-bottom: 80px;} #kgshinko-support_message #messageList [id^='message_'] [class^='month_'] .heading03 { margin-bottom: 30px;} #kgshinko-support_message #messageList [id^='message_'] [class^='month_'] ul.note li { display: inline-block;} #kgshinko-support_message #messageList [id^='message_'] [class^='month_'] ul.note li.club { margin-right: 20px;} } @media (max-width: 767px){ #kgshinko-support_message .l_col-tab button { margin-right: 0; max-width: none;} #kgshinko-support_message .l_col-tab button:nth-child(odd) { margin-right: 16px; } #kgshinko-support_message .l_col-tab button:nth-child(n+3) { margin-top: 10px;} #kgshinko-support_message #messageList th { font-size: 1.4rem; } #kgshinko-support_message #messageList td { font-size: 1.4rem; } #kgshinko-support_message #messageList [id^='message_'] [class^='month_'] { margin-bottom: 60px; } #kgshinko-support_message #messageList [id^='message_'] [class^='month_'] .heading03 { margin-bottom: 20px;} #kgshinko-support_message #messageList [id^='message_'] [class^='month_'] ul.note li.club { margin-bottom: 8px;} } /*------------------------------------------------------ [kgshinko-d_howto] ------------------------------------------------------*/ #kgshinko-d_howto .donation-btn .l_col-btn-index { justify-content: center;} #kgshinko-d_howto .donation-btn .l_col-btn-index::after { display: none;} #kgshinko-d_howto .donation-btn .l_col-btn-index li { max-width: 360px; width: 100%;} #kgshinko-d_howto #donate-online .explain-img { width: 184px; height: 30px; margin: 0 10px;} #kgshinko-d_howto #credit-card-payment figure { text-align: left; margin-top: 0; margin-bottom: 20px;} #kgshinko-d_howto #credit-card-payment figure img { max-width: 320px; max-height: 35px;} #kgshinko-d_howto #e-banking-payment .l_col-2 .text { margin-bottom: 0;} #kgshinko-d_howto #e-banking-payment .l_col-2 .list-b { margin-top: 0;} #kgshinko-d_howto #convenience-store-payment figure { text-align: left; margin-top: 0; margin-bottom: 20px;} #kgshinko-d_howto #convenience-store-payment figure img { max-width: 255px; max-height: 84px;} #kgshinko-d_howto #receipt .list-a .annotation li::before { position: relative; background: none; transform: none; left: auto; top: auto; } @media (min-width: 768px) { } @media (max-width: 767px) { } /*------------------------------------------------------ [financial] ------------------------------------------------------*/ .financial #greeting .text p span { font-size: 2.4rem; } .financial #greeting .text p .point { font-size: 1.6rem; text-indent: -1em; padding-left: 1em; display: inline-block;} .financial #total {} .financial #total table { width: 100%;} .financial #total table td { text-align: right;} .financial #income {} .financial #income table { width: 100%; table-layout: auto; } .financial #income table thead tr:last-child th { background-color: #F0F5F8;} .financial #income table tbody td { text-align: right;} .financial #income table tbody th { text-align: left; background-color: #fff;} .financial #spending {} .financial #spending table { width: 100%; table-layout: auto; } .financial #spending table tr td:first-child { text-align: left;} .financial #spending table tr td:last-child { text-align: right;} .financial #spending table thead th:first-child {} .financial #spending table thead th:last-child { width: 20%;} .financial table td.center { text-align: center !important;} @media (min-width: 768px) { .financial #greeting .text p span {} .financial #total { margin-left: 0;} .financial #total table {} .financial #income {} .financial #income table {} .financial #income table tbody th { padding-left: 10px; padding-right: 10px; } .financial #spending {} .financial #spending table {} .financial #spending table td { padding-left: 10px; padding-right: 10px;} } @media (max-width: 767px) { .financial #total {} .financial #total table {} .financial #income {} .financial #income .table-wrap { overflow-x: auto;} .financial #income table {} .financial #income table thead th:first-child { min-width: 100px;} .financial #spending {} .financial #spending table {} } /*------------------------------------------------------ [posthumous] 遺贈寄付 ------------------------------------------------------*/ #kgshinko-posthumous #posthumous-flow .table-a { position: relative; margin-bottom: 40px; } #kgshinko-posthumous #posthumous-flow .table-a th { text-align: left; } #kgshinko-posthumous #posthumous-flow .table-a:not(:last-of-type):after { content: ''; position: absolute; left: 0; right: 0;bottom: -27px; margin: auto; border-top: 16px solid #5C2E7E; width: 32px; height: 16px; border-left: 16px solid transparent; border-right: 16px solid transparent; } #kgshinko-posthumous #posthumous-flow .table-a th { } #kgshinko-posthumous #posthumous-flow .table-a td { } #kgshinko-posthumous #posthumous-flow .table-a span { font-weight: bold; } #kgshinko-posthumous #posthumous-flow .table-a .posthumous-lead,#kgshinko-posthumous #posthumous-flow .posthumous-lead { text-align: center; } #kgshinko-posthumous #posthumous-flow .l_col-2 { } #kgshinko-posthumous #posthumous-flow .l_col-2 > div > div { position: relative; border: 1px solid #C7CED2; text-align: center; } #kgshinko-posthumous #posthumous-flow .l_col-2 > div.right > div:first-child { margin-bottom: 40px; } #kgshinko-posthumous #posthumous-flow .l_col-2 >div >div:after { content: ''; position: absolute; left: 0; right: 0;top: -27px; margin: auto; border-top: 16px solid #5C2E7E; width: 32px; height: 16px; border-left: 16px solid transparent; border-right: 16px solid transparent; } @media (min-width: 768px) { #kgshinko-posthumous #posthumous-flow .table-a .posthumous-lead,#kgshinko-posthumous #posthumous-flow .posthumous-lead { font-size: 2.2rem; } #kgshinko-posthumous #posthumous-flow .l_col-2 > div > div { padding: 20px; } #kgshinko-posthumous #posthumous-flow .l_col-2 > div.right > div:first-child { padding: 26px; } } @media (max-width: 767px) { #kgshinko-posthumous #posthumous-flow .table-a .posthumous-lead,#kgshinko-posthumous #posthumous-flow .posthumous-lead { font-size: 1.8rem; } #kgshinko-posthumous #posthumous-flow .l_col-2 { -webkit-flex-wrap: nowrap; flex-wrap: nowrap;} #kgshinko-posthumous #posthumous-flow .l_col-2 > div { width: calc(50% - 10px ); } #kgshinko-posthumous #posthumous-flow .l_col-2 > div > div { padding: 10px; } #kgshinko-posthumous #posthumous-flow .l_col-2 > div.right > div:first-child { padding: 15px; } #kgshinko-posthumous #posthumous-flow .table-a th { width: 35%; } #kgshinko-posthumous #posthumous-flow .table-a td { width: 65%; } } /*------------------------------------------------------ ------------------------------------------------------*/ @media (min-width: 768px) { } @media (max-width: 767px) { }