.clear { clear: both; } .pc_visible { display: block; } @media screen and (max-width: 767px) { .pc_visible { display: none; } } .sp_visible { display: none; } @media screen and (max-width: 767px) { .sp_visible { display: block; } } .pcbr::before { content: "\a"; white-space: pre; } @media screen and (max-width: 767px) { .pcbr::before { content: ""; white-space: nowrap; } } .spbr::before { content: ""; white-space: nowrap; } @media screen and (max-width: 767px) { .spbr::before { content: "\a"; white-space: pre; } } a { color: #00a0e9; text-decoration: none; } h1, h2, h3, h4, h5, p { margin: 0; padding: 0; } ul, li { list-style-type: none; margin: 0; padding: 0; } /* page_common */ .page_original_contents .page_original_contents__Title { display: flex; font-family: "BIZ UDMincho", serif; border-bottom: 3px solid #222; padding-bottom: 8px; overflow: hidden; margin-top: 20px; } .page_original_contents .page_original_contents__Title span.text1 { font-size: 62px; color: #fff; display: inline-block; margin: 4px; padding: 8px; } @media screen and (max-width: 767px) { .page_original_contents .page_original_contents__Title span.text1 { font-size: 20px; } } .page_original_contents .page_original_contents__Title span.text2 { color: #222; display: flex; flex-wrap: wrap; align-content: end; font-size: 48px; } @media screen and (max-width: 767px) { .page_original_contents .page_original_contents__Title span.text2 { font-size: 18px; } } .page_original_contents .page_original_contents__Title span.text2 span { padding: 5px; } .page_original_contents .page_original_contents__Title span.text3 { color: #222; display: flex; flex-wrap: wrap; align-content: end; font-size: 40px; } .page_original_contents .page_original_contents__Title span.text3 span { padding: 5px; } @media screen and (max-width: 767px) { .page_original_contents .page_original_contents__Title span.text3 span { font-size: 16px; } } .page_original_contents .BlueBox { padding: 30px; background-color: #e0edf0; } .page_original_contents .BlueBox strong { color: #c4475f; } .page_original_contents h4.page_original_contents__Commentary { margin: 25px 0 15px 0; padding: 0.3rem; border-left: 10px solid #a883b5; font-size: 28px; } @media screen and (max-width: 767px) { .page_original_contents h4.page_original_contents__Commentary { font-size: 18px; } } .page_original_contents h5.page_original_contents__Commentary { margin-top: 25px; margin-bottom: 10px; font-size: 20px; } @media screen and (max-width: 767px) { .page_original_contents h5.page_original_contents__Commentary { font-size: 18px; } } .page_original_contents p.page_original_contents__Commentary { line-height: 1.5; font-size: 20px; } @media screen and (max-width: 767px) { .page_original_contents p.page_original_contents__Commentary { font-size: 14px; } } .page_original_contents p.page_original_contents__Commentary strong { color: #c4475f; } .page_cooler_contents h4 { font-size: 28px; } @media screen and (max-width: 767px) { .page_cooler_contents h4 { font-size: 18px; } } .page_cooler_contents .page_cooler_contents__Contact { background-color: #0087ce; box-shadow: 5px 7px 4px -5px; margin: 35px 0 60px 0; padding: 10px; font-size: 28px; text-align: center; } @media screen and (max-width: 767px) { .page_cooler_contents .page_cooler_contents__Contact { font-size: 12px; margin: 20px 0 20px 0; } } .page_cooler_contents .page_cooler_contents__Contact a { color: #fff; text-decoration: none; } .page_cooler_contents .page_cooler_contents__Commentary__Head { font-size: 22px; margin-top: 60px; margin-bottom: 20px; } @media screen and (max-width: 767px) { .page_cooler_contents .page_cooler_contents__Commentary__Head { font-size: 16px; margin-top: 20px; } } .page_cooler_contents .page_cooler_contents__Commentary__Items { display: flex; text-align: center; } .page_cooler_contents .page_cooler_contents__Commentary__Items img { width: 96%; } .page_cooler_contents .page_cooler_contents__Commentary__Items .page_cooler_contents__Commentary__Item { flex-basis: 50%; } .page_cooler_contents .page_cooler_contents__Commentary__Items-Text { margin: 20px auto 30px auto; } .page_cooler_contents .page_cooler_contents__Commentary__Items-Text strong { color: #c4475f; } .page_cooler_contents .page_cooler_contents__content__Link img { margin: 30px 0; width: 100%; } @media screen and (max-width: 767px) { .page_cooler_contents .page_cooler_contents__content__Link img { margin: 10px 0; } } .page_cooler_contents .page_cooler_contents__Eyecatch-image { margin-top: 30px; } .page_cooler_contents .page_cooler_contents__Eyecatch-image img { width: 100%; } .page_cooler_contents .page_cooler_contents__Eyecatch-text p.text1 { margin: 10px 0; color: #1a5588; font-size: 32px; font-weight: bold; } @media screen and (max-width: 767px) { .page_cooler_contents .page_cooler_contents__Eyecatch-text p.text1 { font-size: 16px; } } .page_cooler_contents .page_cooler_contents__Eyecatch-text .page_cooler_contents__Eyecatch-text__Images { display: flex; justify-content: space-between; } .page_cooler_contents .page_cooler_contents__Eyecatch-text .page_cooler_contents__Eyecatch-text__Images .page_cooler_contents__Eyecatch-text__Image { flex-basis: 30%; } .page_cooler_contents .page_cooler_contents__Eyecatch-text .page_cooler_contents__Eyecatch-text__Images .page_cooler_contents__Eyecatch-text__Image img { width: 100%; } .page_cooler_contents .page_cooler_contents__Eyecatch-text p.text2 { padding-top: 30px; line-height: 1.5; font-size: 14px; } .page_cooler_contents .page_cooler_contents__Works { margin: auto; } .page_cooler_contents .page_cooler_contents__content__About-Image h4 { text-align: center; font-size: 24px; margin: 20px auto 20px auto; } @media screen and (max-width: 767px) { .page_cooler_contents .page_cooler_contents__content__About-Image h4 { font-size: 18px; } } .page_cooler_contents .page_cooler_contents__content__About-Image .page_cooler_contents__content__About-Image__List { display: flex; } @media screen and (max-width: 767px) { .page_cooler_contents .page_cooler_contents__content__About-Image .page_cooler_contents__content__About-Image__List { flex-wrap: wrap; } } .page_cooler_contents .page_cooler_contents__content__About-Image .page_cooler_contents__content__About-Image__List .page_cooler_contents__content__About-Image__List__Item { flex-basis: 33.33%; text-align: center; } @media screen and (max-width: 767px) { .page_cooler_contents .page_cooler_contents__content__About-Image .page_cooler_contents__content__About-Image__List .page_cooler_contents__content__About-Image__List__Item { flex-basis: 100%; margin-bottom: 30px; } } .page_cooler_contents .page_cooler_contents__content__About-Image .page_cooler_contents__content__About-Image__List .page_cooler_contents__content__About-Image__List__Item img { width: 90%; } .page_cooler_contents .page_cooler_contents__content__Flow h4 { margin: 40px 0 20px 0; font-size: 30px; border-bottom: 3px solid #222; } .page_cooler_contents .page_cooler_contents__content__Flow img { width: 100%; } .page_cooler_contents .page_cooler_contents__content__Flow2 { text-align: center; } @media screen and (max-width: 767px) { .page_cooler_contents .page_cooler_contents__content__Flow2 { text-align: left; } } .page_cooler_contents .page_cooler_contents__content__Flow2 h4 { font-size: 24px; border: none; } @media screen and (max-width: 767px) { .page_cooler_contents .page_cooler_contents__content__Flow2 h4 { font-size: 18px; border-bottom: 3px solid #222; } } .page_cooler_contents .page_cooler_contents__content__Link img { width: 100%; } .page_cooler_contents .page_cooler_contents__content__Purpose .page_cooler_contents__content__Purpose__Eyecatch img { width: 100%; } .page_cooler_contents .page_cooler_contents__content__Purpose .page_cooler_contents__content__Purpose__Eyecatch-Text { margin: 10px 0; color: #1a5588; font-size: 32px; font-weight: bold; } @media screen and (max-width: 767px) { .page_cooler_contents .page_cooler_contents__content__Purpose .page_cooler_contents__content__Purpose__Eyecatch-Text { font-size: 16px; } } .page_cooler_contents .page_cooler_contents__content__AndMore__Images { display: flex; justify-content: space-between; margin: 20px 0; } .page_cooler_contents .page_cooler_contents__content__AndMore__Images .page_cooler_contents__content__AndMore__Image { flex-basis: 48%; } .page_cooler_contents .page_cooler_contents__content__AndMore__Images .page_cooler_contents__content__AndMore__Image img { width: 100%; } .page_cooler_contents .page_cooler_contents__content__AndMore__Button { background-color: #00a6c1; box-shadow: 5px 7px 4px -5px; margin: 35px 0 60px 0; padding: 10px; font-size: 28px; text-align: center; color: #fff; } @media screen and (max-width: 767px) { .page_cooler_contents .page_cooler_contents__content__AndMore__Button { font-size: 16px; } } .page_cooler_contents .page_cooler_contents__content__Footer img { width: 100%; }/*# sourceMappingURL=page-coolerbag.original.css.map */