@charset "utf-8";
* {margin: 0px; padding: 0px;}
body { font-size: 0.885em; line-height: 1.6em; color: #000; font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif; background-color: #CCC;}
a {color:#03C; text-decoration:none;}
a:hover { color: #FF6701; text-decoration: none; }
p {margin-bottom:1em;}
img {vertical-align:top; border:none; height: auto;}
a:hover img {opacity:0.6;}
header {padding:10px; background-color: #FF6091; overflow: hidden; text-align: center; color: #FFF;}
header h1 {width:250px; text-align: center; margin: 0 auto 10px;}
#title img {width: 100%;}
nav { border-top: 1px solid #BF2252; }
nav ul { text-align: center; list-style-type: none; background-color: #BF2252; overflow: hidden; font-size: 1.1em; border-right: 1px solid #FF6091;}
nav ul li a { display: block; height: 20px; padding: 10px 0; border-bottom: 1px solid #FF6091; border-left: 1px solid #FF6091; float: left; width: 49.6%; color: #FFF; font-weight: bold;}
nav ul li a:hover { background-color: #DC4271; background-image: none; color: #FFF; }
#top_img {background-size:contain; text-align: center; background-position: center top; background-repeat: no-repeat;}
#top_img img {width: 100%;}
#main {background-color:#FFF; overflow:hidden;}
h2 {font-weight:bold; font-size:1.6em; padding:0.3em 0 0.3em 0.3em; border-left:#FF6091 7px solid; margin-bottom:0.5em; line-height: 1.1em}
h2#herb {font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-weight: bold; font-size: 1.9em; line-height: 1.1em;}
h3 { font-size: 1.3em; clear: both; padding:10px 0;}
h4 {font-size:1.4em; font-weight:bold; color:#940002; margin-bottom: 5px;}
h4.text01 {font-size: 1.4em; text-align: center;}
.bg_pink {padding: 30px 5%; background-color: #FBE5EC; background-image: url("../img/gra.png"); background-repeat: repeat-x;}
.bg_w {padding: 30px 5%; background-color: #FFF; background-image: url("../img/gra.png"); background-repeat: repeat-x;}
.bg_lg {padding: 30px 5%; background-color: #EEE; background-image: url("../img/gra.png"); background-repeat: repeat-x;}
#osirase_kiji {}
#osirase_kiji .kiji {border-bottom:#999 1px dotted; padding:3px 0;}
#osirase_kiji .day {color:#DC1170; font-weight:bold;}
.kakomi_title {font-weight: bold; text-align: center; background-color: #FFF; padding: 3px 15px; border-radius: 20px; margin-bottom: 0.5em;}
#kakomi_l {padding: 3%; border-radius: 5px; font-size: 1.2em; margin-bottom: 20px; background: url("../top/kakomi_l_illust.png") no-repeat 93% bottom #e0e3ff; background-size: 80px;}
#kakomi_r {background-color: #c7e5ff; padding: 3%; border-radius: 5px; font-size: 1.2em; margin-bottom: 20px; background: url("../top/kakomi_r_illust.png") no-repeat 93% bottom #c7e5ff; background-size: 95px;}
#kakomi_full {padding: 3%; border-radius: 5px; font-size: 1.2em; margin-bottom: 20px; background: url("../top/kakomi_full_illust.png") no-repeat 98% bottom #B1E942; background-size: 100px; overflow: hidden; clear: both;}
.kakomi_pink {background-color:#FFC4D6; padding: 3%; border-radius: 5px;}
.ba {width: 100%; padding: 0 0 0.5em;}
.ba2sp {width: 100%; margin-bottom: 20px;}
.ba2sp img {width: 100%;}
.ba_text {text-align: center;}
.ba img {width: 100%;}
.sejutu { text-align: center; margin: 0 auto 1em;}
.sejutu img {width: 100%;}
.catch1 {font-size: 1.1em; text-align: center;}
h3.h3_midasi img {width: 150px;}
h3.h3_midasi {border: 2px solid #f93d77; padding: 5px 0; border-radius: 100px; width: 100%; display: block;text-align: center; margin: 0 auto 10px;}
#touhisenjou { }
#touhisenjou_setumei {margin-bottom: 2em; border-bottom: 2px dotted #CCC; padding-bottom: 2em;}
#touhisenjou_p img {width: 100%; margin-bottom: 10px;}
.text_pink {color: #CF275B;}
#hm_photo {overflow: hidden; width: 100%; max-width: 350px; margin: 0 auto 1em;}
#hm_l {width: 100%;}
#hm_l img {width: 100%; margin-bottom: 5px;}
#hm_r {width: 100%;}
#hm_r img {width: 100%; margin-bottom: 5px;}
.sikiri {background: url("../img/gra.jpg") repeat-x;}
#syokubutu img {width: 100%;}
.text_red {color: #D31E56;}
.text_big {font-size: 1.8em; font-weight: bold; line-height: 1.2em;}
.text01 {font-size: 1.2em; font-weight: bold;}
.center {text-align: center;}
footer {padding:10px 2% 50px; color:#000; text-align:center;}
footer ul {list-style-type:none;}
footer ul li {display: inline-block; padding: 0 10px;}
footer ul li a {color:#000; line-height:2em;}
footer ul li a:hover {color:#666;}
.nowrap {white-space:nowrap;}
#osirase_admin {display:block;}
.pc_tab_none {}
#denwaki {width: 70px; margin: 0 auto 10px;}
#denwaki img {width: 100%;}
.btn1 {font-size: 1.8em; font-weight: bold; text-align: center; overflow: hidden; width: 100%; margin: 0 auto;}
.btn1 a {background-color: #FF6091; padding: 15px 20px 10px; border-radius: 10px;  color: #FFF; display: block;}
.btn1 a:hover {background-color: #FFB1C9; padding: 15px 20px 10px; border-radius: 10px;  color: #FF6091; overflow: hidden;}
#header_tel a {background-color: #CD2860; border: 2px solid #FBD7E2; padding: 5px; border-radius: 10px; width: 150px; margin: 0 auto; font-size: 1.2em; font-weight: bold; display: block; color: #FFF;}
#header_tel a:hover {background-color: #FBD7E2; color: #FF6091;}
.map_photo {width: 100%; max-width: 350px;}
.map_photo img {width: 100%;}#pagetop a {color: #CCC; display: block; background-color: #999; padding:12px 10px 8px; width: 30px; height: 30px; border-radius: 10px; }
#pagetop {text-align: center; font-size: 2em; position: fixed; right:10px; bottom: 10px;}
#pagetop a {color: #CCC; display: block; background-color: #999; padding:12px 10px 8px; width: 30px; height: 30px; border-radius: 10px; }
#pagetop a:hover {background-color: #AAA; color: #FFF;}
.img_small {width:150px; text-align: center; margin: 0 auto;}
.img_small img {width: 100%;}
.ba_text {margin-bottom: 0.5em;}
#beforeafter {width: 300px; margin: 0 auto;}
#beforeafter img {width: 100%;}
.ba_menu {text-align: center; border-top: 2px dotted #999; border-bottom: 2px dotted #999; padding: 10px 0 0; margin: 10px 0;}
.ba_menu ul {list-style-type: none;}
.ba_menu ul li {padding: 3px 10px; font-size: 1.1em; font-weight: bold}
.ba_menu ul li a {display:block; background-color: #BF2252; color: #FFF; margin: 0 auto 10px; padding:0.5em; border-radius: 10px; width: 80%;}
.ba_menu ul li a:hover {background-color: #FF6091; color: #FFF;}
.ba2pc {display: none;}
.comment {padding: 1em; background-color: #FFF; border-radius: 5px;}
#color_p {margin-bottom: 2em; border-bottom: 2px dotted #CCC; padding-bottom: 2em;}
#color_p img {width: 100%; margin-bottom: 10px;}

@media print, screen and (min-width:640px) {
body {font-size: 0.9375em;}
nav ul li a { width: 24.8%;}
#kakomi_l {background-color: #ced2fd; padding: 3%; border-radius: 5px; font-size: 1.2em; margin-bottom: 20px; width: 42%; float: left;}
#kakomi_r {background-color: #c7e5ff; padding: 3%; border-radius: 5px; font-size: 1.2em; margin-bottom: 20px; width: 42%; float: right;}
.sejutu img {width:80%; max-width: 550px;}
#touhisenjou {width: 250px; text-align: center; margin: 0 auto 20px;}
#touhisenjou_setumei {overflow: hidden;}
#touhisenjou_p {float: left; width: 48%; margin-right: 20px;}
#touhisenjou_p img {width:100%; margin-bottom: 10px; float: left; }
#touhisenjou_text {float: right; width: 48%;}
h2#herb {font-size: 2.2em; border: none; text-align: center; line-height: 1.2em;}
.pc_tab_none {display: none;}
#hm_photo {width:100%; max-width: 750px;}
#hm_l {float: left; width: 46%;}
#hm_r {float: right; width: 52%;}
h3 {padding: 20px 0;}
.text_big {font-size:2.2em; }
.btn1 {font-size: 2.2em; width: 400px}
.text01 {font-size: 1.5em;}
.catch1 {font-size: 1.3em; line-height: 1.4em;}
#syokubutu {max-width:750px; margin: 0 auto;}
.kakomi_full_l {float: left; width: 50%;}
.kakomi_full_r {float: right; width: 50%;}
.img_small {width:200px;}
#kakomi_l {background-size: 83px;}
#kakomi_r {background-size: 105px;}
#kakomi_full {background-size: 108px;}
.ba {max-width: 500px; margin: 0 auto;}
.ba_text {text-align: center;}
#beforeafter {width: 380px;}
.ba_menu ul li { display: inline-block; font-size: 1.3em;}
.ba_menu ul li a {width: 200px;}
.ba2sp {display: none;}
.ba2pc {display: block; width: 100%; margin-bottom: 20px;}
.ba2pc img {width: 100%;}
.comment {max-width: 470px; margin: 0 auto;}
#color_p {width: 70%; margin:0 auto 10px; max-width: 400px;}
}

@media print, screen and (min-width:1024px) {
#header_box {width:997px; margin: 0 auto; overflow: hidden;}
h1 {float: left;}
#subtitle {text-align: left; margin: 40px 0 0; font-size: 1.4em; width: 550px; float: left;}
#header_tel {float: right; margin: 40px 0 0;}
nav { background-color: #BF2252;}
nav ul {width:1000px; margin: 0 auto; font-size: 1.1em;}
nav ul li#home {display: none;}
nav ul li a { width: auto; color:#FFF; background-color: #BF2252;  border-bottom: none; display: inline-block; padding: 10px 26px;}
article {width: 100%; max-width: 1000px; margin: 0 auto;}
.sejutu {width: 90%; max-width: 750px;}
#top_img {width: 100%; margin: 0 auto;}
#top_img img {width: 100%;}
.catch1 {font-size: 1.5em; line-height: 1.4em;}
#syokubutu {max-width: 800px;}
#hm_photo {max-width: 800px;}
#kakomi_l {background-size: 100px;}
#kakomi_r {background-size: 125px;}
#kakomi_full {background-size: 125px;}
.ba_menu ul li { display: inline-block; font-size: 1.4em;}
.ba2pc {max-width: 950px; margin: 0 auto 20px;}
#color_p {width: 100%; max-width: 100%; display: inline-block; text-align: center;}
#color_p img {width: 32%}
}


@media print,screen and (min-width:1280px) {
#top_container {background-color: #EEE;}
#top_img {width: 100%; max-width: 1440px; margin: 0 auto;}
#top_img img {width: 100%;}
article {width: 100%; max-width: 1440px; margin: 0 auto;}
#hm_photo {max-width: 850px;}
}