@charset "UTF-8"; @font-face {
font-family: 'Josefin Slab';
font-style: normal;
font-weight: 400;
src: local('Josefin Slab'), local('JosefinSlab'), url(https://fonts.gstatic.com/s/josefinslab/v6/46aYWdgz-1oFX11flmyEfYnF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');
}
#pagewrap {
overflow: hidden;
*zoom: 1;
}
.hide-text {
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
display: block;
}
.hidetitle .module-title {
text-indent: -9999px;
white-space: nowrap;
overflow: hidden;
display: block;
}
.nontitle .module-title span {
display: none;
}
.module-title span {
display: block;
}
.anchor_load {
text-align: left;
}
.anchor_load li {
list-style: none;
display: inline-block;
vertical-align: top;
zoom: 1; *display: inline; padding: 5px 0;
width: 50%;
}
.anchor_load li a {
display: block;
font-size: 19px;
font-size: 1.1875rem;
} html {
height: 100%;
}
body.page {
color: #fff;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.7;
}
#wrapouter {
font-family: "Josefin Slab", "ヒラギノ角ゴ ProN W3″", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
} body.home.page {
height: 100%;
}
body.home.page #wrapouter {
min-height: 100%;
}
body.home.page #wrapouter #wrapinner {
min-height: 100%;
}
body.home.page #wrapouter #wrapinner #pagewrap {
min-height: 100%;
}
body.home.page #wrapouter #wrapinner #pagewrap #headerwrap {
float: left;
max-width: 635px;
width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body.home.page #wrapouter #wrapinner #pagewrap #headerwrap hgroup #site-logo {
padding: 10px 100px 0 0;
background-size: 15%;
}
body.home.page #wrapouter #wrapinner #pagewrap #body, body.home.page #wrapouter #wrapinner #pagewrap #footerwrap {
background: rgba(0, 0, 0, 0.5);
float: right;
max-width: 300px;
width: 100%;
padding: 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body.home.page #wrapouter #wrapinner #pagewrap #body h3.module-title, body.home.page #wrapouter #wrapinner #pagewrap #footerwrap h3.module-title {
font-size: 20px;
font-size: 1.25rem;
color: #fff;
}
body.home.page #wrapouter #wrapinner #pagewrap #footerwrap #footer_inner #footer .footerInfo {
text-align: left;
margin: 20px 0;
}
body.page {
height: 100%;
}
body.page #wrapouter {
min-height: 100%;
margin: 0 auto;
padding: 0 1.5%;
}
body.page #wrapouter #wrapinner {
min-height: 100%;
}
body.page #wrapouter #wrapinner #pagewrap {
width: 100%;
}
body.page #wrapouter #wrapinner #pagewrap #headerwrap {
float: left;
max-width: 360px;
width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body.page #wrapouter #wrapinner #pagewrap #headerwrap hgroup #site-logo {
padding: 10px 0 0 0;
background-size: 22%;
background-position: right 90%;
}
body.page #wrapouter #wrapinner #pagewrap #body, body.page #wrapouter #wrapinner #pagewrap #footerwrap {
background: rgba(0, 0, 0, 0.5);
float: right;
max-width: 850px;
width: 100%;
padding: 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body.page #wrapouter #wrapinner #pagewrap #body {
padding: 15px 15px 0 15px;
}
body.page #wrapouter #wrapinner #pagewrap #body table.tablepress td {
background: none;
border: none;
padding: 5px 0;
}
body.page #wrapouter #wrapinner #pagewrap #body table th, body.page #wrapouter #wrapinner #pagewrap #body table td {
vertical-align: top;
padding: 5px 10px;
text-align: left;
}
body.page #wrapouter #wrapinner #pagewrap #body table th p, body.page #wrapouter #wrapinner #pagewrap #body table td p {
margin: 0;
}
body.page #wrapouter #wrapinner #pagewrap #footerwrap {
clear: both;
margin: 0 0 -10px 0;
}
body.page #wrapouter #wrapinner #pagewrap #footerwrap #footer_inner #footer {
font-size: 10px;
font-size: 0.625rem;
text-align: center;
}
body.page #wrapouter #wrapinner #pagewrap #footerwrap #footer_inner #footer .footLink a {
display: inline-block;
vertical-align: top;
zoom: 1; *display: inline; margin: 0 5px;
}
body.page #wrapouter #wrapinner #pagewrap #footerwrap #footer_inner #footer .footerInfo {
text-align: center;
margin: 20px 0;
}
body.page #wrapouter #wrapinner #pagewrap #footerwrap #footer_inner #footer .footercopy {
font-size: 12px;
font-size: 0.75rem;
margin: 0 0 10px 0;
}
body.single {
height: 100%;
}
body.single #wrapouter {
height: 100%;
margin: 0 auto;
padding: 0 1.5%;
}
body.single #wrapouter #wrapinner {
height: 100%;
}
body.single #wrapouter #wrapinner #pagewrap {
width: 100%;
height: 100%;
}
body.single #wrapouter #wrapinner #pagewrap #headerwrap {
float: left;
max-width: 360px;
width: 100%;
padding: 0 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body.single #wrapouter #wrapinner #pagewrap #headerwrap hgroup #site-logo {
padding: 10px 0 0 0;
background-size: 22%;
background-position: right 90%;
}
body.single #wrapouter #wrapinner #pagewrap #body, body.single #wrapouter #wrapinner #pagewrap #footerwrap {
background: rgba(0, 0, 0, 0.5);
float: right;
max-width: 850px;
width: 100%;
padding: 0 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body.single #wrapouter #wrapinner #pagewrap #body {
min-height: 85%;
padding: 15px 15px 0 15px;
}
body.single #wrapouter #wrapinner #pagewrap #body table.tablepress td {
background: none;
border: none;
border-bottom: dotted 1px #555555;
padding: 5px 0;
}
body.single #wrapouter #wrapinner #pagewrap #body table.tablepress td.column-1 {
width: 15%;
font-weight: bold;
color: #ffd35c;
}
body.single #wrapouter #wrapinner #pagewrap #body table.tablepress td.column-2 {
width: 85%;
}
body.single #wrapouter #wrapinner #pagewrap #footerwrap {
min-height: 15%;
clear: both;
margin: 0 0 -10px 0;
}
body.single #wrapouter #wrapinner #pagewrap #footerwrap #footer_inner #footer {
font-size: 10px;
font-size: 0.625rem;
text-align: center;
}
body.single #wrapouter #wrapinner #pagewrap #footerwrap #footer_inner #footer .footLink a {
display: inline-block;
vertical-align: top;
zoom: 1; *display: inline; margin: 0 5px;
}
body.single #wrapouter #wrapinner #pagewrap #footerwrap #footer_inner #footer .footercopy {
font-size: 12px;
font-size: 0.75rem;
margin: 0 0 10px 0;
} #headerwrap {
position: fixed;
}
#headerwrap #header hgroup {
display: block;
} #global-nav #main-nav li {
float: none;
font-family: "Josefin Slab", "ヒラギノ角ゴ ProN W3″", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
#global-nav #main-nav li a {
font-size: 25px;
font-size: 1.5625rem;
line-height: 1.5;
font-weight: bold;
color: #fff;
text-align: left;
}
#global-nav #main-nav li .sub-menu {
display: block;
position: static;
background: none;
border: none;
visibility: visible;
opacity: 1;
}
#global-nav #main-nav li .sub-menu li {
font-family: "ヒラギノ角ゴ ProN W3″", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
#global-nav #main-nav li .sub-menu li a {
font-size: 12px;
font-size: 0.75rem;
line-height: 32px;
padding: 0 0 0 40px;
width: 100%;
}
#global-nav #main-nav li .sub-menu li a:hover {
background: none;
color: #fff;
}
#global-nav #main-nav .current_page_item a, #global-nav #main-nav .current-menu-item a {
background: inherit;
}
.module-post .post .post-title {
font-size: 14px;
font-size: 0.875rem;
}
.module {
margin-bottom: 30px;
}
.module .module-title {
margin: 0 0 15px 0;
}
.module.module-accordion .module-accordion {
border: none;
}
.module.module-accordion .module-accordion.separate {
background: none;
}
.module.module-accordion .module-accordion.ui {
background: none;
}
.module.module-accordion .module-accordion.ui li {
border: none;
background: none;
}
.module.module-accordion .module-accordion.ui li .accordion-title {
border: none;
font-size: 14px;
font-size: 0.875rem;
}
.module.module-accordion .module-accordion.ui li .accordion-content {
background: none;
color: #fff;
padding: 10px 0;
*zoom: 1;
}
.module.module-accordion .module-accordion.ui li .accordion-content:before, .module.module-accordion .module-accordion.ui li .accordion-content:after {
content: " ";
display: table;
}
.module.module-accordion .module-accordion.ui li .accordion-content:after {
clear: both;
}  .category-news {
border-bottom: dotted 1px #555555;
}
.ofh {
height: 438px;
overflow: auto;
}
.anchor_load.module {
display: none;
}
.wpcf7 table {
border-spacing: 1px;
}
.wpcf7 table tbody tr th, .wpcf7 table tbody tr td {
background: rgba(0, 0, 0, 0.5);
}
.wpcf7 table tbody tr th {
width: 20%;
}
.wpcf7 table tbody tr th span {
color: #ebbf00;
font-size: 11px;
font-size: 0.6875rem;
font-weight: normal;
}
#body input.w30 {
max-width: 100px;
} @media screen and (max-width: 1024px) {
body.home.page #wrapouter #wrapinner #pagewrap #headerwrap, body.page #wrapouter #wrapinner #pagewrap #headerwrap, body.single #wrapouter #wrapinner #pagewrap #headerwrap {
float: none;
position: static;
}
body.home.page #wrapouter #wrapinner #pagewrap #body, body.home.page #wrapouter #wrapinner #pagewrap #footerwrap, body.page #wrapouter #wrapinner #pagewrap #body, body.page #wrapouter #wrapinner #pagewrap #footerwrap, body.single #wrapouter #wrapinner #pagewrap #body, body.single #wrapouter #wrapinner #pagewrap #footerwrap {
float: none;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
body.home.page #wrapouter, body.page #wrapouter, body.single #wrapouter {
padding: 0;
height: auto;
}
body.home.page #wrapouter #wrapinner, body.page #wrapouter #wrapinner, body.single #wrapouter #wrapinner {
height: auto;
}
body.home.page #wrapouter #wrapinner #pagewrap #headerwrap, body.page #wrapouter #wrapinner #pagewrap #headerwrap, body.single #wrapouter #wrapinner #pagewrap #headerwrap {
position: static;
padding: 0 5px;
float: none;
max-width: 100%;
}
body.home.page #wrapouter #wrapinner #pagewrap #headerwrap hgroup #site-logo, body.page #wrapouter #wrapinner #pagewrap #headerwrap hgroup #site-logo, body.single #wrapouter #wrapinner #pagewrap #headerwrap hgroup #site-logo {
text-align: center;
background: none;
padding: 10px 0 0 0;
}
body.home.page #wrapouter #wrapinner #pagewrap #body, body.home.page #wrapouter #wrapinner #pagewrap #footerwrap, body.page #wrapouter #wrapinner #pagewrap #body, body.page #wrapouter #wrapinner #pagewrap #footerwrap, body.single #wrapouter #wrapinner #pagewrap #body, body.single #wrapouter #wrapinner #pagewrap #footerwrap {
float: none;
max-width: 90%;
margin: 0 auto;
}
body.home.page #wrapouter #wrapinner #pagewrap #footerwrap, body.page #wrapouter #wrapinner #pagewrap #footerwrap, body.single #wrapouter #wrapinner #pagewrap #footerwrap {
margin: 0 auto;
padding: 0 15px 10px 15px;
}
.ofh {
height: auto;
overflow: inherit;
}
.anchor_load.module {
display: block;
}
.mean-bar #main-nav li {
line-height: 26px;
}
.mean-bar #main-nav li .mean-expand {
padding: 0 !important;
}
.mean-bar #main-nav li .sub-menu li a {
color: #fff;
}
.mean-bar #main-nav li .sub-menu li a:visited {
color: #fff;
}
.mean-bar #main-nav li .sub-menu li a:hover {
color: #9e9fa0;
}
.mean-bar #main-nav li .sub-menu li a:active {
color: #fff;
}
.mean-bar #main-nav li .sub-menu li a {
width: 90%;
}
.mean-bar #main-nav li .sub-menu li a:hover {
background: none;
}
.module.module-accordion .module-accordion.ui li .accordion-content {
display: none;
}
.wpcf7 table tbody tr th, .wpcf7 table tbody tr td {
display: block;
width: auto;
}
}  @media screen and (max-width: 939px) {
#responsive-btn {
background: #686868;
display: block;
position: fixed;
width: 100%;
top: 0px;
text-align: right;
padding: 10px;
color: #fff;
z-index: 9999;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#responsive-btn:before {
content: "\25b6";
}
#responsive-nav-wrapper {
background: url(//simple-moderne.com/wp-content/themes/basic2.1.8/img/amikake.png);
}
#responsive-nav-wrapper #main-nav li {
border-top: solid 1px #fff;
}
#responsive-nav-wrapper #main-nav li.current_page_item a, #responsive-nav-wrapper #main-nav li.current-menu-parent a, #responsive-nav-wrapper #main-nav li.current-menu-item a {
background-color: inherit;
}
#responsive-nav-wrapper #main-nav li ul {
border-radius: 0;
border: none;
background: inherit;
}
#responsive-nav-wrapper #main-nav li ul li {
border-left: solid 1px #fff;
}
#responsive-nav-wrapper #main-nav li ul li a:hover {
background-color: inherit;
}
#responsive-nav-wrapper #main-nav li .sub-arrow {
display: none;
}
}