/*榎本建築TOPページ用*/
html{
    height: 100%;
    zoom: 1;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font-weight: normal;
    vertical-align: baseline;
    background: transparent;
    word-break: break-word;
}
body#re  {
    background-color: #fff;
    background-image: none;
    background-repeat: no-repeat;
    background-position: top center;
    height: 100%;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}
.blogside img{
    width: 100%;
}
#re #head{
	position: fixed;
	top: 0;
    width: 100%;
    z-index: 9999999;
    transition: 0.5s;
}
#re #head.HeaderShow{
    background: rgba(255,255,255,0.9);
}
#re #head .inner{
	width: 1280px;
	margin: 0 auto;
}
#re #head .topH{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	        align-items: flex-start;
    margin: 5px auto 0;
}
#re #head .topH h1{
    font-size: 11px;
    margin: 0;
    padding: 0;
    letter-spacing: 0.01em;
    color: #727171;
}
#re #head .topH h2{
	padding: 0;
	margin: 25px auto 10px;
}
#re #head .topH h2 img{
    display: inline-block;
    vertical-align: top;
}
#re #head .topH p{
    font-size: 16px;
    margin: 0;
    padding: 0;
    letter-spacing: 0.01em;
    color: #727171;
}
#re #head .area-sns{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
-ms-flex-align: center;
        align-items: center;
    width: 555px;
    margin: 15px 0;
}
#re .menu{
	width: 1280px;
	margin: 0 auto;
}
.menuflex{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	        align-items: flex-start;
	list-style: none;
    margin: 15px auto;
    padding: 0;
}
.menuflex li:first-child{
    border-left: 1px solid #727171;
}
.menuflex li:after{
	content: "";
	width: 0%;
	height: 1px;
	background-color: #727171;
	transition: 0.5s;
	display: block;
}
.menuflex li:hover:after{
	width: 100%;
}
.menuflex li{
    border-right: 1px solid #727171;
    min-width: 156px;
    text-align: center;
}
#re .coinfo{
    text-align: right;
}
.topBox {
    background-position: center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 797px;
}
.bg-title {
    text-align: center;
}
#re #content {
    width: 1280px;
    height: auto;
    margin: 10px auto 0 auto;
}
#re #main {
    float: left;
    width: 1050px;
    height: auto;
}
#re #index_comment {
    clear: both;
    width: 1280px;
    height: auto;
    margin: 0 0 20px 0;
    padding: 20px;
    background-image: url(../images/washi_bg.jpg);
    color: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    box-sizing: border-box;
    position: relative;
}
#re #index_comment .iconBox{
    position: absolute;
    bottom: 40px;
    right: 10px;
    width: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#re #index_comment .iconBox img{
    width: 50%;
    padding: 0 10px;
    box-sizing: border-box;
}
#re #footer #footer_menu ul li:before{
	content: ">";
	display: inline-block;
	color: #727171;
    margin: 0 5px 0 0;
}
#re #footer #footer_menu ul li {
    height: 18px;
    margin: 5px 0 5px 0px;
    padding: 0 0 0 0;
    background-image: none;
}
#re #footer {
    clear: both;
    width: 1280px;
    height: auto;
    margin: 0 auto;
    padding: 20px 0 0 0;
    color: #727171;
}
#re #footer #footer_menu ul a {
    color: #727171;
    text-decoration: none;
}
#re #footer #footer_logo h3 {
    font-size: 20px;
    color: #727171;
    margin: 0 0 5px 0;
    padding: 0;
    text-align: left;
}
#re .side img.fill{
    filter: brightness(0.75);
    transition: 0.5s;
    vertical-align: middle;
}
#re .side a:hover img.fill{
    filter: brightness(1);
    transform: scale(1.1);
}
#re .side img.desc{
	position: absolute;
    top: 6px;
    left: 5px;
    z-index: 999;
}
#re .side a{
	position: relative;
	display: inline-block;
	overflow: hidden;
}
#re .side #ichiran a{
    display: block;
}
#re #main .content_box_left {
    width: auto;
    height: auto;
    float: left;
    margin: 0 10px 5px 0;
}
#re #main .content_box_right {
    width: auto;
    height: auto;
    float: left;
    margin: 0 0 5px 0;
}
#re #main .rekodawari_box {
    width: 1050px;
    height: auto;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    margin: 0 auto 10px;
    padding: 20px 0;
}
#re .rekodawari{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	        align-items: flex-start;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}
.rekodadwaititle{
    text-align: center;
    margin: 0px auto 10px;
}
.frontBox div a{
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
	overflow: hidden;
}
.frontBox div a img{
    vertical-align: middle;
}
.frontBox div img.fill{
    filter: brightness(0.75);
    transition: 0.5s;
}
.frontBox div a:hover img.fill{
    filter: brightness(1);
    transform: scale(1.1);
}
.frontBox div img.desc{
	position: absolute;
    top: 20px;
    left: 20px;
    z-index: 999;
}

ul.rekodawari li a{
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
	overflow: hidden;
}
ul.rekodawari li a img{
    vertical-align: middle;
}
ul.rekodawari li img.fill{
    filter: brightness(0.75);
    transition: 0.5s;
}
ul.rekodawari #rekodawari01,ul.rekodawari #rekodawari02{
    margin: 0 0 3px;
}
ul.rekodawari li a:hover img.fill{
    filter: brightness(1);
    transform: scale(1.1);
}
ul.rekodawari li img.desc{
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 999;
    margin: auto;
    bottom: 0;
    right: 0;
}
#re #main #blogbox {
    float: left;
    clear: both;
    width: 538px;
    height: 676px;
    margin: 0 0 0px 0;
    padding: 0 0 20px 0;
    background-color: #ffffff;
}
#re #main #blogbox iframe{
    width: 100%;
    height: 676px;
    margin: 0;
}
#re #facebook {
    width: 500px;
    height: auto;
    background-color: #ffffff;
    float: right;
    margin: 0 0 20px 0;
}
#re .fb-page {
    width: 500px;
    height: auto;
}
.bana{
    width: 1280px;
    height: auto;
}
.spnav{
    display: none;
}
.is-sp{
    display: none;
}
#re div.cms_top{
    z-index: 99999999;
}
#re div.cms_top_panel_control{
    z-index: 99999999;
}
#re #modalwindow{
    z-index: 99999999;
}



 @media screen and (max-width: 576px) {

img{
    max-width: 100%;
}
.is-sp{
    display: block;
}
.is-pc{
    display: none;
}
.blogside{
    width: 100%;
    border: 0.3vw solid #cacaca;
    margin: 0 auto 3vw;
    box-sizing: border-box;
}
.blogside img{
    width: 100%;
}
.topBox{
    width: 100%;
    height: 70vw;
}
.topBox {
    height: 70vw;
}
.topBox .bg-ttl{
    max-width: 77%;
    margin: 20vw auto 0;
}
#sp_link.pcnav{
    display: none;
}
.spnav{
    display: block;
}
.pcnav{
    display: none;
}
.bana{
    width: 100%;
    height: auto;
}
.side{
    display: none;
}
#re #head .inner{
    width: 100%;
    margin: 0 auto;
}
#re .menu{
    width: 100%;
    margin: 0 auto;
}
#re #content {
    width: 100%;
    height: auto;
    margin: 10px auto 0 auto;
}
#re #main {
    float: none;
    width: 95%;
    height: auto;
    margin: 0 auto;
}
#re #main .content_box_left {
    width: auto;
    height: auto;
    float: left;
    margin: 0;
}
#re #index_comment {
    clear: both;
    width: 100%;
    height: auto;
    margin: 5vw 0 2vw 0;
    padding: 2vw;
    background-image: url(../images/washi_bg.jpg);
    color: #ffffff;
    background-size: cover;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-position: -8vw;
}
#index_comment p {
    margin: 15vw 5vw;
    font-size: 3.2vw;
}
.frontBox div img.desc {
    position: absolute;
    top: 2vw;
    left: 2vw;
    z-index: 999;
    width: 52vw;
}
ul.rekodawari li a {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    margin: 1vw 0;
}
.frontBox div a {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    margin: 1vw 0;
}
#re #footer {
    clear: both;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 5vw 0 0 0;
    color: #727171;
    text-align: center;
}
#re #main .rekodawari_box {
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    margin: 0 auto 2vw;
    padding: 2vw 0;
}
.rekodadwaititle {
    text-align: center;
    margin: 0px auto 1vw;
    width: 90%;
}
#re #head .topH{
    display: block;
    margin: 1vw auto 0;
}
#re #head .topH h1 {
    font-size: 2vw;
    margin: 0;
    padding: 0;
    letter-spacing: 0.01em;
    color: #727171;
    text-align: center;
}
#re #head .topH h2 {
    padding: 0;
    margin: 2vw auto 0vw;
    width: 60%;
}
#re #head .topH p {
    font-size: 2.8vw;
    margin: 0 0 1vw;
    padding: 0;
    letter-spacing: 0.01em;
    color: #727171;
    text-align: center;
}
#re .rekodawari {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}
#re .coinfo a{
    text-decoration: none;
    border: none;
}
#re .coinfo a.hFrom img,#re .coinfo a.hAccess img{
    width: auto;
    height: 4.5vw;
}
ul.rekodawari #rekodawari01, ul.rekodawari #rekodawari02 {
    margin: 0;
}
ul.rekodawari li img.desc {
    position: absolute;
    top: 0;
    left: 0px;
    z-index: 999;
    margin: auto;
    bottom: 0;
    right: 0;
    width: 35vw;
}
#re #main #blogbox {
    float: none;
    clear: both;
    width: 100%;
    height: auto;
    margin: 0 0 -35vw 0;
    padding: 0 0 2vw 0;
    background-color: #ffffff;
}
#re #facebook {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    float: none;
    margin: 0 auto;
}
#re .fb-page {
    width: 100%;
    height: auto;
}
#re .coinfo {
    text-align: center;
}
#re #head .area-sns{
    position: absolute;
    display: block;
    width: 7%;
    top: 3vw;
    right: 4vw;
}
.bg-title {
    text-align: center;
}
#re #footer #footer_logo h3 {
    font-size: 6vw;
    color: #727171;
    margin: 0 0 1vw 0;
    padding: 0;
    text-align: center;
    line-height: 1;
}
#footer #footer_logo h3 img {
    margin: 0 2vw 0 0;
    vertical-align: middle;
}
#footer #footer_logo span.small {
    clear: both;
    float: none;
    margin: 0 auto 2vw;
    display: block;
}
#footer #footer_logo p {
    clear: both;
    float: none;
    margin: 0 auto 2vw;
    font-size: 2.8vw;
    color: #727171;
}
#footer #footer_logo p.telldesc a {
    color: #727171;
    text-decoration:none; 
}
#footer #copyright {
    clear: both;
    width: 100%;
    height: auto;
    margin: 5vw auto;
    text-align: center;
    font-size: 2.4vw;
}
#footer #footer_logo {
    width: 100%;
    height: auto;
    float: none;
    margin: 0 auto;
    text-align: center;
}
#re .drawer-menu li a{
    text-align: center;
    margin: 5vw 0;
    color: #fff;
    display: block;
}
#re #index_comment .iconBox {
    position: absolute;
    bottom: 4vw;
    right: 2vw;
    width: 60vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
#re #index_comment .iconBox img {
    width: 50%;
    padding: 0 1vw;
    box-sizing: border-box;
}
.news-sp ul{
    height: 50vw;
    overflow: scroll;
    width: 100%;
    margin: 3vw auto;
    padding: 5vw 5vw;
    box-sizing: border-box;
    border: 0.5px solid #cacaca;
}
.news-sp ul li{
    list-style: none;
    border-bottom: 0.5px solid #000;
    font-size: 3.2vw;
}
.news-sp .rekodadwaititle {
    height: 6.5vw;
}
.frontBox div .news-sp-all{
    margin: 3vw;
    border-top:solid 1px #000;
    border-bottom:solid 1px #000;
    padding: 2vw;
    text-align: center;
    display: block;
    font-size: 3.6vw;
    letter-spacing: 0.05em;
    color: #000; 
    text-decoration:none; 
}
}