@charset "utf-8";
/*
Theme Name:ECC2025
Description:responsive design
version： 0.0.1
*/

/* css reset */
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul
abbr, address, cite, code, 
del, dfn, em, img, ins, kbd, q, samp, 
small, strong, sub, sup, var, 
b, i, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, 
article, aside, canvas, details, 
figcaption, figure, footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video{
 font-size:100%; margin:0; padding:0; vertical-align:baseline; border:0; outline:0; background:transparent; }

html{ overflow-y:scroll; -webkit-text-size-adjust:100%; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{ display:block; }
nav ul{ list-style:none; }
blockquote, q{ quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after{ content:""; content:none; }
a{ font-size:100%; display:inline-block; margin:0; padding:0; vertical-align:baseline; background:transparent; transition:all .3s ease; }
a::before, a::after{ transition:all .3s ease; }
ins{ text-decoration:none; color:#222; background-color:#376fb0; }
mark{ font-weight:bold; font-style:italic; color:#222; background-color:#376fb0; }
del{ text-decoration:line-through; }
abbr[title], dfn[title]{ cursor:help; border-bottom:1px dotted; }
table { border-spacing:0; border-collapse:collapse; }
hr { display:block; height:1px; margin:1em 0; padding:0; border:0; border-top:1px solid #376fb0; }

/* Text meant only for screen readers. */
.screen-reader-text{ border:0; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%); position:absolute !important; height:1px; width:1px; margin:-1px; padding:0; overflow:hidden; word-wrap:normal !important; }

/* css basic */
body, input, textarea, select, button{ font-family:"Poppins", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック", "Yu Gothic", Meiryo, sans-serif; line-height:1.8; font-weight:500; font-size:clamp(.875rem, calc(.75rem + .625vw), 1rem); color:#303030; }
img{ display:block; max-width:100%; height:auto; }
@font-face{
    src: url("fonts/Poppins-Regular.ttf") format("truetype");
    font-family: "Poppins";
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}
@font-face{
    src: url("fonts/Poppins-Bold.ttf") format("truetype");
    font-family: "Poppins";
    font-style: bold;
    font-weight: bold;
    font-display: swap;
}

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

*, *::before, *::after{ box-sizing:border-box; }

/* ----------------------------------------------------------------------
 共通
---------------------------------------------------------------------- */
:root{
    --blue-sf:#376fb0; --blue-dkg:#2d3540; --blue-ltg:#5e778c; --blue-lt:#789ebf; --blue-lt2:#a0c3d9; --blue-p:#d5e7f2; --blue-p2:#e5e9ec; --blue-st:#1d4470;
}
footer{ z-index:0; }
#main{ flex:1; position:relative; }
#container{ position:relative; display:flex; flex-direction:column; height:100vh; height:calc(var(--vh, 1vh) * 100); }
.sp_visible{ display:block; }
.tab_visible{ display:block; }
.pc_sp_visible, .pc_tab_visible{ display:none; }

/* textdeco */
/* カスタムフィールドのテキストエリアの改行を反映させる */
.customtext{ white-space:pre-wrap; }
h1, .title{ font-size:clamp(2rem, calc(1.273rem + 3.64vw), 4rem); color:var(--blue-st); }
h2, .catch{ font-size:clamp(1.438rem, calc(0.938rem + 2.5vw), 2.813rem); }
h3, .side_title, .sub_title, .comment-reply-title{ font-size:clamp(1.063rem, calc(0.722rem + 1.7vw), 2rem); }
h4{ font-size:clamp(1rem, calc(0.841rem + 0.8vw), 1.438rem); }
h1, h2, h3, h4, h5, h6, .title, .logotext, #global_menu ul.menu{ line-height:1.3; }
.article h1{ color:var(--blue-st); }
.single #page_header .title{ color:var(--blue-lt2); }
h2, .catch, .side_title{ color:var(--blue-sf); }
.sub_title, .comment-reply-title{ color:var(--blue-lt); }
.home .catch{ text-align:center; }
.catch2{ position:relative; padding:clamp(5.625rem, calc(4.716rem + 4.55vw), 8.125rem) 0 0 !important; text-align:center; width:100%; color:var(--blue-dkg); }
.catch2::after{ content:""; position:absolute; bottom:clamp(0rem, calc(-0.227rem + 1.14vw), 0.625rem); left:50%; transform:translateX(-50%); height:clamp(7.5rem, calc(6.136rem + 6.82vw), 11.25rem); aspect-ratio:1; background:url(img/svg/icon1.svg) no-repeat center center; background-size:contain; z-index:-1; }
.article h2, .article h3, .side_title, .sub_title, .article h4, .catch, .comment-reply-title,
.article p + h2:first-of-type{ position:relative; margin:2em 0 1em; padding:.25em 0; }
.article h2:first-of-type, .posttitle_area .catch, .catch.first, .side_title.first, .sub_title.first{ margin:0 0 1em !important; }
.article p{ margin-bottom:2em; }
.article ul{ padding:.5em .5em .5em 2em; }
.article ul li{ margin:0 0 .5em; }
.article p + ul{ margin:-2em 0 0; }
.article h2 + ul{ margin:-.5em 0 0; }
.article p + ol{ margin:-1em 0 1em 1.5em; }
.article table{ width:100%; }
a{ color:var(--blue-ltg); }
a:hover{ text-decoration:none; }
.tap:active, a.page-numbers:active{ transform:scale(.95); }
ol{ margin:0 0 1em 1.5em; }
dl.dl_col2 > div{ display:flex; overflow:hidden; border-bottom:1px solid var(--blue-lt2); }
dl.dl_col2 > div:first-of-type{ border-top:1px solid var(--blue-lt2) }
dl.dl_col2 dt{ padding:1em .5em; font-weight:bold; background:var(--blue-p); }
dl.dl_col2 dd{ padding:1em .5em; }
.text_l{ font-size:1.5em; }
.title_anime span{ display:inline-block; opacity:0; transition:1s .4s ease-out; }
.title_anime span:first-of-type{ text-transform:capitalize; }
.tags{ font-size:.85em; margin:.5em 0 0; }
.tags span{ display:inline-block; margin:0 1em 0 0; }
.tags span::before{ content:'#'; }
.tags span:not(:last-of-type)::after{ content:', '; }
.col3, .col2{ position:relative; }
.col3 > a, .col2 > a{ position:relative; display:block; }
@media screen and (max-width:428px) {
    table.sp_table_block{ display:block; width:100%; }
    table.sp_table_block tbody{ display:block; width:100%; }
    table.sp_table_block tr, table.sp_table_block th, table.sp_table_block td{ display:block; width:100%; }
    table.sp_table_block th, table.sp_table_block td{ padding:1em .5em; }
    dl.dl_col2 > div{ display:block; }
    dl.dl_col2 dt, dl.dl_col2 dd{ padding:1em .5em; width:auto; }
}
@media screen and (min-width:429px) {
    dl.dl_col2.w150 dt{ width:110px; }
    dl.dl_col2.w150 dd{ width:calc(100% - 110px); }
    dl.dl_col2.w240 dt{ width:180px; }
    dl.dl_col2.w240 dd{ width:calc(100% - 180px); }
}
@media screen and (min-width:768px) {
	.sp_visible{ display:none; }
    .pc_sp_visible{ display:block; }
    dl.dl_col2 dt, dl.dl_col2 dd{ padding:1em; }
    dl.dl_col2.w150 dt{ width:150px; }
    dl.dl_col2.w150 dd{ width:calc(100% - 150px); }
    dl.dl_col2.w240 dt{ width:clamp(12.5rem, calc(9.423rem + 7.69vw), 15rem); }
    dl.dl_col2.w240 dd{ width:calc(100% - clamp(12.5rem, calc(9.423rem + 7.69vw), 15rem)); }
    .col3, .col2{ display:flex; align-items:center; }
    .col3 > a{ width:33.33%; }
    .col2 > a{ width:50%; }
}
@media screen and (min-width:1280px) {
    .tab_visible{ display:none; }
    .pc_tab_visible{ display:block; }
}
@media screen and (min-width:1600px) {
    h1, .title{ font-size:clamp(4rem, calc(-4.125rem + 8.13vw), 5.625rem); }
    h2, .catch{ font-size:clamp(2.813rem, calc(-3.125rem + 5.94vw), 4rem); }
    h3, .side_title{ font-size:clamp(2rem, calc(-2.063rem + 4.06vw), 2.813rem); }
    h4{ font-size:clamp(1.438rem, calc(-1.375rem + 2.81vw), 2rem); }
}

/* margin, text-align */
.mT05em{ margin-top:.5em !important; }
.mT1em{ margin-top:1em !important; }
.mT2em{ margin-top:2em !important; }
.mT3em{ margin-top:3em !important; }
.mT4em{ margin-top:4em !important; }
.mB05em{ margin-bottom:.5em !important; }
.mB1em{ margin-bottom:1em !important; }
.mB2em{ margin-bottom:2em !important; }
.mB3em{ margin-bottom:3em !important; }
.mB4em{ margin-bottom:4em !important; }

/* アイコン */
.icon_color{ width:1.1em; height:1.1em; fill:var(--blue-sf); }
.icon_color.gray{ fill:#606060; }
.icon_color.white{ fill:#fff; }
#header .login .icon_color{ width:32px; height:32px; fill:#fff !important; }

/* フワッと表示 jsとセットで使う */
.load-up{ opacity:0; transform:translateY(20px); transition:all 1.5s; }
.scroll-block{ opacity:0; transform:translateY(20px); transition:all 1.5s; }
.load-up.blockIn, .scroll-block.blockIn{ opacity:1; transform:translateY(0); }

/* linkアニメーション */
.arrow{ position:relative; }
.arrow::after,
#sidemenu .blog_list2 .arrow::after{ display:block; position:absolute; top:50%; right:1.8em; transform:translateY(-50%) rotate(45deg); width:.75em; height:.75em; border-top:2px solid var(--blue-lt); border-right:2px solid var(--blue-lt); content:""; animation:move-arrow 1.75s linear infinite; z-index:5; }
.blog_list2 .arrow::after{ top:auto; bottom:.5em; transform:rotate(45deg); }
.footer_menu .arrow::after{ left:0; width:.5em; height:.5em; border-color:#fff; animation:move-arrow-l 1.75s linear infinite; }
#drawer_menu .arrow::after,
#inquiry .arrow::after,
.membermenu .arrow::after{ border-color:#fff; }
@keyframes move-arrow{
    0% { right:2em; opacity:0;}
    30% { opacity:1;}
    60% { opacity:1;}
    100% { right:1em; opacity:0;}
}
@keyframes move-arrow-l{
    0% { left:0; opacity:0;}
    30% { opacity:1;}
    60% { opacity:1;}
    100% { left:.5em; opacity:0;}
}

/* ボタン */
.linkbutton{ position:relative; margin:0; z-index:1; }
button.btn, .linkbutton a, input[type=submit], .wpcf7 .wpcf7-submit{ text-decoration:none; cursor:pointer; position:relative; display:block; width:240px; text-align:center; padding:.75rem 1rem; margin:0 auto; font-size:1.125em; user-select:none; transition:all .3s ease; color:#fff; background:linear-gradient(120deg, var(--blue-dkg), var(--blue-ltg), var(--blue-dkg)); overflow:hidden; animation:gradient 5s ease-in-out infinite; background-size:400% 400%; border:0; }
.wpcf7 .wpcf7-submit{ margin-top:2em; font-weight:bold; border-radius:0; border:none; }
.linkbutton.left a{ margin:0; }
button.btn:hover, .linkbutton a:hover, input[type=submit]:hover, .wpcf7 .wpcf7-submit:hover{ letter-spacing:.125em; }
.searchform button.btn{ width:auto; width:50px; height:50px; line-height:1; border:none; background:var(--blue-dkg); transition:all .3s ease; }
.searchform button.btn:hover{ background:var(--blue-ltg); }
a.wp-block-button__link{ position:relative; min-width:240px; background:var(--blue-dkg); color:#fff; border-radius:0; }
a.wp-block-button__link:hover{ letter-spacing:.125em; }
.is-style-outline a.wp-block-button__link{ border:1px solid var(--blue-dkg); background:none; color:var(--blue-dkg); }
.is-style-outline a.wp-block-button__link:hover{ background:var(--blue-ltg); }
@keyframes gradient{ 
    0%, 100%{ background-position: 14% 0%; }
    50%{ background-position: 87% 100%; }
}
@media screen and (min-width:768px) {
    .buttons{ position:relative; display:flex; flex-wrap:wrap; justify-content:center; }
    .buttons.col2 > p:nth-of-type(odd){ margin-right:1em; }
}

/* レイアウト */
.inner{ position:relative; padding:clamp(3.75rem, calc(2.386rem + 6.82vw), 7.5rem) clamp(1rem, calc(0.227rem + 3.86vw), 3.125rem); }
.inner.pT0em{ padding-top:0; }
.inner.pB0em{ padding-bottom:0; }
.inner.pLR0em{ padding-right:0; padding-left:0; }
.breadcrumb.inner{ padding-top:clamp(1.875rem, calc(1.193rem + 3.41vw), 3.75rem); }
#page_header .inner{ width:100%; height:100%; }
.vh100{ height:100vh !important; height:calc(var(--vh, 1vh) * 100) !important; }
.img_cover, .img_contain{ position:relative; overflow:hidden; z-index:0; }
.img_cover img, .img_contain img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; z-index:-1; }
.img_contain img{ object-fit:contain; }
.images.col3 .img_cover{ width:100%; aspect-ratio:3 / 2; margin:0 0 3em; }
#wrap, #mainmenu{ position:relative; }
#archive_blog{ background:rgba(255,255,255,.5); }
.wp-block-image{ margin:0 0 2em; }
.wp-block-image img{ margin:0 auto; }
/* header */
#header{ position:fixed; top:0; left:0; width:100%; height:60px; z-index:100; }
/*
.header_inner{ position:absolute; width:100px; margin:clamp(1rem, calc(0.227rem + 3.86vw), 3.125rem) clamp(1rem, calc(0.227rem + 3.86vw), 3.125rem) 0; display:flex; align-items:flex-start; }
*/
#header_logo{ position:relative; width:100px; margin:clamp(1rem, calc(0.227rem + 3.86vw), 3.125rem) clamp(1rem, calc(0.227rem + 3.86vw), 3.125rem) 0; display:flex; align-items:flex-start; }
#header_logo h1, #header_logo p.logotext{ position:relative; font-size:clamp(1.125rem, calc(0.982rem + .71vw), 1.5rem); font-weight:bold; z-index:2; }
#header_logo h1 a, #header_logo p.logotext a{ position:relative; display:block; }
#header_logo h1 a .svglogo, #header_logo p.logotext a .svglogo{ position:relative; width:100%; aspect-ratio:10 / 9; fill:var(--blue-dkg); }
.nav-open #header_logo h1 a .svglogo, .nav-open #header_logo p.logotext a .svglogo{ fill:#fff !important; }
/* footer */
#footer{ position:relative; background:var(--blue-sf); }
#copyright{ position:relative; font-size:.75em; text-align:center; padding:1em 0; z-index:1; color:#fff; }
/* TOPへ戻るボタン */
.return_top{ display:none; text-align:center; position:fixed; right:clamp(1rem, calc(0.227rem + 3.86vw), 3.125rem); bottom:6.25rem; width:60px; height:60px; border-radius:5rem; padding:1.25em 0; font-weight:bold; color:#fff; text-decoration:none; background:var(--blue-dkg); z-index:50; }
.return_top::before{ content:""; position:absolute; top:1em; left:50%; width:10px; height:10px; border-top:2px solid #fff; border-right:2px solid #fff; transform:translate(-50%, 0) rotate(-45deg); }
.return_top:hover{ color:#fff; background:var(--blue-ltg); }
@media screen and (max-width:1279px) {
    .wp-block-image .alignright,
    .wp-block-image .alignleft{ float:none; margin:3em auto; }
}
@media screen and (min-width:429px) {
    .images.col3{ display:flex; flex-wrap:wrap; justify-content:center; }
    .images.col3 .img_cover{ width:32%; margin:0 0 3em; }
    .images.col3 .img_cover:not(:nth-of-type(3n)){ margin-right:2%; }
}
@media screen and (min-width:1280px) {
    .inner{ padding:120px 0; margin:0 clamp(8.75rem, calc(-2.5rem + 15vw), 12.5rem); }
    #page_header .inner{ width:calc(100% - calc(clamp(8.75rem, calc(-2.5rem + 15vw), 12.5rem) * 2)); }
    #header_logo{ width:clamp(6.25rem, calc(-3.125rem + 12.5vw), 9.375rem); margin-left:clamp(1.875rem, calc(-1.875rem + 5vw), 3.125rem); }
    #header_logo h1, #header_logo p.logotext{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; font-size:clamp(1.25rem, calc(0.92rem + 0.45vw), 1.375rem); }
    .return_top{ right:clamp(0.938rem, calc(-0.71rem + 2.27vw), 1.563rem); bottom:clamp(3.125rem, calc(2.173rem + 4.76vw), 5.625rem); width:70px; height:70px; }
    .wp-block-image .alignright{ margin:3em 0 3em 3em; }
    .wp-block-image .alignleft{ margin:3em 3em 3em 0; }
}
@media screen and (min-width:1600px) {
    .inner, #page_header .inner{ width:1200px; margin:0 auto; }
    .header_inner{ width:clamp(6.25rem, calc(-9.375rem + 15.63vw), 9.375rem); }
}

/* nav */
/* drawer */
.login,
.hamburger{ display:block; text-decoration:none; position:absolute; top:clamp(1rem, calc(0.227rem + 3.86vw), 3.125rem); right:clamp(1rem, calc(0.227rem + 3.86vw), 3.125rem); width:80px; height:80px; border-radius:5rem; background:var(--blue-dkg); display:flex; flex-direction:column; justify-content:center; align-items:center; cursor:pointer; transition:all .3s ease; z-index:2; }
.login:hover,
.hamburger:hover{ background:var(--blue-ltg); }
.hamburger_border{ display:inline-block; width:2em; height:2px; background:#fff; margin:4px 0; transition:all .3s ease; }
.h_sp_menu{ display:inline-block; text-align:center; text-transform:uppercase; margin:5px 0 0; padding:0; line-height:1; font-size:.9em; color:#fff; transition:all .3s ease; }
.nav-open .hamburger_border{ width:2em; }
.nav-open .hamburger_border_top{ transform:translateY(10px) rotate(45deg); }
.nav-open .hamburger_border_center{ width:0; }
.nav-open .hamburger_border_bottom{ transform:translateY(-10px) rotate(-45deg); }
.login{ top:calc(clamp(1rem, calc(0.227rem + 3.86vw), 3.125rem) + calc(80px + 1em)); }
#drawer_menu{ position:fixed; right:-100vw; top:0; width:100%; height:100vh; height:calc(var(--vh, 1vh) * 100); display:flex; align-items:flex-start; transition:all .3s ease; opacity:0; overflow-y:auto; z-index:99; }
.nav-open #drawer_menu{ right:0; opacity:1; }
.drawer_inner{ position:relative; width:100%; margin:220px 0 0; padding:0 clamp(1rem, calc(0.227rem + 3.86vw), 3.125rem); transition:opacity .3s .3s ease; opacity:0; z-index:1; }
.nav-open .drawer_inner{ opacity:1; }
.black_bg{ position:fixed; right:0; top:0; width:100%; height:100vh; height:calc(var(--vh, 1vh) * 100); z-index:-5 !important; opacity:0; visibility:hidden; cursor:pointer; background:rgba(55,111,176,.95); transition:all .3s ease; }
.nav-open .black_bg{ opacity:1; visibility:visible; }
#drawer_menu ul.menu{ margin:0 auto; display:flex; flex-wrap:wrap; pointer-events:auto; }
#drawer_menu ul.menu li{ width:100%; }
#drawer_menu ul.menu a{ position:relative; display:block; width:100%; margin:0; padding:.5em 1em; font-size:clamp(1rem, calc(0.952rem + 0.24vw), 1.125rem); color:#fff; text-decoration:none; }
#drawer_menu ul.menu a:hover{ background:rgba(255,255,255,.3); }
#drawer_menu ul.sub-menu{ margin-left:2em; }
@media screen and (min-width:768px) {
    .drawer_inner{ margin:260px 0 0; }
    .drawer_menu{ display:flex; justify-content:space-between; align-items:flex-start; }
    .drawer_menu ul.menu{ width:46%; }
}
@media screen and (min-width:1280px) {
    .login,
    .hamburger{ width:90px; height:90px; right:clamp(1.875rem, calc(-1.875rem + 5vw), 3.125rem); }
    .login{ top:calc(clamp(1rem, calc(0.227rem + 3.86vw), 3.125rem) + calc(90px + 1em)); }
}

/* フッターメニュー */
.footer_menu{ margin:clamp(5rem, calc(3.409rem + 7.95vw), 9.375rem) 0 0; }
.footer_menu ul.menu{ list-style:none; padding:2em 0; }
.footer_menu ul.menu a{ display:block; padding:.25em 0 .25em 1.5em; text-decoration:underline; color:#fff; }
.footer_menu ul.sub-menu{ list-style:none; margin-left:1.5em; }
@media screen and (min-width:768px) {
    .footer_menu ul.menu{ display:flex; justify-content:space-between; }
}

/* パンクズ */
.breadcrumb{ position:relative; z-index:1; }
.breadcrumb ul{ display:flex; flex-wrap:wrap; align-items:center; list-style:none; }
.breadcrumb li{ display:flex; align-items:center; font-size:13px; }
.breadcrumb li a{ display:inline-block; padding:.25em 0; text-decoration:underline; color:#606060; }
.breadcrumb li a span{ display:flex; align-items:center; }
.breadcrumb li span{ display:inline-block; padding:.25em 0; }

/* ページネーション */
.pagination{ margin:0 auto; }
ul.page-numbers{ list-style:none; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
ul.page-numbers li{ margin:0 .125em; }
ul.page-numbers a, ul.page-numbers .current{ display:flex; justify-content:center; align-items:center; width:32px; height:32px; border:1px solid var(--blue-sf); border-radius:10px; }
ul.page-numbers .current{ background:var(--blue-sf); color:#fff; }
ul.page-numbers a:hover{ background:var(--blue-lt2); border:1px solid var(--blue-lt2); color:var(--blue-dkg); }
@media screen and (min-width:429px) {
    ul.page-numbers a, ul.page-numbers .current{ width:2.75em; height:2.75em; }
}
@media screen and (min-width:768px) {
    ul.page-numbers li{ margin:0 .25em; }
}

/* コメント */
.comment-respond{ margin:0 0 40px; }
ol#comments-list{ margin:0; counter-reset:number; list-style-type:none !important; }
ol#comments-list li{ position:relative; padding:1.25em 1em 1.25em 3.5em; background:rgba(0,0,0,.05); }
ol#comments-list li::before{ position:absolute; counter-increment:number; content:counter(number); display:inline-block; background:var(--blue-sf); color:white; font-weight:bold; font-size:1em; left:0; width:2em; height:100%; text-align:center; top:50%; transform:translateY(-50%); display:flex; justify-content:center; align-items:center; }
ol#comments-list li:not(:last-of-type){ margin:0 0 1em; }
.comment-meta img{ display:none; }
.comment-meta .fn{ color:var(--blue-st); }
.comment-content p:last-of-type{ margin:0; }
.comment-form .comment-form-comment, .comment-form .comment-form-author{ display:flex; flex-wrap:wrap; justify-content:space-between; }
.comment-form .comment-form-comment > *, .comment-form .comment-form-author > *{ width:calc(100% - 190px); }
.comment-form .comment-form-comment label, .comment-form .comment-form-author label{ font-weight:bold; color:#222; width:180px; }
.comment-form .comment-form-comment{ margin:1em 0; }
.comment-form input[type=text], .comment-form textarea{ padding:.5em; border:1px solid #777; outline:none; }
.comment-form input:focus, .comment-form textarea:focus { border:1px solid var(--blue-lt2); outline:none; }
@media screen and (max-width:767px) {
    .comment-form .comment-form-comment > *, .comment-form .comment-form-author > *{ width:100%; }
}

/* サイドメニューのコメント */
ul.sidebar_comments{ list-style:none; }
ol.wp-block-latest-comments{ position:relative; display:flex; flex-wrap:wrap; }
ol.wp-block-latest-comments li{ width:100%; padding:1em 1em 0; margin-bottom:2em; background:rgba(255,255,255,.95); }
a.wp-block-latest-comments__comment-link{ display:inline-block; background:var(--blue-p); color:var(--blue-dkg); padding:.25em .5em; border-radius:2px; }
a.wp-block-latest-comments__comment-link:hover{ text-decoration:none; }
.wp-block-latest-comments__comment-date{ color:#777; }
@media screen and (min-width:429px) {
    ol.wp-block-latest-comments li{ width:49%; }
    ol.wp-block-latest-comments li:nth-of-type(odd){ margin-right:2%; }
}
@media screen and (min-width:1280px) {
    ol.wp-block-latest-comments li{ width:32%; }
    ol.wp-block-latest-comments li:nth-of-type(odd){ margin-right:0; }
    ol.wp-block-latest-comments li:not(:nth-of-type(3n)){ margin-right:2%; }
}

/* sidemenu */
#sidemenu{ position:relative; background:url(img/bgimage.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; overflow:hidden; }
#sidemenu .overlay{ position:absolute; inset:0; background:rgba(229,233,236,.85); }
#sidemenu select{ -webkit-appearance:none; -moz-appearance:none; appearance:none; background:#fff; outline:none; border:1px solid var(--green-ltg1); height:50px; padding:.5em 1em; font-size:1em; cursor:pointer; width:100%; }
#sidemenu select::-ms-expand{ display:none; }
.selectbox1{ position:relative; overflow:hidden; }
.selectbox1::after{ position:absolute; content:''; pointer-events:none; top:50%; right:1.4em; transform:translate(50%, -50%) rotate(45deg); width:.5em; height:.5em; border-bottom:2px solid var(--blue-sf); border-right:2px solid var(--blue-sf); content:''; }
#sidemenu .memberside > div{ width:100%; }
@media screen and (max-width:767px) {
    #sidemenu .normalside > div:last-of-type{ margin-top:2em; }
}
@media screen and (min-width:768px) {
    #sidemenu > .inner{ display:flex; }
    #sidemenu .normalside{ justify-content:space-between; }
    #sidemenu .normalside > div{ width:48%; }
}

/* wpcf7 */
.wpcf7{ position:relative; }
.wpcf7 p{ margin-bottom:0 !important; }
.wpcf7 a{ text-decoration:underline; }
.wpcf7 input, .wpcf7 textarea{ width:100%; padding:.5em; border:1px solid #ccc; border-radius:4px; line-height:1.4; }
.wpcf7 select, .wpcf7 input[type=checkbox], .wpcf7 input[type=radio] { width:auto; max-width:97%; padding:8px; border:1px solid #ccc; border-radius:4px; }
.wpcf7 select, .wpcf7 .wpcf7-list-item-label{ line-height:1.4; }
.wpcf7 .wpcf7-list-item{ display:block; }
.wpcf7 textarea{ height:300px; }
.wpcf7 input:focus, .wpcf7 textarea:focus{ border:1px solid var(--blue-sf); outline:none; }
.hissu{ display:inline-block; background:var(--blue-dkg); color:#fff; font-size:.9rem; font-weight:bold; padding:.1em .5em 0; margin:0 0 0 .5em; border-radius:4px; }
@media screen and (min-width:768px) {
    .wpcf7 .text_doui{ margin:0 1em; }
}
@media screen and (min-width:1280px) {
    .wpcf7 .text_doui{ margin:0 2em; }
}

/* search */
.searchform{ display:flex; justify-content:space-between; align-items:center; }
.searchform .keyword_text{ width:calc(100% - 65px); }
.searchform input{ width:100%; height:50px; padding:.5em 1em; border:1px solid var(--blue-dkg); line-height:1.4; }
.searchform input:focus{ border:1px solid var(--blue-ltg); outline:none; }

/* splide */
.splide{ z-index:0; }
.splide-controller{ margin-top:2em; }
.splide__pagination{ display:flex; gap:1.2em .5em; justify-content:center; margin:0 auto 2em 0; }
.splide__pagination>li{ font-size:0;
      /* liタグの下にある余白を消すため */ }
/* 前へ / 次へボタン */
.splide__arrows{ display:flex; justify-content:center; }
.splide__arrow--prev, .splide__arrow--next{ display:grid; place-content:center; width:50px; height:50px; margin:0 .25rem; cursor:pointer; background:var(--blue-dkg); border-radius:50%; border:none; transition:all .3s ease; }
.splide__arrow--prev:hover, .splide__arrow--next:hover{ background:var(--blue-ltg); }
.splide__arrow--prev::after, .splide__arrow--next::after{ width:.8rem; height:.8rem; content:""; border:3px solid #fff; border-width:3px 3px 0 0; }
.splide__arrow--prev::after{ margin-left:.4rem; transform:rotate(-135deg); }
.splide__arrow--next::after{ margin-right:.4rem; transform:rotate(45deg); }
.splide__arrow>svg{ display:none; }
.splide__arrow:disabled{ pointer-events:none; opacity:0; }
.splide__arrow:focus-visible{ outline:3px solid var(--blue-lt2); outline-offset:3px; z-index:1; transition:none; }
.splide__pagination__page{ border:none; width:1.6em; height:6px; cursor:pointer; vertical-align:top; background-color:#ccc; transition:all .3s ease; }
.splide__pagination__page:focus-visible{ outline:3px solid var(--blue-lt2); outline-offset:3px; z-index:1; transition:none; }
.splide__pagination__page.is-active{ width:4em; background-color:var(--blue-lt); }
.splide__slide:focus-visible{ outline: 3px solid var(--blue-lt2); outline-offset:3px; z-index:1; transition:none; }
/* firefoxちらつき防止 */
@-moz-document url-prefix(){
    .slide{ outline:1px solid transparent; border:1px solid rgba(255,255,255,.1); }
}
.splide-wrapper{ position:relative; }
.card{ overflow:hidden; }
.card .splide{ position:relative; }
.card .splide__track{ overflow:visible; }
.card .splide__slide{ display:block; width:max-content; transition:all .3s ease; }
.card .slide{ overflow:hidden; transition:all .3s ease; }
@media screen and (min-width:429px) {
    .splide-controller{ position:relative; display:flex; }
}

/* 記事リスト1・記事リスト2 */
.blog_list2{ display:flex; flex-wrap:wrap; justify-content:space-between; }
.blog_list .item{ position:relative; width:100%; padding:30px 0; border-bottom:1px solid var(--blue-dkg); }
.blog_list2 .item{ position:relative; width:100%; margin:0 0 90px; }
.blog_list .item:first-of-type{ border-top:1px solid var(--blue-dkg); }
.blog_list2 .item:last-of-type{ margin:0; }
.blog_list a,
.blog_list2 a{ display:block; position:relative; text-decoration:none; }
.blog_list a{ display:flex; justify-content:space-between; align-items:center; }
.blog_list a .img_cover{ width:100px; aspect-ratio:1 / 1; border-radius:0 30px 0 30px; transition:all .3s ease; }
.blog_list.search_list a .img_cover,
.blog_list.news_list a .img_cover{ width:150px; aspect-ratio:3 / 2; }
.blog_list2 a .img_cover{ width:100%; aspect-ratio:3 / 2; border-radius:0 50px 0 50px; transition:all .3s ease; }
.blog_list a:hover .img_cover,
.blog_list2 a:hover .img_cover{ transform:translateY(-.5em); box-shadow:rgba(50,50,93,.25) 0px 50px 100px -20px, rgba(0,0,0,.3) 0px 30px 60px -30px; }
.blog_list a .img_cover > div,
.blog_list2 a .img_cover > div{ position:absolute; top:0; left:0; width:100%; height:100%; transition:all .3s ease; z-index:-1; }
.blog_list a:hover .img_cover > div,
.blog_list2 a:hover .img_cover > div{ transform:scale(1.1); }
.blog_list .title_area{ width:calc(100% - 110px); padding:0 2em 0 0; }
.blog_list .noimage .title_area{ width:100%; }
.blog_list.search_list .title_area,
.blog_list.news_list .title_area{ width:calc(100% - 160px); }
.blog_list a .title_area .title,
.blog_list2 a .title_area .title{ font-size:clamp(1.125rem, calc(0.917rem + 0.69vw), 1.438rem); color:var(--blue-dkg); margin:1em 0 0 !important; line-height:1.4; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; transition:all .3s ease; }
.blog_list a .title_area .title{ margin:0 !important; }
.blog_list a:hover .title_area .title,
.blog_list2 a:hover .title_area .title{ color:var(--blue-ltg); }
.blog_list .meta_area,
.blog_list2 .meta_area{ margin-top:1em; }
ul.cat, ul.tag{ list-style:none; margin-top:.5em; }
ul.cat li, ul.tag li{ display:inline-block; margin:.25em 0; }
ul.cat li a{ padding:.1em 1em; border:1px solid var(--blue-ltg); color:var(--blue-ltg); border-radius:.5em; text-decoration:none; }
ul.cat li a:hover{ background:var(--blue-ltg); color:#fff; }
ul.tag li a::before{ content:"#"; }
ul.tag li:not(:last-of-type) a::after{ content:", "; }
@media screen and (min-width:429px) {
    .blog_list2 .item{ width:48%; }
    .blog_list2 a .title_area .title{ height:clamp(3.125rem, calc(2.5rem + 2.08vw), 4.063rem); }
}
@media screen and (min-width:768px) {
    .blog_list.search_list a .img_cover,
    .blog_list.news_list a .img_cover{ width:210px; }
    .blog_list.search_list .title_area,
    .blog_list.news_list .title_area{ width:calc(100% - 230px); }
}
@media screen and (min-width:1280px) {
    .blog_list2{ justify-content:flex-start; }
    .blog_list2 .item{ width:30%; }
    .blog_list2 .item:not(:nth-of-type(3n)){ margin-right:5%; }
    .blog_list.search_list a .img_cover,
    .blog_list.news_list a .img_cover{ width:270px; }
    .blog_list.search_list .title_area,
    .blog_list.news_list .title_area{ width:calc(100% - 290px); }
}

/* タクソノミー一覧デザイン */
.tablist,
.border_blue{ position:relative; border:1px solid var(--blue-ltg); border-radius:0 30px 0 30px; padding:2em clamp(1rem, calc(0.227rem + 3.86vw), 3.125rem); }
.border_blue{ padding:clamp(3.75rem, calc(2.386rem + 6.82vw), 7.5rem) clamp(1rem, calc(0.227rem + 3.86vw), 3.125rem); }
.tablist ul{ list-style:none; }
.tablist li{ margin:.5em 0; }
.tablist a{ position:relative; display:inline-block; padding:.25em 0 .25em 2em; text-decoration:none; }
.tablist a.on, .tablist a:hover{ text-decoration:underline; }
.tablist a::before{ display:block; position:absolute; top:50%; left:0; transform:translateY(-50%) rotate(45deg); width:.5em; height:.5em; border-top:2px solid var(--blue-lt); border-right:2px solid var(--blue-lt); content:""; z-index:1; }
.tablist a:hover::before{ left:.5em; }
@media screen and (min-width:429px) {
    .tablist{ border-radius:0 50px 0 50px; }
}

/* svg */
.water{ position:relative; }
.svgwater{ position:absolute; width:400px; aspect-ratio:1; fill:rgba(213,231,242,.5); z-index:0; }
.svgwater0{ top:-300px; left:-300px; width:clamp(25rem, calc(11.364rem + 68.18vw), 62.5rem); fill:rgba(255,255,255,.6); z-index:1; }
.svgwater1{ top:-240px; right:0; width:clamp(15rem, calc(11.364rem + 18.18vw), 25rem); }
.svgwater2{ top:480px; left:calc(clamp(3.125rem, calc(1.989rem + 5.68vw), 6.25rem) * -1); width:clamp(15rem, calc(11.364rem + 18.18vw), 25rem); fill:rgba(229,233,236,.5); }
.svgwater3{ top:1440px; right:clamp(3.125rem, calc(1.989rem + 5.68vw), 6.25rem); width:clamp(20rem, calc(15.909rem + 20.45vw), 31.25rem); fill:rgba(213,231,242,.5); }
.svgwater4{ top:-150px; left:clamp(3.125rem, calc(1.989rem + 5.68vw), 6.25rem); width:clamp(15rem, calc(11.364rem + 18.18vw), 25rem); fill:rgba(255,255,255,.3); }
.svgwater5{ top:300px; right:0; width:clamp(20rem, calc(15.909rem + 20.45vw), 31.25rem); fill:rgba(255,255,255,.5); }
@media screen and (max-width:767px) {
    .svgwater1{ fill:rgba(213,231,242,.25); }
}

/* 波型境界線 */
.customshape-bottom{ position:absolute; bottom:-1px; left:0; width:100%; overflow:hidden; line-height:0; transform:rotate(180deg); z-index:3; }
.customshape-bottom svg{ position:relative; bottom:1px; display:block; width:calc(100% + 1.3px); height:clamp(5rem, calc(3.409rem + 7.95vw), 9.375rem); }
.customshape-top{ position:absolute; top:-1px; left:0; width:100%; overflow:hidden; line-height:0; transform:rotate(180deg); z-index:3; }
.customshape-top svg{ position:relative; display:block; width:calc(100% + 1.3px); height:clamp(5rem, calc(3.409rem + 7.95vw), 9.375rem); }
.customshape-bottom .shape-fill,
.customshape-top .shape-fill{ fill:#fff; }

/* 投稿・固定 */
#page_header{ position:relative; overflow:hidden; width:100%; height:clamp(15rem, calc(13.182rem + 9.09vw), 20rem); background:url(img/bgimage.jpg) no-repeat center center; background-size:cover; }
#page_header .overlay{ position:absolute; inset:0; background:linear-gradient(to right, rgba(55,111,176,.9), rgba(120,158,191,.5)); z-index:2; }
#page_header .title_area{ position:absolute; bottom:0; z-index:5; }
.tax-member-cat #page_header{ height:360px; }
.meta_area{ position:relative; display:flex; flex-wrap:wrap; align-items:center; list-style:none; padding:0; margin:0 0 .5em; color:#777; }
.posttitle_area .meta_area{ padding:0; margin:2em 0 clamp(3.75rem, calc(2.386rem + 6.82vw), 7.5rem) !important; }
.posttitle_area .meta_area p{ display:flex; align-items:center; margin:.5em 0 0; width:100%; }
.single_cat a{ display:inline-block; padding:.125em 1em 0; border:1px solid var(--blue-ltg); border-radius:.5em; text-decoration:none; transition:all .3s ease; }
.single_cat a:hover{ background:var(--blue-ltg); color:#fff; }
.single_tags{ margin:1em 0 0 !important; }
.single_tags a{ display:inline-block; padding:.125em 0 0; margin:0 1em 0 0; }
.single_tags a::before{ content:'#'; }
.single_tags a:not(:last-of-type)::after{ content:', '; }
.posttitle_area .img_cover{ max-width:1000px; aspect-ratio:3 / 2; margin:3em auto 90px; } 
.post_area{ padding:clamp(3.125rem, calc(1.935rem + 5.95vw), 6.25rem) 0; }
#prev_next{ list-style:none; display:flex; justify-content:space-between; align-items:center; }
#prev_next div{ position:relative; width:50%; }
#prev_next div a{ position:relative; display:flex; justify-content:flex-end; align-items:center; padding:.75em 2em .75em 1em; border:1px solid var(--blue-ltg); }
#prev_next div a::after{ content:""; position:absolute; top:50%; transform:translateY(-50%) rotate(45deg); right:1em; width:.625em; height:.625em; border-top:1px solid var(--blue-ltg); border-right:1px solid var(--blue-ltg); z-index:1; }
#prev_next div a:hover::after{ right:.25em; }
#prev_next div:first-of-type a{ justify-content:flex-start; padding:.75em 1em .75em 2em; }
#prev_next div:first-of-type a::after{ right:auto; left:1em; transform:translateY(-50%) rotate(225deg); }
#prev_next div:first-of-type a:hover::after{ left:.25em; }
.scrolldown{ position:absolute; bottom:0; left:50%; transform:translateX(-50%); z-index:11; }
.scrolldown a{ display:inline-block; }
.scrolldown span{ display:inline-block; padding:.25em 1em 20px; }
.scrolldown::after{ content:""; position:absolute; top:25px; left:50%; transform:translateX(-50%); width:1px; height:20px; background:var(--blue-ltg); animation:pathmove 1.4s ease-in-out infinite; opacity:0; }
/* FAQ */
.cp_qa .cp_actab{ position:relative; overflow:hidden; width:100%; margin:0 0 1em 0; color:#222; }
.cp_qa .cp_actab input{ position:absolute; opacity:0; }
.cp_qa .cp_actab label{ font-weight:bold; line-height:1.6; position:relative; display:block; padding:1em 2em 1.25em 3em; cursor:pointer; text-indent:1em; border-radius:.5em; background:#f2f2f2; }
.cp_qa .cp_actab label::before{ font-size:1.5em; margin-left:-2em; padding-right:.5em; content:'Q'; }
.cp_qa .cp_actab label:hover{ transition:all .3s ease; color:var(--blue-sf); }
.cp_qa .cp_actab label::after{ position:absolute; top:50%; right:1em; transform:translateY(-50%) rotate(45deg); width:.75em; height:.75em; border-bottom:3px solid var(--blue-lt); border-right:3px solid var(--blue-lt); content:""; transition:transform .3s ease; }
.cp_qa .cp_actab .cp_actab-content{ position:relative; overflow:hidden; max-height:0; padding:0 0 0 3em; transition:max-height .3s ease; border-radius: 0 0 .5em .5em; border:1px solid #eee; visibility:hidden; transition:all .3s ease; }
.cp_qa .cp_actab .cp_actab-content::before{ font-size:1.5em; position:absolute; margin:.4em 0 0 -1em; padding:0; content:'A'; color:var(--blue-sf); }
.cp_qa .cp_actab .cp_actab-content p{ margin:1em 1em 1em 0; }
/* 質問を開いた時の仕様 */
.cp_qa .cp_actab input:checked ~ .cp_actab-content{ max-height:40em; border:1px solid #f2f2f2; visibility:visible; }
.cp_qa .cp_actab input:checked ~ label{ color:var(--blue-st); border-radius:.5em .5em 0 0; }
.cp_qa .cp_actab input[type=checkbox]:checked + label::after{ transform:translateY(-50%) rotate(225deg); transition:transform .3s ease; }
/* 会員専用ページ */
.memberboard{ position:relative; }
.article.memberboard ul{ list-style:none; padding:0; }
.article.memberboard ul li{ margin:0; }
.memberboard li:not(:first-of-type){ border-top:1px solid var(--blue-dkg); }
.memberboard ul a{ position:relative; width:100%; padding:2em 2.5em 2em 1em; display:block; text-decoration:none; }
.memberboard ul a::before{ position:relative; content:attr(data-number); display:inline-block; font-size:4em; line-height:1; color:var(--blue-p); }
.memberboard ul a::after{ display:block; position:absolute; top:50%; right:1.8em; transform:translateY(-50%) rotate(45deg); width:1em; height:1em; border-top:3px solid var(--blue-lt); border-right:3px solid var(--blue-lt); content:""; animation:move-arrow 1.75s linear infinite; z-index:1; }
.article.memberboard ul a .sub_title{ margin:0 !important; color:var(--blue-st); transition:all .3s ease; }
.article.memberboard ul a:hover .sub_title{ color:var(--blue-lt); }
.membermenu .col3 > a{ text-decoration:none; aspect-ratio:16 / 9; border-radius:30px; padding:2em 3.5em 2em 2em; overflow:hidden; }
.membermenu .col3 > a .sub_title{ position:absolute; top:50%; left:1em; transform:translateY(-50%); color:#fff; font-size:1.25em; z-index:1; }
.membermenu .col3 > a .overlay{ position:absolute; inset:0; background:linear-gradient(to right, rgba(29,68,112,.9), rgba(55,111,176,.5)); z-index:0; }
.membermenu .col3 > a .image{ position:absolute; inset:0; background:url(https://edogawacanoeclub.com/wp-content/uploads/2024/12/F377FE04-70DC-4FED-81A0-9875C7979028-1024x768.jpeg) no-repeat center center; background-size:cover; z-index:-1; }
.membermenu .col3 > a:nth-of-type(2) .image{ background-image:url(https://edogawacanoeclub.com/wp-content/uploads/2024/11/464F820C-D8A6-4D1A-8C20-0667544B4D22-1024x768.jpeg); }
.membermenu .col3 > a:nth-of-type(3) .image{ background-image:url(https://edogawacanoeclub.com/wp-content/uploads/2023/05/2EA43498-1437-487E-921A-6A6CE76E5B73-1024x768.jpeg); }
.membermenu .col3 > a:nth-of-type(4) .image{ background-image:url(https://edogawacanoeclub.com/wp-content/uploads/2023/11/IMG_2164-1024x768.jpg); }
.membermenu .col3 > a:nth-of-type(5) .image{ background-image:url(https://edogawacanoeclub.com/wp-content/uploads/2024/01/DSCF8129.jpg); }
.membermenu .col3 > a:nth-of-type(6) .image{ background-image:url(https://edogawacanoeclub.com/wp-content/uploads/2024/08/AC38F7D7-7954-4AC4-8900-0DA1348E600F.jpeg); }
.membermenu .col3 > a{ margin:2em 0; }
.membermenu .col3 > a:hover{ transform:translateY(-.5em); box-shadow:rgba(50,50,93,.25) 0px 50px 100px -20px, rgba(0,0,0,.3) 0px 30px 60px -30px; }
.membermenu .col3 > a:active{ transform:scale(.95); }
@keyframes pathmove{
    0%{
        height:0;
        top:25px;
        opacity: 0;
    }
    30%{
        height:20px;
        opacity: 1;
    }
    100%{
        height:0;
        top:50px;
        opacity: 0;
    }
}
.member_content{ margin-top:clamp(3.75rem, calc(2.386rem + 6.82vw), 7.5rem); } 
@media screen and (max-width:767px) {
    .bgwhite{ position:relative; width:100%; height:60px; background:#fff; }
    .tax-member-cat .bgwhite{ height:120px; }
}
@media screen and (min-width:429px) {
    .memberboard ul a{ padding:2em 5.5em; }
    .memberboard ul a::before{ position:absolute; top:50%; left:1rem; transform:translateY(-50%); font-size:3em; }
    .memberboard ul a::after{ position:absolute; top:50%; right:1.8em; transform:translateY(-50%) rotate(45deg); }
}
@media screen and (min-width:768px) {
    .tax-member-cat .bgwhite{ position:relative; width:100%; height:60px; background:#fff; }
    .posttitle_area .meta_area p{ width:auto; }
    .posttitle_area .meta_area p:not(:last-of-type){ margin-right:1em; }
    .memberboard ul a{ padding:3em 8em; }
    .memberboard ul a::before{ font-size:4.5em; }
    .membermenu .col3{ flex-wrap:wrap; justify-content:center; }
    .membermenu .col3 > a{ border-radius:50px; width:32%; margin:0 0 50px; }
    .membermenu .col3 > a:not(:nth-of-type(3n+1)){ margin-top:0; margin-left:2%; }
    .membermenu .col3 > a .sub_title{ font-size:1.125em; }
}
@media screen and (min-width:1280px) {
    .memberboard ul a{ padding:3em 10em; }
    .memberboard ul a::before{ font-size:6em; }
}
@media screen and (min-width:1600px) {
    #page_header{ height:clamp(20rem, calc(7.5rem + 12.5vw), 22.5rem); }
}

/* google地図 */
.teikomap{ position:relative; width:100%; aspect-ratio:16 / 9; }
.teikomap iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }

/* TOP */
.slider_container{ position:fixed; inset:0; z-index:-1; }
.slideimg{ position:absolute; inset:0; opacity:0; background-position:center; background-size:cover; animation:slideAnime 15s infinite; }
@keyframes slideAnime{
    0%{ opacity:0; transform:translateX(1.15%) scale(1.05); }
    20%, 33%{ opacity:1; }
    63%{ opacity:0; }
    100%{ opacity:0; transform:translateX(-1.15%); }
}
.slideimg:nth-of-type(1) { animation-delay:0s; }
.slideimg:nth-of-type(2) { animation-delay:5s; }
.slideimg:nth-of-type(3) { animation-delay:10s; }
.home #page_header{ height:calc(100vh - 60px); height:calc(calc(var(--vh, 1vh) * 100) - 60px); background:none; }
.home #page_header .overlay{ background:linear-gradient(to right, rgba(55,111,176,.5), rgba(120,158,191,.05)); }
.home .svgwater0{ fill:rgba(255,255,255,.15); }
.home .bgwhite{ position:relative; width:100%; height:60px; background:#fff; }
.card1 .splide__slide,
.card1 .slide{ position:relative; width:100%; height:100%; }
.card1 .splide__slide{ opacity:.5; }
.card1 .splide__slide.is-active{ opacity:1; }
.card1 .slide{ display:block; text-decoration:none; padding-top:.5em; overflow:visible; }
.card1 .slide .img_cover{ width:100%; aspect-ratio:3 / 2; transition:all .3s ease; }
.card1 .slide .title_area{ padding-top:2em; }
.card1 .slide .title_area .subtitle{ font-size:1.25em; }
.card1 .slide:hover .img_cover{ transform:translateY(-.5em); box-shadow:rgba(50,50,93,.25) 0px 50px 100px -20px, rgba(0,0,0,.3) 0px 30px 60px -30px; }
.home #news,
.home #schedule,
.home #aboutecc,
.home #inquiry{ position:relative; background:rgba(255,255,255,1); }
.home #aboutecc{ background:rgba(255,255,255,.5); }
#aboutecc .col3{ background:#fff; border-radius:50px; padding:1em; }
#aboutecc .col3 > a{ text-decoration:none; padding:2em 2.5em 2em 1em; }
#aboutecc .col3 > a:not(:first-of-type){ border-top:5px dotted var(--blue-lt); }
#aboutecc .col3 a .sub_title{ font-size:1.25em; text-align:center; margin:0 !important; }
#aboutecc .col3 a:hover .sub_title{ color:var(--blue-ltg); }
#inquiry .col2 > a{ text-decoration:none; aspect-ratio:16 / 9; border-radius:50px; padding:2em 3.5em 2em 2em; overflow:hidden; }
#inquiry .col2 > a .sub_title{ position:absolute; top:50%; left:2em; transform:translateY(-50%); color:#fff; margin:0 !important; z-index:1; }
#inquiry .col2 > a .overlay{ position:absolute; inset:0; background:linear-gradient(to right, rgba(29,68,112,.9), rgba(55,111,176,.5)); z-index:0; }
#inquiry .col2 > a .image{ position:absolute; inset:0; background:url(https://edogawacanoeclub.com/wp-content/uploads/2024/05/DSCF0585-1024x768.jpg) no-repeat center center; background-size:cover; z-index:-1; }
#inquiry .col2 > a:last-of-type .image{ background-image:url(https://edogawacanoeclub.com/wp-content/uploads/2024/09/IMG_20240916_0630045162-1024x768.jpg); }
#inquiry .col2 > a:not(:first-of-type){ margin-top:1em; }
#inquiry .col2 > a:hover{ transform:translateY(-.5em); box-shadow:rgba(50,50,93,.25) 0px 50px 100px -20px, rgba(0,0,0,.3) 0px 30px 60px -30px; }
#inquiry .col2 > a:active{ transform:scale(.95); }
@media screen and (min-width:768px) {
    #aboutecc .col3 > a{ padding:1.5em 2.5em 1.5em 1em; }
    #aboutecc .col3 > a:not(:first-of-type){ border:none; border-left:5px dotted var(--blue-lt); }
    #inquiry .col2 > a:not(:first-of-type){ margin:0; margin-left:1em; }
}

/* google reCAPTCHA */
.grecaptcha-badge{ z-index:101; }