html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details, figcaption,
figure,
footer,
header,
main, menu,
nav,
section,
summary { display: block;
} audio,
canvas,
progress,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} progress {
vertical-align: baseline;
} template, [hidden] {
display: none;
}  a {
background-color: transparent; -webkit-text-decoration-skip: objects; } a:active,
a:hover {
outline-width: 0;
}  abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bold;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background-color: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
} svg:not(:root) {
overflow: hidden;
}  code,
kbd,
pre,
samp {
font-family: monospace, monospace; font-size: 1em; } figure {
margin: 1em 40px;
} hr {
box-sizing: content-box; height: 0; overflow: visible; }  button,
input,
select,
textarea {
font: inherit; margin: 0; } optgroup {
font-weight: bold;
} button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
html [type="button"], [type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 100;
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Thin.eot); src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Thin.eot?#iefix) format('embedded-opentype'), url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Thin.woff) format('woff'), url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Thin.ttf)  format('truetype'); }
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 200;
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Light.eot);
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Light.eot?#iefix) format('embedded-opentype'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Light.woff) format('woff'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Light.ttf)  format('truetype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 300;
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-DemiLight.eot);
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-DemiLight.eot?#iefix) format('embedded-opentype'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-DemiLight.woff) format('woff'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-DemiLight.ttf)  format('truetype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 400;
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Regular.eot);
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Regular.eot?#iefix) format('embedded-opentype'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Regular.woff) format('woff'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Regular.ttf)  format('truetype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 500;
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Medium.eot);
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Medium.eot?#iefix) format('embedded-opentype'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Medium.woff) format('woff'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Medium.ttf)  format('truetype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 700;
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Bold.eot);
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Bold.eot?#iefix) format('embedded-opentype'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Bold.woff) format('woff'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Bold.ttf)  format('truetype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 900;
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Black.eot);
src: url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Black.eot?#iefix) format('embedded-opentype'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Black.woff) format('woff'),
url(//nagata-clin.jp/wp-content/themes/nagata-clinic/font/NotoSansCJKjp-Black.ttf)  format('truetype');
}
.thin {
font-weight: 100;
}
.light {
font-weight: 200;
}
.demi-light {
font-weight: 300;
}
.regular {
font-weight: 400;
}
.medium {
font-weight: 500;
}
.bold {
font-weight: 700;
}
.black {
font-weight: 900;
}
html {
font-size: 62.5%;
}
@media screen and (max-width: 768px) {
html {
font-size: 75%;
}
}
body,
input,
textarea {
font-size: 1.5rem;
font-weight: 300;
line-height: 1.65 ;
font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
color: #583a21;
}
.noto {
font-family: "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif;
letter-spacing: -0.02em;
display: inline-block;
padding: 0.4em 0 0\0;
}
.noto::after {
content: "";
font-family: sans-serif;
}
.mincho{
font-family: "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
}
a{
text-decoration: none;
}
a:focus { outline:none;}
a:link,a:visited {
color: #0066cc;
}
a:active,
a:hover {
text-decoration: underline;
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
}
a[href^="tel:"]:hover {
opacity: 1;
cursor: inherit;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea {
background: #f9f9f9;
border: 1px solid #ccc;
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
padding: 0.2em 0.5em;
} table {
border-collapse: separate;
border-spacing:0;
empty-cells:show;
border-top:1px solid #dcdddd;
border-right:none;
border-bottom:none;
border-left:1px solid #dcdddd;
margin: 2em 0;
width: 100%;
}
td,
th {
padding: 1rem;
border-top:none;
border-right:1px solid #dcdddd;
border-bottom:1px solid #dcdddd;
border-left:none;
}
th {
background: #efefef;
white-space: nowrap;
} .floatbox {
overflow: hidden;
}
.floatlist {
list-style: none;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 0;
}
.floatlist li {
display: inline-block;
vertical-align: top;
font-size: 1.5rem;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.left {
float: left;
}
.right {
float: right;
}
.center {
text-align: center;
}
.table {
display: table;
width: 100%;
}
.cell {
display: table-cell;
vertical-align: middle;
}
.imgbox {
line-height: 0;
}
.clear {
clear: both;
}
.clearfix::after {
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
img,iframe {
max-width: 100%;
}
.hidden {
display: none;
}
@media screen and (max-width: 768px) {
body,
input,
textarea {
font-size: 1.8rem;
}
}@media screen and (min-width: 769px) {
.sp {
display: none;
}
}
@media screen and (max-width: 768px) {
.pc {
display: none;
}
} @font-face {
font-family: 'LogoTypeGothic';
src: url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/font/LogoTypeGothic.otf) format("opentype");
}
.logotype {
font-family: 'LogoTypeGothic';
}
.crimson {
font-family: 'Crimson Text', serif;
} .entry-content {
clear: both;
overflow: hidden;
}
.entry-title {
margin: 2.5rem 0;
font-size: 3.2rem;
font-weight: bold;
}
.entry-content p {
margin: 2rem 0;
}
.entry-content h2, 
.entry-content h3 {
margin: 3rem 0 2rem;
}
.entry-content h2 {
padding: 1.5rem 1.2rem;
border-left: solid 4px #583a21;
background: #b2c040 no-repeat top left;
color: #fff;
font-size: 2.4rem;
font-weight: bold;
}
.entry-content h3 {
font-size: 2rem;
font-weight: bold;
border-bottom: 3px dotted #317838;
}
.entry-content fieldset {
border: 1px solid #e7e7e7;
margin: 0 0 2.4px 0;
padding: 2.4rem;
}
.entry-content fieldset legend {
background: #fff;
color: #000;
font-weight: bold;
padding: 0 2.4rem;
}
.entry-content input.file,
.entry-content input.button {
margin-right: 2.4rem;
}
.entry-content sup,
.entry-content sub {
font-size: 1rem;
}
.edit-link {
clear: both;
display: block;
text-align: right;
margin: 2rem 0;
}
#content .video-player {
padding: 0;
}
.format-standard .wp-video,
.format-standard .wp-audio-shortcode,
.format-audio .wp-audio-shortcode,
.format-standard .video-player {
margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
.entry-title {
font-size: 2.4rem;
}
.entry-content h2 {
padding: 1.3rem 1.2rem;
font-size: 2rem;
}
.entry-content h3 {
font-size: 2rem;
}
} img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-container img {
max-width: 100%;
height: auto;
}
.alignleft,
img.alignleft {
display: inline;
float: left;
margin-right: 2.4rem;
margin-top: 0.4rem;
}
.alignright,
img.alignright {
display: inline;
float: right;
margin-left: 2.4rem;
margin-top: 0.4rem;
}
.aligncenter,
img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 2rem;
}
.entry-content p.clear {
padding-bottom: 0.5rem;
margin: -2.5rem;
}
.wp-caption {
background: #f1f1f1;
line-height: 1.8rem;
margin-bottom: 2rem;
max-width: 100% !important;
box-sizing: border-box;
padding: 4px;
text-align: center;
}
.wp-caption img {
margin: 5px 5px 0;
max-width: 100%;
}
.wp-caption p.wp-caption-text {
color: #777;
font-size: 12px;
margin: 5px;
}
@media screen and (max-width: 640px) {
img.alignleft, img.alignright, img.aligncenter {
margin: 4rem auto 2rem auto;
float: none;
display: block;
}
} .wp-pagenavi {
clear: both;
padding-top: 4rem;
text-align: center;
}
.wp-pagenavi a, 
.wp-pagenavi span {
border: 2px solid #583a21;
border-radius: 4px;
color: #583a21;
display: inline-block;
font-weight: bold;
height: 2em;
line-height: 2.1em;
margin: 0 0.25em;
text-align: center;
vertical-align: middle;
width: 2em;
}
.wp-pagenavi a:hover, 
.wp-pagenavi span {
background: #583a21 none repeat scroll 0 0;
color: #fff;
opacity: 1;
text-decoration: none;
}
.wp-pagenavi .extend {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
color: #000;
width: 1em;
}
.wp-pagenavi .extend::after {
content: "…";
}
.wp-pagenavi .previouspostslink, 
.wp-pagenavi .nextpostslink {
background: #583a21 none repeat scroll 0 0;
border-radius: 45%;
height: 1em;
position: relative;
text-indent: -999999px;
vertical-align: middle;
width: 1em;
}
.wp-pagenavi .previouspostslink::after {
border-color: transparent #fff;
border-style: solid;
border-width: 4px 6px 4px 0;
content: "";
height: 0;
left: 0.2em;
position: absolute;
top: 0.225em;
width: 0;
}
.wp-pagenavi .nextpostslink::after {
border-color: transparent transparent transparent #fff;
border-style: solid;
border-width: 4px 0 4px 6px;
content: "";
height: 0;
left: 0.4em;
position: absolute;
top: 0.225em;
width: 0;
}
@media screen and (max-width: 768px) {
.wp-pagenavi .previouspostslink, 
.wp-pagenavi .nextpostslink {
border-radius: 100%;
}
.wp-pagenavi .previouspostslink::after, 
.wp-pagenavi .nextpostslink::after {
top: 0.34em;
}
.wp-pagenavi .previouspostslink::after {
left: 0.3em;
}
} html {
background: #fff;
}
#wrapper {
position: relative;
}
@media screen and (min-width: 769px) {
#wrapper,
#header {
min-width: 1020px;
}
} #main {
position: relative;
z-index: 1;
margin-bottom: 35px;
}
.content-width {
max-width: 1000px;
margin: 0 auto;
box-sizing: border-box;
}
.sec-box {
padding: 50px 0;
}
.sec-text {
margin: 30px 0;
}
.sec-text-center {
text-align: center;
}
@media screen and (max-width: 768px) {
#wrapper {
width: 480px;
margin: 0 auto;
overflow: hidden;
}
.content-width {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.sec-box {
padding: 30px 0;
}
} .br-sp {
display: none;
}
@media screen and (max-width: 768px) {
.br-pc {
display: none;
}
.br-sp {
display: inline-block;
}
}
h1,
h2,
h3 {
margin: 0;
font-weight: normal;
} a,
.clickable {
transition-property: opacity;
transition-duration: .3s;
}
.clickable:hover {
opacity: .7;
cursor: pointer;
}
a:link,
a:visited {
color: #583a21;
}
a.detail-link {
position: relative;
display: block;
padding: 10px 0;
border-radius: 3px;
background: #b2c040 no-repeat top left;
font-size: 1.7rem;
font-weight: 400;
text-align: center;
}
a.detail-link::after {
content: '';
width: 14px;
height: 14px;
position: absolute;
top: 17px;
right: 16px;
border-width: 1px 1px 0 0;
border-color: #fff;
border-style: solid;
box-sizing: border-box;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
a.detail-link {
width: 314px;
margin: 0 auto;
}
a.detail-link::after {
top: 20px;
}
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
.section-title {
font-size: 2.7rem;
text-align: center;
}
.section-title.ttl-l {
text-align: left;
}
.headline-leaf {
padding: 0 70px;
background-color: transparent;
background-image: url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/images/common/headline_leaf_01.png), 
url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/images/common/headline_leaf_01.png);
background-repeat: no-repeat, no-repeat;
background-position: center left, center right;
}
.headline-leaf-single {
padding: 0 70px;
background-color: transparent;
background-image: url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/images/common/headline_leaf_01.png);
background-repeat: no-repeat;
background-position: center left;
}
.border-bottom-title {
padding: 10px 0;
border-bottom: 2px #b2c040 solid;
font-size: 2.5rem;
text-align: center;
}
.common-sub-ttl {
padding: 10px 20px;
font-size: 1.8rem;
background-image: url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/images/common/ico_headline_square.png);
background-position: top 17px left;
background-repeat: no-repeat;
border-bottom: 1px dotted #ccc;
}
@media screen and (min-width: 769px) {
.sp-tel {
pointer-events: none;
}
}
@media screen and (max-width: 768px) {
.common-sub-ttl {
background-position: center left;
}
.headline-leaf-single {
padding-right: 0;
line-height: 1.2;
}
}
.consultation-time-table, 
.consultation-time-table th, 
.consultation-time-table td {
border-color: #fff;
font-size: 1.6rem;
}
.consultation-time-table {
margin: 20px 0 10px;
}
.consultation-time-table th {
background: #b2c040 no-repeat top left;
font-weight: normal;
}
.consultation-time-table td {
position: relative;
background: #faf3df no-repeat top left;
}
.consultation-time-table td.open::after,
.consultation-time-table td.close::after {
content: '';
width: 17px;
position: absolute; left: 50%;
margin-left: -8px;
background: #2c7837 no-repeat top left;
}
.consultation-time-table td.open::after {
height: 17px;
margin-top: -8px;
border-radius: 100%;
}
.consultation-time-table td.close::after {
height: 1px;
background: #2c7837 no-repeat top left;
} #header {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
border-top: 4px #317838 solid;
background: rgba(255, 255, 255, .85) no-repeat top left;
}
#header.fixed {
position: fixed;
}
#site-description {
float: left;
margin: 16px 0;
color: rgb(88, 58, 33);
font-size: 1.4rem;
font-weight: bold;
}
#header .contact-tel-box {
width: 270px;
float: right;
}
.contact-tel-box span {
display: block;
}
.contact-tel-box .contact-here {
padding: 1px 0 4px;
border-radius: 0 0 3px 3px;
background: #317838 no-repeat top left;
color: #fff;
font-size: 1.7rem;
text-align: center;
}
.contact-tel-box .tel-number {
display: inline-block;
padding-top: 8px;
padding-left: 28px;
background-image: url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/images/header/tel.png);
background-repeat: no-repeat;
background-position: left 60%;
color: #317838;
font-size: 4rem;
font-weight: 600;
text-align: right;
line-height: 1;
letter-spacing: 2px;
}
#header * { }
#header.is-scroll * {
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
#header.fixed #site-description ,
#header.fixed .contact-tel-box .contact-here {
display: none; }
#site-title {
float: left;
}
#site-title a {
display: block;
}
#header.fixed #site-title {
margin-top: 20px;
transition: none;
}
#gnav {
float: right;
padding-top: 3px;
font-size: 0;
}
#gnav li {
display: inline-block;
vertical-align: top;
margin-right: 16px;
font-size: 1.6rem;
}
#gnav li:last-child {
margin-right: 0;
}
#gnav li a {
display: block;
padding: 6px 0 14px;
border-bottom: 3px transparent solid;
color: #317838;
} #gnav li:last-child a {
padding: 6px 8px;
background: #317838;
color: #fff;
}
#gnav li.current_page_item a ,
#gnav li a:hover {
border-bottom: 3px #317838 solid;
text-decoration: none;
}
@media screen and (min-width: 769px) {
#sp-menu-btn, 
#sp-header-tel {
display: none;
}
}
@media screen and (max-width: 768px) {
#header {
position: fixed;
width: 480px;
top: 0;
left: 50%;
margin-left: -240px;
background-color: #fff;
}
#masthead {
padding: 0;
}
#site-description, 
.contact-tel-box {
display: none;
}
#site-title {
width: 250px;
margin: 7px 0 0 15px;
}
#gnav {
width: 480px;
position: fixed;
z-index: 3;
top: 77px;
left: 50%;
margin-left: -240px;
padding: 0;
background: #fff no-repeat top left;
opacity: 0;
pointer-events: none;
}
#gnav.loaded {
transition-property: opacity;
transition-duration: .3s;
}
#gnav.opening {
opacity: 1;
pointer-events: auto;
}
#gnav li {
display: block;
margin: 0;
border-top: 1px #317838 solid;
font-size: 2.2rem;
}
#gnav li:last-child {
border-bottom: 1px #317838 solid;
}
#gnav li a {
padding: 10px;
border: 0;
}
#gnav li a:hover {
border: 0;
} #gnav li.current_page_item a {
border-bottom: none;
}
#sp-menu-btn, 
#sp-header-tel {
float: right;
width: 80px;
height: 73px;
}
.sp-link-block-top {
height: 44px;
position: relative;
}
#sp-header-tel .sp-link-block-top {
background: transparent no-repeat bottom 4px center;
background-image: url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/images/footer/tel.png);
}
.sp-link-block-top.stripe span {
content: '';
width: 50px;
height: 2px;
position: absolute;
left: 14px;
background: #317838 no-repeat top left;
transition-property: width, top, bottom, left, opacity, 
-webkit-transform, -ms-transform, transform;
transition-duration: .3s;
}
.sp-link-block-top.stripe span:first-child {
top: 10px;
}
.sp-link-block-top.stripe span:nth-child(2) {
top: 24px;
}
.sp-link-block-top.stripe span:last-child {
bottom: 4px;
}
#sp-menu-btn.opening .stripe span {
width: 40px;
left: 20px;
}
#sp-menu-btn.opening .stripe span:first-child {
top: 24px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#sp-menu-btn.opening .stripe span:nth-child(2) {
opacity: 0;
}
#sp-menu-btn.opening .stripe span:last-child {
bottom: 18px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sp-link-block-bottom {
display: block;
color: #317838;
font-size: 1.5rem;
text-align: center;
letter-spacing: 1px;
}
} #footer {
background: transparent repeat-x top 18px left;
background-image: url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/images/footer/leaf.png);
}
#colophon {
margin-bottom: 30px;
}
#footer-logo {
margin-bottom: 20px;
text-align: center;
}
.footer-contents {
font-size: 0;
}
.footer-contents li {
width: 48%;
display: inline-block;
vertical-align: top;
margin-right: 4%;
font-size: 1.4rem;
}
.footer-contents li:last-child {
margin-right: 0;
}
.footer-contents li.footer-web-reserve {
width: 31.4%;
}
.footer-contents .border-bottom-title {
margin-bottom: 18px;
font-size: 1.8rem;
}
.footer-tel {
text-align: center;
}
.footer-tel .tel-number {
display: block;
margin-bottom: 4px;
padding-top: 5px;
background-image: url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/images/footer/tel.png);
background-repeat: no-repeat;
background-position: 15% 60%;
color: #317838;
font-size: 4.8rem;
font-weight: 600; text-align: center;
line-height: 0.8;
letter-spacing: 2px;
}
.footer-tel .tel-number:hover {
text-decoration: none;
}
.footer-tel .address {
margin-bottom: 3px;
}
.footer-tel .closed-day {
line-height: 1.5;
}
.footer-web-reserve .qr-code {
float: left;
}
.footer-web-reserve .web-reserve-text {
float: right;
}
.web-reserve-text .read {
margin-bottom: 8px;
line-height: 1.4;
letter-spacing: -1px;
}
.web-reserve-text .method {
display: block;
margin-bottom: 5px;
padding: 3px 0;
border: 1px #b2c040 solid;
color: #317838;
font-size: 1.5rem;
text-align: center;
letter-spacing: 1px;
}
.web-reserve-text .method:hover {
text-decoration: none;
}
.web-reserve-text .notice {
margin-bottom: 5px;
font-size: 1.3rem;
letter-spacing: -1px;
}
#footer-menu ul {}
#footer-menu ul li {
width: 50%;
position: relative;
margin: 0 0 7px 0;
padding-left: 14px;
box-sizing: border-box;
font-size: 1.3rem;
}
#footer-menu ul li::before {
content: '';
width: 6px;
height: 6px;
position: absolute;
top: 50%;
left: 0;
margin-top: -4px;
border-width: 1px 1px 0 0;
border-color: #42864b;
border-style: solid;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#copyrights {
padding: 8px 0;
background: #317838 no-repeat top left;
color: #fff;
}
#copyrights p {
margin: 0;
}
@media screen and (max-width: 768px) {
#colophon {
margin-bottom: 0;
}
.footer-contents li,
.footer-contents li.footer-web-reserve {
width: 100%;
margin: 0;
}
.footer-tel .detail {
text-align: center;
}
.footer-tel .tel-number {
display: inline-block;
padding-left: 30px;
background-position: top 0px left;
}
.footer-web-reserve .detail {
width: 82%;
margin: 0 auto;
}
.footer-tel .tel-number {
font-size: 3.6rem;
background-position: left 70%;
}
#footer-menu ul li {
padding-left: 18px;
font-size: 1.6rem;
}
.footer-contents .footer-sitemap-link {
display: none;
}
} .type-title-box {
position: relative;
background: transparent no-repeat bottom center;
-webkit-background-size: cover;
background-size: cover;
}
.type-title-box .leaf {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent repeat-x bottom center;
background-image: url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/images/top/mi_leaf_01.png);
}
.page .type-title-box,
.category .type-title-box,
.single-post .type-title-box {
background-image: url(https://nagata-clin.jp/wp-content/themes/nagata-clinic/images/page/about/bg_mv_about.png);
}
.type-title-box::after { }
.type-title-inner {
position: relative;
z-index: 2;
height: 460px;
}
.type-title-inner .cell {
padding-top: 135px;
}
.type-title-text {
color: #317838;
font-size: 3.3rem;
text-align: center;
text-shadow: 1px 1px 10px #fff;
}
@media screen and (max-width: 768px) {
.type-title-inner {
height: 280px;
}
.type-title-inner .cell {
padding-top: 0;
}
.type-title-text {
font-size: 3rem;
}
} #breadcrumbs {
padding: 10px 0;
text-align: right;
}
@media screen and (max-width: 768px) {
#breadcrumbs {
font-size: 1.6rem;
}
} .home #news {
padding: 40px 0;
}
.news-title-box {
position: relative;
margin-bottom: 5px;
}
.news-title-box .more-link {
display: block;
position: absolute;
top: 0;
right: 0;
padding-right: 20px;
font-size: 2.4rem;
}
.news-title-box .more-link::after {
content: '';
width: 14px;
height: 14px;
position: absolute;
top: 15px;
right: 0;
border-width: 1px 1px 0 0;
border-color: #42864b;
border-style: solid;
box-sizing: border-box;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.news-list li {
padding: 20px 0;
border-bottom: 1px #ccc dotted;
font-size: 0;
}
.news-list li span,
.news-list li a {
display: inline-block;
vertical-align: middle;
font-size: 1.4rem;
}
.news-list li .date {
width: 8.7%;
}
.news-list li .category {
width: 14.3%;
margin-right: 1.9%;
padding: 4px 0;
background: #317838 no-repeat top left;
color: #fff;
text-align: center;
}
.news-list li .category.category2 {
background-color: #b2c040;
}
.news-list li .category.category3 {
background-color: #583a21;
}
.news-list li .news-headline {
max-width: 75.1%;
}
@media screen and (min-width: 769px) {
a.news-more-link-bottom {
display: none;
}
}
@media screen and (max-width: 768px) {
.news-title-box .more-link {
display: none;
}
.news-title-box .more-link::after {
top: 20px;
}
.news-list li .date {
width: 21%;
}
.news-list li .category {
width: 40%;
margin-right: 39%;
font-size: 1.3rem;
padding: 0;
}
.news-list li .news-headline {
max-width: 100%;
margin-top: 10px;
}
#news .detail-link {
margin-top: 20px;
}
} .single .entry-content {
padding: 40px 0;
}
.single .entry-meta {
display: table;
}
.single .entry-meta .entry-date ,
.single .entry-meta .entry-category {
display: table-cell;
}
.single .entry-meta .entry-date {
padding-right: 20px;
}
.single .entry-meta .entry-category a {
display: block;
padding: 4px 18px;
font-size: 1.2rem;
color: #fff;
background-color: #317838;
} .error404 #main {
padding-top: 141px;
}
.not-found-box {
padding: 20px 0;
font-size: 2rem;
text-align: center;
}
@media screen and (max-width: 768px) {
.error404 #main {
padding-top: 0;
}
}.bx-wrapper{position:relative;margin-bottom:60px;padding:0;-ms-touch-action:pan-y;touch-action:pan-y;-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(//nagata-clin.jp/wp-content/themes/nagata-clinic/scripts/bxslider/images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block;vertical-align:bottom}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(//nagata-clin.jp/wp-content/themes/nagata-clinic/scripts/bxslider/images/controls.png) 0 -32px no-repeat}.bx-wrapper .bx-prev:focus,.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(//nagata-clin.jp/wp-content/themes/nagata-clinic/scripts/bxslider/images/controls.png) -43px -32px no-repeat}.bx-wrapper .bx-next:focus,.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(//nagata-clin.jp/wp-content/themes/nagata-clinic/scripts/bxslider/images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(//nagata-clin.jp/wp-content/themes/nagata-clinic/scripts/bxslider/images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}