* {
margin:0;
padding:0;
}
html, body,header, 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,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;
list-style-type: none;
}
html, body {
width:100%;
height:100%;
-webkit-font-smoothing: antialiased;
color: #000000;
font-weight: normal;
font-size: 4.375vw;
line-height: 1.7;
-webkit-text-size-adjust: 100%;	
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background:#ffffff;
}
body {
overflow-x: hidden;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition:all 0.5s;
transition: all 0.5s;
line-height: 1em;
}
@font-face {
font-family: 'Noto Serif Japanese';
font-style: normal;
font-weight: 400;
src: url(//www.tenshimo.com/wp-content/themes/tenshimo/fonts/NotoSerifCJKjp-Regular.woff) format('woff');
font-display: swap;
}
br {
letter-spacing:0;
} .clearfix:after {
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
.clearfix {
display: inline-block;
}
#imageDataContainer.clearfix {
display: block;
margin-left:auto;
margin-right:auto;
}
a{
overflow:hidden;
outline:none;
color: #3e603b;
text-decoration: underline;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
transition: all 0.35s;
line-height: 1em;
}
a:hover {
color: #3e603b;
text-decoration: none;	
}
a:focus, *:focus { outline:none; }
div:focus, *div:focus { outline:none; }
img{
max-width: 100%;
height: auto;
width :auto;
vertical-align: top;
}
a img {
border:none;
vertical-align: top;
opacity: 1.0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
a:hover img {
opacity: 0.7;
}
h1 {
display:none;
}
h3 {
font-size: 5.625vw;
font-weight:100; font-family: 'Noto Serif Japanese', serif, sans-serif;
font-weight:400;
padding-left:15px;
padding-right:15px;
text-align:center;
line-height:1.5em;
position:relative;
padding-bottom:15px;
padding-top:30px;
margin-bottom:20px;
}
h3:before {
content: "";
display:block;
width:calc( 50% - 10px );
height:5px;
position:absolute;
left:10px;
top:0px;
background: #3e603b;
}
h3:after {
content: "";
display:block;
width:calc( 50% - 10px );
height:5px;
position:absolute;
right:10px;
top:0px;
background: #87bd43;
}
p {
margin-bottom:1em;
overflow: auto;
white-space: normal;
white-space: -moz-pdre-wrap; white-space: -pdre-wrap; white-space: -o-pdre-wrap; white-space: pdre-wrap; word-wrap: break-word; line-height: 1.5em;
overflow:hidden;
}
table {
border-collapse: collapse;
border-spacing:0;
}
th {
font-weight: normal;
text-align: left;
}
input,textarea {
font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
-webkit-font-smoothing: antialiased;
} .dsp-pc {
display:none;	
}
.dsp-pc-tb {
display:none;	
}
.dsp-tb {
display:none;	
}
.dsp-tb-sp {
display:block;	
}
.dsp-sp {
display: block;
}
.btn {
text-align: center;
padding-left:10px;
padding-right:10px;
padding-bottom:30px;
}
.btn a {
font-family: 'Noto Serif Japanese', serif, sans-serif;
font-weight:400;
display: inline-block;
margin-right: auto;
margin-left: auto;	
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
color: #ffffff;
background:#3e603b;
text-decoration: none;
line-height: 1.5em;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
text-align: center;
font-size: 5vw;
line-height:1.5em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width:96%;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
.btn a:after {
font-family: FontAwesome;
content: "\f105";
font-size: 7vw;
color: #FFFFFF;
display: inline-block;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
margin-left: 10px;
vertical-align:middle;
line-height:1.5em;
margin-bottom:6px;
}
.btn a:hover {
background:#c40b0b;
}
.btn-contact a {
background:#c90606;
}
.btn-contact a:hover {
background:#000000;
}
.main-banner-area {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width:100%;
}
.main-banner-area ul {
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-size:0;
}
.main-banner-area li {
display:inline-block;
width:50%;
vertical-align: top;
font-size:4vw;
margin-bottom:20px;
}
.main-banner-area li a {
display:block;
margin-left:10px;
margin-right:10px;
color: #000000;
text-decoration: none;
}
.main-banner-area li a:link {
color: #000000;
}
.main-banner-area li a:visited {
color: #000000;
}
.main-banner-area li a:hover {
color: #000000;
}
.main-banner-area dl {
display:block;
}
.main-banner-area dt {
color: #FFFFFF;
background-image: url(//www.tenshimo.com/wp-content/themes/tenshimo/images/common/banner-bg.gif);
background-repeat: repeat;
font-family: 'Noto Serif Japanese', serif, sans-serif;
padding:10px;
font-size: 4.5vw;
}
.main-banner-area dt:before {
color: #FFFFFF;
font-family: FontAwesome;
content: "\f138";
font-size: 4vw;
display: inline-block;
margin-right:5px;
}
.main-banner-area dd {
padding:10px;
line-height:1.5em;
font-size: 3.5vw;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #cccccc;
border-bottom-color: #cccccc;
border-left-color: #cccccc;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
display:block;
}
.main-banner-area dd.img {
padding:0px;
}
.main-banner-area dd img {
display:block;
}
.banner-soudan {
padding-left:10px;
padding-right:10px;
margin-bottom:20px;
}
.banner-soudan a {
display:block;
border: 1px solid #cccccc;	
}
.banner-area {
padding-left:10px;
padding-right:10px;
}
.banner-area li {
margin-bottom:10px;
}
.banner-area a {
display:block;
border: 1px solid #cccccc;	
} header {
position: fixed;
z-index:100;
height: 53px;
padding-bottom: 0px;
width: 100%;
margin:0px;
top:-53px;
background: rgba(255, 255, 255, 0.96);
border: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
header.fixed {
top: 0px;
}
header.fixed #header-box {
height: auto;
}
#header-box {
position: relative;
width: 100%;
height: 53px;
background-image:none;
padding-bottom: 0px;
margin:0px;
}
.g-nav {
display:none;
}
#header-contact {
display:none;
}
header #logo {
padding-top: 9px;
padding-left: 10px;
width:30%;
}
header.fixed #logo {
padding-top: 9px;
padding-left: 10px;
width:30%;
}
header #logo-p {
display:none;
}
#header-right {
width: 60%;
}
#mobile-header {
display: block;
top:6px;
right:10px;
position:absolute;
z-index:100;
}
#mobile-header li {
display: inline-block;
}
#mobile-header #btn-tel {
margin-right:3px;
}
#mobile-header #btn-mail {
margin-right:3px;
}
#mobile-header li a {
line-height: 1em;
display: inline-block;
text-decoration: none;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #cccccc;
text-align: center;
z-index: 1100;
-webkit-font-smoothing: antialiased;
cursor: pointer;
font-size: 14px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#mobile-header li a:link {
color: #3e603b;
background-color: #FFFFFF;	
}
#mobile-header li a:visited {
color: #3e603b;
background-color: #FFFFFF;	
}
#mobile-header li a:hover {
color: #3e603b;
background-color: #FFFFFF;	
}
#mobile-header li a i {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#mobile-header li a:link i {
color: #3e603b;
}
#mobile-header li a:visited i {
color: #3e603b;
}
#mobile-header li a:hover i {
color: #3e603b;
}
#btn-tel,#btn-mail,#btn-menu {
display: block;
}
#btn-tel a {
padding-top: 4px;
padding-right: 9px;
padding-bottom: 2px;
padding-left: 9px;
}
#mobile-header #btn-mail a {
padding-top: 2px;
padding-right: 8px;
padding-bottom: 2px;
padding-left: 8px;
border-color:#3e603b;
}
#mobile-header #btn-mail a:link {
color: #ffffff;
background-color: #3e603b;	
}
#mobile-header #btn-mail a:visited {
color: #ffffff;
background-color: #3e603b;	
}
#mobile-header #btn-mail a:hover {
color: #ffffff;
background-color: #3e603b;
}
#mobile-header #btn-mail a:link i {
color: #ffffff;
}
#mobile-header #btn-mail a:visited i {
color: #ffffff;
}
#mobile-header #btn-mail a:hover i {
color: #ffffff;
}
#btn-menu a {
padding-top: 2px;
padding-right: 8px;
padding-bottom: 2px;
padding-left: 8px;
}
#btn-tel a i,#btn-mail a i,#btn-menu a i {
margin-right: 0px;
font-size: 25px;
line-height: 1em;
display: inline;
vertical-align: bottom;
margin-bottom:2px;
}
#btn-tel a i {
color: #3e603b;
font-size: 22px;
}
#btn-tel span,#btn-mail span,#btn-menu span {
display: block;
font-size: 10px;
line-height: 1em;
}
#btn-tel span {
color: #3e603b;
padding-top:1px;
} .sb-slidebar {
background-color: #222222; color: #e8e8e8; overflow-x: hidden;
line-height: 1em;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.sb-slidebar a {
color: #c81740;
text-decoration: none;
line-height: 1em;
}
.sb-slidebar a:hover {
color: #c81740; text-decoration: underline;
}
.sb-slidebar a.hover {
color: #c81740; text-decoration: underline;
} .sb-menu { padding: 0;
margin: 0;
list-style-type: none;
}
.sb-menu li {
width: 100%;
padding: 0;
border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); line-height: 1em;
margin-top: 0;
margin-right: 0;
margin-bottom: 0px;
margin-left: 0;
}
.sb-menu > li:first-child {
border-top: none; }
.sb-menu > li:last-child {
border-bottom: none; }
.sb-menu li.last {
border-bottom: 1px solid rgba(0, 0, 0, 0.1); 
}
.sb-menu li.space {
border: none;
}
.sb-menu li a {
width: 100%; display: inline-block;
padding: 1em; color: #f2f2f2;
line-height: 1em;
text-decoration: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
overflow:visible;
}
.sb-menu li a:hover {
text-decoration: none;
background-color: rgba(255, 255, 255, 0.05); }
.sb-menu li a.hover {
text-decoration: none;
background-color: rgba(255, 255, 255, 0.05); } .sb-left .sb-menu li a {
border-left: 3px solid #87bd43;
}
.sb-left .sb-menu li a:hover {
border-left: 3px solid #87bd43; }
.sb-right .sb-menu li a {
border-right: 3px solid #87bd43;
}
.sb-right .sb-menu li a:hover {
border-right: 3px solid #87bd43; } .sb-slidebar.sb-left {
-webkit-overflow-scrolling: touch;
}
.sb-menu li .sb-open-right, .sb-menu li small {
display: inline-block;
padding: 14px;
}
.sb-menu li img {
margin: 14px;
}
.sb-menu li a {
font-size:12px;
} footer {
width: 100%;
margin-top:20px;
}
#footer-menu {
display: none;
}
footer dl {
text-align:center;
}
footer dt {
font-size:5vw;
color:#000000;
line-height:1.3em;
margin-bottom:20px;
}
#base-info {
padding: 10px;
padding-top:0px;
padding-bottom:20px;
}
#base-info dt {
color: #000000;
text-align:center;
font-family: 'Noto Serif Japanese', serif, sans-serif;
font-weight:400;
}
#base-info .logo {
display: block;
padding-top:10px;
padding-bottom:10px;
}
#base-info .logo img {
width: 45%;
}
#base-info dd {
line-height:1.5em;
font-size:3.75vw;
}
#base-info .access {
display: block;
padding-top:10px;
padding-bottom:10px;
font-weight: bold;
color: #3e603b;
font-size:4vw;
}
#base-info .tel {
display: block;
padding-bottom:10px;
font-weight: bold;
color: #a8a820;
font-size:7vw;
font-family: 'Noto Serif Japanese', serif, sans-serif;
font-weight:400;
}
#base-info .tel a {
color: #a8a820;
text-decoration: none;
}
#base-info .time {
display: block;
padding-bottom:10px;
font-weight: bold;
font-family: 'Noto Serif Japanese', serif, sans-serif;
font-weight:400;
}
#base-info .note {
font-weight: bold;
color: #3e603b;
}
#base-info .btn {
padding-bottom:20px;
}
#base-info .btn a {
width: 100%;
}
.sns ul {
text-align: center;
font-size:0;
}
.sns li {
display:inline-block;
width: 10%;
margin-right:20px;
}
.sns li:last-child {
margin-right:0px;
}
.sns li img {
}
#copy {
width: 100%;
background-color: #3e603b;
font-size:3.25vw;
text-align: center;
color:#ffffff;
padding-top:10px;
padding-bottom:10px;
line-height: 1.5em;
}
#pageTop {
position: fixed;
bottom: 10px;
right: 10px;
z-index: 1000;
}
#pageTop a {
display: block;
width: 50px;
height: auto;
text-align: center;
color: #ffffff;
font-size: 26px;
text-decoration: none;
line-height:1em;
opacity: 0.5;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2 ease-in-out;
-ms-transition: all 0.2 ease-in-out;
transition: all 0.2 ease-in-out;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
padding-top: 7px;
padding-bottom: 7px;
background-color: #000000;
}
#pageTop a:hover {
padding-top: 5px;
padding-bottom: 15px;
}
#pageTop a.hover {
padding-top: 5px;
padding-bottom: 15px;
}
#pageTop a span {
display: block;
font-size: 13px;
line-height: 1em;
color: #FFFFFF;
}
#pageTop a i {
color: #FFFFFF;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
display: block;
} @media screen and (min-width:481px) and (max-width:767px) { 
header #logo {
width:20%;
}
header.fixed #logo {
width:20%;
}
} @media screen and (min-width:768px) { 
html, body {
font-size: 1.822916666vw;
}
h3 {
font-size: 4.166666666vw;
padding-top:40px;
padding-bottom:30px;
}
p {
font-size: 2.083333333vw;
line-height:1.7em;
}
.dsp-pc-tb {
display:block;	
}
.dsp-sp {
display: none;
}
.btn {
margin-bottom:30px;
}
.btn a {
font-size: 2.604166666vw;
}
.btn a:after {
font-size: 4.34375vw;
}
.main-banner-area li {
font-size:1.822916666vw;
}
.main-banner-area dt {
padding:15px;
font-size: 3.255208333vw;
}
.main-banner-area dt:before {
font-size: 3.5vw;
margin-right:7px;
}
.main-banner-area dd {
font-size:1.822916666vw;
}
.main-banner-area dd img {
width:100%;
}
.banner-area {
padding-left:0px;
padding-right:0px;
}
.banner-area ul {
width:100%;
font-size:0;
}
.banner-area li {
margin-bottom:0px;
display:inline-block;
width:50%;
}
.banner-area a {
margin-left:10px;
margin-right:10px;
}
.sb-menu li a {
font-size:14px;
}
header.fixed #logo-box {
display:table;
width:100%;
height:53px;
}
header #logo {
padding-top: 0px;
width:18%;
display:table-cell;
padding-top:0px;
vertical-align:top;
}
header.fixed #logo {
width:18%;
display:table-cell;
}
#header-right {
width: 30%;
}
header #logo-p {
padding-left:15px;
display:table-cell;
vertical-align:top;
}
header.fixed #logo-p {
padding-left:15px;
display:table-cell;
}
header.fixed #logo-p p {
font-size:1.692708333vw;
line-height:1em;
margin:0px;	
padding-top:27px;
}
#mobile-header {
font-size: 0;
}
#mobile-header #btn-tel {
margin-right:10px;
}
#mobile-header #btn-mail {
margin-right:10px;
}
footer dt {
font-size:3.5vw;
}
#base-info {
padding-bottom: 30px;
}
#base-info dd {
font-size:1.822916666vw;
}
#base-info .logo img {
width: 25%;
}
#base-info .access {
padding-top:20px;
padding-bottom:30px;
font-size:3.5vw;
font-weight:normal;
}
#base-info .tel {
font-size:6vw;
padding-bottom:20px;
}
#base-info .btn {
padding-bottom:0px;
}
#base-info .btn a {
width: auto;
}
.sns li {
width: 6%;
}
#copy {
font-size:1.822916666vw;
}
#copy br {
display:none;
}
} @media screen and (min-width:960px) {
.dsp-pc {
display:block;	
}
.dsp-tb-sp {
display:none;	
}
#mobile-header {
display: none;
}
h1 {
display:block;
width:100%;
background-color:#3e603b;
font-size:12px;
color:#FFFFFF;
font-weight:normal;
}
h1 span {
display:block;
padding-left:10px;
padding-top:2px;
padding-bottom:1px;
}
h3 {
font-size: 3.645833333vw;
}
p {
font-size: 1.666666666vw;
}
.btn a {
width:auto;
font-size:18px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
}
.btn a:after {
font-size: 25px;
}
.main-banner-area li {
width: 25%;
font-size: 2.604166666vw;
}
.main-banner-area dt {
font-size: 2.604166666vw;
}
.main-banner-area dt:before {
font-size: 3vw;
margin-right: 7px;
}
.main-banner-area dd {
font-size: 1.458333333vw;
}
header {
height:100px;
display: block;
width: 100%;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
position: fixed;
z-index: 1000;
top:0px;
}
header.fixed {
height:100px;
display: none;
width: 100%;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
#header-box {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-right: auto;
margin-left: auto;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
position: relative;
height: 80px;
}
header.fixed #header-box {
height: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width:100%;
}
#header-left {
width: 60%;
}
#header-right {
width: 40%;
text-align:right;
}
#logo-box {
height:80px;
}
header.fixed #logo-box {
height:80px;
}
header #logo {
padding-top: 15px;
width:180px;
padding-left: 10px;
vertical-align:top;
}
header.fixed #logo {
padding-top: 15px;
width:180px;
vertical-align:top;
}
header #logo-p {
vertical-align:top;
}
header #logo-p p {
font-size:16px;
padding-top:35px;
}
header.fixed #logo-p p {
font-size:16px;
padding-top:35px;
line-height:1.7em;
}
#header-contact {
display:inline-block;
height:80px;
}
#header-contact-btn {
margin:0px;
padding:0px;
padding-right:10px;
}
#header-contact-btn a {
display:inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
vertical-align:middle;
width:30%;
text-decoration:none;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
margin-top:8px;
}
#header-contact-btn i {
display:block;
color:#FFFFFF;
font-size:25px;
margin-bottom:6px;
}
#wrapper {
margin-top:100px;
}
.g-nav {
display: block;
width:100%;
height:40px;
z-index: 2000;
background:rgba(255, 255, 255, 0.95);
}
.g-nav.fixed02{
position: fixed;
top: 100;
left: 0;
}
.g-nav-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width:100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size:0;
overflow: hidden;
}
.g-nav-menu li {
display:inline-block;
width:calc(100% / 6);
}
.g-nav-menu a {
font-size:13px;
text-decoration:none;
display:block;
height:40px;
padding-top:15px;
padding-left:2em;
padding-right:2em;
border-right:1px solid #3e603b;
font-size:1.2vw;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
text-align:center;
letter-spacing:-1px;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.g-nav-menu li:last-child a {
border:none;
box-sizing: border-box;
}
.g-nav-menu a:hover {
background:#3e603b;
color:#ffffff;
}
#footer-menu {
display: block;
background:#3e603b;
padding-top:30px;
padding-bottom:30px;
}
#footer-menu .inner-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width:100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#footer-menu .inner-box ul {
padding-left:15px;
padding-right:15px;
}
#footer-menu .inner-box li {
margin-bottom:15px;
}
#footer-menu .inner-box li:last-child {
margin-bottom:0px;
}
#footer-menu a {
color:#ffffff;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
transition: all 0.35s;
font-size:1.354166666vw;
}
#footer-menu a:link {
text-decoration:none;
}
#footer-menu a:visited {
text-decoration:none;
}
#footer-menu a:hover {
text-decoration: underline;
}
footer dt {
font-size: 20px;
color: #000000;
line-height: 1.3em;
margin-bottom: 20px;
}
#base-info dd {
font-size: 16px;
}
#base-info .access {
padding-top: 20px;
padding-bottom: 30px;
font-size: 20px;
}
#base-info .tel {
font-size: 45px;
padding-bottom: 20px;
}
#base-info .time {
font-size: 16px;
padding-bottom: 10px;
}
#base-info .note {
font-size: 16px;
}
#base-info .note br {
display:none;
}
#base-info .btn {
margin-bottom: 20px;
}
#base-info .btn a {
width: 340px;
}
#base-info .logo img {
width: 209px;
}
.sns li {
width: 40px;
}
#copy {
font-size: 13px;
}
} @media screen and (min-width:1140px) {
.main-banner-area {
width: 1140px;
margin-left:auto;
margin-right:auto;
}
.main-banner-area li {
width: 255px;
font-size: 16px;
margin-right:40px;
}
.main-banner-area li:last-child {
margin-right:0px;
}
.main-banner-area li a {
margin-left: 0px;
margin-right: 0px;
}
.main-banner-area dt {
font-size: 30px;
padding-left:30px;
padding-right:20px;
padding-top:30px;
padding-bottom:30px;
}
.main-banner-area dt:before {
font-size: 26px;
margin-right:10px;
}
.main-banner-area dd {
font-size: 16px;
padding-left:22px;
padding-right:22px;
}
.banner-soudan {
padding-left: 0px;
padding-right: 0px;
width:1140px;
margin-left:auto;
margin-right:auto;
margin-bottom: 40px;
}
.banner-area {
padding-left: 0px;
padding-right: 0px;
width: 1140px;
margin-left: auto;
margin-right: auto;
}
.banner-area li {
margin-bottom: 0px;
width: 550px;
}
.banner-area li:first-child {
margin-right:40px;
}
.banner-area a {
margin-left: 0px;
margin-right: 0px;
}
#wrapper {
margin-top: 120px;
}
.g-nav {
display: block;
width:1140px;
margin-left:auto;
margin-right:auto;
height:40px;
z-index: 2000;
background:rgba(255, 255, 255, 0.95);
}
.g-nav.fixed02{
position: fixed;
top: 100;
left: 0;
width:100%;
}
.g-nav-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width:100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size:0;
overflow: hidden;
}
.g-nav-menu li {
display:inline-block;
width:calc(100% / 6);
}
.g-nav-menu a {
font-size:14px;
display:block;
height:40px;
padding-top:14px;
padding-left:2em;
padding-right:2em;
letter-spacing:-1px;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.g-nav-menu li:last-child a {
border:none;
box-sizing: border-box;
}
.g-nav-menu a:hover {
background:#3e603b;
color:#ffffff;
}
h1 span {
width:1140px;
margin-left:auto;
margin-right:auto;
padding-top: 0px;
padding-bottom: 0px;
line-height:1em;
height:20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding-top:3px;
}
h3 {
font-size: 40px;
padding-bottom:50px;
line-height:1.7em;
padding-left: 0px;
padding-right: 0px;
width:1140px;
margin-left:auto;
margin-right:auto;
padding-top:70px;
}
h3:before {
left: 0px;
width: 50%;
}
h3:after {
width: 50%;
right: 0px;
}
p {
font-size: 16px;
}
.btn {
padding-bottom:60px;
margin-bottom:0px;
}
.btn a {
padding-left: 40px;
padding-right: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
header {
height: 120px;
}
#header-box {
width: 1140px;
margin-left:auto;
margin-right:auto;
height:100px;
}
header.fixed #header-box {
width: 1140px;
margin-left:auto;
margin-right:auto;
height:100px;
}
#header-contact {
height: 100px;
}
#header-contact-btn {
padding-right: 0px;
padding-top: 12px;
}
#header-contact-btn a {
width: 120px;
margin-top: 0px;
}
footer {
margin-top: 50px;
}
#footer-menu .inner-box ul {
padding-left: 40px;
padding-right: 40px;
}
#footer-menu a {
font-size: 14px;
}
#base-info .logo {
padding-bottom: 20px;
}
#base-info {
padding-top: 40px;
padding-bottom: 30px;
}
#base-info .access {
font-weight:bold;
}
#base-info .time {
padding-bottom: 20px;
}
#base-info .note {
margin-bottom:30px;
}
}#catch {
width: 100%;
margin-bottom:0px;
}
#catch-inner {
padding-top:140.625%;
-moz-background-size:cover;
background-size:cover;
display:block;
height: 0;
width: 100%;
background-image: url(//www.tenshimo.com/wp-content/themes/tenshimo/images/top/catch-sp.jpg);
background-repeat: no-repeat;
}
#catch h2,#catch p {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;	
}
#nayami {
padding-right: 10px;
padding-left: 10px;
margin-bottom:30px;
}
#nayami h3 {
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #3e603b;
margin-bottom:30px;
}
#nayami h3:before {
display:none;
}
#nayami h3:after {
display:none;
}
#nayami h3 .square {
width: 0;
height: 0;
border-style: solid;
border-width: 16px 15px 0 15px;
border-color: #3e603b transparent transparent transparent;
position:absolute;
left: calc( 50% - 15px );
bottom: -16px;
}
#nayami ul {
padding-left:10px;
padding-right:10px;
background-image: url(//www.tenshimo.com/wp-content/themes/tenshimo/images/top/nayami-bg-sp.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100% auto;
padding-bottom:50%;
}
#nayami li {
font-size: 4.5vw;
font-family: 'Noto Serif Japanese', serif, sans-serif;
font-weight:400;
line-height:1.3em;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #3e603b;
text-indent:-1.3em;
padding-left:1.3em;
letter-spacing:-1px;
}
#nayami li:before {
font-family: FontAwesome;
content: "\f00c";
display:inline-block;
vertical-align:base-line;
margin-right:7px;
text-indent:0px;
color: #3e603b;
}
#omakase {
margin-bottom:30px;
}
#omakase .h3-area {
padding-left:10px;
padding-right:10px;
}
#omakase h3 {
padding-top:0px;
background-image: url(//www.tenshimo.com/wp-content/themes/tenshimo/images/top/kaiketsu-h3-bg-sp.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100% auto;
padding-bottom:12%;
margin-bottom:1px;
}
#omakase h3:before {
display:none;
}
#omakase h3:after {
display:none;
}
#omakase h4 {
padding-top:15px;
padding-bottom:15px;
color: #FFFFFF;
background-color: #3e603b;
font-size: 4.5vw;
font-family: 'Noto Serif Japanese', serif, sans-serif;
font-weight:400;
text-align: center;
line-height:1.5em;
margin-bottom:20px;
}
#omakase .bg-box {
padding-left:10px;
padding-right:10px;
background-image: url(//www.tenshimo.com/wp-content/themes/tenshimo/images/top/kaiketsu-img-sp.jpg);
background-repeat: no-repeat;
background-position: center bottom;
background-size: 100% auto;
padding-bottom:55%;
}
#reason {
background-color: #f6faf5;
}
#reason .box {
padding-bottom:30px;
}
#reason h3 {
color: #3e603b;
margin-bottom:0px;
}
#reason h3 .num {
font-size: 7vw;
}
#reason h3 .icon {
text-align: center;
display: block;
padding-top:15px;
}
#reason h3 .icon img {
width:10%;
}
#reason ul {
padding-right: 10px;
padding-left: 10px;
}
#reason li {
}
#reason .point01 {
background-color: #e1e8e0;
}
#reason .point02 {
background-color: #ebefec;
}
#reason .point03 {
background-color: #e5edea;
}
#reason .point04 {
background-color: #e5e9e0;
}
#reason .point05 {
background-color: #e5edea;
}
#reason .point06 {
background-color: #ebefec;
}
#reason .point07 {
background-color: #e5eee5;
}
#reason dt {
font-family: 'Noto Serif Japanese', serif, sans-serif;
font-weight:400;
text-align: center;
}
#reason .point-num {
display:block;
padding:10px;
color: #FFFFFF;
font-size: 6vw;
}
#reason .btn a {
width:auto;
}
.point01 .point-num {
background-color: #5fa25f;
}
.point02 .point-num {
background-color: #496c9f;
}
.point03 .point-num {
background-color: #2788a4;
}
.point04 .point-num {
background-color: #9fa449;
}
.point05 .point-num {
background-color: #a46653;
}
.point06 .point-num {
background-color: #496c9f;
}
.point07 .point-num {
background-color: #5fa25f;
}
#reason .dt-main {
display:block;
padding-top:15px;
margin-bottom: 20px;
font-size: 5vw;
}
#reason dd {
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
line-height:1.5em;
}
#voice {
margin-bottom: 30px;
}
#voice .icon {
display:block;
padding-top:10px;
}
#voice .icon img {
width:8%;
}
#voice h3 {
margin-bottom:0px;
}
#voice ul {
padding-right: 10px;
padding-left: 10px;
}
#voice li:first-child {
margin-bottom:10px;
}
#voice dt {
padding: 10px;
color: #FFFFFF;
background-color: #87bd43;
xfont-weight: bold;
font-size: 4.4vw;
line-height:1.3em;
}
#voice dd {
padding: 10px;
background-color: #f7f6ea;
line-height: 1.7em;
font-size: 4.375vw;
}
#info {
padding-left:10px;
padding-right:10px;
}
#info h3 {
padding-left:0px;
padding-right:0px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #3e603b;
color: #000000;
margin-bottom:10px;
}
#info h3:before {
font-family: "Font Awesome 5 Free";
content: "\f05a";
display:inline-block;
width:1em;
height:1em;
position:relative;
left:0px;
bottom:0px;
background:#ffffff;
color: #3e603b;
font-size: 6vw;
margin-right:5px;
font-weight: 900;
}
#info h3:after {
display:none
}
#info h3 .right {
display:none
}
#info ul {
margin-bottom:20px;
}
#info li a {
text-decoration: none;
padding: 20px;
display: block;
color: #000000;
line-height: 1.5em;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #87bd43;
}
#info a:hover {
background:#f3f8ec;
}
.date {
margin-right: 10px;
display:block;
}
.new {
display: inline-block;
color: #FFFFFF;
background-color: #a8a820;
font-size: 12px;
line-height: 1em;
margin-left: 5px;
padding: 2px;
text-indent:0px;
} @media screen and (min-width:481px) and (max-width:767px) { 
} @media screen and (min-width:768px) { 
#catch-inner {
padding-top:49.122807017%;
background-image: url(//www.tenshimo.com/wp-content/themes/tenshimo/images/top/catch-tb.jpg);
}
#nayami {
margin-bottom:40px;
}
#nayami h3 br {
display:none;
}
#nayami li {
font-size: 3vw;
margin-bottom: 10px;
padding-bottom: 10px;
letter-spacing:0px;
}
#omakase {
margin-bottom:40px;
}
#omakase h3 {
background-image: url(//www.tenshimo.com/wp-content/themes/tenshimo/images/top/kaiketsu-h3-bg.png);
padding-bottom:8%;
}
#omakase h4 {
font-size: 3.255208333vw;
}
#omakase .bg-box {
background-image: url(//www.tenshimo.com/wp-content/themes/tenshimo/images/top/kaiketsu-img-sp.jpg);
}
#reason h3 .icon img {
width:7%;
}
#reason ul {
padding-right: 0px;
padding-left: 0px;
display:table;
width:100%;
}
#reason .line01 li {
width:50%;
display:table-cell;
vertical-align:top;
}
#reason .line02 li {
width:calc(100% / 3);
display:table-cell;
vertical-align:top;
}
#reason .point-num {
font-size: 3.90625vw;
padding:20px;
padding-bottom:25px;
}
#reason .dt-main {
display:block;
padding-top:40px;
margin-bottom: 40px;
font-size: 3vw;
}
#reason dd {
padding-bottom: 40px;
}
#voice {
margin-bottom: 40px;
}
#voice .icon img {
width:5%;
}
#voice ul {
padding-right: 0px;
padding-left: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
width:100%;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
#voice li {
width:50%;	
}
#voice li:first-child {
margin-bottom:0px;
}
#voice dl {
margin-left: 10px;
margin-right:10px;
}
#voice dt {
padding: 10px;
font-size: 2.083333333vw;
}
#voice li:last-child dt {
letter-spacing:-1px;
}
#voice dt br {
display:none;
}
#voice dd {
font-size: 1.822916666vw;
}
#voice .img {
margin-left: 10px;
margin-right:10px;
}
#info h3:before {
font-size: 5vw;
margin-right:10px;
}
#info ul {
margin-bottom:40px;
}
#info li {
font-size: 2.083333333vw;
}
#info .btn a {
width:auto;
}
.date {
margin-right: 15px;
display:inline-block;
}
} @media screen and (min-width:960px) {
#catch {
margin-bottom:20px;
}
#nayami ul {
padding-left:10px;
padding-right:10px;
background-image: url(//www.tenshimo.com/wp-content/themes/tenshimo/images/top/nayami-bg.jpg);
background-position: right top;
background-size: 100% auto;
padding-bottom:10%;
padding-top:30px;;
}
#nayami li {
font-size: 2.604166666vw;
margin-bottom: 10px;
padding-bottom: 10px;
letter-spacing: 0px;
}
#omakase .bg-box {
background-image: url(//www.tenshimo.com/wp-content/themes/tenshimo/images/top/kaiketsu-img.jpg);
padding-bottom: 45%;
}
#omakase h4 {
padding-top:15px;
padding-bottom:15px;
margin-bottom:20px;
font-size: 2.604166666vw;
}
#omakase h4 br {
display:none;
}
#reason h3 .icon img {
width: 59px;
}
#reason .point-num {
font-size: 3.645833333vw;
}
#reason .dt-main {
font-size: 2.604166666vw;
}
#reason dd {
font-size: 1.666666666vw;
}
#voice .icon img {
width: 40px;
}
#voice dt {
font-size: 1.875vw;
padding-left:20px;
}
#voice dd {
font-size: 1.458333333vw;
padding:20px;
}
#info h3 {
text-align:left;
}
#info h3:before {
font-size: 4vw;
}
#info li {
font-size: 1.666666666vw;
}
#info .btn a {
width: auto;
font-size: 18px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
display:inline-block;
}
} @media screen and (min-width:1140px) {
#catch {
}
#catch-inner {
padding-top:0px;
height: 560px;
background-image: url(//www.tenshimo.com/wp-content/themes/tenshimo/images/top/catch.jpg);
background-position:center;
margin-left:auto;
margin-right:auto;
background-size:auto 560px;
}
#nayami {
padding-right: 0px;
padding-left: 0px;
padding-top:0px;
margin-bottom: 30px;
}
#nayami h3 {
width:1140px;
margin-left:auto;
margin-right:auto;
margin-bottom: 50px;
}
#nayami .bg-box {
width:1140px;
margin-left:auto;
margin-right:auto;
}
#nayami ul {
padding-left: 10px;
padding-right: 10px;
background-image: url(//www.tenshimo.com/wp-content/themes/tenshimo/images/top/nayami-bg.jpg);
background-position: right top;
background-size: 100% auto;
padding-bottom: 60px;
padding-top: 60px;
}
#nayami li {
font-size: 30px;
margin-bottom: 0px;
padding-bottom: 0px;
letter-spacing: 0px;
border: none;
}
#nayami li:before {
display: none;
}
#nayami .inline {
border-bottom-width: 2px;
display:inline-block;
margin-bottom: 15px;
padding-bottom: 15px;
padding-left:50px;
border-bottom: solid 2px #3e603b;	
}
#nayami .inline:before {
font-family: FontAwesome;
content: "\f00c";
display: inline-block;
vertical-align: base-line;
margin-right: 10px;
text-indent: 0px;
color: #3e603b;
}
#omakase {
margin-bottom:60px;
}
#omakase .h3-area {
padding-left: 0px;
padding-right: 0px;
}
#omakase h3 {
background-image: url(//www.tenshimo.com/wp-content/themes/tenshimo/images/top/kaiketsu-h3-bg.png);
padding-bottom: 70px;
}
#omakase h4 {
margin-bottom: 40px;
font-size: 30px;
}
#omakase .bg-box {
width:1140px;
margin-left:auto;
margin-right:auto;
padding-left: 0px;
padding-right: 0px;
background-image: url(//www.tenshimo.com/wp-content/themes/tenshimo/images/top/kaiketsu-img.jpg);
padding-bottom: 540px;
}
#omakase p {
padding-left:70px;
padding-right:70px;
line-height:3em;
}
#reason h3 {
padding-bottom: 30px;
}
#reason h3 .num {
font-size: 60px;
}
#reason .box {
width:1140px;
margin-left:auto;
margin-right:auto;
padding-bottom: 60px;
}
#reason .point-num {
font-size: 35px;
}
#reason .dt-main {
font-size: 30px;
}
#reason dd {
font-size: 18px;
padding-right: 40px;
padding-bottom: 40px;
padding-left: 40px;
}
#voice {
width:1140px;
margin-left:auto;
margin-right:auto;
margin-bottom: 80px;
}
#voice h3 {
padding-bottom: 30px;
}
#voice ul {
width: 1140px;
}
#voice li {
width: 550px;
}
#voice li:first-child {
margin-right:40px;
}
#voice dl {
margin-left: 0px;
margin-right: 0px;
}
#voice dt {
font-size: 20px;
padding-top: 15px;
padding-bottom:15px;
}
#voice dd {
font-size: 16px;
}
#voice .img {
margin-left: 0px;
margin-right: 0px;
}
#info {
padding-left: 0px;
padding-right: 0px;
padding-top: 60px;
width:1140px;
margin-left:auto;
margin-right:auto;
margin-bottom:60px;
}
#info .inner-box {
border:solid 1px #cccccc;
padding:30px;
}
#info h3 {
padding-top: 0px;
padding-bottom: 30px;
margin-bottom:0px;
font-size:35px;
width:auto;
}
#info h3:before {
font-size: 35px;
}
#info ul {
margin-bottom: 40px;
}
#info li a {
font-size:16px;
padding-top: 30px;
padding-bottom: 30px;
}
#info .btn {
margin-bottom: 0px;
padding-bottom: 0px;
}
#info .btn a {
width: auto;
}
}html, body, #sb-site, .sb-site-container, .sb-slidebar { margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
width: 100%;
xoverflow-x: hidden; }
html {
height: 100%; }
body {
min-height: 100%;
height: auto;
position: relative; }  html.sb-scroll-lock.sb-active:not(.sb-static), html.sb-scroll-lock.sb-active:not(.sb-static) body { overflow: hidden; height: 100%; } #sb-site, .sb-site-container { width: 100%;
min-height: 100vh;
position: relative;
z-index: 1; background-color: #ffffff; } #sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
content: ' ';
display: table;
}
#sb-site:before, #sb-site:after, .sb-site-container:before, .sb-site-container:after {
clear: both;
} .sb-slidebar {
height: 100%;
overflow-y: scroll; position: fixed;
top: 53px;
top: 0px;
z-index: 0; display: none; background-color: #222222; }
.sb-slidebar, .sb-slidebar * {
-webkit-transform: translateZ( 0px ); }
.sb-left {
left: 0; }
.sb-right {
right: 0; }
html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
position: absolute; }
.sb-slidebar.sb-active {
display: block; }
.sb-style-overlay {
z-index: 9999; }
.sb-momentum-scrolling {
-webkit-overflow-scrolling: touch; } .sb-slidebar {
width: 30%;
}
.sb-width-thin {
width: 15%;
}
.sb-width-wide {
width: 45%;
}
@media (max-width: 480px) { .sb-slidebar {
width: 70%;
}
.sb-width-thin {
width: 55%;
}
.sb-width-wide {
width: 85%;
}
}
@media (min-width: 481px) { .sb-slidebar {
width: 55%;
}
.sb-width-thin {
width: 40%;
}
.sb-width-wide {
width: 70%;
}
}
@media (min-width: 768px) { .sb-slidebar {
width: 40%;
}
.sb-width-thin {
width: 25%;
}
.sb-width-wide {
width: 55%;
}
}
@media (min-width: 992px) { .sb-slidebar {
width: 30%;
}
.sb-width-thin {
width: 15%;
}
.sb-width-wide {
width: 45%;
}
}
@media (min-width: 1200px) { .sb-slidebar {
width: 20%;
}
.sb-width-thin {
width: 5%;
}
.sb-width-wide {
width: 35%;
}
} .sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
-webkit-transform: translate( 0px );
-moz-transform: translate( 0px );
-o-transform: translate( 0px );
transform: translate( 0px );
-webkit-transition: -webkit-transform 400ms ease;
-moz-transition:    -moz-transform 400ms ease;
-o-transition:      -o-transform 400ms ease;
transition:         transform 400ms ease;
-webkit-transition-property: -webkit-transform, left, right; -webkit-backface-visibility: hidden; }
#sb-site  {
-webkit-transform: none;
-moz-transform: none;
-o-transform: none;
transform: none;
} .sb-hide { 
display: none; }