@charset "UTF-8"; /* line 5, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } /* line 22, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ html { line-height: 1; } /* line 24, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ ol, ul { list-style: none; } /* line 26, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 28, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } /* line 30, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q, blockquote { quotes: none; } /* line 103, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } /* line 32, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ a img { border: none; } /* line 116, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } @media screen and (max-width: 767px) { /* line 6, ../../sass/foundation/_base.scss */ .cms__pc { display: none; } } @media screen and (min-width: 768px) { /* line 11, ../../sass/foundation/_base.scss */ .cms__sp { display: none; } } /* line 16, ../../sass/foundation/_base.scss */ img { vertical-align: bottom; } @media screen and (max-width: 767px) { /* line 16, ../../sass/foundation/_base.scss */ img { max-width: 100%; width: auto; height: auto; display: block; margin: 0 auto; } } /* line 26, ../../sass/foundation/_base.scss */ video { max-width: 100%; width: auto; height: auto; } /* line 1, ../../sass/object/component/_banner.scss */ .cms__p-banners { padding: 15px 10px; text-align: center; margin: 0 0 50px; } /* line 6, ../../sass/object/component/_banner.scss */ .cms__c-banner { margin: 0 30px; display: inline-block; } @media screen and (max-width: 767px) { /* line 6, ../../sass/object/component/_banner.scss */ .cms__c-banner { margin: 0 0 30px 0; } } /* line 15, ../../sass/object/component/_banner.scss */ .cms__l-sidebar .cms__p-banners { padding: 0 10px; margin: 0; } /* line 19, ../../sass/object/component/_banner.scss */ .cms__l-sidebar .cms__c-banner { margin: 0 0 20px; } /* line 2, ../../sass/object/component/_button.scss */ .cms__c-button { text-align: center; box-sizing: border-box; } /* line 5, ../../sass/object/component/_button.scss */ .cms__c-button a { display: inline-block; } /* line 9, ../../sass/object/component/_button.scss */ .cms__c-button--more a { border: 1px solid #019be5; min-width: 300px; color: #019be5; padding: 10px; border-radius: 5px; font-size: 16px; font-size: 1.6rem; } @media screen and (max-width: 767px) { /* line 9, ../../sass/object/component/_button.scss */ .cms__c-button--more a { min-width: auto; margin: 0 20px; box-sizing: border-box; display: block; } } /* line 24, ../../sass/object/component/_button.scss */ .cms__c-button--sns-share { border-radius: 3px; display: inline-block; width: calc( (100% - 40px ) / 4 ); margin: 0 4px; position: relative; } /* line 30, ../../sass/object/component/_button.scss */ .cms__c-button--sns-share a { padding: 5px; color: #fff; display: block; font-size: 13px; font-size: 1.3rem; } @media screen and (max-width: 767px) { /* line 30, ../../sass/object/component/_button.scss */ .cms__c-button--sns-share a { display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; } } /* line 44, ../../sass/object/component/_button.scss */ .cms__c-button--sns-share--twi { background-color: #55acee; } /* line 47, ../../sass/object/component/_button.scss */ .cms__c-button--sns-share--twi::before { content: ''; background: url(../images/sns_tw.png); background-repeat: none; background-size: contain; width: 16px; height: 13px; position: absolute; top: 0; left: 10px; bottom: 0; margin: auto; } /* line 60, ../../sass/object/component/_button.scss */ .cms__c-button--sns-share--line { background-color: #00b900; } /* line 63, ../../sass/object/component/_button.scss */ .cms__c-button--sns-share--line::before { content: ''; background: url(../images/sns_line.png); background-repeat: none; background-size: contain; width: 20px; height: 19px; position: absolute; top: 0; left: 10px; bottom: 0; margin: auto; } /* line 76, ../../sass/object/component/_button.scss */ .cms__c-button--sns-share--fb { background-color: #3b5998; } /* line 79, ../../sass/object/component/_button.scss */ .cms__c-button--sns-share--fb::before { content: ''; background: url(../images/sns_fb.png); background-repeat: none; background-size: contain; width: 10px; height: 17px; position: absolute; top: 0; left: 10px; bottom: 0; margin: auto; } /* line 92, ../../sass/object/component/_button.scss */ .cms__c-button--sns-share--hatena { background-color: #3c7dd1; } /* line 95, ../../sass/object/component/_button.scss */ .cms__c-button--sns-share--hatena::before { content: ''; background: url(../images/sns_hatena.png); background-repeat: none; background-size: contain; width: 16px; height: 13px; position: absolute; top: 0; left: 10px; bottom: 0; margin: auto; } /* line 108, ../../sass/object/component/_button.scss */ .cms__c-button--sns-share--gplus { background-color: #c8533e; } /* line 111, ../../sass/object/component/_button.scss */ .cms__c-button--sns-share--gplus::before { content: ''; background: url(../images/sns_google.png); background-repeat: none; background-size: contain; width: 24px; height: 15px; position: absolute; top: 0; left: 5px; bottom: 0; margin: auto; } @media screen and (max-width: 767px) { /* line 124, ../../sass/object/component/_button.scss */ .cms__c-button--sns-share::before { position: absolute; left: 0; right: 0; } } /* line 131, ../../sass/object/component/_button.scss */ .cms__c-button--sns-official { margin: 0 4px; display: inline-block; width: 30px; height: 30px; box-sizing: border-box; } /* line 137, ../../sass/object/component/_button.scss */ .cms__c-button--sns-official a { display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; } /* line 144, ../../sass/object/component/_button.scss */ .cms__c-button--sns-official--fb { background: url(../images/gray_sns_fb.png); background-repeat: no-repeat; } /* line 148, ../../sass/object/component/_button.scss */ .cms__c-button--sns-official--twi { background: url(../images/gray_sns_tw.png); background-repeat: no-repeat; } /* line 152, ../../sass/object/component/_button.scss */ .cms__c-button--sns-official--line { background: url(../images/gray_sns_line.png); background-repeat: no-repeat; } /* line 156, ../../sass/object/component/_button.scss */ .cms__c-button--pagination { display: inline-block; width: calc( (100% - 7px ) / 2 ); background-color: #0d8a19; text-align: center; } @media screen and (max-width: 767px) { /* line 156, ../../sass/object/component/_button.scss */ .cms__c-button--pagination { width: calc( (100% - 1px ) / 2 ); } } /* line 164, ../../sass/object/component/_button.scss */ .cms__c-button--pagination a { color: #fff; font-size: 13px; font-size: 1.3rem; font-weight: bold; padding: 15px; display: block; height: 100%; } /* line 171, ../../sass/object/component/_button.scss */ .cms__c-button--pagination a span { display: block; margin: 0 0 10px; } @media screen and (max-width: 767px) { /* line 176, ../../sass/object/component/_button.scss */ .cms__c-button--pagination--prev { text-align: left; } } @media screen and (max-width: 767px) { /* line 181, ../../sass/object/component/_button.scss */ .cms__c-button--pagination--next { text-align: right; } } /* line 187, ../../sass/object/component/_button.scss */ .cms__c-button--pagination:first-child { margin-right: 7px; } @media screen and (max-width: 767px) { /* line 187, ../../sass/object/component/_button.scss */ .cms__c-button--pagination:first-child { margin-right: 1px; } } /* line 195, ../../sass/object/component/_button.scss */ .c-button .c-button__inner { height: 48px; } /* line 198, ../../sass/object/component/_button.scss */ .c-button .c-button__text, .c-button .c-button__tag { display: inline-block; width: auto; position: relative; line-height: 48px; } /* line 205, ../../sass/object/component/_button.scss */ .c-button .c-button--orange__tag { display: inline-block !important; width: auto !important; position: relative !important; top: -1px !important; -webkit-transform: translateY(0) !important; transform: translateY(0) !important; padding: 2px 6px; background-color: #fff; border-radius: 3px; font-size: 14px; color: #ce721c; line-height: 1.1; } @media screen and (max-width: 767px) { /* line 205, ../../sass/object/component/_button.scss */ .c-button .c-button--orange__tag { top: -3px !important; padding: 2px; font-size: 11px; } } /* line 1, ../../sass/object/component/_label.scss */ .cms__c-label-category { background-color: #000; border-radius: 2px; box-sizing: border-box; color: #fff; font-weight: bold; display: inline-block; position: absolute; top: -10px; left: -10px; text-align: center; } @media screen and (max-width: 767px) { /* line 1, ../../sass/object/component/_label.scss */ .cms__c-label-category { margin-bottom: 10px; } } /* line 15, ../../sass/object/component/_label.scss */ .cms__c-label-category--large { font-size: 14px; font-size: 1.4rem; min-width: 180px; padding: 5px; } @media screen and (max-width: 767px) { /* line 15, ../../sass/object/component/_label.scss */ .cms__c-label-category--large { min-width: auto; display: inline-block; position: static; margin: 0 0 10px; padding: 3px 8px; float: left; } } /* line 28, ../../sass/object/component/_label.scss */ .cms__c-label-category--long { font-size: 14px; font-size: 1.4rem; min-width: 115px; } /* line 32, ../../sass/object/component/_label.scss */ .cms__c-label-category--small { font-size: 12px; font-size: 1.2rem; min-width: 100px; padding: 3px; } @media screen and (max-width: 767px) { /* line 32, ../../sass/object/component/_label.scss */ .cms__c-label-category--small { position: static; margin-left: 10px; min-width: auto; padding: 3px 8px; } } /* line 43, ../../sass/object/component/_label.scss */ .cms__c-label-category--middle { font-size: 14px; font-size: 1.4rem; min-width: 144px; padding: 5px; } @media screen and (max-width: 767px) { /* line 43, ../../sass/object/component/_label.scss */ .cms__c-label-category--middle { min-width: auto; display: inline-block; position: static; margin: 0 0 10px; padding: 3px 8px; float: left; } } /* line 1, ../../sass/object/component/_panel.scss */ .cms__c-panel { margin-bottom: 35px; } @media screen and (max-width: 767px) { /* line 1, ../../sass/object/component/_panel.scss */ .cms__c-panel { margin-bottom: 20px; padding-bottom: 10px; } } /* line 7, ../../sass/object/component/_panel.scss */ .cms__c-panel__heading { font-weight: bold; color: inherit; } /* line 11, ../../sass/object/component/_panel.scss */ .cms__c-panel:last-child { margin-right: 0; } /* line 14, ../../sass/object/component/_panel.scss */ .cms__c-panel--large { position: relative; display: inline-block; width: calc( (100% - 64px ) / 3 ); margin-right: 32px; } /* line 19, ../../sass/object/component/_panel.scss */ .cms__c-panel--large .cms__c-panel__heading { font-size: 16px; font-size: 1.6rem; padding: 0 0 15px; text-align: left; } /* line 23, ../../sass/object/component/_panel.scss */ .cms__c-panel--large .cms__c-panel__heading a { color: #000; } @media screen and (max-width: 767px) { /* line 19, ../../sass/object/component/_panel.scss */ .cms__c-panel--large .cms__c-panel__heading { width: 54%; display: inline-block; } } @media screen and (min-width: 768px) { /* line 31, ../../sass/object/component/_panel.scss */ .cms__c-panel--large .cms__c-panel__wrapper { box-shadow: 0px 4px 2px #e5e5e5; -webkit-box-shadow: 0px 4px 2px #e5e5e5; -moz-box-shadow: 0px 4px 2px #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 10px 15px; } } @media screen and (max-width: 767px) { /* line 43, ../../sass/object/component/_panel.scss */ .cms__c-panel--large__image { width: 44%; float: left; margin-right: 2%; margin-bottom: 12px; } } @media screen and (max-width: 767px) { /* line 51, ../../sass/object/component/_panel.scss */ .cms__c-panel--large:first-child { width: 100%; } /* line 54, ../../sass/object/component/_panel.scss */ .cms__c-panel--large:first-child .cms__c-panel__heading { width: 100%; } /* line 57, ../../sass/object/component/_panel.scss */ .cms__c-panel--large:first-child .cms__c-panel--large__image { width: 100%; margin: 0 auto 12px; } /* line 61, ../../sass/object/component/_panel.scss */ .cms__c-panel--large:first-child .cms__c-label-category--large { position: absolute; } } /* line 69, ../../sass/object/component/_panel.scss */ .cms__c-panel--middle { position: relative; display: inline-block; width: calc( (100% - 18px ) / 2 ); display: inline-block; } @media screen and (min-width: 768px) { /* line 69, ../../sass/object/component/_panel.scss */ .cms__c-panel--middle { box-shadow: 0px 6px 2px -2px #e5e5e5; -webkit-box-shadow: 0px 6px 2px -2px #e5e5e5; -moz-box-shadow: 0px 6px 2px -2px #e5e5e5; border-right: 1px solid #e5e5e5; } } /* line 81, ../../sass/object/component/_panel.scss */ .cms__c-panel--middle .cms__c-panel__heading { font-size: 16px; font-size: 1.6rem; padding: 0 0 15px; } /* line 84, ../../sass/object/component/_panel.scss */ .cms__c-panel--middle .cms__c-panel__heading a { color: #000; } @media screen and (max-width: 767px) { /* line 81, ../../sass/object/component/_panel.scss */ .cms__c-panel--middle .cms__c-panel__heading { border: none; width: 64%; display: inline-block; } } @media screen and (min-width: 768px) { /* line 93, ../../sass/object/component/_panel.scss */ .cms__c-panel--middle .cms__c-panel__wrapper { display: inline-block; border-top: 1px solid #e5e5e5; width: calc( 100% - 188px ); padding: 10px 15px; } } /* line 102, ../../sass/object/component/_panel.scss */ .cms__c-panel--middle:nth-child(odd) { margin-right: 18px; } @media screen and (max-width: 767px) { /* line 102, ../../sass/object/component/_panel.scss */ .cms__c-panel--middle:nth-child(odd) { margin-right: 0; } } /* line 108, ../../sass/object/component/_panel.scss */ .cms__c-panel--middle__image { width: 188px; float: left; } @media screen and (max-width: 767px) { /* line 108, ../../sass/object/component/_panel.scss */ .cms__c-panel--middle__image { width: 34%; float: left; margin-right: 2%; margin-bottom: 12px; } } /* line 120, ../../sass/object/component/_panel.scss */ .cms__c-panel--long { position: relative; margin-bottom: 25px; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; } /* line 125, ../../sass/object/component/_panel.scss */ .cms__c-panel--long .cms__c-panel__wrapper { display: inline-block; width: 460px; float: right; margin-left: 25px; } @media screen and (max-width: 767px) { /* line 125, ../../sass/object/component/_panel.scss */ .cms__c-panel--long .cms__c-panel__wrapper { width: 100%; padding-left: 0; border: none; display: inline-block; position: relative; } } /* line 138, ../../sass/object/component/_panel.scss */ .cms__c-panel--long a { color: #000; } /* line 141, ../../sass/object/component/_panel.scss */ .cms__c-panel--long .cms__c-panel__heading { font-size: 26px; font-size: 2.6rem; font-weight: bold; margin: 0 0 20px; width: 100%; } @media screen and (max-width: 767px) { /* line 141, ../../sass/object/component/_panel.scss */ .cms__c-panel--long .cms__c-panel__heading { font-size: 16px; font-size: 1.6rem; margin: 0; position: absolute; height: 70px; top: -70px; left: 0; padding: 10px; line-height: 1.4; background: rgba(255, 255, 255, 0.75); } } /* line 158, ../../sass/object/component/_panel.scss */ .cms__c-panel--long .cms__c-panel__excerpt { font-size: 15px; font-size: 1.5rem; margin: 0 0 25px; } @media screen and (max-width: 767px) { /* line 158, ../../sass/object/component/_panel.scss */ .cms__c-panel--long .cms__c-panel__excerpt { font-size: 14px; font-size: 1.4rem; width: 100%; display: inline-block; margin: 10px 0; } } /* line 170, ../../sass/object/component/_panel.scss */ .cms__c-panel--long__image { width: 155px; float: left; } @media screen and (max-width: 767px) { /* line 170, ../../sass/object/component/_panel.scss */ .cms__c-panel--long__image { width: 100%; margin: 0; } } /* line 180, ../../sass/object/component/_panel.scss */ .cms__c-panel--small { position: relative; } /* line 182, ../../sass/object/component/_panel.scss */ .cms__c-panel--small .cms__c-panel__wrapper { width: calc( 100% - 123px ); display: inline-block; padding-left: 10px; } /* line 187, ../../sass/object/component/_panel.scss */ .cms__c-panel--small .cms__c-panel__heading { font-size: 14px; font-size: 1.4rem; font-weight: bold; color: #000; } /* line 193, ../../sass/object/component/_panel.scss */ .cms__c-panel--small__image { float: left; width: 123px; margin: 0 0 10px; } @media screen and (max-width: 767px) { /* line 199, ../../sass/object/component/_panel.scss */ .cms__c-panel--large, .cms__c-panel--middle, .cms__c-panel--long, .cms__c-panel--small { display: block; width: 100%; margin-right: 0; border-bottom: 1px solid #e5e5e5; } /* line 205, ../../sass/object/component/_panel.scss */ .cms__c-panel--large:last-child, .cms__c-panel--middle:last-child, .cms__c-panel--long:last-child, .cms__c-panel--small:last-child { border: none; } } /* line 1, ../../sass/object/component/_tags.scss */ .cms__c-tags { text-align: left; } /* line 3, ../../sass/object/component/_tags.scss */ .cms__c-tags__item { display: inline-block; margin: 0 5px 10px; } /* line 6, ../../sass/object/component/_tags.scss */ .cms__c-tags__item a { background-color: #edf0ed; border-radius: 10px; color: #000; display: block; font-size: 12px; font-size: 1.2rem; padding: 2px 10px; } @media screen and (min-width: 768px) { /* line 15, ../../sass/object/component/_tags.scss */ .cms__c-tags--before { position: relative; padding-left: 80px; } } @media screen and (max-width: 767px) { /* line 15, ../../sass/object/component/_tags.scss */ .cms__c-tags--before { margin: 0; } } @media screen and (min-width: 768px) { /* line 24, ../../sass/object/component/_tags.scss */ .cms__c-tags--before--single { position: relative; padding-left: 80px; } } @media screen and (min-width: 768px) { /* line 30, ../../sass/object/component/_tags.scss */ .cms__c-tags--before::before, .cms__c-tags--before--single::before { content: '対象は?'; width: 80px; background: url(../images/icon_tag01.png); background-repeat: no-repeat; background-position: center left; position: absolute; top: 0.2em; margin: auto; left: 0; padding-left: 20px; font-size: 13px; font-size: 1.3rem; font-weight: bold; color: #666666; } } @media screen and (max-width: 767px) { /* line 47, ../../sass/object/component/_tags.scss */ .cms__c-tags--before--single::before { content: '対象は?'; width: 80px; background: url(../images/icon_tag01.png); background-repeat: no-repeat; background-position: center left; margin-bottom: 10px; padding-left: 20px; font-size: 13px; font-size: 1.3rem; font-weight: bold; color: #666666; display: block; } } @media screen and (max-width: 767px) { /* line 65, ../../sass/object/component/_tags.scss */ .cms__p-tag-cloud { margin: 0 auto 20px; } } @media screen and (min-width: 768px) { /* line 65, ../../sass/object/component/_tags.scss */ .cms__p-tag-cloud { box-sizing: border-box; border: 1px solid #0d8a19; max-width: 920px; margin: 0 auto 50px; } } /* line 75, ../../sass/object/component/_tags.scss */ .cms__p-tag-cloud__heading { padding: 10px; text-align: center; background-color: #0d8a19; } @media screen and (max-width: 767px) { /* line 75, ../../sass/object/component/_tags.scss */ .cms__p-tag-cloud__heading { background-color: #fff; border-top: 1px solid #0d8a19; border-bottom: 1px solid #0d8a19; } } /* line 84, ../../sass/object/component/_tags.scss */ .cms__p-tag-cloud__heading span { display: inline-block; position: relative; color: #fff; font-weight: bold; font-size: 22px; font-size: 2.2rem; padding: 0 0 0 40px; } @media screen and (max-width: 767px) { /* line 84, ../../sass/object/component/_tags.scss */ .cms__p-tag-cloud__heading span { font-size: 16px; font-size: 1.6rem; color: #0d8a19; } } /* line 96, ../../sass/object/component/_tags.scss */ .cms__p-tag-cloud__heading span::before { content: ''; background: url(../images/icon_tag03.png); width: 24px; height: 25px; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-size: contain; background-repeat: no-repeat; } @media screen and (max-width: 767px) { /* line 96, ../../sass/object/component/_tags.scss */ .cms__p-tag-cloud__heading span::before { background: url(../images/icon_tag04.png); } } @media screen and (min-width: 768px) { /* line 114, ../../sass/object/component/_tags.scss */ .cms__p-tag-cloud__heading--arrow { position: relative; } } @media screen and (min-width: 768px) { /* line 119, ../../sass/object/component/_tags.scss */ .cms__p-tag-cloud__heading--arrow::before { content: ''; width: 0; height: 0; border-style: solid; border-width: 15px 9px 0 9px; border-color: #0d8a19 transparent transparent transparent; position: absolute; display: block; bottom: -15px; left: 0; right: 0; margin: auto; } } /* line 135, ../../sass/object/component/_tags.scss */ .cms__p-tag-cloud .cms__c-tags { padding: 25px 18px 20px; } /* line 140, ../../sass/object/component/_tags.scss */ .cms__l-sidebar .cms__p-tag-cloud__heading { padding: 8px; } /* line 142, ../../sass/object/component/_tags.scss */ .cms__l-sidebar .cms__p-tag-cloud__heading span { font-size: 14px; font-size: 1.4rem; padding: 0 0 0 30px; } /* line 146, ../../sass/object/component/_tags.scss */ .cms__l-sidebar .cms__p-tag-cloud__heading span::before { width: 16px; height: 16px; left: 0; } /* line 156, ../../sass/object/component/_tags.scss */ .cms__l-sidebar .cms__p-tag-cloud .cms__c-tags { padding: 10px 10px 5px; } /* line 1, ../../sass/page/_common.scss */ .cms__page { background-color: #e8e8e8; padding: 40px 0 0; } @media screen and (max-width: 767px) { /* line 1, ../../sass/page/_common.scss */ .cms__page { padding: 0; } } /* line 7, ../../sass/page/_common.scss */ .cms__page__inner { background-color: #fff; box-sizing: border-box; width: 960px; margin: 0 auto; padding: 0 0 50px; } @media screen and (max-width: 767px) { /* line 7, ../../sass/page/_common.scss */ .cms__page__inner { width: auto; } } /* line 18, ../../sass/page/_common.scss */ .cms__page--single__related__list { margin-top: 10px; } /* line 21, ../../sass/page/_common.scss */ .cms__page--single__related__item { margin-bottom: 5px; } @media screen and (max-width: 767px) { /* line 21, ../../sass/page/_common.scss */ .cms__page--single__related__item { margin-bottom: 10px; } } /* line 26, ../../sass/page/_common.scss */ .cms__page--single__related__item .c-arrow-link { background-position: left top; } /* line 31, ../../sass/page/_common.scss */ .cms__page__youtube { text-align: center; } @media screen and (max-width: 767px) { /* line 31, ../../sass/page/_common.scss */ .cms__page__youtube { position: relative; width: 100%; padding-top: 56.25%; margin-bottom: 20px; } /* line 38, ../../sass/page/_common.scss */ .cms__page__youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } } @media screen and (min-width: 768px) { /* line 1, ../../sass/page/_top.scss */ .cms__page-top { background-image: url(../images/top_green_bk.png); background-repeat: repeat-x; background-position: top left; } } /* line 7, ../../sass/page/_top.scss */ .cms__page-top__inner { box-sizing: border-box; width: 960px; margin: 0 auto; padding: 0 0 50px; } @media screen and (max-width: 767px) { /* line 7, ../../sass/page/_top.scss */ .cms__page-top__inner { width: auto; } } @media screen and (max-width: 767px) { /* line 16, ../../sass/page/_top.scss */ .cms__page-top__main-visual::before { content: ''; width: 0; height: 0; border-style: solid; border-width: 15px 9px 0 9px; border-color: #fff transparent transparent transparent; position: absolute; display: block; bottom: -15px; left: 0; right: 0; margin: auto; z-index: 1; } } @media screen and (min-width: 768px) { /* line 33, ../../sass/page/_top.scss */ .cms__page-top__main-visual { border-bottom: 3px solid #e8e8e8; padding: 20px; display: flex; } } @media screen and (max-width: 767px) { /* line 33, ../../sass/page/_top.scss */ .cms__page-top__main-visual { position: relative; } } /* line 42, ../../sass/page/_top.scss */ .cms__page-top__main-visual__movie { width: 50%; } @media screen and (max-width: 767px) { /* line 42, ../../sass/page/_top.scss */ .cms__page-top__main-visual__movie { width: 100%; } } /* line 48, ../../sass/page/_top.scss */ .cms__page-top__main-visual__wrapper { width: 50%; padding: 30px 0 0; text-align: center; } @media screen and (max-width: 767px) { /* line 48, ../../sass/page/_top.scss */ .cms__page-top__main-visual__wrapper { width: 100%; padding: 15px 20px 20px; background: #fff; } } /* line 59, ../../sass/page/_top.scss */ .cms__page-top__main-visual__logo { margin: 0 0 20px; } @media screen and (max-width: 767px) { /* line 59, ../../sass/page/_top.scss */ .cms__page-top__main-visual__logo { position: absolute; top: 0; left: 0; width: 22%; max-width: 102px; } } /* line 69, ../../sass/page/_top.scss */ .cms__page-top__main-visual__catch { font-size: 22px; font-size: 2.2rem; font-weight: bold; text-align: center; } @media screen and (max-width: 767px) { /* line 69, ../../sass/page/_top.scss */ .cms__page-top__main-visual__catch { font-size: 17px; font-size: 1.7rem; } } /* line 76, ../../sass/page/_top.scss */ .cms__page-top__main-visual__catch span { color: #0d8a19; font-size: 35px; font-size: 3.5rem; font-style: italic; } @media screen and (max-width: 767px) { /* line 76, ../../sass/page/_top.scss */ .cms__page-top__main-visual__catch span { font-size: 28px; font-size: 2.8rem; } } @media screen and (max-width: 767px) { /* line 87, ../../sass/page/_top.scss */ .cms__page-top__steps__category-navi { padding: 40px 0; background: #f2f2f2; position: relative; } } @media screen and (max-width: 767px) { /* line 94, ../../sass/page/_top.scss */ .cms__page-top__steps__category-navi::before { content: ''; width: 0; height: 0; border-style: solid; border-width: 15px 9px 0 9px; border-color: #f2f2f2 transparent transparent transparent; position: absolute; display: block; bottom: -15px; left: 0; right: 0; margin: auto; } } /* line 110, ../../sass/page/_top.scss */ .cms__page-top__steps__heading { padding: 50px 0; text-align: center; font-size: 32px; font-size: 3.2rem; font-weight: bold; } /* line 115, ../../sass/page/_top.scss */ .cms__page-top__steps__heading span { display: inline-block; position: relative; } /* line 143, ../../sass/page/_top.scss */ .cms__page-top__steps__steps { background-color: #0d8a19; box-sizing: border-box; padding: 25px 15px; display: flex; flex-flow: row wrap; align-items: stretch; width: 100%; margin: 0 0 10px; } @media screen and (max-width: 767px) { /* line 143, ../../sass/page/_top.scss */ .cms__page-top__steps__steps { padding: 0; display: block; background: #fff; } } /* line 157, ../../sass/page/_top.scss */ .cms__page-top__steps__steps__item { display: inline-block; width: calc( (100% - 70px ) / 6 ); margin-right: 14px; text-align: center; margin-bottom: 10px; } @media screen and (max-width: 767px) { /* line 157, ../../sass/page/_top.scss */ .cms__page-top__steps__steps__item { width: 100%; margin-right: 0; text-align: left; margin-bottom: 0; } } /* line 169, ../../sass/page/_top.scss */ .cms__page-top__steps__steps__item:last-child { margin-right: 0; } /* line 172, ../../sass/page/_top.scss */ .cms__page-top__steps__steps__item__heading { color: #fff; font-weight: bold; font-size: 18px; font-size: 1.8rem; padding: 0 0 20px; line-height: 1.3; } @media screen and (max-width: 767px) { /* line 172, ../../sass/page/_top.scss */ .cms__page-top__steps__steps__item__heading { background-color: #0d8a19; padding: 10px 20px; position: relative; border-bottom: 1px solid #fff; } } /* line 184, ../../sass/page/_top.scss */ .cms__page-top__steps__steps__item__heading span { font-size: 25px; font-size: 2.5rem; } @media screen and (max-width: 767px) { /* line 184, ../../sass/page/_top.scss */ .cms__page-top__steps__steps__item__heading span { margin-right: 1em; font-size: 23px; font-size: 2.3rem; } } /* line 191, ../../sass/page/_top.scss */ .cms__page-top__steps__steps__item__heading a { color: #fff; } @media screen and (max-width: 767px) { /* line 194, ../../sass/page/_top.scss */ .cms__page-top__steps__steps__item__heading::before { content: ''; width: 22px; height: 22px; display: inline-block; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; background: url(../images/icon_step_plus.png) no-repeat; background-size: contain; } } @media screen and (max-width: 767px) { /* line 209, ../../sass/page/_top.scss */ .cms__page-top__steps__steps__item__heading--open::before { background: url(../images/icon_step_minus.png) no-repeat; } } @media screen and (max-width: 767px) { /* line 215, ../../sass/page/_top.scss */ .cms__page-top__steps__steps__item__icon { display: none; } } /* line 228, ../../sass/page/_top.scss */ .cms__page-top__steps__sub-cats__item { border-bottom: 1px solid #fff; padding: 5px 0; text-align: left; line-height: 1.4; } @media screen and (max-width: 767px) { /* line 228, ../../sass/page/_top.scss */ .cms__page-top__steps__sub-cats__item { padding: 20px; border-bottom: 1px solid #0d8a19; position: relative; } } /* line 238, ../../sass/page/_top.scss */ .cms__page-top__steps__sub-cats__item a { font-size: 12px; font-size: 1.2rem; color: #fff; } @media screen and (max-width: 767px) { /* line 238, ../../sass/page/_top.scss */ .cms__page-top__steps__sub-cats__item a { color: #000; font-size: 14px; font-size: 1.4rem; } } @media screen and (max-width: 767px) { /* line 247, ../../sass/page/_top.scss */ .cms__page-top__steps__sub-cats__item::before { content: ''; position: absolute; right: 30px; top: 0; bottom: 0; margin: auto; width: 8px; height: 8px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); display: block; } } /* line 266, ../../sass/page/_top.scss */ .cms__page-top__steps__contents { border-bottom: 1px solid #b2b2b2; padding: 40px 20px; text-align: center; } @media screen and (max-width: 767px) { /* line 266, ../../sass/page/_top.scss */ .cms__page-top__steps__contents { border-bottom: 30px solid #f2f2f2; } } /* line 273, ../../sass/page/_top.scss */ .cms__page-top__steps__contents__heading { text-align: center; font-size: 28px; font-size: 2.8rem; font-weight: bold; margin: 0 0 50px; display: inline-block; } @media screen and (max-width: 767px) { /* line 273, ../../sass/page/_top.scss */ .cms__page-top__steps__contents__heading { font-size: 20px; font-size: 2rem; display: block; text-align: left; } } /* line 285, ../../sass/page/_top.scss */ .cms__page-top__steps__contents__heading span { font-size: 22px; font-size: 2.2rem; } @media screen and (max-width: 767px) { /* line 285, ../../sass/page/_top.scss */ .cms__page-top__steps__contents__heading span { font-size: 16px; font-size: 1.6rem; } } /* line 308, ../../sass/page/_top.scss */ .cms__page-top__steps__contents:last-child { border-bottom: 0; } /* line 311, ../../sass/page/_top.scss */ .cms__page-top__steps__panels { max-width: 904px; margin: 0 auto; display: flex; flex-flow: row wrap; align-items: stretch; } @media screen and (max-width: 767px) { /* line 311, ../../sass/page/_top.scss */ .cms__page-top__steps__panels { display: block; } } /* line 368, ../../sass/page/_top.scss */ .cms__p-sns-share__innner { max-width: 808px; margin: 15px auto; display: flex; flex-flow: row wrap; align-items: stretch; } @media screen and (max-width: 767px) { /* line 368, ../../sass/page/_top.scss */ .cms__p-sns-share__innner { margin: 10px 16px 40px; } } /* line 382, ../../sass/page/_top.scss */ .cms__p-pickup__heading { background-color: #0d8a19; padding: 10px; text-align: center; margin: 65px 0 35px; } /* line 387, ../../sass/page/_top.scss */ .cms__p-pickup__heading span { display: inline-block; position: relative; color: #fff; font-weight: bold; font-size: 22px; font-size: 2.2rem; padding: 0 0 0 40px; } @media screen and (max-width: 767px) { /* line 387, ../../sass/page/_top.scss */ .cms__p-pickup__heading span { font-size: 16px; font-size: 1.6rem; } } /* line 398, ../../sass/page/_top.scss */ .cms__p-pickup__heading span::before { content: ''; background: url(../images/icon_crown02.png); width: 30px; height: 25px; background-size: contain; background-repeat: no-repeat; display: inline-block; position: absolute; left: 0; top: 0; margin: auto; } /* line 419, ../../sass/page/_top.scss */ .cms__c-list--post { max-width: 924px; margin: 0 auto 20px; display: flex; flex-flow: row wrap; align-items: stretch; } @media screen and (max-width: 767px) { /* line 419, ../../sass/page/_top.scss */ .cms__c-list--post { padding: 0 20px; } } @media screen and (min-width: 768px) { /* line 428, ../../sass/page/_top.scss */ .cms__c-list--post--sidebar { margin-left: 10px; } } /* line 437, ../../sass/page/_top.scss */ .cms__p-recommend__heading { border-top: solid 1px #0d8a19; border-bottom: solid 1px #0d8a19; padding: 10px; text-align: center; margin: 0 0 35px; } /* line 443, ../../sass/page/_top.scss */ .cms__p-recommend__heading span { display: inline-block; position: relative; color: #0d8a19; font-weight: bold; font-size: 22px; font-size: 2.2rem; padding: 0 0 0 40px; } @media screen and (max-width: 767px) { /* line 443, ../../sass/page/_top.scss */ .cms__p-recommend__heading span { font-size: 16px; font-size: 1.6rem; } } /* line 454, ../../sass/page/_top.scss */ .cms__p-recommend__heading span::before { content: ''; background: url(../images/icon_star02.png); width: 25px; height: 25px; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background-size: contain; background-repeat: no-repeat; } /* line 474, ../../sass/page/_top.scss */ .cms__p-sns-official { background-color: #f7f7f7; padding: 15px 10px; text-align: center; } /* line 479, ../../sass/page/_top.scss */ .cms__p-sns-official__heading { color: #727171; font-size: 12px; font-size: 1.2rem; padding: 0 0 15px; } /* line 491, ../../sass/page/_top.scss */ .cms__l-header { border-bottom: 4px solid #e8e8e8; padding: 14px 15px 10px 20px; margin: 0 0 10px; } @media screen and (max-width: 767px) { /* line 491, ../../sass/page/_top.scss */ .cms__l-header { padding: 15px 20px; border: 0; } } /* line 499, ../../sass/page/_top.scss */ .cms__l-header--archive__title { font-size: 26px; font-size: 2.6rem; font-weight: bold; max-width: 650px; float: left; } @media screen and (max-width: 767px) { /* line 499, ../../sass/page/_top.scss */ .cms__l-header--archive__title { font-size: 18px; font-size: 1.8rem; } } /* line 508, ../../sass/page/_top.scss */ .cms__l-header--single__logo { width: 245px; float: right; } /* line 512, ../../sass/page/_top.scss */ .cms__l-header--single { position: relative; } @media screen and (max-width: 767px) { /* line 512, ../../sass/page/_top.scss */ .cms__l-header--single { padding: 15px 20px 0; margin: 0; } } @media screen and (min-width: 768px) { /* line 519, ../../sass/page/_top.scss */ .cms__l-header--single__category { position: absolute; top: 15px; left: 30px; } } /* line 532, ../../sass/page/_top.scss */ .cms__l-sidebar { width: 245px; float: right; margin: 0 15px 15px 30px; } @media screen and (max-width: 767px) { /* line 532, ../../sass/page/_top.scss */ .cms__l-sidebar { width: auto; margin: 0; } } /* line 542, ../../sass/page/_top.scss */ .cms__l-sidebar .cms__p-pickup__heading { padding: 8px; margin: 0 0 30px; } /* line 545, ../../sass/page/_top.scss */ .cms__l-sidebar .cms__p-pickup__heading span { font-size: 14px; font-size: 1.4rem; padding: 0 0 0 30px; } /* line 549, ../../sass/page/_top.scss */ .cms__l-sidebar .cms__p-pickup__heading span::before { width: 20px; height: 17px; left: 0; } /* line 557, ../../sass/page/_top.scss */ .cms__l-sidebar .cms__p-recommend__heading { padding: 8px; border: 1px solid #0d8a19; } @media screen and (max-width: 767px) { /* line 557, ../../sass/page/_top.scss */ .cms__l-sidebar .cms__p-recommend__heading { border-top: 1px solid #0d8a19; border-bottom: 1px solid #0d8a19; border-left: none; border-right: none; } } /* line 566, ../../sass/page/_top.scss */ .cms__l-sidebar .cms__p-recommend__heading span { font-size: 14px; font-size: 1.4rem; padding: 0 0 0 30px; } /* line 570, ../../sass/page/_top.scss */ .cms__l-sidebar .cms__p-recommend__heading span::before { width: 17px; height: 17px; left: 0; } /* line 579, ../../sass/page/_top.scss */ .cms__l-main { max-width: 640px; float: left; margin: 0 0 15px 30px; } @media screen and (max-width: 767px) { /* line 579, ../../sass/page/_top.scss */ .cms__l-main { width: auto; float: none; margin: 0 0 30px; } } /* line 591, ../../sass/page/_top.scss */ .cms__c-box { padding: 20px 20px 25px; } @media screen and (max-width: 767px) { /* line 591, ../../sass/page/_top.scss */ .cms__c-box { padding: 20px; } } /* line 596, ../../sass/page/_top.scss */ .cms__c-box--bg { background-color: #f5f5f5; padding: 20px 30px; margin: 0 0 30px; font-size: 15px; font-size: 1.5rem; } /* line 606, ../../sass/page/_top.scss */ .cms__page--archive__related { margin: 65px 0 40px; } /* line 608, ../../sass/page/_top.scss */ .cms__page--archive__related__title { background: #0d8a19; font-size: 14px; font-size: 1.4rem; font-weight: bold; color: #fff; padding: 8px; text-align: center; } @media screen and (max-width: 767px) { /* line 608, ../../sass/page/_top.scss */ .cms__page--archive__related__title { font-size: 20px; font-size: 2rem; padding: 20px 10px; } } /* line 620, ../../sass/page/_top.scss */ .cms__page--archive__related__items { width: 100%; border: 1px solid #0d8a19; box-sizing: border-box; border-collapse: collapse; } @media screen and (max-width: 767px) { /* line 620, ../../sass/page/_top.scss */ .cms__page--archive__related__items { border: none; } } /* line 629, ../../sass/page/_top.scss */ .cms__page--archive__related__item { box-sizing: border-box; position: relative; border: 1px solid #0d8a19; width: 50%; } @media screen and (max-width: 767px) { /* line 629, ../../sass/page/_top.scss */ .cms__page--archive__related__item { border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #0d8a19; display: block; width: auto; } } /* line 642, ../../sass/page/_top.scss */ .cms__page--archive__related__item a { font-size: 16px; font-size: 1.6rem; padding: 10px 20px; display: block; color: #000; } @media screen and (max-width: 767px) { /* line 642, ../../sass/page/_top.scss */ .cms__page--archive__related__item a { padding: 20px; } } /* line 652, ../../sass/page/_top.scss */ .cms__page--archive__related__item::before { content: ''; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; width: 8px; height: 8px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); display: block; } /* line 669, ../../sass/page/_top.scss */ .cms__c-label--title { font-size: 26px; font-size: 2.6rem; font-weight: bold; margin: 0 0 20px; } @media screen and (max-width: 767px) { /* line 669, ../../sass/page/_top.scss */ .cms__c-label--title { font-size: 21px; font-size: 2.1rem; padding: 0 20px; } } /* line 678, ../../sass/page/_top.scss */ .cms__c-label--date { margin: 0 0 10px; font-size: 10px; font-size: 1rem; } @media screen and (max-width: 767px) { /* line 678, ../../sass/page/_top.scss */ .cms__c-label--date { padding: 0 20px; } } @media screen and (max-width: 767px) { /* line 685, ../../sass/page/_top.scss */ .cms__page--single__tags { padding: 0 20px; } } /* line 690, ../../sass/page/_top.scss */ .cms__page--single__abstract { background-color: #f5f5f5; padding: 20px 30px; margin: 0 0 30px; font-size: 14px; font-size: 1.4rem; } @media screen and (max-width: 767px) { /* line 690, ../../sass/page/_top.scss */ .cms__page--single__abstract { padding: 30px 20px; } } /* line 699, ../../sass/page/_top.scss */ .cms__page--single__service { text-align: center; } @media screen and (max-width: 767px) { /* line 699, ../../sass/page/_top.scss */ .cms__page--single__service { padding: 20px; } } /* line 705, ../../sass/page/_top.scss */ .cms__page--single__toc { padding: 18px 20px 30px; border: 1px solid #0d8a19; margin: 0 0 40px; } @media screen and (max-width: 767px) { /* line 705, ../../sass/page/_top.scss */ .cms__page--single__toc { margin: 0 20px 40px; } } /* line 712, ../../sass/page/_top.scss */ .cms__page--single__toc__heading { font-size: 16px; font-size: 1.6rem; font-weight: bold; padding-left: 12px; border-left: 5px solid #0d8a19; margin: 0 0 15px; } /* line 720, ../../sass/page/_top.scss */ .cms__page--single__toc__list li { padding-left: 20px; position: relative; font-size: 14px; font-size: 1.4rem; } @media screen and (max-width: 767px) { /* line 720, ../../sass/page/_top.scss */ .cms__page--single__toc__list li { margin: 0 0 1em; } } /* line 727, ../../sass/page/_top.scss */ .cms__page--single__toc__list li a { color: #336699; } /* line 731, ../../sass/page/_top.scss */ .cms__page--single__toc__list li::before { content: "・"; width: 1em; height: 1em; display: inline-block; position: absolute; top: 0; left: 0; } /* line 742, ../../sass/page/_top.scss */ .cms__page--single__section { padding: 0 20px; } /* line 744, ../../sass/page/_top.scss */ .cms__page--single__section__heading { font-size: 21px; font-size: 2.1rem; font-weight: bold; margin: 0 0 20px; border-bottom: 4px solid #0d8a19; padding-bottom: 7px; } @media screen and (max-width: 767px) { /* line 744, ../../sass/page/_top.scss */ .cms__page--single__section__heading { font-size: 21px; font-size: 2.1rem; } } /* line 754, ../../sass/page/_top.scss */ .cms__page--single__section__section__heading { font-size: 18px; font-size: 1.8rem; color: #666666; font-weight: bold; padding-left: 18px; border-left: 5px solid #0d8a19; margin: 0 0 30px; } /* line 762, ../../sass/page/_top.scss */ .cms__page--single__section img { display: block; margin: 30px auto; } /* line 766, ../../sass/page/_top.scss */ .cms__page--single__section p { line-height: 30px; } /* line 769, ../../sass/page/_top.scss */ .cms__page--single__section strong { font-weight: bold; } /* line 772, ../../sass/page/_top.scss */ .cms__page--single__section em { background: rgba(239, 227, 17, 0.2); } /* line 775, ../../sass/page/_top.scss */ .cms__page--single__section__contents { margin: 0 0 30px; } /* line 777, ../../sass/page/_top.scss */ .cms__page--single__section__contents h3 { font-size: 18px; font-size: 1.8rem; font-weight: bold; color: #666666; padding-left: 12px; border-left: 5px solid #0d8a19; margin: 0 0 30px; } /* line 787, ../../sass/page/_top.scss */ .cms__page--single__related { border: 1px solid #336699; padding: 20px 18px; margin: 0 0 40px; } /* line 791, ../../sass/page/_top.scss */ .cms__page--single__related__title { font-size: 14px; font-size: 1.4rem; } @media screen and (max-width: 767px) { /* line 791, ../../sass/page/_top.scss */ .cms__page--single__related__title { margin: 0 0 1em; } } /* line 797, ../../sass/page/_top.scss */ .cms__page--single__related___item { font-size: 14px; font-size: 1.4rem; } @media screen and (max-width: 767px) { /* line 797, ../../sass/page/_top.scss */ .cms__page--single__related___item { margin: 0 0 0.8em; } } /* line 802, ../../sass/page/_top.scss */ .cms__page--single__related___item a { color: #336699; } /* line 807, ../../sass/page/_top.scss */ .cms__p-pagination { display: flex; flex-flow: row wrap; align-items: stretch; margin: 0 0 5px; } /* line 813, ../../sass/page/_top.scss */ .cms__p-line { margin: 50px 0; background: url(../images/dashed_gray.png) repeat-x; height: 4px; } @media screen and (max-width: 767px) { /* line 813, ../../sass/page/_top.scss */ .cms__p-line { margin: 30px 0; background: url(../images/dashed_gray_sp.png) repeat-x; } } /* line 822, ../../sass/page/_top.scss */ .cms__page--single__writer { width: 100%; } /* line 824, ../../sass/page/_top.scss */ .cms__page--single__writer__image { width: 120px; display: inline-block; float: left; } @media screen and (max-width: 767px) { /* line 824, ../../sass/page/_top.scss */ .cms__page--single__writer__image { width: 25%; } } /* line 832, ../../sass/page/_top.scss */ .cms__page--single__writer__wrapper { width: calc( 100% - 120px ); display: inline-block; padding-left: 15px; } @media screen and (max-width: 767px) { /* line 832, ../../sass/page/_top.scss */ .cms__page--single__writer__wrapper { width: calc( 100% - 25% ); } } /* line 840, ../../sass/page/_top.scss */ .cms__page--single__writer__name { font-size: 15px; font-size: 1.5rem; font-weight: bold; } /* line 844, ../../sass/page/_top.scss */ .cms__page--single__writer__more { font-size: 14px; font-size: 1.4rem; color: #019be5; text-align: right; } /* line 850, ../../sass/page/_top.scss */ .cms__c-link { border: 1px solid #000; padding: 12px; font-size: 15px; font-size: 1.5rem; font-weight: bold; text-align: center; } /* line 857, ../../sass/page/_top.scss */ .cms__c-link a { color: #000; display: block; } /* line 860, ../../sass/page/_top.scss */ .cms__c-link a span { vertical-align: bottom; } @media screen and (max-width: 767px) { /* line 860, ../../sass/page/_top.scss */ .cms__c-link a span { display: block; margin: 0 0 10px; } } /* line 869, ../../sass/page/_top.scss */ .cms__p-pagination { text-align: center; margin-bottom: 50px; } /* line 872, ../../sass/page/_top.scss */ .cms__p-pagination .pagination { margin: auto; } /* line 875, ../../sass/page/_top.scss */ .cms__p-pagination .pager { display: none; } /* line 878, ../../sass/page/_top.scss */ .cms__p-pagination .current { display: inline-block; min-width: 32px; min-height: 35px; padding: 5px; background-color: #0d8a19; color: #fff; border-radius: 2px; margin: 0 2px 5px; } /* line 888, ../../sass/page/_top.scss */ .cms__p-pagination .page { display: inline-block; color: #000; min-width: 32px; min-height: 35px; padding: 5px; border-radius: 2px; margin: 0 2px 5px; border: 1px solid #edf0ed; border-bottom: 3px solid #edf0ed; } .c-button span.cms__button__text { display: inline-block; position: relative; width: auto; } @media screen and (min-width: 768px) { .c-button span.cms__button__text { font-size: 15px; } } @media screen and (max-width: 767px) { .c-button span.cms__button__text { font-size: 13px; line-height: 1.4; } .c-button span.cms__button__text .cms__button__text--large{ font-size: 16px; } } @media screen and (max-width: 350px) { .c-button span.cms__button__text { font-size: 11px; } .c-button span.cms__button__text .cms__button__text--large{ font-size: 15px; } } .cms__header-button--login{ border-radius: 3px; width: 160px; height: 40px; text-align: center; font-size: 15px; font-weight: 700; display: inline-block; vertical-align: middle; } .cms__header-button--login__inner{ display: flex; align-items: center; justify-content: center; height: 40px; gap: 7px; } .cms__header-button--login__text{ display: inline-block; position: relative; width: auto; font-size: 12px; line-height: 1.4; } @media screen and (max-width: 350px) { .cms__header-button--login__text{ font-size: 11px; } } .c-header-button__tag.cms__header-button__tag{ color: #ce721c; font-weight: 700; } @media screen and (min-width: 768px) { .c-button .c-button__tag.cms__u-for-sp { display: none!important; } } @media screen and (max-width: 767px) { .c-button .c-button__tag.cms__u-for-pc { display: none!important; } .c-button .c-button__tag.cms__u-for-sp { top: -1px!important; margin-left: 3px; } }