@charset "utf-8";
/* CSS Document */

/*
Theme Name: 子育て応援団ファミリー・サポート・センター
Version: 3.1
Author: k-design
*/

@import url(css/post.css?202603221600);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}

body, html{width:100%;box-sizing:border-box;}

body{
	font-size:100%;
	font-weight:400;
	line-height:1.8;
	font-family: "Kaisei Opti", serif;
	color:#5d4037;
	position:relative;
}

p{margin-bottom:16px;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";content:none;}
blockquote, q{quotes:none;}
a{font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;color:#5d4037;}
img{max-width: 100%;height: auto;width /***/:auto;vertical-align:bottom;}
a img{border: 0;}
a:hover img,a:active img{-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity=80);}
input, select{vertical-align:middle;}

/* パンくずリスト */
.bread_crumbs{margin:0 0 40px;font-size:12px;clear:both;}
.bread_crumbs li{margin-right:3px;display:inline;color:#333333;letter-spacing:1.5px;}
.bread_crumbs li a{color:#333333;}
.box{margin-bottom:64px;}

/* 注意 */
.red{color:#FF0000;}

/* text */
.txt_r{text-align:right;}
.txt_c{text-align:center;}
.alignleft{margin:0 16px 16px 0;float:left;}
.alignright{margin:0 0 16px 16px;float:right;}

/* ===== Navigation ===== */
.navigation{padding:24px 0;line-height:18px;overflow:hidden;clear:both;}
.navigation a{position:relative;}
.navigation a:before,.navigation a:after{width: 6px;height: 6px;position: absolute;content: "";top: 50%;z-index: 0;}
.nav-previous{float:left;width:40%;}
.nav-previous a{padding-left:24px;}
.nav-next{float:right;text-align:right;width:40%;}
.nav-next a{padding-right:24px;}
.nav-previous a:before{border-top: 2px solid #10193A;border-left: 2px solid #10193A;
	left:4px;-webkit-transform: translateY(-41%) rotate(-45deg);transform: translateY(-41%) rotate(-45deg);}
.nav-next a:after{border-top: 2px solid #10193A;border-right: 2px solid #10193A;
	right:4px;-webkit-transform: translateY(-41%) rotate(45deg);transform: translateY(-41%) rotate(45deg);}

.wp-pagenavi {padding:40px 0;clear: both;text-align:center;}
.wp-pagenavi a, .wp-pagenavi span{margin: 0 2px;padding:0 10px;color:#5d4037;background-color:#FFFFFF;white-space: nowrap;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;text-align: center;text-decoration: none;border: thin solid #5d4037;display: inline-block;border-radius:50%;}
.wp-pagenavi a:hover{color: #fff;background-color: #5d4037;}
.wp-pagenavi span.current{color: #fff;background-color: #5d4037;}

/* ===== 全体 ===== */
.l_wrap{max-width:1280px;margin:0 auto;box-sizing:border-box;}
.wrap{max-width:1000px;margin:0 auto;box-sizing:border-box;}
.s_wrap{max-width:860px;margin:0 auto;box-sizing:border-box;}
.pc{display: block;}
.sp{display: none;}
.tb{display:none;}
.clear:after{content:"";display:block;clear:both;}
.en{font-family: "Zen Maru Gothic", sans-serif;font-weight:400;}
.mb{margin-bottom:40px;}
.bg_r{background-color:#ef9a9a!important;}
.bg_b{background-color:#fff6f0!important;}

.flex_box{margin-bottom:40px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.two_flex .item{width:48%;position:relative;}
.three_flex .item{width:32%;position:relative;}
.three_flex::after{content:"";display: block;width:32%;}
.four_flex .item{width:24%;position:relative;}
.four_flex::before{content:"";display: block;width:24%;order:1;}
.four_flex::after{content:"";display: block;width:24%;}
.box_link{width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999px;white-space:nowrap;overflow:hidden;}
.list_center{display:block;text-align:center;}
.list_center li{display:inline-block;}
/* youtube埋め込みレスポンシブ */
.movie{height:0;padding-bottom:56.25%;position:relative;overflow: hidden;}
.movie iframe{width:100%;height:100%;position:absolute;top:0;left:0;}
/* Google mapの下余白&レスポンシブ */
.map iframe{vertical-align:bottom;}
/* ※ */
.kome > li{margin-left:0!important;padding-left:24px;list-style:none!important;position:relative;}
.kome > li:before{content:"※";position:absolute;top:0;left:0;}
/* 丸文字 */
.maru{margin:0;padding:0;counter-reset:my-counter;}
.maru > li{margin-left:0!important;padding-left:30px;list-style:none!important;position:relative;}
.maru > li::before{width:18px;height:18px;content:counter(my-counter);counter-increment:my-counter;border:1px solid;border-radius:50%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;font-size:85%;line-height:1;position:absolute;top:4px;left: 0;}

.arrow{position:relative;display:inline-block;padding:10px;}
.arrow::before{content:'';width:10px;height:10px;border-top:solid 2px #FFFFFF;border-right:solid 2px #FFFFFF;position:absolute;left:48%;bottom:8px;transform:translateX(-48%);transition:0.4s;}
.arrow:hover::before{bottom:0;}
.arrow.arrow-bottom::before{transform:rotate(135deg);}.btn_dsn2{width:240px;text-align:center;}

.stickarrow::after{width:60px;height:4px;margin-left:12px;content:"";display:inline-block;border-bottom:1px solid #000;border-right:1px solid #000;transform:skew(45deg);transition:0.2s;}
/* コンテンツのフェードイン表示 */
.fade-in{opacity:0;visibility:hidden;transition:opacity 1s ease, visibility 0s linear 1s;}
.fade-in.is-visible{opacity:1; visibility:visible;transition:opacity 2s ease, visibility 0s linear 0s;}
/* ボタンデザイン */
.more_btn{width:220px;margin:0 auto;padding:10px;display:block;border:1px solid;border-radius:25px;font-weight:700;text-align:center;transition:0.4s;}
.more_btn::hover{background:#FFFFFF;color:#5d4037;}
.btn_dsn1{width:320px;display:block;background:#c62828;border:1px solid #c62828;border-radius:24px;color:#FFFFFF;text-align:center;line-height:1.6;transition:0.4s;}
.btn_dsn1:hover{background:#FFFFFF;color:#c62828;}

.pdf_btn{width:320px;margin:0 auto;padding:10px;display:block;background:#FFFFFF;border:1px solid #FFFFFF;border-radius:24px;font-weight:700;color:#5d4037;text-align:center;transition:0.4s;}
.pdf_btn::hover{background:#5d4037;color:#FFFFFF;}

#page-top{position:fixed;bottom:0;right:16px;background-color:rgba(0,0,0,0.6);font-size:12px;}
#page-top a{width:40px;height:40px;line-height:40px;color:#FFFFFF;text-decoration: none;text-align: center;display: block;position:relative;}

/* ===== header ===== */
#header{width:100%;position:fixed;top:0;left:0;z-index:10;background:rgba(255,255,255,0.8);}
#header .h_wrap{padding:24px 3%;display:flex;justify-content:space-between;}
#logo{width:280px;}
#global_menu{width:calc(100% - 320px);}
#global_menu ul{height:100%;display:flex;justify-content:flex-end;align-items:center;}
#global_menu ul li{margin:0 12px;font-weight:700;}

/* mainimage */
.mainimage{padding:80px 0 0;position:relative;background:#ffdcc2;text-align:center;}
.mainimage > img{max-width:900px;position:relative;}
.mainimage::after{width:100%;margin-top:-100px;content:url("image/h_cloud_bg.svg");display:block;line-height:0;}

/* ===== contents ===== */
#contents{margin-bottom:40px;}
#contents section{padding:40px 0;}
#contents .page_title{margin-bottom:24px;font-size:28px;font-weight:700;letter-spacing:0.1em;line-height:1.5;text-align:center;}
#contents .bg_r .page_title{color:#FFFFFF;}
#contents .page_title small{display:block;font-size:14px;color:#C62828;letter-spacing:0.2em;}

/* === front-page about === */
#about{margin-bottom:120px;}
/* about */
#about .about{position:relative;}
#about .about .man_illust{width:25%;position:absolute;top:-80px;left:0;}
#about .about .girl_illust{width:25%;position:absolute;top:-30px;right:0;}
#about .about_detail{margin-bottom:160px;line-height:2;}
#about .about_detail p{margin-bottom:32px;}
#about .about_detail .more_btn:hover{background:#5d4037;color:#FFFFFF;}
/* about_link_wrap */
#about .about_link_wrap{max-width:800px;margin:0 auto;}
#about .about_link_wrap .about_link_item{width:42%;padding:25px;position:relative;border-radius:10px;color:#fff;}
#about .about_link_wrap .about_link_item .link_btn{width:320px;margin-top:20px;display:block;background:#fff;border-radius:25px;}
/* 依頼会員バナー */
#about .about_link_wrap .about_link_item:nth-child(1){background:#c62828;}
#about .about_link_wrap .about_link_item:nth-child(1) .link_btn{color:#c62828;}
/* 提供会員バナー */
#about .about_link_wrap .about_link_item:nth-child(2){background:#0b90b6;}
#about .about_link_wrap .about_link_item:nth-child(2) .link_btn{color:#0b90b6;}
/* 両方会員バナー */
#about .about_link_wrap .about_link_item:nth-child(3){width:100%;margin-top:100px;background:#2e7d32;position: relative;}
#about .about_link_wrap .about_link_item:nth-child(3) h3{margin-left:15%;font-size:40px;}
#about .about_link_wrap .about_link_item:nth-child(3) img{position:absolute;top:-73px;left:10%;}
#about .about_link_wrap .about_link_item h3{font-size:28px;line-height:29px}
#about .about_link_wrap .about_link_item:nth-child(3) span{padding-left:30px;font-size:20px;}
#about .about_link_wrap .about_link_item .en{font-weight:700;}
/* === news === */
#contents section#news{padding-bottom:60px;}
#news .news_wrap{margin-bottom:40px;padding:24px;background:#FFFFFF;}
#news .news_wrap ul li{padding:12px 0;display:flex;border-bottom:1px solid #c62828;}
#news .news_wrap ul li:last-of-type{border:none;}
#news .news_wrap ul li .date{width:120px;font-weight:500;}
#news .news_wrap ul li .category{width:80px;margin:0 40px 0 0;font-size:12px;font-weight:700;color:#fff;text-align:center;}
#news .news_wrap ul li .category span{width:80px;margin:2px 0;background:#c62828;border-radius:24px;display:inline-block;}
#news .news_wrap ul li a{width:calc(100% - 240px);font-weight:700;}
#news .more_btn{border-color:#FFFFFF;background:#FFFFFF;}
#news .more_btn:hover{background:#ef9a9a;color:#FFFFFF;}
/* === local_menu === */
#local_menu{margin-top:80px;}
#local_menu ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
#local_menu ul li{width:24%;padding:18px 12px;margin:1% 0;position:relative;border-radius:10px;box-sizing:border-box;color:#fff;}
#local_menu ul li:nth-child(1){background:#f47c7c url("image/local_menu01.png") no-repeat 180px 60px / 45px;}
#local_menu ul li:nth-child(2){background:#70a1d7 url("image/local_menu02.png") no-repeat 180px 65px / 45px;}
#local_menu ul li:nth-child(3){background:#a1de93 url("image/local_menu03.png") no-repeat 180px 65px / 45px;}
#local_menu ul li:nth-child(4){background:#f2b58c url("image/local_menu04.png") no-repeat 180px 75px / 45px;}
#local_menu ul li h3{margin-bottom:12px;font-size:21px;}
#local_menu ul li .more_btn{width:120px;margin-left:12px;padding:4px;display:inline-block;color:#fff;}
#local_menu ul li:hover .more_btn{background:#FFFFFF;color:#5d4037;border:none;border-color:#FFFFFF;}

/* ===== footer ===== */
#footer{padding-top:15%;background:url("image/f_cloud_bg.svg") no-repeat center top / contain;}
#footer .f_wrap{margin-top:-12px;padding-bottom:24px;background:#ffdcc2;}
#footer .f_wrap .f_box{margin-bottom:0;padding:24px 3% 80px;}
/* f_adress */
#footer .f_adress{width:40%;}
#footer .f_adress #f_logo{width:320px;}
#footer .f_adress dl dt{font-size:21px;font-weight:700;}
#footer .f_adress dl dd{line-height:1.5;font-weight:700;}
/* f_nav */
#footer .f_nav{width:620px;}
#footer .f_nav ul{display:flex;justify-content:flex-end;flex-wrap:wrap;}
#footer .f_nav ul li{margin:0 0 4px 24px;font-weight:700;}
/* copy */
#footer div.copy{font-size:11px;text-align:center;}

/* ===== 配下ページ共通 ===== */
#page_head{padding:90px 0 64px;background:#ffdcc2;position:relative;}
#page_head::after{width:100%;content:url("image/h_cloud_bg.svg");position:absolute;left:0;bottom:0;line-height:0;}
#page_head .man_illust{width:25%;}
#page_head .page_head_title{width:80%;position:absolute;top:45%;left:50%;transform:translateX(-50%);z-index:4;font-size:38px;text-align:center;text-shadow:2px 2px 0 #FFF, -2px 2px 0 #FFF, -2px -2px 0 #FFF, 2px -2px 0 #FFF;}
#page_head .girl_illust{width:25%;position:absolute;right:0;bottom:0;}
/* 雲（白） */
#contents .b_cloud.bg_r{padding-bottom:16%;background:url("image/b_cloud_bg.svg") no-repeat center bottom -4px / contain;}
/* === ページタイトルあしらい === */
/* title01 */
#contents .page_title.title01{position:relative;}
#contents .page_title.title01::before{width:100px;height:120px;content: "";background:url("image/page_title/page_title_star02.png") no-repeat right top / 100%;position:absolute;right:-40px;top:-70px;}
#contents .page_title.title01::after{width:80px;height:120px;content: "";background:url("image/page_title/page_title_star01.png") no-repeat right top / 100%;position:absolute;left:-40px;top:-40px;}
/* title02 */
#contents .page_title.title02{padding-top:40px;position:relative;}
#contents .page_title.title02::before{width:200px;height:200px;content:"";background: url("image/page_title/page_title_flag02.png") no-repeat right top 16px / 100%;position: absolute;right:-5%;top:-24px;}
#contents .page_title.title02::after{width:200px;height:200px;content: "";background: url("image/page_title/page_title_flag01.png") no-repeat right top 16px / 100%;position: absolute;left:-5%;top:-24px;}
/* sub_title */
#contents .sub_title{padding:24px 0;font-size:24px;font-weight:700;text-align:center;}
/* about_item */
#contents .about_item{margin-bottom:24px;padding:8px 24px;background:#fff6f0;font-weight:500;text-align:center;}
/* === カウンタ用レイアウト === */
/* count_box */
#contents .count_box{counter-reset:num;}
#contents .count_item{width:45%;margin-top:24px;margin-bottom:32px;padding:40px 16px 16px 16px;background:#fff;position:relative;counter-increment:num;border-radius:8px;font-size:15px;font-weight:500;}
#contents .count_item::before{width:70px;height:70px;content:counter(num, decimal-leading-zero);background:#5d4037;border-radius:50%;position:absolute;top:-40px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;font-size:38px;font-weight:700;color:#fff;line-height:1;}
#contents .youtube_box{margin:20px auto;text-align:center;}
/* === 吹き出し用 === */
#contents .about_item_txtbox{padding:12px 0;position:relative;font-weight:500;text-align:left;}
#contents .about_item_txtbox::before{width:52px;height:36px;content:"";background: url("image/about/famisapo_icon.png") no-repeat left center / 100%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
#contents .about_item_txtbox::after{margin-top:-8px;content:"";position:absolute;top:50%;left:78px;border:8px solid transparent;border-right:18px solid #fff6f0;}
#contents .about_item_txtbox .about_item_txt{margin-left:100px;margin-bottom:0;padding:8px 24px;background:#fff6f0;font-weight:500;text-align:left;}

/* === ファミサポの仕組み === */
/* about_link_item */
.about #contents .about_link_item,
#contents #service_wrap .about_link_item{width:calc((100% - 40px) / 3);padding:20px;border-radius:10px;box-sizing:border-box;color:#fff;}
.about #contents .about_link_item h3,
#contents #service_wrap .about_link_item h3{font-size:28px;line-height:29px}
.about #contents .about_link_item .link_btn,
#contents #service_wrap .about_link_item .link_btn{width:100%;margin-top:20px;display:block;background:#fff;border-radius:25px;}
.about #contents .about_link_item:nth-child(1),
#contents #service_wrap .about_link_item:nth-child(1){background:#c62828;}
.about #contents .about_link_item:nth-child(1) .link_btn,
#contents #service_wrap .about_link_item:nth-child(1) .link_btn{color:#c62828;}
.about #contents .about_link_item:nth-child(2),
#contents #service_wrap .about_link_item:nth-child(2){background:#0b90b6;}
.about #contents .about_link_item:nth-child(2) .link_btn,
#contents #service_wrap .about_link_item:nth-child(2) .link_btn{color:#0b90b6;}
.about #contents .about_link_item:nth-child(3),
#contents #service_wrap .about_link_item:nth-child(3){background:#2e7d32;}
.about #contents .about_link_item:nth-child(3) .link_btn,
#contents #service_wrap .about_link_item:nth-child(3) .link_btn{color:#2e7d32;}
/* price */
#price .price_box{margin-bottom:48px;}
/* price_detail */
#price .price_detail, #cancellation .cancel_fee_detail{padding:18px 24px;background:#fff;border-radius:10px;}
#price .price_detail dl, #cancellation .cancel_fee_detail dl{padding:12px 0;display:flex;border-bottom:1px solid #c62828;}
#price .price_detail dl dt, #cancellation .cancel_fee_detail dl dt{width:50%;}
/* calculation */
#calculation{margin-bottom:48px;}
#calculation .about_item_txt{background:#fff6f0;border-radius:10px;}
/* cancellation */
#cancellation .fee_catch{color:#fff;text-align:center;}
/* request */
#request.bg_b{position:relative;}
#request.bg_b .balloon_illust01{width:90px;position:absolute;bottom:23%;left:13%;}
#request.bg_b .balloon_illust02{width:90px;position:absolute;bottom:18%;right:13%;}

/* === 会員について === */
.membership #contents .membership_voice{display:flex;justify-content:space-between;flex-wrap:wrap;}
.membership #contents .membership_voice_item{width:48%;}
.movie_wrap{margin-bottom:40px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.movie_wrap .movie_item{width:48%;margin-bottom:40px;}

/* === 両方会員とは === */
/* member_list */
#member_about .member_list{margin-bottom:24px;}
#member_about .member_list li{padding:12px 0;display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #ef9a9a;font-size:15px;line-height:1.5;}
#member_about .member_list li .facility{width:325px;display:flex;justify-content:center;align-items:center;background:#e53935;border-radius:32px;box-sizing:border-box;color:#FFFFFF;font-weight:500;text-align:center;}
#member_about .member_list li.itano .facility{background-color:#fd97bd;}
#member_about .member_list li.anan .facility{background-color:#004097;}
#member_about .member_list li.naruto .facility{background-color:#6aae31;}
#member_about .member_list li.mima .facility{background-color:#fe9426;}
#member_about .member_list li.awa .facility{background-color:#8b348e;}
#member_about .member_list li.kaiyo .facility{background-color:#00b8ee;}
#member_about .member_list li.yoshinogawa .facility{background-color:#fed200;}
#member_about .member_list li .facility_tel{width:28px;margin:0 8px;display:block;}
#member_about .member_list li .area{width:calc(100% - 370px);}
#member_about div.txt_c{font-size:14px;font-weight:500;}
/* conditions_des */
#conditions .conditions_des p{margin-bottom:24px;}
#conditions .conditions_des .conditions_img{width:280px;margin:0 auto 24px;}
#conditions .conditions_des p small{font-size:14px;}

#price .price_calc{margin-bottom:32px;display:flex;justify-content:space-between;text-align:center;}
#price .price_calc .price_item small{margin-bottom:8px;display:block;font-size:14px;}
#price .price_calc .price_item select{width:80%;padding:8px 8px;font-size:100%;cursor:pointer;-webkit-appearance:none;appearance: none;border:1px solid #5d4037;border-radius:4px;box-sizing:border-box;font-weight:500;color:#5d4037;text-align:center;}
#price .price_calc .price_area{width:24%;}
#price .price_calc .price_num_people{width:24%;}
#price .price_calc .price_num_people span{margin-left:8px;vertical-align:bottom;font-size:12px;}
#price .price_calc .price_time{width:48%;}
#price .price_btn{width:200px;margin:0 auto 40px;text-align:center;}
#price .price_btn a{padding:8px 0;background:#5d4037;display:block;border-radius:24px;box-sizing:border-box;color:#FFFFFF;}
#price .price_result{text-align:center;}
#price .price_result .js_result strong{font-size:24px;font-weight:500;}
#price .price_result .js_result strong small{font-size:15px;}
#price .price_result .js_result > small{display:block;font-size:14px;}
#price .price_result .js_result > small a{text-decoration:underline;}
/* === 依頼会員 === */
.childcare #contents .about_item_txt{background:#FFFFFF;}
.childcare #contents .about_item_txtbox::after{border-right-color:#FFFFFF;}
.childcare #contents p.txt_c{color:#FFFFFF;}
/* === 提供会員 === */
.sitting #contents p.txt_c{color:#FFFFFF;}
.sitting #contents .b_cloud.bg_r{padding-bottom:20%;}

/* === 各ファミサポ一覧 === */
.service_center #contents .famisapo_map{margin-top:80px;}

/* === よくあるご質問 === */
.faq #contents .faq_wrap .faq_item{margin-bottom:30px;padding:10px 24px 24px 24px;background:#fff6f0;}
.faq #contents .faq_wrap .faq_item h3{padding: 5px 5px 5px 80px;margin-bottom: 10px;background: url(image/faq.png?202602111553) no-repeat left center / 70px;font-size:20px;font-weight:700;}
.faq #contents .faq_wrap .faq_item .faq_item_txt{padding:20px 25px;background:#fff;}
.faq #contents .faq_wrap .faq_item .faq_item_txt .flex_box{margin-bottom:0;justify-content:flex-start;}
.faq #contents .faq_wrap .faq_item .faq_item_txt .faq_btn{width:300px;margin-right:24px;display:block;border-radius:25px;background:#c62828;color:#fff;text-align:center;}
.faq #contents .faq_wrap .faq_item .faq_item_txt .item:last-of-type .faq_btn{margin-right:0;}
.faq #contents .faq_wrap .faq_item .faq_item_txt .bl{background:#0b90b6}

/* === お問い合わせ === */
#contact{text-align:left;}
#contact dt{margin-bottom:4px;}
#contact dt span.red{margin-left:16px;padding:0 8px;background:#D90000;color:#FFFFFF;font-size:11px;}
#contact dd{margin-bottom:16px;}
.wpcf7 input[type="text"],.wpcf7 input[type="tel"],.wpcf7 input[type="email"],.wpcf7 textarea,.wpcf7 select{width:100%;padding:8px;font-size:100%;cursor:pointer;-webkit-appearance: none;appearance: none;}
.wpcf7 input[type="submit"]{display:block;width:200px;margin:0 auto;padding:4px 0;border:1px solid #0F2350;cursor:pointer;outline: none;background:#0F2350;color:#FFFFFF;box-sizing: border-box;-webkit-appearance: none;border-radius:0;clear:both;}
.wpcf7 input[type="submit"]:hover{background:#FFFFFF;color:#0F2350;}

/* === 各施設情報 === */
#facility_slide{padding:40px 0 0!important;}
#facility_slide .slide_img{height:370px;}
#facility_slide .slide_img img{width:100%;height:100%;object-fit:cover;}
#facility_detail .detail_wrap{margin-bottom:40px;}
#facility_detail .detail_wrap dl{padding:8px 0;display:flex;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid #ef9a9a;font-weight:500;}
#facility_detail .detail_wrap dl dt{width:180px;}
#facility_detail .detail_wrap dl dd{width:calc(100% - 180px);}
#facility_detail .detail_wrap dl dd ul.sns_list{display:flex;justify-content:flex-start;}
#facility_detail .detail_wrap dl dd ul.sns_list li{width:32px;margin-right:12px;}
#facility_detail .map iframe{width:100%;height:400px;}
#related_area .about_item_txtbox{margin-bottom:24px;}
#related_area ul{margin-bottom:40px;display:flex;justify-content:space-between;flex-wrap:wrap;}
#related_area ul::after{width:31%;content:"";display:block;}
#related_area ul li{width:31%;margin:0 0 2% 0;font-weight:500;text-align:center;}
#related_area ul li a{padding:8px 12px;display:block;border:1px solid #5d4037;border-radius:24px;box-sizing:border-box;transition:0.4s;}
#related_area ul li a:hover{background:#5d4037;color:#FFFFFF;}

/* === ダウンロード様式 === */
.download #contents .post ul{column-count:2;column-gap: 2em;}
.download #contents .post ul li{margin-left:0!important;padding:4px 0 4px 24px;list-style:none!important;position:relative;border-bottom:1px solid #5d4037;}
.download #contents .post ul li:before{content:"●";position:absolute;top:4px;left:0;}
.download #contents .post ul li a{padding-right:24px;background:url(image/link_icon.svg) no-repeat top 8px right / 12px;}
.download #contents .post h3{margin:32px 0 16px;padding:0 24px;display:inline-block;}
.download #contents .post ul.waku{padding:12px 24px;background:#fff6f0;}

/* ===== archive ===== */
#archives_wrap .event_wrap{display:flex;justify-content:space-between;flex-wrap:wrap;}
#archives_wrap .event_wrap::before{width:24%;content:"";display:block;order:1;}
#archives_wrap .event_wrap::after{width:24%;content:"";display:block;}
#archives_wrap .event_wrap .event_item{width:24%;margin-bottom:48px;position:relative;font-size:14px;}
#archives_wrap .event_wrap .event_item .event_img{margin-bottom:12px;}
#archives_wrap .event_wrap .event_item .event_data{font-size:13px;font-weight:700;}
#archives_wrap .event_wrap .event_item .event_cat{line-height:1.4;}
#archives_wrap .event_wrap .event_item .event_cat span{width:80px;margin:2px 4px 2px 0;background:#c62828;display:inline-block;border-radius:24px;font-size:12px;font-weight:700;color:#fff;text-align:center;line-height:1.4;}
#archives_wrap .event_wrap .event_item .event_title{font-weight:700;}

/* ===== single ===== */
.single .two_column{width:1100px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;}
.single .two_column #main{width:calc(100% - 352px);padding:24px;background:#fff6f0;box-sizing:border-box;}
.single .two_column #main h1.single_title{margin-bottom:24px;font-size:24px;font-weight:700;}
.single .two_column #main .event_cat span{width:80px;margin:2px 4px 2px 0;background:#c62828;display:inline-block;border-radius:24px;font-size:12px;font-weight:700;color:#fff;text-align:center;line-height:1.4;}
.single .two_column #sidebar{width:300px;}
/* sidebar */
#sidebar h2{padding-bottom:4px;border-bottom:1px solid #5d4037;font-size:18px;font-weight:700;}
#sidebar ul li{padding:4px 0;border-bottom:1px solid #ef9a9a;font-weight:500;}

/* ===== error404 ===== */
.error404 #contents{padding-top:80px;text-align:center;}
.error404 #contents h1{margin:0;font-size:600%;font-family:Arial, Helvetica, "sans-serif";font-weight:600;line-height:1;color:#E60019;}
.error404 #contents h2{border-bottom:none;}
.error404 #contents p a{text-decoration:underline;}

@media screen and (min-width: 1025px) {
	#global_menu{display:block !important;}
}
@media screen and (min-width: 741px) {
	a[href^="tel:"]{pointer-events:none;cursor:default;text-decoration: none;}
}

@media screen and (max-width: 1520px) {
	#contents .count_box{position:relative;z-index:5;}
	#request.bg_b .balloon_illust01{left:3%;}
	#request.bg_b .balloon_illust02{right:3%;}
}

@media screen and (max-width: 1320px) {
	.l_wrap{width:90%;}
	.l_wrap .wrap{width:100%;}
	.l_wrap .s_wrap{width:100%;}
}

@media screen and (max-width: 1280px) {
	#archives_wrap .event_wrap::before{display:none;}
	#archives_wrap .event_wrap::after{width:31%;}
	#archives_wrap .event_wrap .event_item{width:31%;}
}

@media screen and (max-width: 1200px) {
	#footer .f_adress{width:450px;margin:0 auto 40px;text-align:center;}
	#footer .f_adress #f_logo{margin:0 auto 12px;}
	#footer .f_nav{width:100%;}
	#footer .f_nav ul{justify-content:center;}
	
	#contents .page_title.title01::before{right:0;}
	#contents .page_title.title01::after{left:0;}
/* ===== single ===== */
	.single .two_column{width:90%;}
	.single .two_column #main{width:calc(100% - 272px);}
	.single .two_column #sidebar{width:220px;}
}

@media screen and (max-width: 1024px) {
	.pc{display: none;}
	.sp{display:block;}
	.wrap{width:90%;}
	/* === overlayMenuBtn === */
	.overlayMenuBtn{height:24px;position:absolute;top:50%;right:3%;transform:translateY(-50%);cursor:pointer;z-index:100001;}
	.overlayMenuBtn span{width:28px;position:relative;left:50%;transform:translateX(-50%);display:block;border:1px solid #5d4037;transition:.5s;background-color:#5d4037;}
	.overlayMenuBtn span:nth-child(1){top: 0;}
	.overlayMenuBtn span:nth-child(2){top: 6px;}
	.overlayMenuBtn small{margin-top:6px;font-size:11px;font-weight:900;text-align:center;display:block;transition:0.4s;}
	/* overlayMenu */
	.overlayMenu{width:100%;height:100vh;display:none;position:fixed;overflow:auto;background:#FFFFFF;z-index:100000;color:#333333;top:0;left:0;}
	.overlayMenuInner{padding:64px 4% 40px;}
	/* overlayMenuItem */
	.overlayMenuItem ul.sp_menu{margin:20px 0 40px;padding:0;list-style-type:none;}
	.overlayMenuItem ul.sp_menu li{border-top:1px solid #CCC;}
	.overlayMenuItem ul.sp_menu li:last-child{border-bottom:1px solid #CCC;}
	.overlayMenuItem ul.sp_menu li a{width:100%;padding:12px 24px;display:block;box-sizing:border-box;color:#333333;text-decoration:none;transition:.5s;}
	.overlayMenuItem ul.sp_menu li a:hover{background-color:#5d4037;color:#FFFFFF;}
	/* ===== global_menu ===== */
	#global_menu{display:none;}
	
	#about .about .man_illust{width:20%;top:-50px;}
	#about .about .girl_illust{width:20%;top:inherit;bottom:0;}
	/* local_menu */
	#local_menu ul li{width:49%;background-position:right 8% bottom 16% !important;}
	#local_menu ul li .more_btn{margin:0 auto;display:block;}
	
	#contents .page_title.title02::before, #contents .page_title.title02::after{width:150px;height:150px;}
	
/* === ファミサポについて === */
	.about #contents .about_link_item,
	#contents #service_wrap .about_link_item{width:48%;}
	.about #contents .about_link_item:nth-of-type(3),
	#contents #service_wrap .about_link_item:nth-of-type(3){width:100%;margin-top:4%;}
/* === 会員について === */
	.membership #contents .membership_voice_item{width:80%;margin:0 auto 48px;}
	
	#price .price_calc{flex-wrap:wrap;}
	#price .price_calc .price_area{width:48%;margin-bottom:32px;}
	#price .price_calc .price_num_people{width:48%;margin-bottom:32px;}
	#price .price_calc .price_time{width:100%;}
	#price .price_calc .price_time select{width:90%;}
/* ===== single ===== */
	.single .two_column #main{width:100%;margin-bottom:40px;}
	.single .two_column #sidebar{width:100%;}
	.single .two_column #sidebar ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
	.single .two_column #sidebar ul li{width:48%;}
}

@media screen and (max-width: 960px) {
	#archives_wrap .event_wrap::after{display:none;}
	#archives_wrap .event_wrap .event_item{width:48%;}
}

@media screen and (max-width: 900px) {
	.download #contents .post ul{column-count:inherit;column-gap:normal;}
}

@media screen and (max-width: 880px) {
	.s_wrap{width:90%;}
	.wrap .s_wrap{width:100%;}
	
	.faq #contents .faq_wrap .faq_item .faq_item_txt .faq_btn{margin-bottom:8px;}
	.faq #contents .faq_wrap .faq_item .faq_item_txt .item:last-of-type .faq_btn{margin-bottom:0;}
}

@media screen and (max-width: 800px) {
	#contents .page_title.title02{padding-top:12px;}
	#contents .page_title.title02::before, #contents .page_title.title02::after{width:100px;height:100px;}
	
	#about .about_detail{margin-bottom:80px;}
	#about .about_link_wrap .about_link_item{width:100%;margin-bottom:12px;}
	#news .news_wrap ul li{flex-wrap:wrap;}
	#news .news_wrap ul li .category{width:calc(100% - 120px);margin:0;text-align:left;}
	#news .news_wrap ul li .category span{margin-right:8px;text-align:center;}
	#news .news_wrap ul li a{width:100%;margin-top:4px;}
	
	.about #contents .about_link_item,
	#contents #service_wrap .about_link_item{width:100%;margin-top:4%;}
	#about .about_link_wrap{width:90%;}
	#about .about_link_wrap .about_link_item h3{font-size:24px;}
	#about .about_link_wrap .about_link_item:nth-child(3) h3{font-size:32px;}
	#about .about_link_wrap .about_link_item:nth-child(3) img{left:2%;bottom:0;top:inherit;}
	#about .about_link_wrap .about_link_item .link_btn{width:100%;}
	
	#price .price_detail dl, #cancellation .cancel_fee_detail dl{justify-content:space-between;flex-wrap:wrap;text-align:center;}
	#price .price_detail dl dt, #cancellation .cancel_fee_detail dl dt{width:100%;margin-bottom:8px;font-weight:700;}
	#price .price_detail dl dd, #cancellation .cancel_fee_detail dl dd{width:100%;font-weight:500;}
	
	#page_head .page_head_title{top:50%;font-size:28px;}
	#contents .page_title.title01::before{z-index:-1;}
	#contents .page_title.title01::after{z-index:-1;}
	#contents .count_item{width:100%;margin:32px auto;}
	
	#member_about .member_list li .area{width:100%;margin-top:8px;}
	
	#related_area ul::after{display:none;}
	#related_area ul li{width:49%;}
/* === 会員について === */
	.membership #contents .membership_voice_item{width:100%;}
	.membership #contents .membership_voice_item:last-of-type{margin-bottom:0;}
	.movie_wrap .movie_item{width:100%;}
}

@media screen and (max-width: 740px) {
	.table_scroll{overflow: auto;white-space: nowrap;display:block;}
	.table_scroll::-webkit-scrollbar{height: 5px;}
	.table_scroll::-webkit-scrollbar-track{background: #333;}
	.table_scroll::-webkit-scrollbar-thumb {background: #999;}
	.table-scroll table{width:100%;}
	a[href^="tel:"]{text-decoration:none;color:#5d4037;}
	
	.two_flex .item{width:100%;margin:0 0 40px;}
	.three_flex .item{width:100%;}
	.four_flex .item{width:48%;}
	.four_flex::before{content:"";display: block;width:48%;order:1;}
	.four_flex::after{content:"";display: block;width:48%;}
}

@media screen and (max-width: 640px) {
	.tb{display:block;}
	.btn_dsn1{width:100%;}
	
	#header .h_wrap{padding:12px 3%;}
	
	.mainimage{padding-top:60px;}
	.mainimage > img{width:90%;}
	.mainimage::after{margin-top:-50px;}
	
	#about{margin-bottom:60px;}
	#about .about_detail p{padding:0 2%;font-size:14px;}
	#about .about_detail p br{display:none;}
	#about .about .girl_illust{bottom:-45px;}
	#about .about_link_wrap .about_link_item:nth-child(3) h3{font-size:24px;}
	#about .about_link_wrap .about_link_item:nth-child(3) span{padding-left:24px;font-size:15px;}
	
	#local_menu ul li{width:90%;margin:1% auto;}
	
	#contents .page_title{font-size:20px;}
	#contents .page_title small{font-size:13px;}
	#contents .about_item{text-align:left;}
	#contents .about_item_txtbox .about_item_txt{margin-left:68px;}
	#contents .about_item_txtbox::after{left:46px;}
	#contents .about_item_txtbox .btn_dsn1{margin-top:8px;}
	#contents .page_title.title02{padding-top:24px;}
	#contents .page_title.title02::before, #contents .page_title.title02::after{width:60px;height:60px;}
	
	#page_head .page_head_title{font-size:21px;}
	
	#facility_detail .detail_wrap dl dt{width:100%;font-weight:700;}
	#facility_detail .detail_wrap dl dd{width:100%;font-size:14px;}
	
	.faq #contents .faq_wrap .faq_item h3{font-size:16px;}
	.faq #contents .faq_wrap .faq_item .faq_item_txt{padding:12px 16px;font-size:14px;line-height:1.5;}
	.faq #contents .faq_wrap .faq_item .faq_item_txt p{margin-bottom:0;}
	
	#price .price_calc{text-align:left;}
	#price .price_calc .price_area{width:100%;}
	#price .price_calc .price_num_people{width:100%;}
	#price .price_calc .price_item select{width:100%;}
	#price .price_calc .price_num_people select{width:90%;margin-left:0;}
	
	.download #contents .post h2{font-size:21px;}
}

@media screen and (max-width: 480px) {
	#about{margin-bottom:60px;}
	#about .about_link_wrap .about_link_item:nth-child(3){margin-top:0;}
	#about .about_link_wrap .about_link_item:nth-child(3) img{width:24%;}
	
	#news .news_wrap ul li .category{width:100%;}
	
	#local_menu ul li{width:100%;}
	
	#footer .f_adress dl dt{font-size:16px;}
	#footer .f_adress dl dd{font-size:15px;}
	
	#contents .page_title.title02{padding-top:40px;}
	#contents .page_title.title02::before,
	#contents .page_title.title02::after{width:100px;height:100px;}
	#contents .sub_title{font-size:21px;}
	
	#member_about .member_list li .facility{width:100%;margin-bottom:8px;}
	#member_about .member_list li .facility_tel{margin:0;order:3;}
	#member_about .member_list li .area{margin-bottom:8px;order:2;}
	
	#related_area ul li{width:100%;}
}

#news .news_wrap ul li .category .itano,.event_cat .itano{background:#fd97bd!important;}
#news .news_wrap ul li .category .anan,.event_cat .anan{background:#004097!important;}
#news .news_wrap ul li .category .naruto,.event_cat .naruto{background:#6aae31!important;}
#news .news_wrap ul li .category .mima,.event_cat .mima{background:#fe9426!important;}
#news .news_wrap ul li .category .awa,.event_cat .awa{background:#8b348e!important;}
#news .news_wrap ul li .category .kaiyo,.event_cat .kaiyo{background:#00b8ee!important;}
#news .news_wrap ul li .category .yoshinogawa,.event_cat .yoshinogawa{background:#fed200!important;}

body.admin-bar #header{top:32px;}

@media screen and (max-width: 782px) {
	body.admin-bar #header{top:46px;}
}