img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} .is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter {float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter {float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} :root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,#0693e3 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,#fcb900 0%,#ff6900 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,#ff6900 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px #fff,6px 6px #000;--wp--preset--shadow--crisp:6px 6px 0px #000}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex>:is(*,div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid>:is(*,div){margin:0}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}.has-black-color{color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-color{color:var(--wp--preset--color--white) !important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important}.has-black-background-color{background-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-background-color{background-color:var(--wp--preset--color--white) !important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important}.has-black-border-color{border-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-border-color{border-color:var(--wp--preset--color--white) !important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important} /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} .wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 .hidden-fields-container { display: none; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; /* Blue */ } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; /* Green */ } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; /* Red */ } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; /* Orange */ } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; /* Yellow */ } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; /* Red */ font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; /* Dark Gray 800 */ opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; /* Light Gray 100 */ top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; } @charset "UTF-8"; /* Theme Name:Bloom Theme URI: Description:WordPressテーマ「Bloom」 Author:Design Plus Author URI:http://design-plus1.com/tcd-w/ Version:2.1 */ /** * Reset */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, 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; outline: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; } section { display: block; } audio, canvas, video { display: inline-block; max-width: 100%; } html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } ul, ol { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a:focus { outline: none; } ins { text-decoration: none; } mark { font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; width: 100%; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } button, input, select, textarea { outline: 0; font-size: 100%; } input, textarea { -webkit-appearance: none; border-radius: 0; } input[type="checkbox"] { -webkit-appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } img { -ms-interpolation-mode: bicubic; } /* clearfix */ .clearfix:after { content: "."; display: block; clear: both; height: 0; font-size: 0.1em; line-height: 0; visibility: hidden; overflow: hidden; } .clearfix { display: inline-block; } /* exlude MacIE5 \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* end MacIE5 */ /** * Base */ body { background: linear-gradient(to right, #e0eafc, #fff0f5); color: #333; font-size: 16px; line-height: 1; min-width: 1280px; overflow-x: hidden; position:relative; -webkit-font-smoothing: antialiased; } a { color: #333; text-decoration: none; } b, strong { font-weight: 700; } big { font-size: larger; } small { font-size: 80%; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } i, cite, em, var, address, dfn { font-style: italic; } tt, code, kbd, samp { font-family: monospace; } u, ins { text-decoration: underline; } img { vertical-align: bottom; } a, input, p-button, .p-article__title { -webkit-transition-property: background-color, color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; -moz-transition-property: background-color, color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; -ms-transition-property: background-color, color; -ms-transition-duration: 0.2s; -ms-transition-timing-function: ease; -o-transition-property: background-color, color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: background-color, color; transition-duration: 0.2s; transition-timing-function: ease; } /** * web fonts　ウェブフォントファイルを変更した場合はv=1.0の数字を変更（キャッシュ対策） */ @font-face { font-family: "design_plus"; src: url(//radio-chronicle.com/podcast/00/wp-content/themes/bloom_tcd053/fonts/design_plus.eot?v=1.0); src: url(//radio-chronicle.com/podcast/00/wp-content/themes/bloom_tcd053/fonts/design_plus.eot?v=1.0#iefix) format("embedded-opentype"), url(//radio-chronicle.com/podcast/00/wp-content/themes/bloom_tcd053/fonts/design_plus.woff?v=1.0) format("woff"), url(//radio-chronicle.com/podcast/00/wp-content/themes/bloom_tcd053/fonts/design_plus.ttf?v=1.0) format("truetype"), url(//radio-chronicle.com/podcast/00/wp-content/themes/bloom_tcd053/fonts/design_plus.svg?v=1.0#design_plus) format("svg"); font-weight: normal; font-style: normal; } /** * keyframes */ /* fadeIn */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } /* loading-anime */ @-webkit-keyframes loading-anime { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading-anime { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* headerSlideDown */ @-webkit-keyframes headerSlideDown { 0% { top: -70px; } 100% { top: 0; } } @keyframes headerSlideDown { 0% { top: -70px; } 100% { top: 0; } } @-webkit-keyframes headerSlideDown2 { 0% { top: -38px; } 100% { top: 32px; } } @keyframes headerSlideDown2 { 0% { top: -38px; } 100% { top: 32px; } } @-webkit-keyframes headerSlideDown3 { 0% { top: -24px; } 100% { top: 46px; } } @keyframes headerSlideDown3 { 0% { top: -24px; } 100% { top: 46px; } } /** * Layout */ /* Header */ .l-header { position: relative; width: 100%; z-index: 999; } .l-header.is-header-fixed { padding-top: 59px; } .l-header__bar { border-bottom: 1px solid #ddd; line-height: 58px; min-height: 59px; position: relative; width: 100%; z-index: 998; } @media only screen and (min-width: 1201px) { body.l-header__fix .is-header-fixed .l-header__bar { min-width: 1280px; width: 100%; position: fixed; top: 0; left: 0; -webkit-animation: headerSlideDown 0.5s ease; animation: headerSlideDown 0.5s ease; } } .l-header__logo { padding-left:10px } .l-header__logo a {} .l-header__logo img { vertical-align: middle; } .l-header__logo--pc { margin-top: 10px; margin-bottom: 20px; } .l-header__logo--mobile { display: none; } /* Footer */ .l-footer { margin-top: 100px; } /* Inner */ .l-inner { margin-left: auto; margin-right: auto; position: relative; width: 90%; max-width: 1170px; } /* main */ .l-main {} /* 2 columns */ .l-primary { float: left; width:820px; width: -webkit-calc(100% - 350px); width: -moz-calc(100% - 350px); width: calc(100% - 350px); } .l-secondary { float: right; width:300px; } /* adminbar */ body.admin-bar { padding-top: 32px; } body.admin-bar.l-header__fix .is-header-fixed .l-header__bar, body.admin-bar.l-header__fix--mobile .is-header-fixed .l-header__bar { top: 32px; -webkit-animation: headerSlideDown2 0.5s ease; animation: headerSlideDown2 0.5s ease; } @media only screen and (max-width:782px) { body.admin-bar { padding-top: 46px; } body.admin-bar.l-header__fix .is-header-fixed .l-header__bar, body.admin-bar.l-header__fix--mobile .is-header-fixed .l-header__bar { top: 46px; -webkit-animation: headerSlideDown3 0.5s ease; animation: headerSlideDown3 0.5s ease; } } @media only screen and (max-width:600px) { body.admin-bar.l-header__fix .is-header-fixed .l-header__bar, body.admin-bar.l-header__fix--mobile .is-header-fixed .l-header__bar { top: 0; -webkit-animation: headerSlideDown 0.5s ease; animation: headerSlideDown 0.5s ease; } } /** * Component */ /* Load */ @-webkit-keyframes loading-circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading-circle { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loading-square-base { 0% { bottom: 10px; opacity: 0; } 5%, 50% { bottom: 0; opacity: 1; } 55%, 100% { bottom: -10px; opacity: 0; } } @keyframes loading-square-base { 0% { bottom: 10px; opacity: 0; } 5%, 50% { bottom: 0; opacity: 1; } 55%, 100% { bottom: -10px; opacity: 0; } } @-webkit-keyframes loading-dots-fadein { 100% { opacity: 1; } } @keyframes loading-dots-fadein { 100% { opacity: 1; } } @-webkit-keyframes loading-dots-first-dot { 100% { -webkit-transform: translate(1em); transform: translate(1em); opacity: 1; } } @keyframes loading-dots-first-dot { 100% { -webkit-transform: translate(1em); transform: translate(1em); opacity: 1; } } @-webkit-keyframes loading-dots-middle-dots { 100% { -webkit-transform: translate(1em); transform: translate(1em); } } @keyframes loading-dots-middle-dots { 100% { -webkit-transform: translate(1em); transform: translate(1em); } } @-webkit-keyframes loading-dots-last-dot { 100% { -webkit-transform: translate(2em); transform: translate(2em); opacity: 0; } } @keyframes loading-dots-last-dot { 100% { -webkit-transform: translate(2em); transform: translate(2em); opacity: 0; } } #site-wrap { display: none; } #site_loader_overlay { background: #fff; opacity: 1; position: fixed; bottom: 0; left: 0; right:0; top: 0; width: 100%; height: 100%; z-index: 99999; } /* type1 */ .c-load--type1 { width: 48px; height: 48px; font-size: 16px; text-indent: -9999em; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border-radius: 50%; -webkit-animation: loading-circle 1.1s infinite linear; animation: loading-circle 1.1s infinite linear; } /* type2 */ .c-load--type2 { width: 44px; height: 44px; position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: auto; } .c-load--type2::before { position: absolute; bottom: 0; left: 0; display: block; width: 12px; height: 12px; content: ''; animation: loading-square-loader 5.4s linear forwards infinite; } .c-load--type2::after { position: absolute; bottom: 10px; left: 0; display: block; width: 12px; height: 12px; opacity: 0; content: ''; animation: loading-square-base 5.4s linear forwards infinite; } /* type3 */ .c-load--type3 { width: 100%; min-width: 160px; font-size: 16px; text-align: center; position: fixed; top: 50%; left: 0; opacity: 0; -webkit-animation: loading-dots-fadein .5s linear forwards; animation: loading-dots-fadein .5s linear forwards; } .c-load--type3 i { width: .5em; height: .5em; display: inline-block; vertical-align: middle; background: #999; border-radius: 50%; margin: 0 .25em; -webkit-animation: loading-dots-middle-dots .5s linear infinite; animation: loading-dots-middle-dots .5s linear infinite; } .c-load--type3 i:first-child { -webkit-animation: loading-dots-first-dot .5s infinite; animation: loading-dots-first-dot .5s linear infinite; opacity: 0; -webkit-transform: translate(-1em); transform: translate(-1em); } .c-load--type3 i:last-child { -webkit-animation: loading-dots-last-dot .5s linear infinite; animation: loading-dots-last-dot .5s linear infinite; } /* menu button */ .c-menu-button { display: none; position: absolute; top: 0; right: 0; text-align: center; } .c-menu-button::before { content: "\f0c9"; font-family: "design_plus"; font-size: 18px; } .c-sidemenu-button { display: block; position: absolute; top: 0; left: -22px; text-align: center; } .c-sidemenu-button::before { content: "\f0c9"; font-family: "design_plus"; font-size: 18px; } .c-sidemenu-close-button { display: block; position: absolute; top: 0; left: 0; text-align: center; } .c-sidemenu-close-button::before { content: "\e91a"; font-family: "design_plus"; font-size: 18px; } .c-search-button { display: block; position: absolute; top: 0; right: -22px; text-align: center; } .c-search-button::before { content: "\e915"; font-family: "design_plus"; font-size: 18px; } /* breadcrumb */ .c-breadcrumb__item { display: inline; } .c-breadcrumb__item--home a::before { content: "\e90c"; font-family: "design_plus"; } .c-breadcrumb__item--home span { display: none; } /* コメント */ .c-comment { font-size: 16px; margin-bottom: 50px; } .c-comment__tab { margin-bottom: 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .c-comment__tab-item { text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 1; } .c-comment__tab-item.is-active a, .c-comment__tab-item.is-active p { background: #333; border: 0; color: #fff; position: relative; } .c-comment__tab-item.is-active a:after, .c-comment__tab-item.is-active p:after { border-color: #333 transparent transparent transparent; border-style: solid; border-width: 6px; margin: auto; position: absolute; right: 0; bottom: -12px; left: 0; content: ""; width: 0; height: 0; } .c-comment__tab-item a, .c-comment__tab-item p { border: 1px solid #ccc; color: #333; display: block; font-size: 16px; line-height: 180%; padding: 15px; text-decoration: none; width: 100%; } .c-comment__tab-item a:hover { background: #333; color: #fff; } /* コメントの基本部分 */ .c-comment__list-item { border: 1px solid #ccc; color: #777; margin-bottom: 15px; padding: 15px 20px 0; } /* コメント本文 */ .c-comment__item-body p { line-height: 2.4; margin-bottom: 15px; } /* コメントの情報部分 */ .c-comment__item-header { margin-bottom: 10px; position: relative; } .c-comment__item-avatar { float: left; margin-right: 10px; width: 40px; height: 40px; } .c-comment__item-author { display: block; margin-bottom: 10px; padding-top: 3px; } .c-comment__item-author a { text-decoration: underline; } .c-comment__item-date { color: #757676; display: block; font-size: 16px; } .c-comment__item-act { font-size: 16px; margin-top: 5px; padding-left: 10px; position: absolute; top: 0; right: 0; } .c-comment__item-act > li { display: inline; border-right: 1px solid #aaa; margin-right: 6px; padding-right: 10px; } .c-comment__item-act > li:last-child { border-right: 0; margin-right: 0; padding-right: 0; } /* ページナビ */ .c-comment__pager { margin-bottom: 10px; } .c-comment__pager a, .c-comment__pager span { display: inline; float: left; margin-right: 10px; } .c-comment__pager span { text-decoration: underline; } /* メッセージ、警告文 */ .c-comment__item-note { background: #d6f4f0; border: 1px solid #94ddd4; color: #33a8e5; display: block; font-size: 16px; margin-bottom: 1em; padding: 10px 15px; } /* トラックバック */ .c-comment__trackback-url { background: #fafafa; font-size: 16px; padding: 10px; } .trackback_time { font-size: 16px; color: #757676; margin: 0 0 7px 0px; } .trackback_title { margin: 2px 0 8px 0; margin: 0 0 10px 0px; line-height: 160%; } /* コメントフォーム */ .c-comment__form-wrapper { border: 1px solid #ccc; margin: 0 0 20px; padding: 15px; } .c-comment__cancel { color: #666; font-size: 16px; margin-bottom: 1em; } .c-comment__cancel a { color: #666; } .c-comment__cancel a:before { content: "\e910"; font-family: "design_plus"; display: inline-block; } .c-comment__form-login { color: #666; font-size: 16px; } .c-comment__form-login a { color: #666; } .c-comment__input { margin-bottom: 12px; text-align: left; } .c-comment__input input { border: 1px solid #ccc; color: #777; padding-top: 5px; padding-bottom: 5px; width: 100%; } .c-comment__input textarea { border: 1px solid #ccc; color: #777; font-size: 16px; overflow: auto; margin-top: 15px; width: 100%; height: 150px; } .c-comment__label-text { color: #666; display: block; font-size: 16px; margin-bottom: 5px; } .c-comment__form-submit { background: #aaa; border: none; color: #fff; cursor: pointer; display: block; font-size: 16px; margin: 15px auto 0; width: 200px; height: 50px; -webkit-transition: background-color 200ms ease-in-out; -moz-transition: background-color 200ms ease-in-out; -ms-transition: background-color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out; } .c-comment__form-hidden { display: none; } /* パスワード保護 */ .c-comment__password-protected { background: #333; border-radius: 5px; color: #fff; margin: 0 0 30px; padding: 10px 20px; text-align: center; } .c-comment__password-protected p { font-size: 16px; line-height: 1.6; } /* meta box */ .c-meta-box { background: #fafafa; font-size: 16px; padding: 22px 20px; } .c-meta-box__item { border-right: 1px solid #ddd; float: left; margin-right: 15px; padding-left: 20px; padding-right: 15px; position: relative; } .c-meta-box__item:last-child { border-right: none; } .c-meta-box__item::before { color: #aaa; font-family: "design_plus"; position: absolute; left: 0; } .c-meta-box__item--author::before { content: "\e90d"; } .c-meta-box__item--category::before { content: "\e92f"; } .c-meta-box__item--tag::before { content: "\e935"; } .c-meta-box__item--comment::before { content: "\e916"; } /* entry nav */ .c-entry-nav { border-collapse: collapse; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .c-entry-nav__item { border-top: 1px solid #ddd; font-size: 14px; line-height: 1.7; position: relative; width: 50%; height: 100px; flex: 1; } .c-entry-nav__item a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; height: 100%; padding: 0 70px; } .c-entry-nav__item a span { display: block; max-height: 100%; overflow: hidden; } .c-entry-nav__item--empty { border-top: none; } .c-entry-nav__item--prev { border-right: 1px solid #ddd; } .c-entry-nav__item--empty + .c-entry-nav__item--next { border-left: 1px solid #ddd; } .c-entry-nav__item--prev a::before, .c-entry-nav__item--next a::after { content: ""; display: block; font-family: "design_plus"; line-height: 1; margin: auto; position: absolute; top: 0; bottom: 0; width: 1em; height: 1em; } .c-entry-nav__item--prev a::before { content: "\e90f"; left: 3px; text-align: left; width: 1em; height: 1em; } .c-entry-nav__item--next a::after { content: "\e910"; right: 3px; text-align: right; } /* pw */ .c-pw { margin-bottom: 40px; } .c-pw__desc { line-height: 2.5; } .c-pw__desc p { line-height: 2.5; margin-bottom: 16px; } .c-pw__btn { color: #fff; display: inline-block; padding: 13px 20px; font-size: 16px; text-align: center; line-height: 1; background: #999; } .c-pw__btn:hover { background: #333; color: #fff; } .c-pw__btn--register { background: #999; color: #fff !important; display: inline-block; font-size: 16px; height: 50px; line-height: 50px; min-width: 200px; padding: 0 25px; position: relative; min-width: 160px; margin-bottom: 32px; } .c-pw__btn--register::after { content: '\e910'; font-family: 'design_plus'; position: relative; right: -4px; } .c-pw__btn--submit { min-width: 100px; border: 0; cursor: pointer; } .c-pw .c-pw__btn:hover { text-decoration: none; } .c-pw__box { border: 1px solid #ddd; background: #f5f5f5; padding: 25px 36px; } .c-pw__box .c-pw__box-desc { line-height: 1.2; margin-bottom: 20px; } .c-pw__box-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; } .c-pw__box-label { margin-right: 14px; } .c-pw__box-input { border: 1px solid #ddd; box-shadow: none; height: 40px; width: 250px; margin-right: 14px; flex: 1; padding: 0 10px; } /* Share */ .c-share__icn { font-family: "design_plus" !important; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .c-share__icn--facebook::before { content: "\e902"; } .c-share__icn--facebook2::before { content: "\e903"; } .c-share__icn--feedly::before { content: "\e907"; } .c-share__icn--google-plus::before { content: "\e900"; } .c-share__icn--google-plus2::before { content: "\e901"; } .c-share__icn--hatebu::before { content: "\e908"; } .c-share__icn--line::before { content: "\e909"; } .c-share__icn--pinterest::before { content: "\e905"; } .c-share__icn--pocket::before { content: "\e90a"; } .c-share__icn--rss::before { content: "\e90b"; } .c-share__icn--rss2::before { content: "\e906"; } .c-share__icn--twitter::before { content: "\e904"; } .c-share--sm { line-height: 25px; min-width: 27px; } .c-share--sm .c-share__btn { margin-right: 5px; } .c-share--sm a { padding: 1px 5px 0; } .c-share--sm .c-share__icn { font-size: 1.3em; position: relative; top: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1); } .c-share--sm .c-share__title { line-height: 20px; margin: 0 3px 0 2px; } .c-share--lg .c-share__btn { margin-right: 1%; margin-bottom: 2px; width: 24%; } @media only screen and (max-width: 767px) { .c-share--lg .c-share__btn { margin-right: 3%; margin-bottom: 3%; width: 47%; } } .c-share--lg .c-share__btn:nth-child(4n) { margin-right: 0; } .c-share--lg .c-share__btn a { padding: 10px 2px; } .c-share--lg .c-share__icn { font-size: 140%; position: relative; top: 3px; } .c-share--lg .c-share__title { margin: 0 3px 0 4px; } .c-share--color a { color: #fff; } .c-share--color a:hover { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); } .c-share--color .c-share__btn--twitter a { background-color: #55acee; } .c-share--color .c-share__btn--twitter a:hover { background-color: #468ec5; } .c-share--color .c-share__btn--facebook a { background-color: #35629a; } .c-share--color .c-share__btn--facebook a:hover { background-color: #1f3669; } .c-share--color .c-share__btn--google-plus a { background-color: #dd4b39; } .c-share--color .c-share__btn--google-plus a:hover { background-color: #b94031; } .c-share--color .c-share__btn--hatebu a { background-color: #3c7dd1; } .c-share--color .c-share__btn--hatebu a:hover { background-color: #0270ac; } .c-share--color .c-share__btn--pocket a { background-color: #ee4056; } .c-share--color .c-share__btn--pocket a:hover { background-color: #c53648; } .c-share--color .c-share__btn--rss a { background-color: #ffb53c; } .c-share--color .c-share__btn--rss a:hover { background-color: #e09900; } .c-share--color .c-share__btn--feedly a { background-color: #6cc655; } .c-share--color .c-share__btn--feedly a:hover { background-color: #5ca449; } .c-share--color .c-share__btn--pinterest a { background-color: #d4121c; } .c-share--color .c-share__btn--pinterest a:hover { background-color: #a42f35; } .c-share--mono a { background: #fafafa; border: 1px solid rgba(0, 0, 0, 0.1); color: #222; } .c-share--mono a:hover { border-color: rgba(255, 255, 255, 0.1); color: #fff; } .c-share--mono .c-share__btn--twitter a:hover { background-color: #55acee; } .c-share--mono .c-share__btn--facebook a:hover { background-color: #35629a; } .c-share--mono .c-share__btn--google-plus a:hover { background-color: #dd4b39; } .c-share--mono .c-share__btn--hatebu a:hover { background-color: #3c7dd1; } .c-share--mono .c-share__btn--pocket a:hover { background-color: #ee4056; } .c-share--mono .c-share__btn--rss a:hover { background-color: #ff8c00; } .c-share--mono .c-share__btn--feedly a:hover { background-color: #6cc655; } .c-share--mono .c-share__btn--pinterest a:hover { background-color: #d4121c; } .c-share__btn { float: left; font-size: 16px; text-align: center; } .c-share__btn a { border-radius: 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03); display: block; } @media only screen and (max-width: 767px) { .c-share--sm .c-share__icn { left: 1px; } .c-share--sm .c-share__title { display: none; } } .c-share--official .c-share__btn { line-height: 1; margin-right: 5px; } .c-share--official .c-share__btn--twitter { width: 74px; } .c-share--official .c-share__btn--facebook:hover { text-decoration: none; } .c-share--official .c-share__btn--google-plus { width: 58px; } .c-share--official .c-share__btn--pocket { width: 88px; } /** * Project */ /* global nav */ .p-global-nav { font-size: 16px; text-align: center; } .p-global-nav > li { display: inline-block; line-height: inherit; } .p-global-nav > li > a { display: inline-block; padding-left: 25px; padding-right: 25px; position: relative; z-index: 100; } .p-global-nav > li:hover > a, .p-global-nav > li.current-menu-item > a, .p-global-nav > li.is-active > a { color: #aaa; } .p-global-nav > li.menu-item-has-children > .sub-menu { margin-top: 1px; top: 75%; left: 0; } .p-global-nav > li.menu-item-has-children:hover > .sub-menu { top: 100%; } .p-global-nav a { display: block; } .p-global-nav .menu-item-has-children { position: relative; } .p-global-nav .menu-item-has-children:hover { z-index: 2; } .p-global-nav .menu-item-has-children:hover > .sub-menu { opacity: 1; top: 0; visibility: visible; } .p-global-nav .sub-menu { line-height: 1.4; visibility: hidden; opacity: 0; position: absolute; top: -25%; left: 100%; z-index: 99; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .p-global-nav .sub-menu a { background: #f7f7f7; padding: 15px 22px; width: 235px; text-align: left; } .p-global-nav .sub-menu a:hover, .p-global-nav .sub-menu .current-menu-item > a { color:#fff; background: #aaa; } .p-global-nav .sub-menu .menu-item-has-children > a { position: relative; } .p-global-nav .sub-menu .menu-item-has-children > a::after { content: "\e910"; font-family: "design_plus"; position: absolute; right: 16px; transition: none; } /* mega menu */ .p-global-nav .menu-megamenu .sub-menu { display: none; } .p-megamenu { display: block; font-size: 16px; opacity: 0; min-width: 1280px; position: absolute; left: 0; top: 39px; visibility: hidden; width:100%; z-index: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } body.l-header__fix .is-header-fixed .p-megamenu { position: fixed; } body.admin-bar.l-header__fix .is-header-fixed .p-megamenu { margin-top: 32px; }@media only screen and (max-width:782px) { body.admin-bar.l-header__fix .is-header-fixed .p-megamenu { margin-top: 46px; } } @media only screen and (max-width:600px) { body.admin-bar.l-header__fix .is-header-fixed .p-megamenu { margin-top: 0; } } .p-megamenu.is-active { opacity: 1; top: 59px; visibility: visible; z-index: 2; } .p-megamenu li { background: #f7f7f7; } .p-megamenu a { display: block; line-height: 1.8; text-align: center; } .p-megamenu a.p-megamenu__hover:hover { color: #fff; background: #aaa; } .p-megamenu .p-megamenu__image img { display: block; height: 100%; object-fit: cover; width: 100%; } .p-megamenu--type2 ul { border-left: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-megamenu--type2 li { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; width: 20%; } .p-megamenu--type2 a { padding: 30px 20px 16px 20px; } .p-megamenu--type2 .p-megamenu__image { height: 135px; margin-bottom: 15px; overflow: hidden; } .p-megamenu--type3 ul { position: relative; } .p-megamenu--type3 li { width: 20%; } .p-megamenu--type3 li > a { padding: 12.5px 8px; } .p-megamenu--type3 ul ul.sub-menu { background: #f7f7f7; border-left: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; opacity: 1; min-height:100%; position: absolute; left:20%; right: 0; top: 0; z-index: 1; } .p-megamenu--type3 .sub-menu li { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; width: 25%; } .p-megamenu--type3 .sub-menu li a { padding: 30px 20px 20px 20px; text-align: left; } .p-megamenu--type3 .sub-menu li .p-megamenu__image { height: 135px; margin-bottom: 10px; overflow: hidden; position: relative; } .p-megamenu--type3 li.is-active > a.p-megamenu__hover { color: #fff; background: #aaa; } .p-megamenu--type3 li.is-active .sub-menu { z-index: 2; } .p-megamenu--type4 ul { border-left: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-megamenu--type4 li { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; height: 50px; position: relative; width: 20%; } .p-megamenu--type4 a { height: 100%; line-height: 1.6; overflow: hidden; width: 100%; } .p-megamenu--type4 a:hover { height: initial; width: initial; position: absolute; bottom: -1px; left: -1px; left: -1px; right: -1px; top: -1px; } .p-megamenu--type4 a span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* menu button */ .p-menu-button, .p-sidemenu-button, .p-search-button { line-height: 58px; width: 58px; height: 58px; } /* header search */ .p-header-search--mobile { display: none !important; } .p-header-search--pc { line-height: 1; position: absolute; bottom: -30px; right: 0; visibility: hidden; opacity: 0; z-index: 98; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .is-header-search-active .p-header-search--pc { opacity: 1; bottom: -45px; visibility: visible; } .p-header-search__input { padding: 0 18px; width: 280px; height: 45px; line-height: 45px; background: #f7f7f7; border: 1px solid #ddd; } .p-header-search__input:placeholder-shown { color: #bababa; } /* breadcrumb */ .p-breadcrumb { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 98px; } .p-breadcrumb__inner { font-size: 16px; height:48px; line-height: 48px; overflow: hidden; } .p-breadcrumb, .p-breadcrumb a { color: #666; } .p-breadcrumb__inner { text-overflow: ellipsis; white-space: nowrap; } .p-breadcrumb__item { display: inline; padding-right: 34px; position: relative; } .p-breadcrumb__item + .p-breadcrumb__item::before { border-left: 1px solid #ddd; content: ""; display: block; height: 50px; position: absolute; top: -18px; left: -19px; } /* page header */ .p-page-header { background-position: center center; background-size: cover; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; margin-bottom: 98px; padding: 30px 0; position: relative; width: 100%; min-height: 150px; } .p-breadcrumb + .p-page-header { margin-top: -98px; } .p-page-header::before { background: rgba(0, 0, 0, 0.5); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .p-page-header__inner { text-align: center; opacity: 0; position: relative; z-index: 2; } .p-page-header__title { color: #fff; font-size: 30px; line-height: 1.2; margin: 0; } .p-page-header__desc { color: #fff; font-size: 16px; line-height: 2; } .p-page-header__title + .p-page-header__desc { margin-top: 0.5em; } .js-initialized .p-page-header__inner { -webkit-animation: fadeIn 1s ease 1s both; animation: fadeIn 1s ease 1s both; } /* copyright */ .p-copyright { border-top: 1px solid #ddd; color: #666; font-size: 16px; height: 58px; line-height: 58px; text-align: center; overflow: hidden; } /* pagetop */ .p-pagetop { display: none; position: fixed; bottom: 0; right: 0; z-index: 90; } .p-pagetop a { background: #333; color: #fff; display: block; height: 58px; line-height: 58px; text-align: center; width: 58px; } .p-pagetop a::after { content: "\e911"; font-family: "design_plus"; font-size: 16px; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } /* float category */ .p-float-category { background: #fff; font-size:16px; line-height: 1.8; margin: -2px 0 0 0; max-width: 100%; min-width: 130px; padding: 0 8px 11px 8px; text-align: center; position: absolute; top: 0; left: 0; z-index: 5; } .p-float-category span { display: inline-block; } /* float native ad */ .p-float-native-ad-label { background: #333; color: #fff; font-size: 16px; line-height: 1.7; margin: 0; max-width: 100%; min-width: 130px; padding: 6px 8px; text-align: center; position: absolute; top: 0; left: 0; z-index: 5; } .p-float-native-ad-label__small { background: #333; color: #fff; font-size: 16px; line-height: 2; height: 2em; margin: 0; max-width: 100%; min-width: initial; overflow: hidden; padding: 0 0.6em; text-align: center; position: absolute; top: 0; left: 0; z-index: 2; } /* article meta */ .p-article__meta { color: #999; font-size: 16px; line-height: 1.8; } .p-article__meta > * { display: inline-block; margin-right: 5px; } .p-article__meta > *:last-child { margin-right: 0; } .p-article__meta > * + *::before { content: "|"; display: inline-block; margin-right: 5px; } /* article views */ .p-article__views::before { content: "\e92b"; display: inline-block; font-family: "design_plus"; font-size: 16px; line-height: 1; margin-right: 5px; vertical-align: text-bottom; } .p-article__meta > * + .p-article__views::before { margin-left: 7px; } /* article author */ .p-article__meta .p-article__authors { float: right; } .p-article__meta > * + .p-article__authors::before { content: ""; margin-right: 0; } .p-article__author + .p-article__author { margin-left: 8px; } .p-article__author-thumbnail { border-radius: 50%; display: inline-block; margin-right: 5px; overflow: hidden; height: 16px; width: 16px; vertical-align: text-bottom; } .p-article__author-thumbnail img { border-radius: 50%; display: block; height: 100%; overflow: hidden; width: 100%; object-fit: cover; margin: 0 !important; opacity: 1 !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; transform: none !important; -webkit-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; transition-property: none !important; } /* article native ad */ .p-article__native-ad-label::before { content: ""; } /* article title */ .p-article__title {} .p-article__title__overlay {} /* blog list */ .p-blog-list__item { margin-bottom: 50px; } .p-blog-list__item a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .p-blog-list__item-rank { background: #fff; color: #333; display: block; height: 50px; line-height: 50px; min-width: 50px; padding: 0 5px; text-align: center; position: absolute; left: 0; top: 0; z-index: 3; } .p-blog-list__item-thumbnail { overflow: hidden; position: relative; width: 30.4136%; } .p-blog-list__item-thumbnail_inner { padding-top: 100%; } .p-blog-list__item-thumbnail_inner img { display:block; height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; } .p-blog-list__item-info { width: 64.4768%; } .p-blog-list__item-title { font-size: 22px; line-height: 1.4; margin: 10px 0; } .p-blog-list__item-excerpt { line-height: 2; } .p-blog-list-large__item { margin-bottom: 50px; position: relative; } .p-blog-list-large__item:nth-child(odd) { clear: both; float:left; width: 50%; } .p-blog-list-large__item:nth-child(even) { float:right; width: 50%; } .p-blog-list-large__item-thumbnail { overflow: hidden; padding-top: 68.75%; position: relative; } .p-blog-list-large__item-thumbnail img { display:block; height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; } .p-blog-list-large__item-overlay { background: rgba(0, 0, 0, 0.4); height: 100%; opacity: 0; width: 100%; position: absolute; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .p-blog-list-large__item-overlay__inner { color: #fff; text-align: center; padding: 20px; width: 100%; } .p-blog-list-large__item a:hover .p-blog-list-large__item-overlay { opacity: 1; } .p-blog-list-large__item-overlay .p-blog-list-large__item-title { font-size: 18px; line-height: 1.4; } .p-blog-list-large__item-overlay .p-blog-list-large__item-date, .p-blog-list-large__item-overlay .p-article__views { display: inline-block; font-size: 16px; margin: 6px 4px 0; } .p-blog-list-large__item-overlay .p-article__views::before { color: inherit; } @media only screen and (min-width: 767px) { .p-blog-list-large__item-thumbnail img { opacity: 1 !important; } } /* header blog */ .p-header-blog__item { overflow: hidden; margin: 0 10px; opacity: 0; position: relative; } .p-header-blog__item:nth-child(n+2) { display: none; } .slick-initialized .p-header-blog__item { display: block !important; opacity: 1; } .p-header-blog__item a { display: block; } .p-header-blog__item-thumbnail { overflow: hidden; padding-top: 68.75%; position: relative; width: 100%; } .p-header-blog__item-thumbnail img { display:block; height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; } .p-header-blog__item-overlay { background: rgba(0, 0, 0, 0.4); height: 100%; opacity: 0; width: 100%; position: absolute; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .p-header-blog__item-overlay__inner { color: #fff; text-align: center; padding: 20px; width: 100%; } .p-header-blog__item a:hover .p-header-blog__item-overlay { opacity: 1; } .p-header-blog__item-overlay .p-header-blog__item-title { font-size: 24px; line-height: 1.48; } .p-header-blog__item-overlay .p-header-blog__item-date, .p-header-blog__item-overlay .p-article__views, .p-header-blog__item-overlay .p-article__author { display: inline-block; font-size: 12px; margin: 8px 4px 0; } .p-header-blog__item-overlay .p-article__views::before { color: inherit; } @media only screen and (min-width: 992px) { .p-header-blog__item-thumbnail img { opacity: 1 !important; } } /* footer blog */ .p-footer-blog { margin-bottom: 100px; } .p-footer-blog__catch { border: 1px solid #ddd; color: #333; font-size: 20px; font-weight: 700; line-height: 1.4; margin-bottom: -1px; padding: 14px 18px; text-align: center; } .p-footer-blog__catch a { color: #333; } .p-footer-blog__item { float: left; overflow: hidden; position: relative; width: 33.3333%; } .p-footer-blog__item a { display: block; } .p-footer-blog__item-thumbnail { overflow: hidden; padding-top: 69.5%; position: relative; width: 100%; } .p-footer-blog__item-thumbnail img { display:block; height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; } .p-footer-blog__item-overlay { background: rgba(0, 0, 0, 0.4); height: 100%; opacity: 0; width: 100%; position: absolute; left: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .p-footer-blog__item-overlay__inner { color: #fff; text-align: center; padding: 20px 55px; width: 100%; } .p-footer-blog__item a:hover .p-footer-blog__item-overlay { opacity: 1; } .p-footer-blog__item-overlay .p-footer-blog__item-title { font-size: 18px; line-height: 1.4; } .p-footer-blog__item-overlay .p-footer-blog__item-date, .p-footer-blog__item-overlay .p-article__views, .p-footer-blog__item-overlay .p-article__author { display: inline-block; font-size: 16px; margin: 8px 4px 0; } .p-footer-blog__item-overlay .p-article__views::before { color: inherit; } @media only screen and (min-width: 767px) { .p-footer-blog__item-thumbnail img { opacity: 1 !important; } } /* ranking list */ .p-ranking-list__item { margin-bottom: 50px; } .p-ranking-list__item a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .p-ranking-list__item-rank { background: #fff; color: #333; display: block; height: 50px; line-height: 50px; min-width: 50px; padding: 0 5px; text-align: center; position: absolute; left: 0; top: 0; z-index: 3; } .p-ranking-list__item-thumbnail { overflow: hidden; position: relative; width: 30.4136%; } .p-ranking-list__item-thumbnail_inner { padding-top: 100%; } .p-ranking-list__item-thumbnail_inner img { display:block; height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; } .p-ranking-list__item-info { width: 64.4768%; } .p-ranking-list__item-title { font-size: 22px; line-height: 1.4; margin: 10px 0; } .p-ranking-list__item-excerpt { line-height: 2.0; } /* entry */ .p-entry > :last-child { margin-bottom: 0; } .p-entry__title { font-size: 30px; line-height: 1.4; margin-bottom: 50px; } .p-entry__date { color: #666; font-size: 16px; line-height: 1; margin-top: -38px; margin-bottom: 50px; } .p-entry__native-ad { text-align: right; margin-top: -38px; margin-bottom: 50px; } .p-entry__native-ad a { border: 1px solid #ddd; background: #f8f8f8; display: inline-block; line-height: 1.8; min-width: 180px; padding: 4px 16px; text-align: center; } .p-entry__native-ad a::after { content: '\e92a'; font-family: 'design_plus'; padding-left: 0.5em; } .p-entry__thumbnail { position: relative; margin-bottom: 37px; } .p-entry__thumbnail img { display: block; width: 100%; height: auto; } .p-entry__body { color: #666; line-height: 2.4; margin-bottom: 50px; } .p-entry__share { margin-bottom: 27px; } .p-entry__meta { margin-bottom: 50px; } .p-entry__nav { margin-bottom: 50px; } .p-entry__ad { margin-bottom: 50px; text-align: center; } .p-entry__ad-item { display: inline-block; } .p-entry__ad-item + .p-entry__ad-item { margin-left: 50px; } .p-entry__body .p-entry__ad img { max-width: none; width: auto; } .p-entry__next-page { margin-top: 30px; text-align: center; } .p-entry__next-page__link { background: #999; color: #fff !important; display: inline-block; font-size: 16px; height: 50px; line-height: 50px; min-width: 200px; padding: 0 25px; position: relative; } .p-entry__next-page__link::after { content: '\e910'; font-family: 'design_plus'; position: absolute; right: 11px; } .p-entry__next-page__numbers { display: block; font-size: 16px; margin-top: 0.5em; text-align: center; } .p-entry__pickup { border-top: 3px solid #333; margin-bottom: 30px; } .p-entry__pickup__inner { padding-top: 50px; } .p-entry__pickup__inner .p-headline { margin-top: -23px; } .p-entry__pickup-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-entry__pickup-item { width: 30.9%; margin-bottom: 20px; position: relative; } .p-entry__pickup__thumbnail { overflow: hidden; padding-top: 69.5%; position: relative; width: 100%; } .p-entry__pickup__thumbnail img { display:block; height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; } .p-entry__pickup__title { font-size: 16px; line-height: 1.8; margin-top: 0.6em; } .p-entry__pickup__meta { margin-top: 2px; } .p-entry__related { border-top: 3px solid #333; margin-bottom: 50px; } .p-entry__related__inner { border: 1px solid #ddd; border-top: none; padding: 50px 5.961% 30px; } .p-entry__related__inner .p-headline { margin-top: -23px; } .p-entry__related-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-entry__related-item { width: 22.16%; position: relative; margin-bottom: 20px; } .p-entry__related__thumbnail { overflow: hidden; padding-top: 100%; position: relative; width: 100%; } .p-entry__related__thumbnail img { display: block; height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; } .p-entry__related__title { font-size: 16px; line-height: 1.8; margin-top: 0.6em; } .p-entry__related__meta { margin-top: 2px; } /* author */ .p-author { border-top: 3px solid #333; margin-bottom: 50px; padding-top: 27px; } .p-author__box { background: #f6f6f6; padding: 30px; } .p-entry .p-author__box{ margin-bottom: 50px; } .p-entry .p-author__box + .p-author__box { margin-top: -30px; } .p-author__thumbnail { border-radius: 50%; display: block; float: left; margin-left: 5px; overflow: hidden; height: 130px; width: 130px; /* old webkit bug fix */ -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); } .p-author__thumbnail img { display: block; height: 100%; width: 100%; object-fit: cover; } .p-author__info { margin-left: 165px; } .p-author__title { display: inline-block; font-size: 16px; line-height: 1.8; margin-right: 18px; } .p-author__views { color: #999; display: inline-block; font-size: 16px; line-height: 1.8; vertical-align:2px; /* 著者名と高さ合わせる*/ } .p-author__views::before { content: "\e92b"; display: inline-block; font-family: "design_plus"; font-size: 16px; line-height: 1; margin-right: 5px; vertical-align: text-bottom; } .p-author__desc { color: #666; line-height: 2; margin-top: 10px; } .p-author__desc p + p { margin-top: 12px; } .p-author__info .p-social-nav { float: left; margin-top: 20px; font-size:12px; } .p-author__link { float: right; padding: 10px; margin: 10px -10px -10px 0; } .p-author__link::after { content: "\e910"; font-family: "design_plus"; padding-left: 5px; } .p-author__bottom { clear: left; } .p-author__blog-list { border-top: 3px solid #333; margin-bottom: 30px; } .p-author__blog-list__inner { padding-top: 50px; } .p-author__blog-list__inner .p-headline { margin-top: -23px; } .p-author__blog-list__items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } .p-author__blog-list__item { width: 30.9%; margin-bottom: 20px; position: relative; } .p-author__blog-list__thumbnail { overflow: hidden; padding-top: 69.5%; position: relative; width: 100%; } .p-author__blog-list__thumbnail img { display:block; height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; } .p-author__blog-list__title { font-size: 16px; line-height: 1.8; margin-top: 0.6em; } .p-author__blog-list__meta { margin-top: 2px; } /* headline */ .p-headline { font-size: 16px; line-height: 1.7; margin-bottom: 30px; text-align: center; } /* button */ .p-button { background: #333; color: #fff; display: inline-block; height: 50px; line-height: 50px; min-width: 200px; overflow: hidden; padding: 0 15px; text-align: center; } /* footer cta */ .p-footer-cta { background-position: center center; background-size: cover; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; overflow: hidden; padding: 8.2758% 0; position: relative; text-align: center; } .p-footer-cta__inner { background: rgba(255, 255, 255, 0.8); max-width: 1170px; padding: 45px 60px; } .p-footer-cta__catch { font-size: 21px; line-height: 1.5; } .p-footer-cta__desc { font-size: 16px; line-height: 2; } .p-footer-cta__desc p { margin-bottom: 2em; } .p-footer-cta__desc p:last-child { margin-bottom: 0; } .p-footer-cta__btn { color: #fff; font-size: 16px; display: inline-block; min-width: 200px; height: 50px; line-height: 50px; padding: 0 25px; overflow: hidden; position: relative; } .p-footer-cta__btn:after { content: "\e910"; font-family: "design_plus"; position: absolute; right: 11px; } .p-footer-cta__inner .p-footer-cta__catch + * { margin-top: 14px; } .p-footer-cta__inner .p-footer-cta__desc + * { margin-top: 23px; } /* hover effect */ .p-hover-effect--type1 { overflow: hidden; } .p-hover-effect--type1 img { -webkit-transform: scale(1); -webkit-transition-duration: 0.75s; transform: scale(1); transition-duration: 0.75s; vertical-align: middle; } .p-hover-effect--type2 { overflow: hidden; } .p-hover-effect--type2 img { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-property: margin, opacity; -webkit-transition-duration: 0.5s; transition-property: margin, opacity; transition-duration: 0.5s; } .p-hover-effect--type3 img { -webkit-transition-property: opacity; transition-duration: 0.5s; -webkit-transition-property: opacity; transition-duration: 0.5s; } .p-hover-effect--type3:hover img { opacity: 0.5; } .p-hover-effect--type3 .p-hover-effect__image { background: #fff; } /* index slider */ .p-index-slider { margin-bottom: 100px; } .p-index-slider__item { overflow: hidden; margin: 0 10px; opacity: 0; position: relative; } .p-index-slider__item:nth-child(n+2) { display: none; } .slick-initialized .p-index-slider__item { display: block !important; opacity: 1; } .p-index-slider__item-overlay { height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: 2; } .p-index-slider__item-image { display: block !important; overflow: hidden; padding-top: 68.75%; position: relative; } a.p-index-slider__item-image::after { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 4; } .p-index-slider__item-image img { display:block; height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; z-index: 1; } .p-index-slider__item-content { color: #fff; max-height: 100%; padding: 30px 30px; text-align: center; width: 100%; position: absolute; left: 0; top: 50%; z-index: 3; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .p-index-slider__item-catch { color: #fff; font-size: 32px; line-height: 1.2; } .p-index-slider__item-desc { color: #fff; font-size: 16px; line-height: 1.48; } .p-index-slider__item-content > * + * { margin-top: 20px; } .p-index-slider__item-content > * + .p-index-slider__item-desc { margin-top: 1em; } /* header video, header youtube */ .p-header-video, .p-header-youtube { background: #333; margin-bottom: 100px; overflow:hidden; padding-top: 56.25%; position: relative; width: 100%; } .p-header-video__video, .p-header-youtube__video { height: 100%; width: 100%; position: absolute !important; left: 0; top: 0; z-index: 1; } .p-header--mobile { position: relative; width: 100%; } .p-header--mobile img { display:block; width: 100%; height: auto; } .p-header-video__overlay { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: 2; } .p-header-video__caption { max-height: 100%; text-align: center; } .p-header-video__caption > * + * { margin-top: 30px; } .p-header-video__caption .p-header-video__caption-catch + .p-header-video__caption-desc { margin-top: 1em; } .p-header-video__caption-catch { font-size: 32px; line-height: 1.4; } .p-header-video__caption-desc { font-size: 16px; line-height: 2; } /* header caption transition */ .p-index-slider__item-content > *, .p-header-video__caption > * { opacity: 0; -webkit-transition: opacity 0.75s ease; -moz-transition: opacity 0.75s ease; -ms-transition: opacity 0.75s ease; -o-transition: opacity 0.75s ease; transition: opacity 0.75s ease; } .js-initialized .slick-active .p-index-slider__item-content > *, .js-initialized .p-header-video__caption > * { opacity: 1; } .js-initialized .slick-active .p-index-slider__item-content > :nth-child(1), .js-initialized .p-header--mobile .p-header-video__caption > :nth-child(1) { -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; } .js-initialized .slick-active .p-index-slider__item-content > :nth-child(2), .js-initialized .p-header--mobile .p-header-video__caption > :nth-child(2) { -webkit-transition-delay: 2s; -moz-transition-delay: 2s; -ms-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; } .js-initialized .slick-active .p-index-slider__item-content > :nth-child(3), .js-initialized .p-header--mobile .p-header-video__caption > :nth-child(3) { -webkit-transition-delay: 3s; -moz-transition-delay: 3s; -ms-transition-delay: 3s; -o-transition-delay: 3s; transition-delay: 3s; } .js-initialized .p-header-video__caption > :nth-child(1) { -webkit-transition-delay: 3s; -moz-transition-delay: 3s; -ms-transition-delay: 3s; -o-transition-delay: 3s; transition-delay: 3s; } .js-initialized .p-header-video__caption > :nth-child(2) { -webkit-transition-delay: 4.5s; -moz-transition-delay: 4.5s; -ms-transition-delay: 4.5s; -o-transition-delay: 4.5s; transition-delay: 4.5s; } .js-initialized .p-header-video__caption > :nth-child(3) { -webkit-transition-delay: 6s; -moz-transition-delay: 6s; -ms-transition-delay: 6s; -o-transition-delay: 6s; transition-delay: 6s; } /* index-tab */ .p-index-tab { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 50px; } .p-index-tab__item { border-bottom: 1px solid #ddd; height: 61px; line-height: 60px; overflow: hidden; text-align: center; width: 100%; -webkit-transition: border-color 0.5s ease; -moz-transition: border-color 0.5s ease; -ms-transition: border-color 0.5s ease; -o-transition: border-color 0.5s ease; transition: border-color 0.5s ease; } .p-index-tab__item + .p-index-tab__item { border-left: 1px solid #ddd; } .p-index-tab__item.is-active, .p-index-tab__item:hover { border-bottom: 3px solid #333; } .p-index-tab__link { display: block; padding: 0 5px; } .p-index-tab-content { display: none; } .p-index-tab-content.is-active { display: block; } .p-index-tab-content .p-blog-list__item:last-child { margin-bottom: 0; } .p-index-tab-content .p-pager { margin-top: 50px; } /* page-links */ .p-page-links { font-size: 16px; } .p-page-links a, .p-page-links > span { border: 1px solid #999; color: #999; display: inline-block; line-height: 40px; text-align: center; min-width: 40px; height: 40px; } .p-page-links a:hover { background: #999; color: #fff !important; } .p-page-links > span { background: #999; color: #fff; } .p-page-links .p-page-links__title { background: transparent; border: none; color: #999; text-align: left; width: auto; height: auto; } /* pager */ .p-pager__item { display: inline-block; font-size: 16px; vertical-align: text-bottom; } .p-pager__item a, .p-pager__item span { border: 1px solid #ccc; color: #333; display: inline-block; line-height: 40px; text-align: center; min-width: 40px; height: 40px; } .p-pager__item a:hover, .p-pager__item .current { background: #ccc; /*color: #000 !important;*/color: #fff; } .p-pager__item .prev, .p-pager__item .next { font-family: "design_plus"; font-size: 16px; } /* social nav */ .p-social-nav__item { display: inline-block; margin-right: 16px; } .p-social-nav__item:last-child { margin-right: 0; } .p-social-nav__item a::before { font-family: "design_plus"; } .p-social-nav__item--instagram a::before { content: "\ea92"; } .p-social-nav__item--twitter a::before { content: "\e904"; } .p-social-nav__item--pinterest a::before { content: "\e905"; } .p-social-nav__item--facebook a::before { content: "\e902"; } .p-social-nav__item--youtube a::before { content: "\ea9e"; } .p-social-nav__item--contact a::before { content: "\f003"; } .p-social-nav__item--url a::before { content: "\f0ac"; } .p-social-nav__item--rss a::before { content: "\e90b"; } /* widget */ .p-widget { margin-bottom: 50px; font-size: 16px; line-height: 1.8; } /* widget title */ .p-widget__title { border-top: 3px solid #333; font-size: 16px; font-weight: 400; line-height: 1.2; margin-bottom: 30px; padding-top: 30px; text-align: center; } /* default widget */ .p-widget li a { display: inline-block; padding: 0.4em 0; } .p-widget ul ul { padding-left: 0.75em; } .p-widget > ul:first-of-type, .p-widget div > ul:first-of-type { margin-top: -0.4em; } .p-widget > ul:last-of-type, .p-widget div > ul:last-of-type { margin-bottom: -0.4em; } .p-widget img { display: block; height: auto; max-width: 100%; } .p-widget input { background: none transparent; border: 1px solid #ccc; border-radius: 0; } .p-widget select { background: none transparent; border: 1px solid #ddd; border-radius: 0; height: 45px; line-height: 45px; margin: 0; padding: 0 17px 0 19px; width: 100%; } .p-widget .screen-reader-text { display: none; } .p-widget .calendar_wrap caption { margin-bottom: 20px; } .p-widget .calendar_wrap tbody { line-height: 1.8; margin-bottom: 20px; text-align: center; } .p-widget .calendar_wrap tfoot { line-height: 1.8; } .p-widget .searchform { position: relative; } .p-widget .searchform #s { background: #eee; border: 1px solid #ccc; border-right: none; border-radius: 0; box-shadow: 0 0 3px #ccc inset; height: 45px; line-height: 45px; padding: 0 10px; width: -webkit-calc(100% - 45px); width: calc(100% - 45px); } .p-widget .searchform #searchsubmit { background: none transparent; color: #333; cursor: pointer; font-size: 0; position: absolute; top: 0; right: 0; width: 45px; height: 45px; z-index: 2; } .p-widget .searchform::after { background: #333; color: #fff; content:'\e915'; cursor: pointer; font-family: "design_plus"; font-size: 16px; text-align: center; position: absolute; top: 0; right: 0; width: 45px; height: 45px; line-height: 45px; z-index: 1; } /* widget ad */ .tcdw_ad_widget img { margin: 0 auto; } /* widget categories */ .p-widget-categories { border: 1px solid #ddd; border-top: none; margin: 0; padding: 0; } .p-widget-categories li { border-top: 1px solid #ddd; margin: 0 !important; } .p-widget-categories li a { display: block; font-weight: 400; padding: 12px 32px; text-align: center; text-decoration: none; } .p-widget-categories li a:hover { background: #f7f7f7; } .p-widget-categories .has-children { position: relative; } .p-widget-categories .has-children .toggle-children { cursor: pointer; display:block; line-height: 48px; padding-right: 15px; position: absolute; top: 0; right: 0; -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; } .p-widget-categories .has-children .toggle-children::before { content: '\e90e'; font-family: "design_plus"; font-size: 16px; opacity: 0.7; } .p-widget-categories .has-children.is-active > .toggle-children { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } .p-widget-categories .children { background: #f7f7f7; display: none; padding-left: 0 !important; } .p-widget-categories .children .children { background: #f0f0f0; } .p-widget-categories .children .children .children { background: #e9e9e9; } .p-widget-categories .children a:hover { background: rgba(170, 170, 170, 0.05); } /* widget dropdown */ .p-widget-dropdown { height: 45px; line-height: 45px; position: relative; } .p-widget-dropdown::after { color: #666; content: "\e90e"; font-family: "design_plus"; position: absolute; top: 0; right: 17px; z-index: 1; } .p-widget-dropdown select { padding-right:33px; position: relative; z-index: 2; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .p-widget-dropdown select::-ms-expand { display: none; } .p-dropdown { font-size: 16px; } .p-dropdown__title { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; height: 50px; padding: 0 18px; border: 1px solid #ddd; background: #fff; line-height: 50px; } .p-dropdown__title::after { position: absolute; right: 17px; font-family: "design_plus"; content: "\e90e"; } .p-dropdown__title:hover { cursor: pointer; } .p-dropdown__title.is-active::after { content: "\e911"; } .p-dropdown__list { display: none; } .p-widget .p-dropdown .p-dropdown__list { margin: 0; } .p-dropdown__list li { border: 1px solid #ddd; border-top: 0; line-height: 1.5; } .p-dropdown__list li a { display: block; padding: 14px 18px; } .p-dropdown__list li a:hover { background: #f6f6f6; color: #333; } /* widget list */ .p-widget-list { font-size: 16px !important; margin: 0 !important; } .p-widget-list__item-thumbnail { overflow: hidden; position: relative; } .p-widget-list__item-thumbnail img { display: block; width: 100%; height: 100%; object-fit: cover; } .p-widget-list__type1 .p-widget-list__item { margin-bottom: 30px; } .p-widget-list__type1 .p-widget-list__item:last-child { margin-bottom: 0; } .p-widget-list__type1 .p-widget-list__item a { display: block; padding: 0 !important; } .p-widget-list__type1 .p-widget-list__item-thumbnail { float: left; height: 100px; width: 100px; } .p-widget-list__type1 .p-widget-list__item-title { font-size: 16px; padding-left: 125px; margin-top: -6px; } .p-widget-list__type1 .p-widget-list__item-meta { padding-left: 125px; line-height: 1.2; margin-top: 6px; } .p-widget-list__type2 .p-widget-list__item { margin-bottom: 26px; position: relative; width: 45%; } .p-widget-list__type2 .p-widget-list__item:nth-child(odd) { clear: both; float: left; } .p-widget-list__type2 .p-widget-list__item:nth-child(even) { float: right; } .p-widget-list__type2 .p-widget-list__item:nth-last-child(-n+2) { margin-bottom: 0; } .p-widget-list__type2 .p-widget-list__item a { display: block; padding: 0; } .p-widget-list__type2 .p-widget-list__item-thumbnail { padding-top: 100%; position: relative; width: 100%; } .p-widget-list__type2 .p-widget-list__item-thumbnail img { height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .p-widget-list__type2 .p-widget-list__item-title { font-size: 16px; line-height: 1.8; margin-top: 10px; } .p-widget-list__type2 .p-float-category, .p-widget-list__type2 .p-float-native-ad-label { min-width: 110px; } .p-widget-list__type3 { margin: -13px 0 !important; } .p-widget-list__type3 .p-widget-list__item a { display: block; padding: 13px 18px 13px 0; position: relative; } .p-widget-list__type3 .p-widget-list__item a::after { color: #666; content: "\e910"; font-family: "design_plus"; margin: auto; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .p-widget-list__type3 .p-widget-list__item a:hover::after { color: inherit; } .p-widget-list__type3 .p-widget-list__item-date { color: #999; display: block; font-size: 16px; } .p-widget-list__ranking .p-widget-list__item { margin-bottom: 30px; position: relative; } .p-widget-list__ranking .p-widget-list__item:last-child { margin-bottom: 0; } .p-widget-list__ranking .p-widget-list__item a { display: block; padding: 0 !important; } .p-widget-list__ranking .p-widget-list__item-rank { background: #fff; color: #333; display: block; height: 35px; line-height: 35px; min-width: 35px; padding: 0 5px; text-align: center; position: absolute; left: 0; top: 0; z-index: 3; } .p-widget-list__ranking .p-widget-list__item-thumbnail { float: left; height: 100px; width: 100px; } .p-widget-list__ranking .p-widget-list__item-title { font-size: 14px; padding-left: 125px; margin-top: -6px; } .p-widget-list__ranking .p-widget-list__item-meta { padding-left: 125px; line-height: 1.2; margin-top: 6px; } .p-widget__ranking-link { font-size: 16px; margin-top: 16px; text-align: right; } .p-widget__ranking-link a:after { content: "\e910"; display: inline-block; margin-left: 6px; font-family: "design_plus"; font-size: 16px; } /* widget search */ .p-widget-search { position: relative; } input.p-widget-search__input { background: #eee; border: 1px solid #ccc; border-right: none; border-radius: 0; box-shadow: 0 0 3px #ccc inset; height: 45px; line-height: 45px; padding: 0 10px; width: -webkit-calc(100% - 45px); width: calc(100% - 45px); } input.p-widget-search__submit { background: #333; color: #fff; cursor: pointer; font-family: "design_plus"; font-size: 16px; position: absolute; top: 0; right: 0; width: 45px; height: 45px; } /* widget site info */ .p-siteinfo { text-align: center; } .p-siteinfo__title { font-size: 16px; font-weight: 400; line-height: 1.2; text-align: left; } .p-siteinfo__image { overflow: hidden; } .p-siteinfo__image img { display: block; height: auto; margin: 0 auto; max-width: 100%; } .p-siteinfo__desc { line-height: 2; margin-bottom: -0.4em; text-align: left; } .p-siteinfo__button { margin-bottom: -0.5em; } .p-siteinfo .p-social-nav { margin: 0 !important; } .p-siteinfo .p-social-nav li a { padding: 0 !important; } .p-siteinfo > * + *, .p-siteinfo > * + .p-social-nav { margin-top: 28px !important; } /* sidebar widget area */ .p-sidebar .p-widget:last-child { margin-bottom: 0; } /* sidemenu widget area */ .p-sidemenu { background: #fff; max-height: 100%; overflow: auto; position: fixed; bottom: 0; top: 0; left: -378px; width: 378px; z-index: 2; } body.l-has-sidemenu.l-sidemenu-active .p-sidemenu { left: 0; } .p-sidemenu-overlay { background: rgba(0, 0, 0, 0.5); height: 100%; height: 100vh; opacity: 0; position: fixed; left: 0; top: 0; visibility: hidden; width: 100%; width: 100vw; z-index: 9999; } .p-sidemenu-close-button { background: rgba(0, 0, 0, 1); color: #fff; height: 59px; line-height: 59px; width: 59px; position: absolute; top: 0; left: 0; } body.l-has-sidemenu.l-sidemenu-active .p-sidemenu-overlay { display: block; opacity: 1; left: 378px; visibility: visible; } .p-sidemenu, .p-sidemenu-overlay { -webkit-transition-property: left, opacity, visibility; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-property: left, opacity, visibility; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease; -ms-transition-property: left, opacity, visibility; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease; -o-transition-property: left, opacity, visibility; -o-transition-duration: 0.3s; -o-transition-timing-function: ease; transition-property: left, opacity, visibility; transition-duration: 0.3s; transition-timing-function: ease; } body.l-has-sidemenu #site_wrap { position: relative; top: 0; left: 0; -webkit-transition: margin 0.3s ease; -moz-transition: margin 0.3s ease; -ms-transition: margin 0.3s ease; -o-transition: margin 0.3s ease; transition: margin 0.3s ease; } body.l-has-sidemenu.l-sidemenu-active #site_wrap { margin-left: 378px; margin-right: -378px; width: 100%; } body.l-has-sidemenu.l-header__fix .is-header-fixed .l-header__bar { -webkit-transition: margin 0.3s ease; -moz-transition: margin 0.3s ease; -ms-transition: margin 0.3s ease; -o-transition: margin 0.3s ease; transition: margin 0.3s ease; } body.l-has-sidemenu.l-sidemenu-active.l-header__fix .is-header-fixed .l-header__bar { margin-left: 378px; margin-right: -378px; } body.l-has-sidemenu.admin-bar .p-sidemenu, body.l-has-sidemenu.admin-bar .p-sidemenu-overlay { top: 32px; } body.l-has-sidemenu.l-sidemenu-active.admin-bar #site_wrap { top: 32px; } @media only screen and (max-width:782px) { body.l-has-sidemenu.admin-bar .p-sidemenu, body.l-has-sidemenu.admin-bar .p-sidemenu-overlay { top: 46px; } body.l-has-sidemenu.l-sidemenu-active.admin-bar #site_wrap { top: 46px; } } @media only screen and (max-width:600px) { body.l-has-sidemenu.admin-bar .p-sidemenu, body.l-has-sidemenu.admin-bar .p-sidemenu-overlay { top: 0; } body.l-has-sidemenu.l-sidemenu-active.admin-bar #site_wrap { top: 0; } } /* sidemenu widget area */ .p-sidemenu .p-widget { margin: 50px 40px; } .p-sidemenu .p-siteinfo__image { margin: -50px -40px 36px; } .p-sidemenu .p-siteinfo__image img { width: 100%; } /* footer widget area */ .p-footer-widget-area { color: #666; border-top: 1px solid #ddd; margin-bottom: -1px; } .p-footer-cta + .p-footer-widget-area { border-top: none; } .p-footer-widget-area a { color: #666;line-height: 1;font-size: 16px; } .p-footer-widget-area .p-footer-widget-area__inner { display: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; overflow: hidden; position: relative; } /* footer widget */ .p-footer-widget-area .p-widget { padding: 80px 4.2% 75px; margin: 0; width: 33.3333%; } .p-footer-widget-area .p-widget.p-footer-widget__left { padding-left: 0; } .p-footer-widget-area .p-widget.p-footer-widget__right { padding-right: 0; } .p-footer-widget-area .p-widget.p-footer-widget__border-left { border-left: 1px solid #ddd; } .p-footer-widget-area .p-widget.p-footer-widget__border-bottom { position: relative; } .p-footer-widget-area .p-widget.p-footer-widget__border-bottom::after { border-bottom: 1px solid #ddd; content: ''; display: block; position: absolute; bottom: 0; left: -32767px; right: -32767px; } .p-footer-widget-area .p-widget__title { border-top: none; color: #333; font-weight: 600; margin-bottom: 18px; padding-top: 0; text-align: left; } .p-footer-widget-area .p-widget ul { font-size: 16px; } .p-footer-widget-area .p-widget.widget_nav_menu { padding-right: 0; width: 16.6667%; } .p-footer-widget-area .p-widget.widget_nav_menu-neighbor { padding-left: 2%; } .p-footer-widget-area .p-siteinfo { font-size: 16px; text-align: left; } .p-footer-widget-area .p-siteinfo__logo img { margin: 0; } .p-footer-widget-area .p-siteinfo .p-logo { color: #333; } .p-footer-widget-area .p-siteinfo .p-social-nav li a { color: #333; } /* footer widget area default */ .p-footer-widget-area__default { color: #666; border-top: 1px solid #ddd; margin-bottom: -1px; } .p-footer-cta + .p-footer-widget-area__default { border-top: none; } .p-footer-widget-area__default a { color: #666; } .p-footer-widget-area__default .p-widget { padding: 50px 0; margin: 0; } .p-footer-widget-area__default .p-widget ul { font-size: 16px; } .p-footer-widget-area__default .p-siteinfo { font-size: 16px; text-align: center; } .p-footer-widget-area__default .p-siteinfo__title, .p-footer-widget-area__default .p-siteinfo__desc { text-align: center; } .p-footer-widget-area__default .p-siteinfo__logo img { margin: 0 auto; } .p-footer-widget-area__default .p-siteinfo .p-logo { color: #333; } .p-footer-widget-area__default .p-siteinfo .p-social-nav li a { color: #333; } /** * wordpress preset style */ /* alignment */ .p-entry__body .alignright { float: right; } .p-entry__body .alignleft { float: left; } .p-entry__body .aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 7px; } .p-entry__body blockquote.alignleft, .p-entry__body img.alignleft { margin: 7px 24px 7px 0; } .p-entry__body .wp-caption.alignleft { margin: 7px 14px 7px 0; } .p-entry__body blockquote.alignright, .p-entry__body img.alignright { margin: 7px 0 7px 24px; } .p-entry__body .wp-caption.alignright { margin: 7px 0 7px 14px; } .p-entry__body blockquote.aligncenter, .p-entry__body img.aligncenter, .p-entry__body .wp-caption.aligncenter { margin-top: 7px; margin-bottom: 7px; } /* text and headline */ .p-entry__body p { font-size: 16px; line-height: 2.4; margin-bottom: 30.4px; } .p-entry__body h1, .p-entry__body h2, .p-entry__body h3, .p-entry__body h4, .p-entry__body h5, .p-entry__body h6 { clear: both; line-height: 1.4; margin-bottom: 24.2px; } .p-entry__body h2 { font-size: 30px; } .p-entry__body h3 { font-size: 130%; } .p-entry__body h4 { font-size: 120%; } .p-entry__body h5 { font-size: 110%; } .p-entry__body h6 { font-size: 100%; } /* image */ .p-entry__body img[class*="align"], .p-entry__body img[class*="wp-image-"], .p-entry__body img[class*="attachment-"], .p-entry__body .size-full, .p-entry__body .size-large, .p-entry__body .wp-post-image, .p-entry__body img { max-width: 100%; height: auto; } /* list */ .p-entry__body li, .p-entry__body dt, .p-entry__body dd { line-height: 2.2; } .p-entry__body ul, .p-entry__body ol, .p-entry__body dl { margin-bottom: 24px; } .p-entry__body ol { list-style: decimal outside none; margin-left: 1.5em; } .p-entry__body ul { list-style: circle outside none; margin-left: 1.3em; } .p-entry__body li > ul, .p-entry__body li > ol { margin-bottom: 0; } .p-entry__body dt { font-weight: bold; } .p-entry__body dd { margin-bottom: 1em; } /* table */ .p-entry__body table { margin: 0 0 24px 0; } .p-entry__body td, .p-entry__body th { border: 1px solid #ddd; padding: 10px 15px 7px; line-height: 2.2; background: #fff; font-size: 16px; } .p-entry__body th { background: #fafafa; font-weight: normal; } /* table style */ .table_no_border th, .table_no_border td { border: none; padding-left: 0; } .table_border_horizontal th, .table_border_horizontal td { border-left: none; border-right: none; padding-left: 0; } /* block quote */ .p-entry__body blockquote { margin: 0 0 25px 0; padding: 27px 30px 0; border: 1px solid #ccc; box-shadow: 0px 4px 0px 0px #f2f2f2; position: relative; } .p-entry__body blockquote:before { content: '"'; font-style: italic; font-size: 30px; font-weight: normal; line-height: 40px; width: 30px; height: 30px; position: absolute; top: 5px; left: 10px; color: #5cbcd7; } .p-entry__body blockquote:after { content: '"'; font-style: italic; font-size: 30px; font-weight: normal; text-align: left; line-height: 60px; width: 30px; height: 30px; position: absolute; bottom: 7px; right: -2px; color: #5cbcd7; } .p-entry__body blockquote cite { border-top: 1px dotted #aaa; display: block; padding: 20px 0 0 0; font-style: italic; text-align: right; font-size: 90%; } /* captions */ .p-entry__body .wp-caption { margin-bottom: 24px; background: #fff; border: 1px solid #ccc; padding: 5px; max-width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .p-entry__body .wp-caption-text { text-align: center; font-size: 16px; font-style: italic; line-height: 1.5; margin: 9px auto; } .p-entry__body .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } /* gallery */ .gallery { margin-bottom: 20px; } .gallery a img { border: 0 !important; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-10 .gallery-item { max-width: 7%; max-width: -webkit-calc(9.4% - 0px); max-width: calc(9.4% - 0px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n), .gallery-columns-10 .gallery-item:nth-of-type(10n) { margin-right: 0; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); color: #fff; font-size: 16px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .gallery-columns-10 .gallery-caption { display: none; } /* etc */ .p-entry__body .wp-smiley { border: 0; margin-bottom: 0; margin-top: 0; padding: 0; } .p-entry__body address { margin: 0 0 24px 0; line-height: 2.2; } .p-entry__body pre { border-left: 5px solid #7fc120; font-size: 16px; margin: 0 0 27px 0; line-height: 25px; background: url() repeat left top; padding: 0 17px; overflow: auto; } .p-entry__body .mejs-container { margin: 12px 0 25px; } /** * Utility */ /* clearfix */ .u-clearfix::after { clear: both; content: " "; display: table; } /* float */ .u-left { float: left; } .u-right { float: right; } .u-center { float: none; margin-left: auto; margin-right: auto; text-align: center; } /* hidden */ .u-hidden { display: none; } .u-visible-lg { display: none; } .u-visible-sm { display: none; } .u-visible-xs { display: none; } /* overflow */ .u-overflow-hidden { overflow: hidden; } /* slick */ .slick-slider { overflow: hidden; } .slick-loading .slick-list { background: #fff url(//radio-chronicle.com/podcast/00/wp-content/themes/bloom_tcd053/img/ajax-loader.gif) center center no-repeat; } .slick-arrow { background: #fff; border: none; color: #333; cursor: pointer; font-family: 'design_plus'; font-size: 16px; height: 50px; line-height: 50px; margin-top: -25px; opacity: 0; overflow: hidden; padding: 0; text-align: center; width: 50px; position: absolute; top: 50%; z-index: 2; -webkit-transition: opacity, top; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-property: opacity, top; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease; -ms-transition-property: opacity, top; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease; -o-transition-property: opacity, top; -o-transition-duration: 0.3s; -o-transition-timing-function: ease; transition-property: opacity, top; transition-duration: 0.3s; transition-timing-function: ease; } .slick-prev { left: 0; } .slick-next { right: -0.5px; } .slick-slider:hover .slick-arrow { opacity: 0.7; } .slick-arrow:hover { opacity: 1; } .slick-dots { display: block; list-style: none; margin: 0; padding: 0; text-align: center; width: 100%; position: absolute; bottom: 16px; z-index: 2; -webkit-transition: bottom, top; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-property: bottom, top; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease; -ms-transition-property: bottom, top; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease; -o-transition-property: bottom, top; -o-transition-duration: 0.3s; -o-transition-timing-function: ease; transition-property: bottom, top; transition-duration: 0.3s; transition-timing-function: ease; } .slick-dots li { display: inline-block; margin: 0 4px; width: 12px; height: 12px; } .slick-dots li button { background: #fff; border: 1px solid #ccc; border-radius: 7px; color: transparent; cursor: pointer; opacity: 0.7; overflow: hidden; padding: 0; width: 12px; height: 12px; -webkit-transition-property: background-color, opacity; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; -moz-transition-property: background-color, opacity; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; -ms-transition-property: background-color, opacity; -ms-transition-duration: 0.2s; -ms-transition-timing-function: ease; -o-transition-property: background-color, opacity; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; transition-property: background-color, opacity; transition-duration: 0.2s; transition-timing-function: ease; } .slick-dots li.slick-active button { opacity: 1; } .slick-dots li:hover button { opacity: 0.9; } .slick-dots li.slick-active button, .slick-dots li:hover button { background-color: #333; border-color: #333; } /* Column layout - カラムレイアウト */ .post_row { line-height: 2; margin-left: -15px; margin-right: -15px; } .post_row:before, .post_row:after { content: " "; display: table; } .post_row:after { clear: both; } .post_col, .post_col-2, .post_col-3 { float: left; margin-bottom: 2em; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; width: 100%; } @media only screen and (min-width: 768px) { .post_col-2 { width: 50%; } .post_col-3 { width: 33.33333%; } } /* headline - 見出しのスタイル */ .style3a, .style3b, .style4a, .style4b, .style5a, .style5b, .style6 { line-height: 1.6; } .style3a { border-top: 1px solid #222; border-bottom: 1px solid #222; font-size: 22px; font-weight: 400; margin: 3em 0 1.5em; padding: 1.1em .2em 1em; } .style3b { background: #fafafa; border-top: 2px solid #222; border-bottom: 1px solid #ddd; box-shadow: 0px 1px 2px #f7f7f7; font-size: 22px; font-weight: 400; margin: 3em 0 1.5em; padding: 1.1em .9em 1em; } .style4a { border-bottom: none; border-left: 2px solid #222; font-size: 18px; font-weight: 400; margin: 2.5em 2px 1.2em; padding: .3em 0 .3em .8em; } .style4b { border-bottom: 1px dotted #aaa; font-size: 18px; font-weight: 400; margin: 2.5em 0 1.2em; padding: .9em 0 .8em; } .style5a { background: #f5f5f5; box-shadow: 0px 2px 0px 0px #f2f2f2; font-size: 18px; font-weight: 700; margin: 2em 0 1em; padding: .5em .8em .3em 1em; } .style5b { background: #222; border-radius: 4px; box-shadow: 0px 2px 0px 0px #f2f2f2; color: #fff; font-size: 18px; font-weight: 400; margin: 2em 0 1em; padding: .5em .8em .4em 1em; } .style6 { color: #222; font-size: 16px; font-weight: bold; margin: 2em 0 1em; padding: .5em .8em .8em 1.3em; position: relative; } .style6:before { background: #222; content: ""; position: absolute; top: .5em; left: .2em; width: 12px; height: 12px; } .news_headline1 { border-left: 8px solid #444; font-size: 1.2em; line-height: 1.2; margin: 80px 0 25px 0; padding: .5em; position: relative; } .news_headline1:after { border-bottom: 1px dotted #ddd; content: ""; position: absolute; bottom: 0px; left: 0; width: 100%; height: 0; } .news_headline2 { border-left: 6px solid #545454; font-size: 1.1em; line-height: 26px; margin: 40px 0 20px 0; padding: 0 .5em; } .balloon { background: #222; border-bottom: 0; clear: both; color: #fff; display: block; font-size: 20px; font-weight: 400; margin: 50px 0 22px; min-width: 115px; padding: .5em 18px .5em; position: relative; text-align: left; width: auto; z-index: 0; } .balloon:after { border-color: #222 transparent transparent transparent; border-style: solid; border-width: 10px 10px 0 10px; bottom: -10px; content: ""; display: block; margin-left: -10px; position: absolute; left: 30px; width: 0px; height: 0px; } /* flame - 囲み枠 */ .well { background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; margin-bottom: 20px; min-height: 20px; padding: 19px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well2 { margin: 1em 0 30px; padding: 1em 1.5em; line-height: 2; border: 1px solid #cdcdcd; background: #fcfcfc; box-shadow: 0 1px 3px 0 rgba(195, 195, 195, 0.3); } .well3 { margin: 2em 0 2.5em; padding: 1em 1.5em; line-height: 2.0; border: 1px dashed #cdcdcd; background: #fcfcfc; box-shadow: 0 1px 3px 0 rgba(195, 195, 195, 0.3); } .wl_red { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .wl_yellow { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .wl_blue { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .wl_green { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } /* button - CSSボタンのスタイル */ .q_button { background-color: #535353; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); color: #fff !important; display: inline-block; font-size: 100%; font-weight: 400; min-width: 200px; margin: 0; max-width: 90%; padding: .6em 1.3em .5em; transition: all 0.3s ease-in-out 0s; text-decoration: none; text-align: center; vertical-align: middle; } .q_button:hover, .q_button:focus { background-color: #7d7d7d; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset; color: #fff; text-decoration: none; } /* Button option */ .rounded { border-radius: 6px; } .pill { border-radius: 50px; } .sz_full { display: block; font-size: 110%; max-width: 100%; min-width: 100px; padding: 1em 1.5em .9em; } .sz_l { font-size: 110%; max-width: 90%; min-width: 350px; padding: .8em 1.5em .7em; } @media only screen and (max-width: 767px) { .sz_l { max-width: 100%; min-width: 0; width: 100%; } } .sz_s { min-width: 100px; max-width: 90%; font-size: 85%; padding: .4em 1em .3em; } .bt_red { background: #c01f0e; color: #fff; } .bt_red:hover, .bt_red:focus { background-color: #d33929; color: #fff; } .bt_yellow { background: #f1c40f; color: #fff; } .bt_yellow:hover, .bt_yellow:focus { background-color: #f9d441; color: #fff; } .bt_blue { background: #2980b9; color: #fff; } .bt_blue:hover, .bt_blue:focus { background-color: #3a91c9; color: #fff; } .bt_green { background: #27ae60; color: #fff; } .bt_green:hover, .bt_green:focus { background-color: #39c574; color: #fff; } /* Youtube responsive - Youtube動画のレスポンシブ表示 */ .ytube { position: relative; height: 0; margin-top: 20px; margin-bottom: 20px; padding-bottom: 56.25%; padding-top: 30px; overflow: hidden; } .ytube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } /* Table responsive - テーブルのレスポンシブ表示 */ .rps_table { line-height: 2.0; } @media only screen and (max-width: 480px) { .rps_table tr { display: block; margin-bottom: 1.5em; } .rps_table th, .rps_table td { display: list-item; list-style-type: none; border: none; } } /* Cardlink style - カードリンクのスタイル */ .cardlink { padding: 12px; margin: 10px 0; border: 1px solid #ddd; word-wrap: break-word; max-width: 100%; background: #fafafa; } .cardlink_thumbnail { float: left; margin-right: 20px; width:120px; } .cardlink_content { line-height: 1.6; } .cardlink_timestamp { display: inline; margin: 0; padding: 0; vertical-align: top; color: #222; line-height: 1.6; font-size: 16px; } .cardlink_title { font-size: 16px; margin: 0 0 5px; } .cardlink_title { color: red; } .cardlink_title br { display: none; } .cardlink_title a { font-weight: bold; color: #000; text-decoration: none; } .cardlink_title a:hover { text-decoration: underline; } .cardlink_excerpt { color: #333; font-size: 12px; overflow: hidden; line-height: 1.8; } .cardlink_footer { clear: both; } .clear { clear: both; } @media only screen and (max-width: 767px) { .cardlink_thumbnail { float: none; } .cardlink_timestamp { line-height: 2.4; vertical-align: middle; } .cardlink_excerpt { float: none; } } /* Contactform - お問い合わせフォーム */ .wpcf7 { background: #fafafa; border: 1px solid #ddd; font-size: 16px; margin: 0 0 2.5em !important; padding: 0; width: 100%; } .wpcf7 form { margin: 1.5em 1.5em 0; } .wpcf7 p { margin-bottom: 1em; font-size: 16px; } .wpcf7 input, .wpcf7 textarea { border: 1px solid #ccc; line-height: 1.2; padding: 8px; width: 100% !important; width: auto; } .wpcf7 select, .wpcf7 input[type=checkbox], .wpcf7 input[type=radio] { border: 1px solid #ccc; max-width: 97%; padding: 8px; width: auto; } .wpcf7 select, .wpcf7 .wpcf7-list-item-label { font-size: 16px; line-height: 1.2; } .wpcf7 .wpcf7-list-item { display: block; } .wpcf7 textarea { height: 300px; } .wpcf7 input:focus, .wpcf7 textarea:focus { border: 1px solid #bbb; box-shadow: inner 0 0 5px rgba(0, 0, 0, 0.5); outline: none; } .wpcf7 .wpcf7-submit { position: relative; display: block; width: 225px; height: 48px; margin: 30px auto 0; background-color: #333333; cursor: pointer; border: none !important; color: #fff; text-align: center; text-decoration: none; font-size: 16px; line-height: 1.5; outline: none; -webkit-transition: all .3s; transition: all .3s; } .wpcf7 .wpcf7-submit:before, .wpcf7 .wpcf7-submit:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .wpcf7 .wpcf7-submit:hover { background-color: #666666; } .wpcf7 .wpcf7-submit .wpcf7-not-valid { background: pink; } .wpcf7 .wpcf7-submit .wpcf7-response-output { margin: 10px 0 0; padding: 8px 35px 8px 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .wpcf7 .wpcf7-submit .wpcf7-validation-errors { color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7; } .wpcf7 .wpcf7-submit .wpcf7-mail-sent-ok { color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1; } /* font-size - フォントサイズ */ .text70 { font-size: 70%; } .text80 { font-size: 80%; } .text90 { font-size: 90%; } .text100 { font-size: 100%; } .text110 { font-size: 110%; } .text120 { font-size: 120%; } .text130 { font-size: 130%; } .text140 { font-size: 140%; } .text150 { font-size: 150%; } .text160 { font-size: 160%; } .text170 { font-size: 170%; } .text180 { font-size: 180%; } .text190 { font-size: 190%; } .text200 { font-size: 200%; } .text210 { font-size: 210%; } .text220 { font-size: 220%; } /* 太字 */ .b { font-weight: 700; } /* 下線 */ .u { text-decoration: underline; } /* 打ち消し線 */ .del { text-decoration: line-through; } /* font-color - フォントカラー */ .red { color: red; } .blue { color: #2ca9e1; } .green { color: #82ae46; } .orange { color: #ff7d00; } .yellow { color: #fff000; } .pink { color: #ff0084; } .gray { color: #999999; } /* background-color - 背景色 */ .bg-blue { background-color: #4ab0f5; padding: 2px; } .bg-red { background-color: red; padding: 2px; } .bg-yellow { background-color: #ff0; padding: 2px; } /* text-align - 配置 */ .align1 { text-align: center !important; } .align2 { text-align: right !important; } .align3 { text-align: left !important; } /* float - 回り込み */ .r-flo { float: right; margin: 10px; } .l-flo { float: left; margin: 10px; } /* 回り込みの解除 */ .f-clear { clear: both; } /* hover - 画像リンクマウスオーバー時の不透明度 */ a img.fade { background: none !important; outline: none; -webkit-transition: all .3s; transition: all .3s; } a:hover img.fade { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; background: none !important; } /* text-style - テキストスタイル */ .att { padding-left: 1em; text-indent: -1em; } .att_box { margin: 2em 0 2.5em; padding: 1em 1.2em; line-height: 2.0; border: 1px dotted #cccccc; background: #fcfcfc; box-shadow: 0px 4px 0px 0px #f7f7f7; } /* margin - 要素の外側の余白 */ .m0 { margin: 0!important; } .mt0 { margin-top: 0!important; } .mr0 { margin-right: 0!important; } .mb0 { margin-bottom: 0!important; } .ml0 { margin-left: 0!important; } .m5 { margin: 5px !important; } .mt5 { margin-top: 5px !important; } .mr5 { margin-right: 5px !important; } .mb5 { margin-bottom: 5px !important; } .ml5 { margin-left: 5px !important; } .m10 { margin: 10px !important; } .mt10 { margin-top: 10px !important; } .mr10 { margin-right: 10px !important; } .mb10 { margin-bottom: 10px !important; } .ml10 { margin-left: 10px !important; } .m15 { margin: 15px !important; } .mt15 { margin-top: 15px !important; } .mr15 { margin-right: 15px !important; } .mb15 { margin-bottom: 15px !important; } .ml15 { margin-left: 15px !important; } .m20 { margin: 20px !important; } .mt20 { margin-top: 20px !important; } .mr20 { margin-right: 20px !important; } .mb20 { margin-bottom: 20px !important; } .ml20 { margin-left: 20px !important; } .m25 { margin: 25px !important; } .mt25 { margin-top: 25px !important; } .mr25 { margin-right: 25px !important; } .mb25 { margin-bottom: 25px !important; } .ml25 { margin-left: 25px !important; } .m30 { margin: 30px !important; } .mt30 { margin-top: 30px !important; } .mr30 { margin-right: 30px !important; } .mb30 { margin-bottom: 30px !important; } .ml30 { margin-left: 30px !important; } .m35 { margin: 35px !important; } .mt35 { margin-top: 35px !important; } .mr35 { margin-right: 35px !important; } .mb35 { margin-bottom: 35px !important; } .ml35 { margin-left: 35px !important; } .m40 { margin: 40px !important; } .mt40 { margin-top: 40px !important; } .mr40 { margin-right: 40px !important; } .mb40 { margin-bottom: 40px !important; } .ml40 { margin-left: 40px !important; } .m45 { margin: 45px !important; } .mt45 { margin-top: 45px !important; } .mr45 { margin-right: 45px !important; } .mb45 { margin-bottom: 45px !important; } .ml45 { margin-left: 45px !important; } .m50 { margin: 50px !important; } .mt50 { margin-top: 50px !important; } .mr50 { margin-right: 50px !important; } .mb50 { margin-bottom: 50px !important; } .ml50 { margin-left: 50px !important; } .m55 { margin: 55px !important; } .mt55 { margin-top: 55px !important; } .mr55 { margin-right: 55px !important; } .mb55 { margin-bottom: 55px !important; } .ml55 { margin-left: 55px !important; } .m60 { margin: 60px !important; } .mt60 { margin-top: 60px !important; } .mr60 { margin-right: 60px !important; } .mb60 { margin-bottom: 60px !important; } .ml60 { margin-left: 60px !important; } .m65 { margin: 65px !important; } .mt65 { margin-top: 65px !important; } .mr65 { margin-right: 65px !important; } .mb65 { margin-bottom: 65px !important; } .ml65 { margin-left: 65px !important; } .m70 { margin: 70px !important; } .mt70 { margin-top: 70px !important; } .mr70 { margin-right: 70px !important; } .mb70 { margin-bottom: 70px !important; } .ml70 { margin-left: 70px !important; } .m75 { margin: 75px !important; } .mt75 { margin-top: 75px !important; } .mr75 { margin-right: 75px !important; } .mb75 { margin-bottom: 75px !important; } .ml75 { margin-left: 75px !important; } .m80 { margin: 80px !important; } .mt80 { margin-top: 80px !important; } .mr80 { margin-right: 80px !important; } .mb80 { margin-bottom: 80px !important; } .ml80 { margin-left: 80px !important; } /* padding - 要素の内側の余白 */ .p0 { padding: 0!important; } .pt0 { padding-top: 0!important; } .pr0 { padding-right: 0!important; } .pb0 { padding-bottom: 0!important; } .pl0 { padding-left: 0!important; } .p5 { padding: 5px !important; } .pt5 { padding-top: 5px !important; } .pr5 { padding-right: 5px !important; } .pb5 { padding-bottom: 5px !important; } .pl5 { padding-left: 5px !important; } .p10 { padding: 10px !important; } .pt10 { padding-top: 10px !important; } .pr10 { padding-right: 10px !important; } .pb10 { padding-bottom: 10px !important; } .pl10 { padding-left: 10px !important; } .p15 { padding: 15px !important; } .pt15 { padding-top: 15px !important; } .pr15 { padding-right: 15px !important; } .pb15 { padding-bottom: 15px !important; } .pl15 { padding-left: 15px !important; } .p20 { padding: 20px !important; } .pt20 { padding-top: 20px !important; } .pr20 { padding-right: 20px !important; } .pb20 { padding-bottom: 20px !important; } .pl20 { padding-left: 20px !important; } .p25 { padding: 25px !important; } .pt25 { padding-top: 25px !important; } .pr25 { padding-right: 25px !important; } .pb25 { padding-bottom: 25px !important; } .pl25 { padding-left: 25px !important; } .p30 { padding: 30px !important; } .pt30 { padding-top: 30px !important; } .pr30 { padding-right: 30px !important; } .pb30 { padding-bottom: 30px !important; } .pl30 { padding-left: 30px !important; } .p35 { padding: 35px !important; } .pt35 { padding-top: 35px !important; } .pr35 { padding-right: 35px !important; } .pb35 { padding-bottom: 35px !important; } .pl35 { padding-left: 35px !important; } .p40 { padding: 40px !important; } .pt40 { padding-top: 40px !important; } .pr40 { padding-right: 40px !important; } .pb40 { padding-bottom: 40px !important; } .pl40 { padding-left: 40px !important; } .p45 { padding: 45px !important; } .pt45 { padding-top: 45px !important; } .pr45 { padding-right: 45px !important; } .pb45 { padding-bottom: 45px !important; } .pl45 { padding-left: 45px !important; } .p50 { padding: 50px !important; } .pt50 { padding-top: 50px !important; } .pr50 { padding-right: 50px !important; } .pb50 { padding-bottom: 50px !important; } .pl50 { padding-left: 50px !important; } .p55 { padding: 55px !important; } .pt55 { padding-top: 55px !important; } .pr55 { padding-right: 55px !important; } .pb55 { padding-bottom: 55px !important; } .pl55 { padding-left: 55px !important; } .p60 { padding: 60px !important; } .pt60 { padding-top: 60px !important; } .pr60 { padding-right: 60px !important; } .pb60 { padding-bottom: 60px !important; } .pl60 { padding-left: 60px !important; } .p65 { padding: 65px !important; } .pt65 { padding-top: 65px !important; } .pr65 { padding-right: 65px !important; } .pb65 { padding-bottom: 65px !important; } .pl65 { padding-left: 65px !important; } .p70 { padding: 70px !important; } .pt70 { padding-top: 70px !important; } .pr70 { padding-right: 70px !important; } .pb70 { padding-bottom: 70px !important; } .pl70 { padding-left: 70px !important; } .p75 { padding: 75px !important; } .pt75 { padding-top: 75px !important; } .pr75 { padding-right: 75px !important; } .pb75 { padding-bottom: 75px !important; } .pl75 { padding-left: 75px !important; } .p80 { padding: 80px !important; } .pt80 { padding-top: 80px !important; } .pr80 { padding-right: 80px !important; } .pb80 { padding-bottom: 80px !important; } .pl80 { padding-left: 80px !important; } /* Theme Name:bloom_child Template:bloom_tcd053 Version:1.7.1 */ .youtube { position: relative; width: 100%; padding-top: 56.25%; } .youtube iframe{ position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } /* Theme Name:bloom_child Template:bloom_tcd053 Version:1.7.1 */ .youtube { position: relative; width: 100%; padding-top: 56.25%; } .youtube iframe{ position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } /** * wordpress preset style */ /* alignment */ .p-entry__body .alignright { float: right; } .p-entry__body .alignleft { float: left; } .p-entry__body .aligncenter { display: table; margin-left: auto; margin-right: auto; margin-bottom: 7px; } .p-entry__body blockquote.alignleft, .p-entry__body img.alignleft { margin: 7px 24px 7px 0; } .p-entry__body .wp-caption.alignleft { margin: 7px 14px 7px 0; } .p-entry__body blockquote.alignright, .p-entry__body img.alignright { margin: 7px 0 7px 24px; } .p-entry__body .wp-caption.alignright { margin: 7px 0 7px 14px; } .p-entry__body blockquote.aligncenter, .p-entry__body img.aligncenter, .p-entry__body .wp-caption.aligncenter { margin-top: 7px; margin-bottom: 7px; display: block; } /* ---------------------------------------------------------------------- ブロックエディターのYotutubeのレスポンシブ対応 ---------------------------------------------------------------------- */ .wp-block-embed { margin:0 0 2em 0; } /* text and headline */ .p-entry__body p { font-size: 14px; line-height: 2.4; margin-bottom: 30.4px; word-wrap: break-word;} .p-entry__body h1, .p-entry__body h2, .p-entry__body h3, .p-entry__body h4, .p-entry__body h5, .p-entry__body h6 { clear: both; line-height: 1.4; margin-bottom: 24.2px; } .p-entry__body h1 { font-size: 32px; } .p-entry__body h2 { font-size: 30px; } .p-entry__body h3 { font-size: 130%; } .p-entry__body h4 { font-size: 120%; } .p-entry__body h5 { font-size: 110%; } .p-entry__body h6 { font-size: 100%; } /* image */ .p-entry__body img[class*="align"], .p-entry__body img[class*="wp-image-"], .p-entry__body img[class*="attachment-"], .p-entry__body .size-full, .p-entry__body .size-large, .p-entry__body .wp-post-image, .p-entry__body img { max-width: 100%; height: auto; } /* list */ .p-entry__body li, .p-entry__body dt, .p-entry__body dd { line-height: 2.2; } .p-entry__body ul, .p-entry__body ol, .p-entry__body dl { margin-bottom: 24px; } .p-entry__body ol { list-style: decimal outside none; margin-left: 1.5em; } .p-entry__body ul { list-style: circle outside none; margin-left: 1.3em; } .p-entry__body li > ul, .p-entry__body li > ol { margin-bottom: 0; } .p-entry__body dt { font-weight: bold; } .p-entry__body dd { margin-bottom: 1em; } /* table */ .p-entry__body table { margin: 0 0 24px 0; } .p-entry__body td, .p-entry__body th { border: 1px solid #ddd; padding: 10px 15px 7px; line-height: 2.2; background: #fff; font-size: 14px; } .p-entry__body th { background: #fafafa; font-weight: normal; } /* table style */ .table_no_border th, .table_no_border td { border: none; padding-left: 0; } .table_border_horizontal th, .table_border_horizontal td { border-left: none; border-right: none; padding-left: 0; } /* block quote */ .p-entry__body blockquote { margin: 0 0 25px 0; padding: 27px 30px 0; border: 1px solid #ccc; box-shadow: 0px 4px 0px 0px #f2f2f2; position: relative; } .p-entry__body blockquote:before { content: '"'; font-style: italic; font-size: 30px; font-weight: normal; line-height: 40px; width: 30px; height: 30px; position: absolute; top: 5px; left: 10px; color: #5cbcd7; } .p-entry__body blockquote:after { content: '"'; font-style: italic; font-size: 30px; font-weight: normal; text-align: left; line-height: 60px; width: 30px; height: 30px; position: absolute; bottom: 7px; right: -2px; color: #5cbcd7; } .p-entry__body blockquote cite { border-top: 1px dotted #aaa; display: block; padding: 20px 0 0 0; font-style: italic; text-align: right; font-size: 90%; } /* captions */ .p-entry__body .wp-caption { margin-bottom: 24px; background: #fff; border: 1px solid #ccc; padding: 5px; max-width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .p-entry__body .wp-caption-text { text-align: center; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px auto; } .p-entry__body .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } /* gallery */ .gallery { margin-bottom: 20px; } .gallery a img { border: 0 !important; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-10 .gallery-item { max-width: 7%; max-width: -webkit-calc(9.4% - 0px); max-width: calc(9.4% - 0px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n), .gallery-columns-10 .gallery-item:nth-of-type(10n) { margin-right: 0; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .gallery-columns-10 .gallery-caption { display: none; } /* etc */ .p-entry__body .wp-smiley { border: 0; margin-bottom: 0; margin-top: 0; padding: 0; } .p-entry__body address { margin: 0 0 24px 0; line-height: 2.2; } .p-entry__body pre { border-left: 5px solid #7fc120; font-size: 12px; margin: 0 0 27px 0; line-height: 25px; background: url(//radio-chronicle.com/podcast/00/wp-content/themes/bloom_tcd053/css/img/pre.gif) repeat left top; padding: 0 17px; overflow: auto; } .p-entry__body .mejs-container { margin: 12px 0 25px; } /* Column layout - カラムレイアウト */ .post_row { line-height: 2; margin-left: -15px; margin-right: -15px; } .post_row:before, .post_row:after { content: " "; display: table; } .post_row:after { clear: both; } .post_col, .post_col-2, .post_col-3 { float: left; margin-bottom: 2em; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; width: 100%; } @media only screen and (min-width: 768px) { .post_col-2 { width: 50%; } .post_col-3 { width: 33.33333%; } } /* headline - 見出しのスタイル */ .style3a, .style3b, .style4a, .style4b, .style5a, .style5b, .style6 { line-height: 1.6; } .style3a { border-top: 1px solid #222; border-bottom: 1px solid #222; font-size: 22px; font-weight: 400; margin: 3em 0 1.5em; padding: 1.1em .2em 1em; } .style3b { background: #fafafa; border-top: 2px solid #222; border-bottom: 1px solid #ddd; box-shadow: 0px 1px 2px #f7f7f7; font-size: 22px; font-weight: 400; margin: 3em 0 1.5em; padding: 1.1em .9em 1em; } .style4a { border-bottom: none; border-left: 2px solid #222; font-size: 18px; font-weight: 400; margin: 2.5em 2px 1.2em; padding: .3em 0 .3em .8em; } .style4b { border-bottom: 1px dotted #aaa; font-size: 18px; font-weight: 400; margin: 2.5em 0 1.2em; padding: .9em 0 .8em; } .style5a { background: #f5f5f5; box-shadow: 0px 2px 0px 0px #f2f2f2; font-size: 18px; font-weight: 700; margin: 2em 0 1em; padding: .5em .8em .3em 1em; } .style5b { background: #222; border-radius: 4px; box-shadow: 0px 2px 0px 0px #f2f2f2; color: #fff; font-size: 18px; font-weight: 400; margin: 2em 0 1em; padding: .5em .8em .4em 1em; } .style6 { color: #222; font-size: 16px; font-weight: bold; margin: 2em 0 1em; padding: .5em .8em .8em 1.3em; position: relative; } .style6:before { background: #222; content: ""; position: absolute; top: .5em; left: .2em; width: 12px; height: 12px; } .news_headline1 { border-left: 8px solid #444; font-size: 1.2em; line-height: 1.2; margin: 80px 0 25px 0; padding: .5em; position: relative; } .news_headline1:after { border-bottom: 1px dotted #ddd; content: ""; position: absolute; bottom: 0px; left: 0; width: 100%; height: 0; } .news_headline2 { border-left: 6px solid #545454; font-size: 1.1em; line-height: 26px; margin: 40px 0 20px 0; padding: 0 .5em; } .balloon { background: #222; border-bottom: 0; clear: both; color: #fff; display: block; font-size: 20px; font-weight: 400; margin: 50px 0 22px; min-width: 115px; padding: .5em 18px .5em; position: relative; text-align: left; width: auto; z-index: 0; } .balloon:after { border-color: #222 transparent transparent transparent; border-style: solid; border-width: 10px 10px 0 10px; bottom: -10px; content: ""; display: block; margin-left: -10px; position: absolute; left: 30px; width: 0px; height: 0px; } /* flame - 囲み枠 */ .well { background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; margin-bottom: 20px; min-height: 20px; padding: 19px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); line-height:1.8; } .well2 { margin: 1em 0 30px; padding: 1em 1.5em; line-height: 1.8; border: 1px solid #cdcdcd; background: #fcfcfc; box-shadow: 0 1px 3px 0 rgba(195, 195, 195, 0.3); } .well3 { margin: 2em 0 2.5em; padding: 1em 1.5em; line-height: 1.8; border: 1px dashed #cdcdcd; background: #fcfcfc; box-shadow: 0 1px 3px 0 rgba(195, 195, 195, 0.3); } .wl_red { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .wl_yellow { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .wl_blue { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .wl_green { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } /* button - CSSボタンのスタイル */ .q_button { background-color: #535353; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); color: #fff !important; display: inline-block; font-size: 100%; font-weight: 400; min-width: 200px; margin: 0; max-width: 90%; padding: .6em 1.3em .5em; transition: all 0.3s ease-in-out 0s; text-decoration: none; text-align: center; vertical-align: middle; } .q_button:hover, .q_button:focus { background-color: #7d7d7d; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset; color: #fff; text-decoration: none; } .q_button_wrap{ text-align:center; margin: 2em auto; } /* Button option */ .rounded { border-radius: 6px; } .pill { border-radius: 50px; } .sz_full { display: block; font-size: 110%; max-width: 100%; min-width: 100px; padding: 1em 1.5em .9em; } .sz_l { font-size: 110%; max-width: 90%; min-width: 350px; padding: .8em 1.5em .7em; } @media only screen and (max-width: 767px) { .sz_l { max-width: 100%; min-width: 0; width: 100%; } } .sz_s { min-width: 100px; max-width: 90%; font-size: 85%; padding: .4em 1em .3em; } .bt_red { background: #c01f0e; color: #fff; } .bt_red:hover, .bt_red:focus { background-color: #d33929; color: #fff; } .bt_yellow { background: #f1c40f; color: #fff; } .bt_yellow:hover, .bt_yellow:focus { background-color: #f9d441; color: #fff; } .bt_blue { background: #2980b9; color: #fff; } .bt_blue:hover, .bt_blue:focus { background-color: #3a91c9; color: #fff; } .bt_green { background: #27ae60; color: #fff; } .bt_green:hover, .bt_green:focus { background-color: #39c574; color: #fff; } /* Youtube responsive - Youtube動画のレスポンシブ表示 */ .ytube { position: relative; height: 0; margin-top: 20px; margin-bottom: 20px; padding-bottom: 56.25%; padding-top: 30px; overflow: hidden; } .ytube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } /* Table responsive - テーブルのレスポンシブ表示 */ .rps_table { line-height: 2.0; } @media only screen and (max-width: 480px) { .rps_table tr { display: block; margin-bottom: 1.5em; } .rps_table th, .rps_table td { display: list-item; list-style-type: none; border: none; } } /* Cardlink style - カードリンクのスタイル */ .cardlink { padding: 12px; margin: 10px 0; border: 1px solid #ddd; word-wrap: break-word; max-width: 100%; background: #fafafa; } .cardlink_thumbnail { float: left; margin-right: 20px; width:120px; } .cardlink_content { line-height: 1.6; } .cardlink_timestamp { display: inline; margin: 0; padding: 0; vertical-align: top; color: #222; line-height: 1.6; font-size: 12px; } .cardlink_title { font-size: 14px; margin: 0 0 5px; } .cardlink_title { color: red; } .cardlink_title br { display: none; } .cardlink_title a { font-weight: bold; color: #000; text-decoration: none; } .cardlink_title a:hover { text-decoration: underline; } .cardlink_excerpt { color: #333; font-size: 12px; overflow: hidden; line-height: 1.8; } .cardlink_footer { clear: both; } .clear { clear: both; } .cardlink_title{ font-weight: 600; } .cardlink{ display: flex; align-items: center; } .cardlink_thumbnail{ flex: 0 0 120px; aspect-ratio: 1; } @media only screen and (max-width: 767px) { .cardlink_thumbnail { flex: 0 0 120px; aspect-ratio: 1;} .cardlink_timestamp { line-height: 2.4; vertical-align: middle; } .cardlink_excerpt { float: none; display: none;} } .cardlink_thumbnail img { width: 100%; object-fit: cover; } /* Contactform - お問い合わせフォーム */ .wpcf7 { background: #fafafa; border: 1px solid #ddd; font-size: 14px; margin: 0 0 2.5em !important; padding: 0; width: 100%; } .wpcf7 form { margin: 1.5em 1.5em 0; } .wpcf7 p { margin-bottom: 1em; font-size: 12px; } .wpcf7 input, .wpcf7 textarea { border: 1px solid #ccc; line-height: 1.2; padding: 8px; width: 100% !important; width: auto; } .wpcf7 select, .wpcf7 input[type=checkbox], .wpcf7 input[type=radio] { border: 1px solid #ccc; max-width: 97%; padding: 8px; width: auto; } .wpcf7 select, .wpcf7 .wpcf7-list-item-label { font-size: 14px; line-height: 1.2; } .wpcf7 .wpcf7-list-item { display: block; } .wpcf7 textarea { height: 300px; } .wpcf7 input:focus, .wpcf7 textarea:focus { border: 1px solid #bbb; box-shadow: inner 0 0 5px rgba(0, 0, 0, 0.5); outline: none; } .wpcf7 .wpcf7-submit, .wpcf7 .wpcf7-previous { -webkit-transition:all .3s; -webkit-box-sizing:border-box; box-sizing:border-box; display:block; position:relative; width:225px; height:48px; margin:30px auto 0; border:none !important; outline:none; background-color:#333333; color:#fff; font-size:14px; line-height:1.5; text-align:center; text-decoration:none; cursor:pointer; transition:all .3s; } .wpcf7 .wpcf7-submit:before, .wpcf7 .wpcf7-submit:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-previous:hover { background-color:#666666; } .wpcf7 .wpcf7-submit .wpcf7-not-valid { background: pink; } .wpcf7 .wpcf7-submit .wpcf7-response-output { margin: 10px 0 0; padding: 8px 35px 8px 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .wpcf7 .wpcf7-submit .wpcf7-validation-errors { color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7; } .wpcf7 .wpcf7-submit .wpcf7-mail-sent-ok { color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1; } .wpcf7 .wpcf7-previous + br { display: none; } .wpcf7 form .wpcf7-response-output{ margin: 2em 0.5em 2em; padding:0; border: none; text-align:center; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{ color:#dc3232; font-size: 1em; } /* font-size - フォントサイズ */ .text70 { font-size: 70%; } .text80 { font-size: 80%; } .text90 { font-size: 90%; } .text100 { font-size: 100%; } .text110 { font-size: 110%; } .text120 { font-size: 120%; } .text130 { font-size: 130%; } .text140 { font-size: 140%; } .text150 { font-size: 150%; } .text160 { font-size: 160%; } .text170 { font-size: 170%; } .text180 { font-size: 180%; } .text190 { font-size: 190%; } .text200 { font-size: 200%; } .text210 { font-size: 210%; } .text220 { font-size: 220%; } /* 太字 */ .b { font-weight: 700; } /* 下線 */ .u { text-decoration: underline; } /* 打ち消し線 */ .del { text-decoration: line-through; } /* font-color - フォントカラー */ .red { color: red; } .blue { color: #2ca9e1; } .green { color: #82ae46; } .orange { color: #ff7d00; } .yellow { color: #fff000; } .pink { color: #ff0084; } .gray { color: #999999; } /* background-color - 背景色 */ .bg-blue { background-color: #4ab0f5; padding: 2px; } .bg-red { background-color: red; padding: 2px; } .bg-yellow { background-color: #ff0; padding: 2px; } /* text-align - 配置 */ .align1 { text-align: center !important; } .align2 { text-align: right !important; } .align3 { text-align: left !important; } /* float - 回り込み */ .r-flo { float: right; margin: 10px; } .l-flo { float: left; margin: 10px; } /* 回り込みの解除 */ .f-clear { clear: both; } /* hover - 画像リンクマウスオーバー時の不透明度 */ a img.fade { background: none !important; outline: none; -webkit-transition: all .3s; transition: all .3s; } a:hover img.fade { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; background: none !important; } /* text-style - テキストスタイル */ .att { padding-left: 1em; text-indent: -1em; } .att_box { margin: 2em 0 2.5em; padding: 1em 1.2em; line-height: 2.0; border: 1px dotted #cccccc; background: #fcfcfc; box-shadow: 0px 4px 0px 0px #f7f7f7; } /* margin - 要素の外側の余白 */ .m0 { margin: 0!important; } .mt0 { margin-top: 0!important; } .mr0 { margin-right: 0!important; } .mb0 { margin-bottom: 0!important; } .ml0 { margin-left: 0!important; } .m5 { margin: 5px !important; } .mt5 { margin-top: 5px !important; } .mr5 { margin-right: 5px !important; } .mb5 { margin-bottom: 5px !important; } .ml5 { margin-left: 5px !important; } .m10 { margin: 10px !important; } .mt10 { margin-top: 10px !important; } .mr10 { margin-right: 10px !important; } .mb10 { margin-bottom: 10px !important; } .ml10 { margin-left: 10px !important; } .m15 { margin: 15px !important; } .mt15 { margin-top: 15px !important; } .mr15 { margin-right: 15px !important; } .mb15 { margin-bottom: 15px !important; } .ml15 { margin-left: 15px !important; } .m20 { margin: 20px !important; } .mt20 { margin-top: 20px !important; } .mr20 { margin-right: 20px !important; } .mb20 { margin-bottom: 20px !important; } .ml20 { margin-left: 20px !important; } .m25 { margin: 25px !important; } .mt25 { margin-top: 25px !important; } .mr25 { margin-right: 25px !important; } .mb25 { margin-bottom: 25px !important; } .ml25 { margin-left: 25px !important; } .m30 { margin: 30px !important; } .mt30 { margin-top: 30px !important; } .mr30 { margin-right: 30px !important; } .mb30 { margin-bottom: 30px !important; } .ml30 { margin-left: 30px !important; } .m35 { margin: 35px !important; } .mt35 { margin-top: 35px !important; } .mr35 { margin-right: 35px !important; } .mb35 { margin-bottom: 35px !important; } .ml35 { margin-left: 35px !important; } .m40 { margin: 40px !important; } .mt40 { margin-top: 40px !important; } .mr40 { margin-right: 40px !important; } .mb40 { margin-bottom: 40px !important; } .ml40 { margin-left: 40px !important; } .m45 { margin: 45px !important; } .mt45 { margin-top: 45px !important; } .mr45 { margin-right: 45px !important; } .mb45 { margin-bottom: 45px !important; } .ml45 { margin-left: 45px !important; } .m50 { margin: 50px !important; } .mt50 { margin-top: 50px !important; } .mr50 { margin-right: 50px !important; } .mb50 { margin-bottom: 50px !important; } .ml50 { margin-left: 50px !important; } .m55 { margin: 55px !important; } .mt55 { margin-top: 55px !important; } .mr55 { margin-right: 55px !important; } .mb55 { margin-bottom: 55px !important; } .ml55 { margin-left: 55px !important; } .m60 { margin: 60px !important; } .mt60 { margin-top: 60px !important; } .mr60 { margin-right: 60px !important; } .mb60 { margin-bottom: 60px !important; } .ml60 { margin-left: 60px !important; } .m65 { margin: 65px !important; } .mt65 { margin-top: 65px !important; } .mr65 { margin-right: 65px !important; } .mb65 { margin-bottom: 65px !important; } .ml65 { margin-left: 65px !important; } .m70 { margin: 70px !important; } .mt70 { margin-top: 70px !important; } .mr70 { margin-right: 70px !important; } .mb70 { margin-bottom: 70px !important; } .ml70 { margin-left: 70px !important; } .m75 { margin: 75px !important; } .mt75 { margin-top: 75px !important; } .mr75 { margin-right: 75px !important; } .mb75 { margin-bottom: 75px !important; } .ml75 { margin-left: 75px !important; } .m80 { margin: 80px !important; } .mt80 { margin-top: 80px !important; } .mr80 { margin-right: 80px !important; } .mb80 { margin-bottom: 80px !important; } .ml80 { margin-left: 80px !important; } /* padding - 要素の内側の余白 */ .p0 { padding: 0!important; } .pt0 { padding-top: 0!important; } .pr0 { padding-right: 0!important; } .pb0 { padding-bottom: 0!important; } .pl0 { padding-left: 0!important; } .p5 { padding: 5px !important; } .pt5 { padding-top: 5px !important; } .pr5 { padding-right: 5px !important; } .pb5 { padding-bottom: 5px !important; } .pl5 { padding-left: 5px !important; } .p10 { padding: 10px !important; } .pt10 { padding-top: 10px !important; } .pr10 { padding-right: 10px !important; } .pb10 { padding-bottom: 10px !important; } .pl10 { padding-left: 10px !important; } .p15 { padding: 15px !important; } .pt15 { padding-top: 15px !important; } .pr15 { padding-right: 15px !important; } .pb15 { padding-bottom: 15px !important; } .pl15 { padding-left: 15px !important; } .p20 { padding: 20px !important; } .pt20 { padding-top: 20px !important; } .pr20 { padding-right: 20px !important; } .pb20 { padding-bottom: 20px !important; } .pl20 { padding-left: 20px !important; } .p25 { padding: 25px !important; } .pt25 { padding-top: 25px !important; } .pr25 { padding-right: 25px !important; } .pb25 { padding-bottom: 25px !important; } .pl25 { padding-left: 25px !important; } .p30 { padding: 30px !important; } .pt30 { padding-top: 30px !important; } .pr30 { padding-right: 30px !important; } .pb30 { padding-bottom: 30px !important; } .pl30 { padding-left: 30px !important; } .p35 { padding: 35px !important; } .pt35 { padding-top: 35px !important; } .pr35 { padding-right: 35px !important; } .pb35 { padding-bottom: 35px !important; } .pl35 { padding-left: 35px !important; } .p40 { padding: 40px !important; } .pt40 { padding-top: 40px !important; } .pr40 { padding-right: 40px !important; } .pb40 { padding-bottom: 40px !important; } .pl40 { padding-left: 40px !important; } .p45 { padding: 45px !important; } .pt45 { padding-top: 45px !important; } .pr45 { padding-right: 45px !important; } .pb45 { padding-bottom: 45px !important; } .pl45 { padding-left: 45px !important; } .p50 { padding: 50px !important; } .pt50 { padding-top: 50px !important; } .pr50 { padding-right: 50px !important; } .pb50 { padding-bottom: 50px !important; } .pl50 { padding-left: 50px !important; } .p55 { padding: 55px !important; } .pt55 { padding-top: 55px !important; } .pr55 { padding-right: 55px !important; } .pb55 { padding-bottom: 55px !important; } .pl55 { padding-left: 55px !important; } .p60 { padding: 60px !important; } .pt60 { padding-top: 60px !important; } .pr60 { padding-right: 60px !important; } .pb60 { padding-bottom: 60px !important; } .pl60 { padding-left: 60px !important; } .p65 { padding: 65px !important; } .pt65 { padding-top: 65px !important; } .pr65 { padding-right: 65px !important; } .pb65 { padding-bottom: 65px !important; } .pl65 { padding-left: 65px !important; } .p70 { padding: 70px !important; } .pt70 { padding-top: 70px !important; } .pr70 { padding-right: 70px !important; } .pb70 { padding-bottom: 70px !important; } .pl70 { padding-left: 70px !important; } .p75 { padding: 75px !important; } .pt75 { padding-top: 75px !important; } .pr75 { padding-right: 75px !important; } .pb75 { padding-bottom: 75px !important; } .pl75 { padding-left: 75px !important; } .p80 { padding: 80px !important; } .pt80 { padding-top: 80px !important; } .pr80 { padding-right: 80px !important; } .pb80 { padding-bottom: 80px !important; } .pl80 { padding-left: 80px !important; } /* クイックタグ追加分 */ h2.styled_h2 { font-size:26px; font-weight:600; line-height:1.4; margin: 3em 0 1.3em 0; text-align:center; } h3.styled_h3 { font-size:22px; font-weight:600; line-height:1.6; margin: 3em 0 1.3em 0; } h4.styled_h4 { font-size:20px; font-weight:600; line-height:1.6; margin: 2.3em 0 1em 0; } h5.styled_h5 { font-size:18px; font-weight:600; line-height:1.6; margin: 2.3em 0 1em 0; } h6.styled_h6 { font-size:16px; font-weight:600; line-height:1.6; margin: 2.3em 0 1em 0; } @media screen and (max-width: 800px) { h2.styled_h2 { font-size:20px; margin: 2.5em 0 1em 0; } h3.styled_h3 { font-size:18px; margin: 2.3em 0 1em 0; } h4.styled_h4 { font-size:16px; margin: 2.2em 0 1em 0; } h5.styled_h5 { font-size:16px; margin: 2.2em 0 1em 0; } h6.styled_h6 { font-size:14px; margin: 2.2em 0 1em 0; } } @media screen and (max-width: 600px) { h2.styled_h2 { margin: 2.3em 0 1em 0; } h3.styled_h3 { margin: 2em 0 1em 0; } h4.styled_h4 { margin: 2em 0 1em 0; } h5.styled_h5 { margin: 2em 0 1em 0; } h6.styled_h6 { margin: 2em 0 1em 0; } } /* ---------------------------------------------------------------------- クラシックエディターのテーブルの横スクロール対応 ---------------------------------------------------------------------- */ @media (max-width: 767px) { .p-entry__body .s_table{ overflow: auto; white-space: nowrap; margin-bottom: 2em; } .p-entry__body .s_table table { margin-bottom: 0; } } @charset "UTF-8"; /** Layout */ body { min-width: 320px; } /* Header */ body.l-header__fix .is-header-fixed .l-header__bar { min-width: auto; } @media only screen and (max-width: 1200px) { .l-header { height: 61px; position: relative; z-index: 999; } .l-header__bar { height: 60px; line-height: 60px; border-bottom: none; } .l-header__bar .l-inner { width: 100%; } .l-header__logo--pc { display: none; } .l-header__logo--mobile { display: block; max-height: 60px; overflow: hidden; } body.l-header__fix--mobile .is-header-fixed .l-header__bar { width: 100%; position: fixed; top: 0; left: 0; -webkit-animation: headerSlideDown 0.5s ease; animation: headerSlideDown 0.5s ease; } body.l-header__fix--mobile .is-header-fixed .l-header__bar { box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2); } } /* Footer */ @media only screen and (max-width: 767px) { .l-footer { margin-top: 30px; } } /* Inner */ @media only screen and (max-width: 767px) { .l-inner { width: 88.8888%; } } /* 2 columns */ @media only screen and (max-width: 991px) { .l-primary, .l-secondary { float: none !important; width: 100%; } .l-secondary { margin-top: 40px; } } @media only screen and (max-width: 767px) { .l-secondary { margin-bottom: 10px; } } @media only screen and (max-width: 991px) { body.single-post .l-2colmuns{ display: block; } } /** * Component */ /* load */ @media only screen and (max-width: 767px) { .c-load--type1 { width: 30px; height: 30px; } .c-load--type2::before { width: 8px; height: 8px; } .c-load--type2::after { width: 8px; height: 8px; } #site_loader_animation i { width: 0.25em; height: 0.25em; margin: 0 0.125em; } } /* comment */ @media only screen and (max-width: 767px) { .c-comment { margin-bottom: 30px; } .c-comment__item-act { margin-top: 10px; padding-left: 0; position: static; } .c-comment__tab-item a, .c-comment__tab-item p { padding: 9px 10px; } .c-comment__tab-item.is-active a, .c-comment__tab-item.is-active p { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } } /* meta box */ @media only screen and (max-width: 767px) { .c-meta-box { background: none; margin-bottom: 10px; padding: 0; } .c-meta-box__item { border-right: 0; float: none; margin-bottom: 16px; } } /* menu button */ @media only screen and (max-width: 1200px) { .c-menu-button { display: block; } } /* nav01 */ @media only screen and (max-width: 767px) { .c-entry-nav__item { font-size: 16px; text-align: center; width: 50%; height: 52px; } .c-entry-nav__item--prev { border: 1px solid #ddd; } .c-entry-nav__item--next { border: 1px solid #ddd; border-left: none; } .c-entry-nav__item a { display: block; line-height: 50px; padding: 0; width: 100%; height: 50px; } .c-entry-nav__item a span { display: none; } .c-entry-nav__item--prev a::after { content: attr(data-prev); } .c-entry-nav__item--next a::before { content: attr(data-next); } .c-entry-nav__item--prev a::before { color: #ccc; left: 18px; } .c-entry-nav__item--next a::after { color: #ccc; right: 18px; } } /* pw */ @media only screen and (max-width: 767px) { .c-pw { margin-bottom: 30px; } .c-pw__box { padding: 20px; text-align: center; } .c-pw__box-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .c-pw__box-label { display: block; margin-bottom: 1em; margin-right: 0; font-size: 16px; } .c-pw__box-input { display: block; width: 100%; margin-bottom: 1em; margin-right: 0; } } /* share */ @media only screen and (max-width: 991px) { .c-share__btn { margin-bottom: 5px; } } /** * Project */ /* global nav */ @media only screen and (min-width: 1201px) { .p-global-nav { display: block !important; } } @media only screen and (max-width: 1200px) { .p-global-nav { display: none; width: 100%; max-height: calc(100vh - 60px); overflow: auto; text-align: left; position: absolute; top: 60px; left: 0; z-index: 10000; } .p-global-nav > li { display: block; } .p-global-nav > li > a { display: block; padding: 13px 41px 13px 22px; } .p-global-nav a { display: block; color: #fff !important; background: transparent !important; font-size: 13px; line-height: 1.4; position: relative; } .p-global-nav .menu-item-has-children > a > span::before { color: #fff; content: '\e90e'; font-family: "design_plus"; line-height: 24px; display: block; margin: auto; position: absolute; top: 0; right: 17px; bottom: 0; text-align: center; width: 24px; height: 24px; -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; -ms-transition: -ms-transform 0.5s ease; -o-transition: -o-transform 0.5s ease; transition: transform 0.5s ease; } .p-global-nav .menu-item-has-children > a > span.is-active::before { -webkit-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg); } .p-global-nav .sub-menu { background: rgba(255, 255, 255, 0.05); display: none; opacity: 1; position: static; visibility: visible; width: 100%; transition-property: none; } .p-global-nav .sub-menu li { padding-left: 1em; } .p-global-nav .sub-menu .menu-item-has-children > a::after { content: ""; } .p-global-nav .sub-menu a { padding: 13px 41px 13px 22px; width: 100%; } } /* mega menu */ .p-megamenu { min-width: auto; } @media only screen and (max-width: 1200px) { .p-megamenu { display: none !important; } } /* menu button */ @media only screen and (max-width: 1200px) { .p-menu-button, .p-sidemenu-button, .p-search-button { line-height: 60px; width: 60px; height: 60px; } } /* header search */ @media only screen and (max-width: 1200px) { .p-header-search--pc { display: none !important; } .p-header-search--mobile { display: block !important; padding: 12px 22px; line-height:1 !important; } .p-header-search--mobile form { position: relative; } .p-header-search__input { padding: 0 45px 0 18px; width: 100%; } .p-header-search__submit { width: 45px; height: 45px; padding-top: 2px; line-height: 43px; text-align: center; font-family: "design_plus"; font-size: 16px; color: #000; background: transparent; border: none; cursor: pointer; position: absolute; top: 0; right: 0; } } /* breadcrumb */ @media only screen and (max-width: 991px) { .p-breadcrumb { margin-bottom: 30px; } .p-breadcrumb__inner { font-size: 16px; height: initial; line-height: 2; overflow: auto; padding: 10px 0; white-space: initial; } .p-breadcrumb__item { padding-right: 0; } .p-breadcrumb__item + .p-breadcrumb__item::before { border-left: none; content: "\e910"; color: #333; display: inline; font-family: "design_plus"; font-size: 16px; height: auto; margin-left: 2px; margin-right: 2px; position: static; } .p-breadcrumb__item--home a::before { color: inherit; } } /* page header */ @media only screen and (max-width: 991px) { .p-page-header { margin-bottom: 30px; } .p-breadcrumb + .p-page-header { margin-top: -30px; } .p-page-header { margin-bottom: 30px; min-height: 70px; padding: 15px 0; } .p-page-header__title { font-size: 22px !important; line-height: 1.2; } .p-page-header__desc { font-size: 16px !important; line-height: 2; } } /* copyright */ @media only screen and (max-width: 991px) { .p-copyright { background: #000; color: #fff; font-size: 16px; height: 50px; line-height: 50px; } } /* pagetop */ @media only screen and (max-width: 991px) { .p-pagetop a { background: #555; height: 50px; line-height: 50px; width: 50px; } } /* float category */ @media only screen and (max-width: 767px) { .p-float-category { min-width: 110px; } .p-float-category span { display: inline-block; } } /* float native ad */ @media only screen and (max-width: 767px) { .p-float-native-ad-label { min-width: 110px; } } .p-article__meta{ font-size: 13px; } /* blog list */ @media only screen and (max-width: 767px) { .p-blog-list__item { margin-bottom: 24px; } .p-blog-list__item:nth-child(odd) { clear: both; float:left; width: 46.875%; } .p-blog-list__item:nth-child(even) { float:right; width: 46.875%; } .p-blog-list__item a { display: block; } .p-blog-list__item-thumbnail { width: 100%; } .p-blog-list__item-info { width: 100%; } .p-blog-list__item-title { font-size: 16px; line-height: 1.48; margin-bottom: 4px; margin-top: 10px; } .p-blog-list__item-title br { display: none; } .p-blog-list__item-meta02 .p-article__views::before { margin-left: 0; } .p-article__meta > * + .p-article__views::before { margin-left: 0; } .p-blog-list__item .p-article__meta { line-height: 1.5; } .p-blog-list-large__item { float: none !important; margin-bottom: 24px; width: 100% !important; } .p-blog-list-large__item-thumbnail { padding-top: 100%; } .p-blog-list-large__item-title { font-size: 16px; line-height: 1.48; margin-bottom: 4px; margin-top: 11.64px; } .p-blog-list-large__item-title br { display: none; } .p-article__meta .p-article__authors { float: none; } .p-article__views { margin-right: 19px; } .p-blog-list-large__item .p-article__category { width: 70%; /* behave as like block */ } } /* blog list meta */ @media only screen and (max-width: 640px) { .p-blog-list__item .p-article__meta > * { display: block; } .p-blog-list__item .p-article__meta > * + *::before { content: ""; margin-right: 0; } .p-blog-list__item .p-article__meta .p-article__authors { float: none; } } /* header blog */ @media only screen and (min-width: 992px) { .wp-is-mobile .p-header-blog__item .u-visible-sm { display: block !important; } .wp-is-mobile .p-header-blog__item .u-hidden-sm { display: none !important; } .wp-is-mobile .p-header-blog__item .l-inner { width: 100%; max-width: 100%; } .wp-is-mobile .p-header-blog__item-title { font-size: 16px; line-height: 1.48; margin-top: 19px; } .wp-is-mobile .p-header-blog__item-meta { margin-top: 2px; } } @media only screen and (max-width: 991px) { .p-header-blog__list { margin-bottom: -10px; } .p-header-blog__item { margin: 0; } .p-header-blog__item-thumbnail { padding-top: 83.3333%; } .p-header-blog__item-title { font-size: 16px; line-height: 1.48; margin-top: 19px; } .p-header-blog__item-meta { margin-top: 2px; } } @media only screen and (max-width: 767px) { .p-index-slider .slick-dots li button { border: 0; } .p-header-blog__item .p-article__category { width: 70%; } .p-header-blog__item-title { margin-top: 11.64px; } .p-header-blog__item-title br { display: none; } } /* footer blog */ @media only screen and (max-width: 767px) { .p-footer-blog { margin-top: 40px; margin-bottom: 30px; } .l-primary .p-footer-blog .l-inner { width: 100%; } .p-footer-blog__catch { font-size: 16px!important; } .p-footer-blog__item-catch { font-size: 16px !important; padding: 12px 14px; } .p-footer-blog__item-title { font-size: 16px; line-height: 1.48; margin-top: 10px; } .p-footer-blog__item-meta { margin-top: 2px; } .p-footer-blog__item-overlay__inner { padding: 20px 45px; } } /* ranking list */ @media only screen and (max-width: 767px) { .p-ranking-list__item { margin-bottom: 24px; } .p-ranking-list__item a { -webkit-box-align: start; -ms-flex-align: start; -ms-grid-row-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .p-ranking-list__item-rank { height: 36px; line-height: 36px; min-width: 36px; } .p-ranking-list__item-thumbnail { width: 46.875%; } .p-ranking-list__item-info { width: 46.875%; } .p-ranking-list__item-title { font-size: 16px; line-height: 1.48; margin-bottom: 4px; margin-top: 0; } .p-ranking-list__item-title br { display: none; } .p-ranking-list__item-meta02 .p-article__views::before { margin-left: 0; } } /* ranking list meta */ @media only screen and (max-width: 640px) { .p-ranking-list__item .p-article__meta > * { display: block; } .p-ranking-list__item .p-article__meta > .p-article__category::before { content: ""; margin-right: 0; } .p-ranking-list__item .p-article__meta .p-article__authors { float: none; } } /* entry */ @media only screen and (max-width: 991px) { .p-entry__ad-item { display: block; } .p-entry__ad-item + .p-entry__ad-item { margin-top: 30px; margin-left: 0; } } @media only screen and (max-width: 767px) { .p-entry__title { font-size: 20px !important; margin-bottom: 30px; } .p-entry__title br { display: none; } .p-entry__date { margin-top: -22px; margin-bottom: 30px; } .p-entry__native-ad { margin-top: -22px; margin-bottom: 30px; } .p-entry__thumbnail { margin-bottom: 30px; } .p-entry__body { margin-bottom: 30px; } .p-entry__body p { font-size: 16px; line-height: 2; } .p-entry__body td, .p-entry__body th { font-size: 16px; } .p-entry__share { margin-bottom: 23px; } .p-entry__nav { margin-bottom: 30px; } .p-entry__ad { margin-bottom: 30px; } .p-entry__pickup { margin-bottom: 30px; } .p-entry__pickup__inner { padding-top: 30px; } .p-entry__pickup__inner .p-headline { margin-top: -10px; } .p-entry__pickup-items { display: block; margin-bottom: 20px; } .p-entry__pickup-item { width: 100%; position: relative; margin-bottom: 30px; } .p-entry__pickup__title { font-size: 16px; line-height: 1.48; margin-top: 14px; } .p-entry__related { margin-bottom: 0; } .p-entry__related__inner { border: none; padding: 30px 0 10px; } .p-entry__related__inner .p-headline { margin-top: -10px; } .p-entry__related-item { width: 46.875%; position: relative; margin-bottom: 20px; } .p-entry__related__title { font-size: 16px; line-height: 1.48; margin-top: 10px; } } /* author */ @media only screen and (max-width: 991px) { .p-author__thumbnail { float: none; margin: 0 auto 20px; } .p-author__info { margin-left: 0; } } @media only screen and (max-width: 767px) { .p-author { margin-bottom: 30px; padding-top: 20px; } .p-author__blog-list { margin-bottom: 30px; } .p-author__blog-list__inner { padding-top: 30px; } .p-author__blog-list__inner .p-headline { margin-top: -10px; } .p-author__blog-list__items { display: block; } .p-author__blog-list__item { width: 100%; position: relative; margin-bottom: 30px; } .p-author__blog-list__title { font-size: 16px; line-height: 1.48; margin-top: 14px; } .p-author__box { padding: 30px 25px; } } /* headline */ @media only screen and (max-width: 767px) { .p-headline { font-size: 16px; line-height: 1.2; margin-bottom: 20px; } } /* button */ @media only screen and (max-width: 767px) { .p-button { height: 40px; line-height: 40px; min-width: 160px; } } /* footer cta */ @media only screen and (max-width: 1300px) { .p-footer-cta__inner { max-width: 90%; } } @media only screen and (max-width: 991px) { .p-footer-cta__inner { width: 88.8888%; padding: 30px 26px; } .p-footer-cta__catch { font-size: 20px !important; } .p-footer-cta__desc { font-size: 16px !important; } } @media only screen and (max-width: 767px) { .p-footer-cta { padding: 55px 0; } .p-footer-cta__catch { font-size: 16px !important; text-align: left; } .p-footer-cta__desc { font-size: 16px !important; text-align: left; } } /* index slider */ @media only screen and (max-width: 1200px) { .p-index-slider { margin-bottom: 50px; } } @media only screen and (max-width: 991px) { .p-index-slider { margin-bottom: 40px; } .p-index-slider__item { margin: 0; } .p-index-slider__item-image { padding-top: 83.3333%; } .p-index-slider__item-content { padding: 30px 55px; } .p-index-slider .slick-arrow { opacity: 0.9; } .p-index-slider .slick-slider:hover .slick-arrow { opacity: 0.9; } .p-index-slider .slick-arrow:hover { opacity: 1; } } @media only screen and (max-width: 767px) { .p-index-slider { margin-bottom: 30px; } .p-index-slider__item-content { padding: 20px 45px; } .p-index-slider__item-catch { font-size: 20px !important; } .p-index-slider__item-desc { font-size: 14px !important; } } /* header video, header youtube */ @media only screen and (max-width: 1200px) { .p-header-video, .p-header-youtube { margin-bottom: 50px; } } @media only screen and (max-width: 991px) { .p-header-video, .p-header-youtube { margin-bottom: 40px; } } @media only screen and (max-width: 767px) { .p-header-video__caption > * + * { margin-top: 16px; } .p-header-video__caption-catch { font-size: 20px !important; line-height: 1.4; } .p-header-video__caption-desc { font-size: 16px !important; line-height: 1.8; } } /* index-tab */ @media only screen and (max-width: 991px) { .p-index-tab { margin: 0 -5.555% 30px; } .p-index-tab__item { border-top: 1px solid #ddd; height: 52px; line-height: 50px; } } @media only screen and (max-width: 767px) { .p-index-tab { margin: 0 -6.257% 30px; } .p-index-tab-content .p-blog-list__item:nth-last-child(-n+2) { margin-bottom: 0; } .p-index-tab__item { font-size: 16px; } .p-index-tab-content .p-pager { margin-top: 24px; } } /* widget */ @media only screen and (max-width: 767px) { .p-widget { margin-bottom: 40px; } /* widget title */ .p-widget__title { margin-bottom: 20px; padding-top: 20px; } /* default widget */ .p-widget select { height: 40px; line-height: 40px; } .p-widget .searchform #s { height: 40px; line-height: 40px; idth: -webkit-calc(100% - 40px); width: calc(100% - 40px); } .p-widget .searchform #searchsubmit { width: 40px; height: 40px; } .p-widget .searchform::after { width: 40px; height: 40px; line-height: 40px; } .widget_archive .screen-reader-text, .widget_categories .screen-reader-text{ height: 40px; width: 40px; } .widget_archive .select_wrap:before, .widget_categories .select_wrap:before{ top: 15px; } /* widget categories */ .p-widget-categories li a { padding: 7px 32px; } .p-widget-categories .has-children > .toggle-children { line-height: 40px; } /* widget dropdown */ .p-widget-dropdown { height: 40px; line-height: 40px; } /* widget search */ input.p-widget-search__input { height: 40px; line-height: 40px; padding: 0 10px; width: -webkit-calc(100% - 40px); width: calc(100% - 40px); } input.p-widget-search__submit { width: 40px; height: 40px; } /* widget site info */ .p-siteinfo > * + *, .p-siteinfo > * + .p-social-nav { margin-top: 16px !important; } } /* widget list */ @media only screen and (max-width: 991px) { .p-widget-list__type2 .p-widget-list__item { width: 46.875%; } } @media only screen and (max-width: 767px) { .p-widget-list__type1 .p-widget-list__item { margin-bottom: 20px; } .p-widget-list__type2 .p-widget-list__item { margin-bottom: 22px; } .p-widget-list__type2 .p-widget-list__item-title { line-height: 1.48; } .p-widget-list__type3 .p-widget-list__item { border-bottom: 1px solid #ddd; } .p-widget-list__type3 .p-widget-list__item:last-child { border-bottom: none; } .p-widget-list__type3 .p-widget-list__item a { padding-right: 30px; } .p-widget-list__ranking .p-widget-list__item { margin-bottom: 20px; } } /* footer widget area */ @media only screen and (max-width: 767px) { .p-footer-widget-area__inner { width: 100%; } .p-footer-widget-area .p-footer-widget-area__inner { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: start; justify-content: flex-start; } /* footer widget */ .p-footer-widget-area .p-widget { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-top: -1px; padding: 30px 5.5556% !important; width: 100%; } .p-footer-widget-area .p-widget__title { border-top: none; color: #000; font-weight: 500; margin-bottom: 18px; padding-top: 0; text-align: left; } .p-footer-widget-area .p-widget.widget_nav_menu { padding: 30px 5.555555%; width: 50%; } .p-footer-widget-area .p-siteinfo { font-size: 16px; } .p-footer-widget-area__has-social-nav .p-footer-widget-area__inner { padding-bottom: 56px; position: relative; } .p-footer-widget-area__has-social-nav .p-social-nav { display: none; } .p-footer-widget-area__has-social-nav .p-social-nav__mobile { border-top: 1px solid #ddd; display: block; line-height: 56px; text-align: center; width: 100%; position: absolute; bottom: 0; left: 0; } /* footer widget area default */ .p-footer-widget-area__default .p-widget { padding: 30px 5.5556%; } } /** * Utility */ /* hidden */ @media only screen and (max-width: 1200px) { .u-hidden-lg { display: none; } .u-visible-lg { display: block; } } @media only screen and (max-width: 991px) { .u-hidden-sm { display: none; } .u-visible-sm { display: block; } } @media only screen and (max-width: 767px) { .u-hidden-xs { display: none; } .u-visible-xs { display: block; } } /* slick */ @media only screen and (max-width: 767px) { .slick-arrow { height: 40px; line-height: 40px; margin-top: -25px; opacity: 0.9; width: 40px; } .slick-slider:hover .slick-arrow { opacity: 0.9; } .slick-arrow:hover { opacity: 1; } } @charset "UTF-8"; /* ----------------------- Share button -------------------------- */ .share-top { margin-bottom: 20px;} .share-btm { margin: 30px 0; } @media screen and (max-width:800px) { .share-top { margin:20px 0 20px 0; } .share-btm { margin:20px 0; } } .single_share li{ list-style: none; } .single_share li a [class^="icon-"]{ display: none; } /*** 共通 ***/ .single_share ul { display:flex; flex-wrap:wrap; margin:0 -3px -3px 0; } .single_share li:not(.default) { flex: 1 1 0%; margin:0 3px 3px 0; max-width:100px; } .single_share li:not(.default) a { display:flex; flex-wrap:wrap; justify-content:center; text-align:center; position:relative; border-radius:3px; align-items:center; cursor: pointer;} .single_share a:before { font-family:'design_plus'; display:block; color:#fff; margin-right:5px; position:relative; transition: color 0.25s ease; -webkit-font-smoothing: antialiased; } .single_share .ttl { font-size: 12px;position: relative;font-family: Arial; } /*** サイズ違い ***/ .single_share .share-type1 a, .single_share .share-type2 a { line-height: 30px;} .single_share .share-type3 ul, .single_share .share-type4 ul { margin:0 -5px -5px 0; } .single_share .share-type3 li, .single_share .share-type4 li { flex: 0 0 auto; width:calc(25% - 5px); margin:0 5px 5px 0; max-width:inherit; } .single_share .share-type3 a, .single_share .share-type4 a { height: 40px;} .single_share .share-type3 a { line-height:42px; } .single_share .share-type4 a { line-height:40px; } /** カラー or モノクロ ***/ .single_share .share-type1 a, .single_share .share-type3 a { background:#000; color:#fff;} .single_share .share-type2 a, .single_share .share-type4 a { background:#f2f2f2; color:#000; border:1px solid #ddd; } .single_share .share-type2 a:before, .single_share .share-type4 a:before { color:#000; } /*** 各シェアアイコン ***/ .single_share .twitter a:before { font-family: 'tiktok_x_icon'; content: "\e901"; font-size:12px; top:-1px; } .single_share .facebook a:before { font-family: 'tiktok_x_icon'; content: "\e902"; font-size:18px; top:-1px; } .single_share .hatebu a:before { content:'\e908'; font-size:14px; top:0px; } .single_share .pocket a:before { content:'\e90a'; font-size:16px; top:0px; } .single_share .rss a:before { content:'\e90b'; font-size:12px; top:-0.5px; } .single_share .feedly a:before { content:'\e907'; font-size:15px; top:-1px; } .single_share .pinterest a:before { content:'\e905'; font-size:16px; top:-0.5px; } .single_share .share-type1 .twitter a, .single_share .share-type3 .twitter a { background:#000; border-color:#000; } .single_share .share-type1 .facebook a, .single_share .share-type3 .facebook a { background:#35629a; border-color:#35629a; } .single_share .share-type1 .hatebu a, .single_share .share-type3 .hatebu a { background:#3c7dd1; border-color:#3c7dd1; } .single_share .share-type1 .pocket a, .single_share .share-type3 .pocket a { background:#ee4056; border-color:#ee4056; } .single_share .share-type1 .rss a, .single_share .share-type3 .rss a { background:#ffb53c; border-color:#ffb53c; } .single_share .share-type1 .feedly a, .single_share .share-type3 .feedly a { background:#6cc655; border-color:#6cc655; } .single_share .share-type1 .pinterest a, .single_share .share-type3 .pinterest a { background:#d4121c; border-color:#d4121c; } @media(hover: hover) { .single_share .share-type1 .twitter a:hover, .single_share .share-type3 .twitter a:hover { background:#666; } .single_share .share-type1 .facebook a:hover, .single_share .share-type3 .facebook a:hover { background:#1f3669;} .single_share .share-type1 .hatebu a:hover, .single_share .share-type3 .hatebu a:hover { background:#0270ac; } .single_share .share-type1 .pocket a:hover, .single_share .share-type3 .pocket a:hover { background:#c53648; } .single_share .share-type1 .rss a:hover, .single_share .share-type3 .rss a:hover { background:#e09900;} .single_share .share-type1 .feedly a:hover, .single_share .share-type3 .feedly a:hover { background:#5ca449; } .single_share .share-type1 .pinterest a:hover, .single_share .share-type3 .pinterest a:hover { background:#a42f35; } .single_share .share-type1 a:hover, .single_share .share-type3 a:hover { color:#fff; } .single_share .share-type2 .twitter a:hover, .single_share .share-type4 .twitter a:hover { background:#000; border-color:#000; } .single_share .share-type2 .facebook a:hover, .single_share .share-type4 .facebook a:hover { background:#35629a; border-color:#35629a; } .single_share .share-type2 .hatebu a:hover, .single_share .share-type4 .hatebu a:hover { background:#3c7dd1; border-color:#3c7dd1; } .single_share .share-type2 .pocket a:hover, .single_share .share-type4 .pocket a:hover { background:#ee4056; border-color:#ee4056; } .single_share .share-type2 .rss a:hover, .single_share .share-type4 .rss a:hover { background:#ffb53c; border-color:#ffb53c; } .single_share .share-type2 .feedly a:hover, .single_share .share-type4 .feedly a:hover { background:#6cc655; border-color:#6cc655; } .single_share .share-type2 .pinterest a:hover, .single_share .share-type4 .pinterest a:hover { background:#d4121c; border-color:#d4121c; } .single_share .share-type2 a:hover, .single_share .share-type4 a:hover { color:#fff; } .single_share .share-type2 a:hover:before, .single_share .share-type4 a:hover:before { color:#fff; } } @media screen and (max-width:800px) { .single_share .share-type1 .ttl, .single_share .share-type2 .ttl { display:none; } .single_share .share-type3 .ttl, .single_share .share-type4 .ttl { display:inline; } .single_share .share-type3 a, .single_share .share-type4 a { height:35px; line-height:37px; } .single_share .share-type4 a { line-height:35px; } .single_share a:before { margin:0; } .single_share .share-type3 a:before, .single_share .share-type4 a:before { margin-right:5px; } .single_share .twitter a:before { top:0px } .single_share .facebook a:before { top:-1px; } .single_share .hatebu a:before { top:0px; } .single_share .pocket a:before { top:0px; } .single_share .rss a:before { top:-1px; } .single_share .feedly a:before { top:-1.5px; } } @media screen and (max-width:500px) { .single_share .ttl { max-width:inherit; } .single_share .share-type3 li, .single_share .share-type4 li { width:calc(50% - 5px); max-width:inherit; } } .single_share .share-type5 ul { display:flex; flex-wrap:wrap; margin:0 -3px -10px 0; } .single_share .share-type5 li { margin:0 3px 3px 0; } .single_share .share-type5 li.pocket_button { width:90px !important; } :root{--tcd-font-type1:Arial,"Hiragino Sans","Yu Gothic Medium","Meiryo",sans-serif;--tcd-font-type2:"Times New Roman",Times,"Yu Mincho","游明朝","游明朝体","Hiragino Mincho Pro",serif;--tcd-font-type3:Palatino,"Yu Kyokasho","游教科書体","UD デジタル 教科書体 N","游明朝","游明朝体","Hiragino Mincho Pro","Meiryo",serif;--tcd-font-type-logo:"Noto Sans JP",sans-serif} .c-comment__form-submit:hover,c-comment__password-protected,.p-pagetop a,.slick-dots li.slick-active button,.slick-dots li:hover button{background-color:#333}.p-entry__pickup,.p-entry__related,.p-widget__title,.widget_block .wp-block-heading,.slick-dots li.slick-active button,.slick-dots li:hover button{border-color:#333}.p-index-tab__item.is-active,.p-index-tab__item:hover{border-bottom-color:#333}.c-comment__tab-item.is-active a,.c-comment__tab-item a:hover,.c-comment__tab-item.is-active p{background-color:rgba(51,51,51,.7)}.c-comment__tab-item.is-active a:after,.c-comment__tab-item.is-active p:after{border-top-color:rgba(51,51,51,.7)}.p-article__meta,.p-blog-list__item-excerpt,.p-ranking-list__item-excerpt,.p-author__views,.p-page-links a,.p-page-links .p-page-links__title,.p-pager__item span{color:#999}.p-page-links>span,.p-page-links a:hover,.p-entry__next-page__link{background-color:#999}.p-page-links>span,.p-page-links a{border-color:#999}a:hover,a:hover .p-article__title,.p-global-nav>li:hover>a,.p-global-nav>li.current-menu-item>a,.p-global-nav>li.is-active>a,.p-breadcrumb a:hover,.p-widget-categories .has-children .toggle-children:hover:before,.p-footer-widget-area .p-siteinfo .p-social-nav li a:hover,.p-footer-widget-area__default .p-siteinfo .p-social-nav li a:hover{color:#aaa}.p-global-nav .sub-menu a:hover,.p-global-nav .sub-menu .current-menu-item>a,.p-megamenu a.p-megamenu__hover:hover,.p-entry__next-page__link:hover,.c-pw__btn:hover{background:#aaa}.p-entry__date,.p-entry__body,.p-author__desc,.p-breadcrumb,.p-breadcrumb a{color:#333}.p-entry__body a,.custom-html-widget a{color:#00f}.p-entry__body a:hover,.custom-html-widget a:hover{color:#aaa}.p-float-native-ad-label{background:#000;color:#fff;font-size:11px}.p-category-item--12,.cat-item-12>a,.cat-item-12 .toggle-children{color:#000}body{font-family:var(--tcd-font-type1)}.p-logo,.p-entry__title,.p-article__title,.p-article__title__overlay,.p-headline,.p-page-header__title,.p-widget__title,.widget_block .wp-block-heading,.p-sidemenu .p-siteinfo__title,.p-index-slider__item-catch,.p-header-video__caption-catch,.p-footer-blog__catch,.p-footer-cta__catch{font-family:var(--tcd-font-type1)}.rich_font_logo{font-family:var(--tcd-font-type-logo);font-weight:700 !important}.c-load--type1{border:3px solid rgba(153,153,153,.2);border-top-color:#000}.p-hover-effect--type1:hover img{-webkit-transform:scale(1.2) rotate(2deg);transform:scale(1.2) rotate(2deg)}.p-hover-effect--type2 img{margin-left:-8px}.p-hover-effect--type2:hover img{margin-left:8px}.p-hover-effect--type1 .p-article__overlay{background:rgba(0,0,0,.5)}.p-hover-effect--type2:hover img{opacity:.5}.p-hover-effect--type2 .p-hover-effect__image{background:#000}.p-hover-effect--type2 .p-article__overlay{background:rgba(0,0,0,.5)}.p-hover-effect--type3 .p-hover-effect__image{background:#000}.p-hover-effect--type3:hover img{opacity:.5}.p-hover-effect--type3 .p-article__overlay{background:rgba(0,0,0,.5)}.p-page-header:before{background:rgba(0,0,0,.2)}.p-entry__title{font-size:30px}.p-entry__body,.p-entry__body p{font-size:16px}.l-header__bar{background:rgba(255,255,255,.8)}.l-header__bar>.l-inner>a,.p-global-nav>li>a{color:#000}.l-header__logo--text a{color:#000;font-size:28px}.l-footer .p-siteinfo .p-logo{font-size:28px}@media only screen and (max-width:1200px){.l-header__logo--mobile.l-header__logo--text a{font-size:18px}.p-global-nav{background-color:rgba(51,51,51,.8)}}@media only screen and (max-width:991px){.l-footer .p-siteinfo .p-logo{font-size:18px}.p-copyright{background-color:#333}.p-pagetop a{background-color:#999}}#site_info_widget-2 .p-siteinfo__button{background:#333;color:#fff}#site_info_widget-2 .p-siteinfo__button:hover{background:#333;color:#fff} .grecaptcha-badge{visibility:hidden}