/*  
Theme Name:arinoclub
*/
html{scroll-behavior:smooth;}
body{clear:both;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size:20px;line-height:1.5em;margin:0px;padding:0px;background:white;font-feature-settings:"palt";position:relative;}
img{width:100%;max-width:100%;height:atuo;display:block;margin:0;}
a{text-decoration:none;color:black}
a:hover img{opacity:0.5;transition-duration:.3s;z-index:9999;transform:translate(5px,5px)}
a:focus{outline:none;}
table{border-collapse:collapse;width:100%;}
h1,h2,h3,h4,h5{font-weight:normal;margin:2em 0 .5em;padding:0 0 .5em;line-height:1.8em;}
h1{font-size:2.2em}
h2{font-size:1.8em}
h3{font-size:1.5em}
h4{font-size:1.3em}
h5{font-size:1.1em}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
p{margin:0px;padding:0px;}
.pc{display:block;}
.sp{display:none;}

a.tab_btn{position:fixed;right:0;top:50%;transform:translateY(-50%);width:4em;height:auto;z-index:99}

header{position:fixed;top:0;z-index: 2;width:100%;max-width:95em;height:50px;left:50%;transform:translateX(-50%);transition: .3s;display:block;}
nav{display:block;width:100%;height:50px;position:relative;}
header a.logo img{position:absolute;width:auto;height:30px;left:2em;top:50%;transform:translateY(-50%);}
header h1 {text-align:center;margin:0;font-size:2.5em;padding:.5em 0;background:linear-gradient(45deg, #006c3e, #002b14);color:white;transition: all .4s;line-height:1;font-style: italic;}

.g-nav{position:absolute;top:50%;transform:translateY(-50%);right:0;}
.g-nav ul li{display:inline-block;padding:0 3em;text-align:center;border-left:1px solid #ca9666;font-size:1em;line-height:45px;}


.is-animation nav{height:50px;background:rgba(255,255,255,05)}
.is-animation h1{opacity:0;}

.is-animation .menu-trigger,.menu-trigger span{display:inline-block;transition: all .4s;box-sizing: border-box;cursor :pointer;}
.is-animation .menu-trigger{position: relative;width:50px;height:50px;background:white;z-index:2;float:right;margin-top:0px;}
.is-animation .menu-trigger span{position: absolute;background: black;width:30px;height:2px;left:0;right:0;margin:auto;}
.is-animation .menu-trigger span:nth-of-type(1){top:15px;}
.is-animation .menu-trigger span:nth-of-type(2){top:0;bottom:0;}
.is-animation .menu-trigger span:nth-of-type(3){bottom:15px;}
.is-animation .menu-trigger.active span:nth-of-type(1){-webkit-transform: translateY(9px) rotate(-45deg);transform: translateY(9px) rotate(-45deg);}
.is-animation .menu-trigger.active span:nth-of-type(2){opacity:0;}
.is-animation .menu-trigger.active span:nth-of-type(3){-webkit-transform: translateY(-9px) rotate(45deg);transform: translateY(-9px) rotate(45deg);}
.is-animation .g-nav{display:none;right:60px;}

/* ページ汎用 */
article{width:100%;max-width:95em;margin:calc(50px + 4em) auto 0;display:block;background:url(https://arinos.co.jp/arinoclub-events/wp-content/uploads/2025/04/article_bg.jpg) repeat-y;background-size:cover;}
section{width:100%;}



/* トップページ */
.home .btn{position:absolute;left:50%;transform:translateX(-50%);}
.home .btn{padding:.5em 3em!important;}
.home .btn a{font-size:3.5em;}
.home .btn:hover{transition-duration:.3s;z-index:9999;transform:translate(calc(-50% + 5px),5px);}
.home .btn:hover a{transform:translate(0px,0px);left:0;}



#home_head{position:relative;}
#home_head .btn{top:91em;}
#home_head #metaslider-id-45{margin-top:1.5em!important;}

#metaslider-id-45{position:absolute;top:92em;}

.header_slide{position:absolute;width:100%;top:100em;overflow:hidden;height:16em;}
.header_slide img{width:405em;max-width:405em;height:16em;animation:headerslide 60s linear infinite;}
@keyframes headerslide {
0% {transform:translateX(0em)}
100% {transform:translateX(-202.5em)}
}

.event{position:relative;height:123em;}
.event .event_list{position:absolute;top:3em;width:60em;height:auto;left:50%;transform:translateX(-50%);background:white;box-sizing:border-box;padding:2em}
.event ul{margin:2em 0 2em;height:12em;;}
.event li{font-size:1.25em;margin-bottom:1em;}
.event li a:hover{opacity:.5;}
.event li img{width:100%;}
.event a.ichiran{font-size:2.5em;color:#a97a4b;display:table;margin:0 auto .5em;}


#koe{background:white;overflow:hidden}
.koe_waku{width:70%;margin:0em auto 0;}
#metaslider-id-57 .caption-wrap{border:none!important;width:100%;}
#merit ul li p{font-size:1.1em;}
#metaslider-id-57 .caption{padding:1em 2em!important;font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif!important;font-size:1.1em!important;line-height:1.5;}
.koe_bottom{margin:-5em 0 0}

.slide_name{text-align:center;font-weight:bold;margin-bottom:.5em;font-size:1.1em;}
.slide_name div{display:inline-block;font-size:.85em;}
.slide_text{text-align:left;font-size:1em;}
#naiyou{position:relative;}
#naiyou a{position:absolute;width:37.25em;bottom:7em;left:50%;transform:translateX(-50%);}

#merit{padding:8em 0;background:white;}
#merit ul li p{font-size:1.1em;}
#merit h1{text-align:center;background:url(https://arinos.co.jp/arinoclub-events/wp-content/uploads/2025/04/title_bg.png) no-repeat bottom;background-size:contain;width:100%;font-size:4em;margin:0 0 2em;padding:0;position:relative;}
#merit h1 span{position:absolute;width:100%;bottom:-1.7em;left:0;}
#merit ul{display:flex;flex-wrap:wrap;width:70%;margin:5em auto;font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
#merit ul li{width:calc(100%/3 - 4em);box-sizing:border-box;margin:0 2em 3em;text-align:center;}
#merit ul li h3{width:100%;aspect-ratio:1;border-radius:50%;background:linear-gradient(120deg, #face00 0%, #fffbd0 25%, #face00 44%, #ca9a0c 60%, #f2e08b 87%, #fffbd0 100%);color:#663300;position:relative;font-weight:bold;}
#merit ul li h3 span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;font-size:1.4em;line-height:1.5;}
#merit ul li p{font-size:1.4em;line-height:1.5;}

#merit h2{text-align:center;font-size:4em;line-height:1.4;font-style:italic;color:#d2ac36;font-weight:bold;text-shadow:0 0 .25em rgba(0,0,0,1),0 0 .25em rgba(0,0,0,1),0 0 .25em rgba(0,0,0,1);}
#merit h4{text-align:center;font-size:2.5em;color:#663333;}

#ba{position:relative;background:url(https://arinos.co.jp/arinoclub-events/wp-content/uploads/2025/04/ba_bg.jpg) repeat-y;background-size:cover;padding:3em 0 16em}
#ba > img{width:67.5em;margin:2em auto 4em;}
#ba h3{display:table;font-size:2.5em;margin:3em auto;}
#ba h1{color:#ddc375;text-align:center;font-size:3.5em;font-style:italic;line-height:1.4;width:80%;margin:0 auto;font-weight:bold;text-shadow:.05em .05em .25em rgba(0,0,0,1),.05em .05em .25em rgba(0,0,0,1);-webkit-text-stroke: 1px #c7a36d;}
#ba h1::after{content:"";width:100%;height:2px;background:linear-gradient(90deg, #b97200 0%, #ecc867 50%, #b97200 100%);display:block;margin-top:.25em;}
#ba .event{position:static;margin:3em auto;transform:translateX(0%);width:60em;height:auto;background:white;box-sizing:border-box;padding:2em}
#ba .btn{bottom:8em;}

#mendan{position:relative;}
#mendan a{position:absolute;width:53.4em;top:49em;left:26em;}

#qa{position:relative;background:url(https://arinos.co.jp/arinoclub-events/wp-content/uploads/2025/04/qa_bg.jpg) repeat-y;background-size:cover;padding:4em 0;margin-top:-1em;}
#qa:before{content:"▼";font-size:4em;color:#c2986d;position:absolute;top:.1em;left:50%;transform:translateX(-50%);transform: scale(2, 0.75);}
#qa dl{font-size:2em;margin:4em auto 0;font-weight:bold;font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;display:table;line-height:1.3;}
#qa dt{margin-bottom:.5em;color:#006837}
#qa dt::after{content:"";display:block;height:.1em;background:url(https://arinos.co.jp/arinoclub-events/wp-content/uploads/2025/07/ba_boder.jpg) repeat-y;background-size:cover;margin-top:.3em;}
#qa dd{margin:0 0 1.5em 0;color:#886239;}
#qa dt span,#qa dd span{padding-right:.25em;display:inline-block;vertical-align:top;}
#qa p{display:inline-block}

#line{padding:6em 0 4em;background:white;}
#line h1{text-align:center;background:url(https://arinos.co.jp/arinoclub-events/wp-content/uploads/2025/04/title_bg.png) no-repeat bottom;background-size:contain;width:80%;font-size:4em;margin:0 auto 0em;padding:0;position:relative;}
#line h3{text-align:center;background:radial-gradient(#ecc867, #b97200);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size:2.75em;line-height:1.35;font-weight:bold;margin:1.25em 0 .5em}
#line a{width:18.5em;margin:1em auto;display:block;}

#nyukai{position:relative;}
#nyukai a{position:absolute;width:33.05em;bottom:2em;left:50%;transform:translateX(-50%);}

#kyousan{background:white;padding-top:3em;}

/* 記事レイアウト */
img.attachment-full{width:62em;height:auto;margin:2em auto;}
.single{padding:4em 0 10em;}
.single h1,.single_cat h1{text-align:center;background:url(https://arinos.co.jp/arinoclub-events/wp-content/uploads/2025/04/title_bg.png) no-repeat bottom;background-size:contain;width:100%;font-size:4em;margin:0 0 2em;padding:0;}
.single #nittei{display:none;}
.single p{font-size:1.75em;width:29em;margin:1em auto;line-height:1.75;font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.single h2{color:#a97a4b;font-size:5em;font-style:italic;margin:2em 0 0em;letter-spacing:.1em;}
.wp-block-button,.btn{width:auto;padding:0 3em;margin:1em auto!important;background:linear-gradient(45deg, #4d4d4d, #000);display:block;border-radius:1em;box-shadow:.3em .3em 0 rgba(0,0,0,.35);}
.wp-block-button a,.btn a{display:block;font-size:3em;font-style:italic;background: linear-gradient(90deg, #8c7537 0%, #dbb00b 45%, #fde79d 70%, #dbb10c 85%, #bc7f04 90% 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight:bold;letter-spacing:.1em;}
.btn{width:30em;height:3em;margin:1em auto;padding:0em;display:table;padding:1em 3em 0 ;}
.btn a{font-size:2em;white-space:nowrap;line-height:1;width:100%;text-align:center;}
.wp-block-button:hover, .btn a:hover{transition-duration:.3s;z-index:9999;transform:translate(5px,5px);}
.single_footer{position:relative;}
.single_footer a, .single_footer .btn{position:absolute;left:50%;transform:translateX(-50%);}
.single_footer a.line{width:18.55em;top:21em;}
.single_footer .btn{top:59.5em;}
.single_footer .btn:hover{transition-duration:.3s;z-index:9999;transform:translate(calc(-50% + 5px),5px);}
.single_footer .btn:hover a{transform:translate(0px,0px);left:0;}

/* カテゴリーレイアウト */
.single_cat{padding:4em 0 16em;}
.single_cat li{width:50em;text-align:center;margin:0 auto 5em;}
.single_cat li img{width:100%;height:auto;}
.single_cat li h2,.single_cat li h4{font-size:3em;color:#a97a4b;line-height:1.3em;margin:0;padding:0;}

.nav-links {display:flex;justify-content:center;font-size:4em;margin:2em 0 0;}
.nav-links a{color:#a97a4b;padding:0 .5em;}

/* フッター */
footer{width:100%;max-width:95em;margin:-2.3em auto 0}
footer div{position:relative;}
footer div a{position:absolute;width:19.95em;display:block;left:62.8em;top:13.95em;}
footer div p{position:absolute;width:100%;text-align:center;top:21em;color:white;font-size:.9em;}
footer h4{line-height:1em;padding:.25em 0 2em;text-align:center;font-size:.75em;}

 a.gotop{position:fixed;right:5px;z-index:999;color:white;font-size:12px;border-radius:3px;box-shadow: 2px 2px 0px rgba(0,0,0,0.35);padding:5px;width:25px;line-height:25px;text-align:center;background:black;text-decoration:none;}

a.bottom_btn{display:none;}
@media all and (min-width: 750px) and (max-width: 1899px)  {
body{font-size:.95vw;}
}

@media (max-width: 749px) {
body{font-size:1.055vw;}
.sp{display:block;}
.pc{display:none;}

a.tab_btn{width:7%;}
.menu-trigger,.menu-trigger span{display:inline-block;transition: all .4s;box-sizing: border-box;cursor:pointer;}
.menu-trigger{position:absolute;width:50px;height:50px;background:white;z-index:2;right:0px;top:0px;}
.menu-trigger span{position:absolute;background:black;width:30px;height:2px;left:0;right:0;margin:auto;}
.menu-trigger span:nth-of-type(1){top:15px;}
.menu-trigger span:nth-of-type(2){top:0;bottom: 0;}
.menu-trigger span:nth-of-type(3){bottom:15px;}
.menu-trigger.active span:nth-of-type(1){-webkit-transform: translateY(9px) rotate(-45deg);transform: translateY(9px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2){opacity: 0;}
.menu-trigger.active span:nth-of-type(3){-webkit-transform: translateY(-9px) rotate(45deg);transform: translateY(-9px) rotate(45deg);}
.g-nav{display:none;position:absolute;top:0;transform:translateY(0%);left:0%;background:white;opacity: 0.95;width:100%;height:auto;padding:2em 2em;box-sizing:border-box;}

.g-nav ul li {border-left:0px;border-bottom:1px solid #ca9666;display:block;font-size:.75em;}
.g-nav li a{font-size:3em;}

.single,.single_cat{font-size:1.3em}	
.koe_waku{width:100%;}
#metaslider-id-57 .caption{padding:1em 1em 0!important;}
.slide_name{font-size:2em;}
.slide_text{font-size:1.75em;}
.koe_bottom{margin:-10em 0 0}
#merit ul li p{font-size:1.75em;}
#nyukai a{width:50em}
footer{margin-bottom:12vw;}
a.bottom_btn{display:block;position:fixed;bottom:1em;}
}