/* Theme Name: OnePress Child Theme URI: https://www.famethemes.com Description: OnePress sample child theme Author: FameThemes Author URI: https://www.famethemes.com Template: onepress Version: 1.0.0 Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain: onepress-child */ /* Add your custom css below -------------------------------------------------------------- */ .about-item { margin: 0 18px !important; } .about-itemEn { width: 170px; font-size: 26px; padding: 5px 0; border-radius: 20px; border: 2px solid #0c215f; } .about-itemEn-product { width: 170px; font-size: 24px; padding: 5px 0; border-radius: 20px; border: 2px solid #0c215f; } .about-itemJa { margin-top: 3px; font-size: 16px; } .section-titleEn { font-size: 46px; } .section-titleJa { font-size: 14px; } .section01 { margin-top: -50px; color: #333; } .section01-bg { margin: 0 calc(50% - 50vw); width: 100vw; background-image: url("http://everclean-cat.jp/wp-everclean/wp-content/uploads/2022/02/about-image01.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 180px 0 80px; } .section01-body { position: relative; max-width: 520px; background-color: rgba(255, 255, 255, 0.85); padding: 150px 30px 30px; } .section01-image { display: none; } .section01 .section-title { position: absolute; top: -90px; left: 50%; transform: translatex(-50%); } .section01 .section-titleEn { width: 170px; height: 170px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 39px; line-height: 1.1; color: white; text-align: center; background-color: #0c215f; } .section01 .section-titleJa { font-size: 18px; text-align: center; margin-top: 8px; font-weight: normal; } .section01-text { margin-top: 12px; font-size: 16px; } .section02 { margin-top: -40px; color: #333; } .section02-bg { margin: 0 calc(50% - 50vw); width: 100vw; background-image: url("http://everclean-cat.jp/wp-everclean/wp-content/uploads/2023/10/エバークリーンとは3_rere.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 180px 0 80px; } .section02-inner { margin: 0 auto; margin-left: 30%; } .section02-body { position: relative; max-width: 710px; background-color: rgba(255, 255, 255, 0.85); padding: 150px 30px 30px; } .section02 .section02-body { margin-left: auto; position: relative; max-width: 520px; background-color: rgba(255, 255, 255, 0.85); padding: 150px 30px 30px; } .section02 .section-title { position: absolute; top: -90px; left: 50%; transform: translatex(-50%); } .section02 .section-titleEn { width: 170px; height: 170px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 32px; line-height: 1.1; color: white; text-align: center; background-color: #0c215f; } .section02 .section-titleJa { font-size: 18px; text-align: center; margin-top: 8px; font-weight: normal; } .section02-image { /*order: 2; margin: 0 ; width: 50%; margin: 0 ;*/ display: none; } .section02-textBox { order: 1; width: 100%; margin-bottom: 50px; } .section02-text { margin-top: 12px; font-size: 16px; } .section02-text br { display: none; } .section02-block { width: 50%; order: 3; text-align: center; } .section02-blockImage { width: 80%; margin: 0 auto 50px; } .section02-blockImage + p { text-align: center; } .section02-link { width: 195px; padding: 12px; font-size: 22px; } .section03 { color: #333; } .section03-image { display: none; } .section03-block { /*width: 50%;*/ } .section03-item { justify-content: flex-start; margin: 20px 0 0 !important; } .section03-item:first-of-type { margin-top: 10px !important; } .section03-itemNum { font-size: 26px; width: 75px; height: 75px; margin-bottom: 0; } .section03-itemLead { font-size: 23px; padding-left: 120px; margin-bottom: 0; width: 260px; } .section03-itemLead::before { left: 15px; width: 80px; } .section03-text { width: 100%; font-size: 16px; text-align: left; padding-left: 94px; } .section03-bg { margin: 0 calc(50% - 50vw); width: 100vw; background-image: url("http://everclean-cat.jp/wp-everclean/wp-content/uploads/2023/10/エバークリーンとは04_re_s.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 180px 0 80px; } .section03-inner { margin: 0 auto; } .section03-body { position: relative; max-width: 520px; background-color: rgba(255, 255, 255, 0.85); padding: 150px 30px 30px; margin-left: 10%; } .section03 .section-title { position: absolute; top: -90px; left: 50%; transform: translatex(-50%); } .section03 .section-titleEn { width: 170px; height: 170px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 32px; line-height: 1.1; color: white; text-align: center; background-color: #0c215f; } .section03 .section-titleJa { font-size: 18px; text-align: center; margin-top: 8px; font-weight: normal; } .about-body01 .section-titleEn { width: 150px; height: 150px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 27px; line-height: 1.1; color: white; text-align: center; background-color: #0c215f; position: relative; } .about-body01 .about-box01 { /*width: calc(600 / 1110 * 100%);*/ display: flex; margin-top: 8px 10px; flex-direction: row; justify-content: space-around; } /*--画像切り替え用--*/ .gallery { /*親*/ display: flex; margin: 10px auto; max-width: 600px; position: relative; /*padding-top: 66.6666666667%;*/ padding-top: 400px; } .gallery__img { /*表示される大きな画像。エフェクト付き*/ position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.3s ease-in-out; max-height: 400px; max-width: 400px; height: auto; width: auto; } .gallery__thumb { /*サムネイル*/ padding-top: 6px; margin: 6px; display: block; max-height: 60px; } .gallery__selector { position: absolute; opacity: 0; visibility: hidden; } .gallery__selector:checked + .gallery__img { /*大きな画像は全て透明にしておき、チェックが入ったら表示させる*/ opacity: 1; } .gallery__selector:checked ~ .gallery__thumb > img { /*サムネは選択されたら枠が表示されるように*/ /*box-shadow: 0 0 0 3px #0be2f6;*/ } table { border-collapse: collapse; width: 100%; } .tb01 th, .tb01 td { padding: 10px; border: solid 1px #ccc; text-align: center; box-sizing: border-box; } .tb01 th { background: navy; color: #fff; } /* ここからあきがおかしくしたコード */ .a entry-content-h2 { text-align: left; } .page-header page--cover { display: none; } .section-ever@clean { background-image: url("http://everclean-cat.jp/wp-everclean/wp-content/uploads/2023/10/エバークリーンとは5_re.jpg"); } .list_test-wrap { text-align: center; } .first-view-section { position: relative; padding-bottom: 40px; width: 100%; } .first-view-section-inner { width: 100%; } .first-view-section-title { font-size: 36px; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .first-view-section-title-right { font-size: 32px; right: 20%; } .first-view-section-title-left { font-size: 32px; left: 20%; } .first-view-section-image { width: 100%; } .top-view-section { position: relative; width: 100vw; } .top-view-section-title { color: #fff; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .top-view-section-title-pc { font-size: 32px; display: block; right: 0; padding: 0 10%; } .top-view-section-title-sp { display: none; } .top-view-section-inner { width: 100%; } .top-view-section-image { width: 100%; } .wpcf7-form-control { width: 100%; } .home .h4 { color: white; } .home-title { font-size: 1.5rem; } .custom-logo { max-width: 80%; } .home-title { font-size: 0.9rem; } .section-title-area { margin-bottom: 30px; text-align: center; } .product-thumbnail { margin-bottom: 10px; text-align: center; } .custom-logo { max-width: 50%; } /*begin-----puroduct-----*/ .product01 { /*width: 80%;*/ margin: auto; /*background:linear-gradient(transparent 10%, yellowgreen 0%);*/ display: table; border-left: 5px solid #00bfff; /*padding-left: 15px;*/ padding: 10px 0 10px 15px; } .product02 { /*width: 80%;*/ margin: auto; /*background:linear-gradient(transparent 70%, limegreen 0%);*/ display: table; border-left: 5px solid limegreen; /*padding-left: 15px;*/ padding: 10px 0 10px 15px; } .product-card { background: #fff; /*margin-bottom: 40px; */ } .product-link { color: black; } .product-link:hover { text-decoration: none; } .product-thumbnail { margin-bottom: 30px; text-align: center; } .product-img { max-width: 50%; } .product-title { color: black; text-align: center; } .product-title:hover { color: black; text-decoration: none; } .product-description { color: black; } .product-description:hover { color: black; text-decoration: none; } .product-description:hover { color: black; } /*end-----puroduct-----*/ /*begin-----section-features-----*/ .section-features { background: linear-gradient(45deg, #0077c8 0%, #13294b 80%); } .section-features .section-title-area .section-subtitle { color: #fff; } .section-features .section-title { color: #fff; } .section-features .section-content .feature-item h4 { color: #fff; } .section-features .section-content .feature-item a { color: #fff; } .section-features .section-content .feature-item p { color: #fff; } .section-features .section-content .feature-item .feature-media { width: 70%; margin: 15px auto 10px; } .hero-content-style1 { padding: 40px 0; } .page-id-149 .entry-title { padding: 50px 0; } .page-id-36 .entry-title { padding: 50px 0; } .page-id-42 .entry-title { padding: 50px 100px 50px 0 !important; } .page-id-196 .entry-title { /*padding-right: 0px;*/ padding: 50px 0 !important; } .page-entry-title { /*padding: 50px 0;*/ padding: 50px 0px 50px 100px !important; } .page-header.page--cover .entry-title { font-size: 1.5rem; padding: 70px 0 70px 200px; } .blog .entry-title { padding: 50px 100px 50px 0 !important; } .list-article-thumb img { max-width: 400px; } .list-article-thumb-child { max-height: 60px; object-fit: cover; padding: 5px; } .list-article-thumb img { max-width: 350px; } .list-article-thumb-child { max-width: 60px; object-fit: cover; padding: 3px; } .entry-content-h2 { /*font-size: 20px;*/ font-size: 1.2rem; font-weight: 500; margin-top: 15px; } .entry-content-thumbnail { margin-bottom: 20px; } .entry-img { max-width: 50%; } .product01_custom { /*商品情報_青色アンダーバー*/ width: 80%; font-weight: 600; background: linear-gradient(transparent 70%, #00bfff 30%); } .product02_custom { /*商品情報_緑色アンダーバー*/ width: 80%; font-weight: 600; background: linear-gradient(transparent 70%, #9acd32 30%); } .section-titleEn { /* display: block; font-size: 31px; text-align: center;*/ text-transform: uppercase; width: 130px; height: 130px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 24px; line-height: 1.1; color: white; text-align: center; background-color: #0c215f; position: relative; margin: 0px auto; } .section01 { margin-top: -50px; color: #333; } .section01-bg { margin: 0 auto; width: 100%; background-image: url("http://everclean-cat.jp/wp-everclean/wp-content/uploads/2022/02/about-image01.jpg"); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 120px 0 80px; } .section01-inner { margin: 0 auto; } .section01-body { position: relative; max-width: 400px; background-color: rgba(255, 255, 255, 0.85); padding: 110px 30px 30px; margin-left: 10%; } .section01-image { display: none; } .section01 .section-title { position: absolute; top: -70px; left: 50%; transform: translatex(-50%); } .section01 .section-titleEn { width: 130px; height: 130px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 27px; line-height: 1.1; color: white; text-align: center; background-color: #0c215f; } .section01 .section-titleJa { font-size: 20px; text-align: center; margin-top: 8px; font-weight: normal; } .section01-text { margin-top: 10px; font-size: 14px; text-align: center; } .section02 { margin-top: -50px; padding-top: 90px; color: #333; } .section02 .section-title { position: absolute; top: -70px; left: 50%; transform: translatex(-50%); } .section02 .section-titleEn { width: 130px; height: 130px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 24px; line-height: 1.1; color: white; text-align: center; background-color: #0c215f; } .section02 .section-titleJa { font-size: 20px; text-align: center; margin-top: 8px; font-weight: normal; } .section02-body { position: relative; max-width: 520px; background-color: rgba(255, 255, 255, 0.85); padding: 110px 30px 30px; /* margin: 0 auto; */ margin-right: 10%; } .section02-bg { margin: 0 calc(50% - 50vw); width: 100vw; background-image: url("http://everclean-cat.jp/wp-everclean/wp-content/uploads/2023/10/エバークリーンとは3_rere.jpg"); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 120px 0 80px; } .section02-text { margin-top: 10px; font-size: 16px; text-align: center; } .section03 .section-title { position: absolute; top: -70px; left: 50%; transform: translatex(-50%); } .section03 .section-titleEn { width: 130px; height: 130px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 27px; line-height: 1.1; color: white; text-align: center; background-color: #0c215f; } .section03 .section-titleJa { font-size: 20px; text-align: center; margin-top: 8px; font-weight: normal; } .section03-body { position: relative; max-width: 400px; background-color: rgba(255, 255, 255, 0.85); padding: 110px 30px 30px; margin: 0 auto; } .section03-image { display: none; } .section03-bg { margin: 0 calc(50% - 50vw); width: 100vw; background-image: url("http://everclean-cat.jp/wp-everclean/wp-content/uploads/2023/10/エバークリーンとは04_re_s.jpg"); background-repeat: no-repeat; background-position: center; background-size: contain; /* padding: 120px 0 80px; */ } .section03-text { margin-top: 10px; font-size: 16px; text-align: center; } .section03-image { margin: 0 -15px 20px; } .section03-list { margin: 0 !important; padding-left: 0; } .section03-item { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; list-style: none; } .section03-itemNum { display: flex; justify-content: center; align-items: center; font-size: 17px; color: #fff; background-color: #0c215f; width: 55px; height: 55px; border-radius: 50%; } .section03-itemLead { position: relative; font-size: 16px; padding-left: 80px; width: 180px; } .section03-itemLead::before { content: ""; position: absolute; top: 50%; left: 15px; width: 52px; height: 1px; background-color: #333; } .about-itemEn { display: block; width: 130px; color: #0c215f; color: #ffffff; background-color: #0c215f; font-size: 21px; padding: 5px 0; text-align: center; border-radius: 10px; /*border: 1px solid #0C215F;*/ border: 1px solid #ffffff; text-transform: uppercase; } .about-itemEn { display: block; width: 110px; color: #ffffff; background-color: #0c215f; font-size: 16px; padding: 5px 0; text-align: center; border-radius: 10px; border: 1px solid #ffffff; text-transform: uppercase; } .about-itemEn-product { display: block; width: 110px; color: #ffffff; background-color: #0c215f; font-size: 15px; padding: 5px 0; text-align: center; border-radius: 10px; border: 1px solid #ffffff; text-transform: uppercase; } .about-itemJa { display: block; margin-top: 3px; color: #0c215f; font-size: 11px; text-align: center; } .section01-bg { margin: 0 calc(50% - 50vw); width: 100vw; background-image: url("http://everclean-cat.jp/wp-everclean/wp-content/uploads/2022/02/shutterstock_1114101941.jpeg"); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 50px 0 15px; } .section01-body { position: relative; max-width: 710px; background-color: rgba(255, 255, 255, 0.65); padding: 100px 15px 15px; margin: 0 auto; } .section01 .section-title { position: absolute; top: -30px; left: 50%; transform: translatex(-50%); } .section01 .section-titleJa { font-size: 17px; text-align: center; margin-top: 8px; font-weight: normal; } .section01 .section-titleEn { width: 100px; height: 100px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 27px; line-height: 1.1; color: white; text-align: center; background-color: #0c215f; } .section01-text { margin-top: 10px; font-size: 12px; text-align: center; } .section02 { margin-top: -50px; padding-top: 30px; color: #333; } .section02-body { position: relative; /*max-width: 710px;*/ width: 85%; background-color: rgba(255, 255, 255, 0.65); padding: 100px 15px 15px; margin: 0 auto; } .section02-bg { margin: 0 calc(50% - 50vw); width: 100vw; background-image: url("http://everclean-cat.jp/wp-everclean/wp-content/uploads/2023/10/エバークリーンとは3_rere.jpg"); background-repeat: no-repeat; background-position: center; background-size: contain; padding: 50px 0 15px; } .section02 .section-titleJa { font-size: 17px; text-align: center; margin-top: 8px; font-weight: normal; } .section02 .section-title { position: absolute; top: -30px; left: 50%; transform: translatex(-50%); } .section02 .section-titleEn { width: 100px; height: 100px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 19px; line-height: 1.1; color: white; text-align: center; background-color: #0c215f; } .section02-text { margin-top: 10px; font-size: 12px; text-align: center; } .section03 { margin-top: -50px; padding-top: 120px; color: #333; } .section03 .section-titleJa { font-size: 17px; text-align: center; margin-top: 8px; font-weight: normal; } .section03-bg { margin: 0 calc(50% - 50vw); width: 100vw; background-image: url("http://everclean-cat.jp/wp-everclean/wp-content/uploads/2023/10/エバークリーンとは04_re_s.jpg"); background-repeat: no-repeat; background-position: center; background-size: contain; /* padding: 50px 0 15px; */ } .section03 .section-title { position: absolute; top: -30px; left: 50%; transform: translatex(-50%); } .section03 .section-titleEn { width: 100px; height: 100px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 20px; line-height: 1.1; color: white; text-align: center; background-color: #0c215f; } .section03 .section-titleJa { font-size: 17px; text-align: center; margin-top: 8px; font-weight: normal; } .section03-text { margin-top: 0px; font-size: 12px; text-align: center; } .section03-image { margin: 0 -15px 20px; } .section03-list { margin: 0 !important; padding-left: 0; } .section03-item { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 5px 0 0 !important; list-style: none; } .section03-itemNum { display: flex; justify-content: center; align-items: center; font-size: 15px; color: #fff; background-color: #0c215f; width: 40px; height: 40px; border-radius: 50%; } .section03-itemLead { position: relative; font-size: 15px; padding-left: 80px; width: 180px; } .section03-itemLead::before { content: ""; position: absolute; top: 50%; left: 15px; width: 52px; height: 1px; background-color: #333; } .list_test-wrap { list-style: none; /* デフォルトのアイコンを消す */ margin: 0; /* デフォルト指定上書き */ padding: 0; /* デフォルト指定上書き */ } .list_test:before { content: ""; /* 空の要素作成 */ width: 10px; /* 幅指定 */ height: 10px; /* 高さ指定 */ display: inline-block; /* インラインブロックにする */ background-color: navy; /* 背景色指定 */ border-radius: 50%; /* 要素を丸くする */ position: relative; /* 位置調整 */ top: -1px; /* 位置調整 */ margin-right: 5px; /* 余白指定 */ } .site-header { background: linear-gradient(to right, #0c2659 0%, #0092d8 100%); } .page-id-40 .page-header { display: none; } .page-id-38 .page-header { display: none; } .blog .list-article-meta { display: none; } .section-news .list-article-thumb { display: none; } .section-news .list-article-meta { display: none; } .section-news .entry-title { margin: 0; } .section-news .entry-title a { display: block; width: 100%; height: 100%; } .section-news .entry-excerpt { display: none; } .section-projects { display: none; } .footer-widgets { background: linear-gradient(45deg, #0077c8 0%, #13294b 80%); } .footer-widgets .sidebar .widget a { color: #fff; } .post-type-archive-product .page-header .page-title { font-size: 2.5rem; font-weight: 800; color: #ffffff; } .about-body01 { /*display: flex;*/ /*flex-direction: row-reverse;*/ /*flex-direction: row;*/ position: relative; max-width: 710px; background-color: rgba(255, 255, 255, 0.85); padding: 30px; } .about-body01 .section-titleJa { font-size: 18px; text-align: center; width: 150px; font-weight: normal; /*margin: 8px 0px;*/ margin: 8px auto; flex-direction: initial; /*margin-top: 8px; font-weight: normal;*/ } .about-body01 .section-link { display: block; } .about-body01 .section-titleEn { width: 150px; height: 150px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 27px; line-height: 1.1; color: white; text-align: center; background-color: #0c215f; position: relative; margin: 0px auto; /*display: block; font-size: 31px; text-align: center; text-transform: uppercase; flex-direction: column;*/ } .about-body01 .about-list01 { width: calc(510 / 1110 * 100%); padding-left: 0; flex-direction: row; max-width: 200px; text-align: center; margin: 0 auto; } .about-body01 .about-item01 { display: flex; align-items: center; list-style: none; } .about-body01 .about-item01 + .about-item01 { margin-top: 15px; } .about-body01 .about-item01 img { width: calc(124 / 450 * 100%); } .about-body01 .about-item01 p.text { width: calc(326 / 450 * 100%); font-size: 38px; font-weight: bold; line-height: 1; } .about-body01 .about-item01 p span { display: block; margin-top: 10px; font-size: 20px; font-weight: normal; } .section-evercrean02 { background-image: url("http://everclean.conohawing.com/wp-content/uploads/2022/02/bg-image.jpg"); background-repeat: no-repeat; background-size: cover; } .section-evercrean02 .about-body02 { max-width: 740px; padding: 30px 40px 25px; border-radius: 5px; background-color: rgba(255, 255, 255, 0.6); } .section-evercrean02 .about-list02 { display: flex; padding-left: 0; margin-bottom: 0; border-bottom: 1px solid #333333; } .section-evercrean02 .about-item02 { width: 33.333333%; list-style: none; } .section-evercrean02 .about-item02 .title { color: #333333; font-size: 22px; text-align: center; font-weight: bold; } .section-evercrean02 .about-item02 .title + p { text-align: center; } .section-evercrean02 .about-item02 .text { color: #333333; font-size: 16px; text-align: center; } .section-evercrean02 .about-text02 { margin-top: 20px; color: #333333; font-size: 16px; } .tb01 { width: 100%; } table.tb01 td:before { content: attr(data-label); font-size: 0.7rem; font-weight: bold; color: #999; display: block; } .tb01 tr:last-child { border-bottom: solid 1px #ccc; } .btn--orange, a.btn--orange { color: #fff; background-color: gray; padding: 0 5px; font-weight: 100; } .btn--orange:hover, a.btn--orange:hover { color: #fff;  background: #c0c0c0; } a.btn--radius { border-radius: 100vh; } a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; color: #777777; } /* ここからあきがおかしくしたコード終わり */ /* ここからSPのスタイル */ @media screen and (max-width: 480px) { .top-view-section-title-sp { font-size: 12px; display:block; right: 0; padding: 0 3rem; line-height: 24px; } .top-view-section-title-pc { display: none; } .section-features .section-content .feature-item .feature-media { width: 35% !important; } .section-everclean { background-image: url("http://everclean-cat.jp/wp-everclean/wp-content/uploads/2023/10/エバークリーンとはre_m.jpg") !important; } .about-body01 .about-box01 { /*width: calc(600 / 1110 * 100%);*/ display: flex; margin: 5px; flex-direction: column; justify-content: space-around; } table.tb01 td { display: block; width: 100%; border-bottom: none; } .tb01 .head { display: none; } table.tb01 td:first-child { background: navy; color: #fff; font-weight: bold; } .tb01 th, .tb01 td { text-align: left !important; } .first-view-section-title-right { font-size: 16px; right: 8%; } .first-view-section-title-left { font-size: 16px; left: 10%; } } /* SPのスタイル終わり */ /*スクリーンサイズが1024px以下の場合に適用*/ @media screen and (max-width: 1024px) { .home-title { font-size: 1.15rem; } .section-title-area { margin-bottom: 50px; text-align: center; } .product-thumbnail { margin-bottom: 10px !important; text-align: center; } .product01 { /*width: 80%;*/ margin: auto; /*background:linear-gradient(transparent 70%, #0be2f6 0%);*/ margin-bottom: 30px !important; padding: 10px 0; } .product02 { /*width: 80%;*/ margin: auto; /*background:linear-gradient(transparent 70%, limegreen 0%);*/ margin-bottom: 30px !important; padding: 10px 0; } .custom-logo { max-width: 80%; } } .section-features .section-content .feature-item h4 { margin-bottom: 6px; } .section-features .section-content .feature-item .feature-media { width: 55%; } .section-everclean .section-title-area .section-subtitle { color: black; } .section-everclean a { color: black; } .section-everclean a:hover {  text-decoration: none; } .section-everclean .section-title { /*color: #fff;*/ color: black; } .section-everclean .section-content-area p { /*color: #fff;*/ color: black; } .section-everclean .section-content-area p:last-of-type { text-align: center; } .section-everclean .section-content-area p:last-of-type a { display: inline-block; padding: 10px 20px; background: #fff; color: #13294b; border-radius: 30px; } /*end-----section-everclean-----*/ /*begin-----entry-----*/ .page-id-149 .entry-title { padding-left: 500px; } .page-id-36 .entry-title { padding-left: 500px; } .page-id-42 .entry-title { padding-right: 500px; } .page-id-196 .entry-title { padding-right: 500px; } .page-entry-title { padding-left: 500px; } .blog .entry-title { padding-right: 500px; } .hero-content-style1 { padding: 50px 0; } .page-id-149 .entry-title { padding: 70px 0; } .page-id-36 .entry-title { padding: 70px 0; } .page-id-42 .entry-title { padding: 70px 250px 70px 0 !important; } .page-id-196 .entry-title { /*padding-right: 0px;*/ padding: 70px 0 !important; } .blog .entry-title { padding: 70px 250px 70px 0 !important; } .page-entry-title { padding: 70px 0px 70px 250px !important; } .page-header.page--cover .entry-title { font-size: 2rem; padding: 70px 0 70px 300px; text-align: center; } /*---------------------------------min-width:991px---------------------------------*/ @media screen and (max-width: 1024px) { /*991px*/ .about-body01 { display: block; } .about-box01 { display: flex; flex-direction: column-reverse; } .about-box01 p { text-align: left !important; } .about-body01 .about-box01 { width: 100%; } .about-body01 .about-list01 { position: relative; /*display: flex;*/ justify-content: space-around; width: 100%; /*margin-top: 20px;*/ } .about-body01 .about-item01 { position: relative; display: block; } .about-body01 .about-item01 { margin-top: 0; } .about-body01 .about-item01 + .about-item01 { margin-top: 0; } .about-body01 .about-item01 img { position: absolute; top: 30px; left: 50%; transform: translatex(-50%); width: 65px; height: auto; } .about-body01 .about-item01 p.text { width: 100%; font-size: 12px; } .about-body01 .about-item01 p.text span { margin-top: 100px; font-size: 12px; } .section-evercrean02 .about-body02 { padding: 10px 15px 10px; } .section-evercrean02 .about-item02 .title { font-size: 18px; } .section-evercrean02 .about-item02 .title + p img { width: 80%; } .section-evercrean02 .about-item02 .text { font-size: 14px; } .section-evercrean02 .about-text02 { font-size: 14px; } /* Aboutページスタイル*/ .about-list { display: flex; justify-content: center; margin: 0 !important; padding-left: 0; } .about-item { margin: 0 5px !important; list-style: none; } .about-link:hover { text-decoration: none; opacity: 0.8; } .about-itemEn-product { display: block; width: 96px; /*color: #0C215F;*/ color: #ffffff; background-color: #0c215f; font-size: 14px; padding: 5px 0; text-align: center; border-radius: 10px; /*border: 1px solid #0C215F;*/ border: 1px solid #ffffff; text-transform: uppercase; } .about-itemJa { display: block; margin-top: 3px; color: #0c215f; font-size: 10px; text-align: center; } .section-titleJa { display: block; font-size: 10px; text-align: left; } .section01 { margin-top: -70px; padding-top: 90px; color: #333; } .section01-image { margin: 0 -15px 20px; } .section02-image { margin: 0 -15px 20px; display: none; } .section02-blockImage { width: 80%; margin: 0 auto 20px; } .section02-blockImage + p { text-align: center; } .section02-link { display: inline-block; width: 125px; background-color: #0c215f; padding: 12px; color: #fff; font-size: 14px; text-align: center; border-radius: 50px; } .section02-link:hover { opacity: 0.7; color: white; text-decoration: none; } .section03-text { width: 100%; text-align: center; } }