/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }




p.textphoto {
  position: absolute;
  top: 50%; /*親要素を起点に上から50%*/
  transform: translateY(-50%); /*要素の大きさの半分ずつを戻す*/
  -webkit-transform: translateY(-50%);
	margin: auto;
	display: block;
	width: 100%;
    
    font-family:  "ヒラギノ角ゴ ProN W3", 游明朝, "メイリオ";
    font-size: 200%;
    letter-spacing: 0.2em;
    font-weight: bold;
	text-align: center;
	padding: auto;/* ライフロード改造値 */
	color: #ffffff;/* 絶対位置指定 */
    text-shadow: 0 0 7px #444444,0 0 7px #333,0 0 7px #444444,0 0 7px #333,0 0 7px #444444,0 0 7px #333,0 0 7px #444444,0 0 7px #333,0 0 7px #444444,0 0 7px #333,0 0 7px #444444,0 0 7px #333,0 0 7px #444444,0 0 7px #333,0 0 7px #444444,0 0 7px #fff;

}



/*====== 9-1-1 縦線が動いてスクロールを促す =======*/

/*スクロールダウン全体の場所*/
.scrolldown1{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	left:50%;
	bottom: 18%;
    /*全体の高さ*/
	height:50px;
}

/*Scrollテキストの描写*/
.scrolldown1 a{
    /*描画位置*/
    position: absolute;
    left: -20px;
    top: -25px;
    /*テキストの形状*/
    color: #ffffff;/* 絶対位置指定 */
    text-shadow: 0 0 3px #444444,0 0 3px #333,0 0 3px #444444,0 0 3px #333;
    letter-spacing: 0.05em;
    font-size: 120%;
    font-family: system-ui;
    text-decoration: none;
}

/* 線の描写 */
.scrolldown1::after{
	content: "";
    /*描画位置*/
	position: absolute;
	top: 0;
    /*線の形状*/
	width: 2px;
	height: 30px;
	background: #fff;
    /*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 1.8s ease-in-out infinite;
	opacity:0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:30px;
		opacity: 1;
	}
	100%{
		height:0;
		top:50px;
		opacity: 0;
	}
}



/*スライドショー
-------------------------------------*/

.meal {
    width: 100%;
	max-width: 1120px;
	margin: 20px auto 0 auto;
	padding: 0;
	height: auto;
}
.meal img{ width: 100%;}

.meal .slick-next { right: 20px; z-index: 99;}
.meal .slick-prev { left: 20px; z-index: 100;}


.slide_photo {
    width: 100%;
	max-width: 1120px;
	margin: 20px auto 0 auto;
	padding: 0;
	height: auto;
}
.slide_photo img{ width: 100%;}

.slide_photo .slick-next { right: 20px; z-index: 99;}
.slide_photo .slick-prev { left: 20px; z-index: 100;}



/* -- スマホ用　スリック表示設定ここから -------------------------------------------------------------------------------- */
/* -- responsive ------------------------------------------- */

/* 1120変更pixel start */
@media screen and ( max-width: 1120px ) {


p.textphoto {
  position: absolute;
  top: 75%; /*親要素を起点に上から50%*/
  transform: translateY(-50%); /*要素の大きさの半分ずつを戻す*/
  -webkit-transform: translateY(-50%);
	margin: auto;
	display: block;
	width: 100%;
    
    font-family:  "ヒラギノ角ゴ ProN W3", 游明朝, "メイリオ";
    font-size: 3.8vw;
    letter-spacing: 0.1em;
    line-height: 7vw;
    font-weight: bold;
	text-align: center;
	padding: auto;/* ライフロード改造値 */
	color: #ffffff;/* 絶対位置指定 */
    text-shadow: 0 0 7px #444444,0 0 7px #333,0 0 7px #444444,0 0 7px #333;

}
    
.meal {
    width: 95%;
	max-width: 1120px;
}
    
.slide_photo {
    width: 95%;
	max-width: 1120px;
}    
    
}