@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.88em; line-height: 1.7em; color: #000;}
p {margin-bottom: 1em;}
a {text-decoration: none; color: #03F;}
a:hover {color: #AF0002;}
img {width: 100%; height: auto; vertical-align: top; }
a img {border: none;}
a:hover img {opacity: 0.6;}
header {background-color:#03B3A5; padding: 0 3%;}
#mark {width: 50px; margin: 0 auto 5px;}
h1 {padding-bottom: 0.5em; max-width: 300px; margin: 0 auto;}
.top_main {background: #FFF url("../top/top_main1.jpg") no-repeat; background-position: center top; background-size: 150%; padding: 1em 3% 9em; font-size:6.5vw; line-height: 8vw; font-weight: bold; text-align: center; color: #FFF; text-shadow:.0 0 20px #000;}
#head_tel {font-size: 1.4em; padding: 5px 5px 2px; border: 2px solid #81DDD6; text-align: center; color:#FFF; border-radius: 8px;}
a .text_tel{color: #FFFF00; font-size: 1.2em;}
a:hover .text_tel {color: #FFDD00;}
nav {background-color: #03B3A5;}
nav ul {list-style-type: none; overflow: hidden; text-align: center;}
nav ul li {width: 50%; float: left;}
nav ul li a {color: #FFF;  font-size: 1.2em; border-top: 1px solid #81DDD6; border-left: 1px solid #81DDD6; display: block; padding: 8px 0;}
nav ul li a:hover {background-color: #81DDD6; color: #FFF;}
.bg_lg {background:#EDF9F8 url("../img/kage.png") no-repeat center top; padding: 1em 0; background-size: 120%;}
.bg_w {background: #FFF url("../img/kage.png") no-repeat center top; padding: 1em 0; background-size: 120%;}
.bg_gray {background: #EEE url("../img/kage.png") no-repeat center top; padding: 1em 0; background-size: 120%;}
.bg_y {background:#FFF0A7 url("../img/kage.png") no-repeat center top; padding: 1em 0; background-size: 120%;}
.bg_o {background: #FFB600 url("../img/kage.png") no-repeat center top; padding: 1em 0; background-size: 120%;}
.bg_t { background:#FFF url("../img/saidan.jpg") no-repeat center top; background-size:100%;}
.uketuke { color: #000; font-size: 1.5em; font-weight: bold; margin-bottom: 0.2em; line-height: 1.2em;}
.uketuke_tel { color: #FFF; font-size: 1.6em; font-weight: bold; text-align: center; margin-bottom: 0; text-shadow: 0 0 10px #000; line-height: 1.2em;}
article {width: 94%; margin: 0 auto; padding: 1em 0; overflow: hidden;}
#osirase {line-height: 1.5em; margin-bottom: 2em;}
.kiji, .kiji2 {padding: 5px 0; border-bottom:1px dotted #666;}
.day, .day2 {color: #647B00;}
#itiran {text-align: right; padding: 5px 0;}
h3 {font-size: 1.4em; color: #006B63 ; text-align: center; border: 2px solid #03B3A5; border-radius: 20px; padding: 6px 1em 3px; margin-bottom: 0.5em; background-color:#FFF; line-height: 1.2em;}
.twitter {width: 100%; height: 350px;}
a .btn1 {text-align: left; font-size: 1.3em; line-height: 1.2em; padding: 1em 0.5em 2em; font-weight: bold; color: #FFF; display: inline-block; width: 35%; background:url("../top/btn_inu.png") no-repeat right bottom; background-color:#03B3A5; background-size:40%; border-radius: 5px; max-width: 300px; margin: 0 2%;}
a .btn2 {text-align: left; font-size: 1.3em; line-height: 1.2em; padding: 1em 0.5em 2em; font-weight: bold; color: #FFF; display: inline-block;  width: 35%; background:#03B3A5 url("../top/btn_neko.png") no-repeat right bottom; background-size:65%; border-radius: 5px; max-width: 300px; margin: 0 2%;}
a:hover .btn1, a:hover .btn2 {background-color:#81DDD6;}
.catch {font-size: 1.4em; font-weight:bold; text-align: center; line-height: 1.8em; text-shadow: 0 0 10px #FFF; color: #000;}
.sekihi {width: 80%; margin: 0 auto 1em;}
.juusyo {text-align: center; line-height: 1.4em; padding: 1em 0;}
.juusyo p:last-child {margin-bottom: 0;}
.text01 {font-size: 1.3em; font-weight: bold;}
.text02 {font-size: 1.2em;}
.text03 {color:#006B63; font-weight: bold; line-height: 1.2em;}
.text04 {font-size: 0.7em; line-height: 0.8em;}
.text05 {font-size: 2em; font-weight: normal; line-height: 1.2em;}
.text06 {font-size: 0.8em; color: #CC0000;}
.text07 {font-size: 1.6em;}
.text08 {font-size: 1.4em; color: #006B63; }
footer {background-color: #666; padding: 1em 3% 4em; color: #FFF; text-align: center}
#footernav ul {list-style-type: none; overflow: hidden;}
#footernav ul li {width: 100%; float:none; text-align: center; display: inline;}
#footernav ul li a {color: #CCC; display: inline-block; padding: 0 1em;}
#footernav ul li a:hover {color: #FFF;}
.center {text-align: center;}
#kanri {text-align: center;}
#kanri a {color:#CCC;}
#kanri a:hover {color:#FFF;}
.btn {overflow:hidden; margin-bottom: 30px; text-align: center;}
.sns ul { text-align:center;}
.sns ul li {list-style-type:none; width:50px; display:inline-block; padding:0 5px;}
#pagetop a {text-align: center; padding: 5px; width: 10em; margin: 0 auto; border-radius: 5px 5px 0 0; position: fixed; bottom: 0; left: 0; right: 0; color: #FFF; background-color: #36F;}
#pagetop a:hover {background-color: #95AFFF;}
h2 {text-align: left; background: #EDEDED url("../top/h2_bg1.jpg") no-repeat right center; background-size: contain; padding: 1.5em 0 1.5em 3%; font-size: 1.6em; text-shadow: 0 0 5px #FFF; color:#006B63; line-height: 1.2em;}
.img01 {width: 60%; margin:0 auto 1em; max-width: 160px;}
.img01 img {margin-bottom: 5px;}
.img02 {width: 40%; float: left; margin-right: 2%; max-width: 120px;}
.img03 {width: 60%; margin: 1em auto 1em; max-width: 160px; border: 5px solid #FFF; box-shadow: 0 0 10px #666;}
.text_r {text-align: right;}
.gaiyou dl{border-bottom: 1px dotted #666; padding: 10px 0;}
.gaiyou dl dt {font-weight: bold; font-size: 1.1em;}
.gaiyou dl dd {margin-left: 1em;}
.googlemap {height: 400px; width:100%;}
.map1 {width: 100%; margin: 0 auto 1em;}
.map2 {width: 100%; margin: 0 auto 1em;}
iframe {margin-bottom: 1em;}
.youtube1 {width: 100%; max-width:225px; text-align: center; margin: 0 auto; padding: 5px;}
.youtube1 iframe {width: 100%; height: 400px;}
h4 {padding-bottom: 2px; border-bottom: 2px dotted #CCC; margin-bottom: 10px; clear: both; font-size: 1.3em; color:#006B63;}
#pankuzu {text-align: right; margin-right: 3%; color: #666;}
.staff {border-top: 1px dotted #999; padding: 10px 0; overflow: hidden;}
.staff:last-child {border-bottom: 1px dotted #999;}
.q {font-size: 1.2em; font-weight: bold; color: #03B3A5; background: url("../situmon/q.png") no-repeat left bottom; padding: 1em 0 0 2.5em; border-top: 2px dotted #03B3A5;}
.a {background: url("../situmon/A.png") no-repeat left top; padding: 0.5em 0 0 3em; margin-left:3em;}
.nagare dl {}
.nagare dt {background-color:#bef6f2; font-size: 1.1em; line-height: 1.3em; padding: 0.7em; border-radius: 10px;}
.nagare dt span {font-size: 1.2em; line-height: 1.3em; color: #006B63; font-weight: bold;}
.nagare dd {line-height: 1.4em; padding:0.5em;}
.nagare dd span {font-size: 2em; color: #03B3A5; display: block; padding:0.3em;  text-align: center;}
.bg_wan {background: url("../nagare/wanchan.jpg") no-repeat right bottom; background-size:30%;}
.hyou01 {border-top: 1px dotted #666; margin-bottom: 1em; width: 100%; font-size: 1.1em}
.hyou01 th {text-align: left; padding: 5px 0; border-bottom: 1px dotted #666; width: 20%}
.hyou01 td {padding: 5px 0; border-bottom: 1px dotted #666;}
.hyou02 {border-top: 1px dotted #666; margin-bottom: 1em; width: 100%; font-size: 1.1em;}
.hyou02 th {text-align:center; padding: 5px 0; border-bottom: 1px dotted #666; width: 60%}
.hyou02 td {padding: 5px 0; border-bottom: 1px dotted #666; text-align: center;}
.btn3 {width: 60%; text-align: center; margin: 0 auto; font-size: 1.4em; font-weight: bold; }
.btn3 a {padding: 0.5em; border-radius: 10px; background-color: #03B3A5; color: #FFF; display: block;}
.btn3 a:hover {background-color: #81DDD6;}
.list01 {margin-left: 2em;}
.list01 li {margin-bottom: 0.5em;}
.goiken {background-color: #FFF0A7; padding: 1em; margin-bottom: 1em; text-align: left;}
.goiken p {margin-bottom: 0;}
form input, form textarea {width: 90%; padding: 3px;}
.sp_none {display: none;}
.submit_btn {width: 10em; text-align: center;}
.img_tel {width:50px; margin: 0 auto 1em;}
.box1 {border-top: 1px dotted #999; }
.merit {background-color: #03B3A5; padding:8px 20px 5px; color: #FFF; border-radius: 50px; display: block; text-align: center; margin-bottom: 10px;}
.contact dl.contact_conf {overflow: hidden; border-bottom: 1px dotted #999; padding: 5px 0;}
.contact dl.contact_conf:first-child {border-top: 1px dotted #999;}
.contact dl.contact_conf dt {font-weight: bold;}
.form_form {text-align: center;}
.msg {color: #C00;}
.bordernone {border: none;}

@media print, screen and (min-width: 540px){
body {font-size: 0.9375em; line-height: 1.8em;}
header {overflow: hidden;}
#mark {width: 60px; float: left; margin-right: 10px;}
h1 {max-width: 300px; margin: 5px 0 ; float: left; padding-bottom: 0;}
#head_tel {float: right; font-size: 1.3em;}
.top_main { background-position:center; background-size: 105%; padding: 1em 3% 8.5em; font-size:4vw; line-height: 5vw;}
nav ul li {width:25%;}
.catch {font-size:3.3vw; text-align: left; line-height: 1.5em; float: left; width: 55%; padding-top: 2em;}
.sekihi {width: 45%; float: right;}
.uketuke {text-align: center; font-size: 1.6em;}
.uketuke_tel {font-size: 1.8em;}
a .btn1 {font-size: 1.5em; width: 40%;  background-size:30%;}
a .btn2 {font-size: 1.5em; width: 40%; background-size:55%; background-position: right 80%;}
.pc_tab_none {display: none;}
.bg_t { background:url("../img/kuyoutou2.jpg") no-repeat center 30%; background-size:cover; }
h2 {background-size: 50%; padding: 2em 0 2em 3%; font-size: 2.2em;}
.img01 {max-width: 180px; float: left; margin-right: 20px;}
.img03 {max-width: 180px; float: left; margin: 5px 20px 0 10px; }
.gaiyou dl {overflow: hidden;}
.gaiyou dl dt {float:left; width: 23%; min-width: 100px; line-height: 1.2em;}
.gaiyou dl dd {float: right; width: 70%; min-width: 360px;}
.googlemap {height: 400px;}
.map1 {max-width:500px;}
.map2 {max-width: 500px;}
.youtube {text-align: center;}
.youtube1 {display:inline-block;  text-align: center; max-width: 252px; }
.youtube1 iframe {height: 450px;}
.bg_gray, .bg_lg, .bg_w, .bg_o, .bg_g, bg_y {background-size: 100%; padding: 30px 0; }
.staff {float: left; width: 48%; margin: 0 1%;}
.nisio {border-bottom: 1px dotted #999;}
.bg_wan {background-size: 25%; background-position: 90% center;}
.hyou01 {width: 50%; min-width: 540px; margin: 0 auto 1em; font-size: 1.2em;}
.hyou01 th {width: 25%;}
.hyou02 {width: 50%; min-width: 540px; margin: 0 auto 1em; font-size: 1.2em;}
.btn3 {width: 200px; margin: 0 0 0 auto;}
.box1 {max-width:700px; margin: 0 auto; }
.goiken {max-width:700px; margin: 0 auto 1em;}
.sp_none {display: block;}
.img_tel {width: 70px;}
.otoiawase_tel {width: 400px; overflow: hidden; margin: 0 auto;}
.text07 {font-size: 1.8em; line-height: 1.1em;}
.img_tel {float: left;}
.merit {border-bottom: 0;}
.kuyousai {text-align: center;}
.kuyousai p {display: inline-block; width: 48%; margin: 0 0.5% 2em; text-align: center;}
.contact dl.contact_conf dt {float: left; width: 30%;}
.contact dl.contact_conf dd {float: right; width: 70%;}
#osirase2 {max-width: 768px; margin: 0 auto;}

}

@media print, screen and (min-width: 1024px){
.h2_box {background-color: #EDEDED;}
h2 {width:980px; margin: 0 auto; }
article {width: 980px;}
.float_l {width: 48%; float: left;}
.float_r{width: 48%; float:right;}
.catch {font-size: 2.2em;}
.main_box { background-color: #C1A615;}
.top_main {width: 100%; margin: 0 auto; font-size: 2.6em; line-height: 1.4em; background-size:cover; padding: 0.7em 0 14em; text-align: center;}
nav ul {text-align: center; margin: 0 auto;}
nav ul li {width: auto; float: none; display: inline-block; font-size: 1.1em; font-weight: bold;}
nav ul li a {border: none; padding: 1em 0.8em;}
.uketuke {font-size: 1.7em;}
.juusyo {padding: 2em 0;}
#footernav {width: 960px; margin:0 auto 10px;}
.map1 {width: 48%; float: left;}
.map2 {width: 48%; float: left;}
.googlemap {float: right; width: 48%; height: 730px;}
.staff {width: 31%;}
.tanimoto {border-bottom: 1px dotted #999;}
.youtube1 {max-width: 270px;}
.youtube1 iframe {height: 480px;}
.bg_wan {background-position: right center; background-size: 20%;}
.hyou01 {width: 600px;}
.hyou01 {width: 600px;}
.btn3 {margin: 0 30% 0 auto;}
.goiken {width: 46%; margin: 0 0.2em 1em; display: inline-block; text-align: left;}
.otoiawase_tel {width: 480px;}
.text07 {font-size: 2em; line-height: 1.2em;}
.kiji2 {overflow: hidden; width: 768px;}
.day2 {float: left; width: 200px;}
.comm2 {float: right; width: 568px; text-align: left;}

}