@charset "UTF-8"; .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; } .sidebar_Wrap_Ecobag .sidebar-under { margin-top: 20px !important; } /* column legacy */ .bz_colomn_box_ttl { background: #205889; color: #fff; padding: 10px; font-size: 30px; font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; text-align: center; } .bz_colomn_box_ttl span { font-size: 18px; font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; margin-left: 15px; } .bz_colomn_box li { display: flex; justify-content: left; padding: 25px 25px 0 25px; } @media screen and (max-width: 767px) { .bz_colomn_box li { flex-wrap: wrap; } } .clm_day { width: 15%; margin-right: 5%; color: #009bea; } @media screen and (max-width: 767px) { .clm_day { flex-basis: 100%; width: 100%; margin: 0; } } .clm_ttl { width: 65%; } @media screen and (max-width: 767px) { .clm_ttl { flex-basis: 100%; width: 100%; margin: 0; } } .clm_ttl a { text-decoration: underline; color: #222; } /* points legacy */ .ecoPointCatch { width: 80%; margin: 10px auto; text-align: center; } .ecoPointCatch img { width: 100%; } .ecoPointContent__Wrap { display: flex; flex-wrap: wrap; } .ecoPointContent { flex-basis: 50%; height: 300px; background-repeat: no-repeat; background-size: contain; background-position: center top; text-align: center; margin-bottom: 30px; } @media screen and (max-width: 767px) { .ecoPointContent { flex-basis: 100%; } } .ecoPointContent .page_ecobag_contents__Points__Placeholder { aspect-ratio: 100/28; max-width: 300px; } .ecoPointContent .page_ecobag_contents__Points__Placeholder img { width: 100%; } .ecoPointContent .page_ecobag_contents__Points__Header { aspect-ratio: 100/22; max-width: 300px; margin: 0 auto; display: flex; justify-content: center; align-items: center; } .ecoPointContent1 { background-image: url(https://bag-factory.online/wp/wp-content/themes/bagfactorynew-2108/renewal_img/ecobag_img/fullorder_PC/fullorder_29.png); } .ecoPointContent2 { background-image: url(https://bag-factory.online/wp/wp-content/themes/bagfactorynew-2108/renewal_img/ecobag_img/fullorder_PC/fullorder_30.png); } .ecoPointContent3 { background-image: url(https://bag-factory.online/wp/wp-content/themes/bagfactorynew-2108/renewal_img/ecobag_img/fullorder_PC/fullorder_31.png); } .ecoPointContent4 { background-image: url(https://bag-factory.online/wp/wp-content/themes/bagfactorynew-2108/renewal_img/ecobag_img/fullorder_PC/fullorder_32.png); } .ecoPointContent h2 { width: 90%; font-size: 18px; font-weight: bold; color: black; margin: 0 auto; text-align: center; } .ecoPointContent h3 { width: 90%; font-size: 14px; color: #333; margin: 0 auto; text-align: center; } /* 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; padding-top: 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_ecobag_contents h4 { font-size: 22px; font-weight: bold; } @media screen and (max-width: 767px) { .page_ecobag_contents h4 { font-size: 18px; } } .page_ecobag_contents .page_ecobag_contents__content__Link img { margin: 30px 0; width: 100%; } .page_ecobag_contents .page_ecobag_contents__Eyecatch h3 { font-size: 35px; padding: 55px 0 20px 0; font-weight: bold; } .page_ecobag_contents .page_ecobag_contents__Eyecatch p.top { font-size: 18px; padding-bottom: 40px; } .page_ecobag_contents .page_ecobag_contents__Eyecatch__Images { display: flex; flex-wrap: wrap; margin-bottom: 40px; } .page_ecobag_contents .page_ecobag_contents__Eyecatch__Images .page_ecobag_contents__Eyecatch__Image { flex-basis: 50%; } @media screen and (max-width: 767px) { .page_ecobag_contents .page_ecobag_contents__Eyecatch__Images .page_ecobag_contents__Eyecatch__Image { flex-basis: 100%; } } .page_ecobag_contents .page_ecobag_contents__Eyecatch__Images .page_ecobag_contents__Eyecatch__Image img { width: 98%; } .page_ecobag_contents .page_ecobag_contents__Eyecatch__Images .page_ecobag_contents__Eyecatch__Image:nth-child(odd) { text-align: left; } .page_ecobag_contents .page_ecobag_contents__Eyecatch__Images .page_ecobag_contents__Eyecatch__Image:nth-child(even) { text-align: right; } .page_ecobag_contents .page_ecobag_contents__Eyecatch__Text { margin-bottom: 40px; } .page_ecobag_contents .page_ecobag_contents__Eyecatch__Flow { margin-bottom: 40px; } .page_ecobag_contents .page_ecobag_contents__Eyecatch__Flow h4 { padding-bottom: 30px; text-align: center; } .page_ecobag_contents .page_ecobag_contents__Eyecatch__Flow img { width: 100%; } .page_ecobag_contents .page_ecobag_contents__Category__List { margin-top: 20px; display: flex; flex-wrap: wrap; } .page_ecobag_contents .page_ecobag_contents__Category__List .page_ecobag_contents__Category__Item { margin: 20px auto 20px auto; flex-basis: 33.33%; text-align: center; } @media screen and (max-width: 767px) { .page_ecobag_contents .page_ecobag_contents__Category__List .page_ecobag_contents__Category__Item { flex-basis: 50%; } } .page_ecobag_contents .page_ecobag_contents__Category__List .page_ecobag_contents__Category__Item a { text-decoration: none; } .page_ecobag_contents .page_ecobag_contents__Category__List .page_ecobag_contents__Category__Item img { display: block; width: 90%; margin: 0 auto; } .page_ecobag_contents .page_ecobag_contents__Category__List .page_ecobag_contents__Category__Item p { color: #222; font-weight: bold; padding-top: 20px; } .page_ecobag_contents .page_ecobag_contents__Category__List-About { margin-bottom: 60px; } .page_ecobag_contents .page_ecobag_contents__Kinds__List { margin-top: 20px; display: flex; justify-content: space-between; flex-wrap: wrap; } .page_ecobag_contents .page_ecobag_contents__Kinds__List .page_ecobag_contents__Kinds__Item { margin: 20px auto 40px auto; flex-basis: 45%; text-align: center; } .page_ecobag_contents .page_ecobag_contents__Kinds__List .page_ecobag_contents__Kinds__Item a { text-decoration: none; } .page_ecobag_contents .page_ecobag_contents__Kinds__List .page_ecobag_contents__Kinds__Item img { display: block; width: 90%; margin: 0 auto; } .page_ecobag_contents .page_ecobag_contents__Kinds__List .page_ecobag_contents__Kinds__Item p { color: #222; } .page_ecobag_contents .page_ecobag_contents__Kinds__List .page_ecobag_contents__Kinds__Item p.page_ecobag_contents__Kinds__List__Head { font-weight: bold; padding-bottom: 10px; } .page_ecobag_contents .page_ecobag_contents__Kinds__List .page_ecobag_contents__Kinds__Item p.page_ecobag_contents__Kinds__List__Text { padding-top: 20px; } .page_ecobag_contents .page_ecobag_contents__Kinds__List .page_ecobag_contents__Kinds__Item .page_ecobag_contents__Kinds__List__Button { margin-top: 20px; background-color: #275b7c; padding: 0.5em 0; font-weight: bold; color: #fff; } .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Works__Items, .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Column__Items, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Works__Items, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Column__Items { margin-top: 20px; display: flex; justify-content: space-between; } .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Works__Items .page_ecobag_contents__Works__Item, .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Works__Items .page_ecobag_contents__Column__Item, .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Column__Items .page_ecobag_contents__Works__Item, .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Column__Items .page_ecobag_contents__Column__Item, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Works__Items .page_ecobag_contents__Works__Item, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Works__Items .page_ecobag_contents__Column__Item, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Column__Items .page_ecobag_contents__Works__Item, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Column__Items .page_ecobag_contents__Column__Item { flex-basis: 30%; text-align: center; } @media screen and (max-width: 767px) { .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Works__Items .page_ecobag_contents__Works__Item, .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Works__Items .page_ecobag_contents__Column__Item, .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Column__Items .page_ecobag_contents__Works__Item, .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Column__Items .page_ecobag_contents__Column__Item, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Works__Items .page_ecobag_contents__Works__Item, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Works__Items .page_ecobag_contents__Column__Item, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Column__Items .page_ecobag_contents__Works__Item, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Column__Items .page_ecobag_contents__Column__Item { flex-basis: 32%; } } .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Works__Items .page_ecobag_contents__Works__Item img, .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Works__Items .page_ecobag_contents__Column__Item img, .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Column__Items .page_ecobag_contents__Works__Item img, .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Column__Items .page_ecobag_contents__Column__Item img, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Works__Items .page_ecobag_contents__Works__Item img, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Works__Items .page_ecobag_contents__Column__Item img, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Column__Items .page_ecobag_contents__Works__Item img, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Column__Items .page_ecobag_contents__Column__Item img { width: 100%; } .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Works__Items .page_ecobag_contents__Works__Item a, .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Works__Items .page_ecobag_contents__Column__Item a, .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Column__Items .page_ecobag_contents__Works__Item a, .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Column__Items .page_ecobag_contents__Column__Item a, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Works__Items .page_ecobag_contents__Works__Item a, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Works__Items .page_ecobag_contents__Column__Item a, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Column__Items .page_ecobag_contents__Works__Item a, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Column__Items .page_ecobag_contents__Column__Item a { text-decoration: none; color: #222; } @media screen and (max-width: 767px) { .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Works__Items .page_ecobag_contents__Column__Item, .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Column__Items .page_ecobag_contents__Column__Item, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Works__Items .page_ecobag_contents__Column__Item, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Column__Items .page_ecobag_contents__Column__Item { flex-basis: 49%; } } .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Works__Items-ShowMore, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Works__Items-ShowMore { text-align: right; } .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Works__Items-ShowMore a, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Works__Items-ShowMore a { text-decoration: none; } .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Works__Items-ShowMore a:link, .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Works__Items-ShowMore a:visited, .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Works__Items-ShowMore a:hover, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Works__Items-ShowMore a:link, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Works__Items-ShowMore a:visited, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Works__Items-ShowMore a:hover { color: #275b7c; font-weight: bold; } .page_ecobag_contents .page_ecobag_contents__Works .page_ecobag_contents__Works__Items-About, .page_ecobag_contents .page_ecobag_contents__Column .page_ecobag_contents__Works__Items-About { margin-top: 40px; } .page_ecobag_contents .page_ecobag_contents__Column__Message { font-size: 24px; font-weight: bold; margin-top: 20px; } @media screen and (max-width: 767px) { .page_ecobag_contents .page_ecobag_contents__Column__Message { font-size: 18px; } } .page_ecobag_contents .page_ecobag_contents__Column__Item__Text { margin-bottom: 30px; } .page_ecobag_contents .page_ecobag_contents__Column__Items-More { background-color: #9a84b1; text-align: center; padding: 1em 0; font-family: "BIZ UDMincho", serif; } .page_ecobag_contents .page_ecobag_contents__Column__Items-More a { font-size: 28px; color: #fff; text-decoration: none; } .page_ecobag_contents .page_ecobag_contents__Column__Items-More2 { margin-top: 40px; } .page_ecobag_contents .page_ecobag_contents__Strong .page_ecobag_contents__Strong__Commentary .page_ecobag_contents__Strong__Commentary__Head { font-size: 22px; margin-top: 60px; margin-bottom: 20px; } .page_ecobag_contents .page_ecobag_contents__Strong .page_ecobag_contents__Strong__Commentary .page_ecobag_contents__Strong__Commentary__Items { display: flex; text-align: center; } .page_ecobag_contents .page_ecobag_contents__Strong .page_ecobag_contents__Strong__Commentary .page_ecobag_contents__Strong__Commentary__Items img { width: 96%; } .page_ecobag_contents .page_ecobag_contents__Strong .page_ecobag_contents__Strong__Commentary .page_ecobag_contents__Strong__Commentary__Items .page_ecobag_contents__Strong__Commentary__Item { flex-basis: 50%; } .page_ecobag_contents .page_ecobag_contents__Strong .page_ecobag_contents__Strong__Commentary .page_ecobag_contents__Strong__Commentary__Items-Text { margin: 20px auto 30px auto; } .page_ecobag_contents .page_ecobag_contents__Strong .page_ecobag_contents__Strong__Commentary .page_ecobag_contents__Strong__Commentary__Items-Text strong { color: #c4475f; }/*# sourceMappingURL=page-ecobag.original.css.map */