/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bxslider{
	list-style-type:none;
	margin:0;
	padding:0;
}
/* ヒーローヘッダー */
.bxslider li {
  position: relative;
  overflow: hidden;/*横スクロールバーが出ないように*/
  display: flex;
  align-items: center; /* 縦方向の中央揃え */
  justify-content: center; /* 横方向の中央揃え */
  flex-direction: column; /* 子要素の並びを上から下にする（要素の改行に対応） */

  text-align:center;
}
.bxslider li img{
  display: block;
  width: 100vw;
  height: calc(100vh - 60px);
  /*height: 95vh;*/ /*ページャーをファーストビューに含める*/
  /*height:600px;*/ /*任意の高さを指定100vw*/
}
/*スマホでコンテンツが領域をはみ出さないよう絶対値でサイズを指定*/
@media screen and (max-width: 320px) and (max-width: 480px) {
  .box {
    width: 320px;
    height: 480px;
  }
}


@-webkit-keyframes inout {
  0%   { -webkit-transform: scale(1.08) rotate(0.1deg); }
  100% { -webkit-transform: scale(1.3) rotate(0.1deg); }
}
@-moz-keyframes inout {
  0%   { -moz-transform: scale(1.08) rotate(0.1deg); }
  100% { -moz-transform: scale(1.3) rotate(0.1deg); }
}
@keyframes inout {
  0%   { transform: scale(1.08) rotate(0.1deg); }
  100%  { transform: scale(1.3) rotate(0.1deg); }
}

/*画像の上にテキストを上下中央に表示*/
div.text{
	width: 100%; 
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 999!important;
	color:#fff;
}
.text-01{
	font-size: 4.5rem;
	font-weight: normal;
	text-shadow:3px 3px 7px #000000;
	font-weight:bold;
	padding:0;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; 
	line-height: 1.5em;
}
@media only screen and (max-width : 767px) {
.bxslider li img{
	  width: auto;
}
/*画像の上にテキストを上下中央に表示*/
div.text{
	width: 100%; 
	position: absolute;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 999!important;
	color:#fff;
}
.text-01{
	font-size: 40px;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
	padding-bottom: 5px;
	padding-top: 20px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	line-height: 1em;
}
}
/* ヒーローヘッダー */