@charset "UTF-8";
/* CSS Document */

.lineup {
	width: 100%;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

	.lineup li {
		width: 23%;
		margin: 0 1% 30px 1%;
	}

		.lineup li img {
			width: 100%;
		}

		.lineup li a:hover img {
			opacity: 0.8;
		}

.subTtl {
	width: auto;
	margin: -60px auto 30px auto;
	padding: 60px 0 3px 0;
	text-align: center;
	font-weight: bold;
	color: #333;
	border-bottom: 1px dashed #333;
	font-size: 24px;
	font-size: 2.4rem;
	letter-spacing: 1px;
	line-height: 1.5em;
	display: inline-block;
}

.weight {
	font-weight: bold;
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.8em;
	letter-spacing: 1px;
}


.newItems {
	width: 100%;
	max-width: 920px;
	margin: 0 auto 30px auto;
	padding: 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

	.newItems li {
		width: 31%;
		margin: 0 1% 15px 1%;
	}

		.newItems li a {
			width: 100%;
			display: block;
			padding: 15px 30px 15px 10px;
			-webkit-box-sizing: border-box;
			        box-sizing: border-box;
			background: #333;
			border: 2px solid #333;
			color: #FFF;
			font-size: 18px;
			font-size: 1.8rem;
			line-height: 1em;
			font-weight: normal;
			position: relative;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			    -ms-flex-align: center;
			        align-items: center;
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
		}

			.newItems li a:after {
				position: absolute;
				top: 50%;
				right: 8px;
				-webkit-transform: translate(0,-50%);
				-ms-transform: translate(0,-50%);
				transform: translate(0,-50%);
				font-family: "Font Awesome 5 Free";
				content: '\f101';
				font-weight: 900;
				padding-left: 10px;
			}

		.newItems li a:hover {
			background: #FFF;
			border: 2px solid #E95513;
			color: #E95513;
			text-decoration: none;
		}

.otherLinks,
.otherLinks2 {
	width: 100%;
	margin: 0 0 30px 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.otherLinks1 {
	width: 100%;
	margin: 0 0 30px 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

	.otherLinks li {
		width: 30%;
		margin: 0 auto;
		padding: 50px 0 45px 0;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		background: #FFF;
		border-top: 3px solid #e75513;
		text-align: center;
		-webkit-box-shadow: 0 0 10px #CCC;
		        box-shadow: 0 0 10px #CCC;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	.otherLinks1 li {
		width: 100%;
		margin: 0 auto;
		padding: 50px 0 45px 0;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		background: #FFF;
		border-top: 3px solid #e75513;
		text-align: center;
		-webkit-box-shadow: 0 0 10px #CCC;
		        box-shadow: 0 0 10px #CCC;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	.otherLinks2 li {
		width: 48%;
		margin: 0 auto;
		padding: 50px 0 45px 0;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		background: #FFF;
		border-top: 3px solid #e75513;
		text-align: center;
		-webkit-box-shadow: 0 0 10px #CCC;
		        box-shadow: 0 0 10px #CCC;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

		.otherLinks li .en,
		.otherLinks1 li .en,
		.otherLinks2 li .en {
			width: 100%;
			margin: 0 0 10px 0;
			padding: 0;
			-webkit-box-sizing: border-box;
			        box-sizing: border-box;
			font-size: 24px;
			font-size: 2.4rem;
			font-weight: bold;
			display: block;
		}

		.otherLinks li strong,
		.otherLinks1 li strong,
		.otherLinks2 li strong {
			width: 90%;
			margin: 0 5% 20px 5%;
			padding: 0;
			-webkit-box-sizing: border-box;
			        box-sizing: border-box;
			font-size: 16px;
			font-size: 1.6rem;
			font-weight: bold;
			display: block;
		}

		.otherLinks li p,
		.otherLinks1 li p,
		.otherLinks2 li p {
			width: 90%;
			margin: 0 5% 20px 5%;
			padding: 0;
			-webkit-box-sizing: border-box;
			        box-sizing: border-box;
			text-align: center;
			font-size: 14px;
			font-size: 1.4rem;
			line-height: 1.5em;
		}

			.otherLinks li p span,
			.otherLinks1 li p span,
			.otherLinks2 li p span {
				color: #e75513;
				font-size: 24px;
				font-size: 2.4rem;
				font-weight: bold;
				display: block;
				margin: 8px 0;
			}

		.otherLinks li .btn a,
		.otherLinks2 li .btn a {
			width: 60%;
			margin: 0 auto;
			padding: 3px 10px;
			-webkit-box-sizing: border-box;
			        box-sizing: border-box;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: bold;
			display: block;
			background: #e75513;
			color: #FFF;
			text-decoration: none;
			border: 2px solid #FFF;
		}

		.otherLinks1 li .btn a {
			width: 30%;
			margin: 0 auto;
			padding: 3px 10px;
			-webkit-box-sizing: border-box;
			        box-sizing: border-box;
			font-size: 12px;
			font-size: 1.2rem;
			font-weight: bold;
			display: block;
			background: #e75513;
			color: #FFF;
			text-decoration: none;
			border: 2px solid #FFF;
		}

			.otherLinks li .btn a:after,
			.otherLinks1 li .btn a:after,
			.otherLinks2 li .btn a:after {
				font-family: "Font Awesome 5 Free";
				font-weight: 400;
				content: '\f2d2';
				margin-left: 5px;
			}

		.otherLinks li .btn a:hover,
		.otherLinks1 li .btn a:hover,
		.otherLinks2 li .btn a:hover {
			background: #FFF;
			color: #e75513;
			border: 2px solid #e75513;
		}

			.otherLinks li .btn a:hover:after,
			.otherLinks1 li .btn a:hover:after,
			.otherLinks2 li .btn a:hover:after {
				font-family: "Font Awesome 5 Free";
				font-weight: 900;
				content: '\f061';
				margin-left: 5px;
				color: #e75513;
			}

.para {
	width: 100%;
	margin: 0 0 50px 0;
	padding: 0;
	text-align: left;
}

.para2 {
	width: 100%;
	margin: 0 0 50px 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

	.para2 .photo {
		width: 25.1%;
		padding: 0 0 20px 30px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}

		.para2 .photo img {
			width: 100%;
		}

	.para2 .text {
		width: 74.9%;
	}

		.para2 .text p {
			width: 100%;
			margin: 0 0 5px 0;
		}

		.para2 .listWrap {
			width: 100%;
			margin: 0 0 20px 0;
			padding: 0;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
		}

		.para2 .listWrap2 {
			width: 100%;
			margin: 0 0 20px 0;
			padding: 0;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		}

			.para2 .listWrap2 p {
				margin: 0 0 15px 0 !important;
			}

			.para2 .listWrapBlock {
				width: 48%;
			}

				.para2 .paraHeader {
					width: 100%;
					margin: 0 0 10px 0;
					padding: 0 0 3px 0;
					border-bottom: 1px dotted #ea7733;
					color: #ea7733;
					font-size: 16px;
					font-size: 1.6rem;
					letter-spacing: 2px;
					text-align: left;
				}

				.para2 .list {
					width: 100%;
					margin: 0;
					padding: 0;
				}

					.para2 .list li {
						margin-left: 1em;
						margin-bottom: 0;
						padding-left: -0.5em;
						list-style: disc;
					}

.list2part {
	width: 100%;
	margin: 0 0 50px 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

	.list2part li {
		width: 45%;
		margin-left: 1em;
		margin-bottom: 5px;
		padding-left: -0.5em;
		list-style: disc;
	}

		.list2part li .link {
			display: block;
		}

.listNarrow {
	width: 95%;
	margin: 0 0 20px 5%;
	padding: 0;
}

	.listNarrow li {
		margin-left: 1em;
		margin-bottom: 0;
		padding-left: -0.5em;
		list-style: disc;
	}

#linkBtn {
	width: 50%;
	margin: 0 auto 80px auto;
}

/*サムネありver*/
.thumb_wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
    width: 90%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.thumb_wrap .thumb {
    width: 23%;
    border: 1px solid #CCC;
}
.thumb_wrap .thumb img {
    width: 100%;
}
.thumb_wrap #linkBtn_o {
	width: 65%;
	margin: 0 0 0px 0;
}
@media screen and (max-width: 768px) {
    .thumb_wrap {
        display: block;
        width: 100%;
        max-width: 100%;
    }
    .thumb_wrap .thumb {
        width: 40%;
        margin-left: auto;
        margin-right: auto;
    }
    .thumb_wrap #linkBtn_o {
        width: 100%;
        margin: 0 0 0px 0;
    }
}


.linkBoxWrap {
	width: auto;
	margin: 15px 0 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

	.para2 .text .linkBoxWrap {
		width: 100%;
	}

.linkBox {
	width: 47%;
	margin: 0 3% 0 0;
}

	.linkBox a {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-ms-flex-line-pack: center;
		    align-content: center;
		padding: 15px 20px 15px 10px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		background: #333;
		border: 2px solid #333;
		color: #FFF;
		text-align: left;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.5em;
		font-weight: normal;
		position: relative;
	}

		.linkBox a:after {
			font-family: "Font Awesome 5 Free";
			content: '\f101';
			font-weight: 900;
			position: absolute;
			top: 50%;
			right: 10px;
			-webkit-transform: translate(0,-50%);
			-ms-transform: translate(0,-50%);
			transform: translate(0,-50%);
			padding-left: 10px;
		}

		.linkBox a:hover {
			background: #FFF;
			border: 2px solid #E95513;
			color: #E95513;
			text-decoration: none;
		}

		.linkBox a i {
			padding-right: 5px;
		}

.linkList {
	width: 100%;
	margin: 0 0 50px 0;
	padding: 50px 40px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: #FFF;
	-webkit-box-shadow: 0 0 10px #CCC;
	        box-shadow: 0 0 10px #CCC;
}

	.linkList li {
		width: 100%;
		margin: 0 0 15px 0;
		padding: 0 10px 15px 10px;
		border-bottom: 1px dotted #CCC;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}

		.linkList li:first-child {
			border-top: 1px dotted #CCC;
			padding: 15px 10px;
		}

		.linkList li:last-child {
			margin: 0;
		}

		.linkList li a {
			color: #333;
		}

		.linkList li a:hover {
			color: #e75513;
		}

		.linkList li a i {
			padding-right: 5px;
			color: #e75513;
		}

.listBlock {
	width: 100%;
	margin: 0 0 50px 0;
	padding: 50px 40px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: #FFF;
	-webkit-box-shadow: 0 0 10px #CCC;
	        box-shadow: 0 0 10px #CCC;
}

	ul.listBlock li {
		margin: 0 0 15px 1em;
		padding: 0 10px 15px 0.5em;
		border-bottom: 1px dotted #CCC;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		list-style: disc;
	}

	ol.listBlock li {
		margin: 0 0 15px 1em;
		padding: 0 10px 15px 0.5em;
		border-bottom: 1px dotted #CCC;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		list-style: decimal;
	}

		.listBlock li:first-child {
			border-top: 1px dotted #CCC;
			padding: 15px 10px 15px 0.5em;
		}

		.listBlock li:last-child {
			margin: 0 0 0 1em;
		}

.listBlockN {
	width: 100%;
	margin: 0 0 50px 0;
	padding: 50px 40px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: #FFF;
	-webkit-box-shadow: 0 0 10px #CCC;
	        box-shadow: 0 0 10px #CCC;
}

	.listBlockN li {
		margin: 0 0 15px 0;
		padding: 0 10px 15px 0;
		border-bottom: 1px dotted #CCC;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		list-style: none;
	}

		.listBlockN li:first-child {
			border-top: 1px dotted #CCC;
			padding: 15px 10px 15px 0;
		}

		.listBlockN li:last-child {
			margin: 0;
		}

		.listBlockN li i {
			font-size: 150%;
			padding-right: 8px;
		}

.infoBox {
	width: 100%;
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

	.infoBox .photo {
		width: 35%;
	}

		.infoBox .photo img {
			width: 100%;
		}

	.infoBox .text {
		width: 60%;
	}

		.infoBox .text p.normal {
			width: 100%;
			margin: 0 0 20px 0;
			padding: 0;
		}

		.infoBox .text p.dec {
			width: 100%;
			margin: 0 0 10px 0;
			padding: 0;
		}

		.infoBox .text ul {
			width: 100%;
			margin: 0 0 10px 0;
			padding: 0;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
		}

			.infoBox .text ul.list1 li {
				margin: 0 10px 0 0;
				padding: 3px 8px;
				border: 1px solid #369D3E;
				color: #369D3E;
				border-radius: 5px;
			}

			.infoBox .text ul.list2 li {
				margin: 0 10px 0 0;
				padding: 3px 8px;
				border: 1px solid #BA4834;
				color: #BA4834;
				border-radius: 5px;
			}

			.infoBox .text ul.list3 li {
				margin: 0 10px 0 0;
				padding: 3px 8px;
				border: 1px solid #2466A2;
				color: #2466A2;
				border-radius: 5px;
			}

.newItem1Block {
	width: 100%;
	margin: 0 0 50px 0;
	padding: 30px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	background: #FFF;
	-webkit-box-shadow: 0 0 10px #CCC;
	        box-shadow: 0 0 10px #CCC;
}

	.newItem1Block .text {
		width: 55%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

	.newItem1Block .text2 {
		width: 100%;
	}

		.newItem1Block .text .conSubTtl,
		.newItem1Block .text2 .conSubTtl {
			margin: -60px 0 10px 0;
		}

		.newItem1Block .text p,
		.newItem1Block .text2 p {
			margin: 0 0 20px 0;
		}

		.newItem1Block .text2 .photo {
			width: 70%;
			margin: 0 15%;
		}

			.newItem1Block .text2 .photo img {
				width: 100%;
			}


	.newItem1Block .photo {
		width: 40%;
	}

		.newItem1Block .photo img {
			width: 100%;
		}

	.newItem1Block .serial {
		width: 50%;
		display: inline-block;
		background: #ea7733;
		color: #FFF;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		margin: 0 auto 10px auto;
		padding: 3px;
		text-align: center;
	}

.logoC {
	width: 100%;
	margin: 10px 0 15px 0;
	text-align: center;
	display: block;
}

	.logoC a:hover img {
		opacity: 0.7;
	}

.highgPoint {
	width: 100%;
	margin: 0 0 30px 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

	.highgPoint li {
		width: 150px;
		height: 150px;
		margin: 0 10px;
		padding: 0;
		color: #ea7733;
		font-weight: bold;
		font-size: 150%;
		letter-spacing: 2px;
		border-radius: 50%;
		border: 3px solid #ea7733;
		background: #FFF;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}

.highgPointBox {
	width: 100%;
	margin: 0 0 30px 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

	.highgPointBox li {
		font-size: 90%;
		line-height: 140%;
		text-align: center;
		margin: 0;
		padding: 0;
	}

		.highgPointBox li.part3 {
			width: 30%;
		}

		.highgPointBox li.part2 {
			width: 47%;
		}

		.highgPointBox li span {
			font-size: 80%;
		}

		.highgPointBox li img {
			width: 100%;
			-o-object-fit: cover;
			   object-fit: cover;
			-o-object-position: left center;
			   object-position: left center;
			margin: 0 0 10px 0;
		}




@media screen and (max-width: 1080px) {

	.newItem1Block .serial {
		width: 100%;
		margin: 0 0 10px 0;
	}



	@media screen and (max-width: 768px) {

		.lineup li {
			width: 46%;
			margin: 0 2% 30px 2%;
		}

		.subTtl {
			width: 100%;
			margin: -80px 0 30px 0;
			padding: 80px 0 3px 0;
			text-align: left;
			font-size: 20px;
			font-size: 2rem;
		}

		.newItems li {
			width: 100%;
			margin: 0 0 15px 0;
		}

		.otherLinks,
		.otherLinks1,
		.otherLinks2 {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		}

			.otherLinks li,
			.otherLinks1 li,
			.otherLinks2 li {
				width: 100%;
				margin: 0 auto 40px auto;
			}

				.otherLinks1 li .btn a {
					width: 60%;
				}

		#linkBtn {
			width: 100%;
		}

		.linkBoxWrap {
			width: 100%;
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		}

		.linkBox {
			width: 100%;
			margin: 0 0 15px 0;
		}

		.linkList {
			padding: 30px 15px;
		}

		.infoBox {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
		}

			.infoBox .photo {
				width: 100%;
				margin: 0 0 20px 0;
			}

			.infoBox .text {
				width: 100%;
			}

		.listBlockN  {
			padding: 30px 20px;
		}

			.listBlockN .underlineO {
				font-size: 110%;
			}

			.listBlockN li i {
				font-size: 110%;
			}

		.para2 {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			    -ms-flex-direction: column;
			        flex-direction: column;
			-webkit-box-pack: start;
			    -ms-flex-pack: start;
			        justify-content: flex-start;
		}

			.para2 .photo {
				width: 100%;
				padding: 0 0 20px 0;
			}

			.para2 .text {
				width: 100%;
			}

				.para2 .listWrap {
					-webkit-box-orient: vertical;
					-webkit-box-direction: normal;
					    -ms-flex-direction: column;
					        flex-direction: column;
				}

					.para2 .listWrapBlock {
						width: 100%;
						margin: 0 0 15px 0;
					}

			.newItem1Block .text2 .photo {
				width: 100%;
				margin: 0;
			}


			.highgPoint li {
				width: 80px;
				height: 80px;
				margin: 0 5px;
				font-size: 100%;
				letter-spacing: 1px;
			}

		.highgPointBox {
			-ms-flex-wrap: wrap;
			    flex-wrap: wrap;
		}

			.highgPointBox li.part3,
			.highgPointBox li.part2 {
				width: 100%;
				margin: 0 0 15px 0;
			}



	}

}