@charset "UTF-8";

/*
**********************************************************************

* index.css

* site name   : yamagiwa
* description : Import need style sheets
* since       : 2018-10
* editor      : Office ThroughSky  Tominaga 

*********************************************************************
*/


/*ご相談・お問い合わせ　TO_TOP　出現ボタン*/
.to_contact {
    position: fixed;
    bottom: 100px;
    right: 40px;
	z-index: 50;

}

.to_contact a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


.to_blog {
    position: fixed;
    bottom: 280px;
    right: 40px;
	z-index: 50;
}

.to_blog a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

@media screen and (max-width: 479px) {
.to_contact {
	display:none;
	/*position: fixed;
	bottom: 200px;
	right: 20px;
	height: 10px;
	width: 10px;*/
}
	
.to_blog {
	display:none;
   /* position: fixed;
    bottom: 20px;
    right: 20px;
	height: 10px;
	width: 10px;*/
}

}

/*ご相談・お問い合わせ　TO_TOP　出現ボタンここまで*/


/* @media screen and (min-width: 450px) and (max-width: 800px) { */
	@media screen and (max-width: 800px) {




		
.phone_hidden {
	display:none;
}
/*
			nav.globalMenuSp {
				position: fixed;
				z-index: 1;
				top: 0;
				left: 0;
				background: #fff;
				color: #000;
				text-align: center;
				transform: translateY(-100%);
				transition: all 0.6s;
				width: 100%;
		}
		 
		nav.globalMenuSp ul {
				background: #ccc;
				margin: 0 auto;
				padding: 0;
				width: 100%;
		}
		 
		nav.globalMenuSp ul li {
				font-size: 1.1em;
				list-style-type: none;
				padding: 0;
				width: 100%;
				border-bottom: 1px dotted #333;
		}
		 
		/* 最後はラインを描かない
		
		nav.globalMenuSp ul li:last-child {
				padding-bottom: 0;
				border-bottom: none;
		}
		 
		nav.globalMenuSp ul li a {
				display: block;
				color: #000;
				padding: 1em 0;
		}
		 
		/* このクラスを、jQueryで付与・削除する
		nav.globalMenuSp.active {
				transform: translateY(0%);
		}
		
*/		
		
		
		/*（ハンバーガー用）CSS */
		.navToggle {
				display: block;
				position: fixed;    /* bodyに対しての絶対位置指定 */
				right: 13px;
				top: 12px;
				width: 42px;
				height: 51px;
				cursor: pointer;
				z-index: 3;
				background: #666;
				text-align: center;
		}
		 
		.navToggle span {
				display: block;
				position: absolute;    /* .navToggleに対して */
				width: 30px;
				border-bottom: solid 3px #eee;
				-webkit-transition: .35s ease-in-out;
				-moz-transition: .35s ease-in-out;
				transition: .35s ease-in-out;
				left: 6px;
		}
		 
		.navToggle span:nth-child(1) {
				top: 9px;
		}
		 
		.navToggle span:nth-child(2) {
				top: 18px;
		}
		 
		.navToggle span:nth-child(3) {
				top: 27px;
		}
		 
		.navToggle span:nth-child(4) {
				border: none;
				color: #eee;
				font-size: 9px;
				font-weight: bold;
				top: 34px;
		}
		
		
		/* （タップした後）CSS */
		/* 最初のspanをマイナス45度に */
		.navToggle.active span:nth-child(1) {
				top: 18px;
				left: 6px;
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				transform: rotate(-45deg);
		}
		 
		/* 2番目と3番目のspanを45度に */
		.navToggle.active span:nth-child(2),
		.navToggle.active span:nth-child(3) {
				top: 18px;
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				transform: rotate(45deg);
		}
							
							
	/*h1 img {width:350px;}*/
	
	h3 {
	margin-top: 5em;
	margin-bottom: 5em;
		}
		
		  /* 
#inner-header {
	z-index: 10;
	height: 130px;
	}
#inner-header-menu {
	background-attachment: scroll;
	background-image: url(../img/inner-headback.png);
	background-repeat: repeat-x;
	background-position: center top;
	position: absolute;
	width: 100%;
	text-align: center;
	}
#inner-header-menu h1{
	float: left;
	margin-top:0.5em;
	margin-left: 0em;
		}
#inner-header-menu .gyosha-meibo{
	font-size: 0.7em;
	text-align: right;
	margin-top: 0.2em;
	margin-bottom: 0px;
	margin-right: 0.7em;
	float: right;
		}
 表示領域が800px以下の場合に適用するスタイル */
						/*（グローバルナビ用）CSS */

	#inner-header-menu {
	background-attachment: scroll;
	background-image: url(../img/header/headerback-img-mini.png);
	background-repeat: repeat-x;
	background-position: center top;
	width: 100%;
	height: 140px;
	text-align: center;
		}
			
	#inner-header-menu .gyosha-meibo {
	font-size: 0.6em;
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
		}
		
	 }
	 
.ccccc-ccccc-kokokara-mini {}
/*
	@media screen and (max-width: 449px) {
    表示領域が450px以下の場合に適用するスタイル 

	 }
*/ 
	 
.ccccc-ccccc-kokokara-big {}
	 
	 
	 @media screen and (min-width: 801px) {
   /* 表示領域が801px以上の場合に適用するスタイル */
	
#inner-header {
	z-index: 10;
	height: 130px;
	}
#inner-header-menu {
	background-attachment: scroll;
	background-image: url(../img/inner-headback.png);
	background-repeat: repeat-x;
	background-position: center top;
	position: absolute;
	width: 100%;
	text-align: center;
	}
#inner-header-menu h1{
	float: left;
	margin-top:0.5em;
	margin-left: 0em;
		}
#inner-header-menu .gyosha-meibo{
	font-size: 0.7em;
	text-align: right;
	margin-top: 1em;
	margin-bottom: 0px;
	margin-right: 1em;
	float: right;
		}
#inner-header-nav {
	font-size: 0.9em;
	margin-top:5em;
	margin-right: 0.5em;
	float: right;
	clear: right;
		}
#inner-header-nav ul {
		}
#inner-header-nav li {
	font-size: 0.9em;
	display: inline;
	margin-right: 0.5em;	
		}
.inner-contentblock {
	position: absolute;
	/**/
	top:180px;
	z-index: 100;
	width: 100%;
	}
.inner-contentwrap {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	}
}