@charset "utf-8";




#slide-show-temp{
	width: 100% ;
	height: 0 ;
/*	min-height: 700px ;*/
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	position: relative ;
	z-index: 1 ;
	background: url(../images/top-bgimg/landscape20200208-1.jpg) center center #FFF no-repeat ;
	background-size:cover
}

header{
	width: 100% ;
	margin: 0px auto ;
	position: relative ;
}



/* TOP用メニューCSS */
ul#menu-box{
	position: absolute ;
	right: auto ;
	left: 38px ;
	top: 118px ;
}
ul#menu-box li{
	padding: 0px 0px 0px 0px ;
	float: none ;
}

/*背景ダーク*/
ul#menu-box li a{color: #FFFFFF ;}
ul#menu-box li a:visited{color: #FFFFFF ;}
ul#menu-box li a:hover{color: #CCCCCC ;}

/*背景ライト
ul#menu-box li a{color: #231815 ;}
ul#menu-box li a:visited{color: #231815 ;}
ul#menu-box li a:hover{color: #CCCCCC ;}
*/

#sns-link-pc{
	left: 38px ;
	top: 245px ;
}

/*背景ダーク*/
#sns-link-pc a{background-position: left bottom ;}
/*背景ライト*/
/*#sns-link-pc a{background-position: left top ;}*/

/*背景グレー(オンマウス)*/
/*#sns-link-pc a:hover{background-position: left bottom ;}*/



footer{
	width: 100% ;
	margin: 0px auto ;
	position: static ;
}
footer #logo02-1{
	display: none ;
}
footer p{
	/*color: #231815 ;*/
	color: #FFF ;
}





@media screen and (max-width:1024px) { 
    /*　for iPad 横 Landscape */

	header{
		position: static ;
	}

	ul#menu-box li,
	ul#menu-box li a{
		font-size: 1.8vw ;
	}

	#sns-link-pc{display: none ;}
	#sns-link-sp{display: block ;}

	#sns-link-sp{
		width: 100px ;
		position: absolute ;
		left: 38px ;
		top: 280px ;
	}
	#sns-link-sp a{
		display: block ;
		width: 35px ;
		height: 35px ;
		padding-right: 12px ;
		float: left ;
	}
	#sns-link-sp a.link-facebook{background: url(../images/temp-img/logo-facebook-sp01.png) left center no-repeat ;}
	#sns-link-sp a.link-instagram{background: url(../images/temp-img/logo-instagram-sp01.png) left center no-repeat ;}

	/*ダーク*/
	#sns-link-sp a.link-facebook,#sns-link-sp a.link-instagram{background-position: left top ;}

	/*ライト*/
	#sns-link-sp a.link-facebook,#sns-link-sp a.link-instagram{background-position: left bottom ;}

	#sns-link-sp a:hover{background-position: left center ;}

}




@media screen and (max-width:768px) { 
    /*　for iPad 縦 　iPhone 横 Landscape */
	ul#menu-box li,
	ul#menu-box li a{ 
		font-size: 3vw ;
		line-height: 140%;
	}

}



@media screen and (max-width:414px) { 
    /*　for iPhone 縦 Landscape */
	#logo01{
		display: none ;
	}

	ul#menu-box{
		max-width: 100px ;
		position: absolute ;
		left: 5vw ;
		top: auto ;
		bottom: 19vw ;
	}
	ul#menu-box li,
	ul#menu-box li a{
		font-size: 4.5vw ;
		line-height: 150%;
	}

	#sns-link-sp{
		position: absolute ;
		left: 4.8vw ;
		top: auto ;
		bottom: 2.8vh ;
	}
	#sns-link-sp a.link-facebook,
	#sns-link-sp a.link-instagram{
		background-position: left bottom ;
	}
	#sns-link-sp a:hover{
		background-position: left center ;
	}

	footer #logo02-1{
		display: block ;
		width: 50% ;
		margin: 0px 0px 0px 0px ;
		position: absolute ;
		left: auto ;
		top: auto ;
		right: 4vw;
		bottom: 10vw;
	}
	footer #logo02-2{
		display: block ;
		width: 21vw ;
		margin: 0px 0px 0px 0px ;
		text-align: center ;
		position: absolute ;
		right: 4vw;
		bottom: 21.4vw;
	}
	footer p {
		font-size: 100%;
		color:
		#FFF;
		text-align: right;
		position: absolute;
		right: 5vw;
		bottom: 2vh;
	}
}



@media screen and (orientation: landscape) {
   /* 横向きの場合のスタイル */
}
@media screen and (orientation: portrait) {
   /* 縦向きの場合のスタイル */
	#slide-show-temp{
		width: 100% ;
		max-height: auto;
		max-height: initial;
		text-align:center;
		background: url(../images/top-bgimg/portrait20200208-1.jpg) center center #FFF no-repeat ;
		background-size: cover ;
	}
}