@charset "utf-8";
 body {
color: #333333; margin: 0px;
padding: 0px;
font: 14px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro"; background-color: #FFF; border-top: 4px solid #23170f; }
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure{
margin: 0px;
padding: 0px;
}
ul{
list-style-type: none;
}
img {
border: none;
}
input,textarea,select {
font-size: 1em;
}
form {
margin: 0px;
}
table {
border-collapse:collapse;
font-size: 100%;
border-spacing: 0;
} section table { width: 100%;margin-bottom:20px; }
section th, section td  { padding: 8px; border: 1px solid #06aab3; }
section th  { background: #96e5e9; } .demo01 th  { width: 20%; text-align: center; }
.demo02 th  { width: 35%; text-align: center;font-weight:normal; }
#toilet_type li{
text-align:center;
width:33%;
padding:1%;
float:left;
border:1px solid #ddd;
box-sizing :border-box;
} a {
color: #543d2e; }
a:hover {
color: #966c50; text-decoration: none; }
a:hover img {
filter: Alpha(opacity=70);
opacity: 0.8; }  header {
background-color: #ffffff;	
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eee2cf));
background-image: -webkit-linear-gradient(#ffffff 80%, #eee2cf);
background-image: linear-gradient(#ffffff 80%, #eee2cf);
} header .inner {
width: 997px; height: 140px; margin-right: auto;
margin-left: auto;
position: relative;
} header .inner h2 {
position: absolute;
left: 10px; top: 30px; } header .inner h1 { position: absolute;
left: 75px; top: 10px; font-weight:bold;
color:#663300;
font-size:18px;
}
header .inner h3 {
position: absolute;
left: 75px; top: 105px; font-weight:normal;
color:#663300;
font-size:12px;
}
header .inner h4 {
display:none;
} header .inner address {
position: absolute;
top: 10px; right: 20px; font-size: 11px; text-align: center; line-height: 1.6; letter-spacing: 0.2em; } header .inner address .tel {
font-size: 18px; color: #1ec17a; font-weight: bold; display: block;
}  nav#menu {
height: 60px; background-color: #351f11; background-image: -webkit-gradient(linear, left top, left bottom, from(#543d2d), to(#351f11)); background-image: -webkit-linear-gradient(#543d2d, #3b2415 49%, #351f11 50%); background-image: linear-gradient(#543d2d, #3b2415 49%, #351f11 50%); margin-bottom: 0px;
}
nav#menu ul {
width: 997px; margin-right: auto;
margin-left: auto;
} nav#menu ul li {
float: left;
width: 198px; border-right: 1px solid #351f11; text-align: center; font-weight: bold; }
nav#menu ul li a {
text-decoration: none;
display: block;
-webkit-transition: 0.5s; transition: 0.5s; line-height: 30px;
padding-top: 5px;
color: #FFF; } nav#menu ul li:first-child {
border-left: 1px solid #351f11; } nav#menu ul li a:hover {
background-color: #543d2d; } nav#menu ul li a span {
font-size: 9px; display: block;
font-weight: normal; letter-spacing: 0.2em; line-height: 20px;
padding-bottom: 5px;
opacity: 0.5; }
nav#menu2 {
height:50px;
margin-bottom:20px;
}
nav#menu2 ul {
width: 997px; margin-right: auto;
margin-left: auto;
} nav#menu2 ul li {
float:left;
text-indent:-9999px;
text-align: center; margin-bottom:2px;
}
.navi1 a{
text-decoration: none;
width: 165px; display: block;
height:50px;
background-image:url(https://www.futon-rental-sato.net/wp-content/themes/luxury-futon-rental-sato/images/navi1.png);
background-repeat:no-repeat;
background-position:right top;
}
.navi1 a:hover{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.futon-rental-sato.net/wp-content/themes/luxury-futon-rental-sato/images/navi1_h.png);
background-repeat:no-repeat;
background-position:right top;
}
.navi2 a{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.futon-rental-sato.net/wp-content/themes/luxury-futon-rental-sato/images/navi2.png);
background-repeat:no-repeat;
background-position:left top;
}
.navi2 a:hover{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.futon-rental-sato.net/wp-content/themes/luxury-futon-rental-sato/images/navi2_h.png);
background-repeat:no-repeat;
background-position:left top;
}
.navi3 a{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.futon-rental-sato.net/wp-content/themes/luxury-futon-rental-sato/images/navi3.png);
background-repeat:no-repeat;
background-position:left top;
}
.navi3 a:hover{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.futon-rental-sato.net/wp-content/themes/luxury-futon-rental-sato/images/navi3_h.png);
background-repeat:no-repeat;
background-position:left top;
}
.navi4 a{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.futon-rental-sato.net/wp-content/themes/luxury-futon-rental-sato/images/navi4.png);
background-repeat:no-repeat;
background-position:left top;
}
.navi4 a:hover{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.futon-rental-sato.net/wp-content/themes/luxury-futon-rental-sato/images/navi4_h.png);
background-repeat:no-repeat;
background-position:left top;
}
.navi5 a{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.futon-rental-sato.net/wp-content/themes/luxury-futon-rental-sato/images/navi5.png);
background-repeat:no-repeat;
background-position:left top;
}
.navi5 a:hover{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.futon-rental-sato.net/wp-content/themes/luxury-futon-rental-sato/images/navi5_h.png);
background-repeat:no-repeat;
background-position:left top;
}
.navi6 a{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.futon-rental-sato.net/wp-content/themes/luxury-futon-rental-sato/images/navi6.png);
background-repeat:no-repeat;
background-position:right top;
}
.navi6 a:hover{
text-decoration: none;
display: block;
width: 165px; height:50px;
background-image:url(https://www.futon-rental-sato.net/wp-content/themes/luxury-futon-rental-sato/images/navi6_h.png);
background-repeat:no-repeat;
background-position:right top;
} #pankuzu{
font-size:12px;
margin-bottom:10px;
} #contents {
clear: left;
width: 997px; margin-right: auto;
margin-left: auto;
} #contents-in {
float: left;
width: 785px;
} body.c2 #contents-in {
float: none;
width: 100%;
} #main {
float: right; width: 570px; padding-bottom: 30px;
} body.c2 #main {
float:left;
width: 750px; } #main h2 {
background-color: #351f11; background-image: -webkit-gradient(linear, left top, left bottom, from(#543d2d), to(#351f11)); background-image: -webkit-linear-gradient(#543d2d, #3b2415 49%, #351f11 50%); background-image: linear-gradient(#543d2d, #3b2415 49%, #351f11 50%); border: 1px solid #351f11; border-radius: 6px 6px 0px 0px; -webkit-box-shadow: 1px 2px 7px #999; box-shadow: 1px 2px 7px #999; font-size: 18px;
color: #FFF; padding: 5px 15px; clear: both;
border-bottom:2px solid #edd19e;
} #main h3 {
background-color: #f0f0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e3e3e3)); background-image: -webkit-linear-gradient(#fcfcfc, #f1f1f1 49%, #e3e3e3 50%); background-image: linear-gradient(#fcfcfc, #f1f1f1 49%, #e3e3e3 50%); -webkit-box-shadow: 1px 2px 7px #999; box-shadow: 1px 2px 7px #999; font-size: 18px;
color: #351f11; padding: 2px 15px; clear: both;
border-top: 1px solid #FFF; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-left: 3px solid #543d2d; } #main p {
padding: 0.5em 10px 15px; }
#main img{
max-width:100%;
height:auto;
}  #sub {
float: left; width: 230px; padding-bottom: 30px;
}
body.c2 #sub{
float:right;
} #side {
float: right;
width: 230px;
padding-bottom: 30px;
}
.fixed{
position:fixed;
top: 0px; 
} body.c2 #side {
display: none;
} #sub h2,
#side h2 {
font-size: 100%;
text-align: center; background-color: #351f11; background-image: -webkit-gradient(linear, left top, left bottom, from(#543d2d), to(#351f11)); background-image: -webkit-linear-gradient(#543d2d, #351f11); background-image: linear-gradient(#543d2d, #351f11); padding: 3px 0px; color: #ffffff; border-radius: 6px 6px 0px 0px; text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
} #sub .box1 h2,
#side .box1 h2 {
border-radius: 0; } #sub .box1,
#side .box1 {
background-color: #eee; border: 1px solid #cfcfcf; padding: 5px; margin-bottom: 15px; }
#sub .box2,
#side .box2 {
background-color: #f0f0f0; border: 1px solid #cfcfcf; padding: 5px; margin-bottom: 15px; }
#sub .box3,
#side .box3 {
background-color: #ffffff; border: 1px solid #edd19e; padding: 5px; margin-bottom: 15px; background-image:url(https://www.futon-rental-sato.net/wp-content/themes/luxury-futon-rental-sato/images/side_company_bg.jpg);
background-repeat: no-repeat;
background-position:bottom right;
}
#sub .box4,
#side .box4 {
background-color: #ffffff; border: 1px solid #edd19e; padding: 5px; margin-bottom: 15px; }
#sub .box4,
#side .box4 p {
margin-bottom: 15px; } #sub h2 + ul,
#side h2 + ul,
#sub h2 + .box1,
#side h2 + .box1 {
border-top: none;
} #sub .box1 > ul,
#side .box1 > ul {
margin-bottom: 0;
}  #sub ul,
#side ul {
border-top: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf; margin-bottom: 15px; } #sub ul li a,
#side ul li a {
text-decoration: none;
display: block;
border-bottom: 1px solid #cfcfcf; padding-left: 10px;
background: #FFF; }
#sub ul li a:hover,
#side ul li a:hover {
text-decoration: none;
display: block;
border-bottom: 1px solid #cfcfcf; padding-left: 10px;
background: #fee3b3; } footer {
clear: both;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
color: #FFF; background: #23170f; }
footer .pr {
display: block;
font-size: 80%;
}
footer a {
text-decoration: none;
color: #FFF;
}
footer a:hover {
color: #FFF;
} #mainimg {
padding-bottom:10px;
padding-top:10px;
background-color: #edd19e;
margin-bottom: 10px;
}
#mainimg aside {
width: 997px;
height: 400px;
margin-right: auto;
margin-left: auto;
position: relative;
border:1px solid #f0f0f0;
}
#mainimg .slide_file {
display: none;
}
#slide_image {
z-Index:2;
position: absolute;
left:0px;
top:0px;
}
#slide_image2 {
z-Index:1;
position: absolute;
left:0px;
top:0px;
}  #main section.list article {
border: 1px solid #f0d5a2; border-radius: 6px; margin-bottom: 15px; background-color:#ffffff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#feefcb)); background-image: -webkit-linear-gradient(#FFF, #feefcb); background-image: linear-gradient(#FFF, #feefcb); -webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; }
#main section.list article span {
padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
}
#main section.list article a {
padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
-webkit-transition: 0.5s; transition: 0.5s; } #main section.list article a:hover {
background-color: #FFF; } #main section.list article p {
padding: 0px;
margin-left: 220px; } #main section.list article figure img {
float: left; background-color: #FFF; padding: 5px; border: 1px solid #CCC; } #main section.list article h4 {
padding: 2px 0px 2px 10px; font-size: 100%;
border-bottom: 1px solid #CCC; border-left: 3px solid #351f11; margin-bottom: 0.5em;
color: #351f11; }
#main section.list h5 {
padding: 2px 0px 2px 10px; font-size: 22px;
border-bottom: 1px solid #CCC; border-left: 3px solid #671919; margin-bottom: 0.5em;
color: #671919; }  #main section.list2 article {
border: 1px solid #CCC; border-radius: 6px; margin-bottom: 15px; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#e3e3e3)); background-image: -webkit-linear-gradient(#FFF, #e3e3e3); background-image: linear-gradient(#FFF, #e3e3e3); -webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; }
#main section.list2 article span {
padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
}
#main section.list2 article a {
padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
-webkit-transition: 0.5s; transition: 0.5s; } #main section.list2 article a:hover {
background-color: #FFF; } #main section.list2 article p {
padding: 0px;
margin-left: 10px; } #main section.list2 article figure img {
float: left; background-color: #FFF; padding: 5px; border: 1px solid #CCC; } #main section.list2 article h4 {
padding: 2px 0px 2px 10px; font-size: 100%;
border-bottom: 1px solid #CCC; border-left: 3px solid #1ec17a; margin-bottom: 0.5em;
color: #1ec17a; } #main section.list3 article {
border: 1px solid #CCC; border-radius: 6px; margin-bottom: 15px; background-color:#f0e7c1;
background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#f0e7c1)); background-image: -webkit-linear-gradient(#FFF, #f0e7c1); background-image: linear-gradient(#FFF, #f0e7c1); -webkit-box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; box-shadow: 0px 2px 5px #CCC, 0px 0px 0px 1px #FFF inset; }
#main section.list3 article span {
padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
}
#main section.list3 article a {
padding: 10px; text-decoration: none;
display: block;
overflow: hidden;
-webkit-transition: 0.5s; transition: 0.5s; } #main section.list3 article a:hover {
background-color: #FFF; } #main section.list3 article p {
padding: 0px;
margin-left: 10px; } #main section.list3 article figure img {
float: left; background-color: #FFF; padding: 5px; border: 1px solid #CCC; } #main section.list3 article h4 {
padding: 2px 0px 2px 10px; font-size: 100%;
border-bottom: 1px solid #CCC; border-left: 3px solid #a08b63; margin-bottom: 0.5em;
color: #a08b63; }  #new dl{
overflow: auto; height: 150px;
padding-left: 10px;
} #new dt {
font-weight: bold; float: left;
width: 8em;
} #new dd {
border-bottom: 1px solid #d2d2d2; padding-left: 8em;
}
#new dd img {
vertical-align: middle;
} .t_design {
width: 100%;
}
.t_design, .t_design td, .t_design th{
border: 1px solid #CCC; line-height: 2;
} .t_design td{
padding: 10px;
} .t_design th{
width: 140px;
padding: 10px;
text-align: center;
background-color: #f1f1f1; } .t_design th.tamidashi{
width: auto;
text-align: left;
background-color: #bebebe; } .t_design caption{
padding: 10px;
border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-left: 1px solid #CCC; text-align: left;
background-color: #e9ddae; background-image: -webkit-gradient(linear, left top, left bottom, from(#efe6c5), to(#e9ddae)); background-image: -webkit-linear-gradient(#efe6c5, #e9ddae); background-image: linear-gradient(#efe6c5, #e9ddae); font-weight: bold; } .t_design2 {
width: 100%;
}
.t_design2, .t_design2 td, .t_design2 th{
border: 1px solid #cccccc; line-height: 2;
} .t_design2 td{
padding: 10px;
} .t_design2 th{
width: 190px;
padding: 10px;
text-align: center;
background-color: #f0f0f0; } .t_design2 th.tkoumoku{
width: auto;
border-top: 1px solid #e0d18a; border-right: 1px solid #e0d18a; border-left: 1px solid #e0d18a; text-align: center;
background-color: #e9ddae; background-image: -webkit-gradient(linear, left top, left bottom, from(#efe6c5), to(#e9ddae)); background-image: -webkit-linear-gradient(#efe6c5, #e9ddae); background-image: linear-gradient(#efe6c5, #e9ddae); font-weight: bold; }
.t_design2 td.tkoumoku{
width: auto;
border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-left: 1px solid #CCC; text-align: center;
background-color: #e9ddae; background-image: -webkit-gradient(linear, left top, left bottom, from(#efe6c5), to(#e9ddae)); background-image: -webkit-linear-gradient(#efe6c5, #e9ddae); background-image: linear-gradient(#efe6c5, #e9ddae); font-weight: bold; } .t_design2 caption{
padding: 10px;
border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-left: 1px solid #CCC; text-align: left;
background-color: #e9ddae; background-image: -webkit-gradient(linear, left top, left bottom, from(#efe6c5), to(#e9ddae)); background-image: -webkit-linear-gradient(#efe6c5, #e9ddae); background-image: linear-gradient(#efe6c5, #e9ddae); font-weight: bold; } input[type="submit"],
input[type="button"] {
width: 250px; padding: 10px; margin-bottom: 20px;
border-radius: 30px; background-color: #ff6600; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#ff6600)); background-image: -webkit-linear-gradient(#ff9900, #ff6600); background-image: linear-gradient(#ff9900, #ff6600); -webkit-box-shadow: 0px 2px 5px #bebebe; box-shadow: 0px 2px 5px #bebebe; font-size: 14px; color: #FFF; border: none;
} input[type="submit"]:hover,
input[type="button"]:hover {
background-color: #ff9900; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6600), to(#ff9900)); background-image: -webkit-linear-gradient(#ff6600, #ff9900); background-image: linear-gradient(#ff6600, #ff9900); } .pagetop {
display: none;
position: fixed;
bottom: 27px;
right: 15px;
z-index:10000;
}
.pagetop a {
display: block;
background-color: #ccc;
text-align: center;
color: #222;
font-size: 12px;
text-decoration: none;
padding: 5px 10px;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.pagetop a:hover {
display: block;
background-color: #ff9900;
text-align: center;
color: #fff;
font-size: 12px;
text-decoration: none;
padding:5px 10px;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
} .look {
background: #dcdcdc;
}
.margin_b {
margin-bottom: 15px;
}
.margin_t {
margin-top: 15px;
}
.clear {
clear: both;
}
ul.disc {
padding: 0em 25px 15px;
list-style: disc;
}
.color1 {
color: #f61468;
}
.pr {
font-size: 10px;
}
.btn {
font-size: 13px;
}
.wl {
width: 96%;
}
.ws {
width: 50%;
}
.c {
text-align: center;
}
.mini1 {
font-size: 12px;
line-height: 1.5;
}
figcaption {
font-size: 11px;
}
#menubar_hdr {
display: none;
}
.bt2 a{
padding:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color:#ffffff;
border:1px solid #29c27f;
text-decoration:none;
background-color: #3ed794;
background: -moz-linear-gradient(top, #65e6ad, #3ed794); background: -webkit-gradient(linear, center top, center bottom, from(#65e6ad), to(#3ed794)); }
.bt2 a:hover{
padding:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color:#ffffff;
border:1px solid #29c27f;
text-decoration:none;
background-color: #65e6ad;
background: -moz-linear-gradient(top, #3ed794, #65e6ad); background: -webkit-gradient(linear, center top, center bottom, from(#3ed794), to(#65e6ad)); }
.bt3 a{
padding:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color:#ffffff;
text-shadow: 1px 1px 2px #999999;
font-weight:bold;
border:3px double #ffa012;
text-decoration:none;
background-color: #fdc504;
background: -moz-linear-gradient(top, #ffd648, #fdc504); background: -webkit-gradient(linear, center top, center bottom, from(#ffd648), to(#fdc504)); }
.bt3 a:hover{
padding:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color:#ffffff;
text-shadow: 1px 1px 2px #999999;
font-weight:bold;
border:3px double #ffa012;
text-decoration:none;
background-color: #ffd648;
background: -moz-linear-gradient(top, #fdc504, #ffd648); background: -webkit-gradient(linear, center top, center bottom, from(#fdc504), to(#ffd648)); }
.iframe-content {
position: relative;
width: 100%;
padding: 50% 0 0 0;
}
.iframe-content iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#contact_left{
width:300px;
float:left;
}
#contact_right{
width:100px;
float:right;
}
.mail{
padding:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:1px solid #29c27f;
}
#next{
text-align:center;
border-top:1px dotted #cccccc;
margin-top:30px;
padding-top:10px;
}
.side_pr a{
color:#ffffff;
background-color:#ff0000 !important;
}
.side_pr a:hover{
color:#ffffff;
background-color:#ff3333 !important;
}
.effect6
{
position:relative;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
box-shadow:0 0 20px rgba(0,0,0,0.8);
top:50%;
bottom:0;
left:10px;
right:10px;
-moz-border-radius:100px / 10px;
border-radius:100px / 10px;
}
.effect6:after
{
right:10px;
left:auto;
-webkit-transform:skew(8deg) rotate(3deg);
-moz-transform:skew(8deg) rotate(3deg);
-ms-transform:skew(8deg) rotate(3deg);
-o-transform:skew(8deg) rotate(3deg);
transform:skew(8deg) rotate(3deg);
}
.red{
color:#cc3366;
}
.red3{
color:#cc3366;
}
.box_left{
width:184px;
float:left;
margin-left:3px;
text-align:center;
margin-top:10px;
}
.last{
clear:both;
}
.text_s { letter-spacing:-0.05em; }
.voice{
margin-top:10px;
margin-bottom:20px;
}
.voice_left{
width:90px;
float:left;
}
.voice_left img{
padding:2px;
border:1px solid #cccccc;
}
.voice_right{
width:650px;
float:right;
background-image:url(https://www.futon-rental-sato.net/wp-content/themes/luxury-futon-rental-sato/images/voice_bg.jpg);
background-repeat: no-repeat;
background-position:bottom right;
}
.voice_right p{
line-height:110%;
}
.line{
border-bottom:1px dotted #16be71;
clear:both;
margin-bottom:5px;
}
.shikaku{
margin-top:10px;
margin-bottom:20px;
}
.sekounaiyou{
margin-top:10px;
margin-bottom:20px;
text-align:center;
}
.dl_list{
}
.dl_list dl {
width:750px;
}
.dl_list dt {
float:left;
clear:left;
width:100px;	
border-right:2px solid #16be71;
padding:6px;
border-bottom:1px dotted #cccccc;
margin-bottom:5px;
}
.dl_list dd {
margin-bottom:5px;
float:left;
width:620px;
padding:6px;
border-bottom:1px dotted #cccccc;
　}
.btn_c {
padding-top:5px;
margin-bottom:20px;
}
.btn_c a{
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color:#333333;
border:1px solid #999999;
text-decoration:none;
background-color: #f0f0f0;
background: -moz-linear-gradient(top, #f0f0f0, #cccccc); background: -webkit-gradient(linear, center top, center bottom, from(#f0f0f0), to(#cccccc)); }
.btn_c a:hover{
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color:#333333;
border:1px solid #999999;
text-decoration:none;
background-color: #cccccc;
background: -moz-linear-gradient(top, #cccccc, #f0f0f0); background: -webkit-gradient(linear, center top, center bottom, from(#cccccc), to(#f0f0f0)); }
.btn_c2 {
padding-top:5px;
margin-bottom:20px;
}
.btn_c2 a{
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color:#333333;
border:1px solid #999999;
text-decoration:none;
background-color: #f0f0f0;
background: -moz-linear-gradient(top, #f0f0f0, #cccccc); background: -webkit-gradient(linear, center top, center bottom, from(#f0f0f0), to(#cccccc)); }
.btn_c2 a:hover{
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
padding-right:10px;
-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; color:#333333;
border:1px solid #999999;
text-decoration:none;
background-color: #cccccc;
background: -moz-linear-gradient(top, #cccccc, #f0f0f0); background: -webkit-gradient(linear, center top, center bottom, from(#cccccc), to(#f0f0f0)); }
.sekou_img_area1{
margin-bottom:10px;
}
.sekou_img_area2{
margin-bottom:20px;
clear:both;
}
.sekou_img_area2_left{
float:left;
width:370px;
}
.sekou_img_area2_right{
float:right;
width:370px;
}
.sekou_img_area3{
text-align:center;
margin-bottom:20px;
clear:both;
}
.sub_bg{
background-image:url(https://www.futon-rental-sato.net/wp-content/themes/luxury-futon-rental-sato/images/sub_bg.jpg);
background-position: right bottom;
background-repeat:no-repeat;
}
.img_left{
float:left;
margin-right:10px;
margin-bottom:10px;
}
.sekou p{
margin-left:210px;
}
.youto ul li {
margin-left:20px;
position: relative;
}
.youto ul li::after,
ul li::before {
display: block;
content: '';
position: absolute;
}
.youto ul li::after {
top: .35em;
left: -1.2em;
width: 14px;
height: 14px;
background-color: #3498db;
border-radius: 100%;
}
.youto ul li::before {
z-index: 2;
top: .625em;
left: -.975em;
width: 4px;
height: 4px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
} .slideShow {
margin: 0 auto;
text-align: left;
display: none;
} .slideShow .mainView {
width: 100%;
position: relative;
overflow: hidden;
}
.slideShow .mainView ul {
width: 100%;
overflow: hidden;
position: relative;
}
.slideShow .mainView ul li {
top: 0;
left: 0;
width: 100%;
position: absolute;
}
.slideShow .mainView ul li img {
width: 100%;
} .slideShow .thumbNail {
width: 100%;
overflow: hidden;
}
.slideShow .thumbNail ul {
width: 110%;
}
.slideShow .thumbNail ul li {
float: left;
display: inline;
overflow: hidden;
cursor: pointer;
}
.slideShow .thumbNail ul li img {
width: 100%;
}
.slideShow .thumbNail ul li.active {
filter: alpha(opacity=100)!important;
-moz-opacity: 1!important;
opacity: 1!important;
} .slideShow .mainView .btnPrev,
.slideShow .mainView .btnNext {
top: 0;
width: 5%;
height: 100%;
position: absolute;
z-index: 100;
}
.slideShow .mainView .btnPrev {
left: 0;
background: #ccc url(https://www.futon-rental-sato.net/wp-content/themes/luxury-futon-rental-sato/images/btnPrev.png) no-repeat center center;
}
.slideShow .mainView .btnNext {
right: 0;
background: #ccc url(https://www.futon-rental-sato.net/wp-content/themes/luxury-futon-rental-sato/images/btnNext.png) no-repeat center center;
} .slideShow ul:after {
content: ".";
height: 0;
clear: both;
display: block;
visibility: hidden;
}
.slideShow ul {
display: inline-block;
overflow: hidden;
}
.setsumei{
display:none;
}
.oshirase{
display:none;
}
.home_icon{
color:#ff6600;
margin-right:5px;
}
.sekou_icon{
color:#ff6600;
margin-right:5px;
}
.parallax {
width: 100%;
height: 350px;
padding: 5%;
font-size: 17px;
line-height: 1.5;
letter-spacing: 1.2pt;
color: #555;
background-image: url(https://www.futon-rental-sato.net/wp-content/themes/luxury-futon-rental-sato/images/top_image.jpg);
background-attachment: fixed;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}
.g_nav{
background-color: #3ae;
display: table;
table-layout: fixed;
text-align: center;
width: 100%;
}
.g_nav li{
display: table-cell;
vertical-align:middle;
border:1px solid #0393c3;
font-size:14px;
background:#ffffff;
padding:0px;
}
.g_nav li > a:before{
display: block;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 1.5em;
}
.g_nav li a{
display:block;
text-decoration:none;	
}
.g_nav li a:hover{
background-color:#ffdc4e;	
}
.menu1 > a:before{
content: "\f7bd";
}
.menu2 > a:before{
content: "\f557";
}
.menu3 > a:before{
content: "\f552";
}
.menu4 > a:before{
content: "\f043";
}
.menu5 > a:before{
content: "\f0ad";
}
.menu6 > a:before{
content: "\f7d8";
}
.menu7 > a:before{
content: "\f4c4";
}
.menu8 > a:before{
content: "\f7d8";
}
.menu9 > a:before{
content: "\f518";
}
.menu10 > a:before{
content: "\f518";
}
.menu11 > a:before{
content: "\f518";
}
.menu12 > a:before{
content: "\f0e0";
}
.menu13 > a:before{
content: "\f559";
}
.menu14 > a:before{
content: "\f2a0";
}
.menu15 > a:before{
content: "\f70e";
}
.menu16 > a:before{
content: "\f7d8";
}
.top_text{
font-size:16px;
}
.star_color{
color:#ffcc33;
margin-right:5px;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);
}
.ore_bg{
background-color:#ff9900;
font-weight:bold;
} .t-c{
text-align:center;
font-weight:bold;
}
.t-r{
text-align:right;
font-weight:bold;
}
.t-l{
text-align:left;
font-weight:bold;
}
.t-r-red{
text-align:right;
font-weight:bold;
color:#ff0000;
}
.post-date{
text-align:right;
}
.achive_drop{
margin-top:10px;
margin-bottom:10px;
}
dl.qa {
overflow: hidden;
_zoom: 1;
}
dl.qa dd,
dl.qa dt {
text-indent: -2.6em; 
padding: 0 20px 0px 50px;
}
dl.qa dt {
margin: 20px 20px 0 0;
}
dl.qa dd:first-letter,
dl.qa dt:first-letter {
font-size: 1.6em;
font-weight: bold;
margin-right: 10px;
padding: 5px;
}
dl.qa dd {
margin: 10px 0 -1px 0;
padding-bottom: 20px;
border-bottom: solid 1px #aaa;
}
dl.qa dt:first-letter {
color: #3498db;
}
dl.qa dd:first-letter {
color: #ff6767;
}
.btn-page {
position: relative;
display: inline-block;
font-weight: bold;
padding: 0.5em 1em;
text-decoration: none;
color: #ffffff;
background: #ff6600;
transition: .4s;
border-radius: 3px;
text-align:center;
}
.satooya_single_f{
font-size:20px;
}
.btn-page:hover {
background: #ff9900;
color: white;
}
.btn-page2 {
position: relative;
display: inline-block;
font-weight: bold;
padding: 0.5em 1em;
text-decoration: none;
color: #ffffff;
background: #00b900;
transition: .4s;
border-radius: 3px;
text-align:center;
}
.btn-page2:hover {
background: #4fdf4f;
color: white;
} .set-details {
display: flex;
background-color: #f9e5c0;
}
.set-details .detail{
flex: 1;
padding-left:10px;
}
ol.d-list{
counter-reset:list;
list-style-type:none;
font: 14px/1.6 'arial narrow', sans-serif;
padding: 0px; }
ol.d-list li{
position:relative;
line-height: 30px;
margin: 7px 0 7px 40px;
padding-left: 10px;
font-weight: normal;
font-size:14px;
}
ol.d-list li:before{
counter-increment: list;
content: counter(list);
position: absolute;
left: -35px;
width: 30px;
height: 30px;
background: #F6A38B;
text-align: center;
color: #fff;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.futon-set {
display: flex;
}
.futon-set .f-set {
flex: 1;
padding:2px;
text-align:center;
}
html { scroll-behavior: smooth;} #fixed_right_banner
{ position: fixed;
top: 100px;
right: 0;
display:none;
} #fixed_right_banner > *
{ width: 50px;
} #fixed_right_banner > * ~ * { margin-top: 10px; } #fixed_right_banner > a
{ display: block; -webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
} #fixed_right_banner > a:hover
{ opacity: .8;
} #footer01 {
position: relative;
background: #23170f;
}
#footer01 .logo {
text-align: center;
padding: 20px 0;
border-bottom: 1px solid #111;
}
#footer01 .logo a {
display: inline-block;
}
#footer01 .logo img {
width: 120px;
}
#footer01 .nav a {
display: block;
padding: 0 10px;
color: #ccc;
}
#footer01 .nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 20px 0;
}
#footer01 .nav a:hover {
color: #ca353b;
}
details {
border: 1px solid #aaa;
border-radius: 4px;
padding: 0.5em 0.5em 0;
margin-bottom:10px;
}
summary {
margin: -0.5em -0.5em 0;
padding: 0.5em;
cursor: pointer;
}
details[open] {
padding: 0.5em;
}
details[open] summary {
margin-bottom: 0.5em;
}
.ore{
color:#ff6600;
} .floating {
position: fixed;
bottom: 0;
left: 0;
z-index: 100;
width: 100%;
padding: 10px 0;
background-color: rgba(255, 255, 255, 0.5)!important;
transition: all 0.3s ease 0s;
visibility: visible;
opacity: 1;
&.is-hidden {
visibility: hidden;
opacity: 0;
}
}
.floating__nav {}
.floating__nav-items {
display: flex;
align-items: center;
justify-content: center;
}
.floating__nav-items a{
text-decoration:none;
font-weight:bold;
font-size:18px;
}
.floating__nav-item {
& + & {
margin-left: 10px;
}
}
.floating__nav-btn {
display: inline-block;
color: #fff;
padding: 10px 30px;
background-color: #ff9933;
border-radius: 8px;
transition: filter .3s ease 0s;
&:hover {
filter: brightness(0.7) contrast(1.6);
}
}
.floating__nav-btn--pink {
background-color: #cc0000;
} .rental-form label {
display: block;
margin-bottom: 1.5rem;
font-weight: 600;
color: #555;
}
.rental-form input,
.rental-form select,
.rental-form textarea {
width: 100%;
padding: 10px 12px;
border: 1px solid #ccc;
border-radius: 8px;
font-size: 1rem;
box-sizing: border-box;
}
.rental-form .note {
font-size: 0.9rem;
color: #777;
margin-top:0!important; margin-bottom: 0!important;
font-weight:normal;
}
.form-submit {
text-align: center;
margin-top: 2rem;
}
.form-submit input[type="submit"] {
background: linear-gradient(135deg, #f18f01, #f6b73c);
color: #fff;
border: none;
padding: 14px 40px;
border-radius: 30px;
font-size: 1.1rem;
font-weight: bold;
transition: transform 0.3s, box-shadow 0.3s;
}
.form-submit input[type="submit"]:hover {
transform: translateY(-3px);
box-shadow: 0 6px 12px rgba(0,0,0,0.15);
} .required {
display: inline-block;
background: #fff7f7; color: #d46a6a; border: 1px solid #f3c8c8; font-size: 0.75em;
padding: 0.15em 0.55em;
border-radius: 4px;
margin-left: 0.45em;
font-weight: 500;
line-height: 1;
} .wpcf7-form p.checkbox-center {
text-align: center; margin-bottom: 1.5em;
} .wpcf7-form p.checkbox-center span.wpcf7-list-item {
display: inline-flex;
align-items: center; white-space: nowrap; margin: 0 0.5em; } .wpcf7-form p.checkbox-center input[type="checkbox"] {
vertical-align: middle;
margin: 0; } .wpcf7-form p.checkbox-center label {
display: inline-flex;        
align-items: center;         
gap: 0.25em; font-size: 1rem;
} @media (max-width: 768px) {
.wpcf7-form p.checkbox-center span.wpcf7-list-item {
display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start;
width: 100%; margin: 0.4em 0; }
.wpcf7-form p.checkbox-center input[type="checkbox"] {
margin-top: 0.2em; flex-shrink: 0; }
.wpcf7-form p.checkbox-center label {
display: flex;
flex: 1; flex-wrap: wrap; gap: 0.4em; }
}
@media (max-width: 768px) {
.rental-form label {
margin-bottom: 1.2rem;
}
}
.date-picker-popup {
position: absolute;
background: #fff;
border: 1px solid #ccc;
padding: 10px;
z-index: 1500;
max-height: 250px; overflow-y: auto;
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.date-picker-popup div {
padding: 8px 12px;
cursor: pointer;
}
.date-picker-popup div:hover {
background: #f6b73c; color: #fff;
} .thanks-message {
text-align: center;
background: #f6fbf8;
border: 2px solid #6fc0a9;
border-radius: 16px;
padding: 60px 30px;
margin: 40px auto;
max-width: 700px;
color: #333;
box-shadow: 0 6px 18px rgba(0,0,0,0.08);
animation: fadeIn 0.7s ease-in;
}
.thanks-message h2 {
color: #5aa689;
font-size: 1.8rem;
margin-bottom: 20px;
}
.thanks-message p {
font-size: 1.1rem;
margin-bottom: 15px;
line-height: 1.7;
}
.thanks-message .small {
font-size: 0.95rem;
color: #666;
margin-bottom: 25px;
}
.thanks-message .back-btn {
display: inline-block;
background: linear-gradient(135deg, #f9a825, #ffb74d);
color: #fff;
padding: 12px 30px;
border-radius: 30px;
text-decoration: none;
font-weight: bold;
box-shadow: 0 4px 10px rgba(0,0,0,0.15);
transition: all 0.3s;
}
.thanks-message .back-btn:hover {
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(15px); }
to { opacity: 1; transform: translateY(0); }
}