@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/* 全般 */
.content{margin-top:0;}
.wrap{width:100%;}
.footer{margin-top:0;}
.date-tags{display:none;}
.breadcrumb-item span.fa{display:none;}
.main{padding-left:0;padding-right:0;padding-bottom: 0;}
.entry-content{margin-top:0;margin-bottom:0;}
.outline_inner,.post,.under-entry-content{width:100%;max-width:1100px;margin:0 auto;}
.body .article{margin-bottom:0;}


html {scroll-behavior: smooth;}

/* table */
table tr:nth-of-type(2n+1){background-color:#fff;}

/* グローバルメニュー */
#navi .navi-in a:hover{background:#fada7e;}
#navi .navi-in a:active{background:}
.header .site-name-text img{border:3px solid #804b08;}

.navi{position:relative;}
.sns_btn{position:absolute;top:1rem;right:18rem;display: flex;justify-content:space-around;width: 100%;max-width: 80px;}
.sns_btn img{width: 100%;max-width: 35px;}

h1{font-size:12px;font-weight:normal;}
.current-menu-item{background:#fed8d8;}

.fixed-header .sns_btn{right: 15rem;}
.hd_h1{width:100%;max-width:1100px;margin:0 auto;}

.header .site-name-text img{width:100%;max-width:350px;height:75px;}

/* タイポグラフィ */
h3.mds01{font-weight:500;border-left: none;background-color: #fcb931;color: #fff;padding: 0.5em 1em calc(0.5em - 6px);position: relative;margin-bottom:0;font-size:24px;border-radius: 15px 15px 0px 0px;border:none;}
h3.mds01::after {content: '';background-color: #fcb931;width: 100%;height: 3px;position: absolute;bottom: -6px;left: 0;}
h3.mds02{display: inline-block;font-weight:500;border-left: none;margin-top: 5rem;margin-bottom:6rem;font-size:24px;position: relative;padding: 1rem 2rem calc(1rem + 10px);background:#fca4bb;color:#fff;}
h3.mds02::before {position: absolute;top: -12px;left: -12px;width: 100%;height: 100%;content: '';border: 4px solid #ffd5e6;}
h3.mds03{font-weight:500;border-left: none;background-color: #fcb931;color: #fff;padding: 0.5em 1em 0.5em 2.5em;margin-bottom:0;font-size:24px;border-radius: 15px 15px 0px 0px;border:none;position:relative;}
h3.mds03:before{position:absolute;content:"";background:url(images/guide_04.svg) no-repeat top left;background-size:100% auto;top:50%;left:0.5rem;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);width:44px;height:44px;}
h3.mds04{font-weight:500;border-left: none;background-color: #fcb931;color: #fff;padding: 0.5em 1em 0.5em 2.5em;margin-bottom:0;font-size:24px;border-radius: 15px 15px 0px 0px;border:none;position:relative;}
h3.mds04:before{position:absolute;content:"";background:url(images/guide_05.svg) no-repeat top left;background-size:100% auto;top:50%;left:0.5rem;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);width:44px;height:44px;}
h3.mds05{display: inline-block;font-weight:500;border-left: none;margin-top: 2rem;margin-bottom:3rem;font-size:24px;position: relative;padding: 1rem 2rem calc(1rem + 10px);background:#fff;color:#f87182;border:0;}
h3.mds05::before {position: absolute;top: -12px;left: -12px;width: 100%;height: 100%;content: '';border: 4px solid #f87182;}
h3.mds06{display: inline-block;font-weight:500;border-left: none;margin-top: 2rem;margin-bottom:0;font-size:24px;position: relative;padding: 1rem 2rem calc(1rem + 10px);background:#d6eca7;color:#255b22;border:0;}
h3.mds06::before {position: absolute;top: -12px;left: -12px;width: 100%;height: 100%;content: '';border: 4px solid #5f9d74;}
h3.mds07{display: inline-block;font-weight:500;border-left: none;margin-top: 2rem;margin-bottom:0;font-size:24px;position: relative;padding: 1rem 2rem calc(1rem + 10px);background:#d6eca7;color:#255b22;border:0;}
h3.mds07::before {position: absolute;top: -12px;left: -12px;width: 100%;height: 100%;content: '';border: 4px solid #5f9d74;}


.article h2.f_mds01{color: #364e96;padding: 10px 2rem 1rem;border:none;border-top: solid 3px #364e96;border-bottom: solid 3px #364e96;text-align:center;font-size:36px;display: table;margin: 0 auto;background-color: rgba(255, 255, 255, 0);}
.article h2.f_mds01 span{display:block;font-size:16px;color:rgba(54,78,150,.6);}
.article h2.f_mds02{color: #fff;padding: 10px 2rem 1rem;border:none;border-top: solid 3px #fff;border-bottom: solid 3px #fff;text-align:center;font-size:36px;display: table;margin: 0 auto 3rem;background-color: rgba(255, 255, 255, 0);}
.article h2.f_mds02 span,.article h2.f_mds03 span{display: block;font-size: 16px;color: rgba(255, 255, 255, .6);}
.article h2.f_mds03{color: #fff;padding: 10px 2rem 1rem;border:none;border-top: solid 3px #fff;border-bottom: solid 3px #fff;text-align:center;font-size:36px;display: table;margin: 0 auto 3rem;background-color: rgba(255, 255, 255, 0);}
.article h2.f_mds04{color: #fff;padding: 0.5em 2rem;border:none;border-top: solid 3px #fff;border-bottom: solid 3px #fff;text-align:center;font-size:36px;display: table;margin: 0 auto;background-color: rgba(255, 255, 255, 0);}


/* TOP */
#post-7 header.article-header{display:none;}

/* 固定ページ */
body.page .entry-header{display:none;}
.phead{background:url(images/hd_default.jpg) no-repeat top center;background-size:100% auto;text-align:center;padding:9.5rem 0;}
.phead h2{font-size:36px;}
.ph_guide{background:url(images/hd_default.jpg) no-repeat top center;background-size:100% auto}
.ph_guide h2 span{border-bottom: 5px dotted #fcb931;}
.ph_about{background:url(images/hd_about.jpg) no-repeat top center;background-size:100% auto}
.ph_about h2 span{border-bottom: 5px dotted #f87182;}
.ph_access{background:url(images/hd_access.jpg) no-repeat top center;background-size:100% auto}
.ph_access h2 span{border-bottom: 5px dotted #71bdf8;}
.ph_contact{background:url(images/hd_access.jpg) no-repeat top center;background-size:100% auto}
.ph_contact h2 span{border-bottom: 5px dotted #bee67e;;}

.alink{padding-top: 100px;margin-top: -100px;}

/* パンくず */
.breadcrumb{width:100%;max-width:1100px;margin:0 auto;}

/* ご利用案内 */
#b_c01{background:#fcd484;padding:3rem 0;margin-bottom: 0;}
#b_c02{background:url(images/guide_bg01.png) no-repeat top center;background-size:100% auto;padding:5rem 0 0;}

.gu_01{display:flex;justify-content:flex-start;align-items:center;width:100%;max-width:1300px;margin:0 auto 3rem;}
.gu_02{width: 100%;max-width: 750px;height: auto;}
.gu_03{width: 100%;max-width:425px;margin: 0 0 0 2rem;}
.gu_04{background: #fff;padding: 1.5rem 1rem 3rem;}
.gu_04 span{position:relative;padding: 0 0 0 1.8rem;}
.gu_04 span:before{position:absolute;content:"●";color:#7a3914;top:50%;left:0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.gu_05{display:flex;justify-content:space-around;align-items:center;margin:0 auto;}
.gu_06{width:100%;max-width:48%;}
.gu_07{width:100%;max-width:48%;}
.gu_08{display:flex;justify-content:space-around;align-items:center;flex-direction:row-reverse;margin: 6rem auto;}
.gu_09{width:100%;max-width:25%;margin:0 4rem 0 0;}
.gu_09 span{display:block;font-weight:bold;margin:0 auto 2rem;}
.gu_10{display:flex;justify-content:flex-start;flex-wrap:wrap;width: 100%;max-width: 900px;margin: 0 auto;}
.gu_11{margin:2rem auto;font-weight:bold;color: #c00;}

.f_btn02{display:flex;justify-content:space-around;}

/* 公園案内 */
#b_c03{background:#fce4e7;padding:3rem 0;margin-bottom: 0;}
#ab_b01{background:url(images/about_bg01.jpg) no-repeat top left;background-size:100% auto;padding:18% 0 0;}

.ab_01{width:100%;max-width:1000px;margin:0 auto;}
.ab_02{display: flex;justify-content: flex-start;align-items: center;margin: 2rem auto 3rem;}
.ab_03{width: 100%;max-width: 400px;}
.ab_04{width: 100%;max-width: 570px;margin: 0 0 0 3rem;}
.ab_04 span{color: #c00;font-weight: bold;font-size: 16px;display: block;margin:0;}

.ab_ft_r{color:#c00;font-weight:bold;}
.ab_ft_bl{color:#0693e3;font-weight:bold;}

.map_flex{display:flex;justify-content:flex-start;align-items:center;}

/* アクセス */
.gmap{margin:3rem auto 2rem;}
.gmap iframe{width:100%;height:450px;}
.gmap span{display:block;}

.acc_01{text-align:center;}

/* フッター */
.ft_center{text-align:center;width:100%;max-width:300px;margin:0 auto;}
.ft_center img{border:3px solid #804b08;}

/* お問い合わせ */
table.tbl_ctt{margin: 3rem auto;width: 100%;max-width: 900px;}
table.tbl_ctt th{background-color:#bee67e;}
.ctr{width: 100%;max-width: 300px;margin: 0 auto 3rem;}
.ctr input[type=submit]{border:none;background-color:#ecd960;border-radius: 30px;font-size: 18px;}

.inq_bx01{margin:2rem auto 0;}
.inq_bx03{margin:0 auto 3rem;}
.inq_05{height: 230px;overflow: auto;border: 1px solid #e0e0e0;margin:2rem auto 8rem;background: #fff;padding: 25px;}
.inq_05 h4{margin-bottom: .5rem;margin-top: 2.5rem;}
.inq_06{margin: 0 auto 2rem;}
.inq_07{}
.inq_08{margin:0 0 0.5rem;}

/* TOP */
.ph_top{display:none;}

#f_bg01{background:url(images/f_bg01.svg) no-repeat top 3rem left 3rem;background-size:31% auto;padding:5rem 0 6rem;}
#f_bg02{background:url(images/f_bg02.svg)no-repeat bottom 3rem right 3rem;background-size:33% auto;padding:5rem 0 10rem;background-color:#36b2ba;margin-bottom:0;}
#f_bg03{background:url(images/f_bg03.svg) no-repeat bottom 2rem left;background-size:31% auto;padding:5rem 0 15rem;background-color:#ffaf56;margin-bottom:0;}
#f_bg04{background:#fff7c5;padding:5rem 0;margin-bottom: 0;}

.f_bx01{display:flex;justify-content:space-around;width:100%;max-width: 1200px;margin: 0 auto 5rem;align-items:center;}
.f_bx02{width:100%;max-width:500px;}
.f_bx03{width:100%;max-width:550px;text-align:left;background: rgba(255, 255, 255, .4);padding: 2rem;}
.f_bx04{display:flex;justify-content:space-around;width:100%;max-width: 1200px;margin: 0 auto 5rem;align-items:center;flex-direction:row-reverse;}

a.btn_02 {display: block;text-align: center;vertical-align: middle;text-decoration: none;width:210px;margin: auto;padding: 1rem 0rem;font-weight: bold;color:#36b2ba;border-radius: 100vh;transition: 0.5s;background:#fff;border:2px solid #fff;box-shadow: 0 0 6px rgba(0, 0, 0, .8);-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .8);}
a.btn_02:hover {color: #fff;background:#36b2ba;border: 2px solid #fff;transform: translateY(3px);box-shadow:none;}

a.btn_03 {display: block;text-align: center;vertical-align: middle;text-decoration: none;width:210px;margin: auto;padding: 1rem 0rem;font-weight: bold;color:#ffaf56;border-radius: 100vh;box-shadow: 0 0 6px rgba(0, 0, 0, .8);-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .8);transition: 0.5s;background:#fff;border:2px solid #fff;}
a.btn_03:hover {color: #fff;background:#ffaf56;border: 2px solid #fff;transform: translateY(3px);}

.f_gmap{margin:4rem auto 2rem;width:100%;max-width:900px;}
.f_gmap iframe{width:100%;height:450px;}
.f_gmap span{display:block;font-weight:bold;}

/* 新着情報 */
.article ul.news_list{list-style-type:none;width: 100%;max-width: 600px;margin: 3rem auto;}
.news_date{padding:0 1rem 0 0;}

.f_btn{text-align:center;}
a.btn_01 {display: block;text-align: center;vertical-align: middle;text-decoration: none;width:210px;margin: auto;padding: 1rem 0rem;font-weight: bold;color:#364e96;border-bottom: 2px solid #364e96;border-radius: 100vh;box-shadow: 0 0 6px rgba(0, 0, 0, .8);-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .8);transition: 0.5s;background: #fff;}
a.btn_01:hover {color: #fff;background:#364e96;border-bottom: 2px solid #fff;transform: translateY(3px);}

/* スライダー用 */
#xo-slider-171{background: #a2defa;padding: 3rem 0;}

/* フッター */
#content-bottom{background:#fff;}
#content-bottom .widget_text{margin-bottom:0;}

ul.bind01{list-style-type:none;}
.link_bind{width:100%;max-width:900px;margin:3rem auto 0;display:flex;justify-content:space-around;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/* 1500px */
@media screen and (max-width: 1500px){
	.phead{padding: 7.5% 0;}
	.fixed-header .navi-in > ul{justify-content:flex-start;}
}

/* 1300px */
@media screen and (max-width: 1300px){
	#f_bg01{background: url(images/f_bg01.svg) no-repeat bottom 3rem left 3rem;background-size: 33% auto;}
	.gu_01{max-width:1100px;}
	.fixed-header .navi-in > ul li{width:130px;}
}

/* 1100px */
@media screen and (max-width: 1100px){
	
}

/*1024px以下*/
@media screen and (max-width: 1024px){
	.outline_inner,.breadcrumb,.ab_01,.gu_01,.hd_h1,.post,.under-entry-content{max-width:93%;}
	.navi-in > ul li{width:130px;}
	#f_bg01 {background: url(images/f_bg01.svg) no-repeat bottom 0rem left 1rem;background-size: 47% auto;}
	.f_bx01,.f_bx04{flex-wrap:wrap;}
	.f_bx03{max-width:80%;}
	#f_bg02{background: url(images/f_bg02.svg) no-repeat bottom 3rem right 3rem;background-size: 56% auto;background-color: #36b2ba;}
	#f_bg03 {background: url(images/f_bg03.svg) no-repeat bottom 2rem left 1rem;background-size: 60% auto;background-color: #ffaf56;}
}

/*850px以下*/
@media screen and (max-width: 850px){
	.search-menu-button{display:none!important;}
	h3.f_mds01,h3.f_mds02,h3.f_mds03{font-size:23px;}
	h3.mds05,h3.mds06,h3.mds02,h3.mds07{font-size:20px;}
	h3.mds05{margin-bottom:2rem;}
	.f_bx03,.outline_inner, .breadcrumb, .ab_01, .gu_01{max-width:93%;}
	main.main{padding:0;}
	#f_bg01{background: url(images/f_bg01.svg) no-repeat bottom 0rem left 1rem;background-size: 74% auto;padding: 3rem 0 7rem;}
	#f_bg02{padding: 3rem 0 6rem;background: url(images/f_bg02.svg) no-repeat bottom 3rem right 3rem;background-size: 78% auto;background-color: #36b2ba;}
	#f_bg03{background: url(images/f_bg03.svg) no-repeat bottom 2rem left 1rem;background-size: 82% auto;background-color: #ffaf56;padding: 3rem 0 7rem;}
	.ab_02{flex-wrap:wrap;}
	.ab_04,.gu_03,.gu_06,.gu_07{max-width:100%;margin:0 auto;}
	ul.bind01{padding-left:0;width:48%;}
	.link_bind{max-width:93%;flex-wrap:wrap;}
	.gu_01,.gu_05,.gu_08{flex-wrap:wrap;}
	#b_c02{padding: 2rem 0 0;}
	.gu_08{margin:3rem auto 0;}
	h3.mds02{margin-bottom:3rem;}
	.gu_09{max-width:45%;margin:0 auto;}
	.phead h2{font-size:20px;}
	.ph_guide{background:url(images/hd_default.jpg) no-repeat top center;background-size:cover;}
	.ph_about{background:url(images/hd_about.jpg) no-repeat top center;background-size:cover;}
	.ph_access{background:url(images/hd_access.jpg) no-repeat top center;background-size:cover;}
	.menu-button .sns_btn{top: 8px;right:5px;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}