/*  
Theme Name: One
*/
html, body {clear:both;font-family:Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;font-size:16px;line-height:1.65em;margin:0px;padding:0px;background:#d9e6e4;font-feature-settings:"palt";position:relative;z-index:-999;color:#666;}

/* clearfix */
.clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }


a{text-decoration:none;color:#586b68}
a:hover{opacity: 0.5;}
a:focus{outline:none;}

/* 基本 */
h1,h2,h3,h4,h5{}
h1{clear:both;text-align:center;font-size:80px;}
h1 a{color:black}
h2{font-weight:normal;border-left:5px solid #333;padding-left:7px;font-size:34px;line-height:1.5em;margin:40px 0 15px;color:#333;}
h2:before{content:url();}
h3{font-weight:normal;font-size:22px;}
h4{font-weight:normal;font-size:1.2em;}
ul{margin:0px;padding:0px;list-style-type:none;}


.aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 0.6em;line-height: 150%;margin: 0;padding: 0 4px 5px;}
.alignnone {margin: 5px 20px 20px 0;}
a img.alignnone {margin: 5px 20px 20px 0;}
.alignright {float: right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}
a img.alignright {float: right;margin: 5px 0 20px 20px;}
a img.alignleft {float: left;margin: 5px 20px 20px 0;}

img.mt80{margin-top:80px !important;}
img.mt100{margin-top:100px !important;}

#content{margin:245px auto 0;width:1200px;padding:0;display:block;}
a.btn{text-align:center;padding:5px 10px;background:#94a8a5;color:white;border-radius:10px;display:block;width:50%;margin:20px 25%;}
a.btnw{text-align:center;padding:10px 0;background:#999;color:white;border-radius:10px;display:block;width:50%;margin:40px 25% 80px;}


header {position: fixed;top: 0;left: -600px;z-index: 2;width:1200px;height: 260px;background:url('../../../../home/wp-content/uploads/2020/11/header2020.jpg');background-size:contain;transition: .3s;margin:0 50%;display:block;}
header h3 {color:#eee;margin:25px 50px 0 0;text-align:right;font-size:20px;}
header h1 {transition:.3s;padding-top:0px;margin:30px 50px 0 0;text-align:right;}
header h1 a{color:white;}
header h2 {border:none;text-align:center;color:#eee;margin:30px 50px 0 0;text-align:right;font-size:20px;}
.is-animation {height:50px;background:rgba(44,58,68,.5)}
.is-animation h1 {font-size:40px;position:absolute;top:-20px;left:12%;width:50%;text-align:center;}
.is-animation h1 a{color:white;}
.is-animation h2{font-size:20px;position:absolute;top:-20px;left:35%;width:50%;text-align:center;}
.is-animation h3{position:absolute;top:-15px;left:15%;text-align:right;}
.navi_sp{display:none;}
.navi_pc{display:block;}
.is-animation .navi_sp{display:block;}
.is-animation .navi_pc{display:none;}

.navi_pc ul{display:block;width:100%;text-align:center;padding-top:20px;list-style-type:none;}
.navi_pc li{display:inline-block;margin:20px 5px;background:white;padding:5px 10px;border-radius:5px;}
.navi_pc li a{color:#5c6866;}

.menu-trigger,.menu-trigger span{display:inline-block;transition: all .4s;box-sizing: border-box;cursor :pointer;}
.menu-trigger{position: relative;width: 50px;height: 50px;background:rgba(255,255,255,.8);z-index: 2;float:right;margin-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:0px;left:0%;background:#94a8a5;opacity: 0.95;width:100%;height: auto;padding:80px 0 20px;}
.g-nav .list{padding:0}
.g-nav .list li{display:inline-block;margin:0 10px;background:white;padding:5px 20px;border-radius:5px;}
.g-nav .list li a{color:#2c3a44;}

/* ビジュアルエディター関連 */
a.wp-block-button__link{min-width:40% !important;}

/* トップページ */


#top ul.top_list li{padding:5px;margin:0px;}
#top ul.top_list li:nth-of-type(2n-1){background:#d9e6e4} 
#top ul.blog_list li a:before{content:"▶︎";padding-right:10px;}

ul.list2{display:flex;flex-wrap:wrap;list-style-type:none;margin:30px 0 0;padding:0px;}
ul.list2 li{width:calc(50% - 42px);margin:10px;padding:10px;border:1px solid #d9e6e4}
ul.list2 li h3{border-bottom:1px solid #aaa;text-align:center;margin:0px;}



/* ページ汎用 */
.page_con{width:1100px;float:left;background:white;padding:30px 50px;display:block;font-size:18px;line-height:1.8em;}
.page_con img, .post_con img{max-width:98%;height:auto;}
.page_con h3{font-size:30px;line-height:1.65em;}

ul.bread{list-style-type:none;border-bottom:1px solid #aaa;padding-bottom:10px;display:block;}
ul.bread li {display:inline;padding:0 10px;}

.page_con th{text-align:left;padding:20px 20px 20px 0;width:30%;border-bottom:1px solid #efefef;font-weight:normal;}
.page_con td{vertical-align:top;border-bottom:1px solid #efefef;padding:20px 0;}

.p_waku2{display:block;float:left;width:45%;margin:30px 2%;}

.post-content h2{margin-top:200px!important;}
.post-content:first-of-type h2{margin-top:0px!important;}

/* シングルページ */
.post_con{width:840px;float:right;background:white;border-radius:5px;padding:30px;display:block;margin:30px 0;}
.icatch img{width:100%;height:auto;margin-top:20px;}

p.cate a{background:#586b68;border-radius:5px;padding:3px 5px;color:white;font-size:14px;margin-bottom:20px;display:inline-block;line-height:1em;}

/* サイドバー */
.sidebar{width:255px;float:left;margin-left:15px;background:white;border-radius:5px;padding:15px;margin:30px 0;}
.sidebar h2{font-size:1.5em;}
.sidebar ul li {list-style-type:none;}
.sidebar ul li ul li{list-style-type:disc;margin-left:1em;font-size:14px;}
.sidebar ul li ul li a{}

.widget_posted_display_widget ul li{list-style-type:none !important;margin-left:0em !important;}
.widget_posted_display_widget img{width:50px;height:50px;float:left;margin-right:10px;border-radius:5px;}
.widget_posted_display_widget a{clear:both;margin-bottom:10px;display:block;height:50px;}
.widget_media_image img{display:block;width:auto;margin:10px auto;}

/* フッター */
.footer{clear:both;width:100%;padding:50px 0 0;display:block;background:white;text-align:center;}
.footer .menu ul{margin-top:30px;}
.footer .menu li{display:inline-block;margin:0 10px;font-size:14px;}
.footer .menu li a{color:#999;}

img.foot_img{width:300px;height:auto;margin:30px auto;display:block;}

.footer_bottom{font-size:12px;padding:10px 0;margin-top:30px;color:#666}
.footer_bottom a{font-size:16px;color:black;padding-left:20px;}
.gotop{position:fixed;right:10px;margin-bottom:90px;}
.gotop a{color:white;font-size:20px;border-radius:5px;box-shadow: 2px 2px 2px rgba(0,0,0,0.7);padding:15px 15px 5px 15px;background:#586b68;}

input.wpcf7-submit{padding:5px;}
input.wpcf7-file{height:28px;}

/* --- お問い合わせフォーム --- */
/* デザインカスタマイズ */
div.wpcf7 { background:#fafafa; border:1px solid #ddd; padding:0px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 0 30px 0; }
div.wpcf7 p { padding:20px 20px 0; margin:0; font-size:13px; }
div.wpcf7 input, .wpcf7 textarea { border:1px solid #ccc; padding:8px; font-size:14px; }
div.wpcf7 textarea { width:97.5%; height:50px; }
div.wpcf7 input.wpcf7-submit {
   cursor:pointer; color:#fff; font-weight:bold; font-size:16px; width:300px; height:45px; margin:0 auto; display:block;
   -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
   background:#333; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080; border:1px solid #666;
}
div.wpcf7 input.wpcf7-submit:hover { background:#006080; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #007ea8; border:1px solid #006080; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }
 
 
/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}
 
/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}

.wpcf7-form-control-wrap input[type=checkbox] {transform: scale(1.5);}

.navigation{border-top:1px solid #eee;margin-top:20px;padding-top:20px;}

.wp-block-table td{padding:10px;}
.wp-block-column ul li{font-size:16px;padding:3px;line-height:1.5em;}
.wp-block-column ul li:nth-of-type(2n-1){background:#d9e6e4} 

#schedule table tr td:nth-of-type(1){width:25%;text-align:center;}

@media (max-width: 1199px) {
.header_logo span{width:100%;}
.logo_des{display:none;}
}

@media (max-width: 767px) {
h1{font-size:30px;}
h2{font-size:20px;}
h2:before{content:none;}
	
#content, #contents{width:98%;margin:190px auto 0;}
.sidebar, .footer{width:92%;padding:3vw 4%;}
.page_con a, .top_con a, .footer a{position:relative;z-index:0 !important;}
.sidebar{margin-bottom:30px;}
.page_con img, .post_con img{max-width:98%;margin:0px !important}
a.btn,a.btnw{width:80%;margin:4vw auto;}
	
/* ビジュアルエディター関連 */
a.wp-block-button__link{width:80% !important;font-size:.9em;}

/* ヘッダー */
header {width:100%;left:0px;margin:0px;padding:0;height:130px;background:url('../../../../home/wp-content/uploads/2020/11/header2020sp.jpg') center no-repeat;background-size:cover;}
header h1{margin:40px 0;padding:0;width:80%;padding:0 10%;text-align:center;font-size:9vw;text-shadow:0 0 1vw rgba(0,0,0, .75)}
header h1 a{color:white;}
header h2{margin-top:-30px;font-size:4.5vw;text-align:center;width:100%;padding:0 0%;color:white;text-shadow:0 0 1vw rgba(0,0,0, .75)}
header h3 {position:absolute;top:-5px;left:0%;text-align:center;width:100%;font-size:4vw;color:white;text-shadow:0 0 1vw rgba(0,0,0, .75)}
.is-animation h1 {font-size:4.5vw;padding:0px;margin:0 auto;position:relative;width:90%;top:-33px;left:-3%;text-align:left;}
.is-animation h2{position:relative;top:-24px;left:24%;font-size:3vw;width:100%;text-align:left;}
.is-animation h3 {top:-25px;left:2%;text-align:left;font-size:3vw;}
/* トップページ */
.page_con, .post_con{width:92%;padding:3vw 4%;margin-top:-50px;}
.page_con h2{font-size:24px;}
.page_con h3{font-size:20px;}

p.post_data{text-align:right;font-size:3.5vw;}

ul.bread li {display:inline;padding:0 5px;font-size:12px;}
.gotop{right:10px;margin-bottom:90px;}	
	
.footer_bottom a{display:block;}
.footer_bottom{font-size:10px;}
.footer ul.menu{margin-top:40px;}
.footer .menu li{display:inline-block;margin:5px 5px;font-size:14px;color:#666;}

/*スマートフォン用ナビ*/
.navi_sp{display:block;}
.navi_pc{display:none;}
.g-nav .list li{display:block;margin:10px;}
.g-nav .list li a{display:block;text-align: center;text-decoration: none;color: black;padding:5px 10px;}

ul.list2 li{width:calc(96% - 2px);margin:10px 2%;padding:10px 2%;border:1px solid #d9e6e4}
	
/*contact form*/
input.wpcf7-text,textarea.wpcf7-textarea{width:98%;}

figure.wp-block-table {width:100%;font-size:3.5vw;margin:0px}
.wp-block-table td{padding:2vw;line-height:1.5em;}
}
