/*
Theme Name: syato-kaihatsu
Description: Habakiri の子テーマです ( テーマの謝藤開発株式会社 )
Author: CEEMS
Version: 1.0.0
Template: habakiri
*/

/* ==============================================
	Google Font
============================================== */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* ==============================================
	IMAGE LINK ACTION
============================================== */
a:hover img { opacity: 0.5 }
a:link { text-decoration:none; }

/* ==============================================
	FONT COLOR
============================================== */
.red-text {color: red;}
.white-text {color: white;}

/* ==============================================
	BODY
============================================== */
body {
    font-family: "メイリオ", "Meiryo", "游ゴシック", "YuGothic", "Roboto", "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 14px;
    line-height: 1.8;
}
p, ul, ol, dl, table {
    margin-bottom: 20px;
}
h2, .h2 {
    font-size: 26px;
    margin: 40px 0 20px;
}
h3, h3 {
    font-size: 22px;
}
h1 {
    font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 600;
}

/* ==============================================
	CONTENT-WIDTH
============================================== */

.container,
.container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}

@media (min-width: 1200px) {
.container {
	width:970px;
}}
@media (min-width: 1000px) {
.container {
	width:970px;
}}
@media (max-width: 992px) {
    .header__content h1{
      width: 60% } 
	  }
@media (max-width: 768px) {
    .header__content h1{
      width: 100% 
	  } 
	  .h_contact{
	margin:10px 0 0 0;
	float:none;
	width:auto;
	}
	.container, .container-fluid {
  		padding-left: 10px;
  		padding-right: 10px;
}
}
/* ==============================================
	header pending
============================================== */
#header {
  	border-bottom: solid 1px #3F75AB;
	opacity: 0.9
}
/* ==============================================
	BEFORE-HEADER
============================================== */
section.before-hed,
section.before-hed a{
	background:#3F75AB;
	color: white;
}
@media (max-width: 767px) {/* smart */
	section.before-hed {
	display:none;
	}
}

/* ==============================================
	NAV
============================================== */
.site-branding {
	padding:0 0;
}
nav.global-nav {
    font-weight: 500;
}
@media (min-width: 992px) {/* pc */
nav {
    font-family: 'Noto Sans Japanese', sans-serif;
}
}

@media (min-width: 768px) {
.menu-global-menu-container ul.sub-menu {
	box-shadow:0 0 3px rgba(0,0,0,.2);
}
}
/* ==============================================
	ALL PAGE hEADER
============================================== */
.page-header {
	padding: 30px 0; }

.page-header {
	background-color:transparent;
	background-image:url("https://www.syato.ne.jp/wp-content/uploads/2018/02/sky_headerBg.jpg");
	background-repeat: repeat-x;
}
/*==================================================
 * layout
 *================================================*/
.breadcrumbs {
	margin-top: 10px;
}

.sub-page-contents {
	padding-top:0;
}

/* ==============================================
	single-bukken SIDE-NAV
============================================== */

@media (min-width: 768px) {
	#bukken_sub {
	padding-left:29px;
	border-left: 1px solid #cacaca;
	margin-bottom:60px;
   }
#bukken_sub .menu li {
  	font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 500;
}
}

/* ==============================================
	footer
============================================== */
.footer {
    background-color: #4985CE!important;
	margin-top:120px;
}
.footer_upper {
background: #3F75AB;
padding: 10px 40px;
}
.footer-widget-area {
	color:black;
	padding: 20px 0 20px;
}
.footer-widget-area a{color:black}
.footer-widget-area a:hover{color:white}
.footer .copyright{
background-color: #3F75AB;
padding:0;
margin:0;
}
.footer .copyright .sns_btn{
padding:0;
margin:10px auto;
}
.footer .copyright p{
color:white;
padding:0;
margin:10px auto;
}
.footer-widget h2.footer-widget__title {
color:white;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 400;
}
@media (max-width: 991px) {
.footer_upper,
.footer-widget-area,
.social-nav {
display:none;
}
}

/* ==============================================
	PRINT-PAGE SPECIAL
============================================== */
#contents,
body { /* Chrome */
background: #fff;
}
.responsive-nav-contents {
  box-shadow: none; /* chrome */
}

/* ==============================================
	SMART NON-DISPLAY SPECIAL
============================================== */
@media (max-width: 767px) {
	.xs-none,
	.breadcrumbs {
		display: none;
	}
}
@media (min-width: 768px) {
	.xs-on {
		display: none;
	}
}