.top {
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	position: sticky;
	
	background: rgba(255,255,255,.2);
	z-index: 10;
}
.fixedsticky-withoutfixedfixed .fixedsticky-off,
.fixed-supported .fixedsticky-off {
	position: static;
}
.fixedsticky-withoutfixedfixed .fixedsticky-on,
.fixed-supported .fixedsticky-on {
	position: fixed;
}
.fixedsticky-dummy {
	display: none;
}
.fixedsticky-on + .fixedsticky-dummy {
	display: block;
}

/*--------------------------*/


.categoryTextPoint{
	border:2px solid #f04070;
	border-radius:3px;
	margin-bottom:15px;
	padding:15px;
	font-size:14px;
	position:relative;
}
.categoryTextPoint p{
	font-weight:bold;
	font-size:15px;
	color:#c93a40;
	padding:0 3px;
	background:#fff;
	position:absolute;
	top:-12px;
}
.categoryTextOtherBox{
	text-align:center;
}

.categoryTextFontBold{
	font-weight:bold;
}
.categoryTextFontBold2{
	font-weight:bold;
	font-size:18px;
}
.categoryTextFontBold3{
	font-weight:bold;
	font-size:18px;
	margin-bottom: 0px;
}
.categoryTextFontBold3:before{
	font-size:18px;
	content: "●";
	color: #ddd;
	padding: 0 5px 0 0;
}
.categoryTextRed{
	font-weight:bold;
	color:#b80117;
}

/*--------------------------*/

.categoryColumn-box{
	padding:10px;
	word-wrap: break-word;
	color:#4A4645;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.6;
	letter-spacing: 0.1em;
	font-family:"Yu Gothic";
}

.categoryColumnTopTitle{
	border-bottom: solid 3px #f04070;
	position: relative;
	padding-left:10px;
	font-size:20px;
	font-weight:bold;
	font-family:"游ゴシック";
	color:#333;
}


.categoryStrength{
	font: 14px/1.6 'arial narrow', sans-serif;
	margin-bottom:10px;
}

.categoryStrength .categoryColumnTitle{
	position:relative;
	font-size: 16px;
	font-weight: bold;
	background: #f04070;
	color: #fff;
	border-bottom:dashed 1px #fff;
	top:0;
	height:100%;
	padding:10px 0;
}

.categoryStrength .categoryColumnTitle:before{
	font-size: 16px;
	content: "\f303";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	left: 10px;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.categoryImage-type{
	float: right;
	width: 280px;
	height: 200px;
	margin: 10px;
}


.categoryInnerImgCenter{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
@media screen and (max-width: 560px){
	.categoryImage-type{
		float: none;
		width: 260px;
		height: 200px;
		margin: 10px auto;
	}

}

@media (max-width: 380px) {

	.categoryInnerImgCenter{
		display: block;
		margin: 10px auto;
		width: 100%;
	}	
}

/*-----
categoryStrength

categoryColumnTitle

categoryImage-type

categoryInnerImgCenter

---*/