@charset "utf-8";

/*++++++++++++++++++++++++++++++++++++++
style general
+++++++++++++++++++++++++++++++++++++++*/
.pc{
display:inline-block;
}
.sp{
display:none !important;
}
.left{
float:left;
}
.right{
float:right;
}
.flex{
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
.brackets{
display:block;
}
.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
/**/
.arr1-0::before{
left: 3px;
box-sizing: border-box;
width: 3px;
height: 3px;
border: 3px solid transparent;
border-left: 3px solid #d50d0d;
}
/*→*/
.arr1-1::before{
left: 8px;
width: 5px;
height: 1px;
background: #7a0;
}
.arr1-1::after{
left: 9px;
width: 4px;
height: 4px;
border-top: 1px solid #7a0;
border-right: 1px solid #7a0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
/*▼*/
.ico_under::before{
top:-6px;
left: 90%;
width: 8px;
height: 8px;
border-top: 4px solid #fff;
border-right: 4px solid #fff;
-webkit-transform: rotate(134deg);
transform: rotate(134deg);
}

.tx10{
font-size:10px;
}
.tx12{
font-size:12px;
}
.tx14{
font-size:14px;
}
.tx16{
font-size:16px !important;
}
.tx18{
font-size:18px;
}
.tx20{
font-size:20px;
}

.wh{
color:#fff;
}
.pk{
color:#ec0e52;
}
.rd{
color:#e80a0a;
}
.or{
color:#f78600;
}
.bl{
color:#008fea;
}
.sky{ 
color: #53c5c3; 
}
.br{ 
color: #af7348;
}
.gr{ 
color: #35a101; 
}
.gry{ 
color: #777; 
}
.bk{
color:#000;
}


/* screens under //
-------------------------------------------------*/
@media screen and (max-width:1060px) {
	.pc{
	display:none !important;
	}
	.sp{
	display:inline-block !important;
	}
	.left,.right{
	float:none;
	}
	.flex{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	flex-flow: column nowrap;
	}
} /*--------------------------------//mediaquery*/



