/* CSS Document */

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;
	}

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 !important;
	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-flex;
	align-items: center;
	justify-content: center;
	padding: 1em;
	background: rgba(0,0,0,1);
	border: none;
	color: #fff;
	fill: #fff;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	line-height: 1em;
	outline:none;
	box-shadow: none;
	}
	button:hover{
		cursor: pointer;
		}
	button::-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: flex-start;
		cursor: pointer;
		}
		input[type="radio"]+label:before,
		input[type="checkbox"]+label:before{
			content: "";
			flex: 0 0 1.4em;
			width: 1.4em;
			height: 1.4em;
			margin-right: 0.3em;
			border: 1px solid currentColor;
			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: 2px;
			}
	input[type="radio"]:checked+label,
	input[type="checkbox"]:checked+label{}
		input[type="radio"]:checked+label:before,
		input[type="checkbox"]:checked+label:before{
			border-color: currentColor;
			background-color: currentColor;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			transition: border-color,background-color 0.2s ease-out;
			}
	input[type="radio"]:checked+label,
		input[type="radio"]:checked+label:before{
			background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAgMTAiIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNSwxQTQsNCwwLDEsMSwxLDUsNCw0LDAsMCwxLDUsMU01LDBhNSw1LDAsMSwwLDUsNUE1LDUsMCwwLDAsNSwwWiIgc3R5bGU9ImZpbGw6I2ZmZiIvPjwvc3ZnPg==');
			}
	input[type="checkbox"]:checked+label{}
		input[type="checkbox"]:checked+label:before{
			background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAgMjAiPg0KPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTguMjk0IDE2Ljk5OGMtMC40MzUgMC0wLjg0Ny0wLjIwMy0xLjExMS0wLjU1M2wtMy41NzMtNC43MjFjLTAuNDY1LTAuNjEzLTAuMzQ0LTEuNDg2IDAuMjctMS45NTEgMC42MTUtMC40NjcgMS40ODgtMC4zNDQgMS45NTMgMC4yN2wyLjM1MSAzLjEwNCA1LjkxMS05LjQ5MmMwLjQwNy0wLjY1MiAxLjI2Ny0wLjg1MiAxLjkyMS0wLjQ0NXMwLjg1NCAxLjI2NiAwLjQ0NiAxLjkybC02Ljk4NCAxMS4yMWMtMC4yNDIgMC4zOTEtMC42NjEgMC42MzUtMS4xMiAwLjY1Ni0wLjAyMiAwLjAwMi0wLjA0MiAwLjAwMi0wLjA2NCAwLjAwMnoiPjwvcGF0aD4NCjwvc3ZnPg==');
			}

/* 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 !important;
	}

.thumb{}
	.thumb img{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: inherit;
		object-position: inherit;
		opacity: 1;
		transition: opacity 0.2s ease-out;
		}
	.thumb:not(img){
		position: relative;
		display: block;
		width: 100%;
		margin: 0;
		padding: 66.66% 0 0 0;
		object-fit: cover;
		object-position: center;
		background: rgba(0,0,0,0.05) 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;
		overflow: hidden;
		background: opacity 0.2s ease-out;
		}
	img.thumb{
		opacity: 0;
		}
	.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;
		}

.fr-view{
	text-align: left;
	}
	.fr-view *{
		line-height: inherit;
		}
	.fr-view li{
		margin-left: 1em;
		}
	.fr-view td{
		padding: 0.8em;
		vertical-align: middle;
		}




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


/* for mobile */
@media (max-width: 767.98px) {
/*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: 767.98px) and (orientation:portrait) {
/*767px以下 縦向き*/
.sp_l,
.tb:not(.sp):not(.sp_p),
.pc:not(.sp):not(.sp_p){
	display: none !important;
	}
}
@media (max-width: 767.98px) and (orientation:landscape) {
/*767px以下 横向き*/
.sp_p,
.tb:not(.sp):not(.sp_l),
.pc:not(.sp):not(.sp_l){
	display: none !important;
	}
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) {
/*767px以下 横向き, 768px以上,*/
}
@media (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) and (max-width: 991.98px) {
/*767px以下 横向き, 768px～991px*/
}


/* 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: 1199.98px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
/*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: 1199.98px) {
/*992px～1199px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}


/* ie 
@media all and (-ms-high-contrast: none) {
.fr-view{}
	.fr-view img{
		width: 0;
		min-width: 100%;
		}
.thumb{}
	.thumb img{
		opacity: 0;
		}
	.thumb:not(img){
		background-size: cover;
		}
	.thumb.contain{
		background-size: contain;
		}
	.thumb.cover{
		background-size: cover;
		}
	.thumb.top{
		background-position: center top;
		}
	.thumb.bottom{
		background-position: center bottom;
		}
	.thumb.left{
		background-position: left center;
		}
	.thumb.right{
		background-position: right center;
		}
}
*/




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




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


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


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
}
@media (min-width: 768px) and (max-width: 1199.98px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
/*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: 1199.98px) {
/*992px～1199px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}


/* ie 
@media all and (-ms-high-contrast: none) {
}
*/