@charset "UTF-8";
.shutella_contents { margin-bottom: 30px; padding: 0; }
.shutella_contents img { width: 100%; max-width: 100%; height: auto; }

.shutella_contents--upper, .shutella_contents--lower { margin: 0 -2.5%; }

.shutella_contents--contents_title { background: url(/themes/assist_theme_2022/mb/images/page/specialContent/I-2005_shutella/shutella_contents--contents_title--bg.png) no-repeat top center; background-size: cover; padding: 35px 2.5% 70px; text-align: center; }
.shutella_contents--contents_title h1 { margin-top: 15px; }
.shutella_contents--contents_title small { display: block; margin-top: 5px; color: #0f3971; font-size: 11px; text-align: right; }

.shutella_contents--features { position: relative; background: url(/themes/assist_theme_2022/mb/images/page/specialContent/I-2005_shutella/shutella_contents--features--bg.png) no-repeat top center; background-size: cover; }

.shutella_contents--features--header { position: relative; }
.shutella_contents--features--header h2 { position: absolute; top: 20%; left: 10%; width: 35%; z-index: 5; }
.shutella_contents--features--header .image { text-align: right; }
.shutella_contents--features--header .image img { width: 55%; }

.shutella_contents--features--body { margin-top: -10%; }

.shutella_contents--lens_features section { position: relative; margin: auto; background: #fff; }
@media (min-width: 500px) { .shutella_contents--lens_features section { display: flex; } }
.shutella_contents--lens_features li { position: relative; padding-left: 1.6em; font-size: 18px; line-height: 1; }
.shutella_contents--lens_features li + li { margin-top: 1em; }
.shutella_contents--lens_features li::before { content: ''; position: absolute; top: 5px; left: 0; display: inline-block; width: 16px; height: 16px; background: #ffd800; border-radius: 100%; }

.shutella_contents--lens_features--header { padding: 25px 48px 35px; text-align: center; }
.shutella_contents--lens_features--header img { max-width: 180px; }
@media (max-width: 414px) { .shutella_contents--lens_features--header img { max-width: 120px; } }

.shutella_contents--lens_features--body { padding: 35px 20px 35px 10px; }
@media (max-width: 499px) { .shutella_contents--lens_features--body { padding: 0 20px 35px 10px; } }
.shutella_contents--lens_features--body > .image { margin-top: -5px; }

.shutella .item-catalog-coming_soon .wrap { position: relative; }
.shutella .item-catalog-coming_soon .wrap::after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 98%; height: 100%; background: url(/themes/assist_theme_2022/mb/images/page/specialContent/I-2005_shutella/catalog--over_ray-coming_soon.png) center no-repeat; background-size: cover; z-index: 5; }

/*
1Dayカラコンのアピール
*/
.shutella_contents--appeal { position: relative; padding: 2.5%; background: url(/themes/assist_theme_2022/mb/images/page/specialContent/I-2005_shutella/shutella_contents--appeal--bg.png) no-repeat top left; background-size: cover; }
.shutella_contents--appeal .image { text-align: center; }
.shutella_contents--appeal img { max-width: 100%; }
.shutella_contents--appeal .main_article--header .heading { height: 120px; padding: 30px 5% 5%; background: url(/themes/assist_theme_2022/mb/images/page/specialContent/I-2005_shutella/appeal--heading--bg.png) no-repeat center; color: #000; background-size: contain; font-size: 14px; text-align: center; font-weight: bold; line-height: normal; }
.shutella_contents--appeal .main_article--main { margin-top: 10px; }
.shutella_contents--appeal .main_article--main p { font-size: 10px; }
.shutella_contents--appeal .column-right { margin-top: 20px; }