@charset "utf-8";
/*--------------------------------------
	copyright : Lampros co.,Ltd.
--------------------------------------*/

@import url(normalize.css);
@import url(../_plugin/fontawesome/css/all.min.css);
@import url(../_plugin/aos/aos.css);
@import url(common_parts.css);
@import url(common.css);


/*
stay
==============================*/

/* mvp ----------*/
#mvp { background-image: url(../_img/stay/mv.jpg); margin-bottom: 2rem; }

/* page_copy ----------*/
#page_copy { color: #FFF; background-image: url(../_img/stay/bg.jpg); }

/* stay ----------*/
#t1 .pw { background-image: url(../_img/stay/img_1.jpg); }
#t2 .pw { background-image: url(../_img/stay/img_2.jpg); }
#t3 .pw { background-image: url(../_img/stay/img_3.jpg); }
#t4 .pw { background-image: url(../_img/stay/img_4.jpg); }
#t5 { background-image: url(../_img/stay/img_5.jpg); }
#t6 .pw { background-image: url(../_img/stay/img_6.jpg); }
#t7 .pw { background-image: url(../_img/stay/img_7.jpg); }
#t8 .pw { background-image: url(../_img/stay/img_8.jpg); }
#t9 { background-image: url(../_img/stay/img_9.jpg); }
#t10 .pw { background-image: url(../_img/stay/img_10.jpg); }
#t11 .pw { background-image: url(../_img/stay/img_11.jpg); }
@media screen and (max-width:768px) { /* iPad 縦 m */
	#t5 { background-image: none; }
	#t5 .pw { background-image: url(../_img/stay/img_5.jpg); }
	#t9 { background-image: none; }
	#t9 .pw { background-image: url(../_img/stay/img_9.jpg); }
}

.index_card .h2 { font-size: 2.4rem; }
.index_card .h2 .c { display: inline-block; margin-right: 1rem; margin-bottom: 1.5em; padding: 0.8rem 1rem; border-radius: 0.4rem; opacity: 1; color: #FFF; background-color: #333; line-height: 1; font-size: 1.6rem; }
.index_card .h2 .c img { vertical-align: middle; margin-top: -0.5rem; }

.index_card-w { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.index_card-w .tw { position: relative; padding: 20rem 8rem 20rem 2rem; }
.index_card-w .tw h2, .index_card-w .tw p, .index_card-w .tw div { position: relative; z-index: 1; color: #FFF; }
.index_card-w .tw h2 { border-color: rgba(255,255,255,0.3) !important; }
.index_card-w .tw:before { z-index: 0; content: ""; top: 12rem; left: -6rem; position: absolute; width: calc(100% + 6rem); height: calc(100% - 24rem); background-color: rgba(0,0,0,0.6); }
.index_card-w .h2 .c { color: #333; background-color: #FFF; }
@media screen and (max-width:768px) { /* iPad 縦 m */
	.index_card-w .tw { position: relative; padding: 4rem; background-color: #000; }
	.index_card-w .tw:before { display: none; }
}

.day { background-color: #f6f6f6; }
.day h2 { text-align: center; line-height: 1.4; font-weight: bold; font-size: 2.4rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", 'Noto Serif JP', "Times New Roman", Meiryo, serif; }
.day h2 small { font-size: 1.4rem; font-weight: bold; }

/* flow ----------*/
#flow {}
#flow ul { position: relative; }
#flow ul:after { content: ""; z-index: -1; position: absolute; top: 2rem; left: 5rem; width: calc(100% - 8rem); height: 1px; background-color: #E6E6E6; }
#flow ul li {}
#flow ul li a { position: relative; display: block; text-decoration: none; text-align: center; }
#flow ul li img { display: inline-block; width: 4rem; }
#flow ul li span { display: block; }
#flow ul li .t { padding-top: 1rem; padding-bottom: 2rem; color: #666; text-align: center; font-size: 1.6rem; }
#flow ul li .h { position: relative; max-height: 20rem; left: 50%; color: #333; text-align: left; font-size: 1.8rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", 'Noto Serif JP', "Times New Roman", Meiryo, serif; -webkit-transform: translateX(-50%); transform: translateX(-50%); -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
@media screen and (max-width:768px) { /* iPad 縦 m */
	#flow ul:after { width: 1px; height: 100%; left: 3rem; top: 0; }
	#flow ul li img, #flow ul li .t, #flow ul li .h { display: block; float: left; }
	#flow ul li .t { padding: 0; padding: 0 2rem 0 2rem; }
	#flow ul li .t, #flow ul li .h { padding-top: 1rem; }
	#flow ul li .h { float: none; overflow: hidden;  -ms-writing-mode: horizontal-tb; writing-mode: horizontal-tb; left: 0; -webkit-transform: translateX(0); transform: translateX(0); }
}