/* ==============================
レスポンシブ対応
=============================== */
@media screen and (min-width:470px) {
	a[href^="tel:"] {
  pointer-events: none;
  cursor: none;
}
}

	
	
/* =======1024px以下の場合に適応======= */

@media screen and (max-width:1024px) {
	#wrap {
		width: 100%
	}
		
	nav {
		width: 100%;
	}
	
	#slideshow {
   width: 100%;
	}
	
	#hero {
	height: 50vw;
	}

	.header_content {
	width: 100%;
	}
	
	footer{
		width: 100%;
	}

}	

/* =======915px以下の場合に適応======= */

@media screen and (max-width:915px) {
	
	.pc-contents{
		display: none;
	}
	
	.bobile-contents{
	display: block;
}
	
	nav{
		padding: 0;
	}
	
	nav li.has-child ul,
	nav li.has-child ul ul{
  position: relative;
	left:0;
	top:0;
	width:100%;
	visibility:visible;/*JSで制御するため一旦表示*/
	opacity:1;/*JSで制御するため一旦表示*/
	display: block;/*最初から表示（noneにすると最初非表示）*/
	transition:none;/*JSで制御するためCSSのアニメーションを切る*/
	}
	
	/*三本線の体裁*/
	
	#nav-toggle {
		display: block;
		border: solid 3px #ffffff;
		border-radius: 5px;
		padding: 5px;
	}

	#global-nav {
		position: fixed;
		right: -300px;
		top: 0;
		height: 100%;
		width: 300px;
		padding-top: 90px;
		background: #53778b;
		-webkit-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
		overflow: scroll;
	}
	
	ul.global-nav {
	 display: block;
	}

	ul.global-nav li {
		margin: 0px 0px 0px 20px;
		}
	
	ul.global-nav a:link,
	ul.global-nav a:visited {
		color: #ffffff;
		font-size: 17px;
		width: auto;
		display: block;
		text-decoration: none;
		text-align: left;
		line-height: 200%;
		font-weight:normal;
		}

	nav ul li li a{
		padding:5px 20px;
	}
	
		/* 3本線の動き */
	.open #nav-toggle span {
		background: #ffffff;
	}
	
	.open #nav-toggle span:nth-child(1) {
		top: 20px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	
	.open #nav-toggle span:nth-child(3) {
		top: 20px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	/* z-index */
	#overlay {
		z-index: 200;
	}
	#global-nav {
		z-index: 300;
	}
	#nav-toggle {
		z-index: 400;
	}

	/* ナビゲーションの開閉 */
	.open {
		overflow: hidden;
	}
	.open #overlay {
		display: block;
	}
	.open #global-nav  {
		-webkit-transform: translate3d(-300px,0,0);
		transform: translate3d(-300px,0,0);
	}
	
	/*矢印の位置と向き*/
	
	nav ul li.has-child.active::before {
	content: '\e5ce';
	font-family: 'Material Icons';
	font-size: 24px;
	color: #ffffff;
	padding: 0px 3px 0px 0px;
	position: absolute;
	left: -15px;
	top: 10px;
	}
	
	/* 2階層目の設定 */

	/*ナビゲーションaタグの形状*/

	nav li.has-child ul li a{
		color: #ffffff;
		border: none;
		border-radius: 0px;
		background-color: transparent;
		box-shadow: none;
		padding: 6px;
		}

	nav li.has-child ul li a:hover,
	nav li.has-child ul li a:active{
		background-color: transparent;
		color: #ffffff;
	}

	.logo {
	width: 40%;
	}
	
	.logo img {
		max-width: 100%;
	}
	
	.header_content{
		justify-content: flex-start;
	}
	
}
/* =======660px以下の場合に適応======= */

@media screen and (max-width:660px) {
	
	header {
  height: 22vw;
	}
	
	h1 {
	font-size: 25px;
	}
	
	.flex-box {
	flex-wrap: wrap;
	}
	
	.flex-60,
	.flex-50,
	.flex-40{
		width: 100%;
	}
	
	.text-box {
	width: 100%;
	}

	.image-box {
		width: 100%;
	}
	
	.flex-box{
	flex-wrap: wrap;
	}

	ul.footer-info {
	display: block;
	}
	
	ul.images-list li,
	ul.thumb-list li{
  width: 100%;
	}

}/* 660px以下の場合に適応 ここまで*/


/* =======470px以下の場合に適応======= */

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

	
}/* 477px以下の場合に適応 ここまで*/