@charset "UTF-8";

/* RESPONSIVE 
---------------------------------------------------------------------- */
.new_seaf {
text-align: center;
}

.red {
	font-size: 1.7rem;
	margin: 1.3rem;
}

.new_seaf_box {
	border: 1px solid #c1272d;
	padding: 10px;
	margin: 0 auto;
	margin-bottom: 40px;
	max-width: 900px;
	color:#c1272d;
	font-size: 1rem;
}


/* ===========================================

 	PC向け表示設定
 
============================================== */
@media only screen and (min-width: 900px){	


/* -------------------------------------------
main
============================================== */
.container {
margin: 0 auto;
width: 900px;
}

/* -------------------------------------------
header
============================================== */
#header .headerWrap {
max-width: 900px;
text-align: right;
}
#header h1 {
display: inline-block;
width: 29%;
height: 68px;
line-height: 70px;
}

#header {
	margin-top: -70px;
}

.page05 #header {
	top: 70px;
    margin-top: -70px;
}

#contact #header {
	top: 70px;
    margin-top: -70px;
}

#contact #main {
   margin-top: 90px;
}

.Blog #header {
	top: 70px;
    margin-top: -70px;
}

#shop #mainImg {
	margin-top: 70px;
}
#company #mainImg {
	margin-top: 70px;
}
#service #mainImg {
	margin-top: 70px;
}

.Blog #main {
    margin-top: 110px;
}

.page05 #main {
    margin-top: 110px;
}

/* -------------------------------------------
globalnavi
============================================== */
#header #close,
#header #toggle {
display: none;
}


/*#gnav #nav {
display: flex;
}
*/
#gnav ul > li > a {
display: block;
}


#gnav { 
width: 70%;
display: inline-block;
text-align: right;
vertical-align: middle;
}

#gnav #nav {
margin: 0 auto;
width: 100%;
max-width: 1000px;
height: 50px;
position: relative;
display: inline-block;
font-size: 13px;
}	
#nav > li.single {
position: relative;
}
#gnav .nav > li.single > a {
display: block;
}
ul.sub {
display: none;
opacity: 1;
z-index: 1;
}
#gnav #nav {
*zoom: 1;
}
#gnav #nav li.single ul.sub {
position: absolute;
top: 61px;
left: -1px;
width: 440px;
background: #efefef;
text-align: left;
border: 1px solid #ffffff;
border-top: none;
}


#gnav #nav li.single {
padding: 0;
display: inline-block;
border-right: 1px solid #808080;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#gnav #nav li.single:first-child {
border-left: 1px solid #808080;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#gnav li .link,
#gnav #nav li.single a {
margin: 0;
padding: 0;
width: 8.5em;
line-height: 50px;
display: block;
text-align: center;
-moz-transition: .3s linear;
-webkit-transition: .3s linear;
transition: .3s linear;
}
#gnav  li .link:hover,
#gnav li.single a:hover {
background: -moz-linear-gradient(top, rgba(255,255,255,0) 30%, rgba(221,237,197,1) 80%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 30%,rgba(221,237,197,1) 80%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 30%,rgba(221,237,197,1) 80%);
text-decoration: none;
}


#gnav li.single.current > a {
background: -moz-linear-gradient(top, rgba(255,255,255,0) 30%, rgba(41,171,226,0.4) 80%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 30%,rgba(41,171,226,0.4) 80%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 30%,rgba(41,171,226,0.4) 80%);
text-decoration: none;
}
#gnav li.single.current > a:hover {
background: #ddedc5;
}


#gnav li span {
margin: 0;
padding: 0;
}



#gnav #nav li.single ul.sub li {
display: block;
border-bottom: 1px solid #808080;
}
#gnav #nav li.single ul.sub li:last-of-type {
border-bottom: 0px;
}
#gnav #nav li.single ul.sub li a {
width: 100%;	
text-align: left;
}
#gnav #nav li.single ul.sub li a span {
margin-left: 1em;
}




/* -------------------------------------------
mainImg
============================================== */
#mainImg .warp {
margin: 0 auto;
width: 900px;
}


/* -------------------------------------------
shareBtn
============================================== */
#share ul {
width: 900px;
}

/* -------------------------------------------
Alert
============================================== */
#Alert .widget-area .widget {
width: 960px;
}




/* -------------------------------------------
footer
============================================== */
#footer footer .wrap {
width: 900px;
}
#footer .detail {
width: 900px;
display: inline-block;
}
#footer .detail li {
width: 440px;
display: inline-block;
}
#footer .detail li {
width: 440px;
display: inline-block;
}
#footer .detail li:nth-child(2n) {
margin-left: 13px;
}
#footer .detail li:nth-last-child(-n+2), 
#footer .detail li:last-child {
margin-bottom: 0;
}
#footer .footerLogo {
margin-top: 3em;
width: 25%;
display: inline-block;
}
#footer .copyright {
width: 75%;
display: inline-block;
}
#footer footer p.footer_info{
margin-top: 20px;
text-align: left;
}

}/* end */
/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

PC以外向け表示設定

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
@media only screen and (max-width: 899px){

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
main
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
body {
display: inherit;
}

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
header
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#header {
margin: 0;
/* position: sticky; */
position: fixed;
width: 100%;
}
#headerWrap {
position: relative;
width: 100%;
height: 68px;
}
#header h1 {
display: block;
}
/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
globalnavi
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#toggle {
width: 60px;
height: 60px;
display: block;
overflow: hidden;
position: absolute;
top: 0;
right: 15px;
background: #cccccc;
border-radius: 0 0 10px 10px;
box-shadow: 0 2px 0 #b0b0b0;	

border: none;
z-index: 1000;
outline: none;
}
#toggle .fa-bars {
margin: 0;
width: 60px;
height: 60px;
display: inline-block;
z-index: 99999;
}
#gnav {
width: 100%;
display: none;
background: rgba(255,255,255,0.8);
position: absolute;
top: 0;
left: 0;
z-index: 500;
}
#navWrap {
width: 100%;
text-align: center;
z-index: 200;
background: rgba(255,255,255,0.8);
transition: .3s linear;
}
#gnav #nav {
padding-top: 3em;
padding-bottom: 3em;
width: 100%;
display: inline-block;
background: rgba(255,255,255,0.8);
text-align: left;
}
#gnav #nav .single {
margin: auto;
width: 95%;
display: block;
position: relative;
}
#gnav #nav .nav01 {
	border-top: 1px solid #cccccc;
}
#gnav li .link, 
#gnav li a {
padding: 0.5em;
display:block;
border-bottom: 1px solid #cccccc;
color: #000000;
-moz-transition: background-color .3s linear;
-webkit-transition: background-color .3s linear;
transition: background-color .3s linear;
}
#gnav li .link {
background-color: #efefef;
}
#gnav li a:hover {
background-color: #ddedc5;
text-decoration: none !important;
}
ul.sub {
display: block;
}
#nav li.single ul.sub li {
display: inline-block;
width: 50%;
}
#nav li.nav01 ul.sub li a {
font-size: 0.9rem;
border-bottom: 1px dashed #cccccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#nav li.nav01 ul.sub li.sub05 a, 
#nav li.nav01 ul.sub li.sub06 a {
border-bottom: 1px solid #cccccc;
}
#nav li.single ul.sub li:nth-child(odd) {
border-right: 1px dashed #cccccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#toggle > i {
margin: auto!important;
display: block;
width: 25px;
height: 2px;
border-radius: 3px;
background: #333333;
transition: background 0.5s;
position: relative;
right: 0;
top: 0;
bottom: 0;
left: 0;
}
#toggle > i:before,
#toggle > i:after {
content: "";
display: block;
width: 25px;
height: 2px;
border-radius: 3px;
background: #333333;
position: absolute;
transform: rotate(0deg);
transition: all 0.3s !important;
}
#toggle > i:before {
transform:translateY(8px);
}
#toggle > i:after {
transform:translateY(-8px);
}
#toggle.navOpen > i:after {
transform:translateY(0px) rotate(-45deg);
}
#toggle.navOpen > i:before {
transform:translateY(0px) rotate(45deg);
}



/* -------------------------------------------
mainImg
============================================== */
#mainImg{
	margin-top: 0;
	padding-top: 70px;
	top:0;
	}


	#contact #header {
		margin-top: 0px;
	}

	
	.page05 #header {
		margin-top: 0px;
	}
	

	.Blog #header {
		margin-top: 0px;
	}
	
	.Blog #main {
		margin-top: 0px;
		padding-top: 70px;
	}
	
	.page05 #main {
		margin-top: 0px;
		padding-top: 70px;
	}

	.estimate #main {
		margin-top: 0px;
		padding-top: 70px;
	}
	
	
/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜	
shareBtn
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#share ul {
width: 96%;
}

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜	
Alert
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#Alert .widget-area .widget {
width: 96%;
}

/* 〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜
footer
〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜 */
#footer header p {
margin: auto;
width: 90%;
display: block;
word-break: keep-all;
}
#footer .detail li .head span {
display: block;
}
#footer .detail li img {
margin: 0 auto;
}
#footer .footerLogo {
display: inline-block;
}
#footer .footerLogo a {
margin-top: 1em;
margin-left: 0.5em;
display: block;
}
#footer .copyright {
display: block;
}



}/* end */