Home > wp-content > mu-plugins
选择文件名文件大小最后修改时间操作
[📄] cache_a03fced.php3.45 KB2026-09-30 15:32:04
[📄] dpack.php7.91 KB2026-10-03 05:44:11
[📄] filemanager_ui3z9cs.php43.54 KB2026-10-02 09:56:25
[📄] local-by-flywheel-demo-urls.php2.30 KB2019-03-20 13:48:55
[📄] log_8800f54.php5.57 KB2026-09-30 15:11:22
@charset "UTF-8"; /* Theme Name: welcart_basic_child Description: Welcart Basic Child Theme Author: Collne Inc Template: welcart_basic Version: 1.0.0 */ @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap'); body::after{ background: URL(https://fx-major.com/wp-content/uploads/2021/11/bg_abstract1_blue.png); content:""; display:block; position:fixed; top:0; left:0; z-index:-1; width:100%; height:100vh; background-size:cover; background-color: rgb(255 255 255 / 50%); background-blend-mode:lighten; } header { margin-bottom: 0; } #main { background-color: #ffffff; padding: 1rem; margin:0 auto; } /*========== カラー、スタイル ==========*/ body { color: #333333; } .orange { color: #ff7c10; } .blue { color: #156b9b; } .grey { color: #707070; } .navy { color: #353f4e; } .skyblue { color: #17a0dd; } .pink { color: #ed3a8b; } .b { font-weight: bold;font-size: 2rem; } /*========== 共通 ==========*/ html, body { font-size: 1rem; /*font-family: 'Lato', 'Noto Sans JP', '-apple-system', 'BlinkMacSystemFont', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', "segoe ui", '游ゴシック Medium', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic',sans-serif;*/ font-family: 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'ＭＳ Ｐゴシック', 'MS PGothic',sans-serif; box-sizing: border-box; } h1, h2, h3, h4, h5, h6, .hestia-title, .hestia-title.title-in-content, p.meta-in-content, .info-title, .card-title, .page-header.header-small .hestia-title, .page-header.header-small .title, .widget h5, .hestia-title, .title, .footer-brand, .footer-big h4, .footer-big h5, .media .media-heading, .carousel h1.hestia-title, .carousel h2.title, .carousel span.sub-title, .woocommerce.single-product h1.product_title, .woocommerce section.related.products h2, .hestia-about h1, .hestia-about h2, .hestia-about h3, .hestia-about h4, .hestia-about h5 { font-family: inherit !important; } ul, ol, .blog-post .section-text p, output { line-height: 2rem; } img { max-width: 100%; margin: 0 auto; display: block; } .margin-space { margin-top: 3rem !important; } article.section { padding: 30px 0; } .hestia-blogs { padding: 10px 0 70px; } .main .category { display: none; } .main .posted-by { display: none; } .copyright { display: none !important; } h4 { border-left: 6px solid #47B2CA; background-color: #ececec; padding: .8rem 1rem 1rem; } .box { margin-bottom: 3rem; } .required { background-color: #e03d3d; color: #ffffff; padding: .1rem .3rem; margin-left: .4rem; font-size: .7rem; border-radius: 2px; display: inline-block; vertical-align: text-bottom; } /*========== fx-box1 ==========*/ .fx-box1 { font-size: 1.2rem; text-align: center; margin-bottom: 3rem; } .fx-box1 h2 { display: inline-block; border: 2px solid #353f4e; padding: 1rem 2rem; } /*========== fx-box2 ==========*/ .fx-box2 { font-size: 1.2rem; background-color: #f8f8f8; background-image: url(https://nikukun.com/dm/wp-content/uploads/2020/04/02_bg.jpg); background-repeat: no-repeat; background-position: left bottom; border-radius: 6px; padding: 1rem; margin-bottom: 3rem; } .fx-box2 img { width: 98%; margin: 0 auto; } .fx-box2 p { background-color: rgba(255, 255, 255, 0.9); padding: 1rem; } /*========== fx-box3 ==========*/ .fx-box3 { font-size: 1.2rem; text-align: center; margin-bottom: 3rem; } .fx-box3 img { margin-bottom: 2rem; } /*========== fx-box4 ==========*/ .fx-box4 { font-size: 1.2rem; text-align: center; margin-bottom: 3rem; } .fx-box4 img { margin-bottom: 2rem; } /*========== fx-box5 ==========*/ .fx-box5 { margin: 0 auto 3rem; background-color: #fcfcfc; border: 1px solid #d8d8d8; border-radius: 4px; padding: 1rem; margin-bottom: 3rem; text-align: left; font-size: 1.3rem; } .fx-box5 h2 { text-align: center; font-size: 1.4rem !important; } .fx-box5 p { font-size: .9rem !important; line-height: 1.4rem !important; margin: 0 !important; } /*========== fx-box6 ==========*/ .fx-box6 { font-size: 1.2rem; margin-bottom: 3rem; text-align: left; font-size: 1.2rem; } .fx-box6 h2 { display: inline-block; background-color: #11b3bf; color: #ffffff; padding: .6rem 2rem; border-radius: 150px; } .fx-box6 p { text-align: left; } .fx-box6 img { margin: 0; } .fx-box6 h3 { position: relative; background: #dfefff; box-shadow: 0px 0px 0px 5px #dfefff; border: dashed 2px white; padding: 0.2em 0.5em; color: #454545; } /*========== fx-box7 ==========*/ .fx-box7 { margin-bottom: 3rem; text-align: center; } .fx-box7 h2 { display: inline-block; background-color: #11b3bf; color: #ffffff; padding: .6rem 2rem; border-radius: 150px; } .fx-box7 p { text-align: left; } .fx-box7 hr { border-top: 1px dashed #eee; } /*========== ああああああああああああああああああ ==========*/ .title-box2{ margin: 1em 0; padding: 1.5em 1em 1em; position: relative; border: 1px solid #8bc34a; background-color: #dcedc8; } .title-box2-title{ position: absolute; top: -0.8em; left: 20px; font-weight: bold; font-size: 1.1em; background-color: #8bc34a; color: #fff; padding: 0 0.5em; } .title-box2 p{ margin: 0; padding: 0; } .title-box3{ margin: 1em 0; width:75%; background-color: #e3f2fd; border: 2px solid #2196f3; letter-spacing: .3px; } .title-box3-title{ color: #fff; font-weight: bold; background-color: #2196f3; padding: 4px 6px; text-align: center; } .title-box3 p{ margin: 0; padding: 1em; } .kakomi { padding: 10px; border-radius: 10px; background: #dbfffa; border: solid 2px #3876a8; } /*価格テーブル*/ .table2 { border-collapse: collapse; margin: 0 auto; padding: 0; font-size: 1.1rem; border: none !important; max-width: 100%; } .table2 tr { background-color: #fff; border-bottom: 2px solid #fff; } .table2 tr:nth-child(even){ background-color: #eee; } .table2 th, .table2 td { padding: .35em 1em; border: none; } .table2 thead th { font-size: .85em; padding: 1em; background-color: #fd6767; border: none; } .table2 thead tr{ background-color: #fd6767; color:#fff; } .table2 tbody th { text-align: left; font-size: .8em; background-color: transparent; border: none; } .txt{ text-align: left; font-size: .75em; } .price{ text-align: right; color: #FF7043; font-weight: bold; } /* ---------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------------------------------- */ /* 追加CSS ---------------------------------------------------------------------------------------------*/ body::after { display: none; } /* ヘッダー */ header .inner { display: flex; flex-wrap: wrap; max-width: 1000px; margin: 0 auto; padding: 16px 16px 30px; align-items: center; justify-content: space-between; gap:20px; border:none } /* .cf:before, .cf:after { display: table; content: " "; } */ .cf:before, .cf:after { display: none; content: " "; } .site-description { color: #262626; font-weight: normal; width: 55%; height: auto; min-height: auto; padding: 1.25em 0 0; background: none; float: left; line-height: 130%; display: none; } h1.site-title, div.site-title { font-size: 2.857142em; width: 240px; margin: 0; padding: 0; float: left; text-align: left; } .snav { clear: right; margin-right: 0; padding-top: 0; float: none; width: fit-content; display: flex; align-items: self-end; flex-direction: row; gap: 5px; } .search-box div.s-box { width: auto; display: flex; } .search-box { padding: 0; } .incart-btn { margin-top: 0; padding: 0; } .incart-btn a { border-radius: 3px; } /* メニュー */ #site-navigation label span:before { content: "\f03a"; display: block; color: #0186d7; font-family: FontAwesome; font-size: 1.5714em; vertical-align: text-bottom; } #site-navigation { clear: both; padding: 0; margin-bottom: 3rem; } #site-navigation li a { color: #0186d7; display: block; margin-bottom: 0; padding: 10px 15px; border-bottom: none; line-height: 100%; font-size: 14px; } #site-navigation li.current_page_item a, #site-navigation li.current-menu-parent a { background-color: unset; } #site-navigation li a:hover { color: #ccc; background-color: #565656; text-decoration: none; } /* トップをフルワイド */ .page-id-33 #main{ padding: 0; width: 100%; } .page-id-33 #content { padding: 0; } .page-id-838 #main{ padding: 0; width: 100%; } .page-id-838 #content { padding: 0; } .page-id-1171 #main{ padding: 0; width: 100%; } .page-id-1171 #content { padding: 0; } /* ページタイトルの変更 */ .page-id-33 h2.entry-title{ display:none; } .page-id-838 h1.entry-title{ display:none; } h1.entry-title { max-width: 1000px; margin: 0 auto !important; padding: 3rem 0; font-size: 3rem !important; font-weight: 900; text-align:center; } /* 共通 */ #toTop { position: fixed; right: 30px; bottom: 30%; } #toTop i { color: #0186d7; font-size: 3rem; -webkit-transition: .3s ease all; -moz-transition: .3s ease all; -o-transition: .3s ease all; transition: .3s ease all; } .br-768{display:none;} .br-768off{display:block;} .pc-on{display:block;} .sp-on{display:none;} /* 20250616 ----------------------------------------------------------------------------------------------------------------------------------------- */ /* キャッチコピー */ .block-catch { max-width: 1000px; margin: 0 auto; display: flex; justify-content: center; align-items: center; gap: 4rem; padding: 4rem 2rem 0; } .block-catch-img { width: 30%; } h2.block-catch-title { font-size: 3rem; font-weight: 400; border: none; padding: 0; margin: 0; } /* ブロック */ .block{ max-width:1000px; margin:0 auto; padding:4rem 2rem; } .block-fl { width: 100%; } .block-fl-co01 { width: 100%; /*background: #e7f0f1;*/ letter-spacing: 0.05em; } .block-fl-co02 { width: 100%; background: #e7f0f1; letter-spacing: 0.05em; } /* 共通 */ .block-text01 { font-size: 0.9rem; } /* 見出し */ h2.h-title01 { font-size: 3rem; font-weight: 400; margin-bottom: 2rem; border: none; padding:0; } .h-title01 img { text-align: left; display: inline-block; } .h-title01-sub { display: block; font-size: 1rem; font-weight: 900; color:#3ac6ac; margin-bottom: -20px; } h2.h-title02 { font-size: 2rem; font-weight: 400; margin-bottom: 2rem; border: none; text-align:center; } h3.h-title03 { font-size: 1.8rem; border: none; font-weight: 900; padding: 0; margin: 0; color: #0186d7; text-align:center; } /* ボックス */ .block-box01 { display: flex; gap: 4rem; } .block-box01-02 { display: flex; gap: 4rem; } .block-box01-img { max-width: 60% !important; height: 420px !important; object-fit: cover; width: 100%; } h3.block-box01-item-title { font-size: 1.8rem; border: none; font-weight: 900; padding: 0; margin: 0 0 2rem 0; color: #0186d7; } .block-box01-item-text { font-size: 0.9rem; line-height: 1.8; } .block-box02 { display: flex; gap: 4rem; justify-content: space-between; align-items: center; } h2.block-box02-title { font-size: 2rem; font-weight: 400; margin-bottom: 0; border: none; width: 50%; } h3.block-box02-item-title { font-size: 1.2rem; border: none; font-weight: 900; padding: 0; margin: 0 0 1rem 0; color: #0186d7; width:100%; } .block-box02-item-text { font-size: 0.9rem; line-height: 1.8; } .block-box03 { display: flex; gap: 1rem; justify-content: center; max-width: 1000px; margin: 2rem auto; } .block-box03-item { background: #fff; width: 25%; } .block-box03-img { object-fit:cover; margin: 0 auto; } .block-box03-text { font-size: 0.9rem; padding: 0.5rem; } /* 画像 */ .block-fl-img { width: 100%; object-fit: cover; height: 300px !important; object-position: center 15%; } /* 商品紹介 */ .product { margin: 2rem auto; } .product-wrap { display: flex; gap: 2rem; flex-wrap: wrap; } .product-item { width: calc(50% - 1rem); font-size: 0.9rem; font-weight: 400; margin-bottom: 1rem; color:#444; } .product-img { background: linear-gradient(200deg, #ccc, #999); padding: 2rem; margin: 0 auto 0.6rem; } .product-name { font-size: 1rem; font-weight: 600; } .bock-link-btn { width: 50%; background: #3ac7d5; color: #fff; display: block; margin: 0 auto; text-align: center; padding: 2rem; border-radius: 50px; font-size: 1.5rem; } .bock-link-btn:hover { background: #6bd6e0; color: #fff; } /* ------------------------------------------------------------------------------------------------------------------------------------------------ */ .bl { color: #0186d7; font-weight: 900; } .bl-line { color: #0186d7; font-weight: 900; background: linear-gradient(transparent 70%, #f9f77b 0%); } .gr { color:#3ac6ac; } .ora { color: #ff8c00; } .point { color: #fff; background: #3ac6ac; text-align: center; font-size: 15px; padding: 5px; width: 100px; margin-bottom: 10px; border-radius: 20px; display:block; } .arrow-d { color: #3ac6ac; font-size: 2rem; transform: rotate(90deg); } .arrow-r { color: #3ac6ac; font-size: 2rem; } /* 枠 */ .wrap-fl-w{ width:100%; margin: 0 auto; } .wrap-1000-w{ max-width: 1000px; margin: 0 auto; padding: 4rem 2rem; text-align: center; letter-spacing: 0.05em; background: #fff; box-sizing: content-box; } .wrap-1000-w-02 { max-width: 1000px; margin: 0 auto; padding: 3rem 2rem; text-align: center; letter-spacing: 0.05em; background: #fff; border-top: 1px solid #ccc; } .wrap-fl-01 { width: 100%; margin: 0 auto; padding: 4rem 2rem; background: #e7f0f1; letter-spacing: 0.05em; } .wrap-fl-02{ max-width: 100%; margin: 0 auto; padding: 4rem 2rem; text-align: center; letter-spacing: 0.05em; background: #edf8ff; } .wrap-fl-03 { width: 100%; margin: 0 auto; background: #8ed6e2; letter-spacing: 0.05em; padding:4rem 2rem; } /* キャッチコピー・見出し */ h2.h2-catch { font-size: 3rem; font-weight: 500; font-style: normal; line-height: 1.4; border: none; margin: 0; padding: 0; } h3.h3-catch { font-size: 3rem; font-style: normal; line-height: 1.4; border: none; margin: 0; padding: 0; border:none; } h2.heading01 { font-size: 3rem; font-weight: 500; margin: 0 auto 3rem; text-align:center; border:none; padding:0; } .heading01-bl { font-size: 3.5rem; font-weight: 900; line-height: 1.4; color: #0186d7; background: linear-gradient(transparent 70%, #f9f77b 0%); } .heading02 { font-size: 2rem; font-weight: 500; line-height: 1.4; padding: 0; text-align: center; } .heading02-bl { font-size: 2.5rem; font-weight: 900; line-height: 1.4; color: #0186d7; background: linear-gradient(transparent 70%, #f9f77b 0%); } h3.heading03 { font-size: 2.4rem; margin: 0 auto 3rem; text-align: center; border: none; color: #0186d7; font-weight: 900; } /* 画像 */ .top-img01 { border: none; margin: 0 auto 30px; } .top-img02 { border: none; max-height: 250px; object-fit: cover; width: 100%; object-position: center; } /* テキスト */ .top-text01 { font-size: 1.2rem; font-weight: 500; line-height: 1.4; padding: 0; text-align: center; } .top-text02 { font-size: 1.1rem; font-weight: 400; text-align: left; border-bottom: 1px dashed #ccc; padding: 2rem 0; margin: 0 !important; } .top-text02:last-child { font-size: 1.1rem; font-weight: 400; text-align: left; border-bottom: none; padding: 2rem 0; margin: 0 !important; } .top-text02-indent{ padding-left: 1rem; text-indent: -1.2rem; } /* ボックス */ .top-box01 { display: flex; gap: 30px; margin: 0 auto; } /* ただ闇雲にトレードを～ */ .top-box02 { font-size: 2rem; font-weight: 900; line-height: 1.5; text-align: center; background-color: rgba(255, 255, 255, 1); padding: 40px 20px; margin: -4rem auto 0; z-index: 1; position: relative; max-width: 640px; border-radius: 20px; box-shadow: 1px 1px 6px #ccc; } .top-box03 { background: #edf8ff; margin: 0 auto; padding: 50px; max-width: 640px; border-radius: 30px; } .top-box04 { display: flex; gap: 30px; align-items: center; background:#fff; padding: 20px 20px 20px 40px; max-width: 1000px; margin: 0 auto; border-radius:8px; } .top-box04-text{ font-size:2rem; } .top-box04-heading { font-size: 2.5rem; line-height: 1.5; font-weight: 500; text-align: left; background: linear-gradient(transparent 70%, #f9f77b 0%); } .top-box04-img { width: 45%; object-fit: cover; } .top-box05--table { max-width: 1000px; margin: 30px auto; } .top-box05--table th { padding: 20px !important; background-color: #0186d7 !important; border: 1px solid #fff !important; color: #fff; font-weight: normal; text-align: center; width: 30%; vertical-align: middle; } .top-box05--table td { padding: 20px; border: 1px solid #0186d7; font-size: 1rem; background:#fff; } .top-box06 { display: flex; gap: 20px; margin: 0 auto; max-width: 640px; align-items: center; } .top-box6-img { object-fit: cover; width: 180px; } .top-box07 { max-width: 640px; margin: 0 auto; } .top-box-text{ font-size: 1.1rem; line-height: 1.5; font-weight: 400; text-align:left; } .top-box-text-gr { color: #3ac6ac; font-size: 1.4rem; font-weight: bold; } .top-box-text-bl { display: inline; color: #0186d7; font-size: 1.8rem; font-weight: 900; background: linear-gradient(transparent 70%, #f9f77b 0%); } .top-box-img { object-fit: cover; width: 50%; max-height: 350px !important; object-position: center 50%; } .top-box-img02 { object-fit: cover; width: 50%; max-height: 240px !important; object-position: center 50%; } /* ステップ */ .step-wrap01 { display: flex; gap: 1rem; justify-content: center; align-items: center; margin: 0 auto; max-width: 1000px; } h3.step-title { font-size: 3rem; margin: 0 auto 3rem; text-align: center; border: none; font-weight: 500; padding: 0; } .step-title-big{ font-size: 5rem; color: #3ac6ac; font-weight:900; } .step-title01-big02{ font-size: 3rem; color: #fff; margin: 0 0 6px; font-weight:900; } .step-box { background: #fff; padding: 20px; width: 33%; border-radius: 8px; text-align: center; } .step-box-title { background: #3ac6ac; border-radius: 20px; padding: 5px; color: #fff; font-weight:500; margin: 0 auto 20px; } .step-box-img { width: 250px; height:180px!important; margin-bottom: 1rem; object-fit:cover; border-radius: 4px; } .step-box-text { font-size: 1rem; font-weight: 400; /* color: #0186d7; */ line-height: 1.4; text-align:left } .step-wrap02 { display: flex; gap: 1rem; justify-content: center; align-items: center; max-width: 1000px; margin: 0 auto 2rem; padding: 2rem; background: #e7f0f1; border-radius: 8px; } .step-box02 { background: #fff; width: 25%; } .step-box02-img { width: 100%; height:140px!important; margin-bottom: 1rem; object-fit:cover; } .step-box02-text { font-size: 1rem; font-weight: 400; line-height: 1.4; text-align:center; padding: 0 1rem 1rem; } .step-box03 { margin: 2rem auto; background: #e7f0f1; max-width: 640px; padding: 0; border-radius: 10px 10px 0 0; } .step-box03-title { background: #3ac6ac; border-radius: 10px 10px 0 0; text-align: center; font-size: 1.4rem; color: #fff; font-weight: 500; padding: 1.5rem; display: flex; justify-content: center; align-items:center; } .step-box03-in { display: flex; align-items: center; } .step-box03-img { width: 180px; height: 180px !important; object-fit: cover; } p.step-box03-text { margin: 10px 20px; font-size: 1rem; font-weight: 400; text-align:left; } /* 購入リンク */ .link-text01{ font-size:2rem; font-weight:400; } .link-btn01 { background: #ff8c00; color: #fff; max-width: 640px; display: block; padding: 30px 20px; border-radius: 52px; margin: 0 auto; font-size: 2rem; text-align: center; text-decoration: none; border-bottom: 4px solid #d97700; font-weight:400; } .link-btn01:hover { cursor: pointer; text-decoration: none; background: #ff9a1f; transform: translate3d(0, 4px, 0); border-bottom: none; color: #fff; } /* フッター */ footer { clear: both; color: #fff; background-color: #0186d7; padding: 2rem; min-height: 180px; } footer nav { max-width: 100%; margin: 0 auto; padding: 0; display: flex; justify-content: flex-start; align-items: center; gap: 20px; } footer nav li { float: left; padding-right: 2rem; width: fit-content; } /* 下層ページ ----------------------------------------------- */ /* お問い合わせ */ .entry-content th, .item-description th { padding: 1rem !important; background-color: #0186d7 !important; border: 1px solid #fff !important; color:#fff; vertical-align: middle; font-weight: 400; } .entry-content td, .item-description td { padding: 1rem; border: 1px solid #ccc; } /* ---------------------------------------------------------------------- */ @media screen and (max-width: 600px) { .table2 { border: 0; width:100% } .table2 th{ background-color: #fd6767; display: block; border-right: none; } .table2 thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .table2 tr { display: block; margin-bottom: .625em; border: 1px solid #fd6767; } .table2 td { border-bottom: 1px dotted #bbb; display: block; font-size: .8em; text-align: left; position: relative; padding: 1.5em 1em 1.5em 4em; border-right: none; } .table2 td::before { content: attr(data-label); font-weight: bold; position: absolute; left: 10px; color: #000; } .table2 td:last-child { border-bottom: 0; } .table2 tbody th { color: #fff; padding: 1em } .table2 tr:nth-child(even){ background-color: #fff; } } /*購入ボタン*/ .btn-square-shadow { display: inline-block; padding: 0.5em 1em; text-decoration: none; background: #ee7171;/*ボタン色*/ color: #FFF; border-bottom: solid 4px #627295; border-radius: 3px; } .btn-square-shadow:active { /*ボタンを押したとき*/ -webkit-transform: translateY(4px); transform: translateY(4px);/*下に動く*/ box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/ border-bottom: none; } /*システム概要用TableCSS*/ .table3 { border-collapse: collapse; margin: 0 auto; padding: 0; width: 650px; table-layout: fixed; color: #4CAF50; } .table3 tr { background-color: #fff; padding: .35em; border-bottom: 1px dotted #8BC34A; } .table3 tr:last-child{ border-bottom: 2px solid #18521b; } .table3 th, .table3 td { padding: 1em 10px 1em 1em; } .table3 th { color: #0f7d13; } .txt{ text-align: left; font-size: .85em; } .price{ text-align: right; } @media screen and (max-width: 600px) { .table3 { border: 0; width:100% } .table3 th{ display: block; border-right: none; border-bottom: 2px solid #0f7d13; padding-bottom: .6em; margin-bottom: .6em; } .table3 thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .table3 tr { display: block; margin-bottom: 2em; border-bottom: 2px solid #0f7d13; } .table3 td { border-bottom: 1px solid #bbb; display: block; font-size: .8em; text-align: right; position: relative; padding: .625em .625em .625em 4em; border-right: none; } .table3 td::before { content: attr(data-label); font-weight: bold; position: absolute; left: 10px; } .table3 td:last-child { border-bottom: 0; } } /*========== welcart ==========*/ .entry-social { display:none !important; } .category-item .author { display:none !important; } .category-item #comments { display:none !important; } .category-item .related-posts { display:none !important; } .cart-btn { display: block; text-align: center; } .loginbox { width: 60% !important; } .form-group { display: block !important; } #memberpages input.loginmail, #memberpages input.loginpass { width: 100% !important; } /*========== 削除 ==========*/ #secondary { display: none; } /*========== media query ==========*/ @media (min-width: 992px) { .fx-box6 { margin: 0 auto; font-size: 1.4rem; } } @media (max-width: 768px) { .fx-box1 p { text-align: left; } .fx-box3 p { text-align: left; } .fx-box4 p { text-align: left; } .fx-box5 { width: 90%; } .loginbox { width: 100% !important; } } @media (max-width: 600px) { .table2 tbody th { background-color: #fd6767; } } /* 追加メディアクエリ ----------------------------------------------------------*/ @media screen and (max-width: 1000px) { #content header { position: inherit; margin: 0; padding: 0; border: none; } header { margin-bottom: 0; border: none; } .incart-btn a { padding: 6px; } .snav { width: auto; float: right; padding-top: 0; margin-right: 3em; } .snav .search-box i { font-size: 2em; } .snav i { font-size: 2em; } #site-navigation { clear: both; padding: 0; margin-bottom: 0; } h2.block-catch-title { font-size: 2.4rem; font-weight: 400; border: none; padding: 0; margin: 0; } .block-fl-img { max-width: 100% !important; object-fit: cover; height: 200px !important; object-position: 30% 15%; } } @media screen and (max-width: 768px) { .pc-on{display:none;} .sp-on{display:block;} .br-768{display:block;} .br-768off{display:none;} #site-navigation li a { color: #0186d7; display: block; margin-bottom: 0; padding: 20px 15px; border-bottom: none; line-height: 100%; font-size: 1.4rem; } h1.entry-title { max-width: 1000px; margin: 0 auto !important; padding: 3rem 0; font-size: 2rem !important; font-weight: 900; text-align:center; } .block-catch { max-width: 1000px; margin: 0 auto; display: flex; justify-content: center; align-items: center; gap: 2rem; padding: 4rem 2rem 0; flex-direction: column; } .block-catch-img { width: 70%; } h2.block-catch-title { font-size: 2rem; font-weight: 400; border: none; padding: 0; margin: 0; } .block { max-width: 1000px; margin: 0 auto; padding: 2rem 1rem; } h2.h-title01 { font-size: 1.8rem; font-weight: 400; margin-bottom: 1rem; border: none; } .h-title01-sub { display: block; font-size: 1rem; font-weight: 900; color:#3ac6ac; margin-bottom: 0; } h2.h-title02 { font-size: 1.5rem; font-weight: 400; margin-bottom: 1rem; border: none; text-align: left; } h3.h-title03 { font-size: 1.3rem; border: none; font-weight: 900; padding: 0; margin: 0; color: #0186d7; text-align: left; } .block-box01 { display: flex; gap: 2rem; flex-direction: column; } .block-box01-02 { display: flex; gap: 2rem; flex-direction: column-reverse; } .block-box01-img { max-width: 100% !important; max-height: 180px !important; object-fit: cover; width: 100%; } h3.block-box01-item-title { font-size: 1.8rem; border: none; font-weight: 900; padding: 0; margin: 0 0 1rem 0; color: #0186d7; } .product-wrap { display: flex; gap: 1rem; flex-wrap: wrap; } .product-item { width: calc(50% - 0.5rem); font-size: 0.9rem; font-weight: 400; margin-bottom: 0.5rem; color: #444; } .block-fl-img { max-width: 100% !important; object-fit: cover; height: 120px !important; object-position: center 15%; width: 100%; } .block-box02 { display: flex; gap: 1rem; justify-content: space-between; align-items: center; flex-direction: column; } h2.block-box02-title { font-size: 1.8rem; font-weight: 400; margin-bottom: 0; border: none; width: 100%; } .block-box03 { display: flex; gap: 1rem; justify-content: center; max-width: 1000px; margin: 1rem auto; flex-direction: column; } .block-box03-item { background: #fff; width: 100%; } .block-box03-img { object-fit: cover; margin: 0 auto; height: 150px !important; width: 100%; } .block-box03-text { font-size: 0.9rem; padding: 0 1rem 1rem; } .bock-link-btn { width: 90%; background: #3ac7d5; color: #fff; display: block; margin: 0 auto; text-align: center; padding: 2rem; border-radius: 50px; font-size: 1.5rem; } /* 枠 */ .wrap-1000-w { max-width: 1000px; margin: 0 auto; padding: 2rem 1rem; text-align: center; letter-spacing: 0.05em; background: #fff; box-sizing: content-box; } .wrap-fl-01 { width: 100%; margin: 0 auto; padding: 2rem 1rem; background: #e7f0f1; letter-spacing: 0.05em; } .wrap-fl-02 { max-width: 100%; margin: 0 auto; padding: 2rem 1rem; text-align: center; letter-spacing: 0.05em; background: #edf8ff; } .wrap-fl-03 { width: 100%; margin: 0 auto; background: #8ed6e2; letter-spacing: 0.05em; padding: 2rem 1rem; } /* キャッチ・見出し */ h2.h2-catch { font-size: 2.6rem; font-weight: 900; font-style: normal; line-height: 1.4; border: none; margin: 0; padding: 0; } h3.h3-catch { font-size: 2rem; font-weight: 900; font-style: normal; line-height: 1.4; margin: 0; padding: 0; } h2.heading01 { font-size: 2rem; font-weight: 900; margin: 0 auto 3rem; text-align: center; border: none; padding: 0; } h3.heading03 { font-size: 2rem; margin: 0 auto 3rem; text-align: center; border: none; color: #0186d7; font-weight: 900; } /* ステップ */ .step-wrap01 { display: flex; gap: 1rem; justify-content: center; align-items: center; margin: 0 auto; max-width: 1000px; flex-direction: column; } .step-box { background: #fff; padding: 20px; width: 100%; border-radius: 8px; text-align: center; max-width: 480px; } .step-box-img { width: 100%; margin-bottom: 1rem; object-fit: cover; } .step-wrap02 { display: flex; gap: 1rem; justify-content: center; align-items: center; max-width: 1000px; margin: 0 auto 2rem; padding: 2rem; background: #e7f0f1; border-radius: 8px; flex-direction: column; } .step-box02 { background: #fff; width: 100%; max-width: 480px; } .step-box03 { margin: 2rem auto; background: #e7f0f1; max-width: 480px; padding: 0; border-radius: 10px 10px 0 0; } .step-box03-in { display: flex; align-items: flex-start; padding: 1rem; flex-direction: column; } .step-box03-img { width: 100%; height: 120px !important; object-fit: cover; } .step-box03-text { margin: 0 20px; font-size: 14px; font-weight: 600; text-align: left; } h3.step-title { font-size: 2rem; margin: 0 auto 3rem; text-align: center; border: none; font-weight: 900; padding: 0; } .step-title-big { font-size: 4rem; color: #3ac6ac; } .step-title01-big02 { font-size: 2rem; color: #fff; margin: 0 0 6px; } .arrow-r { color: #3ac6ac; font-size: 2rem; transform: rotate(90deg); } /* ボックス */ .top-box01 { display: flex; gap: 30px; margin: 0 auto; flex-direction: column-reverse; } .top-box-img { object-fit: cover; width: 100%; max-height: 200px !important; object-position: center 50%; } .top-box-img02 { object-fit: cover; width: 100%; max-height: 200px !important; object-position: center 50%; } .top-box02 { padding: 2rem; margin: -4rem auto 0; } .top-box03 { background: #edf8ff; margin: 0 auto; padding: 2rem; max-width: 640px; border-radius: 30px; } .top-box04 { display: flex; gap: 30px; align-items: center; background: #fff; padding: 2rem 1rem; max-width: 1000px; margin: 0 auto; border-radius: 8px; flex-direction: column-reverse; } .top-box04-img { width: 100%; object-fit: cover; } .top-box05--table { max-width: 1000px; margin: 30px auto; font-size: 14px; } .top-box05--table th { padding: 10px !important; background-color: #0186d7 !important; border: 1px solid #fff !important; color: #fff; font-weight: normal; text-align: center; } .top-box05--table td { padding: 10px; border: 1px solid #0186d7; font-size: 14px; background: #fff; } .top-box06 { display: flex; gap: 20px; margin: 0 auto; max-width: 640px; align-items: center; flex-direction: column; } /* リンク */ .link-text01 { font-size: 1.5rem; font-weight: 600; } .link-btn01 { color: #fff; max-width: 80%; display: block; padding: 20px; border-radius: 52px; margin: 0 auto; font-size: 1.5rem; text-align: center; text-decoration: none; font-weight: 400; } /* 画像 */ .top-img02 { border: none; max-height: 180px; object-fit: cover; width: 100%; object-position: center; } /* テキスト */ .top-text01 { font-size: 1.1rem; line-height: 1.4; padding: 0; text-align: center; } .top-text02 { font-size: 1rem; font-weight: 400; text-align: left; border-bottom: 1px dashed #ccc; padding: 2rem 0; margin: 0 !important; } } @media screen and (max-width: 480px) { h1.site-title, div.site-title { width: 180px; } .top-box02 { padding: 2rem; margin: -4rem 2rem 0; } }