@charset "utf-8";
@charset "utf-8";

    html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle} html {
background-color: transparent;
background-image: none;
}   .cf:before,
.cf:after {
content:"";
display:table;
}
.cf:after {
clear:both;
} .cf {
zoom:1; overflow: hidden;
} body {
color: #000;
font-size: 62.5%;
} a{ text-decoration: underline; }
a:link{ color: #000000; }
a:visited{ color: #000000; }
a:hover{ color: #1A0DAB; transition: 300ms; }
a:active{ color: #1A0DAB; }
a:hover img {
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )"; }
#wrapper {
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;  font-weight: 500;
width:100%;
height:100%; position:relative;
}
#wrapper h1{
position: absolute;
top: 5px;
right: 5px;
z-index: 777;
}
p {
font-size:1.6em;
line-height:200%;
word-wrap:break-word;
}
#container{
} #header{ z-index: 700;
position: relative;
float: left;
}
#navfix{
width: 250px;
height: auto;
}
#logo {
text-align:center;
padding:30px 0;
} #global-nav{
}
.global-nav-in{
}
#global-nav .gnav {
list-style-type: none;
margin: 0;
padding: 0;
color: #fff;
background: #3db49a;
}
#global-nav .gnav > li {
padding:15px 20px;
font-size:1.4em;
color:#FFF;
text-decoration:none;
font-weight:bold;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-shadow: 0px 0px 5px #555;
}
#global-nav .gnav > li a {
color:#FFF;
text-decoration: none;
}
#global-nav .gnav > li:hover,
#global-nav .gnav > li:active,
#global-nav .gnav > li:focus {
background-color: rgba(255, 255, 255, 0.1);
cursor: pointer;
}
#global-nav .gnav > li:hover .clm,
#global-nav .gnav > li:active .clm,
#global-nav .gnav > li:focus .clm {
width: 250px;
}
.clm {
width: 0;
height: 200%;
padding: 64px 0;
position: absolute;
top: 0;
left: 250px;
overflow: hidden;
list-style-type: none;
background-color: rgba(147,155,161,0.7);
-moz-transition: 0.6s;
-o-transition: 0.6s;
-webkit-transition: 0.6s;
transition: 0.6s;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
}
.clm li {
padding: 10px 25px;
line-height:160%;
}
.clm li:hover,
.clm li:active,
.clm li:focus {
background-color: rgba(0, 0, 0, 0.2);
}
#global-nav .gnav > li .clm li a {
transition-property: all;
transition-duration: .1s;
transition-timing-function: ease-out;
transition-delay: .2s;
opacity: 0; display: none;
}
#global-nav .gnav > li:hover .clm li a {
opacity: 1; display: block;
}
#global-nav .gnav > li .clm li.nlnk {
cursor: auto;
}
.side-bnrbox {
width:191px;
margin:30px auto;
}
.side-tel p {
line-height:200%;
font-size:1.2em;
font-weight:bold;
}
.side-tel a {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:2em;
color:#40ab93;
text-decoration:none;
}  #mainimg {
height:885px;
z-index: 500;
}
#pageimg {
background-position: center center;
background-repeat: no-repeat; background-size: cover;
height:500px;
}
.conceptimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/concept/main.jpg);
}
.facilityimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/facility/main.jpg);
}
#pageimg.cotodazuleimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/cotodazule/main.jpg);
height: 90vh;
}
#pageimg.beverlyhillsimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/beverlyhills/beverlyhills.jpg);
height: 90vh;
}
#pageimg.amsterdamimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/amsterdam/amsterdam.jpg);
height: 90vh;
}
#pageimg.copenhagenimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/copenhagen/copenhagen.jpg);
height: 90vh;
}
#pageimg.alsace-lorraineimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/alsace-lorraine/alsace-lorraine.jpg);
height: 90vh;
}
#pageimg.rothenburgimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/rothenburg/main.jpg);
height: 90vh;
}
#pageimg.cotswoldsimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/cotswolds/main.jpg);
height: 90vh;
}
#pageimg.gardenimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/garden/garden.jpg);
height: 90vh;
}
#pageimg.nordlingenimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/nordlingen/main.jpg);
height: 90vh;
}
.serviceimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/service/main.jpg);
}
.helper-stationimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/helper-station/main.jpg);
}
.hmnurseimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/hmnurse/main.jpg);
}
.hmrehaimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/hmreha/main.jpg);
}
.daycareimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/daycare/main.jpg);
}
.day-serviceimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/day-service/main.jpg);
}
.kyotakuimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/kyotaku/main.jpg);
}
.flowimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/flow/main.jpg);
}
.aboutimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/about/main.jpg);
}
.contactimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/contact/main.jpg);
}
.privacyimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/privacy/main.jpg);
}
.sitemapimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/sitemap/main.jpg);
}
.recruitimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/recruit/main.jpg);
}
.qaimg,
.archiveimg,
.singleimg,
.privacyimg,
.sitemapimg,
.etcimg {
background-image: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/mainimg/hall.jpg);
} #main-wrap{
margin-left:250px;
border-left:1px solid #EBEBEB;
position: relative;
} #newsbox-wrap {
position: relative;
width: 100%;
color:#FFF;
background: linear-gradient(90deg, #CCC8B9 0%, #E4E2D8 100%);
border-bottom-left-radius: 18px;
}
#newsbox {
width:500px;
padding:30px 0 10px;
box-sizing:border-box;
margin:0 auto;
}
#newsbox .news-info {
font-size:1.4em;
line-height: 200%;
}
#newsbox .news-info i {
font-size:1.6em;
padding-right:.4em;
vertical-align:text-bottom;
}
#newsbox ul {
margin-bottom:20px;
}
#newsbox li {
list-style:none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-bottom:5px;
border-bottom: 1px dotted #677180;
margin-bottom:10px;
}
#newsbox li a {
color:#FFF;
font-size:1.4em;
line-height:200%;
text-decoration:none;
}
#newsbox .news-more {
position: absolute;
top: 0px;
right: 0px;
display:flex;
justify-content: flex-end;
}
#newsbox .news-more a {
width:100px;
background: #FFF;
padding: 10px;
box-sizing:border-box;
border-bottom-left-radius: 5px;
font-size: 1.1em;
color: #26426c;
text-align:center;
} .guide-wrap {
border-bottom: 1px solid #EBEBEB;
}
.guide-wrap h2 {
width:50%;
margin:1em auto;
text-align:center;
color:#33a78d;
font-size:2.6em;
font-family : YuMincho, '游明朝', serif;
position: relative;
}
.guide-wrap h2 span {
position: relative;
z-index: 2;
display: inline-block;
margin: 0 4em;
padding: 0 1em;
background-color: #fff;
text-align: left;
}
.guide-wrap h2::before {
position: absolute;
top: 50%;
z-index: 1;
content: '';
display: block;
width: 100%;
height: 1px;
background: #33a78d;
background: -webkit-linear-gradient(-45deg, transparent, #33a78d 10%, #33a78d 90%, transparent);
background: linear-gradient(-45deg, transparent, #33a78d 10%, #33a78d 90%, transparent);
}
.topconts-wrap {
width:100%;
padding:30px;
box-sizing:border-box;
}
.facility-list {
-js-display: flex;
display:flex;
justify-content: space-between;
flex-wrap: wrap;
width: 95%;
margin: 40px auto 20px;
}
.facility-list p {
margin-bottom: 2em;
}
.facility-list p img {
border-radius: 3%;    
}
.sp-tel {
display: none;
} #sidebar{
} #footer{
width:100%;
}
#pagetop {
width:100%;
background:#3db49a;
text-align:right;
cursor: pointer;
padding:5px 0;
box-sizing:border-box;
}
#pagetop a {
font-size:3.5em;
color:#FFF;
display: inline-block;
transform: rotate( -90deg );
text-decoration:none;
margin-right:15px;
}
.ft-flex {
-js-display: flex;
display:flex;
justify-content: flex-start;
align-items: center;
}
#footer-nav{
margin-left:30px;
}
.footer-nav-in{
}
.footer-nav-in ul{
padding:15px 0;
}
.footer-nav-in ul li{
display:inline;
font-size:1.2em;
}
.footer-nav-in ul li:before,
.footer-nav-in ul li:last-child:after{
content:"｜";
padding:0 5px;
}
.footer-nav-in ul li a{
text-decoration:none;
}
.ft-add {
margin-left:20px;
color: #555;
}
.ft-add p {
font-size:1.2em;
}
#copyright {
margin-left:auto;
margin-right:30px;
}
#copyright p {
font-size:1.2em;
}  #breadcrumbs{
padding:20px;
background:#33a78d;
color:#FFF;
}
#breadcrumbs li{
display: inline;
list-style: none;
margin-right: 5px;
line-height: 180%; font-size:1.2em;
}
#breadcrumbs li a{
padding-right: 10px;
background: url(//nijinohashikaigo.com/wordpress/wp-content/themes/nijikaigo/img/icon-brc.gif) center right no-repeat;
color:#FFF;
text-decoration:none;
} .conts-wrap {
padding: 50px;
box-sizing: border-box;
}
.conts-box {
width:95%;
margin:20px auto 50px;
}
.conts-box p {
margin-bottom: .8em;
}
.conts-wrap > h2+.conts-box {
margin:0 auto 50px;
}
.conts-wrap h2{
font-size:3em;
padding:30px 20px;
}
.conts-wrap h2 span{
font-size: .8em;
padding-left: 10px;
font-weight: normal;
}
.conts-wrap h2 span::before,
.conts-wrap h2 span::after{
content: '-';
}
.conts-box h3{
width:100%;
font-size:2.4em;
padding:.5em 0;
margin: .5em 0;
font-family : YuMincho, '游明朝', serif;
position: relative;
}
.conts-box h3 span {
position: relative;
z-index: 2;
display: inline-block; margin: 0 7em 0 3em; padding: 0 1em;
background-color: #fff;
text-align: left;
}
.conts-box h3::before {
position: absolute;
top: 50%;
z-index: 1;
content: '';
display: block;
width: 100%;
height: 1px;
background: #3476B6;
background: -webkit-linear-gradient(-45deg, transparent, #33a78d 10%, #33a78d 90%, transparent);
background: linear-gradient(-45deg, transparent, #33a78d 10%, #33a78d 90%, transparent);
}
.conts-box h3 span::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f06c";
padding-right: 10px;
color: #accc6f;
}
.conts-box h4 {
font-size: 1.8em;
line-height: 160%;
padding-bottom: 10px;
} .flexbox {
-js-display: flex;
display:flex;
} .pht-gallery {
-js-display: flex;
display:flex;
justify-content: space-between;
margin: 20px 0;
flex-wrap: wrap;
}
.pht-gallery p img {
border-radius: 3%;    
}
.food-gallery {
-js-display: flex;
display:flex;
justify-content: space-between;
margin: 0 0 20px;
flex-wrap: wrap;
}
.food-gallery p {
width:280px;
font-size:1.4em;
line-height:140%;
margin-bottom:20px;
}
.food-gallery p img {
max-width:100%;
border-radius: 3%;    
} .reservebox {
width: 450px;
margin: 0 20px;
padding: 30px 0;
background: #ffffcc;
border: 1px solid #f7f747;
font-size: 3em;
font-weight: bold;
border-radius: 5px;
text-align: center;
box-sizing: border-box;
background: #33a78d;
border: 1px solid #3db49a;
color:#FFF;
text-shadow: 1px 1px 7px #102c48;
}
.reservebox span {
font-size: .8em;
font-weight: normal;
}
.reserve-webbox {
width: 450px;
margin: 0 20px;
border-radius: 5px;
font-size: 3em;
line-height: 130%;
text-align: center;
background: #ffbf00;
border: 1px solid #e6ad00;
box-sizing: border-box;
background: #ffbf00;
background: -moz-linear-gradient(top,#ffbf00 0,#ff5900 100%);
background: -webkit-linear-gradient(top,#ffbf00 0,#ff5900 100%);
background: linear-gradient(to bottom,#ffbf00 0,#ff5900 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf00', endColorstr='#ff5900', GradientType=0 );
}
.reserve-webbox a {
display: block;
text-align: center;
padding: 1.2em;
color: #FFF;
font-weight: bold;
text-decoration: none;
text-shadow: 1px 1px 7px #8c3500;
} .flowchart {
color: #000000;
list-style: none;
overflow: hidden;
padding: 20px 0;
}
.flowchart li {
background-color: #5b5351;
line-height: 80px;
color: #FFFFFF;
display: block;
float: left;
font-size: 1.6em;
min-width: 100px;
padding: 0 40px 0 70px;
text-align: center;
text-decoration: none;
}
.flowchart li:first-child {
padding-left: 50px;
} .flowchart li::after {
background-color: #5b5351;
border-right: 1px solid #FFFFFF;
content: " ";
display: block;
height: 40px;
margin-left: auto;
margin-right: -60px;
margin-top: -40px;
position: relative;
transform: skew(-30deg);
-o-transform: skew(-30deg);
-ms-transform: skew(-30deg);
-moz-transform: skew(-30deg);
-webkit-transform: skew(-30deg);
width: 30px;
} .flowchart li::before {
background-color: #5b5351;
border-right: 1px solid #FFFFFF;
content: " ";
display: block;
float: right;
height: 40px;
margin-bottom: -40px;
margin-left: auto;
margin-right: -60px;
transform: skew(30deg);
-o-transform: skew(30deg);
-ms-transform: skew(30deg);
-moz-transform: skew(30deg);
-webkit-transform: skew(30deg);
width: 30px;
} .flowchart .active {
background-color: #423b3a;
color: #FFFFFF;
}
.flowchart .active::before, .flowchart .active::after {
background-color: #423b3a;
} .tblbox {
width:100%;
margin:0 auto;
border:1px solid #E7E7E7;
}
.tblbox table {
width:100%;
font-size:1.4em;
line-height: 200%;
}
.tblbox table th {
text-align: left;
vertical-align: top;
padding: 13px 20px;
white-space: nowrap;
background: #F5F5F5;
border-bottom:1px solid #E7E7E7;
}
.tblbox table td {
text-align: left;
padding: 13px 20px;
border-bottom:1px solid #E7E7E7;
vertical-align: middle;
}
.tblbox table .last {
border-bottom:none;
} .more-bnr {
float:right;
font-size:1.4em;
background:#8DB834;
padding:10px;
color:#FFF;
border-radius:7px;
text-align:center; box-shadow:rgba(0, 0, 0, 0.2) 7px 7px 7px -5px;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 7px 7px 7px -5px;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 7px 7px 7px -5px;
}
.more-bnr:hover {
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
transition: 300ms;
} .concept ul li {
font-size: 1.6em;
margin-left: 2em;
line-height: 160%;
}
.concept h4::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f14a";
padding-right: 10px;
color: #f5c535;
} .facility .conts-box h4{
width:100%;
font-size:2em;
padding:.5em;
margin: .5em 0;
font-family : YuMincho, '游明朝', serif;
background: #FAFAFA;
border-left: 10px ridge #accc6f;
}
.facility .flexbox .flex-pht {
padding: 10px 20px 10px 0;
}
.facility .flexbox .flex-pht img {
border-radius: 3%;
}
.facility .flexbox .flex-txt {
width: 70%;
font-size: 1.2em
}
.facility .pht-gallery p {
margin-bottom: 3em;
} .facility-wrap .flexbox div:first-child {
flex-grow:1;
}
.facility-wrap .flexbox .flex-pht {
padding:0 20px;
}
.facility-wrap .flexbox .flex-txt {
width: 70%;
}
.facility-wrap .cobod {
margin-top: 20px;
text-align: right;
font-size: 1.7em;
font-family : YuMincho, '游明朝', serif;
}
.facility-wrap .cobod span {
font-size: .8em;
padding: 0 .6em 0 0;
}
.facility-wrap h4::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f14a";
padding-right: 10px;
color: #f5c535;
}
.facility-wrap .pht-gallery p {
width:350px;
font-size:1.4em;
line-height:180%;
}
.facility-wrap .pht-gallery p img {
max-width:100%;
}
.facility-wrap .blocks h5 {
font-size: 1.8em;
line-height: 160%;
padding-bottom: 10px;
}
.facility-wrap .blocks p {
margin-bottom: 0;
}
.facility-wrap .blocks ul li {
font-size: 1.6em;
margin-left: 2em;
line-height: 160%;
}
h5.food-gly-tt {
font-size: 1.6em;
line-height: 160%;
padding-bottom: 10px;
margin-top: 20px;
}
h5.food-gly-tt::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f2e7";
padding-right: 7px;
color: #555555;
} #tab-wrp {
width:100%;
margin:0 auto 20px;
}
.facility-wrap .ctab {
-js-display: flex;
display:flex;
flex-wrap: wrap;
width:100%;
background:#ECF5DA;
}
.facility-wrap .ctab li {
width:70px;
background:#ECF5DA;
padding: 15px 5px 15px 0;
text-align:center;
list-style-type:none;
cursor: pointer;
color:#000;
font-size:1.2em;
line-height:160%;
}
.facility-wrap .ctab li.select {
background: #D9ECB9;
}
.facility-wrap .ctab li::before,
.facility-wrap .ctab li.select::before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f138";
padding-right: 10px;
color: #f5c535;
}
.facility-wrap .tabcont {
width:100%;
}
.facility-wrap .content li {
-js-display: flex;
display:flex;
flex-wrap: wrap;
padding:20px;
list-style-type:none;
font-size:1.4em;
}
.facility-wrap .content li.hide {
display:none;
} .type-tbl {
width:40%;
padding:1px;
box-sizing:border-box;
}
.type-tbl table {
width:100%;
font-size:1em;
line-height: 200%;
border: 1px solid #E7E7E7;
}
.type-tbl table th {
text-align: left;
vertical-align: top;
padding: 5px 10px;
white-space: nowrap;
background: #F5F5F5;
border-bottom:1px solid #E7E7E7;
}
.type-tbl table td {
text-align: left;
padding: 5px 10px;
border-bottom:1px solid #E7E7E7;
}
.type-tbl table .last {
border-bottom:none;
} .type-pers,
.type-pers-n {
width:50%;
text-align:center;
} .type-tbl-p {
width: 100%;
padding:1px;
}
.type-tbl-p table {
width:100%;
font-size:1.4em;
line-height: 200%;
margin:1em 0;
}
.type-tbl-p table tr {
border:1px solid #E7E7E7;
}
.type-tbl-p table th {
text-align: left;
vertical-align: top;
padding: 10px 20px;
white-space: nowrap;
background: #F5F5F5;
border-bottom:1px solid #E7E7E7;
}
.type-tbl-p table td {
text-align: left;
padding: 10px;
border-bottom:1px solid #E7E7E7;
}
.type-tbl-p table .last {
border-bottom:none;
} .garden-price {
width:100%;
margin:0 auto;
}
.gdn-hdr-txt {
float:right;
}
.garden-price p {
font-size:12px;
}
.garden-price table {
width:100%;
font-size:1.4em;
line-height: 200%;
border:1px solid #E7E7E7;
box-sizing: border-box;
margin-bottom:10px;
}
.garden-price table th {
white-space: nowrap;
padding: 13px 20px;
text-align:center;
vertical-align:middle;
border-right:1px solid #E7E7E7;
border-bottom:1px solid #E7E7E7;
background: #E4F5FC;
}
.garden-price table td {
text-align: right;
padding: 13px 20px;
border-right:1px solid #E7E7E7;
border-bottom:1px solid #E7E7E7;
}
.garden-price table th:last-child,
.garden-price table td:last-child {
border-right:none;
}
.gdn-typeimg {
text-align:center;
margin:30px 0;
} .about .pht-gallery p {
width:350px;
font-size:1.4em;
line-height:180%;
}
.about .pht-gallery p img {
max-width:100%;
} .contact .conts-box h4{
width:100%;
font-size:2em;
padding:.5em;
margin: .5em 0;
font-family : YuMincho, '游明朝', serif;
background: #FAFAFA;
border-left: 10px ridge #accc6f;
}
.contact .flexbox .flex-pht {
padding: 10px 20px 10px 0;
}
.contact .flexbox .flex-pht img {
border-radius: 3%;
}
.contact .flexbox .flex-txt {
width: 70%;
font-size: 1.2em
} .flowbox {
width:95%;
margin:20px auto;
}
.flowbox ol {
counter-reset: li;
list-style: none;
*list-style: decimal; font-size: 1.5em;
padding: 0;
margin-bottom: 2em;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.flowbox ol li {
margin-bottom: 2em;
}
.flowbox ol li:last-child {
margin-bottom: 0;
padding-bottom: 0;
background:none;
}
.flowbox ol li p {
font-size:1em;
padding:0 3em;
}
.rounded-list span{
position: relative;
display: block;
padding: 1.2em 1.2em 1.2em 3em;
*padding: .4em;
margin: .5em 0 1em;
background: #F9F9F9;
color: #444;
text-decoration: none;
border-radius: .3em;
transition: all .3s ease-out;   
}
.rounded-list span:hover{
background: #eee;
}
.rounded-list span:hover:before{
transform: rotate(360deg);  
}
.rounded-list span:before{
content: counter(li);
counter-increment: li;
position: absolute; 
left: -1.3em;
top: 50%;
margin-top: -1.8em;
background: #B9DB7C;
height: 3em;
width: 3em;
line-height: 3em;
border: .3em solid #fff;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all .3s ease-out;
} .flow-tbl {
width:600px;
border:1px solid #E7E7E7;
padding:1px;
margin: 1em 3em;
}
.flow-tbl table {
width:100%;
font-size:1em;
line-height: 200%;
}
.flow-tbl table th {
width:50%;
text-align:center;
vertical-align: top;
padding: 5px 10px;
white-space: nowrap;
background: #F5F5F5;
border-right:1px solid #E7E7E7;
border-bottom:1px solid #E7E7E7;
}
.flow-tbl table th:last-child {
border-right:none;
}
.flow-tbl table td {
width:50%;
text-align: left;
padding: 5px 10px;
border-right:1px solid #E7E7E7;
}
.flow-tbl table td:last-child {
border-right:none;
}
.flow-tbl table .last {
border-bottom:none;
} .service .pht-gallery p {
margin-bottom: 3em;
}
.service .pht-gallery p img {
background:#f9f9f9;
} .service-wrap .flexbox div:first-child {
flex-grow:1;
}
.service-wrap .flexbox .flex-pht {
padding:0 20px;
}
.service-wrap .flexbox .flex-txt {
width: 70%;
}
.service-wrap h4::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f14a";
padding-right: 10px;
color: #f5c535;
}
.service-wrap .blocks p {
margin-bottom: 0;
}
.service-wrap .blocks ul li {
font-size: 1.6em;
margin-left: 2em;
line-height: 160%;
} .helper-station .hpsflex {
-js-display: flex;
display:flex;
justify-content: space-between;
margin: 20px 0;
flex-wrap: wrap;
}
.hpsflex table {
width:48%;
font-size:1em;
line-height: 200%;
margin:10px 0;
}
.hpsflex tr {
border:1px solid #FFC0D1;
}
.hpsflex th {
font-size:1.4em;
vertical-align:middle;
padding: 13px 20px;
background: #FFEAF0;
border-bottom:1px solid #FFC0D1;
}
.hpsflex th.thtxc {
background:#FF98B5;
text-align:center;
color:#FFF;
text-shadow: 1px 1px 3px #5C5C5C;
}
.hpsflex td {
font-size:1.2em;
padding: 13px 20px;
background:#FFF;
border-bottom:1px solid #FFE0E9;
line-height:160%;
}
.hpsflex .last {
border-bottom:1px solid #FFC0D1;
} .day-time-tbl {
width:100%;
padding:1px;
margin-bottom: 30px;
}
.day-time-tbl table {
width:100%;
font-size:1em;
line-height: 200%;
margin:10px auto;
}
.day-time-tbl tr {
border-bottom:1px dotted #000;
}
.day-time-tbl th {
width:70px;
font-size:1.2em;
padding: 10px 5px 5px;
vertical-align:middle;
text-align:left;
}
.day-time-tbl td {
width:auto;
font-size:1.4em;
padding: 10px 5px 5px;
vertical-align:middle;
} .service-wrap .blocks p {
margin-bottom: 0;
}
.service-wrap .blocks ul li {
font-size: 1.6em;
margin-left: 2em;
line-height: 160%;
} .accordion_area {
margin-bottom:60px;
}
.accordion_area .accordion_one .ac_header {
background-color: #ffffff;
border: 1px solid #E7E7E7;
padding: 1.5rem 4rem 1.5rem 2rem;
position: relative;
z-index: +1;
cursor: pointer;
transition: .2s;
}
.accordion_area .accordion_one .ac_header:not(.open):hover {
background-color: #ECF5DA;
}
.accordion_area .accordion_one:nth-child(odd) .ac_header {
background-color: #f5f5f5;
}
.accordion_area .accordion_one:nth-child(odd) .ac_header:not(.open):hover {
background-color: #ECF5DA;
}
.accordion_area .accordion_one .open{
background-color: #ECF5DA!important;
}
.accordion_area .accordion_one .ac_header .i_box {
position: absolute;
top: 50%;
right: 2rem;
width: 20px;
height: 20px;
margin-top: -10px;
}
.accordion_area .accordion_one .ac_header .i_box:before, .accordion_area .accordion_one .ac_header .i_box:after {
position: absolute;
content: "";
margin: auto;
box-sizing: border-box;
vertical-align: middle;
}
.accordion_area .accordion_one .ac_header .i_box:before {
border-top: 2px solid #014897;
width: 20px;
height: 0;
top: 0;
bottom: 0;
right: 0;
}
.accordion_area .accordion_one .ac_header .i_box:after {
border-left: 2px solid #014897;
width: 0;
height: 20px;
top: 0;
bottom: 0;
right: 9px;
transition: .3s;
}
.accordion_area .accordion_one .ac_header.open .i_box:after {
height: 0;
}
.accordion_area .accordion_one .ac_inner {
display: none;
padding: 1.5rem 2rem 1.5rem 2rem;
border-left: 1px solid #E7E7E7;
border-right: 1px solid #E7E7E7;
border-bottom: 1px solid #E7E7E7;
box-sizing: border-box;
background: #fff;
}
@media screen and (max-width: 736px) {
.accordion_area .accordion_one .ac_header {
padding: 1.5rem 2rem 1.5rem 1.0rem;
}
.accordion_area .accordion_one .ac_header .i_box {
right: 0.8rem;
width: 15px;
height: 15px;
margin-top: -7px;
}
.accordion_area .accordion_one .ac_header .i_box:before {
width: 15px;
}
.accordion_area .accordion_one .ac_header .i_box:after {
height: 15px;
right: 7px;
}
.accordion_area .accordion_one .ac_inner {
padding: 1.5rem 1.5rem 1.5rem 1.5rem;
}
} .p-faq__headinner {
display: block;
padding-left: 35px;
position: relative;
line-height: 1.8;
}
.p-faq__headinner::before {
position: absolute;
left: 0;
content: "Q．";
color: #09357f;
font-size: 20px;
font-weight: bold;
}
.p-faq__headinner p.p-faq__q-txt {
font-size: 20px;
}
@media screen and (max-width: 736px) {
.p-faq__headinner {
padding-left: 25px;
}
.p-faq__headinner::before {
font-size: 14px;
}
.p-faq__headinner p.p-faq__q-txt {
font-size: 14px;
}
}
.p-faq__bodyinner {
display: block;
padding-left: 35px;
position: relative;
line-height: 2;
}
.p-faq__bodyinner::before {
position: absolute;
left: 0;
content: "A．";
color: #de0000;
font-size: 20px;
font-weight: bold;
}
.p-faq__bodyinner p.p-faq__a-txt {
font-size: 20px;
}
@media screen and (max-width: 736px) {
.p-faq__bodyinner {
padding-left: 25px;
}
.p-faq__bodyinner::before {
font-size: 14px;
}
.p-faq__bodyinner p.p-faq__a-txt {
font-size: 14px;
}
} .sitemap #sitemap_list li {
font-size: 1.6em;
line-height: 160%;
margin-bottom: 1em;
} .recruit .pht-gallery {
justify-content: space-around;
} .privacy ul li {
font-size: 1.6em;
margin-left: 2em;
line-height: 160%;
margin-bottom: 1.5em;
list-style-type: decimal;
} .ctbl {
width:80%;
}
.ctbl table {
width:100%;
font-size:14px;
line-height: 200%;
}
.ctbl table tr {
border-top: solid 1px #ddd;
border-left: solid 1px #ddd;
}
.ctbl table th {
text-align: left;
vertical-align: top;
padding: 18px 15px;
white-space: nowrap;
font-weight:normal;
background:	#F5F5F5;
}
.ctbl table td {
padding: 18px 15px;
background:#FFFFFF;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}
.ctbl table tr:last-child {
border-bottom: solid 1px #ddd;
} span.wpcf7-list-item { display: block; }
.wpcf7-select {
}
.length-l {
width: 98%;
}
.length-m {
width: 50%;
}
.text {
border: solid 1px #ddd;
padding: 3px;
border-radius: 3px;
}
.require {
color: #f00;
font-size: 80%;
font-weight: normal;
white-space: nowrap;
}
.require:before {
content: ' ';
white-space: normal;
}
input.submit {
display: block;
margin: 20px auto;
padding: 10px 20px;
} .archive-wrap {
background: #fbfafa;
}
#acvbox {
width:100%;
}
.acvpost {
width:100%;
margin-bottom:20px;
padding:20px;
background:#FFFFFF;
border: 1px solid #F2F2F2;
box-shadow: rgba(0, 0, 0, 0.2) 8px 15px 20px -23px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 8px 15px 20px -23px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 8px 15px 20px -23px; box-sizing:border-box;
}
.acvpost:last-child {
margin-bottom:30px;
}
.acvpost h2.post-title {
margin:5px 0 20px;
font-size: 2.2em;
}
.acv-metabox {
overflow: hidden;
margin: 0 0 1.5em;
padding: 10px;
border-top: 1px dotted #bbb;
border-bottom: 1px dotted #bbb;
}
.acvpost .post-meta {
float:left;
margin-bottom:0;
}
.acv-metabox .sb-counts{
float:right;
margin: 0;
text-align: right;
}
.post-eye {
float: left;
margin-right: 35px;
margin-bottom: 20px;
padding: 6px;
}
.post-eye img {
border: 1px dashed #51bca5;
} .pagint {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px ;
background:none;
margin:10px 0 20px;
vertical-align: middle;
}
.pagint span, .pagint a {
display:block;
float:left ;
margin: 2px 2px 2px 0 ;
padding:6px 9px 5px 9px ;
text-decoration:none;
width:auto ;
color:#fff ;
background: #413310 ;
}
.pagint a:hover{
color:#fff ;
background: #fdcd1a;
}
.pagint .current{
padding:6px 9px 5px 9px ;
background: #fdcd1a;
color:#fff ;
} .single-wrap { }
#singlebox {
width:100%;
margin-bottom:30px; background:#FFFFFF; box-sizing:border-box;
}
.post-meta {
text-align:left; }
.post-cat { }
.post-cat a:not(:last-child) {
margin-right:3px;
}
.post-cat a {
font-size:.8em;
background:#F9F4EE;
padding:5px 10px;
border-radius:10px;
text-decoration:none;
}
h2.post-title {
font-size: 2.5em;
padding: .7em 0 1em;
} .navigation {
width:100%;
border-top:1px dashed #EAEAEA;
border-bottom:1px dashed #EAEAEA;
margin:20px 0 10px;
box-sizing:border-box;
}
.naviprev {
float:right;
width:50%;
height:100%;
padding:10px;
border-left:1px dashed #EAEAEA;
box-sizing:border-box;
}
.naviprev p {
font-size:12px;
}
.navinext {
float:left;
width:50%;
height:100%;
font-size:12px;
padding:10px;
box-sizing:border-box;
}
.navinext p {
font-size:12px;
} .pagenav {
width:95%;
margin:0 auto;
padding:15px;
font-size:.9em;
} .sbbox {
width: 100% ;
padding: 0;
}
ul.sb {
width: 100% ;
margin: 20px 0 ;
padding: 0 ;
border: none ;
list-style-type: none ;
}
ul.sb li {
display: inline-block;
text-align: center ;
vertical-align: top;
margin: 0 8px;
padding:0 ;
line-height: 1.0;
}
ul.sb li:first-child {
margin-left: 0;
} .sb-fb {
z-index: 99 ;
}   #spnav {
display:none;
}
#sqnav {
display:none;
}
.sb-slidebar {
display:none;
} .wpcf7 .wpcf7-validation-errors {
font-size: 2em;
border: 4px solid #ff0000!important;
}
.wpcf7 .wpcf7-mail-sent-ok {
font-size: 2em;
color: #2b5569;
background-color: #d8ebf5;
border: 4px solid #81d2e2;
}
.wpcf7 .wpcf7-not-valid {
background: #ffc0cb;
}
.covid19box {
padding: 35px 0;
text-align:center;
}
.covid19box a {
display: inline-block;
font-size:2em;
line-height: 120%;
color:#fff;
background:#009fa8;
padding: 15px 30px;
border-radius:10px;
}@media only screen and (max-width:1480px) {
.guide-wrap h2 {
width: 70%;
}
.hour-wrap .hourbox {
width:90%;
margin: 5% auto;
}
.hourbox table th,
.hourbox table td {
padding: 12px;
}
.hour-wrap .hour-desc {
width:50%;
margin: 0 auto;
}
.medbox {
width: 90%;
margin: 5% auto;
} .pht-gallery,
.food-gallery {
-js-display: flex;
display:flex;
justify-content:space-around;
margin: 20px 0;
}
.pht-gallery p img,
.food-gallery p img {
width: 100%;
} .about .flexbox div:first-child {
flex-grow:0;
}
.about .flexbox .flex-pht {
padding:0 20px;
}
.about .flexbox .flex-txt {
width: 60%;
} .medical .hour-wrap,
.medical .med-wrap {
width:100%;
}
.medical .guide-wrap h3 {
width: 70%;
}
.medical .outp-dr-box table td {
padding: 20px 14px;
}
.medical .outp-dr-box table {
width:auto;
width: 95%;
font-size:1.6em;
margin:20px auto 5px;
} .mdcp .flowvtl ul li:after {
left: 14%; }
.mdcp .flowvtl ul li dl dd {
width: 100%;
} .floor .pht-gallery p {
width:45%;
padding: 0 10px
} .adhospital .pht-gallery {
justify-content: flex-start;
}
.adhospital .pht-gallery p {
width:45%;
padding: 0 10px
} .dock .pht-gallery {
justify-content: flex-start;
}
.dock .pht-gallery p {
width:45%;
padding: 0 10px
} .daycare .pht-gallery p {
width:45%;
padding: 0 10px
}
.daycare .pht100 p img {
width: 100%;
}
}  @media (min-width: 1200px) and (max-width: 1440px){ .endoscope .pht-gallery {
flex-wrap:nowrap;
}
.endoscope .pht-gallery p {
width: 90%;
margin:0 10px;
}
}  @media
only screen and (max-width : 1200px){
img{
max-width: 100%;
height: auto;
width :auto;
}
#wrapper h1{
top: 3px;
left: 3px;
color:#777;
} #header{
width: 100%;
float: none;
position:fixed;
top:0;
border-bottom: 1px solid #EEE;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
opacity:0.9;
filter:alpha(opacity=90);
-ms-filter: "alpha( opacity=90 )";
}
#navfix{
width: 100%;
background: #FFF;
border-right: none;
}
#logo {
padding:15px 0;
}
#global-nav{
display: none;
}
.side-bnrbox {
display: none;
} #spnav {
display:block;
position: absolute;
top: 14px;
right: 10px;
width: 55px;
height: 50px;
background: #3db49a;
border-radius: 10px;
}
.sb-slidebar {
font-size:1.4em; }
.sb-slidebar dl dt,
.sb-slidebar dl dd {
width:100%;
padding:1em 0;
color:#FFFFFF;
border-top: 1px solid #4D4D4D;
border-bottom: 1px solid #000; text-align:left;
text-indent:0.7em;
position:relative;
font-size:1em;
}
.sb-slidebar dl a dt {
border-top: 1px solid #4D4D4D;
border-bottom: 1px solid #000;
}
.sb-slidebar dl dt {
font-weight:bold;
}
.sb-slidebar dl a {
text-decoration:none;
}
.sb-slidebar dl dd {
text-indent: 2em;
} #menu-btn {display: inline-block;position: relative;width: 55px;height: 50px; border-radius: 10%;background: #3db49a;}
#menu-btn:hover {background: #3684c6;}
#menu-btn-icon { display: block; position: absolute; top: 40%; left: 50%; width: 14px; height: 2px; margin: -1px 0 0 -7px; background: #FFF; transition: .2s; }
#menu-btn-icon:before, #menu-btn-icon:after { display: block; content: ""; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin-left: -7px; background: #FFF; transition: .3s; }
#menu-btn-icon:before { margin-top: -6px; }
#menu-btn-icon:after { margin-top: 4px; }
#menu-btn .close { background: transparent; }
#menu-btn .close:before, #menu-btn .close:after { margin-top: 0; }
#menu-btn .close:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
#menu-btn .close:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
#spnav .menu-txt {
position: absolute;
bottom: 3px;
left: .7em;
font-size: 10px;
font-weight: bold;
color: #FFF;
padding-bottom: 4px;
}
#sqnav {
display:block;
position: absolute;
top: 14px;
right: 10px;
width: 110px;
height: 50px;
background: #3db49a;
border-radius: 5px;
} #sqnav #menu-btn {display: inline-block;position: relative;width: 110px;height: 50px; border-radius: 5px;background: #3db49a;}
#sqnav #menu-btn:hover {background: #3684c6;}
#sqnav #menu-btn-icon {display: block;position: absolute;top: 48%;left: 10%;width: 25px;height: 3px;margin: 0px 0 0 0px;background: #FFF;transition: .2s;}
#sqnav #menu-btn-icon:before, #sqnav #menu-btn-icon:after {display: block;content: "";position: absolute;top: 50%;left: 0%;width: 25px;height: 3px;margin-left: 0px;background: #FFF;transition: .3s;}
#sqnav #menu-btn-icon:before {margin-top: -9px;}
#sqnav #menu-btn-icon:after {margin-top: 5px;}
#sqnav #menu-btn .close { background: transparent; }
#sqnav #menu-btn .close:before, #sqnav #menu-btn .close:after { margin-top: 0; }
#sqnav #menu-btn .close:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
#sqnav #menu-btn .close:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
#sqnav .menu-txt {
position: absolute;
top: 36%;
left: 38%;
font-size: 15px;
font-weight: bold;
color: #FFF;
padding-bottom: 4px;
} #mainimg {
height:560px;
background-size: contain;
}
#pageimg,
#pageimg.cotodazuleimg,
#pageimg.beverlyhillsimg,
#pageimg.amsterdamimg,
#pageimg.copenhagenimg,
#pageimg.alsace-lorraineimg,
#pageimg.rothenburgimg,
#pageimg.cotswoldsimg,
#pageimg.gardenimg{
height:300px;
} #main-wrap{
margin-left:0;
border-left:0; } #newsbox-wrap {
width: 92%;
margin:20px auto;
padding:0;
}
#newsbox {
width: 100%;
padding:30px 30px 10px;
box-sizing:border-box;
}
#newsbox li a span {
display:block;
} .guide-wrap {
width: 92%;
margin: 0 auto;
}
.guide-wrap h2 {
width: 100%;
font-size: 2em;
}
.guide-wrap h2 span {
margin: 0 1em;
padding: 0 .5em;
}
.hour-wrap {
width:100%;
min-height:initial;
float:none;
border-right:none;
border-bottom:none;
}
.hour-wrap .hourbox {
width:auto;
margin:0 auto;
}
.hourbox table th,
.hourbox table td {
padding: 1.5%;
}
.hour-wrap .hour-desc {
width:325px;
margin: 0 auto;
}
.med-wrap {
width:100%;
min-height:initial;
padding:30px 0;
float:none;
border-right:none;
border-bottom:none;
}
.medbox {
margin-top:20px;
}
.medbox p {
font-size:1.3em;
}
.medbox p br {
display: none;
}
.sp-tel {
display: block;
}
.sp-tel p {
line-height: 140%;
margin-bottom: .5em;
}
.sp-tel .reservebox {
margin: 0;
}
.sp-tel a {
text-decoration:none;
} .ft-flex {
-js-display: block;
display:block;
}
#footer-nav{
margin-left:0;
text-align:center;
}
.ft-add {
margin:0 0 10px;
color:#000;
text-align:center;
}
#copyright {
margin:0;
text-align:center;
} .conts-wrap {
padding: 0;
width: 92%;
margin: 0 auto;
}
.conts-box {
width:100%;
}
.conts-wrap h2{
font-size: 2.5em;
padding: 30px 0px 20px;
}
.conts-box h3{
font-size:2em;
line-height: 120%;
}
.conts-box h3 span {
margin: 0 2em;
padding: 0 .7em;
}   .food-gallery p {
width:100%;
margin-bottom:30px;
}
.pht-gallery p img,
.food-gallery p img {
width: 100%;
} .reservebox,
.reserve-webbox {
width: 100%;
margin: 20px 0;
font-size:2.5em;
} .flowchart {
margin: 1.5em;
padding: 2.5em;
border: 10px solid #423b3a;
border-style: double;
background: #fffbf3;
color: #444;
}
.flowchart li {
background-color: initial;
line-height: 130%;
color: #000;
float: none;
min-width: initial;
padding: 10px 0;
text-align: left;
}
.flowchart li:first-child {
padding-left: 0;
}
.flowchart li:first-letter {
font-weight:bold;
} .flowchart li::after,
.flowchart li::before {
content: none;
} .flowchart .active {
background-color: initial;
color: #000;
}
.flowchart .active::before, .flowchart .active::after {
background-color: initial;
}   .tblbox table th,
.tblbox table td {
display:block;
} .facility .flexbox{
-js-display: block;
display:block;
}
.facility .flexbox .flex-pht {
padding:0 20px;
box-sizing:border-box;
}
.facility .flexbox .flex-txt {
width: 88%;
font-size: 1em;
margin: 20px auto;
}
.facility .flexbox .flex-txt p {
line-height:150%;
}
.facility .conts-box h4{
box-sizing:border-box;
} .facility-wrap .flexbox {
-js-display: block;
display:block;
}
.facility-wrap .flexbox .flex-txt,
.facility-wrap .flexbox .flex-pht {
width: 100%;
}
.facility-wrap .flexbox .flex-pht {
padding: 0;
text-align: center;
}
.facility-wrap .pht-gallery p {
width:100%;
}
.facility-wrap .pht-gallery p img {
max-width:100%;
} .facility-wrap .tabcont {
width:100%;
}
.facility-wrap .content li {
-js-display: block;
display:block;
padding: 20px 0;
} .type-tbl {
width:100%;
margin-bottom: 30px;
}
.type-tbl table th,
.type-tbl table td {
display:block;
} .type-pers,
.type-pers-n {
width:100%;
}
.type-pers img,
.type-pers-n img {
max-width: 95%;
} .about .pht-gallery p {
width:100%;
} .ctbl {
width: 100%;
}
.contact .flexbox{
-js-display: block;
display:block;
}
.contact .flexbox .flex-pht {
padding:0 10px;
box-sizing:border-box;
}
.contact .flexbox .flex-txt {
width: 93%;
font-size: 1em;
margin: 20px auto;
}
.contact .conts-box h4{
box-sizing:border-box;
} .flowbox ol li p {
padding:0;
} .flow-tbl {
width:100%;
margin: 1em 0;
} .service-wrap .flexbox {
-js-display: block;
display:block;
}
.service-wrap .flexbox .flex-txt,
.service-wrap .flexbox .flex-pht {
width: 100%;
}
.service-wrap .flexbox .flex-pht {
padding: 0;
text-align: center;
}
.service-wrap .pht-gallery p {
width:100%;
}
.service-wrap .pht-gallery p img {
max-width:100%;
} .helper-station .hpsflex {
-js-display: block;
display:block;
}
.hpsflex table {
width:100%;
margin-bottom: 40px;
} .qa-wrap .conts-box h3 span {
margin: 0 1em;
} .sitemap #sitemap_list{
width: 90%;
margin: 0 auto;
} .archive #main-wrap {
background: #fbfafa;
}
.archive-wrap {
margin-top:20px;
}
.post-eye {
float: none;
margin: 10px auto;
text-align: center;
} .single-wrap {
margin-top:20px;
} .blocks-white {
margin: 1.5em 0!important;
padding: .5em 2em!important;
}
}  @media (min-width: 737px) and (max-width: 950px){  .endoscope .pht-gallery {
flex-wrap:wrap;
}
.endoscope .pht-gallery p {
width: 50%;
margin: 10px 0;
}
}  @media
only screen and (max-width : 736px){ #pageimg {
margin-top: 88px;
} .pht-gallery,
.food-gallery {
-js-display: block;
display:block;
}
.pht-gallery p img
.food-gallery p img {
width: 100%;
} .floor .pht-gallery p {
width: 100%;
} .endoscope .flexbox {
-js-display: block;
display: block;
}
.endoscope .flexbox .flex-txt {
width: 100%;
}
.endoscope .pht-gallery p {
width:100%;
margin: 10px 0;
} .seikei .pht-gallery p {
width:100%;
} .adhospital .pht-gallery {
-js-display: block;
display: block;
}
.adhospital .pht-gallery p {
width:100%;
} .dock-concept .pht-gallery p {
width:100%;
} .dock .pht-gallery p {
width:100%;
} .brain-dock .pht-gallery p {
width:100%;
} .recruit .pht-gallery p {
width: 100%;
}
}  @media
only screen and (max-width : 480px){
}
  .fl		{ float: left; }
.fr		{ float: right; }
.mg0a	{ margin: 0 auto; } .imgfl {
width: 100%!important;
} .mgtn5	{ margin-top: -5px!important; }
.mgtn10	{ margin-top: -10px!important; }
.mgtn15	{ margin-top: -15px!important; }
.mgtn20	{ margin-top: -20px!important; }
.mgt5	{ margin-top: 5px!important; }
.mgt10	{ margin-top: 10px!important; }
.mgt15	{ margin-top: 15px!important; }
.mgt20	{ margin-top: 20px!important; }
.mgt25	{ margin-top: 25px!important; }
.mgt30	{ margin-top: 30px!important; }
.mgt35	{ margin-top: 35px!important; }
.mgt40	{ margin-top: 40px!important; }
.mgt45	{ margin-top: 45px!important; }
.mgt50	{ margin-top: 50px!important; }
.mgt60	{ margin-top: 60px!important; }
.mgt70	{ margin-top: 70px!important; }
.mgt80	{ margin-top: 80px!important; }
.mgt90	{ margin-top: 90px!important; }
.mgt100	{ margin-top: 100px!important; }
.mgr5	{ margin-right: 5px!important; }
.mgr10	{ margin-right: 10px!important; }
.mgr15	{ margin-right: 15px!important; }
.mgr20	{ margin-right: 20px!important; }
.mgr25	{ margin-right: 25px!important; }
.mgr30	{ margin-right: 30px!important; }
.mgr35	{ margin-right: 35px!important; }
.mgr40	{ margin-right: 40px!important; }
.mgr45	{ margin-right: 45px!important; }
.mgr50	{ margin-right: 50px!important; }
.mgl5	{ margin-left: 5px!important; }
.mgl10	{ margin-left: 10px!important; }
.mgl15	{ margin-left: 15px!important; }
.mgl20	{ margin-left: 20px!important; }
.mgl25	{ margin-left: 25px!important; }
.mgl30	{ margin-left: 30px!important; }
.mgl35	{ margin-left: 35px!important; }
.mgl40	{ margin-left: 40px!important; }
.mgl45	{ margin-left: 45px!important; }
.mgl50	{ margin-left: 50px!important; }
.mgb5	{ margin-bottom: 5px!important; }
.mgb10	{ margin-bottom: 10px!important; }
.mgb15	{ margin-bottom: 15px!important; }
.mgb20	{ margin-bottom: 20px!important; }
.mgb25	{ margin-bottom: 25px!important; }
.mgb30	{ margin-bottom: 30px!important; }
.mgb35	{ margin-bottom: 35px!important; }
.mgb40	{ margin-bottom: 40px!important; }
.mgb45	{ margin-bottom: 45px!important; }
.mgb50	{ margin-bottom: 50px!important; }
.mgb60	{ margin-bottom: 60px!important; }
.mgb70	{ margin-bottom: 70px!important; }
.mgb80	{ margin-bottom: 80px!important; }
.mgb90	{ margin-bottom: 90px!important; }
.mgb100	{ margin-bottom: 100px!important; }
.mgtb5	{ margin-top: 5px!important; margin-bottom: 5px!important; }
.mgtb10	{ margin-top: 10px!important; margin-bottom: 10px!important; }
.mgtb15	{ margin-top: 15px!important; margin-bottom: 15px!important; }
.mgtb20	{ margin-top: 20px!important; margin-bottom: 20px!important; }
.mgtb25	{ margin-top: 25px!important; margin-bottom: 25px!important; }
.mgtb30	{ margin-top: 30px!important; margin-bottom: 30px!important; }
.mgtb35	{ margin-top: 35px!important; margin-bottom: 35px!important; }
.mgtb40	{ margin-top: 40px!important; margin-bottom: 40px!important; }
.mgtb45	{ margin-top: 45px!important; margin-bottom: 45px!important; }
.mgtb50	{ margin-top: 50px!important; margin-bottom: 50px!important; }
.mgtb60	{ margin-top: 60px!important; margin-bottom: 60px!important; }
.mgtb70	{ margin-top: 70px!important; margin-bottom: 70px!important; }
.mgtb80	{ margin-top: 80px!important; margin-bottom: 80px!important; }
.mgtb90	{ margin-top: 90px!important; margin-bottom: 90px!important; }
.mgtb100 { margin-top: 100px!important; margin-bottom: 100px!important; }
.mglr5	{ margin-left: 5px!important; margin-right: 5px!important; }
.mglr10	{ margin-left: 10px!important; margin-right: 10px!important; }
.mglr15	{ margin-left: 15px!important; margin-right: 15px!important; }
.mglr20	{ margin-left: 20px!important; margin-right: 20px!important; }
.mglr25	{ margin-left: 25px!important; margin-right: 25px!important; }
.mglr30	{ margin-left: 30px!important; margin-right: 30px!important; }
.mglr35	{ margin-left: 35px!important; margin-right: 35px!important; }
.mglr40	{ margin-left: 40px!important; margin-right: 40px!important; }
.mglr45	{ margin-left: 45px!important; margin-right: 45px!important; }
.mglr50	{ margin-left: 50px!important; margin-right: 50px!important; }
.mg5	{ margin:5px!important; }
.mg10	{ margin:10px!important; }
.mg15	{ margin:15px!important; }
.mg20	{ margin:20px!important; }
.mg25	{ margin:25px!important; }
.mg30	{ margin:30px!important; }
.mg35	{ margin:35px!important; }
.mg40	{ margin:40px!important; }
.mg45	{ margin:45px!important; }
.mg50	{ margin:50px!important; } .pdt5	{ padding-top: 5px!important; }
.pdt10	{ padding-top: 10px!important; }
.pdt15	{ padding-top: 15px!important; }
.pdt20	{ padding-top: 20px!important; }
.pdt25	{ padding-top: 25px!important; }
.pdt30	{ padding-top: 30px!important; }
.pdt35	{ padding-top: 35px!important; }
.pdt40	{ padding-top: 40px!important; }
.pdt45	{ padding-top: 45px!important; }
.pdt50	{ padding-top: 50px!important; }
.pdr5	{ padding-right: 5px!important; }
.pdr10	{ padding-right: 10px!important; }
.pdr15	{ padding-right: 15px!important; }
.pdr20	{ padding-right: 20px!important; }
.pdr25	{ padding-right: 25px!important; }
.pdr30	{ padding-right: 30px!important; }
.pdr35	{ padding-right: 35px!important; }
.pdr40	{ padding-right: 40px!important; }
.pdr45	{ padding-right: 45px!important; }
.pdr50	{ padding-right: 50px!important; }
.pdl5	{ padding-left: 5px!important; }
.pdl10	{ padding-left: 10px!important; }
.pdl15	{ padding-left: 15px!important; }
.pdl20	{ padding-left: 20px!important; }
.pdl25	{ padding-left: 25px!important; }
.pdl30	{ padding-left: 30px!important; }
.pdl35	{ padding-left: 35px!important; }
.pdl40	{ padding-left: 40px!important; }
.pdl45	{ padding-left: 45px!important; }
.pdl50	{ padding-left: 50px!important; }
.pdb5	{ padding-bottom: 5px!important; }
.pdb10	{ padding-bottom: 10px!important; }
.pdb15	{ padding-bottom: 15px!important; }
.pdb20	{ padding-bottom: 20px!important; }
.pdb25	{ padding-bottom: 25px!important; }
.pdb30	{ padding-bottom: 30px!important; }
.pdb35	{ padding-bottom: 35px!important; }
.pdb40	{ padding-bottom: 40px!important; }
.pdb45	{ padding-bottom: 45px!important; }
.pdb50	{ padding-bottom: 50px!important; }
.pdtb5	{ padding-top: 5px!important; padding-bottom: 5px!important; }
.pdtb10	{ padding-top: 10px!important; padding-bottom: 10px!important; }
.pdtb15	{ padding-top: 15px!important; padding-bottom: 15px!important; }
.pdtb20	{ padding-top: 20px!important; padding-bottom: 20px!important; }
.pdtb25	{ padding-top: 25px!important; padding-bottom: 25px!important; }
.pdtb30	{ padding-top: 30px!important; padding-bottom: 30px!important; }
.pdtb35	{ padding-top: 35px!important; padding-bottom: 35px!important; }
.pdtb40	{ padding-top: 40px!important; padding-bottom: 40px!important; }
.pdtb45	{ padding-top: 45px!important; padding-bottom: 45px!important; }
.pdtb50	{ padding-top: 50px!important; padding-bottom: 50px!important; }
.pdlr5	{ padding-left: 5px!important; padding-right: 5px!important; }
.pdlr10	{ padding-left: 10px!important; padding-right: 10px!important; }
.pdlr15	{ padding-left: 15px!important; padding-right: 15px!important; }
.pdlr20	{ padding-left: 20px!important; padding-right: 20px!important; }
.pdlr25	{ padding-left: 25px!important; padding-right: 25px!important; }
.pdlr30	{ padding-left: 30px!important; padding-right: 30px!important; }
.pdlr35	{ padding-left: 35px!important; padding-right: 35px!important; }
.pdlr40	{ padding-left: 40px!important; padding-right: 40px!important; }
.pdlr45	{ padding-left: 45px!important; padding-right: 45px!important; }
.pdlr50	{ padding-left: 50px!important; padding-right: 50px!important; }
.pd5	{ padding:5px!important; }
.pd10	{ padding:10px!important; }
.pd15	{ padding:15px!important; }
.pd20	{ padding:20px!important; }
.pd25	{ padding:25px!important; }
.pd30	{ padding:30px!important; }
.pd35	{ padding:35px!important; }
.pd40	{ padding:40px!important; }
.pd45	{ padding:45px!important; }
.pd50	{ padding:50px!important; } .wh5 { width:5%; }
.wh10 { width:10%; }
.wh15 { width:15%; }
.wh20 { width:20%; }
.wh25 { width:25%; }
.wh30 { width:30%; }
.wh35 { width:35%; }
.wh40 { width:40%; }
.wh45 { width:45%; }
.wh50 { width:50%; }
.wh60 { width:60%; }
.wh70 { width:70%; }
.wh80 { width:80%; }
.wh90 { width:90%; }
.wh100 { width:100%; } .txl	{ text-align: left ; }
.txc	{ text-align: center ; }
.txr	{ text-align: right ; } .lred		{ color: #FF6868; }
.red		{ color: #FF0000; }
.dred		{ color: #CC0000; }
.lorange	{ color: #FFA500; }
.orange		{ color: #FF8C00; }
.dorange	{ color: #FF6600; }
.lyellow	{ color: #FFFACD; }
.yellow		{ color: #FFFF00; }
.dyellow	{ color: #FFD737; }
.lgreen		{ color: #00CC00; }
.green		{ color: #009900; }
.dgreen		{ color: #006400; }
.lime		{ color: #00CC00; }
.ygreen		{ color: #009900; }
.emerald	{ color: #006400; }
.lblue		{ color: #87CEFA; }
.blue		{ color: #0000FF; }
.dblue		{ color: #0000CD; }
.aqua		{ color: #00FFFF; }
.sky		{ color: #00BFFF; }
.navy		{ color: #1F26A9; }
.dnavy		{ color: #000080; }
.lpurple	{ color: #D168FF; }
.purple		{ color: #9400D3; }
.dpurple	{ color: #670093; }
.lpink		{ color: #FF97CB; }
.pink		{ color: #FF69B4; }
.bpink		{ color: #FF1493; }
.lgray		{ color: #CCCCCC; }
.gray		{ color: #808080; }
.dgray		{ color: #696969; }
.lbrown		{ color: #C06818; }
.brown		{ color: #8B4513; }
.dbrown		{ color: #67340E; }
.white		{ color: #FFFFFF; }
.black		{ color: #000000; } .bg-white	{ padding:2px;background-color: #FFF; }
.bg-yellow	{ padding:2px;background-color: #ff9; }
.bg-aqua	{ padding:2px;background-color: #9ff; }
.bg-gray	{ padding:2px;background-color: #eee; }
.bg-red		{ padding:2px;background-color: #fcc; } .b	{ font-weight: bold; }
.n	{ font-weight: normal; } .fs10	{ font-size: 10px!important; }
.fs11	{ font-size: 11px!important; }
.fs12	{ font-size: 12px!important; }
.fs13	{ font-size: 13px!important; }
.fs14	{ font-size: 14px!important; }
.fs15	{ font-size: 15px!important; }
.fs16	{ font-size: 16px!important; }
.fs18	{ font-size: 18px!important; }
.fs20	{ font-size: 20px!important; }
.fs22	{ font-size: 22px!important; }
.fs24	{ font-size: 24px!important; }
.fs26	{ font-size: 26px!important; }
.fs28	{ font-size: 28px!important; }
.fs30	{ font-size: 30px!important; }
.fs40	{ font-size: 40px!important; }
.fs50	{ font-size: 50px!important; } .fs08e	{ font-size: .8em!important; }
.fs10e	{ font-size: 1em!important; }
.fs11e	{ font-size: 1.1em!important; }
.fs12e	{ font-size: 1.2em!important; }
.fs13e	{ font-size: 1.3em!important; }
.fs14e	{ font-size: 1.4em!important; }
.fs15e	{ font-size: 1.5em!important; }
.fs16e	{ font-size: 1.6em!important; }
.fs18e	{ font-size: 1.8em!important; }
.fs20e	{ font-size: 2em!important; }
.fs22e	{ font-size: 2.2em!important; }
.fs24e	{ font-size: 2.4em!important; }
.fs26e	{ font-size: 2.6em!important; }
.fs28e	{ font-size: 2.8em!important; }
.fs30e	{ font-size: 3em!important; }
.fs40e	{ font-size: 4em!important; }
.fs50e	{ font-size: 5em!important; } .georgia { font-family:Georgia, "Times New Roman", Times, serif; } .lh100	{ line-height: 100%; }
.lh110	{ line-height: 110%; }
.lh120	{ line-height: 120%; }
.lh130	{ line-height: 130%; }
.lh140	{ line-height: 140%; }
.lh160	{ line-height: 160%; }
.lh180	{ line-height: 180%; }
.lh200	{ line-height: 200%; }
.lh250	{ line-height: 250%; } .ti5	{ text-indent: 5px; }
.ti10	{ text-indent: 10px; }
.ti15	{ text-indent: 15px; }
.ti20	{ text-indent: 20px; } .solid	{ border:1px solid; }
.dotted	{ border:1px dotted; }
.dashed	{ border:1px dashed; } .u		{ text-decoration: underline; }
.nobd	{ border: 0; }
.del	{ text-decoration: line-through ; } ul.none li	{ list-style-type: none; } .round{
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
} hr{
clear: both;
height: 1px; margin: 1.5em 0;
padding: 0;
border: 0; color: #ccc;
font-size: 1.0em;
line-height: 1.0em;
} blockquote {
margin: 0 1em 1.5em;
padding: 4.5em; background: #efefef;
color: #444;
position:relative;
z-index: 1;
}
blockquote p{
position: relative;
z-index: 3;
}
blockquote:before{
content: "“";
font-size: 1000%;
line-height: 0.8em;
font-family: 'Times New Roman' ,"ＭＳ Ｐゴシック" ,sans-serif;
color: #DADADA;
position: absolute;
left: 10px;
top: 10px;
z-index: 2;
}
blockquote:after{
content: "”";
font-size: 1000%;
line-height: 0em;
font-family: 'Times New Roman' ,"ＭＳ Ｐゴシック" ,sans-serif;
color: #DADADA;
position: absolute;
right: 10px;
bottom: 5px;
z-index: 2;
}
.blocks {
overflow: auto;
margin: 1.5em;
padding: 2.5em;
border: 3px solid #EDEDEC;
border-style: dashed;
background: #FAFAFA;
color: #444;
} .blocks-blue {
overflow: auto;
margin: 1.5em;
padding: 2.5em;
border: 3px solid #1B73BA;
background: #FFF;
color: #444;
text-align: center
}
.blocks-blue p {
font-size: 2em;
font-weight: bold;
}
.blocks-white {
overflow: auto;
margin: 1.5em;
padding: .5em 2.5em;
border: 2px solid #f5f5f5;
border-style: dashed;
background: #FFF;
color: #444;
}
.blocks-pink {
overflow: auto;
margin: 1.5em;
padding: 2.5em;
border: 3px solid #ff97cb;
border-style: dashed;
background: #fff0f7;
color: #444;
}
.yumin {
font-family : YuMincho, '游明朝', serif;
}
#error {
padding: 20px 0;
color: #000;
background: #fc3;
}
#error p {
font: bold 16px/30px Meiryo,sans-serif;
}
#error a {
color: #f00;
text-decoration: underline;
}
#error a:hover {
color: #fff;
background: #f00;
}
.break {
word-break: break-all;
}#global-nav .gnav { background: linear-gradient(90deg, #CCC8B9 0%, #E4E2D8 100%);
}
#global-nav .gnav > li > a {
text-shadow: 0px 0px 3px #FFF;
}
#global-nav .gnav > li > a {
color: #372a22;
}
#pagetop {
background: linear-gradient(90deg, #CCC8B9 0%, #E4E2D8 100%);
}
.reservebox {
border: 1px solid #372a22;
}
.medical .reservebox {
border: 1px solid #372a22;
}
.side-tel a {
color:#372a22;
} #newsbox {  color:#372a22;
text-shadow: 0px 0px 3px #FFF;
}
#newsbox li a {
color:#372a22;
}
#newsbox .news-more {
color: #372a22;
text-shadow: none;
}
.bx-wrapper {
background: none!important;
}
.guide-wrap h2 {
color:#372a22;
}
.guide-wrap h2::before {
background: #372a22;
background: -webkit-linear-gradient(-45deg, transparent, #372a22 10%, #372a22 90%, transparent);
background: linear-gradient(-45deg, transparent, #372a22 10%, #372a22 90%, transparent);
}
.hourbox table tr {
color:#372a22;
}
#breadcrumbs{
background: linear-gradient(90deg, #CCC8B9 0%, #E4E2D8 100%); color:#372a22;
text-shadow: 0px 0px 3px #FFF;
}
#breadcrumbs li a {
color:#372a22;
text-shadow: 0px 0px 3px #FFF;
}
.conts-box h3::before {
background: -webkit-linear-gradient(-45deg, transparent, #372a22 10%, #372a22 90%, transparent);
background: linear-gradient(-45deg, transparent, #372a22 10%, #372a22 90%, transparent);
}
.reservebox {
background: #372a22;
}
.medical .guide-wrap h3 {
color:#372a22;
}
.medical .guide-wrap h3::before {
background: -webkit-linear-gradient(-45deg, transparent, #372a22 10%, #372a22 90%, transparent);
background: linear-gradient(-45deg, transparent, #372a22 10%, #372a22 90%, transparent);
}
.medical .outp-dr-box table tr {
color:#372a22;
}
.medical .outp-dr-box table th {
background: #372a22;
}
.medical .reservebox {
background: #372a22;
}
.dock .conts-box h4::before,
.dock .conts-box h4::after {
background: #372a22;
background: -webkit-linear-gradient(-45deg, transparent, #372a22 10%, #372a22 90%, transparent);
background: linear-gradient(-45deg, transparent, #a6ba43 100%, #a6ba43 0, transparent);
}
.brain-dock .conts-box h4::before,
.brain-dock .conts-box h4::after {
background: #372a22;
background: -webkit-linear-gradient(-45deg, transparent, #372a22 10%, #372a22 90%, transparent);
background: linear-gradient(-45deg, transparent, #a6ba43 100%, #a6ba43 0, transparent);
}
.mdcp .conts-box h4::before,
.mdcp .conts-box h4::after {
background: #372a22;
background: -webkit-linear-gradient(-45deg, transparent, #372a22 10%, #372a22 90%, transparent);
background: linear-gradient(-45deg, transparent, #a6ba43 100%, #a6ba43 0, transparent);
}
.care .conts-box h4{
border-left: 10px ridge #372a22;
}
.post-eye img {
border: 1px dashed #CCC8B9;
}
@media only screen and (max-width: 1200px) {
#menu-btn {background: #372a22;}
#menu-btn:hover {background: #372a22;}
#sqnav #menu-btn {background: #372a22;}
#sqnav #menu-btn:hover {background: #372a22;}
}