@charset "UTF-8";

html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, table, tr, th, td,
header, hgroup, nav, section, article, aside, footer, figure, figcaption, address, strong, em, div {
margin: 0;
padding: 0;
font-size: 100%;
font-weight:normal;
font-style:normal;
line-height: 1.0;
list-style:none;
font-family: 'Raleway', sans-serif;
color:#666666;
}
img {
max-width: 100%;
border:none;
}
.disnon { display:none; }
.pb10 {
padding-bottom:10px !important;
} .clrfx{
min-height:1%;
}
.clrfx:after{ content:"";
clear:both;
height:0px;
display:block;
visibility:hidden;
}
* html .clrfx{ /*\*/height:1%;/**/display:inline-table; }
body*.clrfx:after{
content:".";
}
body {
font-size:0.9em;
}
.wrapper {
width:100%;
overflow:hidden;
}
header#mainheader {
height:50px;
width:100%;
position:fixed;
top:0;
left:0;
z-index:100;
}
.gnavi {
padding:13px 0 0 0;
overflow: hidden;
position: relative;
}
.gnavi ul {
list-style: none outside none;
float: left;
margin: 0 0 0 0;
padding: 0;
position: relative;
left: 50%;
}
.gnavi ul li {
float: left;
margin-right: 32px;
padding: 5px;
position: relative;
left: -50%;
color:#000000;
}
.gnavi ul li.last {
margin-right: 0px;
}
.gnavi ul li a {
color:#000000;
text-decoration:none;
}
.gnavi ul li a:hover {
color:#000000;
text-decoration:none;
}
.common_ttl {
text-align:center;
position:relative;
padding-top:100px;
padding-bottom:100px;
font-size:3em;
}
#main {
margin:50px 0 0 0;
min-height:700px;
width:100%;
height:500px;
background-position:center center;
background-size:cover;
color:#ffffff;
}
.common_ttl span {
padding:20px;
}
#pages_profile h3 {
line-height:1.6;
font-weight: 300;
font-size:2em;
text-align:center;
margin:0 0 30px 0;
}
#pages_profile h4 {
line-height:1.6;
font-weight: 300;
font-size:1.2em;
margin:10px 0 0 0;
}
#pages_profile p {
line-height:2;
font-weight: 300;
font-size:1.2em;
margin:10px 0 30px 0;
}
#pages_profile .main_img {
width: 500px;
margin: 0 auto;
}
#pages_profile .main_img img {
width: 100%;
}
#pages_profile .profile_info {
margin-top: 30px;
text-align: center;
}
#pages_profile .profile_info img {
width: 200px;
}
#pages_blog {
margin:0 auto;
}
#pages_blog li a {
text-decoration:none;
color:#666666;
line-height:1.5;
}
#pages_blog li p {
line-height:1.5;
}
#pages_blog li p .readmore {
display:block;
text-align:right;
} .ggmap {
height: 0;
overflow: hidden;
padding-bottom: 70%;
padding-top: 10px;
position: relative;
}
.ggmap iframe, .ggmapr object, .ggmap embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
iframe {
max-width: 100%;
}
#map {
width:100%;
height:450px;
}
@media screen and (max-width: 599px) {
#map {
width:86%;
margin:0 7%;
height:300px;
}
}
#pages_social {
padding:13px 0 0 0;
overflow: hidden;
position: relative;
}
#pages_contact input {
background-color:#ffffff;
width:390px;
padding:15px 10px;
border-radius:5px;
border:none;
margin-bottom:15px;
display:block;
box-shadow:none;
color:#606060;
font-size:16px;
font-weight:normal;
}
input[type="button"],input[type="submit"],textarea {
-webkit-appearance: none;
}
#sp_tel a,.mappdf a ,#pages_contact input[type="submit"] {
margin-top:20px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:rgba(206, 206, 206, 0.65098) 0px 5px 0px 0px;
-webkit-box-shadow:rgba(206, 206, 206, 0.65098) 0px 5px 0px 0px;
-moz-box-shadow:rgba(206, 206, 206, 0.65098) 0px 5px 0px 0px;
text-align:center;
color:#ffffff;
cursor:pointer;
padding:15px 0;
width:100%;
font-weight:bold;
font-size:1.1em;
}
#pages_contact textarea {
width:94%;
padding:10px 3%;
border-radius:5px;
color:#606060;
background-color:#ffffff;
box-shadow:none;
border: thin solid #f8f4e4;
font-size:16px;
font-weight:normal;
}
input::-webkit-input-placeholder,input:-moz-placeholder  {
color:#8c8c8c;
}
footer {
padding:20px;
text-align:center;
color:#ffffff;
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}
#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url(//youkosorenjouji.com/wp-content/themes/otera/assets/img/common/fancybox.png);
}
#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}
#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}
#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 20px;
z-index: 1101;
outline: none;
display: none;
}
#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
}
#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
box-shadow: 0;
}
#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}
#fancybox-close {
position: absolute;
bottom: -34px;
right: 0px;
width: 17px;
height: 17px;
background: transparent url(//youkosorenjouji.com/wp-content/themes/otera/assets/img/common/btn_close.gif) 0px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}
#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}
#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}
#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}
#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url(//youkosorenjouji.com/wp-content/themes/otera/assets/css/blank.gif);
z-index: 1102;
display: none;
}
#fancybox-left {
left: 0px;
}
#fancybox-right {
right: 0px;
}
#fancybox-left-ico {
position: absolute;
top: 50%;
left: -40px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
background-repeat:no-repeat;
}
#fancybox-right-ico {
position: absolute;
top: 50%;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
background-repeat:no-repeat;
right:-40px;
}
#fancybox-left-ico {
background-image:url(//youkosorenjouji.com/wp-content/themes/otera/assets/img/common/btn_left.gif);
background-position: center center;
}
#fancybox-right-ico {
background-image:url(//youkosorenjouji.com/wp-content/themes/otera/assets/img/common/btn_right.gif);
background-position: center center;
}
#fancybox-left:hover span {
left: -40px;
}
#fancybox-right:hover span {
right: -40px;
}
.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}
#fancybox-title {
font-weight:normal;
font-size: 0.9em;
z-index: 1102;
left:5px !important;
}
.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}
.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}
.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}
#fancybox-title-over {
padding: 10px;
display: block;
}
.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}
#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}
#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}
#fancybox-title-float-left {
padding: 0 0 0 15px;
}
#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: normal;
padding: 4px 0 3px 0;
}
#fancybox-title-float-right {
padding: 0 0 0 15px;
} .wpcf7-not-valid-tip {
padding-bottom:12px;
}
.contact_copy {
text-align:center;
margin-bottom:40px;
font-size:1.1em;
}
body.logged-in header#mainheader {
top:32px;
} .pagetop {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
width: 50px;
height: 50px;
}
@media screen and (max-width: 599px) {
.pagetop {
bottom: 16px;
right: 16px;
width: 40px;
height: 40px;
}
}
.pagetop img {
width: 100%;
}