@charset "UTF-8";
@charset "UTF-8";
html.slb_overlay object,html.slb_overlay embed,html.slb_overlay iframe{visibility:hidden}html.slb_overlay #slb_viewer_wrap object,html.slb_overlay #slb_viewer_wrap embed,html.slb_overlay #slb_viewer_wrap iframe{visibility:visible}.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.a2a_kit a:empty,.a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined){display:none}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}

  * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; }
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline; } article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background-color: #fffff9;
border-top: 5px solid #a5ca51; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
a {
color: #0F50BA;
text-decoration: none; }
a:hover {
text-decoration: underline;
color: #38991F; } .readmore {
margin: 2px 0 4px; }
a.readmore {
background-color: #fffdf5;
transition-duration: 0.3s;
color: #8a6614;
border: 1px solid #8a6614;
padding: 8px 10px;
font-size: 90%;
width: 100px;
text-align: center;
text-decoration: none;
line-height: 1;
display: block;
float: right; }
a.readmore:hover {
background-color: #ffc05e;
text-decoration: none;
color: #fffdf5; }
.clear {
clear: both; }
.clearfix:before, .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow: hidden; font-size: 0.1em; line-height: 0; }
.clearfix {
zoom: 1; } blockquote {
background-color: #fffdf5;
padding: 10px 20px;
margin: 30px 0;
border-left: 3px solid #8a6614;
color: #8a6614; }
h1 {
font-size: 160%;
border: none;
border-top: 8px solid #ebe1cb;
border-bottom: 8px solid #ebe1cb;
text-align: center;
color: #684b0a;
margin: 0 0 50px;
padding: 60px 0;
line-height: 1.4; }
.main-contents h2 {
position: relative;
padding-bottom: 5px;
font-size: 140%;
line-height: 1.5;
margin: 50px 0 30px;
color: #78570A;
letter-spacing: 0.05em;
border-bottom: 3px solid #dbcb93; }
.main-contents h2:after {
content: " ";
position: absolute;
display: block;
bottom: -3px;
border-bottom: 3px solid #9dc813;
width: 15%; }
h3 {
color: #78570A;
margin: 27px auto 20px;
font-size: 120%;
line-height: 1.3; }
h4 {
color: #78570A;
margin: 37px auto 10px;
font-size: 100%;
line-height: 1.3; }
.no-margin {
margin: 0; }
.clearfix:after {
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden; }
.clearfix {
zoom: 1; }
.clear {
clear: both; }
.small {
font-size: 86%; }
.blue {
color: #1667b3; }
.red {
color: #e6461a; }
p {
font-size: 93%;
line-height: 1.7;
margin: 1em 0; }
img {
max-width: 100%;
height: auto;
width: auto\9; border: 0; }
.no-pc {
display: none; }
ul {
list-style: none;
list-style-type: none;
font-size: 93%; }
ol {
margin: 10px 20px;
font-size: 93%;
list-style-type: decimal; }
dl {
font-size: 90%; }
dt {
width: 80px;
float: left;
line-height: 1.6;
margin-bottom: 10px; }
dd {
line-height: 1.6;
margin-left: 80px;
margin-bottom: 10px; }
p.editlink {
clear: both;
font-size: 80%; }
hr {
border: 1px solid #8a6614;
margin: 20px auto;
clear: both; }
.alignright {
float: right;
margin: 0 0 10px 10px; }
.alignleft {
float: left;
margin: 0 10px 10px 0; }
.aligncenter {
display: block;
margin: 10px auto;
text-align: center; } .wp-caption {
max-width: 100%;
height: auto;
text-align: center;
padding-top: 4px;
margin: 5px 0 15px; }
.wp-caption-text {
font-size: 79%; }
.gallery-caption,
.wp-caption-text {
font-size: 83%;
line-height: 1.5; }
.sticky {
border-top: 4px solid #8a6614;
padding: 10px 20px; }
table {
width: 100%;
margin: 20px auto;
border-collapse: collapse; }
th {
background: #fffdf5;
text-align: left;
border: 1px solid #8a6614;
padding: 10px;
font-size: 86%;
line-height: 1.5; }
td {
text-align: left;
border: 1px solid #8a6614;
padding: 10px;
font-size: 86%;
line-height: 1.5; }
.small {
font-size: 86%; }
.large {
font-size: 120%; }
.bold {
font-weight: bold; }
.text-right {
text-align: right; }
.img-center {
display: block;
margin: auto; } .green-btn-large {
background-color: #67b024;
padding: 15px 10px;
text-shadow: 1px 1px 1px #333;
font-size: 130%;
font-weight: bold;
text-align: center;
margin: 20px auto;
border-radius: 5px;
}
.green-btn-large a {
text-align: none;
color: #fff;
display: block;
position: relative;
}
.green-btn-large a:hover {
top: 1px;
left: 1px;
} .wrap {
width: 960px;
margin: 0 auto; } .main {
width: 960px; margin: 30px auto 20px;
overflow: hidden;
clear: both; } .main-contents {
width: 690px;
padding: 0 30px 20px 0;
float: left; } .sidebar {
width: 260px;
float: right;
padding: 0 20px 20px;
background-color: #f9f7ee;
color: #684b0a; }  .breadcrumbs {
padding: 15px;
font-size: 79%;
color: #8a6614; }
.breadcrumbs a {
color: #8a6614; } .wpcf7 input {
padding: 5px;
color: #000; }
.entry-content .wpcf7 input.wpcf7-submit {
width: 200px;
letter-spacing: 0.5em;
font-size: 120%;
padding: 10px 0;
display: block;
margin: auto; }
.hissu:after {
content: '必須';
color: #fff;
font-size: 73%;
margin-right: 5px;
background-color: #E99E93;
padding: 3px;
vertical-align: middle; } table.form-table {
margin: 30px auto;
width: 100%; }
table.form-table th {
font-size: 86%;
font-weight: normal;
padding: 10px;
vertical-align: top; }
table.form-table td {
font-size: 86%;
font-weight: normal;
padding: 10px; }
table.form-table td input {
font-size: 110%; }
table.form-table td textarea {
width: 100%;
min-height: 300px;
font-size: 100%; }
.kakunin {
font-size: 90%;
text-align: center; }
.kakunin label {
margin: 0;
padding: 0; }
.kakunin input {
display: block;
margin: 10px 46% 0; }
.sbt {
text-align: center;
font-size: 83%; }
.wpcf7-response-output {
font-size: 90%;
padding: 10px; } span.wpcf7-list-item {
display: block;
padding: 5px 0; } .wpcf7 .wpcf7-response-output {
margin: 10px 0 0;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {
color: #e6461a;
background-color: #F7F1D6;
border: none; }
.wpcf7 .wpcf7-mail-sent-ok {
color: #8a6614;
background-color: #C7E4C4;
border: none; } .widget-box-left {
width: 300px;
float: left; }
.widget-box-left h2 {
font-size: 90%; }
.widget-box-left ul {
margin: 0 0 20px 20px; }
.widget-box-left li {
list-style: circle;
padding: 3px 0;
line-height: 1.5; }
.widget-box-right {
width: 300px;
float: right; }
.widget-box-right h2 {
font-size: 90%; }
.widget-box-right ul {
margin: 0 0 20px 20px; }
.widget-box-right li {
list-style: circle;
padding: 3px 0;
line-height: 1.5; } .reply {
margin: 10px 10px 20px; }
.comment-body p {
margin: 10px; } .related-posts {
margin: 20px 0 30px; }
.related-posts h4 {
font-size: 86%; }
.related-posts ul {
margin: 20px; }
.related-posts li {
list-style: circle;
padding: 4px 0;
line-height: 1.4; } .paging {
font-size: 79%;
overflow: hidden;
margin-bottom: 20px; }
.paging .prev {
line-height: 1.8; }
.paging .next {
line-height: 1.8; }
.paging i {
color: #9f7f37; } .green-gradation {
background: #a7cc52;
background: -moz-linear-gradient(top, #a7cc52 0%, #9fc24d 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #a7cc52), color-stop(100%, #9fc24d));
background: -webkit-linear-gradient(top, #a7cc52 0%, #9fc24d 100%);
background: -o-linear-gradient(top, #a7cc52 0%, #9fc24d 100%);
background: -ms-linear-gradient(top, #a7cc52 0%, #9fc24d 100%);
background: linear-gradient(to bottom, #a7cc52 0%, #9fc24d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cc52', endColorstr='#9fc24d', GradientType=0 ); }
.usu-green-gradation {
background: #ecf6d7;
background: -moz-linear-gradient(top, #ecf6d7 0%, #d4e5b0 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #d4e5b0), color-stop(100%, #d4e5b0));
background: -webkit-linear-gradient(top, #ecf6d7 0%, #d4e5b0 100%);
background: -o-linear-gradient(top, #ecf6d7 0%, #d4e5b0 100%);
background: -ms-linear-gradient(top, #ecf6d7 0%, #d4e5b0 100%);
background: linear-gradient(to bottom, #ecf6d7 0%, #d4e5b0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf6d7', endColorstr='#d4e5b0', GradientType=0 ); }
.orange-gradation {
background: #ffc05e;
background: -moz-linear-gradient(top, #ffc05e 0%, #ffaf23 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffc05e), color-stop(100%, #ffaf23));
background: -webkit-linear-gradient(top, #ffc05e 0%, #ffaf23 100%);
background: -o-linear-gradient(top, #ffc05e 0%, #ffaf23 100%);
background: -ms-linear-gradient(top, #ffc05e 0%, #ffaf23 100%);
background: linear-gradient(to bottom, #ffc05e 0%, #ffaf23 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc05e', endColorstr='#ffaf23', GradientType=0 ); } .searchform {
margin: 10px auto;
clear: both; }
.searchform label {
display: none; }
.searchform input.searchfield {
padding: 3px;
font-size: 83%;
width: 180px; }
input.searchsubmit {
font-family: FontAwesome;
border: none;
background: transparent;
cursor: pointer;
color: #9f7f37;
margin: 0; } .search-post .readmore {
display: none; }
.search-post .post-title h2 {
font-size: 110%;
margin: 20px 0 0; }
.search-post .post-title p {
margin: 0 0 0 2px;
color: #9f7f37;
font-size: 79%; }
.search-post .post-content p {
margin: 10px 0 50px; } .attachment img.attachment-img {
display: block;
margin: 0 auto; } h3#comments {
font-size: 100%; }
p.comment-form-comment label {
display: block; }
.fn {
font-style: normal; }
ul.comment-list li {
list-style: none; }
li.comment p {
font-size: 13px; }
.comment-meta {
font-size: 11px;
line-height: 2; }
ul.children {
padding-left: 10px; }
ul.children li ul.children {
padding-left: 0; }
.navigation {
margin: 20px 0; }
p.comment-notes {
font-size: 79%; }
.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
display: block; }
.comment-meta {
border-bottom: 1px solid #999; } .pagenation {
clear: both;
overflow: hidden;
margin-bottom: 20px;
padding: 0 0 5px;
min-height: 30px; }
ul.page-numbers {
text-align: center;
line-height: 1.5; }
ul.page-numbers li {
display: inline-block;
vertical-align: middle;
color: #8a6614;
font-size: 79%;
display: inline; zoom: 1; }
ul.page-numbers li a.page-numbers {
padding: 6px 10px;
background-color: #f9f7ee;
border: 1px solid #8a6614;
color: #8a6614;
line-height: 30px; }
ul.page-numbers li a.page-numbers:hover {
text-decoration: none;
background-color: #ebe1cb; }
ul.page-numbers li .current {
padding: 6px 10px;
margin: 0;
background-color: #f9f7ee;
border: 1px solid #9f7f37; }  .orange-memobox {
border: 2px solid #ffaf23;
background-color: #9f7f37;
padding: 10px 20px 10px;
margin: 30px auto 40px;
font-size: 88%;
line-height: 1.8; }
.orange-memobox h2, .orange-memobox h3, .orange-memobox h4, .orange-memobox h5 {
margin: 10px 0; }
.orange-memobox p {
font-size: 106%; }
.orange-memobox li {
font-size: 110%; } .brown-memobox {
border: 2px solid #8a6614;
background-color: #9f7f37;
padding: 10px 20px 10px;
margin: 30px auto 40px;
font-size: 88%;
line-height: 1.8; }
.brown-memobox h2, .brown-memobox h3, .brown-memobox h4, .brown-memobox h5 {
margin: 10px 0; }
.brown-memobox p {
font-size: 100%; }
.brown-memobox li {
font-size: 106%; } .memo {
border: 2px solid #ffaf23;
padding: 10px 20px 10px;
margin: 30px auto 40px;
line-height: 1.8;
font-size: 86%; }
.memo h2, .memo h3, .memo h4, .memo h5 {
margin: 10px 0; }
.memo p {
font-size: 106%; }
.memo li {
font-size: 110%; }
.memo:before {
content: '- MEMO -';
display: block;
color: #ffaf23; } .alert {
border: 2px solid #F99;
background-color: #FFF5F1;
padding: 10px 20px 10px;
margin: 30px auto 40px;
line-height: 1.8; }
.alert h2, .alert h3, .alert h4, .alert h5 {
margin: 10px 0; }
.alert p {
font-size: 106%; }
.alert li {
font-size: 110%; }
.alert:before {
content: '\f06a ご注意ください';
margin: 0 3px 5px;
font-family: FontAwesome;
vertical-align: middle;
display: block;
color: #F33; } .yellow-pen {
background: linear-gradient(transparent 60%, #ffff66 60%);
font-weight: bold; } .red {
color: #f00;
font-weight: bold; } header {
position: relative;
padding-bottom: 10px; }
header p strong {
font-weight: normal;
font-size: 78%; }
header p {
margin: 5px 0;
color: #9f7f37; }
header .header-logo {
width: 450px; }
header .header-right {
float: right;
width: 470px;
margin-top: -20px; }
header .header-catch {
float: left;
margin-right: 10px;
width: 150px; }
header .header-contact {
width: 240px;
float: right; }
header .header-tel p {
font-size: 73%;
margin: 0;
text-align: center;
font-weight: bold; }
header .tel-number {
font-size: 150%;
font-weight: bold;
margin: 5px auto;
text-align: center;
letter-spacing: 0.05em;
color: #8a6614; }
header .web-reservation {
font-size: 96%;
font-weight: bold;
text-align: center;
margin: 5px 10px;
color: #fff;
-moz-text-shadow: 1px 1px 1px #766321;
-webkit-text-shadow: 1px 1px 1px #766321;
text-shadow: 1px 1px 1px #766321;
text-decoration: none; }
header .h24 {
font-size: 70%; }
header .web-reservation a {
display: block;
text-decoration: none;
color: #fff;
padding: 7px 5px; }
header .web-reservation:hover {
position: relative;
top: 1px;
left: 1px; }
header .web-reservation-banner:hover {
position: relative;
top: 1px;
left: 1px; } .top-visual {
height: 0; padding-top: 26.42%;
background: url(//wasedamental.com/wp/wp-content/themes/wasedamental/images/top-image.jpg) 0 0 no-repeat;
background-size: contain;
position: relative; }
.top-main-visual {
display: block;
margin: 0 auto; }
.main-img-back {
background-color: #f1f8e5; } .one-minute {
position: absolute;
right: 50px;
top: 200px;
width: 300px;
z-index: 100; } ul.top-menu {
*zoom: 1;
margin: 0 auto 5px;
overflow: hidden; }
ul.top-menu:before, ul.top-menu:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden; }
ul.top-menu li {
float: left;
border-left: 1px solid #d0e2a7; }
ul.top-menu li:last-child {
border-right: 1px solid #d0e2a7; }
ul.top-menu li a {
display: block;
text-decoration: none;
padding: 15px 20px; margin: 0 -3px 0 0;
line-height: 1;
color: #fff;
-moz-text-shadow: 1px 1px 1px #693;
-webkit-text-shadow: 1px 1px 1px #693;
text-shadow: 1px 1px 1px #693;
text-decoration: none; } .sidebar p {
font-size: 83%; }
.sidebar h2 {
background-color: #ebe1cb;
padding: 10px;
margin: 20px 0 20px;
font-size: 90%;
border-bottom: 1px solid #dbcb93; }
.sidebar p + h2,
.sidebar img + h2 {
margin-top: 30px; }
.sidebar .side-shinryo-table {
width: 100%;
font-size: 83%; }
.sidebar .side-shinryo-table th {
border: 1px solid #8a6614;
background-color: #f0ece3;
text-align: center;
padding: 5px 3px; }
.sidebar .side-shinryo-table td {
border: 1px solid #8a6614;
background-color: #fff;
color: #8a6614;
text-align: center;
padding: 5px 3px; }
.sidebar p.side-shinryo {
font-size: 73%;
font-weight: bold;
line-height: 1.8; }
.sidebar .side-contact {
width: 100%;
border: 1px solid #ebe1cb;
background-color: #fffff9;
padding: 10px;
margin: 20px auto; }
.sidebar .side-tel p {
font-size: 86%;
font-weight: bold;
line-height: 1.4;
margin: 0;
text-align: center;
color: #684b0a; }
.sidebar .side-tel-number {
font-size: 124%;
font-weight: bold;
margin: 5px auto;
text-align: center;
letter-spacing: 0.05em;
color: #684b0a; }
.sidebar .side-web-reservation {
font-size: 100%;
font-weight: bold;
text-align: center;
margin: 10px 10px 5px;
color: #fff;
-moz-text-shadow: 1px 1px 1px #766321;
-webkit-text-shadow: 1px 1px 1px #766321;
text-shadow: 1px 1px 1px #766321;
text-decoration: none; }
.sidebar .side-web-reservation a {
display: block;
text-decoration: none;
color: #fff;
padding: 5px; }
.sidebar .side-web-reservation:hover {
position: relative;
top: 1px;
left: 1px; }
.sidebar .h24 {
font-size: 80%; }
.sidebar .side-banner {
margin: 5px auto; }
.sidebar .widget_recent_entries li {
font-size: 83%;
line-height: 1.5; }
.sidebar .widget_search {
clear: both;
margin: 10px 0; }
.sidebar .side-top-banner {
margin-top: 20px; }
.widget_rss .rss-widget-icon {
display: none; }
.widget_rss .widget-title a {
color: #684b0a; }
.textwidget p {
margin: 5px 0;
line-height: 1.5; }
.sidebar-widget li {
padding: 5px 0;
font-size: 83%;
line-height: 1.4; }
.sidebar-widget li a {
text-decoration: none; }
.sidebar-widget li a:hover {
text-decoration: underline; } .widget_archive {
margin-bottom: 20px; } .widget_recent_entries li a,
.widget_categories li a,
.widget_archive li a,
.widget_recent_comments li a {
color: #684b0a; }
#sidebar .post-date {
font-size: 83%;
display: block;
margin-top: 3px; }
.widget_recent_entries li {
border-bottom: 1px dotted #ebe1cb;
padding: 7px 0; }
.widget_categories li {
border-bottom: 1px dotted #ebe1cb;
padding: 7px 0; } #sidebar .widget_categories li ul.children {
margin: 5px 0 0 0; }
#sidebar .widget_categories li ul.children li {
border: none;
font-size: 95%;
padding: 5px; } .sidebar-widget img {
margin-bottom: 10px; }
.widget_archive {
margin-bottom: 10px; } .tagcloud {
margin-bottom: 20px; } .tagcloud a {
font-size: 83% !important;
line-height: 1.8;
padding: 0 10px 10px 0; } .screen-reader-text {
display: none; }
input#searchsubmit {
font-size: 83%; } #wp-calendar {
width: 100%;
margin: 25px auto;
font-size: 83%;
color: #8a6614; }
#wp-calendar caption {
margin: 0 0 5px;
text-align: left;
font-weight: bold; }
#wp-calendar thead tr th {
border: 1px solid #8a6614;
text-align: center;
padding: 5px 3px; }
#wp-calendar tr td {
text-align: center;
padding: 3px;
border: 1px solid #8a6614; }
#wp-calendar td a {
text-decoration: underline; } footer {
background-color: #f9f7ee;
border-top: 5px solid #ebe1cb;
color: #684b0a;
overflow: hidden; }
footer .footer-menu {
overflow: hidden;
margin: 10px auto; }
footer .footer-menu ul {
text-align: center; }
footer .footer-menu li {
display: inline;
padding: 10px 8px;
font-size: 83%; }
footer .footer-menu li a {
text-decoration: none;
color: #8a6614; }
footer .footer-logo {
width: 200px;
float: left; }
footer .footer-address {
width: 350px;
float: left;
margin: 0 20px 0 50px;
font-size: 83%; }
footer .footer-address h4 {
font-size: 110%;
line-height: 1.4;
margin: 20px 0 10px; }
footer .side-contact {
border: 1px solid #ebe1cb;
background-color: #fffff9;
padding: 10px;
margin: 20px auto;
width: 300px;
float: left; }
footer .side-tel p {
font-size: 86%;
font-weight: bold;
line-height: 1.4;
margin: 0;
text-align: center;
color: #684b0a; }
footer .side-tel-number {
font-size: 130%;
font-weight: bold;
margin: 5px auto;
text-align: center;
letter-spacing: 0.05em;
color: #684b0a; }
footer .side-web-reservation {
font-size: 100%;
font-weight: bold;
text-align: center;
margin: 5px 10px;
color: #fff;
-moz-text-shadow: 1px 1px 1px #766321;
-webkit-text-shadow: 1px 1px 1px #766321;
text-shadow: 1px 1px 1px #766321;
text-decoration: none; }
footer .side-web-reservation a {
display: block;
text-decoration: none;
color: #fff;
padding: 5px; }
footer .side-web-reservation:hover {
position: relative;
top: 1px;
left: 1px; }
footer .h24 {
font-size: 80%; }
.copy {
background-color: #ebe1cb;
text-align: center;
font-size: 90%;
padding: 10px; }
.copy a {
color: #8a6614; } #page-top {
position: fixed;
bottom: 10px;
right: 10px;
font-size: 77%; }
#page-top a {
background-color: #c9bc9c;
text-decoration: none;
color: #fffff9;
width: 40px;
padding: 13px 0;
text-align: center;
display: block; }
#page-top a:hover {
text-decoration: none;
background: #c9bc9c; }
.no-pc {
display: none; } .entry-content ul {
padding: 0;
margin: 20px;
list-style-type: circle;
font-size: 88%; }
.entry-content li {
padding: 5px 3px;
line-height: 1.5; }
.entry-content .date {
font-size: 83%; }
.entry-content .web-reservation-setsumei {
font-size: 110%;
font-weight: bold;
text-align: center;
margin: 20px auto;
width: 400px;
color: #fff;
-moz-text-shadow: 1px 1px 1px #766321;
-webkit-text-shadow: 1px 1px 1px #766321;
text-shadow: 1px 1px 1px #766321;
text-decoration: none; }
.entry-content .h24 {
font-size: 96%; }
.entry-content .web-reservation-setsumei a {
display: block;
text-decoration: none;
color: #fff;
padding: 20px; }
.entry-content .web-reservation-setsumei:hover {
position: relative;
top: 1px;
left: 1px; } .reservation-doctor {
float: left;
margin: 20px 8px;
width: 47%;
text-align: center;
border: 2px solid #ebe1cb;
padding: 20px 10px 0; }
.reservation-doctor h2 {
margin-top: 0; }
.reservation-doctor .web-reservation-setsumei {
width: 96%; }
.reservation-doctor .web-reservation-setsumei a {
padding: 20px 5px; } .faq .entry-content h2 {
margin-top: 80px; }
.faq h3 {
font-size: 110%;
padding: 0;
margin-bottom: 10px;
line-height: 1.6; }
.faq h3 i {
color: #ffb22d;
padding-right: 5px;
font-size: 110%; }
.faq .answer {
font-size: 93%;
line-height: 1.7;
margin-bottom: 50px; }
.faq ul.faq-koumoku {
overflow: hidden;
padding: 0;
margin: 0; }
.faq ul.faq-koumoku li {
background-color: #fff;
border: 2px solid #9cc813;
float: left;
list-style: none;
margin: 5px;
padding: 0;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.faq ul.faq-koumoku li a {
color: #8a6614;
display: block;
padding: 5px 10px; }
.faq ul.faq-koumoku li a:hover {
text-decoration: none;
background-color: #9cc813;
color: #fff; }
.faq ol li {
margin-left: 10px; }
.faq-title {
border: none;
text-align: left;
line-height: 1.4;
height: inherit;
padding: 0;
margin-bottom: 30px;
min-height: inherit; } .faq-post-list .faq-list-title a {
color: #684b0a; } .top-info {
border: 5px double #FA6363;
padding: 30px 20px 10px;
margin: 0 auto 50px;
background-color: #fff; }
.top-info h2 {
text-align: center;
color: #FA6363;
margin: 0 auto 20px; }
.main-contents .top-info h2:after {
border-bottom: none; }
.home h1 {
margin: 0 auto;
border: none;
padding: 0;
text-align: center;
color: #9f7f37;
line-height: 1.7;
min-height: inherit;
font-size: 93%;
font-weight: normal; }
.home .kaigyo {
font-size: 160%;
text-align: center;
color: #FA6363;
margin: 0 auto; }
.home .topics h2 {
margin: 20px auto 10px; }
.home h2.catch-copy {
margin: 0;
border: none;
padding: 0;
text-align: center;
color: #9f7f37;
line-height: 1.6;
margin-bottom: 30px;
min-height: inherit;
font-size: 160%; }
.home h2.catch-copy:after {
border-bottom: none; }
.home .point-waku {
overflow: hidden;
margin-bottom: 30px; }
dl.news-list {
margin-bottom: 50px; }
dl.news-list dt {
width: 100px; }
dl.news-list dd a {
color: #8a6614; }
table.schedule th {
border: 1px solid #8a6614;
padding: 5px;
text-align: center;
background-color: #f0ece3; }
table.schedule td {
border: 1px solid #8a6614;
padding: 5px 3px;
text-align: center;
line-height: 1.5;
vertical-align: middle;
font-size: 83%;
background-color: #fff; }
.pointbox {
width: 46%;
border: 3px solid #ebe1cb;
background-color: #fff;
padding: 10px 13px;
float: left;
margin: 20px 10px 10px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.22);
-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.22);
-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.22);
-o-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.22);
-ms-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.22); }
.pointbox h3 {
font-size: 120%;
text-align: center;
margin: 10px auto; }
.pointbox p {
font-size: 83%; }
.pointbox img {
display: block;
margin: 0 auto; } .all-news {
margin-left: 15px;
font-size: 70%; }
.all-news a {
color: #8a6614; } .aisatsu {
clear: both;
border: 3px solid #ebe1cb;
padding: 30px 30px 20px;
margin: 40px auto;
background-color: #fffff9;
box-shadow: 0 0 30px #ebe1cb inset;
-moz-box-shadow: 0 0 30px #ebe1cb inset;
-webkit-box-shadow: 0 0 30px #ebe1cb inset; }
.aisatsu h2 {
margin: 0 auto 20px;
text-align: center;
font-size: 130%; }
.aisatsu h2:before {
border-bottom: none; }
.aisatsu h2:after {
border-bottom: none; }
.aisatsu h3 {
margin: 30px 0 10px;
font-size: 100%; } .f-container {
display: flex;
justify-content: space-between; }
.f-item {
border: 3px solid #ffcf7d;
padding: 5px 10px 0;
margin: 5px;
width: 25%;
font-size: 90%;
background-color: #fff;
color: #8a6614; }
.f-item p {
line-height: 1.4; }
.f-item h3 {
margin: 8px auto 0;
padding: 0;
font-size: 120%;
text-align: center; }
.f-item a {
text-decoration: underline; }
.mark-center {
display: block;
text-align: center;
margin: 3px auto; } .main-disease {
margin: 0 auto 20px;
overflow: hidden; }
.main-disease li {
padding: 12px;
background-color: #67b024;
color: #fff;
font-size: 115%;
margin: 6px;
display: block;
float: left;
text-shadow: 1px 1px 1px #666;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px; }
.main-disease li a {
display: block;
color: #fff; } .shinryo-taisei {
background-color: #f8f5e5;
padding: 5px 15px 10px; }
.shinryo-taisei h2 {
padding: 0;
margin: 20px 0;
clear: both; }
.shinryo-taisei h3 {
line-height: 1.4; }
.shinryo-taisei .home-doctor {
margin: 0 3px 10px;
padding: 10px 8px 8px;
font-size: 83%;
width: 32%;
line-height: 1.4;
text-align: center;
background-color: #fffff9; }
.shinryo-taisei .home-doctor img {
display: block;
margin: 0 auto;
vertical-align: middle;
width: 80px;
margin-bottom: 5px; }
.shinryo-taisei .home-doctor .doctor-name {
display: block;
margin: 0 3px;
font-size: 120%;
letter-spacing: 0.05em;
font-weight: bold; }
.shinryo-taisei .home-doctor-list {
display: flex;
justify-content: center;
flex-wrap: wrap; } ul.policy {
font-size: 96%; }
.clinic-photo img {
margin: 10px 30px 20px 0; } .clinic-shokai {
margin: 30px auto;
padding: 20px;
border: 3px solid #a5ca51;
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }
.clinic-shokai h2 {
margin-top: 0;
text-align: center; }
.clinic-shokai h3 {
text-align: center; } .shoshin-flow-last,
.shoshin-flow {
border: 5px solid #ebe1cb;
padding: 20px;
position: relative;
margin-bottom: 30px; }
.shoshin-flow-last h4,
.shoshin-flow h4 {
margin: 0 0 10px;
font-size: 120%; }
.shoshin-flow-last p,
.shoshin-flow p {
margin: 0; }
.shoshin-flow:before {
content: "";
position: absolute;
bottom: -24px;
left: 10%;
margin-left: -15px;
border: 12px solid transparent;
border-top: 12px solid #ebe1cb;
z-index: 2; }
.shoshin-flow:after {
content: "";
position: absolute;
bottom: -30px;
left: 10%;
margin-left: -17px;
border: 14px solid transparent;
border-top: 14px solid #ebe1cb;
z-index: 1; } .counseling .shoshin-flow,
.counseling .shoshin-flow-last {
padding-bottom: 10px; }
.counseling .shoshin-flow h4,
.counseling .shoshin-flow-last h4 {
line-height: 1.4; }
.counseling .shoshin-flow p,
.counseling .shoshin-flow-last p {
margin: 0.5em 0 1em; }
.training-box {
border: 4px solid #9cc813;
padding: 30px;
margin: 50px auto 30px; }
.training-box h2 {
margin-top: 0; }
.training-box h3 {
line-height: 1.4; } .online-merit-box {
margin: 0 auto 40px;
overflow: hidden; }
.online-merit {
float: left;
width: 40%;
margin: 0 20px; }
.online-merit h3 {
text-align: center; }
.online-flow-box {
overflow: hidden;
margin: 0 auto; }
.online-flow img {
float: left;
margin: 20px 25px 30px 0;
width: 29%; } .map {
border: 5px solid #ebe1cb;
margin: 30px 0;
padding: 20px; } .pharmacy .flex-box {
display: flex;
flex-wrap: wrap; }
.pharmacy .flex-item {
width: 180px;
line-height: 1.5;
margin: 0 10px 30px 0;
font-size: 96%; }
.pharmacy .flex-item h3 {
margin: 0 0 5px 0;
line-height: 1.2; }
.pharmacy .flex-item p {
margin: 0; } .movie-list {
display: flex;
flex-wrap: wrap;
margin: auto; }
.movie-thumbnail {
width: 47%;
padding: 8px 8px 15px;
margin: 10px 8px;
background-color: #f0e6c2;
line-height: 1.3; }
.movie-thumbnail .responsive-box {
margin-bottom: 10px; } .responsive {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden; }
.responsive iframe, .responsive object, .responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; } .pickup-movie {
background-color: #f0e6c2;
padding: 15px 15px 10px;
overflow: hidden; }
.movie-1 {
width: 250px;
float: right; }
.movie-desc {
float: left;
width: 370px; }
.movie-desc h4 {
margin: 0;
font-size: 110%;
line-height: 1.3; }
.movie-desc p {
line-height: 1.6; }
.triangle {
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 15px solid #f0e6c2;
margin: 0 auto 20px; } .setsumei-douga div.triangle:last-of-type {
display: none; } .yt-thumbnail img {
width: 220px;
margin: 7px 10px 0 0;
float: left; }
.youtube-douga .responsive {
margin-bottom: 20px; }
.timestamp {
margin: 30px 0;
padding-left: 10px;
border-left: 5px solid #9cc813; }
.timestamp p {
font-size: 86%;
line-height: 1.8; }
#ez-toc-container {
margin-top: 30px; }
.youtubecategory-list {
clear: both;
overflow: hidden; } .flex {
display:flex;
flex-wrap: wrap;
justify-content: center;
}
.flex::after {
display: block;
content:"";
width: 47%;
margin: 10px 5px;
}
.course-box { width: 47%;
text-align: center;
border:5px solid #e9e1cd;
background-color: #f9f7ef;
margin: 10px 5px;
padding-bottom: 15px;
font-size: 106%;
line-height: 1.5;
}
.course-box img {
margin:0 auto 15px;
}
.course-box a {
color:#634c1a;
font-weight: bold;
}
.course h3 {
font-size: 100%;
margin: 10px ;
}
.course .entry-content ul {
margin: 10px 0 30px 30px;
}
.course .entry-content li {
font-size: 110%;
}
.course .entry-content li a {
color: #333;
} #chatplusview #eye_catcher:not(.eyecatcher-imagemap) img {
   height: 80px !important;
width: 70px !important;
} @media screen and (max-width: 768px) {
body {
margin: 0 20px 20px; } .responsive {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden; }
.responsive iframe, .responsive object, .responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; } } @media screen and (max-width: 480px) {
.large-box {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
margin-bottom: 50px; }
.large-box iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
.no-pc {
display: inherit; }
.no-sp {
display: none; }
body {
border-top: none;
margin: 0;
width: 100%; }
.entry-content .web-reservation-setsumei {
font-size: 100%;
margin: 20px auto;
width: 80%; }
.entry-content .h24 {
font-size: 90%; } .main-contents .reservation-doctor {
float: none;
margin: 20px auto;
width: 100%; }
.main-contents .reservation-doctor .web-reservation-setsumei {
width: 80%; }
.main-contents .reservation-doctor h2 {
margin-top: 0;
font-size: 120%; } .training-box {
padding: 0　10px　10px; }
.training-box h2 {
padding-top: 0; }
.training-box ul {
margin: 10px 0; } .formtable td, .formtable th {
display: block; }
.formtable th {
border-bottom: none; }
.wrap {
width: 100%; }
.main {
width: 100%; }
.main-contents {
float: none;
width: 100%;
margin: 0;
padding: 0 20px 20px; }
.sidebar {
float: none;
width: 100%;
overflow: hidden; }
.sidebar .side-banner {
margin: 5px;
width: 47%;
float: left; }
.sidebar .side-banner-center {
display: block;
margin: 20px auto; }
footer {
padding: 20px; }
header p {
width: 80%;
margin: 10px;
color: #8a6614;
line-height: 1.3; }
header .header-logo {
display: block;
margin: 20px auto 10px;
width: 90%; }
.sp-top-tel-btn {
width: 45%;
float: left;
margin: 5px 10px; }
.sp-web-reservation-btn {
width: 45%;
float: left;
margin: 5px 0; } p.description {
line-height: 1.4; }
h1 {
font-size: 120%;
line-height: 1.4;
border: none;
border-bottom: 5px solid #ebe1cb;
text-align: center;
color: #684b0a;
min-height: inherit; margin: 0 0 30px;
padding: 20px 10px; }
.main-contents h2,
h2 {
margin: 40px 0 20px;
font-size: 110%; }
h3, h4 {
font-size: 100%; }
table.schedule th {
padding: 5px 1px;
font-size: 83%; }
table.schedule td {
padding: 5px 1px;
font-size: 76%; }
.dt {
float: none; }
.large {
font-size: 110%; } .breadcrumbs {
line-height: 1.5;
padding: 10px; } .alignright {
display: block;
float: none;
margin: 15px; }
.alignleft {
display: block;
float: none;
margin: 15px; } .widget-box-left {
width: 100%;
float: none; }
.widget-box-right {
width: 100%;
float: none; } .top-info h2 {
margin: 0 auto 20px; }
.home h1 {
text-align: left;
margin-bottom: 20px; }
.home .kaigyo {
font-size: 140%; }
.home h2.catch-copy {
text-align: left;
color: #9f7f37;
font-size: 130%; }
.home dt {
width: inherit;
float: none;
line-height: 1.3;
margin-bottom: 5px; }
.home dd {
line-height: 1.6;
margin-left: 0;
margin-bottom: 15px; } .pointbox {
width: 100%;
padding: 5px 13px;
float: none;
margin: 10px 8px 15px 0; }
.pointbox h3 {
font-size: 110%;
margin: 10px auto; }
.pointbox p {
font-size: 96%; }
.pointbox img {
display: block;
margin: 0 auto; } .aisatsu {
padding: 30px 15px 10px; }
.aisatsu h2 {
margin: 0 auto 20px;
text-align: center;
font-size: 100%; }
.aisatsu h3 {
margin: 30px 0 10px;
font-size: 100%; } .clinic-photo img {
margin: 10px auto; } .f-container,
.home-doctor-list {
flex-wrap: wrap; }
.f-item {
width: 47%; } .main-disease li {
padding: 15px 10px;
font-size: 100%;
margin: 6px; } .shinryo-taisei .home-doctor {
width: 30%;
margin: 3px;
padding: 6px; }
.shinryo-taisei img {
display: block;
margin: 0 auto 5px; }
.shinryo-taisei h4 {
line-height: 1.4;
margin-bottom: 0; }
.shinryo-taisei h3 + h4 {
margin-top: 20px; } .clinic-shokai {
border: 3px solid #a5ca51; }
.clinic-shokai h2 {
margin-top: 0;
text-align: center; }
.clinic-shokai h3 {
text-align: center; }
.clinic-shokai img {
display: block;
margin: 10px auto; } .online-merit {
float: left;
width: 40%;
margin: 0 15px; }
.online-merit h3 {
text-align: center;
font-size: 90%; }
.online-flow img {
float: left;
margin: 20px 15px;
width: 40%; } ul.faq-koumoku {
font-size: 76%; } .sidebar p {
font-size: 93%; }
.sidebar p.side-shinryo {
font-size: 83%; }
.sidebar .side-tel-number {
font-size: 150%;
margin: 15px auto; }
.sidebar .side-tel-number a {
color: #684b0a; }
.sidebar p.reserve {
font-size: 120%;
text-align: center;
margin: 10px auto; }
.sidebar .side-banner {
margin-bottom: 20px; }
.side-web-reservation {
padding: 6px;
font-size: 100%;
margin-bottom: 8px; }
.sp-menu-reserve {
margin: 0 0 10px 10px;
overflow: hidden; }
.sp-menu-reserve img {
width: 90px;
float: left;
margin: 0 10px 0 0; }  .side-menu li {
border-bottom: 1px solid #ebe1cb;
line-height: 1;
text-align: right; }
.side-menu li a {
display: block;
padding: 13px 0;
color: #8a6614; }
.sp-area {
margin-top: 10px; }
.sp-area .textwidget {
line-height: 1.8; }
.sp-area h2 {
font-size: 90%;
margin: 10px 0;
color: #8a6614; }
.sp-area .searchform input.searchfield {
width: 160px; }
.drawer {
color: #333;
position: fixed;
top: 0;
right: 0;
width: 250px;
height: 100%;
background: #f9f7ee;
-webkit-transform: translateX(250px);
transform: translateX(250px);
-webkit-transition: ease .5s;
transition: ease .5s;
z-index: 9999;
padding: 70px 15px 20px 20px; }
.drawer.action {
-webkit-transform: translateX(0);
transform: translateX(0);
overflow-y: auto;
-webkit-overflow-scrolling: touch; } .side-menu-btn {
position: fixed;
top: 15px;
right: 15px;
width: 45px;
height: 48px;
padding: 7px;
background: #ebe1cb;
cursor: pointer;
z-index: 10000; }
.trigger {
position: relative;
display: block;
cursor: pointer;
width: 40px;
height: 40px; }
.trigger .point {
position: absolute;
left: 0;
right: 0;
display: block;
width: 20px;
height: 2px;
margin: auto;
background: #8a6614;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: .3s;
transition-duration: .3s; }
.point.top {
top: 2px;
left: -10px; }
.point.mid {
top: -18px;
bottom: 0;
left: -10px; }
.point.bot {
bottom: 20px;
left: -10px; }
.trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(8px) rotate(-315deg);
transform: translateY(8px) rotate(-315deg); }
.trigger.active span:nth-of-type(2) {
opacity: 0; }
.trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-8px) rotate(315deg);
transform: translateY(-8px) rotate(315deg); }
.trigger-inner::after {
position: absolute;
left: 0;
bottom: 5px;
content: 'MENU';
display: block;
width: 100%;
color: #684b0a;
font-size: 10px;
text-decoration: none;
transition: all .4s; }
.active .trigger-inner::after {
content: 'CLOSE';
bottom: 5px;
left: -1px; } ul.sp-top-menu {
*zoom: 1;
margin: 0 auto 5px;
overflow: hidden; }
ul.sp-top-menu li {
float: left;
border-left: 1px solid #339B31;
border-top: 1px solid #339B31;
border-bottom: 1px solid #339B31;
width: 33.3%;
line-height: 40px;
text-align: center;
font-weight: blod; }
ul.sp-top-menu li:nth-child(1),
ul.sp-top-menu li:nth-child(4) {
border-left: none; }
ul.sp-top-menu li:nth-child(n + 4) {
border-top: none; }
ul.sp-top-menu li a {
display: block;
text-decoration: none;
padding: 13px 0;
margin: 0 -3px 0 0;
line-height: 1;
color: #006F1B;
-moz-text-shadow: 1px 1px 1px #8cb72f;
-webkit-text-shadow: 1px 1px 1px #8cb72f;
text-shadow: 1px 1px 1px #8cb72f;
text-decoration: none; } table.form-table td input.box {
width: 100%; }
table.form-table th {
display: block;
background-color: #f9f7ee; }
table.form-table td {
display: block;
border-top: none; } .footer-menu li a {
text-decoration: none;
border: 1px solid #684b0a; }
.footer-menu ul li {
float: left;
width: 50%;
line-height: 40px;
text-align: center;
font-size: 93%; }
.footer-menu ul li a {
display: block;
padding: 0;
background-color: #fff; }
footer .footer-logo {
width: 200px;
float: none;
display: block;
margin: 30px auto; }
footer .footer-address {
width: 100%;
margin: 10px auto;
padding: 0;
float: none;
text-align: center; }
footer .footer-address p {
font-size: 110%; }
.copy p {
font-size: 76%;
text-align: center; } .movie-thumbnail {
width: 100%;
padding: 6px;
margin: 5px 0 10px;
overflow: hidden;
font-size: 90%; }
.movie-thumbnail .responsive-box {
float: left;
width: 33%;
margin-right: 10px;
margin-bottom: 0; } .movie-1 {
width: 100%;
float: none; }
.movie-desc {
float: none;
width: 100%; }
.movie-desc h4 {
margin: 20px 0 0;
font-size: 110%; } .yt-thumbnail img {
width: 150px;
margin: 5px 10px 0 0;
float: left; } .course-box {
width: 47%;
font-size: 90%;
}
} @media screen and (max-width: 375px) { .f-item {
width: 45%; } }