@charset "UTF-8";

/******************************/
/***********BANNER*********/
/******************************/

.bannerLinearContainer .photoTrim *
{
	-ms-user-select: none; /* IE 10+ */
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.bannerLinear, .bannerLinearContainer
{
	width: 100%;
}

.bannerLinear .bannerChildren 
{
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items: center;
}

.bannerLinear .bannerChildren .photoWrapper > a,
.bannerLinear .bannerChildren .photoWrapper > span
{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	color: inherit;

/*	transform-origin: center center;
	transform: scale(.9);*/
	
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;

}

/*.bannerLinear .bannerChildren.now .photoWrapper > a,
.bannerLinear .bannerChildren.now .photoWrapper > span
{
	transform: scale(.95);
}
body:not(.touch) .bannerLinear .bannerChildren:hover .photoWrapper > a,
body:not(.touch) .bannerLinear .bannerChildren:hover .photoWrapper > span
{
	transform: scale(1);
}*/

.bannerLinear .cap_hidden
{
	display: none;
}

body:not(.touch) .bannerLinear .bannerChildren:hover .photoWrapper .caption
{
/*	transform: scale(1.1);*/
}

/*.bannerLinear .bannerChildren.now .photoWrapper > a
{
	transform: scale(1);
}*/

.bannerLinear .bannerChildren .photoWrapper
{
	width: 100%;
	
	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.bannerLinear .bannerChildren .photoWrapper.progress:after
{
	content: ""; 
	display: block;

	box-sizing:border-box;
	position: absolute;
	width: 2.5rem;
	height: 2.5rem;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 5px solid rgb(140, 140, 140);
	border-right-color: transparent;
	
	top: 50%;
	left: 50%;
	margin-top:-1.25rem;
	margin-left:-1.25rem; 

	animation: circle-spin 1s linear infinite; /*1秒毎にくるくる回転するアニメーション*/
}

.bannerLinear .bannerChildren .photoWrapper.progress img
{
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.bannerLinearContainer .photoTrim
{
	box-sizing: border-box;
/*	overflow-x:hidden;*/
	position:relative;
	width: 100%;
}

.bannerLinearContainer .photoTrim .photoArea
{
	display:flex;
	flex-wrap:wrap;
} 

.bannerLinear .bannerChildren .photoWrapper .caption
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	background-color: rgba(0, 0, 0, .3);
	
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;

	-webkit-align-items: center;
	align-items: center;
	
	-webkit-justify-content: center;
	justify-content: center;
}

.bannerLinear .bannerLinearContainer:not(.less) .bannerChildren .photoWrapper .caption
{
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.bannerLinear .bannerChildren .photoWrapper .caption > p:not(.status)
{
	font-family: Roboto-B, GG-B, 'Hiragino Kaku Gothic ProN', sans-serif;
	font-weight: 700;
	color: rgb(255, 255, 255);
	margin-bottom: 1rem;
}

.bannerLinear .bannerChildren .photoWrapper .caption > br
{
	display: none;
}

.bannerLinear .bannerChildren .photoWrapper .caption > p.category
{
	font-size: .8rem;
}

.bannerLinear .bannerChildren .photoWrapper .caption > p.status
{
	position: absolute;
	color: rgb(120, 120, 120);
	font-size: .8rem;
	font-family: Roboto-B, GG-B, 'Hiragino Kaku Gothic ProN', sans-serif;
	font-weight: 700;
	
	left: 0rem;
	top: 1rem;
	
	padding: .5em 1em;
	background-color: white;
}

.bannerLinear .bannerChildren .photoWrapper .caption > p.date
{
	font-family: 'lsm_font';
	text-transform: uppercase;
	white-space: nowrap;
	font-size: .7rem;
	line-height: 1;
	margin-bottom: 3em;
}

.bannerLinear .bannerChildren .photoWrapper .caption > p.date + p.date
{
	margin-top: -1.5em;
}

/*.bannerLinear .bannerChildren .photoWrapper .caption > p.status:before
{
	content:"";
	position: absolute;
	display: block;
	height: 5rem;
	width: 5rem;
	border: 3px dotted rgb(255, 255, 255);
	border-radius: 50%;
}*/

.bannerLinear .bannerLinearContainer .bannerChildren.now .photoWrapper .caption
{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
body:not(.touch) .bannerLinear .bannerChildren:hover .photoWrapper .caption
{
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.bannerLinear .bannerChildren .dragger
{
	position:absolute;
	width:100%;
	height: 100%;
	top: 0;
}

.bannerLinearContainer .photoTrim .photoArea + div
{
/*	cursor: zoom-in;*/
/*	display: none;*/
}

.bannerLinearContainer .firstSrc
{
	overflow:hidden;
	line-height:0;
	width:0px;
	height:0px;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.bannerLinearContainer .photoDir
{
	width: 2rem;
	height: 2rem;
	color: rgb(255, 255, 255);
	background-color: rgba(120, 120, 120, .5);
	position:absolute;
	cursor:pointer;
	z-index:9999;
	top: calc(50% - 1.5rem);
	z-index: 9999;
	
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer */
	-khtml-user-select: none; /* KHTML browsers (e.g. Konqueror) */
	-webkit-user-select: none; /* Chrome, Safari, and Opera */
	-webkit-touch-callout: none; /* Disable Android and iOS callouts*/
}

body:not(.touch) .bannerLinearContainer .photoDir:hover
{
	background-color: rgba(120, 120, 120, 1);
}

/*.bannerLinearContainer .photoDir:before
{
	content:"";
	position: absolute;
	display: block;
	width: 2em;
	height: 2em;
	box-sizing: border-box;
	border-radius: 50%;
}*/

/*.bannerLinearContainer .photoDir:after
{
	content: "";
	display: block;
	width: .75rem;
	height: .75rem;
	border-style: solid;
	border-width: 2px 2px 0 0;
}*/

.bannerLinearContainer .photoDirR{right: 0;}
/*.bannerLinearContainer .photoDirR:after
{
	margin-right: calc(.75rem / 1.41);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}*/
.bannerLinearContainer .photoDirR:active{right: -.5rem;}

.bannerLinearContainer .photoDirL{left: 0;}
.bannerLinearContainer .photoDirL:active{left: -.5rem;}

.bannerLinearContainer .photoDir > span
{
	position: absolute;
	display: block;
	width: 3px;
	height: 3px;
	background-color: rgb(255, 255, 255);
}

.bannerLinearContainer .photoDirL > span:nth-of-type(1)
{
	top: calc(50% - 1.5px);
	left: calc(50% - 4.5px);
}
.bannerLinearContainer .photoDirL > span:nth-of-type(2)
{
	top: calc(50% - 4.5px);
	left: calc(50% - 1.5px);
}
.bannerLinearContainer .photoDirL > span:nth-of-type(3)
{
	top: calc(50% + 1.5px);
	left: calc(50% - 1.5px);
}
.bannerLinearContainer .photoDirL > span:nth-of-type(4)
{
	top: calc(50% - 7.5px);
	left: calc(50% + 1.5px);
}

.bannerLinearContainer .photoDirL > span:nth-of-type(5)
{
	top: calc(50% + 4.5px);
	left: calc(50% + 1.5px);
}

.bannerLinearContainer .photoDirR > span:nth-of-type(1)
{
	top: calc(50% - 1.5px);
	right: calc(50% - 4.5px);
}
.bannerLinearContainer .photoDirR > span:nth-of-type(2)
{
	top: calc(50% - 4.5px);
	right: calc(50% - 1.5px);
}
.bannerLinearContainer .photoDirR > span:nth-of-type(3)
{
	top: calc(50% + 1.5px);
	right: calc(50% - 1.5px);
}
.bannerLinearContainer .photoDirR > span:nth-of-type(4)
{
	top: calc(50% - 7.5px);
	right: calc(50% + 1.5px);
}

.bannerLinearContainer .photoDirR > span:nth-of-type(5)
{
	top: calc(50% + 4.5px);
	right: calc(50% + 1.5px);
}


body:not(.touch) .bannerLinear .bannerChildren:hover .dirLink
{
	color: rgb(50, 50, 50);
}

body:not(.touch) .bannerLinear .bannerChildren:hover  .dirLink._white
{
	color: rgb(255, 255, 255);
}

body:not(.touch) .bannerLinear .bannerChildren:hover .dirLink .dir > p
{
	background-image: linear-gradient(to right, rgb(50, 50, 50), rgb(50, 50, 50) 3px, transparent 3px, transparent 3px);
	animation-name: shrink_x;
	animation-duration: .5s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}

body:not(.touch) .bannerLinear .bannerChildren:hover .dirLink._white .dir > p
{
	background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255) 3px, transparent 3px, transparent 3px);
}

body:not(.touch) .bannerLinear .bannerChildren:hover .dirLink .dir > span
{
	background-color: rgb(50, 50, 50);
	animation-name: blink_3;
	animation-duration: .5s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}

body:not(.touch) .bannerLinear .bannerChildren:hover .dirLink._white .dir > span
{
	background-color: rgb(255, 255, 255);
}

.bannerLinear .bannerLinearContainer.less .photoDir,
.bannerLinear .bannerLinearContainer.less .sumnailWrapper
{
	display: none;
}

.bannerLinear .sumnailWrapper
{
	position: absolute;
	bottom: -2rem;
	width:100%;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.bannerLinear .sumanilContainer 
{
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.bannerLinear .sumanilContainer  > div
{
	width: 1.5rem;
	height: 1.5rem;
	cursor: pointer;
}

.bannerLinear .sumanilContainer  > div:before
{
	content:"";
	position: absolute;
	display: block;
	width: 6px;
	height: 6px;
	top: calc(50% - 3px);
	left: calc(50% - 3px);
	background-color: rgb(200, 200, 200);
	
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}

.bannerLinear .sumanilContainer  > div.now:before,
.bannerLinear .sumanilContainer  > div:hover:before
{
	background-color: rgb(120, 120, 120);
}


@media screen and  (max-width: 600px)
{
	.bannerLinear .bannerChildren .photoWrapper .caption > p.status
	{
		font-size: .7rem;
	}
}