/* CSS Document */

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

html{
	line-height: 100%;
	-webkit-text-size-adjust: 100%;
	}

a{
	outline: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	}

img{
	max-width: 100%;
	height: auto;
	vertical-align: top;
	}
	img[src$=".svg"]{
		width: 100%;
		}

svg{
	width: 1em;
	height: 1em;
	}

li{
	list-style: none;
	}

input,
select,
textarea,
button{
	margin: 0;
	padding: 0;
	border-radius: 0;
	outline: none;
	font-family: inherit;
	font-size: 100%;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	}

input,
select,
textarea{
	width: 100%;
	background: #fff;
	border: 1px solid #ccc;
	}

select{
	padding: 0.8em 0.6em;
	padding-right: 2em;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 20"><polygon fill="%23ccc" points="20,0 0,0 10,20 "></polygon></svg>');
	background-position: center right;
	background-repeat: no-repeat;
	background-size: auto 25%;
	}

input,
textarea{
	padding: 0.6em;
	line-height: 1.4em;
	}

textarea{
	resize: vertical;
	}

button{
	display: inline-block;
	padding: 1em;
	background: rgba(0,0,0,1);
	border: none;
	color: #fff;
	fill: #fff;
	font-size: 100%;
	font-weight: bold;
	line-height: 1em;
	outline:none;
	box-shadow: none;
	&:hover{
		cursor: pointer;
		}
	&::-moz-focus-inner{
		border: none;
		}
	}

input[type="radio"],
input[type="checkbox"]{
	display: none;
	}
	input[type="radio"]+label,
	input[type="checkbox"]+label{
		display: inline-flex;
		align-items: center;
		cursor: pointer;
		}
		input[type="radio"]+label:before,
		input[type="checkbox"]+label:before{
			content: "";
			width: 1.4em;
			height: 1.4em;
			margin-right: 0.3em;
			border: 1px solid #ccc;
			background: #fff;
			overflow: hidden;
			box-sizing: border-box;
			}
	input[type="radio"]+label{}
		input[type="radio"]+label:before{
			border-radius: 100%;
			}
	input[type="checkbox"]+label{}
		input[type="checkbox"]+label:before{
			border-radius: 0.1em;
			}
	input[type="radio"]:checked+label,
	input[type="checkbox"]:checked+label{}
		input[type="radio"]:checked+label:before,
		input[type="checkbox"]:checked+label:before{
			border-color: rgba(0,0,0,1);
			background: rgba(0,0,0,1) url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAgMjAiPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTguMjk0IDE2Ljk5OGMtMC40MzUgMC0wLjg0Ny0wLjIwMy0xLjExMS0wLjU1M2wtMy41NzMtNC43MjFjLTAuNDY1LTAuNjEzLTAuMzQ0LTEuNDg2IDAuMjctMS45NTEgMC42MTUtMC40NjcgMS40ODgtMC4zNDQgMS45NTMgMC4yN2wyLjM1MSAzLjEwNCA1LjkxMS05LjQ5MmMwLjQwNy0wLjY1MiAxLjI2Ny0wLjg1MiAxLjkyMS0wLjQ0NXMwLjg1NCAxLjI2NiAwLjQ0NiAxLjkybC02Ljk4NCAxMS4yMWMtMC4yNDIgMC4zOTEtMC42NjEgMC42MzUtMS4xMiAwLjY1Ni0wLjAyMiAwLjAwMi0wLjA0MiAwLjAwMi0wLjA2NCAwLjAwMnoiPjwvcGF0aD4NCjwvc3ZnPg==') center center no-repeat;
			background-size: 1em;
			transition: border-color,background-color 0.2s ease-out;
			}

/* Chrome */
::-webkit-input-placeholder{
	color: #999;
	transition: color 0.2s ease-out;
	}
*:focus::-webkit-input-placeholder{
	color: rgba(0,0,0,0);
	}

/* Firefox */
::-moz-placeholder{
	color: #999;
	transition: color 0.2s ease-out;
	}
*:focus::-moz-placeholder{
	color: rgba(0,0,0,0);
	}

/* IE */
:-ms-input-placeholder{
	color: #999;
	transition: color 0.2s ease-out;
	}
*:focus:-ms-input-placeholder{
	color: rgba(0,0,0,0);
	}

:valid,
:invalid,
:optional{}
:disabled{
	background-color: #eee;
	cursor: not-allowed;
	}
:required{
	background: #ffffcc;
	border: 2px solid #ff0000;
	}

.center{
	text-align: center;
	}

.left{
	text-align: left;
	}

.right{
	text-align: right;
	}

.none{
	display: none;
	}

.thumb{}
/*	img.thumb{
		display: none;
		}
	div.thumb{
		position: relative;
		display: block;
		width: 100%;
		margin: 0;
		padding: 66.66% 0 0 0;
		object-fit: cover;
		object-position: center;
		overflow: hidden;
		}
	.thumb img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: inherit;
		object-position: inherit;
		transition: opacity 0.2s ease-out;
		}
	.thumb.contain{
		object-fit: contain;
		}
	.thumb.cover{
		object-fit: cover;
		}
	.thumb.top{
		object-position: center top;
		}
	.thumb.bottom{
		object-position: center bottom;
		}
	.thumb.left{
		object-position: left center;
		}
	.thumb.right{
		object-position: right center;
		}
	.thumb.lazyload{
		background: rgba(0,0,0,0.1) url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 50 50"><path fill="rgba(0,0,0,0.2)" d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z" transform="rotate(200.584 25 25)"><animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"></animateTransform></path></svg>') center center no-repeat;
		background-size: 3em;
		}
	.thumb.lazyloaded{
		background: none;
		}
	.thumb .lazyload{
		opacity: 0;
		}
	.thumb .lazyloaded{
		opacity: 1;
		}*/
.thumbBox{
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	padding: 70% 0 0 0;
	overflow: hidden;
	background-color: #f2f2f2;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	}
	.thumbBox img{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		}
	.wide{
		background-size: cover;
		}
	.long{
		background-size: contain;
		}
	.thumbBox:after,
	.thumbBox:before{
		border: 2px dotted #ff0000;
		}



/* for all */
@media (max-width: 1199px) {
/*1199px以下*/
}
@media (max-width: 991px) {
/*991px以下*/
}


/* for mobile */
@media (max-width: 767px) {
/*767px以下*/
input,
select,
textarea{
	font-size: 16px;
	}
[href^="tel"]{
	text-decoration: underline;
	}
.tb:not(.sp):not(.sp_p):not(.sp_l),
.pc:not(.sp):not(.sp_p):not(.sp_l){
	display: none !important;
	}
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
.sp_l,
.tb:not(.sp):not(.sp_p),
.pc:not(.sp):not(.sp_p){
	display: none !important;
	}
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
.sp_p,
.tb:not(.sp):not(.sp_l),
.pc:not(.sp):not(.sp_l){
	display: none !important;
	}
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
[href^="tel"]{
	pointer-events: none;
	color: inherit;
	fill: inherit;
	text-decoration: none;
	}
}
@media (min-width: 768px) and (max-width: 1199px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
.sp:not(.tb),
.sp_p:not(.tb),
.sp_l:not(.tb),
.pc:not(.tb){
	display: none !important;
	}
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
.sp:not(.pc),
.sp_p:not(.pc),
.sp_l:not(.pc),
.tb:not(.pc){
	display: none !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
/*992px～1199px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}


/* Edge */
@supports (-ms-ime-align:auto) {
}


/* ie */
@media all and (-ms-high-contrast: none) {
main{
	display: block;
	}
select{
	padding-right: 0.6em;
	}
.thumb{}
	.thumb img{
		font-family: 'object-fit: cover; object-position: center;';
		}
	.thumb.contain{}
		.thumb.contain img{
			font-family: 'object-fit: contain; object-position: center;';
			}
	.thumb.cover{}
		.thumb.cover img{
			font-family: 'object-fit: cover; object-position: center;';
			}
	.thumb.top{}
		.thumb.top img{
			font-family: 'object-fit: cover; object-position: center top;';
			}
	.thumb.bottom{}
		.thumb.bottom img{
			font-family: 'object-fit: cover; object-position: center bottom;';
			}
	.thumb.left{}
		.thumb.left img{
			font-family: 'object-fit: cover; object-position: left center;';
			}
	.thumb.right{}
		.thumb.right img{
			font-family: 'object-fit: cover; object-position: right center;';
			}
	.thumb.contain.top{}
		.thumb.contain.top img{
			font-family: 'object-fit: contain; object-position: center top;';
			}
	.thumb.contain.bottom{}
		.thumb.contain.bottom img{
			font-family: 'object-fit: contain; object-position: center bottom;';
			}
	.thumb.contain.left{}
		.thumb.contain.left img{
			font-family: 'object-fit: contain; object-position: left center;';
			}
	.thumb.contain.right{}
		.thumb.contain.right img{
			font-family: 'object-fit: contain; object-position: right center;';
			}
}




/* --------------------------------------------- */
/* 　　　　　　　　　　LSC用　　　　　　　　　　 */
/* --------------------------------------------- */
.lsb-none{
	display: none;
	}
.lsb-disabled{
	opacity: 0.3;
	pointer-events: none;
	}

.fr-view{}
	.fr-view p+p,
	.fr-view div+div{
		margin-top: auto;
		}
	.fr-view li{
		margin-left: 1em;
		}




/* for all */
@media (max-width: 1199px) {
/*1199px以下*/
}
@media (max-width: 991px) {
/*991px以下*/
}


/* for mobile */
@media (max-width: 767px) {
/*767以下px*/
.lsb-tb:not(.lsb-sp),
.lsb-pc:not(.lsb-sp){
	display: none;
	}
}
@media (max-width: 767px) and (orientation:portrait) {
/*767px以下 縦向き*/
}
@media (max-width: 767px) and (orientation:landscape) {
/*767px以下 横向き*/
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
}
@media (min-width: 768px) and (max-width: 1199px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991px) {
/*768px～991px*/
.lsb-sp:not(.lsb-tb),
.lsb-pc:not(.lsb-tb){
	display: none;
	}
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
.lsb-sp:not(.lsb-pc),
.lsb-tb:not(.lsb-pc){
	display: none;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
/*992px～1199px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}


/* Edge */
@supports (-ms-ime-align:auto) {
}


/* ie */
@media all and (-ms-high-contrast: none) {
.fr-view{}
	.fr-view img{
		width: 0;
		min-width: 100%;
		}
}