@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Oswald:wght@400;500;700&display=swap");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanjp-noto.min.css");
/* CSS Document */
html {
		font-size: 62.5% !important;
}

body {
		margin: 0;
		padding: 0;
}

article.usedcar202602rocky {
		margin: 0;
		padding: 0;
		background-color: #fff !important;
		color: #333 !important;
		font-size: 1.4rem !important;
		font-family: YakuHanJP_Noto, "Oswald", "Helvetica Neue", Helvetica, Arial, "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
article.usedcar202602rocky p {
		line-height: 1.75;
}
article.usedcar202602rocky figure {
		margin: 0;
		padding: 0;
}
article.usedcar202602rocky img {
		max-width: 100%;
}
article.usedcar202602rocky a:link, article.usedcar202602rocky a:visited, article.usedcar202602rocky a:active {
		-webkit-transition-duration: 0.25s;
		        transition-duration: 0.25s;
}
article.usedcar202602rocky a:hover {
		text-decoration: none;
}
article.usedcar202602rocky strong {
		font-weight: 400;
}

.contentsbody {
		padding: 25px 20px;
}

.contentswidth {
		width: 100%;
		margin-inline: auto;
}

.contentsh1 {
		margin: 0 0 20px;
		padding: 0;
		text-align: center;
		font-weight: 700;
		color: #333;
}
.contentsh1-en {
		font-size: 3.6rem;
}
.contentsh1-ja {
		font-size: 1.8rem;
}
.contentsh1-ja span {
		display: block;
		font-size: 1.6rem;
		font-weight: 400;
}

.contentsh2 {
		margin: 0 0 10px;
		padding: 5px 10px;
		font-size: 1.8rem;
		background: url(../img/contentsh2-bg.png) center center/auto auto repeat #5d84c4;
		color: #fff;
}
.contentsh2 + .whitebox {
		margin-top: -10px;
}

.whitebox {
		margin: 0 0 15px;
		padding: 15px 20px;
		background-color: #fff;
}

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

.button {
		position: relative;
		display: block;
		width: auto;
		margin: 0;
		padding: 10px 5px 18px;
		border: 1px solid #e60808;
		background-color: #e60808;
		line-height: 1;
		border-radius: 100px;
		text-align: center;
		font-size: 1.6rem;
		font-weight: 700;
		-webkit-animation: poyopoyo 2s ease-out infinite;
		        animation: poyopoyo 2s ease-out infinite;
		opacity: 1;
}
.button::after {
		content: ">";
		position: relative;
		top: 5px;
		margin-left: 5px;
		font-size: 2.4rem;
}
.button:link, .button:visited, .button:active {
		-webkit-transition-duration: 0.25s;
		        transition-duration: 0.25s;
		color: #fff;
		text-decoration: none;
}
.button:hover {
		background-color: #e43d3d;
}
.button.border {
		border: 2px solid #fff;
}
.button.green {
		background-color: #1c9549;
		border-color: #1c9549;
}
.button.green:link, .button.green:visited, .button.green:active {
		background-color: #1c9549;
}
.button.green:hover {
		background-color: #57cc82;
}
.button.blue {
		background-color: #1c2568;
		border-color: #1c2568;
}
.button.blue:link, .button.blue:visited, .button.blue:active {
		background-color: #1c2568;
}
.button.blue:hover {
		background-color: #1d2c98;
}
.button.redborder {
		background-color: #fff;
		border: 3px solid #e60808;
		color: #e60808;
}
.button.redborder:link, .button.redborder:visited, .button.redborder:active {
		background-color: #fff;
		color: #e60808;
}
.button.redborder:hover {
		background-color: #e60808;
		color: #fff;
}

.clearfix::after {
		content: "";
		display: block;
		clear: both;
}

/* エフェクト */
@-webkit-keyframes displayFadeIn {
		0% {
				display: none;
				opacity: 0;
		}
		1% {
				display: block;
				opacity: 0;
		}
		100% {
				display: block;
				opacity: 1;
		}
}
@keyframes displayFadeIn {
		0% {
				display: none;
				opacity: 0;
		}
		1% {
				display: block;
				opacity: 0;
		}
		100% {
				display: block;
				opacity: 1;
		}
}
@-webkit-keyframes fadeIn {
		0% {
				opacity: 0;
				-webkit-transform: translateY(20px);
				        transform: translateY(20px);
		}
		100% {
				opacity: 1;
				-webkit-transform: translateY(0);
				        transform: translateY(0);
		}
}
@keyframes fadeIn {
		0% {
				opacity: 0;
				-webkit-transform: translateY(20px);
				        transform: translateY(20px);
		}
		100% {
				opacity: 1;
				-webkit-transform: translateY(0);
				        transform: translateY(0);
		}
}
@-webkit-keyframes fadeInLeft {
		0% {
				opacity: 0;
				-webkit-transform: translateX(-100px);
				        transform: translateX(-100px);
		}
		100% {
				opacity: 1;
				-webkit-transform: translateX(0);
				        transform: translateX(0);
		}
}
@keyframes fadeInLeft {
		0% {
				opacity: 0;
				-webkit-transform: translateX(-100px);
				        transform: translateX(-100px);
		}
		100% {
				opacity: 1;
				-webkit-transform: translateX(0);
				        transform: translateX(0);
		}
}
@-webkit-keyframes fadeInRight {
		0% {
				opacity: 0;
				-webkit-transform: translateX(100px);
				        transform: translateX(100px);
		}
		100% {
				opacity: 1;
				-webkit-transform: translateX(0);
				        transform: translateX(0);
		}
}
@keyframes fadeInRight {
		0% {
				opacity: 0;
				-webkit-transform: translateX(100px);
				        transform: translateX(100px);
		}
		100% {
				opacity: 1;
				-webkit-transform: translateX(0);
				        transform: translateX(0);
		}
}
@-webkit-keyframes poyopoyo {
		0%, 40%, 60%, 80% {
				-webkit-transform: scale(1);
				        transform: scale(1);
		}
		50%, 70% {
				-webkit-transform: scale(0.95);
				        transform: scale(0.95);
		}
}
@keyframes poyopoyo {
		0%, 40%, 60%, 80% {
				-webkit-transform: scale(1);
				        transform: scale(1);
		}
		50%, 70% {
				-webkit-transform: scale(0.95);
				        transform: scale(0.95);
		}
}
.ef.fadein, .ef.fadein2, .ef.fadein3, .ef.fadein4, .ef.fadeinleft, .ef.fadeinright, .ef.displayfadein {
		opacity: 0;
}

.ef-v.fadein {
		-webkit-animation: fadeIn 1s ease forwards;
		        animation: fadeIn 1s ease forwards;
		-webkit-animation-delay: 0;
		        animation-delay: 0;
}
.ef-v.fadein2 {
		-webkit-animation: fadeIn 1s ease forwards;
		        animation: fadeIn 1s ease forwards;
		-webkit-animation-delay: 0;
		        animation-delay: 0;
}
.ef-v.fadein3 {
		-webkit-animation: fadeIn 1s ease forwards;
		        animation: fadeIn 1s ease forwards;
		-webkit-animation-delay: 0;
		        animation-delay: 0;
}
.ef-v.fadein4 {
		-webkit-animation: fadeIn 1s ease forwards;
		        animation: fadeIn 1s ease forwards;
		-webkit-animation-delay: 0;
		        animation-delay: 0;
}
.ef-v.fadeinleft {
		-webkit-animation: fadeInLeft 1.5s ease forwards;
		        animation: fadeInLeft 1.5s ease forwards;
}
.ef-v.fadeinright {
		-webkit-animation: fadeInRight 1.5s ease forwards;
		        animation: fadeInRight 1.5s ease forwards;
}
.ef-v.displayfadein {
		-webkit-animation: displayFadeIn 1s ease forwards;
		        animation: displayFadeIn 1s ease forwards;
}

.fsxl {
		font-size: 150% !important;
}

.fsl {
		font-size: 120% !important;
}

.fss {
		font-size: 75% !important;
}

.fwbold {
		font-weight: 700 !important;
}

.textred {
		color: #c00 !important;
}

.textblue {
		color: #00a7e6 !important;
}

.underline {
		text-decoration: underline !important;
}

.pcnone {
		display: inline-block;
}

.spnone {
		display: none;
}

.mainimage {
		margin: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
}
.mainimage + .buttonbox {
		width: auto;
		margin: 0 20px 50px;
}
.mainimage + .buttonbox .button {
		width: auto;
		display: blcok;
}
.mainimage-wrapper {
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
}
.mainimage-photoheader {
		margin: 20px 0 0;
}
.mainimage-photoheader__photo {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
}
.mainimage-photoheader__photo > * {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
}
.mainimage-photoheader__photo > *:last-child {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 100%;
		        flex: 0 0 100%;
		margin-top: -40px;
		text-align: center;
}
.mainimage-photoheader__photo > *:last-child img {
		width: 50%;
}
.mainimage-photoheader__header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		padding: 0 20px;
		text-align: center;
		color: #333;
		font-size: 2.4rem;
}
.mainimage-photoheader__logo {
		margin-top: 20px;
}
.mainimage-photoheader__logo img {
		width: 200px;
}
.mainimage-whatis {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		padding: 0;
		background-color: #d9d9d9;
}
.mainimage-whatis__photo {
		display: block;
		margin-bottom: 20px;
}
.mainimage-whatis__photo > * {
		position: relative;
}
.mainimage-whatis__photo > *:first-child figcaption {
		top: 0;
		bottom: auto;
		font-size: 1.4rem;
}
.mainimage-whatis__photo > *:last-child {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}
.mainimage-whatis__photo > *:last-child > * {
		position: relative;
}
.mainimage-whatis__photo figcaption {
		position: absolute;
		bottom: 0;
		left: 0;
		width: calc(100% - 20px);
		padding: 5px 10px;
		background: rgb(0, 0, 0);
		background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.9)), to(rgba(0, 0, 0, 0)));
		background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
		font-size: 1rem;
		color: #fff;
}
.mainimage-whatis__photo img {
		vertical-align: bottom;
}
.mainimage-whatis__catch {
		display: block;
		margin-bottom: 25px;
		text-align: center;
		font-size: 1.8rem;
		font-weight: 700;
		color: #333;
}
.mainimage-whatis__catch > *:first-child {
		line-height: 1.25;
		font-size: 3.2rem;
		color: #1b2d4b;
}
.mainimage-whatis__catch > *:last-child {
		font-size: 1.8rem;
}
.mainimage-point {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		padding: 15px 15px 10px;
		background-color: #1b2d4b;
}
.mainimage-point__wrapper {
		display: block;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}
.mainimage-point__wrapper > * {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		color: #fff;
}
.mainimage-point__wrapper > * > * {
		padding-bottom: 10px;
}
.mainimage-point__wrapper > * > *:first-child {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 45%;
		        flex: 0 0 45%;
}
.mainimage-point__wrapper > * > *:last-child {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 50%;
		        flex: 0 0 50%;
		font-size: 1.4rem;
}
.mainimage-point__wrapper > * > *:last-child > *:first-child {
		margin-bottom: 5px;
		line-height: 1.25;
		font-size: 1.6rem;
		font-weight: 700;
}
.mainimage-point__wrapper > * > *:last-child span {
		display: block;
		color: #fe0;
}

.interior {
		background-color: #eee;
}
.interior-wide {
		display: block;
}
.interior-wide > * {
		margin: 0 0 30px;
}
.interior-wide > * figure {
		margin: 0;
		padding: 0;
}
.interior-wide > * figcaption {
		margin: 0;
}
.interior-wide > * h4 {
		margin-bottom: 15px;
		font-size: 2rem;
}
.interior-wide > * p {
		margin-bottom: 25px;
}
.usedcar202602rocky .interior-wide > * p:nth-child(2) {
		line-height: 1.8em;
}
.interior-wide__num {
		font-size: 4rem;
}
.interior-seat__wrapper {
		display: block;
}
.interior-seat__wrapper figure {
		display: block;
}
.interior-seat__wrapper figure > * {
		margin-bottom: 20px;
}
.interior-seat__wrapper figure > * h4 {
		margin: 10px 0;
}

.luggage {
		background-color: #d9d9d9;
}
.luggage-size__wrapper {
		display: block;
		padding-bottom: 2%;
}
.luggage-size__wrapper > *:last-child p {
		margin-top: 0;
}
.luggage-size__box {
		display: inline-block;
		border: 3px solid #ccc;
		text-align: center;
		line-height: 1;
}
.luggage-size__box > *:first-child {
		padding: 5px;
		background-color: #ccc;
		font-size: 1.2rem;
}
.luggage-size__box > *:first-child strong {
		font-size: 4rem;
		font-weight: 700;
}
.luggage-size__box > *:first-child strong span {
		font-size: 2rem;
}
.luggage-size__box > *:last-child {
		padding: 5px 30px;
}
.luggage-bord__wrapper {
		display: block;
}
.luggage-bord__wrapper > * {
		padding-bottom: 20px;
}
.luggage-bord__wrapper > * img {
		vertical-align: bottom;
}
.luggage-bord__wrapper > * figcaption {
		margin: 10px 0 0;
}
.luggage-bord__wrapper > * figcaption h4 {
		margin-bottom: 5px;
}
.luggage-bord__wrapper > * figcaption p {
		margin: 0;
}
.luggage-arrange__wrapper {
		display: block;
}
.luggage-arrange__wrapper > * {
		padding-bottom: 20px;
}
.luggage-arrange__wrapper > * p {
		margin: 0;
}

.grade {
		background: rgb(0, 0, 0);
		background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgb(247, 246, 246))) fixed;
		background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgb(247, 246, 246) 100%) fixed;
}
.grade-header {
		margin: 0 0 20px;
		padding: 40% 30px 25px;
		background: url(../img/grade-header-bg.jpg) top center/100% auto no-repeat rgba(0, 0, 0, 0.25);
		border: 1px solid #fff;
		text-align: center;
		color: #fff;
}
.grade-header > *:first-child {
		font-size: 2.8rem;
}
.grade-header > *:last-child {
		font-size: 1.8rem;
}
.grade-contentsheader {
		margin: 0 0 25px;
		text-align: center;
}
.grade-contentsheader > *:first-child {
		font-size: 3rem;
		color: #aeaeb2;
}
.grade-contentsheader > *:nth-child(2) {
		font-size: 3rem;
		color: #333;
}
.grade-contentsheader > *:nth-child(3) {
		display: block;
		margin-left: 0;
		font-size: 2.4rem;
}
.grade-contentsheader__sub {
		margin: 10px 0 0;
		padding: 5px 0;
		font-size: 1.6rem;
		font-weight: 400;
		border-top: 1px solid #333;
		border-bottom: 1px solid #333;
}
.grade-contentsheader__sub span {
		color: #5d84c4;
}
.grade-contents {
		display: block;
}
.grade-contents h4 {
		margin: 0 0 10px;
		font-size: 1.6rem;
}
.grade-contents figcaption {
		margin: 10px 0 0;
}
.grade-contents dl {
		padding: 0 0 15px;
}
.grade-contents dt {
		margin: 0 0 5px;
		font-size: 1.6rem;
		font-weight: 700;
}
.grade-contents dd {
		margin: 0 0 20px;
		font-weight: 400;
}
.grade-contents dd p {
		margin: 0;
}
.grade-contents dd:last-child {
		margin-bottom: 0;
}
.grade-contents + p {
		padding-bottom: 0;
}
.grade-color__valiation {
		padding-bottom: 20px;
}

.smaassi {
		background-color: #b7edff;
}
.smaassi-header {
		margin: 0 0 25px;
		padding: 35% 0 0;
		background: url(../img/smaassi-header-bg.jpg) top center/100% auto no-repeat;
		font-size: 2rem;
}
.smaassi-header > *:first-child {
		margin: 0 0 10px;
}
.smaassi-header > *:first-child img {
		width: 220px;
}
.smaassi-header > *:last-child {
		margin: 0;
		padding: 0 0 15px;
		line-height: 1.25;
}
.smaassi-lead {
		margin: 0 0 25px;
}
.smaassi-contents {
		margin-bottom: 25px;
}
.smaassi-contents__body {
		display: block;
}
.smaassi-contents__body p {
		margin-top: 0;
}
.smaassi-contents__iconlist {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin: 25px 0;
		padding: 0;
		list-style: none;
}
.smaassi-contents__iconlist > * {
		width: calc(25% - 5px);
		margin: 0;
		padding: 0 0 5px 5px;
}
.smaassi-contents__iconlist > * img {
		vertical-align: bottom;
}
.smaassi-contents__passivesafety {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		margin: 25px 0 0 0;
		padding: 0;
}
.smaassi-contents__passivesafety > * {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 48.5%;
		        flex: 0 0 48.5%;
		margin: 0;
		padding: 5px 0;
		list-style: none;
		border: 1px solid #333;
		line-height: 1.25;
		text-align: center;
}
.smaassi .buttonbox {
		margin: 25px 0 0;
		padding-bottom: 25px;
}

.certification-wrapper {
		padding: 30px 20px;
		background: #ddf2f6;
		background: -webkit-gradient(linear, left top, right top, from(rgb(221, 242, 246)), color-stop(50%, rgb(254, 240, 220)), to(rgb(255, 224, 221)));
		background: linear-gradient(90deg, rgb(221, 242, 246) 0%, rgb(254, 240, 220) 50%, rgb(255, 224, 221) 100%);
		border-radius: 15px;
}
.certification-header {
		height: 0;
		margin: 0 0 20px;
		padding-top: 10%;
		text-indent: 200%;
		overflow: hidden;
		white-space: nowrap;
		background: url(../img/certification-header.png) center center/auto 100% no-repeat;
}
.certification-lead {
		margin: 0 0 30px;
		text-align: center;
		font-size: 1.6rem;
		font-weight: 700;
}
article.usedcar202602atrai .certification-lead strong {
		font-weight: 700;
}
.certification-contents {
		display: block;
}
.certification-contents__item {
		position: relative;
		margin-bottom: 10rem;
		padding: 0 0 20px;
		background: #ce000e;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgb(206, 0, 14)), to(rgb(138, 0, 0)));
		background: linear-gradient(180deg, rgb(206, 0, 14) 50%, rgb(138, 0, 0) 100%);
		border-radius: 0 0 20px 20px;
}
.certification-contents__item:nth-child(2) {
		margin: 0 0 25px;
}
.certification-contents__header {
		margin: 0 0 20px;
		padding: 40px 0 0;
		background: url(../img/certification-contentsheader-bg_1.png) top center/100% auto no-repeat, url(../img/certification-contentsheader-bg_2.png) bottom center/100% auto no-repeat;
}
.certification-contents__header > *:first-child {
		margin: 0 0 10px;
		padding: 0;
		text-align: center;
		letter-spacing: 0.1em;
		font-size: 1.8rem;
		font-weight: 700;
		color: #e60808;
}
.certification-contents__header > *:nth-child(2) {
		margin: 0;
		text-align: center;
}
.certification-contents__header > *:nth-child(2) img {
		width: 130px;
}
.certification-contents__header > *:last-child {
		position: relative;
		padding: 0 0 30px;
		text-align: center;
		font-size: 2.6rem;
		font-weight: 700;
		color: #333;
}
.certification-contents__header + p {
		margin: 0 20px;
		color: #fff;
}
.certification-contents__serif {
		position: absolute;
		top: -70px;
		left: -20px;
		width: 100px;
		height: 100px;
		background: url(../img/certification-serif_1.png) top center/100% auto no-repeat;
		text-indent: 200%;
		overflow: hidden;
		white-space: nowrap;
}
.certification-contents__notice {
		position: absolute;
		top: calc(100% + 10px);
		left: 0;
		margin: 0;
		font-size: 1.2rem;
}

.smaassicheck {
		padding-top: 0;
}
.smaassicheck-wrapper {
		padding: 30px 20px;
		background-color: #ddeefc;
		border-radius: 0 25px 0 0;
}
.smaassicheck-header {
		display: block;
		margin-bottom: 25px;
}
.smaassicheck-header > * {
		margin: 0;
		padding: 0;
		font-size: 1.4rem;
}
.smaassicheck .buttonbox {
		margin: 0;
}
.smaassicheck .buttonbox .button {
		-webkit-animation: none;
		        animation: none;
}

.magokoroplus {
		padding-top: 0;
}
.magokoroplus-border {
		position: relative;
		overflow: hidden;
		margin: 0;
		padding: 20px 20px 50px;
		border-radius: 0 25px 0 0;
		border: #4ea73b solid 4px;
		border-bottom-width: 6px;
}
.magokoroplus-header {
		margin: 0;
		padding: 0 0 10px;
		border-bottom: 2px dashed #4ea73b;
		text-align: center;
}
.magokoroplus-header img {
		width: 90%;
}
.magokoroplus-lead {
		margin-bottom: 25px;
		text-align: center;
		font-size: 1.6rem;
}
.magokoroplus-list {
		display: block;
		margin: 0 0 20px;
		padding: 0;
}
.magokoroplus-list li {
		margin: 0 0 10px;
		padding: 0 15px;
		list-style: none;
		border: 3px solid #4ea73b;
		border-radius: 20px;
		line-height: 5.6rem;
		text-align: center;
		font-size: 2rem;
		color: #4ea73b;
}
.magokoroplus-detail {
		overflow: hidden;
		max-height: 0;
		margin: 0;
		padding: 0;
}
.magokoroplus-detail img {
		display: block;
		width: 100%;
		height: auto;
}
.magokoroplus-opener {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 30px;
		margin: 0;
		padding: 5px 0 30px;
		cursor: pointer;
		background-color: rgba(255, 255, 255, 0.85);
		text-align: center;
		font-size: 1.4rem;
}
.magokoroplus-opener > div {
		position: absolute;
		left: 50%;
		top: 10px;
		width: 200px;
		height: 200px;
		margin-left: -100px;
		padding-top: 10px;
		background-color: #4ea73b;
		border-radius: 100%;
		color: #fff;
}
.magokoroplus-opener > div::after {
		content: "";
		position: absolute;
		top: 32px;
		left: 50%;
		rotate: 45deg;
		width: 10px;
		height: 10px;
		margin-left: -5px;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
}
.magokoroplus-opener.is-open > div::after {
		rotate: -135deg;
}

.magokoroplusalpha {
		padding-top: 0;
}
.magokoroplusalpha-border {
		position: relative;
		overflow: hidden;
		margin: 0;
		padding: 20px 20px 50px;
		border-radius: 0 25px 0 0;
		border: #0386c6 solid 4px;
		border-bottom-width: 6px;
}
.magokoroplusalpha-header {
		margin: 0 0 15px;
		padding: 0 0 10px;
		border-bottom: 2px dashed #0386c6;
		text-align: center;
}
.magokoroplusalpha-header img {
		width: 90%;
}
.magokoroplusalpha-lead {
		margin-bottom: 25px;
		text-align: center;
		font-size: 1.6rem;
}
.magokoroplusalpha-list {
		display: block;
		margin: 0 0 20px;
		padding: 0;
}
.magokoroplusalpha-list li {
		margin: 0 0 10px;
		padding: 0 15px;
		list-style: none;
		border: 3px solid #0386c6;
		border-radius: 20px;
		line-height: 5.6rem;
		text-align: center;
		font-size: 2rem;
		color: #0386c6;
}
.magokoroplusalpha-detail {
		overflow: hidden;
		max-height: 0;
		margin: 0;
		padding: 0;
}
.magokoroplusalpha-detail img {
		display: block;
		width: 100%;
		height: auto;
}
.magokoroplusalpha-opener {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 30px;
		margin: 0;
		padding: 5px 0 30px;
		cursor: pointer;
		background-color: rgba(255, 255, 255, 0.85);
		text-align: center;
		font-size: 1.4rem;
}
.magokoroplusalpha-opener > div {
		position: absolute;
		left: 50%;
		top: 10px;
		width: 200px;
		height: 200px;
		margin-left: -100px;
		padding-top: 10px;
		background-color: #0386c6;
		border-radius: 100%;
		color: #fff;
}
.magokoroplusalpha-opener > div::after {
		content: "";
		position: absolute;
		top: 35px;
		left: 50%;
		rotate: 45deg;
		width: 10px;
		height: 10px;
		margin-left: -5px;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
}
.magokoroplusalpha-opener.is-open > div::after {
		rotate: -135deg;
		top: 40px;
}

.showroom {
		padding-top: 0;
}
.showroom-header {
		margin: 0 0 30px;
		padding: 10px 0;
		border-top: 2px solid #666;
		border-bottom: 2px solid #666;
		text-align: center;
		font-size: 1.8rem;
}
.showroom-wrapper {
		display: block;
}
.showroom-wrapper > *:first-child {
		margin-bottom: 10px;
}
.showroom-wrapper p {
		margin-top: 0;
}