.maindesign *, 
.maindesign *:before, 
.maindesign *:after {
	box-sizing: border-box;
	min-height: 0%;
	}
.maindesign {
	margin-bottom: 100px !important;
	overflow: hidden;
}
@media screen and (max-width:767px) {
	.maindesign {
		margin-bottom: 50px !important;
	}
}

.maindesign .u-mt-leave {
	margin-top: 50px;
}
.maindesign .u-mt-moderate {
	margin-top: 30px;
}
.maindesign .u-mt-close {
	margin-top: 15px;
}
.maindesign .u-mt-thin {
	margin-top: 10px;
}
@media screen and (max-width:767px) {
	.maindesign .u-mt-leave {
		margin-top: 30px;
	}
	.maindesign .u-mt-close {
		margin-top: 10px;
	}
	.maindesign .u-one-side {
		margin-right: 10px;
		margin-left: 10px;
	}
}

.maindesign .c-feature-hdg2 {
	position: relative;
    padding-bottom: 1.25rem;
    border-bottom: 3px solid #B6B6B6;
    font-size: 1.75rem;
    margin-top: calc(80px - 0.6rem);
    margin-bottom: calc(40px - 0.75rem);
}
.maindesign .c-feature-hdg2::after {
	position: absolute;
    content: " ";
    border-bottom: solid 3px #E5002D;
    bottom: -3px;
    width: 8%;
    display: block;
}

@media screen and (max-width:767px) {
	.maindesign .c-feature-hdg2 {
		font-size: 1.5rem;
		margin-top: calc(60px - 0.6rem);
		margin-bottom: calc(45px - 0.75rem);
		line-height: 1.2;
	}
}

.maindesign .u-pc-only {
	display: block;
}
.maindesign .u-sp-only {
	display: none;
}
@media screen and (max-width:767px) {
	.maindesign .u-pc-only {
		display: none;
	}
	.maindesign .u-sp-only {
		display: block;
	}
}

.maindesign .c-komeri-btn {
	position: relative;
	background-color: #979797;
    cursor: pointer;
	border-radius: 40px;
	opacity: 1.0;
}
.maindesign .c-komeri-btn:hover {
	opacity: 0.75;
    transition: 0.6s;
}
.maindesign .c-komeri-btn > a {
	text-decoration: none;
	display: inline !important;
}
.maindesign .c-komeri-btn--inner {
	font-feature-settings: "palt";
	color: #fff;
	padding: 0.75rem 2rem 0.75rem 1.75rem;
	width: auto;
    height: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
	font-weight: bold;
}
.maindesign .c-komeri-btn__orange {
	background-color: #EA6D0D !important;
}
.maindesign .c-komeri-btn--inner::after {
	content: '';
	position: absolute;   
	top: 50%; 
	right: 18px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    width: 8px;
    height: 8px;
	transform: translateY(-50%) rotate( 45deg);
}


.maindesign img {
	width: 100%;
	height: auto;
	display: block;
}
.maindesign .menu-btn-list a {
	color: #fff;
	display: flex;
}

.maindesign .c-lead-text {
	font-size: 1.1rem;
	line-height: 1.5;
}
@media screen and (max-width:767px) {
	.maindesign .c-lead-text {
		font-size: 0.95rem;
	}
}


.maindesign .l-title {
	position: relative;
}
.maindesign .l-title span.heading01.sub-page {
	position: absolute;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 4.5rem;
    line-height: 1.2;
    letter-spacing: 0.05em;
    transform: translate(-50%, -50%);
    top: 32%;
    width: 100%;
    left: 50%;
    font-feature-settings: "palt" 1;
}
.maindesign .l-title span.heading01:before {
    content: '物置・収納庫特集';
    -webkit-text-stroke: 0.1em #000;
    position: absolute;
    z-index: -1;
}
.maindesign .l-title span.heading03 {
	position: absolute;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    width: 66%;
    padding: 0.25em 0 0.3em;
    border-radius: 0.25em;
    top: 72%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    background: #294051;
    border: 1px solid #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
}

@media screen and (max-width:767px) {
	.maindesign .l-title span.heading01.sub-page {
		width: 60%;
		font-size: 6.5vw;
		top: 30%;
		letter-spacing: 2px;
	}
	.maindesign .l-title span.heading03 {
		width: 57%;
		padding: 0.25em 5px 0.3em;
		top: 43%;
		font-size: 7.8vw;
		line-height: 1.2;
		transform: translate(-50%);
	}
}


.maindesign .l-nav-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.maindesign .l-nav-list .l-nav-list--btn:nth-child(n+5) {
	margin-top: 15px;
}
.maindesign .l-nav-list--btn {
	position: relative;
	border: 1px solid #B6B6B6;
	width: 24%;
	font-size: 0.95rem;
    font-feature-settings: "palt";
    line-height: 1.3;
	text-align: center;
    border-radius: 40px;
    color: #333;
    cursor: pointer;
}
.maindesign .l-nav-list--btn::after {
	content: "";
    position: absolute;
	top: 50%;
    right: 15px;
    border-top: 2px solid #B6B6B6;
    border-right: 2px solid #B6B6B6;
    width: 8px;
    height: 8px;
    transform: translateY(-50%) rotate( 135deg);
}
.maindesign .l-nav-list--btn:hover {
	border-color: #E5002D;
	opacity: 0.75;
    transition: 0.6s;
}
.maindesign .l-nav-list--inner {
	display: flex !important;
	opacity: 1.0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
	padding: 0.35rem 2rem 0.35rem 1.75rem;
	min-height: 3.0em;
}
.maindesign .l-nav-list::before,
.maindesign .l-nav-list::after {
	content: '';
	width: 24%;
	height: 0;
	display: block;
}
.maindesign .l-nav-list::before {
	order: 1;
}

@media screen and (max-width:767px) {
	.maindesign .l-nav-list--btn {
		width: 100%;
	}
	.maindesign .l-nav-list::before,
	.maindesign .l-nav-list::after {
		width: 100%;
	}
	.maindesign .l-nav-list .l-nav-list--btn:nth-child(n+2) {
		margin-top: 15px;
	}
}


.maindesign h3.c-checkPoint {
    position: relative;
    font-size: 1.25em;
    font-weight: bold;
    margin: 60px 0 20px 0;
    padding: 0 0 10px 0;
    text-align: left;
    border-bottom: #aaaaaa 2px solid;
    display: flex;
    align-items: center;
	line-height:1.15;
}
.maindesign h3.c-checkPoint .st0{
	fill:#aaaaaa;
}
.maindesign h3.c-checkPoint .st1{
	fill:none;stroke:#ffffff;stroke-width:3;stroke-miterlimit:10;
}
.maindesign h3.c-checkPoint span {
    margin: 0 0 0 20px;
    width: calc(100% - 60px);
}


.maindesign .p-list-group li:not(:first-child) {
	margin-top: 30px;
}
.maindesign .p-labeled-title {
	font-weight: bold;
	font-size: 1.1rem;
	display: flex;
	align-items: center;
	line-height: 1.3;
}
.maindesign .p-labeled-title__large {
	font-size: 1.35rem !important;
}
.maindesign .p-labeled-title::before {
	content: '';
	display: block;
	width: 0.75em;
	height: 1.75em;
	margin-right: 0.5em;
}
.maindesign .p-labeled-title__orange::before {
	background-color: orange;
}
.maindesign .p-labeled-title__blue::before {
	background-color: #8faadc;
}
.maindesign .p-labeled-title__red::before {
	background-color: #ff0000;
}
.maindesign .p-labeled-title__green::before {
	background-color: #8f9975;
}
.maindesign .p-c-green {
	color: #8f9975;
}

.maindesign .p-list-group--lead {
	margin-top: 15px;
}


@media screen and (max-width:767px) {
	.maindesign .p-list-group li:not(:first-child) {
		margin-top: 20px;
	}
	.maindesign .p-labeled-title {
		font-size: 1.0rem;
	}
	.maindesign .p-labeled-title__large {
		font-size: 1.15rem !important;
	}
	.maindesign .p-list-group--lead {
		margin-top: 10px;
	}
}

.maindesign .p-surveying-point {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.maindesign .p-surveying-point--img {
	width: 35%;
}
.maindesign .p-surveying-point--list {
	width: 63%;
}
.maindesign .p-surveying-point--list li:not(:first-child) {
	margin-top: 30px;
}
.maindesign .p-surveying-point--title {
	font-weight: bold;
	font-size: 1.1rem;
}
.maindesign .p-surveying-point--lead {
	margin-top: 15px;
}

@media screen and (max-width:767px) {
	.maindesign .p-surveying-point {
		flex-wrap: wrap;
	}
	.maindesign .p-surveying-point--img {
		width: 100%;
	}
	.maindesign .p-surveying-point--list {
		width: 100%;
		margin-top: 15px;
	}
	.maindesign .p-surveying-point--list li:not(:first-child) {
		margin-top: 20px;
	}
	.maindesign .p-surveying-point--title {
		font-size: 1.0rem;
	}
	.maindesign .p-surveying-point--lead {
		margin-top: 10px;
	}
}


.maindesign .p-half-column {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.maindesign .p-half-column--item {
	width: 49%;
}
.maindesign .p-half-column::after {
	content: '';
	display: block;
	height: 0;
	width: 49%;
}
.maindesign .p-half-column .p-half-column--item:nth-child(n+3) {
	margin-top: 30px;
}

@media screen and (max-width:767px) {
	.maindesign .p-half-column--item {
		width: 100%;
	}
	.maindesign .p-half-column .p-half-column--item:nth-child(n+2) {
		margin-top: 15px;
	}
}


.maindesign .p-text-list {
	margin-top: 30px;
}
.maindesign .p-text-list p:not(:first-child) {
	margin-top: 20px;
}

@media screen and (max-width:767px) {
	.maindesign .p-text-list {
		margin-top: 0;
	}
	.maindesign .p-text-list p:not(:first-child) {
		margin-top: 10px;
	}
}


.maindesign .p-quarter-column {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.maindesign .p-quarter-column--item {
	width: 24%;
}
.maindesign .p-quarter-column::before,
.maindesign .p-quarter-column::after {
	content: '';
	display: block;
	height: 0;
	width: 24%;
}
.maindesign .p-quarter-column::before {
	order: 1;
}
.maindesign .p-quarter-column .p-quarter-column--item:nth-child(n+5) {
	margin-top: 30px;
}

@media screen and (max-width:767px) {
	.maindesign .p-quarter-column--item {
		width: 49%;
	}
	.maindesign .p-quarter-column::before,
	.maindesign .p-quarter-column::after {
		width: 49%;
}
	.maindesign .p-quarter-column .p-quarter-column--item:nth-child(n+3) {
		margin-top: 15px;
	}
}


.maindesign .p-catch-text {
	font-weight: bold;
	font-size: 1.35rem;
	text-align: center;
	line-height: 1.5;
}
@media screen and (max-width:767px) {
	.maindesign .p-catch-text {
		font-size: 4.75vw;
		text-align: left;
	}
}

.maindesign .p-indent-text {
	padding-left: 1em;
	text-indent: -1em;
}

.maindesign .p-poster-catch {
	text-align: center;
	line-height: 1.3;
	font-size: 2.0rem;
	color: #0d3c82;
	font-weight: bold;
	text-shadow: 2px 2px 0px #ffffff, -2px -2px 0 #fff, 3px 3px 2px #999;
}
.maindesign .p-poster-catch--sub {
	color: #000 !important;
	font-size: 0.75em;
}
@media screen and (max-width:767px) {
	.maindesign .p-poster-catch {
		font-size: 7.5vw;
	}
}


.maindesign .p-poster-content {
	background-color: #fffeec;
	padding: 30px 15px;
}
.maindesign .p-container-item {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.maindesign .p-container-item--name {
	font-weight: bold;
	line-height: 1.3;
}
.maindesign .p-container-item--img {
	margin-top: 10px;
}

.maindesign .p-tire-size {
	display: flex;
	justify-content: space-between;
}
.maindesign .p-tire-size--table {
	width: 60%;
}
.maindesign .p-tire-size--img {
	width: 38%;
	display: flex;
	align-items: flex-end;
}
.maindesign .p-tire-size--title {
	font-weight: bold;
	font-size: 1.1rem;
}
.maindesign .p-tire-size--table-inner {
	width: 100%;
	border-collapse: separate;
}
.maindesign .p-tire-size--table-inner tr:first-child th {
	border-top: 1px solid #ccc;
}
.maindesign .p-tire-size--table-inner tr td:not(:first-child),
.maindesign .p-tire-size--table-inner tr th:not(:first-child) {
	border-right: 1px solid #ccc;
}
.maindesign .p-tire-size--table-inner th,
.maindesign .p-tire-size--table-inner td {
	text-align: center;
	padding: 7px 0;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
.maindesign .p-fixed-cell {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.maindesign .p-fixed-cell
.maindesign .p-tire-table--col-01 {
	width: 32%;
}
.maindesign .p-tire-table--col-02 {
	width: 12%;
}
.maindesign .p-tire-size--table-inner tr:first-child {
	background-color: #fbf88d !important;
}
.maindesign .p-tire-size--table-inner tr:nth-child(odd) {
	background-color: #fffac9;
}
.maindesign .p-tire-size--table-inner tr:nth-child(even) {
	background-color: #fff;
}
.maindesign .c-scroll-text > span {
	font-size: 0.9rem;
	padding: 5px;
    border: 2px solid #E00012;
    color: #E00012;
    display: inline-block;
    font-weight: bold;
}

@media screen and (max-width:767px) {
	.maindesign .p-tire-size {
		flex-wrap: wrap;
	}
	.maindesign .p-tire-size--table {
		width: 100%;
		position: relative;
	}
	.maindesign .p-tire-size--img {
		width: 100%;
		margin-top: 15px;
	}
	.maindesign .p-tire-size--table-outer {
		overflow-x: scroll;
	}
	.maindesign .p-tire-size--table-inner {
		width: 525px;/* widthA列数 + widthB列数*/
	}
	.maindesign .p-tire-table--col-01 {
		width: 150px;/* widthA */
	}
	.maindesign .p-tire-table--col-02 {
		width: 75px;/* widthB */
	}
	.maindesign .p-fixed-cell {
		position: sticky;
		top: 0;
		left: 0;
		border-left: none;
		border-right: none;
	}
	.maindesign .p-fixed-cell::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	.maindesign .p-tire-size--table-inner tr:first-child .p-fixed-cell {
		background-color: #fbf88d !important;
	}
	.maindesign .p-tire-size--table-inner tr:nth-child(odd) .p-fixed-cell {
		background-color: #fffac9;
	}
	.maindesign .p-tire-size--table-inner tr:nth-child(even) .p-fixed-cell {
		background-color: #fff;
	}
	.maindesign .p-tire-size--title {
		font-size: 1.0rem;
	}
}

.maindesign .p-features-box {
	display: flex;
	justify-content: space-between;
}
.maindesign .p-features-box--img {
	width: 35%;
}
.maindesign .p-features-box--text {
	width: 63%;
	margin-top: 30px;
}

@media screen and (max-width:767px) {
	.maindesign .p-features-box {
		flex-wrap: wrap;
	}
	.maindesign .p-features-box--img {
		width: 100%;
	}
	.maindesign .p-features-box--text {
		width: 100%;
		margin-top: 10px;
	}	
}

.maindesign .p-balloon {
	position: relative;
    display: block;
    padding: 30px 0;
    color: #fff;
	background-color: #8f9975;
	margin-bottom: 20px;
	border-radius: 45% 45% / 50% 50%;
	text-align: center;
	font-size: 1.25rem;
	font-weight: bold;
}
.maindesign .p-balloon::before {
	content: "";
    position: absolute;
    top: 85%;
    left: 15%;
    /* transform: translateX(-50%) skew(-30deg); */
    /* transform-origin: center center; */
    width: 30px;
    height: 20px;
    border-right: 30px solid transparent;
    border-top: 20px solid #8f9975;
    border-left: 0px solid transparent;
}
.maindesign .p-need-primary {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.maindesign .p-need-primary .p-need-primary--item:nth-child(n+3) {
	/*margin-top: 30px;*/
}
.maindesign .p-need-primary--title {
	order: 1;
	width: 45%;
}
.maindesign .p-need-primary--balloon {
	order: 2;
	width: 48%;
}
.maindesign .p-need-primary--img {
	width: 25%;
	order: 3;
}
.maindesign .p-need-primary--text {
	width: 70%;
    order: 4;
    font-size: 1rem;
    line-height: 1.35;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.maindesign .p-need-primary--text__large {
	font-size: 1rem !important;
}

@media screen and (max-width:767px) {
	.maindesign .p-need-primary .p-need-primary--item:nth-child(n+2) {
		margin-top: 30px;
	}
	.maindesign .p-need-primary--title {
		width: 100%;
	}
	.maindesign .p-need-primary--balloon {
		order: 3;
		width: 100%;
	}
	.maindesign .p-need-primary--img {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		order: 2;
	}
	.maindesign .p-need-primary--text {
		width: 100%;
		font-size: 1.0rem;
		line-height: 1.5;
	}
	.maindesign .p-need-primary--text p:not(:first-child) {
		margin-top: 15px;
	}
	.maindesign .p-need-primary--text__large {
		font-size: 1.2rem !important;
	}
}

.maindesign .p-need-flow {
	background-color: #f0f0f0;
	border: 2px solid #999;
	padding: 10px 30px 10px 150px;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.maindesign .p-need-flow::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 200px;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	background-color: #4d4753;
}
.maindesign .p-need-flow::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
    height: 50px;
    transform: translate(25%,25%);
	color: #fff;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 3.0rem;
}
.maindesign .p-flow-list .p-flow-list--item:nth-child(1)::after {
	content: '1';
}
.maindesign .p-flow-list .p-flow-list--item:nth-child(2)::after {
	content: '2';
}
.maindesign .p-flow-list .p-flow-list--item:nth-child(3)::after {
	content: '3';
}
.maindesign .p-flow-list .p-flow-list--item:nth-child(4)::after {
	content: '4';
}
.maindesign .p-need-flow--img {
	width: 25%;
}
.maindesign .p-need-flow--text {
	width: 70%;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.5;
}
.maindesign .p-need-flow--text__notes {
	display: inline-block;
	border: 2px solid #ff0000;
	border-radius: 5px;
	background-color: #fff;
	padding: 10px 20px;
	color: #ff0000;
	margin-top: 10px;
	font-size: 1.1em;
}

@media screen and (max-width:767px) {
	.maindesign .p-need-flow {
		padding: 10px;
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	.maindesign .p-need-flow::before {
		width: 150px;
		height: 150px;
	}
	.maindesign .p-need-flow::after {
		width: 37.5px;
		height: 37.5px;
		font-size: 2.25rem;
	}
	.maindesign .p-need-flow--img {
		width: calc(100% - 75px);
	}
	.maindesign .p-need-flow--text {
		width: 100%;
		margin-top: 15px;
		font-size: 1.15rem;
		text-align: center;
	}
}


.maindesign .p-over-view {
	display: flex;
	justify-content: space-between;
}
.maindesign .p-over-view--img {
	width: 35%;
}
.maindesign .p-over-view--text {
	width: 60%;
}

@media screen and (max-width:767px) {
	.maindesign .p-over-view {
		flex-wrap: wrap;
	}
	.maindesign .p-over-view--img {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.maindesign .p-over-view--text {
		width: 100%;
		margin-top: 15px;
	}
}

.maindesign .p-series-catch {
	background-color: #c40000;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
    font-size: 1.75em;
    line-height: 1.5;
}

@media screen and (max-width:767px) {
	.maindesign .p-series-catch {
		padding: 20px 15px;
		text-align: left;
		font-size: 1.5rem;
	}
}    

.maindesign .p-series-box {
	position: relative;
	border: 1px solid #ccc;
    border-radius: 5px;
}
.maindesign .p-series-box--link {
	width: 100%;
	height: 100%;
	display: block;
}
.maindesign .p-series-box--inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 10px 10px 10px;
}
.maindesign .p-series-box--img {
	width: 25%;
}
.maindesign .p-series-box--images {
	width: 25%;
	display: flex;
	flex-direction: column;
}
.maindesign .p-series-box--text {
	width: 70%;
}
.maindesign .p-series-box--name {
	font-weight: bold;
	font-size: 1.5rem;
}
.maindesign .p-series-box--lead {
	margin-top: 15px;
}
.maindesign .p-series-box--subject {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(-10px,-50%);
	border: 2px solid #1f4e79;
	background-color: #fff;
	color: #1f4e79;
	padding: 5px 10px;
	text-align: center;
	font-weight: bold;
}
.maindesign .p-series-box--color {
	margin-top: 10px;
}
.maindesign .p-series-box__long .p-series-box--inner {
	padding: 10px 75px 10px 10px;
	position: relative;
}
.maindesign .p-series-box__long .p-series-box--inner::after {
	content: "";
    position: absolute;
    right: 15px;
    border-top: 2px solid #b6b6b6;
    border-right: 2px solid #b6b6b6;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
    margin: auto;
}

@media screen and (max-width:767px) {
	.maindesign .p-series-box--inner {
		justify-content: center;
		flex-wrap: wrap;
		padding: 20px 10px;
	}
	.maindesign .p-series-box--img {
		width: 60%;
	}
	.maindesign .p-series-box--images {
		width: 100%;
	}
	.maindesign .p-series-box--text {
		width: 100%;
		margin-top: 15px;
	}
	.maindesign .p-series-box--name {
		font-size: 1.25rem;
	}
	.maindesign .p-series-box--lead {
		margin-top: 10px;
	}
	.maindesign .p-series-box--subject {
		line-height: 1.3;
		font-size: 0.9rem;
		padding: 3px 5px;
		transform: translate(-7px,-50%);
	}
	.maindesign .p-series-box__long .p-series-box--inner {
		padding: 10px;
	}
	.maindesign .p-series-box__long .p-series-box--inner::after {
		content: none;
	}
}

.maindesign .p-half-forever {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.maindesign .p-half-forever--item {
	width: 49%;
}
.maindesign .p-half-forever::after {
	content: '';
	display: block;
	height: 0;
	width: 49%;
}
.maindesign .p-half-forever .p-half-forever--item:nth-child(n+3) {
	margin-top: 30px;
}



.maindesign .p-series-box--color-list {
	display: flex;
}
.maindesign .p-series-box--color-list svg {
	width: 12px;
	height: 12px;
}
.maindesign .p-series-box--color-list > li:not(:first-child) {
	margin-left: 3px;
}



.maindesign .color_ball--frame{
    fill: #7F7F7F;
}
.maindesign .color_ball--komeri_c01{
    fill: #40382f;
}
.maindesign .color_ball--komeri_c02{
    fill: #30343f;
}
.maindesign .color_ball--takubo_c01{
    fill: #e7e4d5;
}
.maindesign .color_ball--takubo_c02{
    fill: #857d70;
}
.maindesign .color_ball--takubo_c03{
    fill: #ce946e;
}
.maindesign .color_ball--takubo_c04{
    fill: #002f49;
}
.maindesign .color_ball--takubo_c05{
    fill: #f1f2ec;
}
.maindesign .color_ball--takubo_c06{
    fill: #1a3375;
}
.maindesign .color_ball--takubo_c07{
    fill: #daddcc;
}
.maindesign .color_ball--takubo_c08{
    fill: #887467;
}
.maindesign .color_ball--takubo_c09{
    fill: #092e4b;
}
.maindesign .color_ball--takubo_c10{
    fill: #c4865d;
}
.maindesign .color_ball--takubo_c11{
    fill: #d0cec3;
}
.maindesign .color_ball--takubo_lei{
    fill: #75835d;
}
.maindesign .color_ball--inaba_c01{
    fill: #878988;
}
.maindesign .color_ball--inaba_c02{
    fill: #9ead82;
}
.maindesign .color_ball--inaba_c03{
    fill: #d6dbdf;
}
.maindesign .color_ball--inaba_c04{
    fill: #806c53;
}
.maindesign .color_ball--inaba_c05{
    fill: #6c7077;
}
.maindesign .color_ball--inaba_c06{
    fill: #b3bda0;
}
.maindesign .color_ball--inaba_c07{
    fill: #babcbd;
}
.maindesign .color_ball--inaba_c08{
    fill: #4e4941;
}
.maindesign .color_ball--inaba_c09{
    fill: #cfd2d5;
}
.maindesign .color_ball--inaba_c10{
    fill: #555c65;
}
.maindesign .color_ball--inaba_c11{
    fill: #525961;
}
.maindesign .color_ball--inaba_c12{
    fill: #d5dadc;
}
.maindesign .color_ball--yodo_c01{
    fill: #f2f1ed;
}
.maindesign .color_ball--yodo_c02{
    fill: #434540;
}
.maindesign .color_ball--yodo_c03{
    fill: #224d6f;
}
.maindesign .color_ball--yodo_c04{
    fill: #626665;
}
.maindesign .color_ball--yodo_c05{
    fill: #6a564d;
}
.maindesign .color_ball--yodo_c06{
    fill: #dad9d7;
}
.maindesign .color_ball--yodo_c07{
    fill: #2f3a3c;
}
.maindesign .color_ball--yodo_c08{
    fill: #95ab9e;
}
.maindesign .color_ball--yodo_c09{
    fill: #56493f;
}
.maindesign .color_ball--yodo_beams{
    fill: #2f2816;
}

/*240806*/
.maindesign .color_ball--takubo_bel_c01 {
	fill: #767171;
}

.maindesign .color_ball--takubo_bel_c02 {
	fill: #d9d9d9;
}

.maindesign .color_ball--takubo_bel_c03 {
	fill: #7f6000;
}

.maindesign .p-series-box--name .marker_logo {
	width: 30%;
	height: auto;
	margin-left: 5px;
}

@media screen and (max-width:767px) {
.maindesign .p-series-box--name .marker_logo {
	width: 40%;
	height: auto;
}
}


.maindesign .p-point-icon {
	position: relative;
	overflow: visible !important;
}
.maindesign .p-point-icon--inner {
	position: absolute;
	top: 0;
	right: 10px;
	font-size: 0.95rem;
	color: #1f4e79;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px 10px;
	border: 1px solid #1f4e79;
	font-weight: bold;
	background-color: #fff;
	text-align: center;
	line-height: 1.15;
	transform: translateY(-50%);
	z-index: 10;
}
.maindesign .p-point-icon--inner > span {
	display: inline-block;
}
@media screen and (max-width:767px) {
	.maindesign .p-point-icon--inner {
		right: 5px;
		font-size: 0.7rem;
		padding: 3px 5px;
	}
}