@charset "UTF-8";

@media only screen and (min-width: 835px)  {
	/* PCのみ */
	.pcNone{
		display:none !important;
	}
}


.hide-text {
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.pcNone{
	display:none;
}cmn_menu_item

.cmn_maxbox {
	width:100%; max-width: 1280px; margin: 0 auto;
}



/* common /////////////////////////////////////////////////////////////////////////////////////////// */

body {
	background:#cccccc;
}


#wrapper {
}

header {
	width:100%;
}


footer {
	background-color: #2D1C04;
}

footer address {
	padding: 12px 5px;
	color: #FFFFFF;
	font-size: 1.3rem;
	text-align: center;
	font-style: normal;
}


.txt_horizon {
	/* 縦書き */
	-webkit-writing-mode: vertical-rl;
	  -ms-writing-mode: tb-rl;
		  writing-mode: vertical-rl;
}

main {
	width: 100%; min-width: 1060px;
	overflow: hidden;
}


/* オンマウスで下から背景がスライドする */
.cmn_bgslide {
	background-image: linear-gradient(to top, #B03D20 50%, rgba(0,0,0,0) 50% ), url("../img/home_menubar02.svg");
	background-position: 0 0, bottom center;
	background-size: auto 200%, auto;
	transition: all .3s ease 0s;
	text-decoration: none;
	background-repeat: repeat-x;
	color: #fff;
}

.cmn_bgslide:hover {
	cursor: pointer;
	background-position: 0 100%;
	color: #fff;
}

.cmn_bgslide_base {
	background-image: linear-gradient(to top, #9B6F57 50%, rgba(0,0,0,0) 50% ), url("../img/home_menubar01.svg");
}

.cmn_bgslide_tobusatate {
	background-image: linear-gradient(to top, #7F5172 50%, rgba(0,0,0,0) 50% ), url("../img/home_menubar_purple.svg");
}

.cmn_bgslide_shop {
	background-image: linear-gradient(to top, #B03D20 50%, rgba(0,0,0,0) 50% ), url("../img/home_menubar02.svg");
}

.cmn_bgslide_baggage {
	background-image: linear-gradient(to top, #707F46 50%, rgba(0,0,0,0) 50% ), url("../img/home_menubar03.svg");
}

.cmn_bgslide_develop {
	background-image: linear-gradient(to top, #2A5C72 50%, rgba(0,0,0,0) 50% ), url("../img/home_menubar04.svg");
}

.cmn_bgslide a:hover {
	opacity: 1;
}

/* home /////////////////////////////////////////////////////////////////////////////////////////// */


.home_first_view_msg h1 {
	/* アニメーション設定*/
	opacity: 0;
	animation-name:fade-in1;
	animation-duration:1.5s;
	animation-timing-function: ease-out;
	animation-delay:1s;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-fill-mode: forwards;
}

@keyframes fade-in1 {
	0% {opacity: 0}
	100% {opacity: 1}
}




/* 動画用 */
#home_movie {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    z-index: -2;
}

.home_movie_on {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}


#home_first_view_wrap {
    position: relative;
    width: 100%;
    height: 100vh;
}

.home_first_view_msg h1 {
    position: relative;
}

.home_first_view_msg h1 img {
	position: absolute;
	left: 22px;
	right: 0;
	margin: auto;
	top:30vh;
	/* width:52px; */
	width:100px;
}

.home_movie_wrap {

}

/* メニュー */
.cmn_menu {
	cursor: pointer;
	margin-right: 20px;
	text-align: right;
}

.cmn_header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	/*padding: 20px;*/
	box-sizing: border-box;
	z-index: 1000;
}

.cmn_menu_wrap {
	position: fixed;
	z-index:9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20px;
	text-align: center;
	background: rgba(35,24,21,0.9);

	transform-origin: top right; 	/* 開閉位置 */
	transition: all 300ms ease;		/* スピード */
}

#cmn_menu_open {
	z-index: 1000;
	padding: 20px;
	width: 100px;
    margin: auto 20px auto auto;
}

.cmn_menu_list {
	height: 80vh;
	display: flex;
	align-items: center;
	justify-content: center;

	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	 -ms-flex-direction: row-reverse;
		 flex-direction: row-reverse;
}

.cmn_menu_list li:nth-of-type(1) a {
	letter-spacing: 0.7em;
}

.cmn_menu_list li:nth-of-type(2) a {
	letter-spacing: 0.03em;
}

.cmn_menu_list li:nth-of-type(3) a {
	letter-spacing: 0.47em;
}

.cmn_menu_list li:nth-of-type(4) a {
	letter-spacing: 1em;
}

.cmn_menu_list li:nth-of-type(5) a {
	letter-spacing: 0.7em;
}


.cmn_menu_item {
	overflow: hidden;
	margin: 0 30px 0 30px;
	width: 50px;
	padding: 60px 0 0 0;

	background-position: 0 0, bottom -10px center;

	/* 縦書き */
	-webkit-writing-mode: vertical-rl;
	  -ms-writing-mode: tb-rl;
		  writing-mode: vertical-rl;
}

.cmn_menu_item a {
	display: block;
	height: 300px;
	max-height: 60vh;
	line-height: 50px;	/* リストの幅と揃える */

	text-align: left;
	letter-spacing:5px;

	color: #FFFFFF !important;
	font-size: 2.2rem;
}

.cmn_hide_menu {
	/* ポップアップメニューが展開する（閉じる）方向を指定 */
	transform: scale(0, 0);
}

.cmn_menu_wrap {
	transform-origin: top right;
}

.cmn_hide_menu {
	transform: scale(1, 0);
}

.cmn_menu_close {
	color: #FFFFFF;
}


.home_sando_wrap {

}

.home_sando_wrap h2 {
	position: absolute;
	padding: 0 0 0 0;
	text-align: center;
	z-index: 999;
	width:52px;
	left:0; right: 0;
	margin: auto;
}

.home_sando_wrap h2 span {
	display: inline-block;
	/*margin: -70px 0 30px 0;*/
	padding: 46px 16px;
	background-color: #231815;
	color: #FFFFFF;
	letter-spacing: 8px;
	font-weight: normal;
	font-size: 2rem;
	line-height: 100%;
	position: relative;

	/* 角 */
	/*
	background:
		linear-gradient(35deg, transparent 15px, #231815 15px),
		linear-gradient(325deg, transparent 15px, #231815 15px),
		linear-gradient(210deg, transparent 15px, #231815 15px),
		linear-gradient(150deg, transparent 15px, #231815 15px);
	background-position: bottom left, bottom right, top right, top left;
	background-size: 50% 50%;
	background-repeat: no-repeat;
	*/
	transition: 0.5s;

}

.home_sando_wrap #home_tobusatate_title span {
	letter-spacing: 1px;
}

/* 縦書きアニメーション */
.home_sando_animebox {
	margin: -100px 0 0 0;
	min-width: 50px;
	overflow: hidden;

	display: inline-block;
}

/* 縦書きアニメーション 文字数多い場合 */
.home_sando_animebox_long {
	margin: -130px 0 0 0;
	min-width: 50px;
	overflow: hidden;

	display: inline-block;
}

.home_sando_animebox_shop {
	margin: -160px 0 0 0;
	min-width: 50px;
	overflow: hidden;

	display: inline-block;
}


.home_sando_animebox .boxInner,
.home_sando_animebox_long .boxInner,
.home_sando_animebox_baggage .boxInner {
	width: inherit;
	height: inherit;
	background-color: #231815;
	opacity: 0;
}



.isPlay {
	animation-name: play;
	animation-duration: 0.6s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.8,0,.5,1);
	position: relative;
	opacity: 1 !important;
}

.isPlay:before {
	animation-name: maskOut;
	animation-duration: 1.8s;
	animation-delay: 0.6s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.8,0,.5,1);
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}

@keyframes play {
	from {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0);
	}
}

@keyframes maskOut {
	from {
		transform: translateY(0);
	}

	to {
		transform: translateY(-800%);	/* IE対応のため600移動 */
	}
}

/* 6角形 */
.home_title_hex {
	-webkit-clip-path: polygon(50% 0%, 100% 10%, 100% 86%, 50% 95%, 0% 86%, 0% 10%);
	/*clip-path: polygon(0% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);*/
	clip-path:polygon(50% 0%, 100% 10%, 100% 86%, 50% 95%, 0% 86%, 0% 10%);
}

/* 6角形(文字が長い場合)*/
#home_shop h2 .home_title_hex, #home_develop h2 .home_title_hex {
	-webkit-clip-path: polygon(50% 0%, 100% 8%, 100% 88%, 50% 95%, 0% 88%, 0% 8%);
	/*clip-path: polygon(0% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);*/
	clip-path:polygon(50% 0%, 100% 8%, 100% 88%, 50% 95%, 0% 88%, 0% 8%);
}




/* 導入 /////////////////////////////////////////////////////////////////////////////////////////// */

#home_intro {
	position: relative;
	background-color: #9B6F57;
}

/* スクロールふわっと */
.effect {

}





.home_copy {
	position: absolute;
	color: #FFFFFF;
	display: inline-block;

	top:0;
	left:0;
	right: 0;
	margin: auto;
	width:920px;
	padding: 394px 0 0 0;
	z-index: 998;
}


.home_copy h3 {
	padding-right: 80px;
	margin-top: -170px;
	margin-left: 60px;
	font-size: 5rem;
	line-height: 150%;
	letter-spacing: 4px;
	font-weight: normal;
}


.home_copy_sectitle {
	padding-top: 164px;
}


.home_copy_txt, #home_shop_copy ul,
#home_baggage_copy ul, #home_develop_copy ul {
	font-size: 1.8rem;
	letter-spacing: 1px;
}

.home_copy_txt li {
	margin-left:6px;
}

.home_copy_txt li:nth-of-type(3),
.home_copy_txt li:nth-of-type(5),
.home_copy_txt li:nth-of-type(7),
.home_copy_txt li:nth-of-type(10),
.home_copy_txt li:nth-of-type(11),
.home_copy_txt li:nth-of-type(13) {
	margin-left: 32px;
}

#sando_wrap_garelly {
	padding-top: 220px;
	position: relative;
}



.sando_item {
 	background-repeat: no-repeat;
	/*transition: .8s;*/
}

.sando_itemtorii_w {
	height: 81px; width: 100%;
	background-image: url("../img/sando_torii_white.svg");
	background-position: center;
}

.sando_itemtorii {
	height: 81px; width: 100%;
	background-image: url("../img/sando_torii_brown.svg");
	background-position: center;
}

.sando_item01 {
	height: 72px;
	background-image: url("../img/sando_01.svg");
	background-position: calc(50% + 184px) 0;
}

.sando_item02 {
	height: 308px;
	margin: -1px 0 0 0;
	background-image: url("../img/sando_02.svg");
	background-position: calc(50% + 374px) 0;
}

.sando_item03 {
	height: 343px;
	margin: -41px 0 -100px 0;
	background-image: url("../img/sando_03.svg");
	background-position: calc(50% + 35px) 0;
	z-index: 997;
	position: relative;
}

.sando_item04 {
	height: 196px;
	margin: -57px 0 0 0;
	background-image: url("../img/sando_04.svg");
	background-position: calc(50% - 14px) 0;
	z-index: 997;
	position: relative;
}

.sando_item05 {
	height: 457px;
	background-image: url("../img/sando_05.svg");
	background-position: calc(50% - 20px) 0;
}

.sando_item06 {
	height: 480px;
	margin: -138px 0 0 0;
	background-image: url("../img/sando_06.svg");
	background-position: calc(50% - 20px) 0;
}

.sando_item07 {
	height: 294px;
	margin: -204px 0 0 0;
	background-image: url("../img/sando_07b.svg");
	background-position: calc(50% + 52px) 0;

	position: relative;
	z-index: 998;
}

.sando_item08 {
	height: 346px;
	margin: -61px 0 0 0;
	background-image: url("../img/sando_08.svg");
	background-position: calc(50% + 5px) 0;
}

.sando_item09 {
	height: 415px;
	margin: -49px 0 0 0;
	background-image: url("../img/sando_09.svg");
	background-position: calc(50% - 20px) 0;
}

.sando_item10 {
	min-height: calc(312px + 54px);
	margin: -153px 0 0 0;
	background-image: url("../img/sando_10.png");
	background-position: calc(50% - 0px) 0;
}

/*.sando_item10_01 {
	min-height: 54px;
	margin: -17px 0 0 0;
	background-image: url("../img/sando_10_01.svg");
	background-position: calc(50% - 0px) 0;
	position: relative;
}
*/

.sando_item11 {
	height: 380px;
	margin: -203px 0 0 0;
	background-image: url("../img/sando_11.svg");
	background-position: calc(50% - 16px) 0;
}

.sando_item12 {
	height: 402px;
	margin: -107px 0 0 0;
	background-image: url("../img/sando_12.svg");
	background-position: calc(50% - 11px) 0;
}

.sando_item13 {
	height: 418px;
	margin: -84px 0 0 0;
	background-image: url("../img/sando_13.svg");
	background-position: calc(50% + 14px) 0;
	position: relative;
	z-index: 980;
}

.sando_item14 {
	height: 421px;
	margin: -72px 0 0 0;
	background-image: url("../img/sando_14.svg");
	background-position: calc(50% + 29px) 0;
	position: relative;
	z-index: 979;
}

.sando_item15 {
	height: 411px;
	margin: -204px 0 0 0;
	background-image: url("../img/sando_15.svg");
	background-position: calc(50% + 65px) 0;
}

.sando_item16 {
	height: 508px;
	margin: -61px 0 0 0;
	background-image: url("../img/sando_16.svg");
	background-position: calc(50% + 15px) 0;
}

.sando_item17 {
	height: 613px;
	margin: -49px 0 0 0;
	background-image: url("../img/sando_17.svg");
	background-position: calc(50% - 10px) 0;
	position: relative;
	z-index: 999;
}

.sando_item18 {
	height: 394px;
	margin: -143px 0 0 0;
	background-image: url("../img/sando_18.svg");
	background-position: calc(50% + 10px) 0;
	position: relative;
	z-index: 998;
}



.sando_item_tobusatate01 {
	height: 245px;
	margin: -204px 0 0 0;
	background-image: url("../img/tobusatate_01.svg");
	background-position: calc(50% + 47px) 0;
	position: relative;
	z-index: 998;
}

.sando_item_tobusatate02 {
	height: 744px;
	margin: -118px 0 0 0;
	background-image: url("../img/tobusatate_02.svg");
	background-position: calc(50% + 9px) 0;
	position: relative;
	z-index: 998;
}

.sando_item_tobusatate03 {
	height: 808px;
	margin: -255px 0 0 0;
	background-image: url("../img/tobusatate_03.svg");
	background-position: calc(50% + 9px) 0;
	position: relative;
	z-index: 998;
}









/* ギャラリー */


.sando_gallery_wrap {
	width:1060px;
	margin: -30px auto 0 auto;
}

.sando_gallery {
}

.sando_gallery li {
	width:1060px !important;
	height: 680px;
}

.sando_gallery li:nth-of-type(1) { background-image:url("../img/gallery01.jpg"); }
.sando_gallery li:nth-of-type(2) { background-image:url("../img/gallery02.jpg"); }
.sando_gallery li:nth-of-type(3) { background-image:url("../img/gallery03.jpg"); }
.sando_gallery li:nth-of-type(4) { background-image:url("../img/gallery04.jpg"); }
.sando_gallery li:nth-of-type(5) { background-image:url("../img/gallery05.jpg"); }
.sando_gallery li:nth-of-type(6) { background-image:url("../img/gallery06.jpg"); }
.sando_gallery li:nth-of-type(7) { background-image:url("../img/gallery07.jpg"); }
/* .sando_gallery li:nth-of-type(8) { background-image:url("../img/gallery08.jpg"); } */
.sando_gallery li:nth-of-type(8) { background-image:url("../img/gallery09.jpg"); }
.sando_gallery li:nth-of-type(9) { background-image:url("../img/gallery10.jpg"); }


/* ページャーを縦に */
.bx-wrapper .bx-pager {
	z-index: 999;
}

.bx-wrapper .bx-pager-item {
	margin-bottom: 10px;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	bottom:auto !important;
	top:250px !important;
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: block !important;

}

.bx-wrapper .bx-pager.bx-default-pager a {
	margin: 0 50px 0 auto !important;
	background: #FFFFFF !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #231815 !important;
}


.home_sns {
}

.home_sns_insta {
	width:1000px; margin: auto auto auto auto;
}

/* .home_sns_insta iframe {
	width: 1000px !important;
	height: 400px !important;
	overflow: hidden;
} */

.home_sns_insta_list{
	display: flex;
	flex-wrap: wrap;
}
.home_sns_insta_list_item{
	width: 20%;
}
.home_sns_insta_list_link{
	display: block;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.home_sns_insta_list_link:hover,
.home_sns_insta_list_link:hover *{
	opacity: 1;
}
.home_sns_insta_list_link:hover .home_sns_insta_list_img{
	transform: scale(1.05);
}
.home_sns_insta_list_link::before{
	content: "";
	display: block;
	width: 100%;
	padding-top: 100%;
}
.home_sns_insta_list_img{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
	transition: transform .3s;
}

.home_sub_navi_container {
	position: relative;
}

.home_sub_navi {
	position: absolute;
	width: 1000px; margin: auto;
	z-index: 997;
	top:0;
	left:0; right: 0;

	display: flex;
	justify-content: center;
	align-content: center;
}

.home_sub_navi ul {
	font-size: 2.4rem;
	font-weight: normal;
	display: flex;
	justify-content: center;
}

.home_sub_navi ul li {
	width:150px; height: 496px;
	display: flex;
	align-content: center;
}

.home_sub_navi ul li:nth-of-type(2), .home_sub_navi ul li:nth-of-type(3) {
	margin-left: 50px;
}

.home_sub_navi ul li:nth-of-type(3) {
	margin-right: 50px;
}


.home_sub_navi ul li a {
	color: #FFFFFF;
	padding:190px 0 10px 0;
	line-height: 150px;
	width:150px;
	opacity: 1;
}

.home_sub_navi ul li:nth-of-type(1) a {
	letter-spacing: 0.6em;
}

.home_sub_navi ul li:nth-of-type(2) a {
	letter-spacing: 0.9em;
}

.home_sub_navi ul li:nth-of-type(3) a {
	letter-spacing: 0.2em;
}

.home_sub_navi ul li:nth-of-type(4) a {
	letter-spacing: 0em;
}




.home_sub_navi_arr {
	width: 1000px; margin: auto; padding: 0;
	z-index: 997;
	top:0;
	left:0; right: 0;

	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction : row-reverse;
}

.home_sub_navi_arr li {
	width:200px;
	text-align: center;
	margin-top:-250px;
	margin-bottom: 0px
}

.home_sub_navi_arr li:nth-of-type(2) {
	/*margin-left:100px; margin-right: 100px;*/
}


/* 店舗紹介 /////////////////////////////////////////////////////////////////////////////////////////// */

#home_shop {
	background-color: #B03D20;
}

.home_shop_conts_wrap {

}

.home_shop_title_wrap, .home_baggage_title_wrap, .home_develop_title_wrap, .home_tobusatate_title_wrap {
	position: relative;
	width:1000px; margin: auto;
}

.cmn_tri_photo {
	height: 700px;
	background-repeat: no-repeat;
	background-position: bottom center,top center;
	background-attachment:scroll, fixed;
	background-size: auto, cover;
}

/* IE11 */
_:-ms-lang(x)::-ms-backdrop, .cmn_tri_photo {
	background-attachment:scroll;
}

/* EDGE */
@supports (-ms-ime-align:auto) {
    .cmn_tri_photo {
		background-attachment:scroll;
    }
}




.home_shop_photo {
	background-image: url("../img/sando_07a.svg"),url("../img/shop_photo_202301.jpg");
}


#home_shop_copy {
	width:1000px;
	margin: auto;
	padding:250px 0 0 0;
	left:0; right: 0;
	position: absolute;
	z-index: 999;

	text-align: center;
}

#home_shop_copy ul {
	display: inline-block;
}


#home_shop_copy ul li {
	margin-left:6px;
	min-height: 400px;
	text-align: left;
	color: #FFFFFF;
}

#home_shop_copy ul li:nth-of-type(3),
#home_shop_copy ul li:nth-of-type(4),
#home_shop_copy ul li:nth-of-type(6) {
	margin-left: 32px;
}



#home_shop_btn a {
}

.cmn_single_slidebtn {
	position: absolute;
	width:40px;
	bottom: 0;
	left: 150px;
	background-position: 0 0, bottom -10px center;
	z-index: 999;
}


#home_tobusatate_btn {
	width:100px;
	left: 100px;
	text-align: left;
	bottom: -50px;
}

.cmn_single_slidebtn a {
	display: inline-block;
	height: 220px;
	padding: 20px 0;
	color: #FFFFFF;
	font-size: 1.6rem;
	opacity: 1;
}

#home_tobusatate_btn a {
	font-size:2.4rem;
	height: 370px;
	padding-top: 84px;
	line-height: 3rem;
	margin: 0 18px;
	background-image: url(../img/youtube_logo.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top 15px center;
}


.home_shop_list_wrap {
	position: relative;
}

.home_shop_list {
	width: 1000px;
	margin: auto;
	display: flex;
	justify-content: space-around;
	align-items: baseline;
	/*border: 1px solid;*/
}

.home_shop_list > li {
	margin: -60px auto auto auto;
	width:247px;
	text-align: center;
}

.home_shop_list > li > div {
	padding: 4px 0 6px 0;
	display: block;
	background: #B03D20;
	font-size: 2rem;
	letter-spacing: 2px;
	cursor: pointer;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

.home_shop_links {
	display: none;
}

.home_shop_links li {
	margin-bottom: 1px;
	color: #B03D20;
	font-size: 1.5rem;
	font-weight: bold;
	background: #FFFFFF;
}

.home_shop_links li:nth-of-type(1),
.home_shop_links li:nth-last-of-type(2) {
	height: 20px;
}

.home_shop_links li:nth-last-of-type(1) {
	height: 50px;
	background: #B03D20;
}

.home_shop_links li:nth-last-of-type(1) span {
	display: none;
}

.home_shop_links a {
	display: block;
	color: inherit;
}

.home_shop_links a:hover {
	background: rgba(176,61,32,0.7);
	color: #FFF;
}

.home_shop_links div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	min-height: 50px;
	padding: 8px 10px;
	line-height: 120%;
}

.home_shop_links div > span {
	display: block;
	font-size: 1.3rem;
	font-weight: normal;
}

#home_shop_menu  {
	padding: 70px 0 200px 0;
	margin-top: 70px;
}

#home_shop_menu > li {
	position: relative;
	z-index: 99;
}

#home_shop_menu > li::before {
	display: inline-block;
	margin-bottom: 34px;
	content: '';
	width: 130px;
	height: 110px;
	background-size: contain;
	vertical-align: middle;
}

#home_shop_menu > li:nth-of-type(1)::before {
	background-image: url("../img/shop_ico_eat.svg");
}

#home_shop_menu > li:nth-of-type(2)::before {
	background-image: url("../img/shop_ico_sightseeing.svg");
}

#home_shop_menu > li:nth-of-type(3)::before {
	background-image: url("../img/shop_ico_stay.svg");
}

#home_shop_menu > li:nth-of-type(4)::before {
	background-image: url("../img/shop_ico_other.svg");
}


#home_shop_note {
	position: absolute;
	top: 153px;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

#home_shop_note dl {
	position: fixed;
	top: 50%;
	left: 0;
	z-index: 9998;
	transform: translateY(-50%);
	width: 498px;
	height: 500px;
	display: none;
	flex-direction: column-reverse;
}

#home_shop_note div {
	height: 100%;
}

#home_shop_note div:not(:last-of-type) {
	margin: 0 4px 0 0;
}

#home_shop_note dt {
	width: 50px;
	height: 100%;
	text-align: center;
	background: #B16C55;
	font-size: 2.0rem;
	letter-spacing: 0.6rem;
	line-height: 50px;
	cursor: pointer;
}

#home_shop_note .selected dt {
	position: relative;
	font-size: 2.8rem;
	letter-spacing: 0.6rem;
	background: #231815;
	cursor: auto;
}

#home_shop_note div:not(.selected) dt:hover {
	background: #B03D20;
	transition: 0.2s ease-in-out;
}

#home_shop_note dt span {
	display: none;
}

#home_shop_note .selected span {
	position: absolute;
	top: 14px;
	left: 0;
	z-index: 99;
	display: block;
	width: 100%;
	cursor: pointer;
}

#home_shop_note dd {
	display: none;
}

#home_shop_note .selected dd {
	width: 286px;
	height: 100%;
	padding: 54px 30px;
	background: #B03D20;
	font-size: 1.8rem;
	line-height: 2.2;
}




/* 手荷物預かり /////////////////////////////////////////////////////////////////////////////////////////// */

#home_baggage {
	background-color: #707F46;
}

.home_baggage_photo {
	background-image: url("../img/sando_11a.svg"),url("../img/baggage_photo.jpg");
}



#home_baggage_copy {
	width:1000px;
	margin: auto;
	padding:250px 0 0 0;
	left:0; right: 0;
	position: absolute;
	z-index: 990;

	text-align: center;
}

#home_baggage_copy ul {
	display: inline-block;
}


#home_baggage_copy ul li {
	margin-left:6px;
	min-height: 400px;
	text-align: left;
	color: #FFFFFF;
}

#home_baggage_copy ul li:nth-of-type(1),
#home_baggage_copy ul li:nth-of-type(3),
#home_baggage_copy ul li:nth-of-type(5),
#home_baggage_copy ul li:nth-of-type(7) {
	margin-left: 32px;
}


.home_baggage_info_wrap {
	position: absolute;
	display: flex;
	justify-content: space-between;
	width: 1000px; margin: auto;
	left:0; right: 0;
	top:194px;
	color: #FFFFFF;
	z-index: 999;
}

.home_baggage_info_wrap > div:nth-of-type(1) {
	width:28%;
}

.home_baggage_info_wrap > div:nth-of-type(2) {
	width:67%;
}

.home_baggage_info dl {
	margin: auto auto 40px auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	font-size: 1.6rem;
}

.home_baggage_info dl dt {
	width:16%;
	letter-spacing: 4px;
}

.home_baggage_info dl dd {
	width:80%;
}


/* とぶさたてプロジェクト /////////////////////////////////////////////////////////////////////////////////////////// */
#home_tobusatate {
	background-color: #7F5172;
}

.home_tobusatate_conts_wrap {

}

.home_tobusatate_photo {
	background-image: url("../img/tobusatate_01a.svg"),url("../img/tobusatate_photo1.jpg");
}

.home_tobusatate_logo {
	padding: 180px 0 0 20px;
	text-align: center;
}


#home_tobusatate_copy {
	width:1000px;
	margin: auto;
	padding:162px 80px 0 0;
	left:0; right: 0;
	position: absolute;
	z-index: 999;

	text-align: right;
}

#home_tobusatate_copy ul {
	display: inline-block;
}


#home_tobusatate_copy ul li {
	margin-left:6px;
	min-height: 400px;
	text-align: left;
	color: #FFFFFF;
}

#home_tobusatate_copy ul li:nth-of-type(6) {
	margin-left: 32px;
}

#home_tobusatate_copy ul li {
	font-size: 1.6rem;
	letter-spacing: 1px;
}

#home_tobusatate_copy ul small {
	font-size: 1.2rem;
}


.home_tobusatate_copy_flex {
	display: flex;
	flex-direction: row-reverse;
}



/* 縦書きアニメーション */
.home_baggae_photo_anime {
	display: inline-block;
	overflow: hidden;
}



/*.home_baggae_photo_anime .boxInnerImg {
	/*height: inherit;
	opacity: 0;
	width: 100%;
}
*/

.home_baggae_photo_anime .boxInnerImg {
	width: 100%;
	/*height: inherit;*/
	/*background-color: #231815;*/
	opacity: 0;
}


.home_baggae_photo_anime span {
	display: block;
}

.home_baggae_photo_anime span img {
	display: block;
}



.isPlay_img {
	animation-name: play_img;
	animation-duration: 0.6s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.8,0,.5,1);
	position: relative;
	opacity: 1 !important;
}

.isPlay_img:before {
	animation-name: maskOut_img;
	animation-duration: 1.8s;
	animation-delay: 0.6s;
	animation-fill-mode: forwards;
	animation-timing-function: cubic-bezier(.8,0,.5,1);
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}

@keyframes play_img {
	from {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0);
	}
}

@keyframes maskOut_img {
	from {
		transform: translateY(0);
	}

	to {
		transform: translateY(-400%);
	}
}


/* 外宮参道発展会 /////////////////////////////////////////////////////////////////////////////////////////// */

#home_develop {
	background-color: #2A5C72;
}



.home_develop_photo {
	background-image: url("../img/sando_15a.svg"),url("../img/develop_photo.jpg");
}



#home_develop_copy {
	width:1000px;
	margin: auto;
	padding:280px 0 0 0;
	left:0; right: 0;
	position: absolute;
	z-index: 999;

	text-align: center;
}

#home_develop_copy ul {
	display: inline-block;
}


#home_develop_copy ul li {
	margin-left:6px;
	min-height: 400px;
	text-align: left;
	color: #FFFFFF;
}

#home_develop_copy ul li:nth-of-type(3),
#home_develop_copy ul li:nth-of-type(4) {
	margin-left: 32px;
}


.develop_list_wrap {
	width: 1000px; margin: auto;
	padding: 35px 0 0 0;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;

}

.develop_list_wrap li {

}

.develop_list_wrap li > div:nth-of-type(1) {
	width: 150px;
	margin: auto auto 20px auto;
}

.develop_list_wrap li > div:nth-of-type(2) {
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	align-content:center;

	/* 縦書き */
	-webkit-writing-mode: vertical-rl;
	  -ms-writing-mode: tb-rl;
		  writing-mode: vertical-rl;
}

.develop_list_wrap li > div:nth-of-type(2) {
	/*width: 100%;*/
	height: 250px;
	letter-spacing: 1.6px;
	margin: auto;
}

.develop_list_wrap li > div:nth-of-type(2) h3 {
	height:100%;
	margin-left: 5px;
	font-size: 1.8rem;
}

.develop_list_wrap li > div:nth-of-type(2) p {
	height:100%;
	font-size: 1.5rem;
}




#cmn_pagetop {
	position: fixed;
	bottom: 50px; right: 0px;
	z-index: 1000;
}