@charset "utf-8";
* {margin: 0; padding: 0;}
body {background-color: #666; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 0.9375em; line-height: 1.6em; color: #000;}
img {vertical-align: top; height: auto;}
a img {border: none;}
a:hover img {opacity: 0.7}
a {color: #06f; text-decoration: none;}
a:hover {color: #c00; text-decoration: none;}
ul {list-style-type: none;}
h1 {font-size: 1.2em; font-weight: normal; color: #fff; text-align: center;}
h2 { clear: both; font-size: 2.2em; font-weight: normal; text-align: center; padding: 40px 0; line-height: 1.2em; background-color: #B6DBD5; }
h3 {background-image: url(../img/h4_bg.jpg); color: #fff; padding: 5px; border-top: 3px solid #9DCDC6; border-left: 3px solid #9DCDC6; border-right:3px solid #4F8C83; border-bottom:3px solid #4F8C83; font-size: 1.2em; margin-bottom: 15px; clear: both;}
h4 { font-size: 1.2em; color: #288368; border-left: 5px solid #30B39B; border-bottom: 1px dotted #999; padding: 5px; margin-bottom: 0.5em; clear: both;}
h5 {font-size: 1em; margin-bottom: 8px; clear: both;}
header {width: 100%; background-size: contain; background-position: center 140px; background-repeat: no-repeat; }
#header_box, #header_box2 {width: 100%;}
p {margin-bottom: 1em;}
#logo {background-color: rgba(5,113,93,1); padding: 15px 2%;}
#title, #title2 {text-align: center;}
#title img, #title2 img {width: 60%;}
#header_bocchan {background-color:rgba(0,0,0,0.4); padding: 4% 2%;}
#header_bocchan img {width: 100%;}
#header_setumei {background-color: rgba(5,113,93,1); padding: 15px 2%; color: #fff;}
#header_setumei ul {margin-left: 2em; list-style-type: disc;}
#header_tel {background-color:#30B39B;}
#header_tel img {width: 100%; padding: 10px 0;}
#header_tel a {display: block;}
#header_tel a:hover {background-color: #70C0A8;}
nav {}
nav ul {text-align: center;}
nav ul li {background-image: url(../img/nav_bg.jpg); background-repeat:repeat-x; background-position: center}
nav ul li a {color: #FFF; display:block; padding: 0.5em 1em; font-size: 1em; font-weight: bold; }
nav ul li a:hover {color: #FFF; background-image: none; background-color:#92BCF5;}
/*-----↓メニュー↓-----*/
label {background-color:#306dc0; color: #fff; padding: 10px; display: block; margin: 0; text-align: center;}
input[type="checkbox"].on-off{display: none;}
.menu ul {-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin: 0; padding: 0; list-style: none;}
.menu li {padding: 5px;}
input[type="checkbox"].on-off + ul{height: 0; overflow: hidden;}
input[type="checkbox"].on-off:checked + ul{height: 235px;}
/*-----↑-----↑-----*/
#pankuzu {background-color: #eee; padding: 8px; color: #666;}
.bg_w {background-color: #fff; padding-top: 30px;}
.bg_glay {background-color: #eee;}
#sidebar {width: 96%; margin: 0 auto; padding-bottom: 20px;}
#sidebar ul {width: 200px; margin: 0 auto; padding: 10px 0;}
#sidebar ul li {margin-bottom: 10px;}
#sidebar img {width: 100%;}
#contents {padding: 0 3%;}
#kenkou {background-color: #e5e2c3; border-radius: 5px; padding: 10px; background-image: url(../top/binder2.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100%;}
#kenkou_kotira {width: 30%; margin: 0 auto;}
#kenkou_kotira img {width: 100%;}
.text_r {text-align: right;}
.text01 {font-size: 1.78em; line-height:1.5em; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif"; text-shadow: 0 0 5px #ccc; color:#288368; font-weight: bold; border-bottom: 2px dotted #ccc; padding-bottom: 0.2em;}
.text02 {color: #288368; font-size: 1.2em; font-weight: bold; margin-bottom: 0.3em; }
.text03 {font-size:1.1em; margin-bottom: 0.3em; font-weight: bold;}
.text04 {font-size: 1.7em; font-weight: bold; color: #288368; margin-bottom: 0.3em; line-height: 1.3em;}
#footer_tel {border: 2px solid #393; border-radius: 5px; padding: 10px; text-align: center; line-height: 1.3em; margin-bottom: 20px;}
.text04 img {width: 24px; vertical-align: bottom; padding-right: 5px;}
.text05 {font-size: 1.1em;}
.text06 {font-size: 0.9em;}
.text07 {font-size: 1.3em; color: #FFD600;}
.text08 {color: #39A38F;}
.text_red {color: #CC0000;}
.msg {color: #CC0000;}
.text_kakomi1 {background-color: #729E00; color: #fff; padding: 6px 15px 3px; border-radius: 20px; font-size: 1.1em; margin-bottom:10px;}
.list01 {list-style-type: disc; margin: 0 0 1em 2em;}
.list01 li {margin-bottom: 0.3em;}
section {padding-bottom: 30px; overflow: hidden;}
.photo01 {}
.photo01 img {width: 100%;}
.photo02 {width:50%; margin: 0 auto 10px;}
.photo02 img {width:100%;}
.photo03 {width: 60%; margin: 0 auto 1em;}
.photo03 img {width: 100%;}
.photo04 {width: 80%; margin: 0 auto 1em;}
.photo04 img {width: 100%;}
.photo05 img {width: 100%}
.photo06 img {width: 100%;}
.areamap {width: 280px; border: 1px solid #ccc; margin: 0 auto 1em;}
.areamap img {width: 100%; border: none;}
.comment01 {}
.comment01 img {width: 35%; float: left; margin-right: 10px;}
.bg_glay section {padding: 20px 3%;}
#hamada_bnr {width: 184px; margin: 0 auto; border: 1px solid #288368;}
#hamada_bnr img {width: 100%;}
footer {color: #ccc; line-height: 1.4em; text-align: center; padding-bottom: 60px;} 
nav {}
nav ul {text-align: center;}
nav ul li {background-image: url(../img/nav_bg.jpg); background-repeat:repeat-x; background-position: center}
nav ul li a {color: #FFF; display:block; padding: 0.5em 1em; font-size: 1em; font-weight: bold; }
nav ul li a:hover {color: #FFF; background-image: none; background-color:#92BCF5;}
#footermenu {text-align: center; padding: 20px 0;}
#footermenu ul li {display: inline-block; padding: 0.3em 1em;}
#footermenu ul li a {color: #ccc;}
#footermenu ul li a:hover {color: #fff;}
#pagetop_box { position: fixed; bottom: 0px; z-index: 101; width:100%;}
#pagetop a { width: 11em; color: #FFF; padding: 5px; background-color: #69F; margin: 0 auto; display: block; font-size: 0.9em; text-align: center; border-radius: 10px 10px 0 0; }
#pagetop a:hover { background-color: #99C1FF; }
#tenmei {text-align: center;}
.sp_none {display: none;}
.nagare li {background-color: #eee; padding: 10px; border-radius: 8px;}
.center {text-align: center;}
.no1 {padding: 0 0.5em 3px 0; vertical-align:bottom;}
a .img_v_m {vertical-align: middle;}
dl {border-bottom: 1px dotted #999; padding: 5px 0;}
dt {font-weight: bold; color: #288368;}
dd {padding-left: 1em;}
.formwidth {width: 90%;}
.formwidth2 {width: 50%;}
.remodal dl {overflow: hidden;}
.remodal dt {float:left; width:45%; }
.remodal dd {float:right; width: 45%; border-left:1px dotted #999; text-align: center;}
.sagyou {text-align: center; line-height: 1.3em; overflow: hidden;}
.sagyou img {width: 100%; margin-bottom: 5px;}
.sagyouimage {margin-bottom: 5px;}
.sagyou .yuubin {text-align: center;}
.sagyou .yuubin img {width: 50%;}
.sankaku {text-align: center; width: 100%; font-size: 2em; color:#30B39B; margin-bottom: 10px;}
.sankaku2 {text-align: center; width: 100%; font-size: 2em; color:#30B39B; margin-bottom: 10px;}
.sikiri {clear: both;}
.before_l img, .before_r img {width: 100%; margin-bottom: 10px;}
.sitemap {color: #666; line-height: 1em;}
.sitemap a {font-weight: bold;}
.yuubin { margin-bottom: 0; text-align: center;}
.yuubin img {width: 200px;}
.youtube {width:100%; padding-top:56.25%; position:relative; margin-bottom:5px;}
.youtube iframe {top:0; right:0; width:100%; height:100%; position:absolute;}
.youtube_box {text-align: center; margin-bottom: 20px;}
.media_kiji {border-bottom: 1px dotted #999; padding: 10px 0;}
.media_photo {width: 50%; margin: 0 auto 10px; max-width:150px; }
.media_photo img {width: 100%; margin-right: 10px;}
.media_comm a {color: #023DC7;}
.media_comm a:hover {color: #c00;}
#furusato {background: url("../img/furusato_bg.jpg") no-repeat center bottom; text-align: center;}
#furusato li img {width: 94%; }
#furusato li:last-child {margin-bottom: 0;}
#osirase .kiji {padding: 3px 0; border-bottom: 1px dotted #999;}
#osirase .day {color: #008B43}
#itiran {padding: 3px 0; text-align: right;}

@media print, screen and (min-width:600px) {
header {background-position: center center; background-size: cover;}
#header_box {width: 100%; overflow: hidden;}
#header_box2 {width: 100%; overflow: hidden;}
#logo {background-color: rgba(5,113,93,0.75); padding: 15px 2%;}
#header_l {width: 50%; float: left;}
#header_tel {width: 293px; float: right; background-color:transparent;}
#header_tel a:hover {background-color:transparent ;}
#header_setumei {background-color: rgba(5,113,93,0.7); padding: 15px 2%; color: #fff;}
#title img, #title2 img {width: 250px;}
nav {clear: both; background-image: url(../img/nav_bg.jpg); background-repeat:repeat-x; background-position: center }
nav ul li {display: inline-block;}
nav ul li a {padding: 1em 0.6em; }
#sidebar {padding-bottom: 20px;}
#sidebar ul {width: 100%; text-align: center;}
#sidebar ul li {display:inline-block; padding: 10px; width: 200px; }
#kenkou {overflow: hidden; background-image:url(../top/binder.png); background-size:55%; background-position: 155% bottom; padding: 15px;}
.kenkou_hon {float: left; width: 75%; margin-bottom: 0}
#kenkou_kotira {float: right; width: 25%; text-align: center;}
#kenkou_kotira img {width: 100px;}
.photo01 {width: 50%; float: left;}
.photo02 {float: right; width: 150px; padding-left: 10px;}
.photo03 {width: 200px; float: right; padding-left: 10px;}
.photo04 {width: 300px; float: right; padding-left: 10px;}
.photo05 img {width: 80%;}
.areamap {margin: 0 3em 0 0; float: left; }
.areatext {}
.comment01 {float: right; width: 48%;}
.youtube_box {float:left; width:49%; padding-right:2%; list-style-type:none; margin-bottom: 0;}
.youtube_box:last-child {padding-right:0;}
.pc_tab_none {display: none;}
#hamada_bnr {width:184px; }
footer {color: #ccc; line-height: 1.4em; text-align: center; padding-bottom: 60px;} 
#footermenu {text-align: center; padding: 20px 0;}
#footermenu ul li {display: inline-block; padding: 0.3em 1em;}
#footermenu ul li a {color: #ccc;}
#footermenu ul li a:hover {color: #fff;}
.sp_none {display: block;}
.hdr_cts {background-color: #000; background-image: url(../top/img02.jpg); background-position: center center;}
.hdr_cts #header_box {background-color: rgba(0,0,0,0.3);}
dl {overflow: hidden;}
dt {float: left; width: 15%;}
dd {float: right; width: 80%; text-align: left; border-left: 1px dotted #999;}
.sagyou {text-align: left;}
.sagyouimage { overflow: hidden;}
.sagyou img {float: left; width: 50%; padding-right: 1em;}
.sankaku {width: 50%;}
.sankaku2 {width: 100%;}
.before_after {clear: both; overflow: hidden;}
.before_l {float: left; width: 49%;}
.before_r {float: right; width: 49%;}
.yuubin {width: 50%;}
.media_kiji {border-bottom: 1px dotted #999; padding: 10px 0; overflow: hidden;}
.media_photo {width: 30%;  float: left; margin-right: 10px; margin-bottom: 0;}
.media_photo img {width: 100%;}
#furusato {background-size: 450px; margin: 0 auto; width: 100%;}
#furusato li img {width:100%}
}

@media print, screen and (min-width:1024px) {
.bg_w {}
#pankuzu {margin: 0 auto; padding: 8px 0}
article {width: 960px; margin: 0 auto; overflow: hidden;}
#header_box, #header_box2 {width: 960px; margin: 0 auto; }
#header_tel {width: 350px;}
nav ul li a {padding:1em;}
#sidebar {width: 190px; float: left;}
#sidebar ul {padding: 0; margin-bottom: 10px;}
#sidebar ul li {width: 100%; padding: 0; margin-bottom: 10px;}
#contents {width: 740px; float: right; padding: 0;}
#kenkou {background-size:50%; background-position: 145% bottom; padding: 15px;}
#kenkou_kotira {width: 110px; text-align:left;}
#kenkou_kotira img {width: 100px;}
.photo01 {width: 380px;}
.photo02 {padding: 0;}
.photo05 img {width: 550px;}
.photo06 img {width: 740px;}
.aisatu {width: 580px;}
.comment01 {float: right; width: 350px;}
#footer_tel {width: 350px; margin: 0 auto 20px;}
.before_l {float: left; width: 360px;}
.before_r {float: right; width: 360px;}
#furusato li img {width: 94%;}
#furusato li:first-child {padding-top: 10px;}
#furusato li:last-child {padding-bottom: 10px;}
}

@media print {
#pagetop_box {display: none;}
}