/** Theme Name: JIN:R child Template: jinr Author: CROOVER Inc. Author URI: https://croover.co.jp Version: 1.00 */ .pc { display: block; } .sp { display: none; } /* インライン要素の時 */ .pcinline { display: inline; } .spinline { display: none; } .d-none { display: none!important; } .full_width .t--main-width { max-width: unset!important; } @media screen and (max-width:551px) { .sp_text_left { text-align: left; } .d--maintext-customize.b--jinr-h2rich.d--h2rich-center .a--h2rich-maincopy { font-size: 18px!important; } /* .t--padding { padding-left: 15px!important; padding-right: 15px!important; } .page-template-template-full-width .d--main-style-transparent .d--fullwidth-max, .page-template-template-full-width .d--main-style-noframe .d--fullwidth-max, .post-template-template-full-width .d--main-style-transparent .d--fullwidth-max, .post-template-template-full-width .d--main-style-noframe .d--fullwidth-max, .template-full-width .d--main-style-transparent .d--fullwidth-max, .template-full-width .d--main-style-noframe .d--fullwidth-max { padding-left: 0; padding-right: 0; } */ } @media screen and (max-width:781px) { .pc { display: none; } .sp { display: block; } /* インライン要素の時 */ .pcinline{ display: none; } .spinline{ display: inline; } } .wp-block-image.cover_text .alignleft, .wp-block-image.cover_text .alignright { margin: 0; } .d--animation-general-on .o--jinr-mainvisual { max-height: 1000px; background: #000; } .c--jinr-movie { max-height: 1000px; /* object-fit: cover; */ } .image_on_text .c--richmenu-contents { background: rgba(0, 84, 166, 0.7); padding: 12px; } .image_on_text .c--richmenu-contents .a--richmenu-text { font-size: 3.2rem!important; } .image_on_text.twocolumn { max-width: 1144px; } .image_on_text.threecolumn { max-width: 1730px; } @media screen and (max-width:551px) { .image_on_text .c--richmenu-contents .a--richmenu-text { font-size: 1.6rem!important; } .top_about_head .a--h2rich-maincopy { font-size: 1.6rem!important; line-height: 1.5!important; } } @media (max-width: 781px) { .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis: fit-content!important; } .page-link_inner { gap: 0; } } .metaslider.ms-theme-clarity .flexslider { margin-bottom: 0!important; } /* BOXの横幅余白消去 */ @media (min-width: 552px) { .c--background-inner { padding: 0; } } @media (min-width: 552px) { .full_width.b--jinr-box { padding: 2.7rem 0!important; width: 100%!important; } } /* TOP製品情報のカルーセルのテキスト周りボーダーを消去 */ .metaslider.ms-theme-clarity .flexslider .caption-wrap { border: none!important; } /*===== 製品情報 =====*/ /* 納入実績マップ テーブル横幅 */ .introduction_table .t--main-width { max-width: 1560px!important; margin: 0 auto; } .wp-block-table td, .wp-block-table th { padding: 0px 9px!important; } .table-title_text { margin: 0.5rem 0!important; } /* 地上高49ｍ以下 */ .table-title_under49 { background-color: #ed6c00!important; } .wp-block-table.under49 table { border: 2px solid #ed6c00; } .wp-block-table.under49 table thead { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #ed6c00; } .wp-block-table.under49 table tr th:not(:last-child), .wp-block-table.under49 table tr td:not(:last-child) { border-right: solid 2px #ed6c00; } .wp-block-table.is-style-stripes.under49 tbody tr:nth-child(odd) { background-color: #fde9d4; } /* 地上高50ｍ以上 */ .table-title_over50 { background-color: #2660ad!important; } .wp-block-table.over50 table { border: 2px solid #0068b7; } .wp-block-table.over50 table thead { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #0068b7; } .wp-block-table.over50 table tr th:not(:last-child), .wp-block-table.over50 table tr td:not(:last-child) { border-right: solid 2px #0068b7; } .wp-block-table.is-style-stripes.over50 tbody tr:nth-child(odd) { background-color: #dce9f7; } /* 博覧会 */ .table-title_exposition { background-color: #e8447d!important; } .wp-block-table.exposition table { border: 2px solid #e8447d; } .wp-block-table.exposition table thead { border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #e8447d; } .wp-block-table.exposition table tr th:not(:last-child), .wp-block-table.exposition table tr td:not(:last-child) { border-right: solid 2px #e8447d; } .wp-block-table.is-style-stripes.exposition tbody tr:nth-child(odd) { background-color: #fbdfe3; } @media screen and (max-width:551px) { .b--jinr-box p.table-title_text { margin: 0.5rem!important; } .wp-block-table td, .wp-block-table th { padding: 0px 5px !important; font-size: 1.0rem!important; letter-spacing: 0!important; } } /* SmartSlider 3 製品情報スライド　テキスト高さ調整 */ #postContent p { margin-top: 0!important; margin-bottom: 0!important; } @media (min-width: 552px) { .d--header-layout1 #SiteSubCopy { margin-top: 6px; } #SiteSubCopy { font-size: 12px; } } @media (max-width: 551px) { .d--header-layout1 { padding-bottom: 10px !important; } .t--padding { padding-left: 12px; } } /* ContactForm7 必須 */ .required { color: red; } #hamburgerMenuList { /*IE(Internet Explorer)・Microsoft Edgeへの対応*/ -ms-overflow-style: none; /*Firefoxへの対応*/ scrollbar-width: none; } /*Google Chrome、Safariへの対応*/ #hamburgerMenuList::-webkit-scrollbar, .d--hamburger-widget-on #hamburgerWidget::-webkit-scrollbar { display: none; } .d--hamburger-widget-on #hamburgerWidget { margin-bottom: 100px; /*IE(Internet Explorer)・Microsoft Edgeへの対応*/ -ms-overflow-style: none; /*Firefoxへの対応*/ scrollbar-width: none; } #hamburgerWidget .widgettitle { font-size: 1.8rem; } #hamburgerWidget ul { margin: 24px 0 0; } .widget_nav_menu .menu-item { padding: 18px 33px 18px 3px; } /* 英語ページカスタムテンプレート用 */ body.home.page.page-template-template-full-width-en .d--main-style-outline, body.home.page.page-template-template-full-width-en .d--main-style-transparent, body.home.page.post-template-template-full-width .d--main-style-outline, body.home.page.post-template-template-full-width .d--main-style-transparent, body.home.page.template-full-width .d--main-style-outline, body.home.page.template-full-width .d--main-style-transparent, body.blog.page.page-template-template-full-width-en .d--main-style-outline, body.blog.page.page-template-template-full-width-en .d--main-style-transparent, body.blog.page.post-template-template-full-width .d--main-style-outline, body.blog.page.post-template-template-full-width .d--main-style-transparent, body.blog.page.template-full-width .d--main-style-outline, body.blog.page.template-full-width .d--main-style-transparent { padding-top: 0; } body.home.page.page-template-template-full-width-en .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner, body.home.page.page-template-template-full-width-en .d--main-style-outline.d--two-column.d--article-style2 #mainContentInner, body.home.page.page-template-template-full-width-en .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner, body.home.page.page-template-template-full-width-en .d--main-style-outline.d--one-column.d--article-style2 #mainContentInner, body.home.page.page-template-template-full-width-en .d--main-style-transparent.d--two-column.d--article-style1 #mainContentInner, body.home.page.page-template-template-full-width-en .d--main-style-transparent.d--two-column.d--article-style2 #mainContentInner, body.home.page.page-template-template-full-width-en .d--main-style-transparent.d--one-column.d--article-style1 #mainContentInner, body.home.page.page-template-template-full-width-en .d--main-style-transparent.d--one-column.d--article-style2 #mainContentInner, body.home.page.post-template-template-full-width .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner, body.home.page.post-template-template-full-width .d--main-style-outline.d--two-column.d--article-style2 #mainContentInner, body.home.page.post-template-template-full-width .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner, body.home.page.post-template-template-full-width .d--main-style-outline.d--one-column.d--article-style2 #mainContentInner, body.home.page.post-template-template-full-width .d--main-style-transparent.d--two-column.d--article-style1 #mainContentInner, body.home.page.post-template-template-full-width .d--main-style-transparent.d--two-column.d--article-style2 #mainContentInner, body.home.page.post-template-template-full-width .d--main-style-transparent.d--one-column.d--article-style1 #mainContentInner, body.home.page.post-template-template-full-width .d--main-style-transparent.d--one-column.d--article-style2 #mainContentInner, body.home.page.template-full-width .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner, body.home.page.template-full-width .d--main-style-outline.d--two-column.d--article-style2 #mainContentInner, body.home.page.template-full-width .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner, body.home.page.template-full-width .d--main-style-outline.d--one-column.d--article-style2 #mainContentInner, body.home.page.template-full-width .d--main-style-transparent.d--two-column.d--article-style1 #mainContentInner, body.home.page.template-full-width .d--main-style-transparent.d--two-column.d--article-style2 #mainContentInner, body.home.page.template-full-width .d--main-style-transparent.d--one-column.d--article-style1 #mainContentInner, body.home.page.template-full-width .d--main-style-transparent.d--one-column.d--article-style2 #mainContentInner, body.blog.page.page-template-template-full-width-en .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner, body.blog.page.page-template-template-full-width-en .d--main-style-outline.d--two-column.d--article-style2 #mainContentInner, body.blog.page.page-template-template-full-width-en .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner, body.blog.page.page-template-template-full-width-en .d--main-style-outline.d--one-column.d--article-style2 #mainContentInner, body.blog.page.page-template-template-full-width-en .d--main-style-transparent.d--two-column.d--article-style1 #mainContentInner, body.blog.page.page-template-template-full-width-en .d--main-style-transparent.d--two-column.d--article-style2 #mainContentInner, body.blog.page.page-template-template-full-width-en .d--main-style-transparent.d--one-column.d--article-style1 #mainContentInner, body.blog.page.page-template-template-full-width-en .d--main-style-transparent.d--one-column.d--article-style2 #mainContentInner, body.blog.page.post-template-template-full-width .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner, body.blog.page.post-template-template-full-width .d--main-style-outline.d--two-column.d--article-style2 #mainContentInner, body.blog.page.post-template-template-full-width .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner, body.blog.page.post-template-template-full-width .d--main-style-outline.d--one-column.d--article-style2 #mainContentInner, body.blog.page.post-template-template-full-width .d--main-style-transparent.d--two-column.d--article-style1 #mainContentInner, body.blog.page.post-template-template-full-width .d--main-style-transparent.d--two-column.d--article-style2 #mainContentInner, body.blog.page.post-template-template-full-width .d--main-style-transparent.d--one-column.d--article-style1 #mainContentInner, body.blog.page.post-template-template-full-width .d--main-style-transparent.d--one-column.d--article-style2 #mainContentInner, body.blog.page.template-full-width .d--main-style-outline.d--two-column.d--article-style1 #mainContentInner, body.blog.page.template-full-width .d--main-style-outline.d--two-column.d--article-style2 #mainContentInner, body.blog.page.template-full-width .d--main-style-outline.d--one-column.d--article-style1 #mainContentInner, body.blog.page.template-full-width .d--main-style-outline.d--one-column.d--article-style2 #mainContentInner, body.blog.page.template-full-width .d--main-style-transparent.d--two-column.d--article-style1 #mainContentInner, body.blog.page.template-full-width .d--main-style-transparent.d--two-column.d--article-style2 #mainContentInner, body.blog.page.template-full-width .d--main-style-transparent.d--one-column.d--article-style1 #mainContentInner, body.blog.page.template-full-width .d--main-style-transparent.d--one-column.d--article-style2 #mainContentInner { padding-top: 0; padding-bottom: 0; } body.home.page.page-template-template-full-width-en .d--main-style-noframe, body.home.page.post-template-template-full-width .d--main-style-noframe, body.home.page.template-full-width .d--main-style-noframe, body.blog.page.page-template-template-full-width-en .d--main-style-noframe, body.blog.page.post-template-template-full-width .d--main-style-noframe, body.blog.page.template-full-width .d--main-style-noframe { padding-top: 0; } body.home.page.page-template-template-full-width-en .d--main-style-noframe.d--two-column.d--article-style1 #mainContentInner, body.home.page.page-template-template-full-width-en .d--main-style-noframe.d--two-column.d--article-style2 #mainContentInner, body.home.page.page-template-template-full-width-en .d--main-style-noframe.d--one-column.d--article-style1 #mainContentInner, body.home.page.page-template-template-full-width-en .d--main-style-noframe.d--one-column.d--article-style2 #mainContentInner, body.home.page.post-template-template-full-width .d--main-style-noframe.d--two-column.d--article-style1 #mainContentInner, body.home.page.post-template-template-full-width .d--main-style-noframe.d--two-column.d--article-style2 #mainContentInner, body.home.page.post-template-template-full-width .d--main-style-noframe.d--one-column.d--article-style1 #mainContentInner, body.home.page.post-template-template-full-width .d--main-style-noframe.d--one-column.d--article-style2 #mainContentInner, body.home.page.template-full-width .d--main-style-noframe.d--two-column.d--article-style1 #mainContentInner, body.home.page.template-full-width .d--main-style-noframe.d--two-column.d--article-style2 #mainContentInner, body.home.page.template-full-width .d--main-style-noframe.d--one-column.d--article-style1 #mainContentInner, body.home.page.template-full-width .d--main-style-noframe.d--one-column.d--article-style2 #mainContentInner, body.blog.page.page-template-template-full-width-en .d--main-style-noframe.d--two-column.d--article-style1 #mainContentInner, body.blog.page.page-template-template-full-width-en .d--main-style-noframe.d--two-column.d--article-style2 #mainContentInner, body.blog.page.page-template-template-full-width-en .d--main-style-noframe.d--one-column.d--article-style1 #mainContentInner, body.blog.page.page-template-template-full-width-en .d--main-style-noframe.d--one-column.d--article-style2 #mainContentInner, body.blog.page.post-template-template-full-width .d--main-style-noframe.d--two-column.d--article-style1 #mainContentInner, body.blog.page.post-template-template-full-width .d--main-style-noframe.d--two-column.d--article-style2 #mainContentInner, body.blog.page.post-template-template-full-width .d--main-style-noframe.d--one-column.d--article-style1 #mainContentInner, body.blog.page.post-template-template-full-width .d--main-style-noframe.d--one-column.d--article-style2 #mainContentInner, body.blog.page.template-full-width .d--main-style-noframe.d--two-column.d--article-style1 #mainContentInner, body.blog.page.template-full-width .d--main-style-noframe.d--two-column.d--article-style2 #mainContentInner, body.blog.page.template-full-width .d--main-style-noframe.d--one-column.d--article-style1 #mainContentInner, body.blog.page.template-full-width .d--main-style-noframe.d--one-column.d--article-style2 #mainContentInner { padding-bottom: 0; padding-top: 0; } .page-template-template-full-width-en #jinrArticle, .post-template-template-full-width #jinrArticle, .template-full-width #jinrArticle { max-width: 1120px; } .page-template-template-full-width-en .d--main-style-outline, .post-template-template-full-width .d--main-style-outline, .template-full-width .d--main-style-outline { padding-bottom: 0; width: calc(100% - 20px); margin: 18px auto; } @media (min-width: 552px) { .page-template-template-full-width-en .d--main-style-outline, .post-template-template-full-width .d--main-style-outline, .template-full-width .d--main-style-outline { width: calc(100% - 40px); margin: 30px auto; } } @media (min-width: 782px) { .page-template-template-full-width-en .d--main-style-outline, .post-template-template-full-width .d--main-style-outline, .template-full-width .d--main-style-outline { width: calc(100% - 60px); } } .page-template-template-full-width-en .d--main-style-outline #mainContentInner, .post-template-template-full-width .d--main-style-outline #mainContentInner, .template-full-width .d--main-style-outline #mainContentInner { padding-top: 0; } @media (max-width: 551px) { .page-template-template-full-width-en .d--main-style-outline #mainContentInner, .post-template-template-full-width .d--main-style-outline #mainContentInner, .template-full-width .d--main-style-outline #mainContentInner { padding-left: 15px; padding-right: 15px; } } @media screen and (min-width: 552px) and (max-width: 781px) { .page-template-template-full-width-en .d--main-style-outline #mainContentInner, .post-template-template-full-width .d--main-style-outline #mainContentInner, .template-full-width .d--main-style-outline #mainContentInner { padding-left: 25px; padding-right: 25px; } } @media (min-width: 782px) { .page-template-template-full-width-en .d--main-style-outline #mainContentInner, .post-template-template-full-width .d--main-style-outline #mainContentInner, .template-full-width .d--main-style-outline #mainContentInner { padding-left: 30px; padding-right: 30px; } } @media (min-width: 961px) { .page-template-template-full-width-en .d--main-style-outline #mainContentInner, .post-template-template-full-width .d--main-style-outline #mainContentInner, .template-full-width .d--main-style-outline #mainContentInner { padding-left: 30px; padding-right: 30px; } } @media (min-width: 1240px) { .page-template-template-full-width-en .d--main-style-outline #mainContentInner, .post-template-template-full-width .d--main-style-outline #mainContentInner, .template-full-width .d--main-style-outline #mainContentInner { padding-left: 0px; padding-right: 0px; } } @media (min-width: 1340px) { .page-template-template-full-width-en .d--main-style-outline #mainContentInner, .post-template-template-full-width .d--main-style-outline #mainContentInner, .template-full-width .d--main-style-outline #mainContentInner { padding-left: 0px; padding-right: 0px; } } .page-template-template-full-width-en .d--main-style-outline.d--one-column.d--article-style1, .post-template-template-full-width .d--main-style-outline.d--one-column.d--article-style1, .template-full-width .d--main-style-outline.d--one-column.d--article-style1 { padding: 0; } .page-template-template-full-width-en .d--main-style-noframe, .post-template-template-full-width .d--main-style-noframe, .template-full-width .d--main-style-noframe { padding-top: 0px; padding-bottom: 0; } .page-template-template-full-width-en .d--main-style-noframe #mainContentInner, .post-template-template-full-width .d--main-style-noframe #mainContentInner, .template-full-width .d--main-style-noframe #mainContentInner { padding-top: 0; } .page-template-template-full-width-en .d--main-style-transparent, .post-template-template-full-width .d--main-style-transparent, .template-full-width .d--main-style-transparent { padding-top: 0; padding-bottom: 0; } .page-template-template-full-width-en #postContent, .post-template-template-full-width #postContent, .template-full-width #postContent { margin-top: 0; padding-bottom: 0; max-width: 100% !important; } @media (min-width: 552px) { .page-template-template-full-width-en #postContent, .post-template-template-full-width #postContent, .template-full-width #postContent { padding-top: 1px; } } @media (max-width: 551px) { .page-template-template-full-width-en .d--article-width-680 .d--fullwidth-article, .page-template-template-full-width-en .d--article-width-740 .d--fullwidth-article, .post-template-template-full-width .d--article-width-680 .d--fullwidth-article, .post-template-template-full-width .d--article-width-740 .d--fullwidth-article, .template-full-width .d--article-width-680 .d--fullwidth-article, .template-full-width .d--article-width-740 .d--fullwidth-article { padding-left: 15px; padding-right: 15px; } } @media screen and (min-width: 552px) and (max-width: 781px) { .page-template-template-full-width-en .d--article-width-680 .d--fullwidth-article, .page-template-template-full-width-en .d--article-width-740 .d--fullwidth-article, .post-template-template-full-width .d--article-width-680 .d--fullwidth-article, .post-template-template-full-width .d--article-width-740 .d--fullwidth-article, .template-full-width .d--article-width-680 .d--fullwidth-article, .template-full-width .d--article-width-740 .d--fullwidth-article { padding-left: 25px; padding-right: 25px; } } @media (min-width: 782px) { .page-template-template-full-width-en .d--article-width-680 .d--fullwidth-article, .page-template-template-full-width-en .d--article-width-740 .d--fullwidth-article, .post-template-template-full-width .d--article-width-680 .d--fullwidth-article, .post-template-template-full-width .d--article-width-740 .d--fullwidth-article, .template-full-width .d--article-width-680 .d--fullwidth-article, .template-full-width .d--article-width-740 .d--fullwidth-article { padding-left: 30px; padding-right: 30px; } } @media (min-width: 961px) { .page-template-template-full-width-en .d--article-width-680 .d--fullwidth-article, .page-template-template-full-width-en .d--article-width-740 .d--fullwidth-article, .post-template-template-full-width .d--article-width-680 .d--fullwidth-article, .post-template-template-full-width .d--article-width-740 .d--fullwidth-article, .template-full-width .d--article-width-680 .d--fullwidth-article, .template-full-width .d--article-width-740 .d--fullwidth-article { padding-left: 0; padding-right: 0; } } @media (min-width: 1240px) { .page-template-template-full-width-en .d--article-width-680 .d--fullwidth-article, .page-template-template-full-width-en .d--article-width-740 .d--fullwidth-article, .post-template-template-full-width .d--article-width-680 .d--fullwidth-article, .post-template-template-full-width .d--article-width-740 .d--fullwidth-article, .template-full-width .d--article-width-680 .d--fullwidth-article, .template-full-width .d--article-width-740 .d--fullwidth-article { padding-left: 0px; padding-right: 0px; } } @media (min-width: 1340px) { .page-template-template-full-width-en .d--article-width-680 .d--fullwidth-article, .page-template-template-full-width-en .d--article-width-740 .d--fullwidth-article, .post-template-template-full-width .d--article-width-680 .d--fullwidth-article, .post-template-template-full-width .d--article-width-740 .d--fullwidth-article, .template-full-width .d--article-width-680 .d--fullwidth-article, .template-full-width .d--article-width-740 .d--fullwidth-article { padding-left: 0px; padding-right: 0px; } } .page-template-template-full-width-en .d--article-width-740 .d--fullwidth-article, .post-template-template-full-width .d--article-width-740 .d--fullwidth-article, .template-full-width .d--article-width-740 .d--fullwidth-article { max-width: 740px; } .page-template-template-full-width-en .d--article-width-680 .d--fullwidth-article, .post-template-template-full-width .d--article-width-680 .d--fullwidth-article, .template-full-width .d--article-width-680 .d--fullwidth-article { max-width: 680px; } .page-template-template-full-width-en .d--main-style-transparent .b--jinr-fullwidth, .page-template-template-full-width-en .d--main-style-noframe .b--jinr-fullwidth, .post-template-template-full-width .d--main-style-transparent .b--jinr-fullwidth, .post-template-template-full-width .d--main-style-noframe .b--jinr-fullwidth, .template-full-width .d--main-style-transparent .b--jinr-fullwidth, .template-full-width .d--main-style-noframe .b--jinr-fullwidth { margin: 0 calc(50% - 50vw); } @media (max-width: 551px) { .page-template-template-full-width-en .d--main-style-transparent .d--fullwidth-max, .page-template-template-full-width-en .d--main-style-noframe .d--fullwidth-max, .post-template-template-full-width .d--main-style-transparent .d--fullwidth-max, .post-template-template-full-width .d--main-style-noframe .d--fullwidth-max, .template-full-width .d--main-style-transparent .d--fullwidth-max, .template-full-width .d--main-style-noframe .d--fullwidth-max { padding-left: 15px; padding-right: 15px; } } @media screen and (min-width: 552px) and (max-width: 781px) { .page-template-template-full-width-en .d--main-style-transparent .d--fullwidth-max, .page-template-template-full-width-en .d--main-style-noframe .d--fullwidth-max, .post-template-template-full-width .d--main-style-transparent .d--fullwidth-max, .post-template-template-full-width .d--main-style-noframe .d--fullwidth-max, .template-full-width .d--main-style-transparent .d--fullwidth-max, .template-full-width .d--main-style-noframe .d--fullwidth-max { padding-left: 25px; padding-right: 25px; } } @media (min-width: 782px) { .page-template-template-full-width-en .d--main-style-transparent .d--fullwidth-max, .page-template-template-full-width-en .d--main-style-noframe .d--fullwidth-max, .post-template-template-full-width .d--main-style-transparent .d--fullwidth-max, .post-template-template-full-width .d--main-style-noframe .d--fullwidth-max, .template-full-width .d--main-style-transparent .d--fullwidth-max, .template-full-width .d--main-style-noframe .d--fullwidth-max { padding-left: 30px; padding-right: 30px; } } @media (min-width: 961px) { .page-template-template-full-width-en .d--main-style-transparent .d--fullwidth-max, .page-template-template-full-width-en .d--main-style-noframe .d--fullwidth-max, .post-template-template-full-width .d--main-style-transparent .d--fullwidth-max, .post-template-template-full-width .d--main-style-noframe .d--fullwidth-max, .template-full-width .d--main-style-transparent .d--fullwidth-max, .template-full-width .d--main-style-noframe .d--fullwidth-max { padding-left: 30px; padding-right: 30px; } } @media (min-width: 1240px) { .page-template-template-full-width-en .d--main-style-transparent .d--fullwidth-max, .page-template-template-full-width-en .d--main-style-noframe .d--fullwidth-max, .post-template-template-full-width .d--main-style-transparent .d--fullwidth-max, .post-template-template-full-width .d--main-style-noframe .d--fullwidth-max, .template-full-width .d--main-style-transparent .d--fullwidth-max, .template-full-width .d--main-style-noframe .d--fullwidth-max { padding-left: 0px; padding-right: 0px; } } @media (min-width: 1340px) { .page-template-template-full-width-en .d--main-style-transparent .d--fullwidth-max, .page-template-template-full-width-en .d--main-style-noframe .d--fullwidth-max, .post-template-template-full-width .d--main-style-transparent .d--fullwidth-max, .post-template-template-full-width .d--main-style-noframe .d--fullwidth-max, .template-full-width .d--main-style-transparent .d--fullwidth-max, .template-full-width .d--main-style-noframe .d--fullwidth-max { padding-left: 0px; padding-right: 0px; } } @media (max-width: 551px) { .page-template-template-full-width-en .d--main-style-transparent .d--fullwidth-article, .page-template-template-full-width-en .d--main-style-noframe .d--fullwidth-article, .post-template-template-full-width .d--main-style-transparent .d--fullwidth-article, .post-template-template-full-width .d--main-style-noframe .d--fullwidth-article, .template-full-width .d--main-style-transparent .d--fullwidth-article, .template-full-width .d--main-style-noframe .d--fullwidth-article { padding-left: 15px; padding-right: 15px; } } @media screen and (min-width: 552px) and (max-width: 781px) { .page-template-template-full-width-en .d--main-style-transparent .d--fullwidth-article, .page-template-template-full-width-en .d--main-style-noframe .d--fullwidth-article, .post-template-template-full-width .d--main-style-transparent .d--fullwidth-article, .post-template-template-full-width .d--main-style-noframe .d--fullwidth-article, .template-full-width .d--main-style-transparent .d--fullwidth-article, .template-full-width .d--main-style-noframe .d--fullwidth-article { padding-left: 25px; padding-right: 25px; } } @media (min-width: 782px) { .page-template-template-full-width-en .d--main-style-transparent .d--fullwidth-article, .page-template-template-full-width-en .d--main-style-noframe .d--fullwidth-article, .post-template-template-full-width .d--main-style-transparent .d--fullwidth-article, .post-template-template-full-width .d--main-style-noframe .d--fullwidth-article, .template-full-width .d--main-style-transparent .d--fullwidth-article, .template-full-width .d--main-style-noframe .d--fullwidth-article { padding-left: 0px; padding-right: 0px; } } @media (min-width: 961px) { .page-template-template-full-width-en .d--main-style-transparent .d--fullwidth-article, .page-template-template-full-width-en .d--main-style-noframe .d--fullwidth-article, .post-template-template-full-width .d--main-style-transparent .d--fullwidth-article, .post-template-template-full-width .d--main-style-noframe .d--fullwidth-article, .template-full-width .d--main-style-transparent .d--fullwidth-article, .template-full-width .d--main-style-noframe .d--fullwidth-article { padding-left: 0px; padding-right: 0px; } } @media (min-width: 1240px) { .page-template-template-full-width-en .d--main-style-transparent .d--fullwidth-article, .page-template-template-full-width-en .d--main-style-noframe .d--fullwidth-article, .post-template-template-full-width .d--main-style-transparent .d--fullwidth-article, .post-template-template-full-width .d--main-style-noframe .d--fullwidth-article, .template-full-width .d--main-style-transparent .d--fullwidth-article, .template-full-width .d--main-style-noframe .d--fullwidth-article { padding-left: 0px; padding-right: 0px; } } @media (min-width: 1340px) { .page-template-template-full-width-en .d--main-style-transparent .d--fullwidth-article, .page-template-template-full-width-en .d--main-style-noframe .d--fullwidth-article, .post-template-template-full-width .d--main-style-transparent .d--fullwidth-article, .post-template-template-full-width .d--main-style-noframe .d--fullwidth-article, .template-full-width .d--main-style-transparent .d--fullwidth-article, .template-full-width .d--main-style-noframe .d--fullwidth-article { padding-left: 0px; padding-right: 0px; } } .page-template-template-full-width-en .d--main-style-outline .b--jinr-fullwidth, .post-template-template-full-width .d--main-style-outline .b--jinr-fullwidth, .template-full-width .d--main-style-outline .b--jinr-fullwidth { margin: 0 calc(50% - 50vw + 10px); } @media (min-width: 552px) { .page-template-template-full-width-en .d--main-style-outline .b--jinr-fullwidth, .post-template-template-full-width .d--main-style-outline .b--jinr-fullwidth, .template-full-width .d--main-style-outline .b--jinr-fullwidth { margin: 0 calc(50% - 50vw + 25px); } } @media (min-width: 782px) { .page-template-template-full-width-en .d--main-style-outline .b--jinr-fullwidth, .post-template-template-full-width .d--main-style-outline .b--jinr-fullwidth, .template-full-width .d--main-style-outline .b--jinr-fullwidth { margin: 0 calc(50% - 50vw + 30px); } } @media (min-width: 1120px) { .page-template-template-full-width-en .d--main-style-outline .b--jinr-fullwidth, .post-template-template-full-width .d--main-style-outline .b--jinr-fullwidth, .template-full-width .d--main-style-outline .b--jinr-fullwidth { margin: 0 calc(50% - 50vw + 30px); } } @media (max-width: 551px) { .page-template-template-full-width-en .d--main-style-outline .d--fullwidth-max, .post-template-template-full-width .d--main-style-outline .d--fullwidth-max, .template-full-width .d--main-style-outline .d--fullwidth-max { padding-left: 15px; padding-right: 15px; } } @media screen and (min-width: 552px) and (max-width: 781px) { .page-template-template-full-width-en .d--main-style-outline .d--fullwidth-max, .post-template-template-full-width .d--main-style-outline .d--fullwidth-max, .template-full-width .d--main-style-outline .d--fullwidth-max { padding-left: 25px; padding-right: 25px; } } @media (min-width: 782px) { .page-template-template-full-width-en .d--main-style-outline .d--fullwidth-max, .post-template-template-full-width .d--main-style-outline .d--fullwidth-max, .template-full-width .d--main-style-outline .d--fullwidth-max { padding-left: 30px; padding-right: 30px; } } @media (min-width: 961px) { .page-template-template-full-width-en .d--main-style-outline .d--fullwidth-max, .post-template-template-full-width .d--main-style-outline .d--fullwidth-max, .template-full-width .d--main-style-outline .d--fullwidth-max { padding-left: 30px; padding-right: 30px; } } @media (min-width: 1240px) { .page-template-template-full-width-en .d--main-style-outline .d--fullwidth-max, .post-template-template-full-width .d--main-style-outline .d--fullwidth-max, .template-full-width .d--main-style-outline .d--fullwidth-max { padding-left: 0px; padding-right: 0px; } } @media (min-width: 1340px) { .page-template-template-full-width-en .d--main-style-outline .d--fullwidth-max, .post-template-template-full-width .d--main-style-outline .d--fullwidth-max, .template-full-width .d--main-style-outline .d--fullwidth-max { padding-left: 0px; padding-right: 0px; } } @media (max-width: 551px) { .page-template-template-full-width-en .d--main-style-outline .d--fullwidth-article, .post-template-template-full-width .d--main-style-outline .d--fullwidth-article, .template-full-width .d--main-style-outline .d--fullwidth-article { padding-left: 15px; padding-right: 15px; } } @media screen and (min-width: 552px) and (max-width: 781px) { .page-template-template-full-width-en .d--main-style-outline .d--fullwidth-article, .post-template-template-full-width .d--main-style-outline .d--fullwidth-article, .template-full-width .d--main-style-outline .d--fullwidth-article { padding-left: 25px; padding-right: 25px; } } @media (min-width: 782px) { .page-template-template-full-width-en .d--main-style-outline .d--fullwidth-article, .post-template-template-full-width .d--main-style-outline .d--fullwidth-article, .template-full-width .d--main-style-outline .d--fullwidth-article { padding-left: 0px; padding-right: 0px; } } @media (min-width: 961px) { .page-template-template-full-width-en .d--main-style-outline .d--fullwidth-article, .post-template-template-full-width .d--main-style-outline .d--fullwidth-article, .template-full-width .d--main-style-outline .d--fullwidth-article { padding-left: 0px; padding-right: 0px; } } @media (min-width: 1240px) { .page-template-template-full-width-en .d--main-style-outline .d--fullwidth-article, .post-template-template-full-width .d--main-style-outline .d--fullwidth-article, .template-full-width .d--main-style-outline .d--fullwidth-article { padding-left: 0px; padding-right: 0px; } } @media (min-width: 1340px) { .page-template-template-full-width-en .d--main-style-outline .d--fullwidth-article, .post-template-template-full-width .d--main-style-outline .d--fullwidth-article, .template-full-width .d--main-style-outline .d--fullwidth-article { padding-left: 0px; padding-right: 0px; } } @media screen and (min-width: 782px) and (max-width: 800px) { .page-template-template-full-width-en .d--main-style-outline .d--fullwidth-article, .post-template-template-full-width .d--main-style-outline .d--fullwidth-article, .template-full-width .d--main-style-outline .d--fullwidth-article { padding-left: 30px; padding-right: 30px; } } @media (min-width: 782px) { .page-template-template-full-width-en .d--richmenu-text-style4 .c--richmenu-contents, .post-template-template-full-width .d--richmenu-text-style4 .c--richmenu-contents { top: 6px; left: 15px; } .page-template-template-full-width-en .d--richmenu-column2 .o--richmenu-item, .post-template-template-full-width .d--richmenu-column2 .o--richmenu-item { width: calc((100% - 24px ) / 2); } .page-template-template-full-width-en .d--richmenu-column2 .o--richmenu-item:not(:nth-of-type(2n)), .post-template-template-full-width .d--richmenu-column2 .o--richmenu-item:not(:nth-of-type(2n)) { margin-right: 24px; } .page-template-template-full-width-en .d--richmenu-column2 .o--richmenu-item:nth-of-type(2n+3), .page-template-template-full-width-en .d--richmenu-column2 .o--richmenu-item:nth-of-type(2n+4), .post-template-template-full-width .d--richmenu-column2 .o--richmenu-item:nth-of-type(2n+3), .post-template-template-full-width .d--richmenu-column2 .o--richmenu-item:nth-of-type(2n+4) { margin-top: 24px; } .page-template-template-full-width-en .d--richmenu-column2.d--richmenu-text-style5 .c--richmenu-contents, .page-template-template-full-width-en .d--richmenu-column2.d--richmenu-text-style1 .c--richmenu-contents, .page-template-template-full-width-en .d--richmenu-column2.d--richmenu-text-style2 .c--richmenu-contents, .post-template-template-full-width .d--richmenu-column2.d--richmenu-text-style5 .c--richmenu-contents, .post-template-template-full-width .d--richmenu-column2.d--richmenu-text-style1 .c--richmenu-contents, .post-template-template-full-width .d--richmenu-column2.d--richmenu-text-style2 .c--richmenu-contents { padding: 12px; } .page-template-template-full-width-en .d--richmenu-column2.d--richmenu-text-style5 .a--richmenu-text, .page-template-template-full-width-en .d--richmenu-column2.d--richmenu-text-style1 .a--richmenu-text, .page-template-template-full-width-en .d--richmenu-column2.d--richmenu-text-style2 .a--richmenu-text, .post-template-template-full-width .d--richmenu-column2.d--richmenu-text-style5 .a--richmenu-text, .post-template-template-full-width .d--richmenu-column2.d--richmenu-text-style1 .a--richmenu-text, .post-template-template-full-width .d--richmenu-column2.d--richmenu-text-style2 .a--richmenu-text { font-size: 1.7rem; } .page-template-template-full-width-en .d--richmenu-column2.d--richmenu-text-style3 .a--richmenu-text, .page-template-template-full-width-en .d--richmenu-column2.d--richmenu-text-style4 .a--richmenu-text, .post-template-template-full-width .d--richmenu-column2.d--richmenu-text-style3 .a--richmenu-text, .post-template-template-full-width .d--richmenu-column2.d--richmenu-text-style4 .a--richmenu-text { font-size: 2.1rem; } .page-template-template-full-width-en .d--richmenu-column3 .o--richmenu-item, .post-template-template-full-width .d--richmenu-column3 .o--richmenu-item { width: calc((100% - 24px * 2) / 3); } .page-template-template-full-width-en .d--richmenu-column3 .o--richmenu-item:not(:nth-of-type(3n)), .post-template-template-full-width .d--richmenu-column3 .o--richmenu-item:not(:nth-of-type(3n)) { margin-right: 24px; } .page-template-template-full-width-en .d--richmenu-column3 .o--richmenu-item:nth-of-type(3n+4), .page-template-template-full-width-en .d--richmenu-column3 .o--richmenu-item:nth-of-type(3n+5), .page-template-template-full-width-en .d--richmenu-column3 .o--richmenu-item:nth-of-type(3n+6), .post-template-template-full-width .d--richmenu-column3 .o--richmenu-item:nth-of-type(3n+4), .post-template-template-full-width .d--richmenu-column3 .o--richmenu-item:nth-of-type(3n+5), .post-template-template-full-width .d--richmenu-column3 .o--richmenu-item:nth-of-type(3n+6) { margin-top: 24px; } .page-template-template-full-width-en .d--richmenu-column3.d--richmenu-text-style5 .a--richmenu-text, .page-template-template-full-width-en .d--richmenu-column3.d--richmenu-text-style1 .a--richmenu-text, .page-template-template-full-width-en .d--richmenu-column3.d--richmenu-text-style2 .a--richmenu-text, .post-template-template-full-width .d--richmenu-column3.d--richmenu-text-style5 .a--richmenu-text, .post-template-template-full-width .d--richmenu-column3.d--richmenu-text-style1 .a--richmenu-text, .post-template-template-full-width .d--richmenu-column3.d--richmenu-text-style2 .a--richmenu-text { font-size: 1.5rem; } .page-template-template-full-width-en .d--richmenu-column3.d--richmenu-text-style3 .a--richmenu-text, .page-template-template-full-width-en .d--richmenu-column3.d--richmenu-text-style4 .a--richmenu-text, .post-template-template-full-width .d--richmenu-column3.d--richmenu-text-style3 .a--richmenu-text, .post-template-template-full-width .d--richmenu-column3.d--richmenu-text-style4 .a--richmenu-text { font-size: 2.1rem; } .page-template-template-full-width-en .d--richmenu-column3.d--richmenu-ratio-unique1-1 .a--richmenu-text, .post-template-template-full-width .d--richmenu-column3.d--richmenu-ratio-unique1-1 .a--richmenu-text { font-size: 1.5rem; } .page-template-template-full-width-en .d--richmenu-column3.d--richmenu-ratio-unique1-1 .a--richmenu-image, .post-template-template-full-width .d--richmenu-column3.d--richmenu-ratio-unique1-1 .a--richmenu-image { width: 120px; } .page-template-template-full-width-en .d--richmenu-column3.d--richmenu-ratio-unique1-1 .c--richmenu-contents, .post-template-template-full-width .d--richmenu-column3.d--richmenu-ratio-unique1-1 .c--richmenu-contents { width: calc(100% - 135px) !important; left: 135px !important; } .page-template-template-full-width-en .d--richmenu-column4 .o--richmenu-item, .post-template-template-full-width .d--richmenu-column4 .o--richmenu-item { width: calc((100% - 24px * 3) / 4); } .page-template-template-full-width-en .d--richmenu-column4 .o--richmenu-item:not(:nth-of-type(4n)), .post-template-template-full-width .d--richmenu-column4 .o--richmenu-item:not(:nth-of-type(4n)) { margin-right: 24px; } .page-template-template-full-width-en .d--richmenu-column4 .o--richmenu-item:nth-of-type(4n+5), .page-template-template-full-width-en .d--richmenu-column4 .o--richmenu-item:nth-of-type(4n+6), .page-template-template-full-width-en .d--richmenu-column4 .o--richmenu-item:nth-of-type(4n+7), .page-template-template-full-width-en .d--richmenu-column4 .o--richmenu-item:nth-of-type(4n+8), .post-template-template-full-width .d--richmenu-column4 .o--richmenu-item:nth-of-type(4n+5), .post-template-template-full-width .d--richmenu-column4 .o--richmenu-item:nth-of-type(4n+6), .post-template-template-full-width .d--richmenu-column4 .o--richmenu-item:nth-of-type(4n+7), .post-template-template-full-width .d--richmenu-column4 .o--richmenu-item:nth-of-type(4n+8) { margin-top: 24px; } .page-template-template-full-width-en .d--richmenu-column4.d--richmenu-text-style5 .a--richmenu-text, .page-template-template-full-width-en .d--richmenu-column4.d--richmenu-text-style1 .a--richmenu-text, .page-template-template-full-width-en .d--richmenu-column4.d--richmenu-text-style2 .a--richmenu-text, .post-template-template-full-width .d--richmenu-column4.d--richmenu-text-style5 .a--richmenu-text, .post-template-template-full-width .d--richmenu-column4.d--richmenu-text-style1 .a--richmenu-text, .post-template-template-full-width .d--richmenu-column4.d--richmenu-text-style2 .a--richmenu-text { font-size: 1.5rem; } .page-template-template-full-width-en .d--richmenu-column4.d--richmenu-text-style3 .a--richmenu-text, .page-template-template-full-width-en .d--richmenu-column4.d--richmenu-text-style4 .a--richmenu-text, .post-template-template-full-width .d--richmenu-column4.d--richmenu-text-style3 .a--richmenu-text, .post-template-template-full-width .d--richmenu-column4.d--richmenu-text-style4 .a--richmenu-text { font-size: 2.1rem; } } @media (min-width: 552px) { .home .d--one-column .d--postlist-square .c--post-contents, .post-template-template-full-width .d--one-column .d--postlist-square .c--post-contents, .page-template-template-full-width-en .d--one-column .d--postlist-square .c--post-contents { padding-bottom: 39px; } } @media (min-width: 552px) { .home .d--one-column .d--postlist-square .o--postlist-item, .post-template-template-full-width .d--one-column .d--postlist-square .o--postlist-item, .page-template-template-full-width-en .d--one-column .d--postlist-square .o--postlist-item { margin-bottom: 18px; } } @media (min-width: 961px) { .home .d--one-column .d--postlist-square .o--postlist-item, .post-template-template-full-width .d--one-column .d--postlist-square .o--postlist-item, .page-template-template-full-width-en .d--one-column .d--postlist-square .o--postlist-item { margin-bottom: 24px; } } @media (min-width: 552px) { .home .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item, .post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item, .page-template-template-full-width-en .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item { width: calc((100% - 18px) / 2); } .home .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)), .post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)), .page-template-template-full-width-en .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)) { margin-right: 18px; } } @media (min-width: 961px) { .home .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item, .post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item, .page-template-template-full-width-en .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item { width: calc((100% - (18px + 9px)) / 2); } .home .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)), .post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)), .page-template-template-full-width-en .d--one-column .d--postlist-square.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)) { margin-right: 27px; } } @media (min-width: 552px) { .home .d--one-column .d--postlist-square.d--postlist-column2 .c--post-meta, .post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column2 .c--post-meta, .page-template-template-full-width-en .d--one-column .d--postlist-square.d--postlist-column2 .c--post-meta { bottom: 12px; font-size: 1.1rem; } } @media (min-width: 552px) { .home .d--one-column .d--postlist-square.d--postlist-column2 .a--post-title, .post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column2 .a--post-title, .page-template-template-full-width-en .d--one-column .d--postlist-square.d--postlist-column2 .a--post-title { -webkit-line-clamp: 3; max-height: 7.2em; font-size: clamp(1.4rem, 1.4vw, 1.5rem); line-height: 1.55; } } @media (min-width: 861px) { .home .d--one-column .d--postlist-square.d--postlist-column2 .a--post-title, .post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column2 .a--post-title, .page-template-template-full-width-en .d--one-column .d--postlist-square.d--postlist-column2 .a--post-title { -webkit-line-clamp: 2; max-height: 4.8em; } } @media (min-width: 552px) { .home .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item, .post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item, .page-template-template-full-width-en .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item { width: calc((100% - 18px * 2) / 3); } .home .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item:not(:nth-of-type(3n)), .post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item:not(:nth-of-type(3n)), .page-template-template-full-width-en .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item:not(:nth-of-type(3n)) { margin-right: 18px; } } @media (min-width: 961px) { .home .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item, .post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item, .page-template-template-full-width-en .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item { width: calc((100% - (18px + 9px) * 2) / 3); } .home .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item:not(:nth-of-type(3n)), .post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item:not(:nth-of-type(3n)), .page-template-template-full-width-en .d--one-column .d--postlist-square.d--postlist-column3 .o--postlist-item:not(:nth-of-type(3n)) { margin-right: 27px; } } @media (min-width: 552px) { .home .d--one-column .d--postlist-square.d--postlist-column3 .a--post-title, .post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column3 .a--post-title, .page-template-template-full-width-en .d--one-column .d--postlist-square.d--postlist-column3 .a--post-title { -webkit-line-clamp: 3; max-height: 7.2em; font-size: clamp(1.2rem, 1.3vw, 1.35rem); } } @media screen and (min-width: 552px) and (max-width: 781px) { .home .d--one-column .d--postlist-square.d--postlist-column3 .a--post-title, .post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column3 .a--post-title, .page-template-template-full-width-en .d--one-column .d--postlist-square.d--postlist-column3 .a--post-title { -webkit-line-clamp: 4; max-height: 9.6em; } } @media (min-width: 1200px) { .home .d--one-column .d--postlist-square.d--postlist-column3 .a--post-title, .post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column3 .a--post-title, .page-template-template-full-width-en .d--one-column .d--postlist-square.d--postlist-column3 .a--post-title { -webkit-line-clamp: 2; max-height: 4.8em; } } @media (min-width: 782px) { .home .d--one-column .d--postlist-square.d--postlist-column4 .o--postlist-item, .post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column4 .o--postlist-item, .page-template-template-full-width-en .d--one-column .d--postlist-square.d--postlist-column4 .o--postlist-item { width: calc((100% - (18px + 6px) * 3) / 4); } .home .d--one-column .d--postlist-square.d--postlist-column4 .o--postlist-item:not(:nth-of-type(4n)), .post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column4 .o--postlist-item:not(:nth-of-type(4n)), .page-template-template-full-width-en .d--one-column .d--postlist-square.d--postlist-column4 .o--postlist-item:not(:nth-of-type(4n)) { margin-right: 24px; } } @media (min-width: 552px) { .home .d--one-column .d--postlist-square.d--postlist-column4 .a--post-title, .post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column4 .a--post-title, .page-template-template-full-width-en .d--one-column .d--postlist-square.d--postlist-column4 .a--post-title { font-size: 1.25rem; } } @media (min-width: 782px) { .home .d--one-column .d--postlist-square.d--postlist-column4 .a--post-title, .post-template-template-full-width .d--one-column .d--postlist-square.d--postlist-column4 .a--post-title, .page-template-template-full-width-en .d--one-column .d--postlist-square.d--postlist-column4 .a--post-title { -webkit-line-clamp: 3; max-height: 7.2em; } } @media (min-width: 552px) { .home .d--one-column .d--postlist-rectangle .o--postlist-item, .post-template-template-full-width .d--one-column .d--postlist-rectangle .o--postlist-item, .page-template-template-full-width-en .d--one-column .d--postlist-rectangle .o--postlist-item { margin-bottom: 24px; } } @media (min-width: 861px) { .home .d--one-column .d--postlist-rectangle.d--postlist-column2 .o--postlist-item, .post-template-template-full-width .d--one-column .d--postlist-rectangle.d--postlist-column2 .o--postlist-item, .page-template-template-full-width-en .d--one-column .d--postlist-rectangle.d--postlist-column2 .o--postlist-item { width: calc((100% - (18px + 6px)) / 2); } .home .d--one-column .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)), .post-template-template-full-width .d--one-column .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)), .page-template-template-full-width-en .d--one-column .d--postlist-rectangle.d--postlist-column2 .o--postlist-item:not(:nth-of-type(2n)) { margin-right: 24px; } } @media (min-width: 552px) { .home .d--one-column .d--postlist-rectangle.d--postlist-column2 .c--post-image, .post-template-template-full-width .d--one-column .d--postlist-rectangle.d--postlist-column2 .c--post-image, .page-template-template-full-width-en .d--one-column .d--postlist-rectangle.d--postlist-column2 .c--post-image { max-width: 180px; } } @media (min-width: 552px) { .home .d--one-column .d--postlist-rectangle.d--postlist-column2 .c--post-meta, .post-template-template-full-width .d--one-column .d--postlist-rectangle.d--postlist-column2 .c--post-meta, .page-template-template-full-width-en .d--one-column .d--postlist-rectangle.d--postlist-column2 .c--post-meta { bottom: 9px; } } @media (min-width: 552px) { .home .d--one-column .d--postlist-rectangle.d--postlist-column2 .a--post-title, .post-template-template-full-width .d--one-column .d--postlist-rectangle.d--postlist-column2 .a--post-title, .page-template-template-full-width-en .d--one-column .d--postlist-rectangle.d--postlist-column2 .a--post-title { font-size: clamp(1.2rem, 1.3vw, 1.35rem); } } @media (min-width: 552px) { .home .d--one-column .d--postlist-slider .o--postlist-item, .post-template-template-full-width .d--one-column .d--postlist-slider .o--postlist-item, .page-template-template-full-width-en .d--one-column .d--postlist-slider .o--postlist-item { margin-right: 24px; } } @media (min-width: 961px) { .home .d--one-column .d--postlist-slider .c--post-link, .post-template-template-full-width .d--one-column .d--postlist-slider .c--post-link, .page-template-template-full-width-en .d--one-column .d--postlist-slider .c--post-link { width: 20vw; } } @media (min-width: 552px) { .home .d--one-column .d--postlist-slider .a--post-title, .post-template-template-full-width .d--one-column .d--postlist-slider .a--post-title, .page-template-template-full-width-en .d--one-column .d--postlist-slider .a--post-title { font-size: clamp(1.2rem, 1.3vw, 1.35rem); } } .home .d--material-design .d--one-column .d--postlist-square.d--postlist-column2 .c--post-contents, .post-template-template-full-width .d--material-design .d--one-column .d--postlist-square.d--postlist-column2 .c--post-contents, .page-template-template-full-width-en .d--material-design .d--one-column .d--postlist-square.d--postlist-column2 .c--post-contents { padding-top: clamp(12px, 1.2vw, 15px); padding-right: clamp(15px, 1.5vw, 18px); padding-left: clamp(15px, 1.5vw, 18px); } @media (min-width: 552px) { .home .d--material-design .d--one-column .d--postlist-square.d--postlist-column2 .c--post-contents, .post-template-template-full-width .d--material-design .d--one-column .d--postlist-square.d--postlist-column2 .c--post-contents, .page-template-template-full-width-en .d--material-design .d--one-column .d--postlist-square.d--postlist-column2 .c--post-contents { padding-bottom: 39px; } } @media (min-width: 552px) { .home .d--material-design .d--one-column .d--postlist-rectangle.d--postlist-column2 .c--post-contents, .post-template-template-full-width .d--material-design .d--one-column .d--postlist-rectangle.d--postlist-column2 .c--post-contents, .page-template-template-full-width-en .d--material-design .d--one-column .d--postlist-rectangle.d--postlist-column2 .c--post-contents { padding: clamp(12px, 1.5vw, 15px) 15px; } } @media (min-width: 552px) { .home .d--flat-design .d--one-column .d--postlist-square.d--postlist-column2 .c--post-contents, .post-template-template-full-width .d--flat-design .d--one-column .d--postlist-square.d--postlist-column2 .c--post-contents, .page-template-template-full-width-en .d--flat-design .d--one-column .d--postlist-square.d--postlist-column2 .c--post-contents { padding-bottom: 39px; } }