@charset "utf-8";
@charset "UTF-8";
  * {
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6 {
font-size:1.0em;
font-size:1.0rem;
font-weight:normal;
}
strong {
font-weight:bold;
color: #2eaaa8;
}
em {
font-style:normal;
}
sup {
vertical-align:top;
top: -0.5em;
}
sub {
vertical-align:baseline;
bottom: -0.25em;
}
sub,
sup {
font-size: 12px;
line-height: 0;
position: relative;
vertical-align: baseline;
}
ul,ol {
list-style-type:none;
list-style-position:outside;
}
dt {
font-weight:normal;
}
table,th,td {
border:0 none;
}
th {
font-weight:normal;
text-align:left;
}
caption {
text-align:left;
}
img {
max-width: 100%;
height: auto;
border:0;
vertical-align:bottom;
}
form {
border:0 none;
text-decoration:none;
}
fieldset {
border:0 none;
}
legend {
display:none;
}
input,
select {
vertical-align:middle;
}
option {
padding-right:10px;
}
textarea {
font-size:100%;
}
address {
font-style:normal;
}
hr {
display:none;
} audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
}
del {
color: #333;
}
ins {
background: #fff9c0;
text-decoration: none;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin: 24px;
margin-bottom: 1.714285714rem;
}
small {
font-size: smaller;
} .alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.is-fixed {
position: fixed;
top: 0;
left: 0;
z-index: 2;
width: 100%;
} html {
font-size: 16px;
}
body{
color: #585858;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
font-size: 1.0rem;
line-height: 1.75;
text-align: center;
}
p {
font-size: 0.875rem;
margin-bottom: 1.0rem;
} a:active {
color: #f60;
text-decoration: underline;
}
a:link {
color: #06c;
text-decoration: underline;
}
a:visited {
color: #06c;
text-decoration: underline;
}
a:hover {
color: #f60;
text-decoration: underline;
}
img[src$=".svg"] {
max-width: 100%;
}
.flex {
display: flex;
justify-content: space-between;
}
.mds-m {
font-family: 'Noto Serif JP',"游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho ProN",'Sawarabi Mincho', serif; color: #000;
font-size: 1.75rem;
line-height: 1.2;
}
.vtfont {
height: 12em;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
}
.def-fz {
font-size: 0.875rem;
}
.sm-fz {
font-size: 0.75rem;
}
.mt-1 {
margin-top: 10px;
}
.mt-2 {
margin-top: 20px;
}
.mt-3 {
margin-top: 30px;
}
.mt-4 {
margin-top: 40px;
}
.mb-1 {
margin-bottom: 10px;
}
.mb-2 {
margin-bottom: 20px;
}
.mb-3 {
margin-bottom: 30px;
}
.mb-4 {
margin-bottom: 40px;
}
.ml-0 {
margin-left: 0;
} .footerrow,
.topsectionrow,
.nav,
#headerimage,
#mainarea {
width: 980px;
text-align: left;
position: relative;
margin-left: auto;
margin-right: auto;
}
#header {
width: 100%;
background-color: #3e3f49;
z-index: 100;
}
#topheader {
width: 100%;
background-color: #f7f3f0;
z-index: 100;
}
#richfooter {
background-color: #ebeae3;
font-size: 0.75rem;
}
#richfooter p {
font-size: 0.75rem;
margin: 0 15px;
}
#richfooter p+p {
text-align: center;
}
.companyname {
background-color: #fff;
float: right;
width: 320px;
padding: 10px 0;
}
#richfooter ul.sitemap {
list-style: disc;
margin: 0;
padding: 0;
}
#richfooter ul.sitemap li {
width: 180px;
float: left;
}
#footer {
background-color: #333333;
color: #fff;
}
.footerrow {
padding: 15px 0;
}
.footerrow p {
font-size: 0.75rem;
text-align: center;
}
.newswrap {
width: 100%;
font-size: 0.75rem;
margin-bottom: 20px;
}
.medianews,
.news {
position: relative;
}
.medianews p,
.news p {
background: url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/hline.png) no-repeat scroll 0 bottom transparent;
font-size: 0.75rem;
line-height: 1.0;
vertical-align: bottom;
margin-bottom: 5px;
padding-bottom: 8px;
}
.medianews span,
.news span {
position: absolute;
right: 10px;
top: 15px;
}
.pc-block {
display: block;
}
.sp-block {
display: none;
}
.logomark .pc-block {
display: inline-block;
}
.logomark .sp-block {
display: none;
} .nav {
padding: 0;
border-left: 1px solid #28282b;
border-right: 1px solid #65666d;
}
.nav li {
float: left;
font-size: 0.875rem;
text-align: center;
width: 16.66%;
}
.nav li a {
height: 50px;
border-left: 1px solid #65666d;
border-right: 1px solid #28282b;
display: block;
color: #fff;
text-decoration: none;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
margin: 0;
padding: 0;
}
#menu-global.nav li a.active {
background-color: #222326;
color: #fff;
}
#menu-global.nav li a:hover {
background-color: #222326;
color: #fff;
}
ul.nav li#menu-item-17 a {
background: url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/nav_top.png) no-repeat scroll center 0 transparent;
}
ul.nav li#menu-item-22 a {
background: url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/nav_effective.png) no-repeat scroll center 0 transparent;
}
ul.nav li#menu-item-21 a {
background: url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/nav_medicaltreatment.png) no-repeat scroll center 0 transparent;
}
ul.nav li#menu-item-20 a {
background: url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/nav_flow.png) no-repeat scroll center 0 transparent;
}
ul.nav li#menu-item-19 a {
background: url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/nav_about.png) no-repeat scroll center 0 transparent;
}
ul.nav li#menu-item-18 a {
background: url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/nav_contacts.png) no-repeat scroll center 0 transparent;
}
#menu-global.nav li.current-menu-item a {
background-color: #222326;
color: #fff;
}
a,
a::before,
a::after,
.buttonreadmore,
.buttonreadmore::before,
.buttonreadmore::after,
.button,
.button::before,
.button::after,
.nav li a,
.nav li a::before,
.nav li a::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
#m-nav-list {
display: none;
} .topsection.intro {
background: #f5f5f5 url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/logomarkimg.png) no-repeat 50px -50px;
}
.topsection.blog {
background-color: #f7f5ea;
}
.topsection.mainimages {
background-color: #fbf8f6;
}
.topsection.specialarea {
background-color: #f6f6f6;
}
.topsectionrow {
padding: 30px 0;
}
.access .topsectionrow,
.blog .topsectionrow {
text-align: center;
}
.access .partition2,
.blog .partition3 {
text-align: left;
}
.blog .partition3 li {
width: 240px !important;
padding: 10px 43px !important;
}
.staffbloglist .partition3 li {
width: 240px !important;
padding: 10px 15px !important;
}
.mainimages .topsectionrow {
position: relative;
height: 211px;
padding: 0;
}
.top-tel {
position: absolute;
right: 0;
top:280px;
text-align: left;
background-color: rgba(255, 255, 255, 0.7);
padding: 10px 20px;
}
.top-tel img{
width: 198px;
} .section.contacts {
background-color: #efeedc;
}
.topsection.mainimages div.pagetitle,
.topsection.mainimages h1.pagetitle {
position: absolute;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
}
.topsection.mainimages p {
position: absolute;
}
.topsection.mainimages p.iconfacebook {
top: 5px;
right: 45px;
}
.topsection.mainimages p.iconblog {
top: 5px;
right: 15px;
} ul.onethird {
list-style: none;
margin: 0;
padding: 0;
}
ul.onethird li{
width: 320px;
float: left;
margin:0 0 0 10px;
padding: 0;
}
ul.onethird li:first-child {
width: 650px;
margin: 0;
padding: 0;
} .effective .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/main_effective.jpg) no-repeat 0 0;
}
.medicaltreatment .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/main_medicaltreatment.jpg) no-repeat 0 0;
}
.flow .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/main_flow.jpg) no-repeat 0 0;
}
.effective .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/main_effective.jpg) no-repeat 0 0;
}
.about .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/main_about.jpg) no-repeat 0 0;
}
.contacts .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/main_contacts.jpg) no-repeat 0 0;
}
.single-blog .topsection.mainimages .topsectionrow,
.post-type-archive .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/main_blog.jpg) no-repeat 0 0;
}
.single-post .topsection.mainimages .topsectionrow,
.category-medianews .topsection.mainimages .topsectionrow,
.category-news .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/main_news.jpg) no-repeat 0 0;
}
.voice .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/main_voice.jpg) no-repeat 0 0;
}
.faq .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/main_faq.jpg) no-repeat 0 0;
}
.autumn .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/main_autumn.jpg) no-repeat 0 0;
}
.winter .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/main_winter.jpg) no-repeat 0 0;
}
.spring .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/main_spring.jpg) no-repeat 0 0;
}
.summer .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/main_summer.jpg) no-repeat 0 0;
} #mainarea {
width: 825px;
min-height: 500px;
padding-left: 155px;
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/mainareabg.png) no-repeat 0 0;
margin-bottom: 50px;
}
.box {
margin: 0 0 50px 0;
}
.box2 {
margin: 0 10px 0;
}
.wrapclear {
clear: both;
} ul.subbnrarea {
margin: 0;
padding: 0;
}
ul.subbnrarea li {
float: left;
width:268px;
margin: 30px 0 0 5px;
padding: 0;
}
ul.subbnrarea li a {
background-color: #45b7b8;
display: block;
margin: 0;
padding: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
ul.subbnrarea li a:hover {
background-color: #05cfd1;
} ul.subnav {
margin: 0;
padding: 0;
}
ul.subnav li {
float: left;
margin: 0 0 50px 5px;
padding: 0;
}
ul.subnav02 {
text-align: center;
font-size: 0.875rem;
margin: 0;
padding: 0;
}
ul.subnav02 li {
display: inline-block;
margin: 0 0 50px 0;
padding: 0;
} h1 {
margin: 0;
}
div.pagetitle span,
h1.pagetitle span {
display: inline-block;
border-bottom: 5px solid #9b5768;
font-size: 2.25rem;
line-height: 1.0;
margin: 0;
padding: 0 20px 0 20px;
}
.pagetitle span,
h1.pagetitle span {
font-family: 'Noto Serif JP', serif;
font-weight: 500;
}
h2 {
color: #8b304b;
margin-bottom: 20px;
}
h2 span {
color: #444;
font-size: 0.75rem;
display: block;
}
#mainarea h1.singlepagetitle {
font-size: 2.25rem;
border-bottom: 1px solid #ddd;
margin: 0 0 1.0rem;
}
#mainarea h2 {
font-size: 1.875rem;
}
h3 {
font-size:1.125rem;
line-height: 1.4;
margin-top: 2.0rem;
clear: both;
}
#mainarea h3 {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/h3_icon.png) no-repeat 0 50%;
border-bottom: 1px solid #ccc;
margin-bottom: 1.0rem;
padding-left: 20px;
}
.blog h3 {
font-size: 0.875rem;
font-weight: bold;
color: #444;
}
h4 {
line-height: 1.6;
border-left: 0.4rem solid #38b8b6;
margin-top: 2.5rem;
margin-left: 0.2rem;
margin-bottom: 0.5rem;
padding-left: 0.5rem;
}
#mainarea h3+h4 {
margin-top: 0;
}
.nfs {
font-size: 0.75rem;
}
::selection {
background:#b8dedd;
}
::-moz-selection {
background:#b8dedd;
}
.blt {
font-size: 0.75rem;
color: #888;
margin-left: 1.0rem;
}
.blt span {
text-indent: 1.0rem;
margin-left: -1.0rem;
}
p+p.blt {
margin-top: -1.0rem;
} ul.partition2 {
list-style: none;
margin: 0;
padding: 0;
}
ul.partition2 li {
float: left;
width: 480px;
margin: 0 0 0 10px;
padding: 0;
}
ul.partition2 li:first-child {
margin: 0 10px 0 0;
}
ul.partition3 {
list-style: none;
font-size: 0.75rem;
margin: 0;
padding: 0;
}
ul.partition3 li {
float: left;
width: 255px;
margin: 0;
padding: 10px;
} #backto {
position: fixed;
bottom: 80px;
right: 30px;
z-index: 999;
}
#backto a {
display: block;
font-size: 12px;
line-height: 1.0;
text-decoration: none;
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/backtoarrow.png) no-repeat 50% 15px;
color: #fff;
width: 60px;
padding-top: 35px;
padding-bottom: 15px;
text-align: center;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px; -webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
} #backto {
display: block;
background: #333;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px; -webkit-transition: 0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
}
#backto a:hover {
color: #fff;
background-color: #000; border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
}  #logo {
position: absolute;
left: 0px;
top: 50px;
background-color: #fff;
width: 150px;
height: 280px;
z-index: 1000;
border-radius: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
box-shadow: 0px 1px 5px #666;
-moz-box-shadow: 0px 1px 5px #666;
-webkit-box-shadow: 0px 1px 5px #666;
}
#logo.home {
top: 0px;
}
#logo .logomark {
text-align: center;
margin: 0;
padding: 25px 0 0 0;
}
#logo .logomark img {
margin-left: 10px;
}
.description {
display: inline;
}
.catchimg a {
position: relative;
display: block;
}
.catchimg a:link,
.catchimg a:visited {
background-color: #F6F3EF;
padding-top: 30px;
}
.catchimg a:hover {
background-color: #F3E7D6;
}
.catchimg a::after {
content: url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/arw.png);
font-size: 40px;
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
}
.catchtext {
position: absolute;
left: -10px;
top: 178px;
z-index: 999;
}
.catchsubtext {
width: 650px;
font-size: 0.875rem;
margin: 30px 0 30px;
}
.topreserve {
line-height: 1.5;
margin: 15px 10px;
}
.topreserve p { margin: 0;
}
.topreserve p.tel {
margin: 10px 0;
}
.topreserve .biz-hours img {
width: 88px;
}
.topreserve span {
margin-left: 32px;
}
.topreserve a {
font-size: 0.875rem;
display: inline-block;
}
.topreserve+.topreserve {
border-top: 1px dotted #ccc;
margin-bottom: 50px;
padding-top: 10px;
}
.topsection.specialarea .topreserve+.topreserve {
margin-bottom: 0;
}
.icon-reserve {
display: inline-block;
font-size:  0.75rem;
line-height: 1.0;
color: #fff;
background-color: #9b5768;
padding: 5px 16px;
border-radius: 5px;
}
.topbnr {
margin-left: 10px;
}
.topbnr a {
display: inline-block;
}
.topbnr a:hover img {
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
ul.featurelink {
width: 100%;
margin: 0;
padding: 0;
}
ul.featurelink li:first-child,
ul.featurelink li {
width: 33%;
float: left;
margin: 0;
padding: 0;
}
.featurelink01>a {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/feature01on.png) no-repeat 0 0;
background-size: cover;
}
.featurelink02>a {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/feature02on.png) no-repeat 0 0;
background-size: cover;
}
.featurelink03>a {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/feature03on.png) no-repeat 0 0;
background-size: cover;
}
ul.featurelink li a {
display: inline-block;
}
ul.featurelink li a:hover img {
filter: alpha(opacity=0);
-moz-opacity:0.0;
opacity:0.0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.bnr-bigan {
clear: both;
padding-top: 30px;
}
.blogthumbnail {
overflow: hidden;
vertical-align: middle;
height: 130px;
display: block;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.blogthumbnail:hover img, 
.imgbutton:hover img {
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.top-season .flex {
flex-wrap: wrap;
}
.top-season h2 {
margin-bottom: 10px;
}
.top-season .flex>div {
width: 50%;
}
.seasonlink:nth-of-type(1),
.seasonlink:nth-of-type(4){
background-color: #f5f5f5;
}
.seasonlink:hover {
background-color: #eee;
}
.season {
background-color: #f8f5f6;
position: relative;
padding: 10px 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.pickup {
background-color: #bf642e;
color: #fff;
margin: 15px;
padding: 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.season h3 {
margin: 10px 15px;
}
.season h3 a {
display: block;
padding: 5px;
}
.season h3 a:hover {
background-color: #edd7ca;
}
.season p {
margin: 10px 25px;
}
.season .icon {
position: absolute;
right: -10px;
top: -10px;
margin: 0;
padding: 0;
}
.season .deco {
position: absolute;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
} .season.winter .pickup {
background-color: #698dc3;
}
.season.winter h3 a:hover {
background-color: #c9d8ee;
} .season.spring .pickup {
background-color: #e589b9;
}
.season.spring h3 a:hover {
background-color: #efbad5;
} .shojo h2 {
margin-bottom: 10px;
}
ul.shojolist {
margin: 0;
padding: 0;
}
ul.shojolist li {
float: left;
text-align: center;
width: 158px;
margin: 0 0 0 3px;
padding: 0;
}
ul.shojolist li:first-child {
margin: 0;
}
ul.shojolist a {
display: block;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
ul.shojolist li.chiryou a {
background-color: #a3d8d4;
}
ul.shojolist li.chiryou a:hover {
background-color: #61cac2;
}
ul.shojolist li.kenkou a {
background-color: #c0d8a3;
}
ul.shojolist li.kenkou a:hover {
background-color: #98cf56;
}
ul.shojolist li.biyou a {
background-color: #efc1c4;
}
ul.shojolist li.biyou a:hover {
background-color: #f28c92;
}
dl.newslist {
overflow: hidden;
zoom: 1;
}
dl.newslist dt {
width: 4.5rem;
float: left;
clear: both;
padding-top: 3px;
}
dl.newslist dd {
padding: 3px 0 5px 5.0rem;
}
ul.medialist {
list-style: none;
overflow: hidden;
margin: 0;
padding-top: 3px;
}
ul.medialist li {
width: 94px;
float: left;
text-align: center;
margin: 0;
padding: 0;
}
ul.medialist li a {
display: inline-block;
font-size: 0.75rem;
line-height: 1.2;
text-align: left;
width: 65px;
}
a.mediaimg {
border: 1px solid #ccc;
display: block;
overflow: hidden;
width: 65px;
height: 75px;
text-align: left;
margin: 0 auto;
}
ul.medialist li a.mediaimg:active,
ul.medialist li a.mediaimg:hover {
border: 1px solid #f60;
}
ul.medialist li a:link,
ul.medialist li a:visited {
text-decoration: none;
}
ul.medialist li a:active,
ul.medialist li a:hover {
text-decoration: none;
}
.maparea {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
margin-bottom: 20px;
}
.maparea iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.address {
font-size: 0.75rem;
}
#mainarea address {
text-align: right;
margin: 1.0rem 0 ;
}
address .tel img {
width: 198px;
}
.hb a:link,.hb a:visited {
display: inline-block;
background-color: #9B5768;
color: #fff;
font-size: 0.875rem;
line-height: 1.0;
text-decoration: none;
text-align: center;
min-width: 190px;
padding: 5px 10px;
border-radius: 3px;
}
.hb a:hover {
background-color: #BF4664;
}
#mainarea .box address {
text-align: left;
margin-left: 0;
}
.leadimage {
float: right;
margin-left: 10px;
} .breadcrumb {
font-size: 0.75rem;
text-align: right;
margin: 0.5rem 1.0rem 0.5rem 0;
} .page-navi {
text-align: center;
font-size: 0.75rem;
}
.page-navi .page-numbers {
display: inline-block;
list-style: none;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
.page-navi span.page-numbers.current {
color: #a8551d;
font-weight: bold;
padding: 0.2rem 0.5rem;
background: #ecd5ba;
}
.page-navi a.page-numbers {
color: #444;
padding: 0.2rem 0.5rem;
background: #ebeae3;
text-decoration: none;
}
.page-navi li a:hover {
color: #f60;
} #loopslider {
margin: 0 auto;
height: 400px;
text-align: left;
position: relative;
overflow: hidden;
margin-top: 0px;
}
#loopslider ul {
height: 400px;
float: left;
display: inline;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
}
#loopslider ul li {
width: 980px;
height: 400px;
float: left;
display: inline;
overflow: hidden;
margin: 0;
padding: 0;
}
#loopslider img {
margin: 0;
}
#loopslider ul{ zoom:1; }
#loopslider ul:after {
content: ".";
display: block;
height: 0px;
clear: both;
line-height: 0;
visibility: hidden;
} .featurebox {
border: 2px solid #ccc;
margin: 50px 0;
padding: 10px 20px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#mainarea .featurebox h3 {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/h3_icon2.png) no-repeat 0 bottom;
border-bottom: none;
margin: 0 0 1.0rem 0;
padding: 0.2rem 0.2rem;
}
.featurebox.concept {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/featureboxbg01.jpg) no-repeat right 0;
padding-right: 300px;
} .topsection.specialarea .topsectionrow {
width: 825px;
padding-left: 155px;
}
.topsection.specialarea h2 {
font-size: 1.125rem;
color: #444;
}
.wrap.charge {
width: 560px;
float: left;
}
.topreserve p.mgnreset {
margin-top: 5px;
}
.strcolor {
color: #9b5768;
font-weight: 600;
}
.accesslogo {
margin-bottom: 10px;
}
.accesslogo>span {
font-size: 0.875rem;
font-weight: 600;
color: #7c231e;
margin-left: 20px;
}  dl.dllayout01 {
margin: 20px 0;
padding: 0;
}
dl.dllayout01 dt {
float: left;
width: 340px;
}
dl.dllayout01 dd {
margin-left:340px;
width: 485px;
}
.point {
font-size: 0.75rem;
background-color: #eaeef3;
padding: 0.8rem 1.0rem;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
#mainarea .wp_social_bookmarking_light {
margin-top: 3.0rem !important;
}
.article dl.newslist {
overflow: hidden;
zoom: 1;
}
.article dl.newslist dt {
width: 6.5rem;
float: left;
clear: both;
padding-top: 3px;
}
.article dl.newslist dd {
padding: 3px 0 5px 8.0rem;
} .casebox {
border: 1px solid #ccc;
float: left;
width: 48%;
margin: 0 1% 30px;
padding: 20px 20px 0 20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
box-shadow: 0px 1px 5px #eee;
-moz-box-shadow: 0px 0px 5px #eee;
-webkit-box-shadow: 0px 0px 5px #eee;
box-sizing: border-box;
}
#mainarea .casebox h3 {
background: none;
background-color: #38b8b6;
color: #fff;
margin: 0 0 15px;
padding: 0.3rem 0.8rem;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
ul.subnav li.recovery a {
background: #a3d8d4 url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/nav01_arrow.png) no-repeat 5px center;
display: block;
margin: 0;
padding: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
ul.subnav li.recovery a:hover {
background-color: #61cac2;
}
ul.subnav li.health a {
background: #c0d8a3 url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/nav02_arrow.png) no-repeat 5px center;
display: block;
margin: 0;
padding: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
ul.subnav li.health a:hover {
background-color: #98cf56;
}
ul.subnav li.beauty a {
background: #efc1c4 url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/nav03_arrow.png) no-repeat 5px center;
display: block;
margin: 0;
padding: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
ul.subnav li.beauty a:hover {
background-color: #f28c92;
}
ul.subnav li.active a {
background-color: #555;
display: block;
margin: 0;
padding: 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
ul.subnav02 li.active a {
color: #555;
text-decoration: none;
margin: 0;
padding: 0;
}
.shorei {
clear: both;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
margin-top: 50px;
padding: 10px 20px;
}
.shoreitxt {
margin-left: 3.0rem;
}
.shoreititle {
background-color: #e4bdc8;
padding: 0.1rem 0.5rem;
}
.shoreiname {
font-weight: bold;
display: inline-block;
padding: 0.1rem 0.5rem;
}
.shoreitxt {
margin-left: 3.0rem;
}
.beauty-puremuimg .puremuimg {
background-color: #f5f5f5;
}
.beauty-puremuimg .puremuimg>.flex {
flex-direction: column;
text-align: center;
}
.beauty-puremuimg .puremuimg .img {
background-color: #fff;
width: 160px;
height: 160px;
overflow: hidden;
text-align: center;
border-radius: 50%;
margin: auto;
padding-top: 20px;
box-sizing: border-box;
}
.beauty-puremuimg .puremuimg .text {
padding-left: 1em;
padding-right: 1em;
}
#mainarea .beauty-puremuimg .puremuimg h3 {
background: none;
border-bottom: none;
margin-bottom: 0.5rem;
padding-left: 0;
} ul.partition3.staff li p {
min-height: 7rem;
}
ul.partition3.staff li p strong {
font-weight: bold;
}
ul.partition2.intro li {
width: 390px;
margin: 0 10px 20px;
padding: 0;
}
ul.partition2.intro li:first-child {
margin: 0 10px 20px;
}
ul.partition2.intro li .imgcenter {
text-align: left;
}
.intro2 {
background: #fcf0f1 url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/biganbg.png) no-repeat 100% 100%;
background-size: 500px ;
}
.intro2 .flex {
position: relative;
}
.puremu-text {
width: 50%;
padding-right: 10px;
box-sizing: border-box;
}
.puremu-text>.bigtext {
position: absolute;
//top: 10%;
font-size: 40px;
line-height: 1.3;
}
.puremu-text p {
padding-top: 36%;
}
.puremu-photo {
width: 50%;
margin-bottom: 20px;
}
.puremu-photo>img {
box-shadow: 10px 10px 0 rgba(232,138,135,1);
}
.btn-type01 a.btn {
display: inline-block;
text-decoration: none;
text-align: center;
font-size: 0.875rem;
line-height: 1.2;
padding: 10px 24px;
border-radius: 18px;
}
.btn-type01 a.btn:link,
.btn-type01 a.btn:visited {
background-color: #e88087;
color: #fff;
}
.btn-type01 a.btn:hover {
background-color: #d3575f;
color: #fff;
}
.puremuimgsection {
margin-top: 40px;
margin-bottom: 40px;
}
.puremuimg {
position: relative;
width: 320px;
background-color: #fff;
margin-left: 10px;
}
.puremuimg:first-child {
margin-left: 0;
}
.puremuimg.trg::before {
position: absolute;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 46px 46px 0 0;
border-color: #ffbec2 transparent transparent transparent;
}
.puremuimg>div {
font-size: 0.875rem;
padding: 14px 16px;
}
.puremuimg .img{
margin-right: 15px;
}
.puremuimg .text h3{
color: #8b304b;
font-weight: 600;
}
.bnrbox a {
display: inline-block;
text-align: center;
}
.bnrbox a:hover img {
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
} .contactstel {
background-color:#f5f5f5;
width:50%;
margin-bottom: 1.0rem;
padding: 5px;
} .faqlist-question {
font-size: 0.875rem;
}
.faq-list ul {
list-style: none;
margin: 10px 15px 50px;
padding: 0;
}
.faq-list ul li {
background: url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/arrow_down.png) no-repeat 0 50%;
margin: 0;
padding: 0 0 0 1.2rem;
}
#mainarea .faq-content h3.faq-question {
background: url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/faq_icon01.png) no-repeat 0 50%;
padding: 5px 10px 5px 80px;
}
.faq-content .faq-answer {
font-size: 0.875rem;
background: url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/faq_icon02.png) no-repeat 0 0;
padding: 0 0 0 80px;
}
.faq-content .scroll-back {
text-align: right;
margin-top: 1.0rem;
}
.faq-content .scroll-back a {
font-size: 0.75rem;
background-color: #eee;
display: inline-block;
margin-bottom: 3.0rem;
padding: 0.3rem 0.5rem;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
} .featurearea {
position: relative;
margin: 50px 0;
padding: 20px 75px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
box-shadow: 0px 0px 5px #cbcbcb;
-moz-box-shadow: 0px 0px 5px #cbcbcb;
-webkit-box-shadow: 0px 0px 5px #cbcbcb;
}
#mainarea .featurearea h2 {
margin: 30px 0;
}
.featurearea .icon {
position: absolute;
right: -10px;
top: -10px;
margin: 0;
padding: 0;
}
.featurearea .obi {
position: absolute;
left:0px;
top: 10px;
margin: 0;
padding: 0;
} ul.def {
list-style: disc;
color: #2eaaa8;
font-size: 1.0rem;
margin: 0 0 2.0rem 1.25rem;
padding: 0;
}
ul.def2 {
list-style: disc;
font-size: 0.875rem;
margin: 0 0 2.0rem 1.25rem;
padding: 0;
}
ul.def li, 
ul.def2 li {
float: none;
width: auto;
margin: 0 0 0.5rem 0;
padding: 0;
}
.textdate {
display: block;
font-size: 0.75rem;
}
.imgcenter {
text-align: center;
}
.imgleft {
float: left;
margin-right: 20px;
}
.imgright {
float: right;
margin-left: 20px;
}
.imgleft img, 
.imgright img {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
img.imghalf {
width: 320px;
}
.button {
display: inline-block;
min-width: 15.25rem;
margin: 1.0rem 0;
padding: 0.5rem 2.0rem;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
a.button:visited,
a.button:link {
background-color: #24394f;
color: #fff;
text-decoration: none;
}
a.button:hover {
background-color: #1a7ce3;
color: #fff;
text-decoration: none;
}
.buttonreadmore {
display: inline-block;
font-size: 0.75rem;
line-height: 1.0;
margin: 1.0rem 0;
padding: 0.5rem;
}
a.buttonreadmore:visited,
a.buttonreadmore:link {
background-color: #c2b5b5;
color: #fff;
text-decoration: none;
}
a.buttonreadmore:hover {
background-color: #b59494;
color: #fff;
text-decoration: none;
} table.charge {
font-size: 0.875rem;
width: 100%;
border-collapse: collapse;
}
table.charge th{
width: 25%;
padding: 6px;
text-align: center;
vertical-align: middle;
color: #333;
background-color: #ecebde;
border: 1px solid #ccc;
}
table.charge td{
padding: 6px;
background-color: #fff;
border: 1px solid #ccc;
} #mainarea .yarpp-related {
background-color: #f8f8f8;
padding: 10px
}
#mainarea .yarpp-related h3 {
font-size: 14px;
font-size: 0.875rem;
font-weight: normal;
}
#mainarea .yarpp-related a {
background: url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/tagicon.png) no-repeat 0 50%;
font-size: 14px;
font-size: 0.875rem;
display: inline-block;
margin-right: 0.5rem;
padding-left: 1.0rem;
}
li.related-text {
display: inline-block;
} ul.subnav,
ul.onethird,
featurelink,
ul.shojolist,
#richfooter,
#mainarea,
.box,
dl.dllayout01,
.wrapclear,
.clearfix,
.partitionhalf,
.partition3,
.partition2,
.footerrow,
.topsection,
.topsectionrow,
.nav,
.newswrap,
#main {
zoom:1;
}
ul.subnav:after,
ul.onethird:after,
featurelink:after,
ul.shojolist:after,
#richfooter:after,
#mainarea:after,
.box:after,
dl.dllayout01:after,
.wrapclear:after,
.clearfix:after,
.partitionhalf:after,
.partition3:after,
.partition2:after,
.footerrow:after,
.topsection:after,
.topsectionrow:after,
.nav:after,
.newswrap:after,
#main:after {
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}
@media screen and (max-width: 1000px){
img {
max-width: 100%;
height: auto;
}
.footerrow, .topsectionrow, .nav, #headerimage, #mainarea {
width: auto;
}
.topsectionrow,
.nav,
#headerimage,
#mainarea {
width: 90%;
}
#mainarea {
width: 90%;
padding-left: 0;
}
.topsection.specialarea .topsectionrow {
width: 90%;
padding-left: 0;
}
.wrap.charge {
width: 100%;
}
ul.onethird li{
width: 32.653%;
margin-left: 1.021%;
}
ul.onethird li:first-child {
width: 66.326%;
margin-left: 0;
}
.catchsubtext {
width:100%;
}
ul.featurelink li:first-child, ul.featurelink li {
width: 33%;
margin-left: 0.333%;
}
ul.partition2>li {
width: 100%;
margin: 0;
}
.season {
margin-bottom: 40px;
}
ul.shojolist>li {
width: calc(100% / 3);
margin: 0;
padding: 1%;
box-sizing: border-box;
}
.medianews p,
.news p {
background-repeat: repeat-x;
} ul.subnav li {
float: left;
margin: 0 0 20px 5px;
padding: 0;
}
ul.subnav02 li {
display: inline-block;
margin: 0 0 20px 0;
padding: 0;
}
.top-season .flex>div {
width: 25%;
}
.seasonlink:nth-of-type(4){
background-color: #fff;
}
.seasonlink:nth-of-type(1),
.seasonlink:nth-of-type(3){
background-color: #f5f5f5;
}
.seasonlink:hover {
background-color: #eee;
} #backto {
bottom: 0;
right: 0;
border-radius: 0;
}
#backto a {
background-position: 50% 10px;
background-size: 30%;
width: 60px;
padding-top: 30px;
padding-bottom: 20px;
text-align: center;
border-radius: 0;
} #backto {
border-radius: 0;
}
#backto a:hover {
border-radius: 0;
}
}
@media screen and (max-width: 767px){ .pc-block {
display: none;
}
.sp-block {
display: block;
}
.logomark .pc-block {
display: none;
}
.logomark .sp-block {
display: block;
}
.flex {
flex-direction: column;
}
img {
max-width: 100%;
max-height: none;
height: auto;
}
.imgleft {
float: none;
margin-right: 0;
}
.imgright {
text-align: center;
float: none;
margin-left: 0;
}
img.imghalf {
width: 100%;
}
.globalnavspace {
display: none !important;
} img {max-width: 100%; max-height:none;height:auto;}
iframe {max-width: 100%; max-height:none;}
.topmain {
margin-top: 0 !important;
}
.footerrow {
width: 100%;
}
#header {
width: 100%;
}
#topheader {
background-color: #fff;
}
#richfooter p {
margin: 0 1.5%;
}
.companyname {
width: 100%;
margin-bottom: 3%;
padding: 1% 0;
}
#richfooter ul.sitemap {
list-style: none;
width: 100%;
}
#richfooter ul.sitemap li {
width: 50%;
padding-left: 1px;
margin-bottom: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#richfooter ul.sitemap li a {
background: #c2b5b5 url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/sp/arrows.png) no-repeat 3% 50%;
background-size: 3%;
display: block;
color: #fff;
text-decoration: none;
width: 100%;
padding: 10% 5% 10% 10%;
}
.footerrow {
padding: 1.5% 0;
}
.footerrow p {
font-size: 0.675rem;
}
.newswrap {
margin-bottom: 3.125%;
}
.medianews p,
.news p {
margin-bottom: 1%;
padding-bottom: 2%;
}
.medianews span,
.news span {
right: 2%;
top: 4%;
} .sub-menu li a,
.menu li a {
text-align: left;
}
.topsectionrow {
padding: 3% 0;
}
.blog .partition3 li {
width: 100% !important;
padding: 1% 0 !important;
}
.staffbloglist .partition3 li {
width: 100% !important;
padding: 1% 0 !important;
}
.mainimages .topsectionrow {
height: auto;
padding: 33% 0 0 0;
}
.topsection.mainimages div.pagetitle,
.topsection.mainimages h1.pagetitle {
width: 100%;
}
.topsection.mainimages p {
display: none;
}
ul.onethird li:first-child,
ul.onethird li{
width: 100%;
margin: 0;
padding: 0 0 1%;
}
ul.onethird li.color {
background-color: #eee;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
} .medicaltreatment .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/sp/main_medicaltreatment.jpg) no-repeat 0 0;
background-size:cover;
}
.flow .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/sp/main_flow.jpg) no-repeat 0 0;
background-size:cover;
}
.effective .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/sp/main_effective.jpg) no-repeat 0 0;
background-size:cover;
}
.about .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/sp/main_about.jpg) no-repeat 0 0;
background-size:cover;
}
.contacts .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/sp/main_contacts.jpg) no-repeat 0 0;
background-size:cover;
}
.single-blog .topsection.mainimages .topsectionrow,
.post-type-archive .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/sp/main_blog.jpg) no-repeat 0 0;
background-size:cover;
}
.single-post .topsection.mainimages .topsectionrow,
.category-medianews .topsection.mainimages .topsectionrow,
.category-news .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/sp/main_news.jpg) no-repeat 0 0;
background-size:cover;
}
.voice .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/sp/main_voice.jpg) no-repeat 0 0;
background-size:cover;
}
.faq .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/sp/main_faq.jpg) no-repeat 0 0;
background-size:cover;
}
.autumn .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/sp/main_autumn.jpg) no-repeat 0 0;
background-size:cover;
}
.winter .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/sp/main_winter.jpg) no-repeat 0 0;
background-size:cover;
}
.spring .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/sp/main_spring.jpg) no-repeat 0 0;
background-size:cover;
}
.summer .topsection.mainimages .topsectionrow {
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/sp/main_summer.jpg) no-repeat 0 0;
background-size:cover;
} #mainarea {
min-height: auto;
background: none;
margin-bottom: 7.8%;
}
.box {
margin: 0 0 5% 0;
}
.box2 {
margin: 0;
}
ul.subbnrarea li {
float: none;
width: 100%;
margin: 4.6% 0 0 0;
}
ul.subbnrarea li a {
text-align: center;
}
ul.subnav li {
float: none;
text-align: center;
margin: 0 0 3.125% 0;
}
ul.subnav02 li {
margin: 0;
} div.pagetitle span,
h1.pagetitle span {
text-align: right;
width: 100%;
padding: 2% 0;
}
h2 {
margin-bottom: 3.125%;
}
#mainarea h1.singlepagetitle {
font-size: 1.25rem;
line-height: 1.2;
}
#mainarea h2 {
font-size: 1.25rem;
line-height: 1.2;
}
h3 {
margin-top: 1%;
}
ul.partition3 li {
width: 100%;
padding: 0;
} #backto a {
width: 40px;
padding-top: 20px;
padding-bottom: 10px;
} #logo {
position: static;
left:auto;
top: auto;
width: auto;
height: auto;
z-index: 1000;
border-radius: 0;
border: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
#logo.home {
top: auto;
}
#logo .logomark {
text-align: left;
padding: 2% 0 0 0;
}
#logo .logomark img {
width: 70.3%;
margin-left: 0;
}
.description {
display: block;
line-height: 2%;
margin-left: 14%;
padding-bottom: 2%;
}
.sp-catchimg a {
position: relative;
display: block;
background-color: #f6f3ef;
padding: 20px 20px 0;
}
.sp-catchimg a::after {
content: url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/arw.png);
font-size: 40px;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
}
.catchtext {
position: absolute;
top: auto;
left: -1.56%;
bottom: -200px;
max-width: 100%;
z-index: 9;
}
.catchtext img {
width: 90%; 
}
.catchsubtext {
width: 100%;
margin: 3% 0 3%;
}
.topsection.intro .onethird h2 {
text-align: center;
}
.topreserve {
text-align: left;
margin: 0 3.125% 3.125%;
}
.topreserve p {
margin: 3.125% 0 3.125%;
}
.topreserve .tel {
display: inline-block;
margin-right: 20px;
}
.topreserve .biz-hours {
display: inline-block;
}
.topreserve+.topreserve {
margin-bottom: 6.25%;
}
.topreserve span {
margin-left: 0;
}
.topbnr {
text-align: center;
padding: 0 2%;
}
ul.featurelink {
background-color:#f5f5f5;
}
ul.featurelink li:first-child,
ul.featurelink li {
width: 33%;
float: left;
margin: 0;
padding: 0;
}
.featurelink01 {
background-size: cover;
}
.featurelink02 {
background-size: cover;
}
.featurelink03 {
background-size: cover;
}
.bnr-bigan {
padding-top: 4.6875%;
}
.blogthumbnail {
position: relative;
width: 100%;
height: auto;
padding: 56% 0 0;
}
.blogthumbnail img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
}
.pickup {
margin: 2.3%;
padding: 3.125%;
}
.season h3 {
margin: 1.6% 3.125%;
}
.season p {
margin: 1.6% 3.125%;
}
.season .icon {
text-align: right;
right: -5px;
top: -10px;
}
.season .icon img {
width: 60%;
} .shojo h2 {
margin-bottom: 2%;
}
dl.newslist dt {
padding-top: 10px;
}
dl.newslist dd a {
display:block;
padding: 10px;
}
dl.newslist dd {
background-color: #f8f8f8;
margin-bottom: 2%;
padding: 0 0 0 5rem;
}
ul.medialist li {
width: 100%;
display: flex;
align-items: center;
float: none;
margin-bottom: 5%;
}
ul.partition2 li:first-child {
margin-bottom: 5%;
}
ul.medialist li a {
border: none;
display: block;
font-size: 0.875rem;
line-height: 1.2;
width: 75%;
}
ul.medialist li a.mediaimg {
width: 25%;
}
ul.medialist li a.mediaimg img {
border: 1px solid #ccc;
}
#mainarea address {
display: none;
}
.leadimage {
float: none;
text-align: right;
margin-left: 0;
} .breadcrumb {
margin: 2% 3.125% 2% 0;
}
.page-navi .page-numbers {
display: inline-block;
} #loopslider {
height: 200px;
}
#loopslider ul {
height: 200px;
}
#loopslider ul li {
width: 640px;
height: 400px;
} .featurebox {
margin: 7.8% 0;
padding: 1.6% 3.125%;
}
.featurebox.concept {
background: none;
padding: 1.6% 3.125%;
}
.topreserve p.mgnreset {
margin-top: 5px;
}
.strcolor {
font-size: 16px;
color: #9b5768;
font-weight: 600;
}  dl.dllayout01 {
margin: 3.125% 0;
}
dl.dllayout01 dt {
width: 100%;
}
dl.dllayout01 dd {
margin-left:0;
width: 100%;
}
.point {
margin-bottom: 0;
}
.article dl.newslist dt {
padding-top: 3.125%;
float: none;
}
.article dl.newslist dd {
padding: 0 0 3.125%;
} .casebox {
float: none;
width: auto;
border: 1px solid #ccc;
margin: 0 0 3.125%;
padding: 3.125% 3.125% 0 3.125%;
}
#mainarea .casebox h3 {
margin: 0 0 2.3%;
}
.shorei {
margin-top: 7.8%;
padding: 3.125%;
}
.shoreitxt {
margin-left: 0;
}
.beauty-puremuimg .puremuimg {
width: 100%;
margin-left: 0;
margin-bottom: 2%;
} ul.partition3.staff li p img {
min-width: 100%;
}
ul.partition2.intro li {
width: 100%;
margin: 0;
padding: 0 2% 2%;
box-sizing: border-box;
}
ul.partition2.intro li:first-child {
margin: 0;
} .contactstel {
width:100%;
padding: 2%;
} .faq-list ul {
margin: 2% 3% 12%;
}
.faq-content .scroll-back a {
margin-bottom: 1.5rem;
} .featurearea {
padding: 3.125% 7.8%;
}
.featurearea .icon img {
width: 50%;
}
.imgleft {
text-align: center;
margin-bottom: 3.125%;
}
.imgright {
text-align: center;
margin-bottom: 3.125%;
}
.buttonreadmore {
display: block;
margin: 3.125% auto;
padding: 3.125% 5%;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
table.charge th{
width: auto;
}
table th,table td {
display: block;
}
table th+td,
table td:nth-child(1) {
background-color: #eee;
}
.flex.puremuimgsection {
flex-direction: row;
}
.top-season .flex>div {
width: 50%;
}
.seasonlink:nth-of-type(3){
background-color: #fff;
}
.seasonlink:nth-of-type(1),
.seasonlink:nth-of-type(4){
background-color: #f5f5f5;
}
.seasonlink:hover {
background-color: #eee;
}
.puremu-text {
width: 100%;
padding-right: 10px;
box-sizing: border-box;
}
.puremu-text>.bigtext {
position: static;
top: 10%;
font-size: 40px;
}
.puremu-text>.bigtext br{
display: none;
}
.puremu-text p {
padding-top: 0;
}
.puremu-photo {
width: 100%;
}
.puremuimg .img {
text-align: center;
}
.top-season .flex {
flex-direction: row;
}
.wrap {
margin-top: 6.25%;
}
.btn {
display: block;
text-align: center;
margin: 3.125% auto;
}
.btn a:visited,
.btn a:link {
background-color: #c2b5b5;
color: #fff;
text-decoration: none;
}
.btn a:hover {
background-color: #b59494;
color: #fff;
text-decoration: none;
}
.btn a {
color: #fff;
display: block;
background: transparent url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/arrows.png) no-repeat 5% 50%;
background-size: 2%;
padding: 5%;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.footerbnr {
text-align: center;
margin-bottom: 3.125%;
}
#sitemapmenu{
color: #fff;
cursor: pointer;
background: #555 url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/sitemap_add.png) no-repeat 3.125% 50%;
padding: 3.125% 3.125% 3.125% 15%;
}
#sitemapmenu.active {
background: #555 url(//sato-shinkyuin.jp/wp-content/themes/sato-shinkyuin/img/sitemap_del.png) no-repeat 3.125% 50%;
}
#m-nav{
position:fixed;
z-index: -1;
opacity: 0;
top:0;
width:100%;
height: 100vh;
background-color:#FCF0F1;
transition: all 0.3s;
}
#m-nav.panelactive {
opacity: 1;
z-index:999;
}
#m-nav.panelactive #m-nav-list {
position: fixed;
z-index: 999;
width: 100%;
height: 100vh;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#m-nav-list .logo {
display: block;
margin: 60px 5% 20px;
}
#m-nav-list .logo img {
width: 225px;
}
#m-nav.panelactive #m-nav-list {
display: block;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
#m-nav.panelactive ul.mobile_list {
display: block;
text-align: left;
}
.mobile-nav {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
a.mobile-nav-item {
display: block;
background-color: #E88087;
color: #fff;
font-size: 1.125rem;
text-decoration: none;
width: calc(50% - 5px);
margin-bottom: 10px;
padding: 16px 0;
}
a.mobile-nav-item.wide {
width: 100%;
}
.mobile-nav-item.tel {
font-size: 1.5rem;
padding: 10px 0;
}
.blocks {
display: flex;
justify-content: space-between;
}
.blocks>a {
background-color: #E88087;
color: #fff;
width: calc(33% - 5px);
margin-bottom: 10px;
}
.mobile_list {
margin-top: 20px;
margin-bottom: 20px;
}
.mobile_list li {
width: 100%;
list-style: none;
box-sizing: border-box;
margin-bottom: 3px;
}
.mobile_list li a {
color: #e88087;
text-decoration: none;
display: block;
letter-spacing: 0.1em;
}
.openbtn{
position:fixed;
z-index: 9999; top:10px;
right: 10px;
cursor: pointer;
width: 40px;
height:40px;
background-color: #333;
border-radius: 2px;
}
.openbtn span{
display: inline-block;
transition: all .3s;
position: absolute;
left: 11px;
height: 3px;
border-radius: 2px;
background-color: #fff;
width: 45%;
}
.openbtn span:nth-of-type(1) {
top:11px;
}
.openbtn span:nth-of-type(2) {
top:19px;
}
.openbtn span:nth-of-type(3) {
top:27px;
}
.openbtn.active span:nth-of-type(1) {
top: 12px;
left: 12px;
transform: translateY(6px) rotate(-45deg);
width: 40%;
}
.openbtn.active span:nth-of-type(2) {
opacity: 0;
}
.openbtn.active span:nth-of-type(3){
top: 24px;
left: 12px;
transform: translateY(-6px) rotate(45deg);
width: 40%;
}
.page-navi a.page-numbers {
padding: 0.2rem 1.5rem;
}
#mainarea .yarpp-related a {
display: inline-block;
margin-right: 2.0em;
margin-bottom: 1.0em;
}
.hb a:link,.hb a:visited {
display: block;
font-size: 1.0rem;
padding: 15px;
}
}
@media screen and (max-width: 480px){
.flex {
flex-direction: column;
}
.flex.puremuimgsection {
flex-direction: column;
}
.flex.puremuimgsection .flex {
flex-direction: row;
}
.puremu-text>.bigtext {
font-size: 1.8rem;
line-height: 1.3;
}
.puremuimg {
width: 100%;
margin-left: 0;
margin-bottom: 5%;
}
.puremuimg:first-child {
margin-left: 0;
}
.puremuimg .text{
text-align: center;
padding: 1% 10%;
} .accesslogo>span {
display: block;
margin: 10px 0;
}
#richfooter .topsectionrow {
width: 100%;
} }