@charset "utf-8";
/*
Template: jstork19
Theme Name: stork19_custom
Theme URI:http://open-cage.com/stork19/
Version: 1.3.0
Author: opencage
Author URI: https://open-cage.com/
*/
body {background:#FFFDF3 url("http://localhost:10013/wp-content/uploads/2025/05/background.png") no-repeat center right ;background-attachment: fixed;background-size:cover;}
#custom_header .stk_custom_header__text { min-height:500px; text-align: left;writing-mode: vertical-rl;-ms-writing-mode: tb-rl; -webkit-writing-mode:vertical-rl;}
#custom_header .stk_custom_header__text h2 { text-orientation: mixed;font-size:1.3rem;padding-top:50px; color:#d5e8ef; }
.site_description { padding-left:110px; }
.inner-header{padding-top:5px; padding-bottom:5px;}
#viral-header .wp-block-cover__inner-container {color:#ffffff;}
.entry-content h2{ color: #2b4059 !important; }
.entry-content h3{ color: #2b4059 !important; }
.bc_homelink .breadcrumb__link::before { color: var(--main-link-color); }
.footer-links li { padding:10px; }
.footer-links a::before {display:none;}
#page-top { background:rgba(256,256,256,.3); border:#2b4059 1px solid; transition : all 0.5s;color:#2b4059;}
#page-top :hover{ background:rgba(43,64,89,.5);}
.none {display:none;}
h2{ position: relative;}
h2 span {display:block; color:#999999; font-size:60%;}
h2.is-style-style__section_ttl__border_under::before {border-radius: 4px;border-top-width: 4px;}
.img-opacity50 img{ opacity:0.5; }
.wp-block-button__link :hover { opacity:0.2;} 
a { transition : all 0.5s; }
a :hover { opacity:0.8;} 
.original-btn { transition : all 0.5s; }
.original-btn :hover { opacity:0.7;} 

/* ギャラリーのループスライド */
.stk-slide-gallery { display: flex; align-items: center; overflow: hidden; gap: 0; padding: 0 !important;　}
.stk-slide-gallery .wp-block-gallery { flex-wrap: nowrap; animation: loop-slide 30s infinite linear 1s both;}
.stk-slide-gallery .wp-block-image { width: 182px !important;　}
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@media screen and (max-width: 480px) {
.site_description { padding-left:0px; }
#custom_header .stk_custom_header__text h2 { font-size:1.1rem; }
#page-top { background:none; border:none; color:#ffffff;}
#page-top :hover{ background:none;}
/*.footer-links > .menu { display:block; }*/
.footer-links li { padding:3px 5px; }
}
@media not screen and (min-width: 768px) {
  .stk-slide-gallery .wp-block-image { width: 125px !important; }
}

/*------------ 問い合わせフォーム ------------*/
/* 全幅指定 */
.full-width { margin: 0 calc(50% - 50vw); padding: 5em calc(50vw - 50%); }
/* pタグの余白を削除 */
.wpcf7-form p { margin-bottom: 0; }
/* フォームの幅 */
.contactForm { max-width: 700px; margin: 0; }
/* 各項目の下部余白 */
.contact_item { margin-bottom: 2.5rem; }
/* 項目名 */
.label { display: block; font-size: 1rem; line-height: 1; letter-spacing: 0.05em; font-weight: bold; }
/* 必須タグと任意タグ共通のスタイル */
.label_tag { font-size: 1rem; color: #ffffff; border-radius: .3rem; margin-right: 1rem; padding: 5px 10px; }
/* 必須タグ */
.label_must { background-color: #a33a3a; }
/* 任意タグ */
.label_option { background-color: #9bc2cc; }
/* ユーザーが入力する箇所 */
.inputs { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="text"],input[type="email"],input[type="tel"] { border: solid 1px #707070; padding: .1rem .3rem; font-size: 1.3rem; }
/* お問い合わせ内容を入力する箇所 */
textarea.form-control { border: solid 1px #707070; padding: .3rem; height: 207px; font-size: 1.3rem; }
/* ボタン */
.btnArea { text-align: left; }
input[type="submit"]{ background: #386da5; border: 2px solid #386da5; width: 250px; color: #ffffff; text-align: center; font-size: 1rem; line-height: 1.3; letter-spacing: .5em; padding: 0.4rem 0; margin-top: 0.5rem; cursor: pointer; border-radius: .3rem; transition: all .3s; }
input[type="submit"]:hover { color: #9bc2cc; background-color: #ffffff; border-color: #9bc2cc;　}
/* ローダー */
.wpcf7 .ajax-loader { display: block; margin: 0 auto;　}
/* モバイル版 */
@media screen and (max-width: 480px) {
.contact_item { margin-bottom: 1.8rem; }
.label { font-size: 1.1rem;margin-bottom: .1rem; }
.label_tag { font-size: 1.0rem; }
input[type="text"],input[type="email"] { padding: .4rem;font-size: 1.5rem; }
textarea { padding: .4rem; font-size: 1.5rem; }
input[type="submit"]{ font-size: 1.5rem; }
}