@charset "utf-8";

/* home *********************************************************************** home */
.lineup{
    margin-left: auto;
    margin-right: auto;
    text-align: justify;
}
.pc .lineup{
    max-width: 98%;
    padding: 0 8px 0 8px;
    
    -moz-column-count: 4;       /* Firefox向け */
    -webkit-column-count: 4;    /* Chrome, Safari向け */
    column-count: 4;
    -moz-column-gap: 0;       /* Firefox向け */
    -webkit-column-gap: 0;    /* Chrome, Safari向け */
}
.pc .lineup li{
    padding: 0 8px 16px 8px;
}
.tablet .lineup{width: 760px;}  /* c同じ */
.mobile .lineup{width: 680px;}  /* c同じ */

/* img ************************************************************************* img */
.pc .lineup li img{
    width: 100%;
    vertical-align: top;
}
.tablet .lineup li img{width: 100%;}
.mobile .lineup li img{width: 100%;}

/* single page *****************************************************************　single page */
.flex-layer{
	display: -webkit-flex;  /* Safari Chrome */
    display: -moz-flex;     /* Firefox */
    display: -ms-flex;      /* InternetExplorer */
    display: -o-flex;       /* Opera */
    display: flex;          /* ベンダーフレックスなし */
	
	position: relative;
}

/* layer-tap ****************************************************** layer-tap */
.layer-tap{
    z-index: 12;
	
	position: absolute;
	top:0;
	left: 0;
    width: 100%;
	height: 100%;
}
.layer-story{
    z-index: 12;
	width: 100%;
}
.single{
	z-index: 10;
	width: 100%;
}
.layer-tap ul{
	height: 100%;
}
.layer-tap ul li{
	width: 50%;
	height: 100%;
	flex-direction:row;
}
.layer-tap ul li a{
	display: block;
	height: 100%;
}

/* arrow *********************************************************************** arrow */
.arrow{
    color: #ffffff;
    font-weight: bold;
}
.pc .arrow{height:30px; padding:8px 0; font-size:140%;}
.tablet .arrow{height:60px; padding-top:8px; font-size:140%;}
.mobile .arrow{height:60px; padding-top:8px; font-size:140%;}

.Europe201706_title{
	color: #ffffff;
	font-family: YasashisaAntique, sans-serif;
}
.pc .Europe201706_title{font-size:90%;}
.tablet .Europe201706_title{font-size:80%;}
.mobile .Europe201706_title{font-size:80%;}

/******************************************************************************* TokyoXquest */
/* single img size ****************************************** single img size */
.single-long {max-width:900px; text-align:center;}
.single-short{max-width: 1920px; text-align:center;}
/* layer-main-single ************************************** layer-main-single */
.layer-main-single{
    z-index: 0;
    position: absolute;
    left: 0;
    width: 100%;
}
.pc .layer-main-single{top: 60px;}  /* layer-menu-header + layer-belt */
.tablet .layer-main-single{top: 80px;}
.mobile .layer-main-single{top: 80px;}