@charset "utf-8";
 @font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 400;
src: local("Noto Sans CJK JP"),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}
body {
font-family: 'Noto Sans JP', "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo, sans-serif;
line-height:2em;
font-size:16px;
overflow-x: hidden;
}
p{
margin-bottom:1em;
}
.container-fluid{
padding:0;
} .row-nopadding {
margin-left: 0;
margin-right: 0;
} .row-nopadding > [class*="col-"] {
padding-left: 0;
padding-right: 0;
} img {
max-width: 100%;
height: auto;
}
.v-middle{
vertical-align: middle;
}
.v-bottom{
vertical-align:bottom;
}
.alignleft{
float:left;
padding-right:30px;
padding-bottom:30px;
}
.alignright{
float:right;
padding-left:30px;
padding-bottom:30px;
}
.aligncenter{
display: block;
margin: 0 auto;
}
hr.clear{
visibility: hidden;
display: none;
} .row-eq-height {
display: flex;
flex-wrap: wrap;
} table{
width: 100%;
border: 1px solid #aaaaaa;
margin-bottom: 15px;
}
table tr th{
border: 1px solid #aaaaaa;
background-color: #fffccc;
padding: 5px 10px;
line-height: 1.5;
}
table tr td{
border: 1px solid #aaaaaa;
padding: 5px 10px;;
line-height: 1.5;
}
table tr th p, table tr td p{
margin: 0;
line-height: 1.5;
}
table tr th.nowrap, table tr td.nowrap{
white-space:nowrap;
} header#site-header{
background-image: url(//www.okutadami-lakehouse.com/wp-content/themes/lakehouse/images/bg-header.png);
background-position: center top;
background-repeat: no-repeat;
padding-top: 35px;
min-height: 100px;
}
.navbar-default{
background-color: transparent;
border: none;
}
.navbar{
margin-bottom: 0;
}
.navbar p{
margin-bottom: 0;
}
.site-title{
margin-top: 10px;
}
header .header-first{
text-align: right;
}
header .header-first p{
margin: 0;
line-height: 1em;
}
header .header-first .telephone{
font-size: 26px;
font-weight: 600;
color: #ffffff;
}
header .header-first .btn{
padding: 4px 12px;
border-radius: 15px;
line-height: 1em;
border: none;
margin-bottom: 10px;
}
header .header-first .btn:hover{
background-color: #fce2ba;
}   #menu-mainmenu{
width: 100%;
}
.navbar-collapse.collapse {
display: none !important;
} #content{
margin-top: 20px;
}
#content .post-content, #content .content{
float: right;
}
#content #side-bar{
float: left;
} #content #front-page h2{
background-color: #badcad;
padding: 10px;
font-size: 28px;
margin-bottom: 15px;
margin-top: 0px;
}
#content #front-page .newsarea{
margin-left: -10px;
margin-right: -10px;
}
#content #front-page .newsarea .newsblock{
margin-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
}
#content #front-page .newsitem{
border: 1px solid #cccccc;
padding: 10px;
height: 100%;
}
#content #front-page .newsitem p{
margin: 0;
}
#content #front-page .newsitem p.news-title{
line-height: 1.5em;
}
#content #front-page .top-more {
text-align: right;
margin: 0;
}
#content #front-page .top-more a{
background-color: #79c06e;
color: #ffffff;
border-radius: 15px;
padding: 0 15px;
}
#content #front-page .top-more a:hover{
text-decoration: none;
background-color:rgba(121,192,110,0.79);
}
#content #front-page .btn{
display: block;
border-radius: 0;
border: none;
padding: 30px;
font-size: 16px;
text-align: left;
position: relative;
}
#content #front-page .btn.btn-type01{
border: solid 1px  #fce2ba;
background-color:#fce2ba;
}
#content #front-page .btn.btn-type01:hover{
background-color:rgba(252,226,186,0.80);
}
#content #front-page .btn.btn-type02{
border: solid 1px  #f7c7c6;
background-color: #f7c7c6;
}
#content #front-page .btn.btn-type02:hover{
background-color:rgba(247,199,198,0.80);
}
#content #front-page .btn img{
position: absolute;
top: 25%;
right: 30px;
} #content header h1{
border-top: solid 2px #999999;
border-bottom: solid 2px #999999;
padding: 10px;
font-size: 32px;
margin-bottom: 15px;
margin-top: 0;
}
#content .entry-content h1, #content .entry-post h1{
border: none;
padding: 0px;
font-size: 30px;
margin: 30px 0;
text-align: center;
}
#content .entry-content h2, #content .entry-post h2{
background-color: #d3edfb;
padding: 10px;
font-size: 28px;
margin-bottom: 15px;
}
#content .entry-content h3, #content .entry-post h3{
border-bottom: solid 1px #666666;
padding: 10px;
font-size: 24px;
}
#content .entry-content h2.title01{
background-color: #fce2ba;
}
#content .entry-content h2.title02{
background-color: #f7c7c6;
}
#content .entry-content h4::before, #content .entry-post h4::before{
content: "■ ";
}
#content .entry-content h4, #content .entry-post h4{
font-size: 18px;
}
#content .entry-content h5, #content .entry-post h5,
#content .entry-content h6, #content .entry-post h6{
font-size: 16px;
}
#content .entry-post .entry-date{
text-align: right;
margin-bottom: 0.5em;
} #content .post-content ul.photo03,#content .post-content ul.photo02{
padding: 0;
list-style: none;
font-size: 0;
}
#content .post-content ul.photo03 li,#content .post-content ul.photo02 li{
display: inline-block;
vertical-align: top;
margin-bottom: 30px;
font-size: 16px;
}
#content .post-content ul.photo03 li{
width: 32%;
margin-right: 2%;
}
#content .post-content ul.photo03 li:nth-child(3n){
margin-right: 0;
}
#content .post-content ul.photo02 li{
width: 49%;
margin-right: 2%;
}
#content .post-content ul.photo02 li:nth-child(2n){
margin-right: 0;
} #content .post-content iframe[src^="https://www.google.com"] {
max-width: 100%;
height: 80vh;
} #content .post-content iframe[src^="https://www.youtube.com"] {
max-width: 100%;
} #content .post-content #nav-below{
margin-top: 45px;
} #content .post-content #nav-below .nav-next{
text-align: right;
} #content .post-content .btn{
display: block;
padding: 20px;
font-size: 16px;
position: relative;
}
#content .post-content .btn.btn-lake{
background-color: #4694d1;
border-color: #4694d1;
}
#content .post-content a.btn.btn-lake{
color: #ffffff;
font-weight: 600;
}
#content .post-content a.btn.btn-lake:hover{
background-color: #ffffff;
color:#4694d1;
} #content .archive-content article{
border-bottom: solid 1px #cccccc;
margin-bottom: 15px;
}
#content .archive-content .entry-header .entry-date{
margin-bottom: 0;
}
#content .archive-content .entry-header .entry-title{
margin-top: 5px;
}
#content .archive-content .entry-summary .excerpt_more{
text-align: right;
} #content #nav-above{
margin-top: 30px;
}
#content #nav-above .tab_nav{
text-align: center;
line-height: 1.25em;
}
#content #nav-above .tab_nav .page-numbers {
padding: 2px 7px;
border:solid 1px #cccccc;
}
#content #nav-above .tab_nav .page-numbers:hover{
color: #FFFFFF;
border:solid 1px #337ab7;
background-color: #337ab7;
text-decoration: none;
}
#content #nav-above .tab_nav .current {
padding: 2px 7px;
color: #FFFFFF;
border:solid 1px #337ab7;
background-color: #337ab7;
}  #side-bar .widget{
margin-bottom: 30px;
}
#side-bar h3{
margin-top: 0;
background-color: #00b9ef;
border-radius: 7px;
color: #ffffff;
padding: 10px 15px;
}
#side-bar ul{
padding: 0;
list-style: none;
}
#side-bar ul li{
border-bottom: solid 1px #cccccc;
padding: 5px 5px;
line-height: 1.5em;
}
#side-bar .posts-all-link{
text-align: right;
}
#side-bar .posts-all-link a{
background-color: #00b9ef;
color: #ffffff;
border-radius: 15px;
padding: 0 15px;
}
#side-bar .posts-all-link a:hover{
background-color:rgba(0,185,239,0.80);
text-decoration: none;
} #side-bar .season{
border: solid 1px #cccccc;
border-radius: 8.5px;
background-color: #fffeee;
padding: 15px;
}
#side-bar .season h2{
font-size: 18px;
color: #ffffff;
background-color: #f39800;
border-radius: 15px;
padding: 5px;
text-align: center;
margin: 0 0 10px;
}
#side-bar .season p{
line-height: 1.5;
}
#side-bar .mainmenu-btn a:hover{
opacity: 0.80;
-moz-opacity: 0.80;
filter: alpha(opacity=80);
} #bannerBox {
width:100%;
}
#bannerBox img {
width:100%;
height:auto;
} footer{
background-color: #d3edfb;
margin: 30px 0 0;
padding: 0;
}
footer #footer-widget-first .container{
background-image: url(//www.okutadami-lakehouse.com/wp-content/themes/lakehouse/images/bg-footer.png);
background-position: 15px bottom;
background-repeat: no-repeat;
padding-top: 15px;
padding-bottom: 10px;
}
footer #footer-widget-first p{
line-height: 1.5em;
}
footer #footer-widget-second{
background-color: #bbcce9;
}
footer #footer-widget-second #footer-third ul{
padding: 0;
list-style: none;
margin-top: 15px;
margin-bottom: 0;
}
footer #footer-widget-second #footer-third ul li{
float: left;
border-left: 1px solid #666666;
padding-left: 10px;
padding-right: 10px;
line-height: 1em;
}
footer #footer-widget-second #footer-third ul li:last-child{
border-right: 1px solid #666666;
}
footer #footer-widget-second #footer-third ul::after{
clear: both;
display: block;
visibility: hidden;
}
footer #footer-widget-second #copyright{
margin-top: 1em;
line-height: 1em;
font-size: 14px;
text-align: right;
} .red{
color: #FF0000;
font-size: 12px;
}
#content .post-content .form-group input.btn{
border-color: #cccccc;
display: inline-block;
}
.form-group input.btn:hover{
background-color: #4694d1;
border-color: #4694d1;
color:#ffffff;
transition-property:background;
transition-duration:0.5s;
transition-timing-function:ease;
}
.form-group input.btn[disabled]:hover{
background-color:#eeeeee;
color:#333333;
filter: alpha(opacity=65);
opacity: 0.65;
}
@media screen and (max-width: 767px) {
header#site-header{
background-image:none;
background-color: #4694d1;
padding-top: 15px;
}
.site-title{
margin-top: 0px;
}
header .header-first{
margin-top: 20px;
text-align: center;
margin-bottom: 15px;
} #side-bar .mainmenu-btn{
display:none;
visibility:hidden;
}
.navbar .main-menu {
position: absolute;
top: 5px;
right: 15px;
z-index: 100;
}	
.navbar-collapse.collapse.in {
display: block !important;
}
.navbar-default .navbar-toggle{
border-color: #ffffff;
margin-top: 0;
margin-right: 0;
}
.navbar-default .navbar-toggle .icon-bar{
background-color: #ffffff;
}
.navbar-default .navbar-collapse{
background-color:rgba(255,255,255,0.90);
border: none;
}
#menu-mainmenu{
overflow-x: hidden;
margin: 0 0 0 0;
padding: 10px 0;
height: 100vh;
box-sizing: border-box;
}
#menu-mainmenu li{
background-color: transparent;
border: none;
border-bottom: solid 1px #cccccc;
font-size: 16px;
font-weight: 600;
padding: 0;
margin-bottom: 5px;
margin: 0;
display: block;
box-sizing: border-box;
text-align: left;
}
.navbar-nav > li > a{
padding-top: 20px;
padding-bottom: 20px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
background-color:transparent;
color: #555;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
background-color:transparent;
} #content .post-content ul.photo03 li{
display:inline-block;
vertical-align: top;
margin-bottom: 30px;
font-size: 16px;
}
#content .post-content ul.photo03 li:nth-child(3n){
margin-right: 2%;
}
#content .post-content ul.photo03 li{
width: 48%;
margin-right: 2%;
}
#content .post-content ul.photo03 li:nth-child(2n){
margin-right: 0;
} #side-bar{
margin-top: 30px;
}
#content .post-content, #content .content{
float:none;
}
#content #side-bar{
float:none;
}	
}
@media screen and (min-width: 576px) and (max-width: 767px) { #content .post-content ul.photo03 li{
width: 48%;
margin-right: 4%;
}
#content .post-content ul.photo03 li:nth-child(3n){
margin-right: 4%;
}	
#content .post-content ul.photo03 li:nth-child(2n){
margin-right: 0;
} #front-page .meal-button .col-xs-12{
width: 50%!important;
} #content .post-content .meal .col-xs-12{
width: 50%!important;
} #content .post-content .button .col-xs-12{
width: 50%!important;
} #content .archive-content .entry-summary .col-xs-12.col-sm-5{
width: 33.3333%!important;
}
#content .archive-content .entry-summary .col-xs-12.col-sm-7{
width: 66.6667%!important;
}
}
@media screen and (max-width: 575px) { #content .post-content ul.photo03 li,#content .post-content ul.photo02 li{
display: block;
vertical-align: top;
margin-bottom: 30px;
font-size: 16px;
}
#content .post-content ul.photo03 li{
width: 100%;
margin-right: 0;
}
#content .post-content ul.photo02 li{
width: 100%;
margin-right: 0;
} #front-page .meal-button .col-xs-12{
width: 100%!important;
} #content .post-content .meal .col-xs-12{
width: 100%!important;
} #content .post-content .button .col-xs-12{
width: 100%!important;
} #content .archive-content .entry-summary .col-xs-12.col-sm-5{
width: 100%!important;
}
#content .archive-content .entry-summary .col-xs-12.col-sm-7{
width: 100%!important;
} #bannerBox {
width:100%;
}
#bannerBox img {
width:100%;
height:auto;
}
}