.mtext { font-size: 1em; color: #ff0ac6; margin: 5px 0px 0px 10px; line-height: 1.5; }

@media only screen and (max-width: 599px) { .mtext { font-size: 0.9em; margin: 15px 0px 0px 8px; } }

.mcg01, .mcg02, .mcg03 { margin: 10px 0px 15px 0px; padding: 5px; text-align: center; display: block; clear: both; }

.sub_menu ul, .sub_menu li { margin: 0; padding: 0; }

.sub_menu ul { display: flex; justify-content: flex-end; margin: 10px 0px; }

.sub_menu li { display: block; margin-right: 5px; }

.sub_menu a { padding: 0.3em; font-size: 0.8em; text-decoration: none; color: #ccc; background-color: rgba(92, 80, 129, 0.95); border: 1px outset #666; border-radius: 5px; }

.sub_menu a.current { color: #333; background-color: rgba(178, 159, 218, 0.95); border: 1px inset #666; border-radius: 5px; }

h2 { font-size: 1.2em; padding: 10px 0px 20px 20px; clear: both; }

@media only screen and (max-width: 1099px) { h2 { padding: 8px 0px 15px 15px; } }

@media only screen and (max-width: 599px) { h2 { padding: 8px 0px 12px 12px; } }

.swiper { width: 95%; height: auto; border: 1px outset black; box-shadow: 0px 0px 8px black; }

@media only screen and (max-width: 1099px) { .swiper { width: 85%; } }

@media only screen and (max-width: 599px) { .swiper { width: 80%; } }

:root { --swiper-navigation-color: #000; --swiper-pagination-color: #000; }

.cg_contents { margin: 0; padding: 10px; display: grid; grid-template-columns: repeat(4, 150px); gap: 10px; justify-content: center; }

@media only screen and (max-width: 1099px) { .cg_contents { grid-template-columns: repeat(3, 150px); } }

@media only screen and (max-width: 599px) { .cg_contents { padding: 5px; grid-template-columns: repeat(2, 130px); } }

.cg_contents h3 { font: 1em; color: #333; margin: 5px 0px 10px 0px; }

@media only screen and (max-width: 599px) { .cg_contents h3 { font-size: 0.9em; } }

.cg_contents div:nth-child(1) { grid-column: span 4; }

@media only screen and (max-width: 1099px) { .cg_contents div:nth-child(1) { grid-column: span 3; } }

@media only screen and (max-width: 599px) { .cg_contents div:nth-child(1) { grid-column: span 2; } }

.cg_contents section { border: 1px solid #c4c4c4; display: block; width: 150px; height: 150px; }

@media only screen and (max-width: 599px) { .cg_contents section { width: 130px; height: 130px; } }

.cg_contents section img { width: 100%; }

.cg01 { background-color: blue; }

.cg02 { background-color: green; }

.lightbox_title { margin: 0; margin-top: 6px; line-height: 2; font-size: 1.2em; }

.lightbox_text { line-height: 2; font-size: 1.1em; }