/* 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: 80%; /*親要素を起点に上から50%*/
  transform: translateY(-80%); /*要素の大きさの半分ずつを戻す*/
  -webkit-transform: translateY(-80%);
	margin: auto;
	display: block;
	width: 100%;
    
    font-family:  "ヒラギノ角ゴ ProN W3", 游明朝, "メイリオ";
    font-size: 170%;
    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;}






/*↓gallery_slide用設定↓*/
.gallery_slide {
    /* Slider */
    /* Icons */
    /* Arrows */
    /* Dots */
}

.gallery_slide .slick-loading .slick-list {
    background: #fff url("fonts/ajax-loader.gif") center center no-repeat;
}

@font-face {
    .gallery_slide {
        font-family: 'slick';
        font-weight: normal;
        font-style: normal;
        src: url("fonts/slick.eot");
        src: url("fonts/slick.eot?#iefix") format("embedded-opentype"), url("fonts/slick.woff") format("woff"), url("fonts/slick.ttf") format("truetype"), url("fonts/slick.svg#slick") format("svg");
    }
}

.gallery_slide .slick-prev,
.gallery_slide .slick-next {
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: #626265;
    background-size: 90%;
    border-radius: 50%;
}

.gallery_slide .slick-prev:hover,
.gallery_slide .slick-prev:focus,
.gallery_slide .slick-next:hover,
.gallery_slide .slick-next:focus {
    /* color: transparent; */
    /* outline: none; */
    background: #626265;
}

.gallery_slide .slick-prev:hover:before,
.gallery_slide .slick-prev:focus:before,
.gallery_slide .slick-next:hover:before,
.gallery_slide .slick-next:focus:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.gallery_slide .slick-prev.slick-disabled:before,
.gallery_slide .slick-next.slick-disabled:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.gallery_slide .slick-prev:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 17px;
    margin: 4px 3px 0 0;
    background: url("../img/icon/arrow_01.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.gallery_slide .slick-next:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 18px;
    margin: 5px 0 0 3px;
    background: url("../img/icon/arrow_02.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.gallery_slide .slick-prev {
    left: -5%;
    top: 40%;
}

.gallery_slide [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.gallery_slide .slick-prev:before {
    content: '';
}

.gallery_slide [dir='rtl'] .slick-prev:before {
    content: '';
}

.gallery_slide .slick-next {
    right: -5%;
    top: 40%;
}

.gallery_slide [dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.gallery_slide .slick-next:before {
    content: '';
}

.gallery_slide [dir='rtl'] .slick-next:before {
    content: '';
}

.gallery_slide .slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.gallery_slide .slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.gallery_slide .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.gallery_slide .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.gallery_slide .slick-dots li button:hover,
.gallery_slide .slick-dots li button:focus {
    outline: none;
}

.gallery_slide .slick-dots li button:hover:before,
.gallery_slide .slick-dots li button:focus:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.gallery_slide .slick-dots li button:before {
    font-family: 'slick';
    font-size: 16px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-size: 13px;
}

.gallery_slide .slick-dots li.slick-active button:before {
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    color: #626265;
}

/* 1120変更pixel start */
@media screen and ( max-width: 1120px ) {
    .gallery_slide .slick-dots li button:before {
    }
    
}

/*↑gallery_slide用設定　ここまで↑*/





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

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


p.textphoto {
  position: absolute;
  top: 80%; /*親要素を起点に上から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;

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