/* Theme Name: チャットレディJP Description: チャットレディJP Version: 1.4 Author: Distnoah Author URI: http://distnoah.jp */ @font-face { font-family: 'HelveticaNeue'; src: url('https://chat-lady.jp//font/HelveticaNeue-ExtBlkCondObl.ttf') format('truetype'); src: url('https://chat-lady.jp//font/HelveticaNeue-ExtBlkCondObl.otf') format("opentype"); } :root{ --main-color:#d94f65; /*赤系*/ --sub-color:#00A0DD; /*青系*/ --green-color:#309B72; /*緑系*/ --green-blue:#5ea0a3; /*緑青系*/ --black-color:#2f3e45; /*黒系*/ --linear-gradation01:linear-gradient(173deg, hsla(0,0%,100%,.1) 0%, hsla(0,0%,100%,0) 49.22%, hsla(0,0%,100%,.1) 49.22%, hsla(0,0%,100%,0) 98.96%); /*グラデーション*/ --text-margin:1rem; --block-margin:2rem; } body{word-break:break-all;} .red{color:var(--main-color);} .orange{color:#f8bc1e;} a{color:var(--sub-color)} a, a:hover{-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;transition:.3s} a:hover{color:#ffab2e} a img{border:0;} a.center-btn {position:relative;background-color: var(--main-color); padding: 10px; line-height: 30px; border-radius: 55px; color: #fff; text-decoration: none; width: 80%; max-width: 300px; text-align: center; font-size: 90%; margin: 40px auto; border: 2px solid #0002; border-bottom: 4px solid #0002; display: block; box-sizing: border-box;background-image: -webkit-linear-gradient(277deg, hsla(0,0%,100%,.1) 0%, hsla(0,0%,100%,0) 49.22%, hsla(0,0%,100%,.1) 49.22%, hsla(0,0%,100%,0) 98.96%); background-image: linear-gradient(173deg, hsla(0,0%,100%,.1) 0%, hsla(0,0%,100%,0) 49.22%, hsla(0,0%,100%,.1) 49.22%, hsla(0,0%,100%,0) 98.96%);} a.center-btn:before{transform: rotate(45deg); display: block;width: 10px; height: 10px; border-bottom: 2px solid #fff; content: ""; position: absolute;margin:auto;top:0; bottom: 13px; right: 15px;} a.center-btn:after{display: block; width: 10%; height: 10px; border-bottom: 2px solid #fff; content: ""; position: absolute; margin:auto;top:0;bottom: 10px; right: 20px;} a.center-btn:hover {background-color: rgb(248 187 26);color:white;} .has-text-align-center {text-align: -webkit-center;} em{color:#389f78;} .tegaki{font-family: 'ta-koigokoro' , sans-serif;font-weight:400;} p strong{position:relative;background: linear-gradient(to bottom, transparent 70%, #f8bb1a57 30%);color: var(--main-color);} p strong:after{} #route_nav{background-color: var(--black-color);} #route_nav p{color:white;} #route_nav p a{color:white;} /*FrontPage*/ /*NewDesign********/ #wrapper:after{clear:both;display:block;height:0px;width:1px;content:"";} body.chatladyjp_home .front-h1{padding: 60px calc(50% - 400px);background: linear-gradient(25deg, #ededed, /* 上部の強い光 */ #ffffff, #fffefe, #ffffff, #edebeb, #fdfdfd, #e7e7e7, #F3F3F2);} body.chatladyjp_home .front-h1 h1{text-align:center;color: var(--main-color); margin: 0; line-height: 1.5;font-size: 210%; font-weight: 600;padding: 110px 0 0 0;background-image: url(https://chat-lady.jp/img/header_logo_bg.png); background-repeat: no-repeat; background-position: top center; background-size: auto 84px;} body.chatladyjp_home .front-h1 p{margin: 30px auto; line-height: 1.9; text-align: center; color: #444;} body.chatladyjp_home .front-h1 p a{color:#1795cc;text-decoration:none;} body.chatladyjp_home .about-lc-top {display: flex; width: 100%; max-width: 900px; margin: auto; padding: 60px 10px;} body.chatladyjp_home .about-lc-top .text-box-text{width:55%;box-sizing:border-box;padding:15px 15px 0px;} body.chatladyjp_home .about-lc-top .text-box-text h2{color: var(--main-color) !important; background-image: none !important; text-align: left !important; margin: 0 auto !important; padding: 0 !important; font-size: 200% !important; font-weight: 600;} body.chatladyjp_home .about-lc-top .text-box-text p{margin: 0; padding: 0; line-height: 1.8; color: #444;letter-spacing: inherit;} body.chatladyjp_home .about-lc-top .text-box-img{width:45%;box-sizing:border-box;padding:0px 5px;} body.chatladyjp_home .about-lc-top .text-box-img a img{width: 100%;height: 100%; object-fit: cover;} body.chatladyjp_home .cl-merit{display: flex; flex-direction: row-reverse; width: 800px; margin: 0 auto 60px; height: 300px; overflow: hidden; background-color: #f86d83;background-image: url(/blog/wp-content/themes/CLJPcstm/img/cl-merit-bg-dots.webp);background-size: 100%;background-repeat: no-repeat;background-position: bottom;border-radius: 8px;border: 3px solid #0002; box-sizing: border-box;} body.chatladyjp_home .cl-merit .text-box-text {width:60%;display: flex; flex-wrap: wrap;align-content: center;box-sizing:border-box;padding:0 40px 0 0;} body.chatladyjp_home .cl-merit .text-box-text h2{width:100%;color: white !important; background-image: none !important; font-size: 200% !important; font-weight: 600; text-align: left !important; margin: 0 !important; padding: 0 !important;} body.chatladyjp_home .cl-merit .text-box-text p{width:100%;color:white;font-size: 100%; margin: 0;line-height: inherit;letter-spacing: inherit;} body.chatladyjp_home .cl-merit .text-box-img{width: 40%;overflow:hidden;position:relative;} body.chatladyjp_home .cl-merit .text-box-img a img{width: 100%;height: auto; position: absolute; right: 0; top: 0;} body.chatladyjp_home .faq-box{display: flex; width: 800px; margin: 0 auto 60px; height: 300px; overflow: hidden; background-color: #2bc3e2;background-image: url(/blog/wp-content/themes/CLJPcstm/img/faq-box-bg-dots.webp);background-size: 100%;background-repeat: no-repeat;background-position: bottom;border-radius: 8px;border: 3px solid #0002; box-sizing: border-box;} body.chatladyjp_home .faq-box .text-box-text {width:60%;display: flex; flex-wrap: wrap;align-content: center;box-sizing:border-box;padding:0 0 0 40px;} body.chatladyjp_home .faq-box .text-box-text h2{width:100%;color: white !important; background-image: none !important; font-size: 200% !important; font-weight: 600; text-align: left !important; margin: 0 !important; padding: 0 !important;} body.chatladyjp_home .faq-box .text-box-text p{width:100%;color:white;font-size: 100%; margin: 0;line-height: inherit;letter-spacing: inherit;} body.chatladyjp_home .cl-merit .text-box-text p a.btn,body.chatladyjp_home .faq-box .text-box-text p a.btn{background-image: url(/blog/wp-content/themes/CLJPcstm/img/arrow01.webp); background-repeat: no-repeat; background-position: right center;display: block; text-align: right; color: white; text-decoration: none; font-weight: 600; margin: 20px 0 0; padding: 0 80px 0 0;} body.chatladyjp_home .faq-box .text-box-img{width: 40%;overflow:hidden;position:relative;} body.chatladyjp_home .faq-box .text-box-img a img{width:100%;height:auto;position:absolute;top:0;} body.chatladyjp_home .pay{background: linear-gradient(25deg, #ededed, /* 上部の強い光 */ #ffffff, #fffefe, #ffffff, #edebeb, #fdfdfd, #e7e7e7, #F3F3F2);background-color: #eaeaea; padding: 60px calc(50% - 400px);background-size: auto 100%;} body.chatladyjp_home .pay h2{text-align:center;background-image: url(https://chat-lady.jp/blog/wp-content/themes/CLJPcstm/img/front-h-icon.webp) !important; background-position: top center !important; background-repeat: no-repeat !important; background-size: auto 20px !important; color: var(--main-color) !important; padding: 30px 0 0 !important; margin: 0 !important;} body.chatladyjp_home .pay p{color:#444;line-height:1.9;text-align:center;} body.chatladyjp_home .pay .table-pay{width: 100%; margin: 60px auto; border: 2px solid #5ab2bb; max-width: 600px;border-radius: 8px 8px 0 0; padding: 1em; border-bottom: none;position: relative;} body.chatladyjp_home .pay .table-pay:before{display:block;content:"";position:absolute;width:9px;height:9px;background-color:#5ab2bb; bottom: 0;right: -5px; border-radius:100px;} body.chatladyjp_home .pay .table-pay:after{display:block;content:"";position:absolute;width:9px;height:9px;background-color:#5ab2bb; bottom: 0;left: -5px; border-radius:100px;} body.chatladyjp_home .pay .table-pay tbody{box-shadow: 0 0 8px 0 #0003;border-radius: 8px;background-color:white;} body.chatladyjp_home .pay .table-pay tbody tr th{background-color: #fff;color:#5ab2bb; padding: 1em 5px; width: 50%; box-sizing: border-box;position:relative;} body.chatladyjp_home .pay .table-pay tbody tr th:after{display:block;content:"";position:absolute;width:9px;height:9px;background-color:#5ab2bb;top: 0; bottom: 0;right: 5px; margin: auto;clip-path: polygon(0% 0%, 100% 50%, 0% 100%);} body.chatladyjp_home .pay .table-pay tbody tr:first-child th{border-radius:8px 0 0 0 ;} body.chatladyjp_home .pay .table-pay tbody tr:first-child td{border-radius:0 8px 0 0 ;} body.chatladyjp_home .pay .table-pay tbody tr td{background-color:#5ab2bb;color:white; padding:1em 0 ; width: 50%; box-sizing: border-box;text-align: center;border-bottom: 1px dashed;clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 5% 50%);} body.chatladyjp_home .pay .table-pay tbody tr td strong{font-size: 200%; color: #e8f81a; margin: 0 4px;text-shadow: 2px 2px 0px #0002} body.chatladyjp_home .pay .table-pay tbody tr:last-child th,body.chatladyjp_home .pay .table-pay tbody tr:last-child td{border:none;} body.chatladyjp_home .new-shop {background-color: #fff; padding: 60px calc(50% - 470px);} body.chatladyjp_home .new-shop h2{text-align:center;background-image: url(https://chat-lady.jp/blog/wp-content/themes/CLJPcstm/img/front-h-icon.webp) !important; background-position: top center !important; background-repeat: no-repeat !important; background-size: auto 20px !important; color: var(--main-color) !important; padding: 30px 0 0 !important; margin: 0 !important;} body.chatladyjp_home .new-shop ul{display:flex;flex-wrap:wrap;justify-content:space-evenly;padding: 0; margin: 60px auto;} body.chatladyjp_home .new-shop ul li{display:block;width:80%;max-width:300px;position:relative; margin: 30px 0 30px;} body.chatladyjp_home .new-shop ul li a{text-decoration:none;color:#333;} body.chatladyjp_home .new-shop ul li .new-img{width: 100%; height: 200px; overflow: hidden;box-sizing: border-box; padding: 1em;position:relative;} body.chatladyjp_home .new-shop ul li .new-img:before{content:"";display:block;height:50px;width:50px;border-top:2px solid;border-right:2px solid;border-color:#5ab2bb;border-radius:0 4px 0 0;position: absolute; top: 0; right: 0;} body.chatladyjp_home .new-shop ul li .new-img:after{content:"";display:block;height:50px;width:50px;border-bottom:2px solid;border-left:2px solid;border-color:#e8f81a;border-radius:0 0 0 4px;position: absolute; bottom: 0; left: 0;} body.chatladyjp_home .new-shop ul li .new-img img{width:100%;height:100%;object-fit:cover;border-radius: 4px;box-shadow: 0px 0px 8px 0px #0002;border: 6px solid #fff;box-sizing:border-box;} body.chatladyjp_home .new-shop ul li p.area{margin: 0; font-size: 80%; position: absolute; top: -10px; right: 50px; line-height: 20px; background-color: #5ab2bb; color: white; border-radius: 100px; text-align: center;width: 6em;} body.chatladyjp_home .new-shop ul li p.shop-name{text-align:center;margin: 0; position: absolute; bottom: 0px; left: 50px; line-height: 30px; color: #45696d; background-color: #e8f81a; border-radius: 3px 3px 0 0; width: calc(100% - 50px - 2em); box-sizing: border-box; padding: 0 0.5em;font-size:14px;} body.chatladyjp_home .area-rec{background-color:#d0e7eb; padding: 60px calc(50% - 470px);background-image: radial-gradient(circle at 5px 5px, #fff5 2px, transparent 3px); background-size: 10px 10px;} body.chatladyjp_home .area-rec h2{text-align:center;background-image: url(https://chat-lady.jp/blog/wp-content/themes/CLJPcstm/img/front-h-icon.webp) !important; background-position: top center !important; background-repeat: no-repeat !important; background-size: auto 20px !important; color: var(--main-color) !important; padding: 30px 0 0 !important; margin: 0 !important;} body.chatladyjp_home .area-rec h2 + p{color:#444;text-align:center;line-height:1.9;margin: 30px 15px 0;letter-spacing: inherit;} body.chatladyjp_home .area-rec #must_area{background-image: none;background-color: transparent; border: none;width: 100%; padding: 0; margin: 0 auto;} body.chatladyjp_home .area-rec #must_area h3{text-align: center;width:100%;background: transparent; border: none; font-weight: 600; font-size: 160%; margin: 30px 0 0 0;} body.chatladyjp_home .area-rec #must_area h3 a{color: var(--main-color) !important;} body.chatladyjp_home .area-rec #must_area ul{margin: 0; padding: 0; width: 100%;display:flex;flex-wrap:wrap;justify-content:flex-start;} body.chatladyjp_home .area-rec #must_area ul li{width:25%;box-sizing:border-box;padding:10px;margin:0 0 15px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} body.chatladyjp_home .area-rec #must_area ul li a{border:none;border-radius:0px;color: #333; height: 170px; width: 100%; box-sizing: border-box; line-height: 30px; margin: 0 auto; text-decoration: none; position: relative;} body.chatladyjp_home .area-rec #must_area ul li a div.image{width:100%;height:130px;overflow:hidden;border-radius:8px;filter: drop-shadow(0px 0px 4px #0003);} body.chatladyjp_home .area-rec #must_area ul li a div.image img{height:100%;width:100%;object-fit:cover;} body.chatladyjp_home .area-rec #must_area ul li a div.title{color: #555;position: absolute; z-index: 2; height: 40px; width: 100%; margin: auto; left: 0; right: 0; bottom: 0; line-height: 40px; overflow: hidden; font-size: 95%; text-align: left; background-color:transparent; display: block;font-weight: 600;} body.chatladyjp_home .kodawari{background-image: url(https://chat-lady.jp/blog/wp-content/themes/CLJPcstm/img/bg-front-block01.webp);background-color: #efefef; padding: 60px calc(50% - 470px);} body.chatladyjp_home .kodawari h2{text-align:center;background-image: url(https://chat-lady.jp/blog/wp-content/themes/CLJPcstm/img/front-h-icon.webp) !important; background-position: top center !important; background-repeat: no-repeat !important; background-size: auto 20px !important; color: var(--main-color) !important; padding: 30px 0 0 !important; margin: 0 !important;} body.chatladyjp_home .kodawari .flex-1-line{justify-content: space-evenly; display: flex; flex-wrap: wrap; overflow-x: inherit; background-color: transparent;width: 100%; padding: 0; box-sizing: border-box;} body.chatladyjp_home .kodawari .flex-1-line div.box{position:relative;width: 50%; background-color: white; max-width: 450px; height: 250px; min-width: 300px;padding: 0;border-radius:0;box-sizing: border-box; border: none; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc;} body.chatladyjp_home .kodawari .flex-1-line div.box:before{transform:rotate(45deg);display:block;width:10px;height:10px;border-bottom:1px solid var(--main-color);content:"";position: absolute; bottom: 12px; right: 15px;} body.chatladyjp_home .kodawari .flex-1-line div.box:after{display:block;width:70px;height:10px;border-bottom:1px solid var(--main-color);content:"";position: absolute; bottom: 10px; right: 20px;} body.chatladyjp_home .kodawari .flex-1-line div.box a{display: grid; grid-template-columns: repeat(3, 1fr);height: 100%;} body.chatladyjp_home .kodawari .flex-1-line div.box a figure{grid-column-start: 1; grid-column-end: 2; grid-row-start: 1;grid-row-end: 7; width: 150px; height: 100%;border-radius: 0;} body.chatladyjp_home .kodawari .flex-1-line div.box a h3{grid-column-start: 2; grid-column-end: 4; grid-row-start: 3;padding: 0px 15px 0!important; line-height: 30px; box-sizing: border-box;} body.chatladyjp_home .kodawari .flex-1-line div.box a p{grid-column-start: 2; grid-column-end: 4; grid-row-start: 4; color: #818080 !important; padding: 0 15px !important; margin: 0 !important; font-size: 90%; background: none; border-top: none; border-bottom: none; position: relative;} body.chatladyjp_home .other-service{background-color: #fff; padding: 60px 20px;} body.chatladyjp_home .other-service .text-box{display: flex; flex-direction: row-reverse;margin: 40px auto; padding: 0 calc(50% - 450px) 40px; border-bottom: 1px solid #eaeaea;height: 360px; overflow: hidden;} body.chatladyjp_home .other-service .text-box:nth-child(even){flex-direction:inherit;} body.chatladyjp_home .other-service .text-box:last-child{border:none;} body.chatladyjp_home .other-service .text-box .write{width: 50%; box-sizing: border-box;position:relative;} body.chatladyjp_home .other-service .text-box .write h2{color: var(--main-color) !important; font-size: 200% !important; padding: 0 0 10px !important; min-height: 30px !important; line-height: 1.1em !important; margin: 0 !important; background-image: none !important; background-repeat: no-repeat; background-position: right bottom; background-size: auto 38px; text-align: left !important; font-weight: 600; border-bottom: 2px solid;} body.chatladyjp_home .other-service .text-box .write h2 span{font-size:40%;display:block;} body.chatladyjp_home .other-service .text-box .write p {font-size:90%;color:#444;padding:0 10px;line-height:1.9;letter-spacing: inherit;margin: inherit;} body.chatladyjp_home .other-service .text-box .write p a.bevel{position: absolute; bottom: 0; margin: 0 auto; left: 0; right: 0;} body.chatladyjp_home .other-service .text-box > a{display:block;width: 45%; box-sizing: border-box; margin: 0 2.5%; overflow: hidden;} body.chatladyjp_home .other-service .text-box > a img{width: 100%; height: 100%; object-fit: cover;} body.chatladyjp_home div.special{} body.chatladyjp_home div.special h3{background-image: url(https://chat-lady.jp/blog/wp-content/themes/CLJPcstm/img/front-h-icon.webp) !important; background-position: top center !important; background-repeat: no-repeat !important; background-size: auto 20px !important; color: var(--main-color) !important; padding: 30px 0 0 !important; margin: 0 !important;text-align:center;} body.chatladyjp_home ul.special li .h{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} body.chatladyjp_home aside.cljp-service h2 {text-align:center;background-image: url(https://chat-lady.jp/blog/wp-content/themes/CLJPcstm/img/front-h-icon.webp) !important; background-position: top center !important; background-repeat: no-repeat !important; background-size: auto 20px !important; color: var(--main-color) !important; padding: 30px 0 0 !important; margin: 0 !important;} @media screen and (max-width:768px) { body.chatladyjp_home .front-h1{padding: 30px 15px;} body.chatladyjp_home .front-h1 h1{font-size: 6vw;background-size: auto 60px; padding: 70px 0 0 0;} body.chatladyjp_home .front-h1 p{} body.chatladyjp_home .front-h1 p a{} body.chatladyjp_home .about-lc-top{box-sizing:border-box;flex-direction: row-reverse;flex-wrap: wrap;} body.chatladyjp_home .about-lc-top .text-box-text{width:100%;position:relative;z-index:4;} body.chatladyjp_home .about-lc-top .text-box-text body.chatladyjp_home .about-lc-top .text-box-img{width: 100%; height: 240px; overflow: hidden;} body.chatladyjp_home .about-lc-top .text-box-text h2{background-color: #e9556d; color: white !important; text-align: center !important; font-size: 160% !important; line-height: 46px !important; margin: -4px auto 15px !important;border-radius: 8px;position:relative;} body.chatladyjp_home .cl-merit,body.chatladyjp_home .faq-box{width:95%;height:auto;margin: 0 auto 30px;box-shadow: 0 0 5px 0 #0005;} body.chatladyjp_home .cl-merit .text-box-text,body.chatladyjp_home .faq-box .text-box-text{padding:20px 15px;width:70%;} body.chatladyjp_home .cl-merit .text-box-img,body.chatladyjp_home .faq-box .text-box-img{width:30%;overflow:initial;} body.chatladyjp_home .cl-merit .text-box-img a img{width: auto; height: 100%;right:0;} body.chatladyjp_home .faq-box .text-box-img a img{width: auto; height: 100%;left:0;} body.chatladyjp_home .cl-merit .text-box-text p,body.chatladyjp_home .faq-box .text-box-text p{font-size:90%;z-index: 1;} body.chatladyjp_home .cl-merit .text-box-text h2,body.chatladyjp_home .faq-box .text-box-text h2{font-size:170% !important;} body.chatladyjp_home .cl-merit .text-box-text p a.btn, body.chatladyjp_home .faq-box .text-box-text p a.btn{background-size: auto 20px; padding: 0 0 20px; background-position: right bottom;font-size: 120%;} body.chatladyjp_home .pay{padding:30px 15px;} body.chatladyjp_home .pay .table-pay{margin:30px auto;font-size:85%;} body.chatladyjp_home .new-shop {padding:30px 0;background-color: #fdfff2;} body.chatladyjp_home .new-shop ul{flex-wrap:nowrap;margin:30px auto;width:100%;overflow-x:scroll;justify-content: flex-start; padding: 15px 0;} body.chatladyjp_home .new-shop ul li{min-width: 270px; margin: 0 15px 0;} body.chatladyjp_home .area-rec{padding:30px 0px;} body.chatladyjp_home .area-rec #must_area ul{overflow-x: scroll; flex-wrap: nowrap;scroll-snap-type: x mandatory;padding:5px 0 0 5px ;} body.chatladyjp_home .area-rec #must_area ul li{min-width:42%;max-width:200px;padding: 0; margin: 0 15px 0 0;scroll-snap-align: center;scroll-snap-stop: always;} body.chatladyjp_home .kodawari{padding:30px 15px;} body.chatladyjp_home .kodawari .flex-1-line{margin:30px auto;} body.chatladyjp_home .kodawari .flex-1-line div.box{width:100%;margin: 0 0 30px;} body.chatladyjp_home .kodawari .flex-1-line div.box a h3{font-size:20px;} body.chatladyjp_home .other-service{padding:0px 0;} body.chatladyjp_home .other-service .text-box .write h2{padding: 0 0 10px 10px !important; margin: 0 5px !important;} body.chatladyjp_home .other-service .text-box{margin:0px auto;padding:0 0 115px;height: 400px;position:relative;} body.chatladyjp_home .other-service .text-box > a{margin:0;width:40%;} body.chatladyjp_home .other-service .text-box .write{width:60%;position:static;} body.chatladyjp_home .other-service .text-box .write p{line-height:1.6;} body.chatladyjp_home .other-service .text-box .write p a.bevel{bottom:30px;} } /* AreaChoice */ .area-content{background-color: #efe7d3;padding: 2em 0;background-image: url(https://chat-lady.jp/blog/wp-content/uploads/2025/04/area-nippon.webp); background-size: 400px auto; background-repeat: no-repeat; background-position: right bottom; background-blend-mode: multiply;position: relative; margin: -50px auto -50px; width: 95%; border-radius: 14px;box-shadow: 0 0 4px 0 #0005;border: 2px solid #0008;box-sizing: border-box; --choice-main:#81573d; } .area-content p.title{text-align: center; background-color: #e75f75; color: white;margin: 0 auto 2em; display: block; width: 75%; padding: 0.5em; clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%);max-width: 400px;border-radius:10px;} form#category-tag-form{} form#category-tag-form label.choice{position:relative;display: block;text-align: center;margin: 0 auto 0.5em;font-family: 'ta-koigokoro'; color: var(--choice-main);width:13em;font-size: 130%;font-weight: 600;} form#category-tag-form label.choice:before{display:block;content:"";width:100%;height:4px;background-color:#c1bf717a;position:absolute;bottom:0;} form#category-tag-form label.choice01:after{display: block; content: ""; width: 20px; height: 25px; position: absolute;bottom: 0;left: -10px; background-image: url(https://chat-lady.jp/blog/wp-content/uploads/2025/04/area-mark.webp); background-size: auto 100%; background-repeat: no-repeat; margin: auto;animation: boyon-move 2s ease-in infinite;} @keyframes boyon-move { 0%{transform:scale(0.9);} 25%{transform:scale(1.2);} 50%{transform:scale(1.1);} 75%{transform:scale(0.9);} 85%{transform:scale(1);} 95%{transform:scale(0.9);} 100%{transform:scale(1);} } form#category-tag-form label.choice02:after{display: block; content: ""; width: 20px; height: 25px; position: absolute;top: 0;bottom: 0;left: -15px; background-image: url(https://chat-lady.jp/blog/wp-content/uploads/2025/04/area-tag.webp); background-size: 100% auto; background-repeat: no-repeat; margin: auto;animation: boyon-move 2.5s ease-in infinite;} form#category-tag-form label.choice span{color: #e75f75;font-size: 130%;} form#category-tag-form select#area-select{margin: 0 auto 1.5em;height: 50px;border-radius: 10px; width: 120px; text-align: center; display: block; border: 2px solid var(--choice-main);color:var(--choice-main);} form#category-tag-form .tag-choice{display:flex;flex-wrap: wrap;justify-content: center;margin: 0 0 1em;} form#category-tag-form input{display:none;} form#category-tag-form input + label{text-align:center;background-color:#fff;font-size: clamp(12px, 85%, 12px); padding: 0.5em; border-radius: 10px;line-height: 30px; border: 2px solid var(--choice-main);width: 40%;max-width: 12em;margin: 0 auto 1em;color:var(--choice-main);transition: 1s;} form#category-tag-form input:checked + label{background-color:#e57789;color:white;animation: calc-move 0.5s ease-in 1;} form#category-tag-form button{height: 50px; width: 200px; margin: auto; display: block; border-radius: 100px; background-color: #6dbda0; color: white; border: 2px solid #0007; border-bottom-width: 3px;} div.count-result + button{animation:button-kirakira ease-in-out 1s infinite;} @keyframes button-kirakira{ 0%{transform:scale(1);background-color: #6dbda0;} 25%{transform:scale(0.97);} 50%{transform:scale(1);background-color: #57a98b;} 75%{transform:scale(0.97);} 100%{transform:scale(1);background-color: #6dbda0;} } div#post-count-display{text-align:center;height:26px;line-height:26px;text-shadow: 2px 2px 0 #fff8;font-weight: 600;} div#post-count-display span:not(.count-0){font-size:120%;color: var(--main-color);font-weight: 600;} div#post-count-display span.count-0{font-size:110%;animation:count0 ease-in-out 1s infinite;} @keyframes count0 { 0%{opacity:1;transform:scale(1);}50%{opacity:0.5;transform:scale(0.8);}100%{opacity:1;transform:scale(1);} } div.count-result{animation: boyon-move 0.5s ease-in 1;} @media screen and (min-width:769px) { .area-content{display:none;} } /*NewDesign ここまで********/ /*固定ページ********/ div.post-thum-page{width:100%;aspect-ratio: 16 / 5;} div.post-thum-page img{width:100%;height:100%;object-fit:cover;} section.section-sub{padding: 2em;} section.section-sub h3{text-align:center;} .beginner-index{width:80%;max-width:280px;box-sizing:border-box;margin:30px auto;text-align:center;} .beginner-index p{margin:0 !important;padding:0;line-height:45px !important;} .beginner-index p a{display:block;text-decoration:none;background-color: #f9f7f2; background-image: url(https://chat-lady.jp/blog/wp-content/uploads/2023/10/beginner.webp); background-repeat: no-repeat; background-size: 20px auto; background-position: 15px center;border-radius: 25px;border: 1px solid #0002; border-bottom-width: 3px;color: #40b139;font-size: 12px;} #must_area{margin: 30px 10px; width: auto;padding: 10px 30px; background-image: url(/img/bg-stripe.png); background-size: 4px auto; background-color:rgb(241 237 215); overflow: hidden; border-radius: 10px;box-sizing: border-box;border: 2px solid rgb(217 213 189);} #r_main .text-box h4{background-color: #444; color: white; border-radius: 100px; text-align: center; padding: 0.5em; margin: 2em auto 1em; max-width: 60%;} #must_area h3{ color: rgb(255 255 255);background-color: #ec7e8c;border-left: 3px solid #D4D4D4; border-right: 3px solid #d4d4d4;} #must_area h3 a{color:white;text-decoration:none !important;display:block;} #must_area h3 a{color:white !important;} div.movie-entry-fvimg{position: absolute; bottom:80px; right: 20px; margin: auto;width: 220px; text-align: center;z-index: 1;} div.movie-entry{position: absolute; bottom: -21px; right: 0; left: 0; margin: auto;width: 220px; text-align: center;z-index: 10;} div.movie-entry p ,div.movie-entry-fvimg p{margin:0;} div.movie-entry p a , div.movie-entry-fvimg p a{box-sizing:border-box;background-color: var(--main-color); line-height: 40px; color: white; border-radius: 22px; border: 2px solid #0004;border-bottom-width:4px;display: block;text-decoration:none;background-image:linear-gradient(173deg, hsla(0,0%,100%,.1) 0%, hsla(0,0%,100%,0) 49.22%, hsla(0,0%,100%,.1) 49.22%, hsla(0,0%,100%,0) 98.96%);} div.movie-entry-fvimg p a{background-color: var(--sub-color); animation: slide-in-from-right 2s ease-out forwards; /* アニメーションを追加 */ opacity: 0; /* 初期状態では非表示にする */} @keyframes slide-in-from-right { 0% {transform: translateX(100%);opacity: 0;background-color: #f8bb1a;} 15%{transform: translateX(0);opacity: 1;} 30%{transform:scale(0.8);}35%{transform:scale(1.1);}40%{transform:scale(0.8);}45%{transform:scale(1.2);} 50%{background-color: #f8bb1a;} 100% {opacity:1;} } #r_main .recommended-office{background-color:white;} .title_list_01{font-size:90%;border: 2px solid #0001;border-radius: 8px;padding: 1.6em 1em;margin: 20px auto 20px;list-style: none;width: 90%;max-width: 650px;background-color: #f9f9f0;box-sizing:border-box;} .title_list_01 ul li a{color:#1795cc; text-decoration:none;} .page_area ul{padding: 1em 4em; color: #555;} .page_area ul li{margin: 0 0 0.5em 0;} /*ContactForm7*/ p.submit-quiz {background:#333;color: white !important;width: 300px;margin: auto !important;text-align: center;padding: 15px !important;border-radius: 6px;} p.submit-quiz span{max-width:90%;color:white;} p.submit-quiz label > span {display: block;color: #f24d7c;font-size: 160%;margin:7px auto;} p.submit-quiz input {line-height: 40px;height: 40px;width: 200px;text-align: center;} .wpcf7-not-valid-tip {margin:auto !important;font-size:80% !important;color:#f24d7c !important;} input.submit{border-top: 1px solid #00000024; border-right: 1px solid #00000024; border-left: 1px solid #00000024; border-bottom: 2px solid #00000024; background-color: #1795cc; color: #fff;} input.submit:hover{background-color:#555;} /**タグ・カテゴリ一覧**/ div.post .blog_info ul li.tag {display:none;} .nav-below a{display:block;color:#fff;text-decoration:none;} /**インタビュー**/ .question-interview{} /*店舗詳細*/ #r_main .area-single h4{position:relative; color: #fff; text-align:center;border-bottom: #0001 solid 2px; border-top: solid #0001 2px; background-color:var(--green-blue);border-radius: 100px;} #r_main .area-single h4:before{content:"";display:block;width:50px;height:50px;background-image:url("https://chat-lady.jp/blog/wp-content/uploads/2023/02/icon-heart002.png");background-size:90% auto;margin: auto;left: 0; right: 0; position: absolute; top: -50px; border-radius: 25px 25px 0 0; background-color: var(--green-blue);background-position: center;} .shop-review{background-color:white;width: 90%; margin: auto; border-radius: 8px;} .shop-comment {background: #fff;border-radius: 6px;box-sizing: border-box;border: 2px solid #0001;} .rpi-dots{margin:1em 0 0 0 !important;} /**Gutenberg デザイン用CSS**/ .post-text-single h3{padding: 15px !important; margin: var(--block-margin) 1rem var(--block-margin) !important; color: #fff !important; font-size: 130% !important; position: relative;text-align:center;background-color:var(--black-color);border-radius:0.4rem;} .post-text-single h3:before{display: block; content: " "; background-image: url(/img/icon-naname-3color.png); position: absolute;left: 0; top: -30px; height: 50px; width: 50px; background-size: 100%; background-repeat: no-repeat;} .post-text-single h3:after{display: block;content: " ";background-image: url(/img/icon-naname-3color.png); position: absolute; right: 0; bottom: -30px; height: 50px; width: 50px; background-size: 100%; background-repeat: no-repeat;} .post-text-single > h4{text-align:center;background: rgb(232,81,105);font-weight: 600; padding: 10px; margin: 60px auto 30px;color: #fff;font-size: 110%;max-width: 750px; border-radius: 8px;width: 90%; box-sizing: border-box;} .post-text-single h5{text-align:center;border-top: solid 1px #fff9; border-bottom: solid 1px #fff9; padding: 10px; margin: 30px 20px 10px; font-size: 95%;} .post-text-single ul,.post-text-single ol{padding:20px 0 20px 1em;margin: 20px 1em 30px; font-size: 95%; color: #666;line-height:1.9;} .post-text-single ul li{list-style-type:circle;margin:0 0 15px;} .post-text-single ol li{list-style-type:decimal;margin:0 0 15px;} .post-text-single figure.wp-block-image {width:100%;position:relative;box-sizing: border-box; } .post-text-single figure.wp-block-image img {width:100%;height:auto;} .post-text-single figure.wp-block-image figcaption.wp-element-caption {height:30px;box-sizing:border-box;overflow:hidden;color:#777;margin:0;font-size:12px;width: 100%; text-align: center;} .post-text-single figure.wp-block-media-text__media{width:100%;height: -webkit-fill-available;position:relative;} .post-text-single figure.wp-block-media-text__media img{width:100%;height: 100%; object-fit: cover;margin: 0; border-radius: 0;} .wp-block-media-text__content h4{margin:10px;font-size:1.6em;} .wp-block-media-text__content p{padding:0 !important;} .wp-block-media-text__content .wp-block-button__link{height:46px;color:white;margin:10px auto;} .wp-block-media-text{border:1px solid #eaeaea;box-shadow: 10px 10px 0 0 #00000011;margin: 40px 0px;margin: 40px auto 40px; width: 80%;max-width:680px;border-radius: 8px; overflow: hidden;} .wp-block-group .wp-block-group__inner-container{display:initial;} .wp-block-group .wp-block-group__inner-container .wp-block-media-text{display:block;width:30%;min-width:180px;margin: 15px auto;} .wp-block-group .wp-block-group__inner-container figure.wp-block-media-text__media{width:100%;height:120px;position:relative;} .wp-block-group .wp-block-group__inner-container figure.wp-block-media-text__media img{width:100%;height:100%;object-fit:cover;margin: 0; border-radius: 0;} .wp-block-media-text__content{padding: 10px !important;font-size: 80%;} .wp-block-media-text__content a{text-decoration:none;color:#777;} figure.wp-block-gallery{display:flex;flex-wrap: wrap !important; width: 100%;justify-content: space-evenly;} figure.wp-block-gallery figure.wp-block-image{width: 40vw !important; height: 40vw; background: #eaeaea; max-width: 300px !important; max-height: 300px !important;} figure.wp-block-gallery figure.wp-block-image img{height: 100% !important; width: 100% !important; object-fit: cover !important; border-radius: 0 !important;margin: 0 !important;} .post-text-single .wp-block-pullquote blockquote {border: 1px solid #999;background: #fafafa;font-size: 90%;padding: 30px 0; position: relative;margin: 40px auto; width: 90%; max-width: 600px;} .post-text-single .wp-block-pullquote blockquote p{padding:20px;} .post-text-single .wp-block-pullquote blockquote:before{position:absolute;content:"”";font-size: 50px;color: #F8BB1A; top: 0;left: 5px;} .post-text-single .wp-block-pullquote blockquote:after {position:absolute;content: "”";font-size: 50px;color: #F8BB1A;bottom: -20px;right: 10px;} .post-text-single .wp-block-pullquote blockquote cite{font-size: 70%;padding: 10px 20px; display: block;margin: 0 30px 30px;text-align: center;line-height: 1.9;border-radius:8px;background-color:#0001;} .post-text-single .wp-block-pullquote blockquote cite a{color: #3e8fb8; text-decoration: none;} .is-provider-youtube .wp-element-caption{padding:0 15px;font-size:90%;color:#666;} .is-provider-youtube iframe{width: 100%; height: 56.25vw; max-height: 478px;} figure.wp-block-video video,.is-provider-youtube iframe{border-radius:7px;} figure.is-provider-tiktok .wp-element-caption{padding:0 15px;text-align:center;font-size:90%;color:#666;} .wp-block-buttons {justify-content: space-evenly;padding: 10px;text-align: center;} .wp-block-button__link{background:#1795cc !important; border: 1px solid #00000022; border-bottom-width: 3px;margin: 30px auto;} .wp-block-button__link:hover{background:#fff !important;color:#1795cc;} figure.wp-block-table{color: #7d7d7d;width:95%;margin:auto;} figure.wp-block-table table {width:100% !important;margin: 30px auto 20px;font-size: 14px;} figure.wp-block-table table thead tr{} figure.wp-block-table table thead tr th{background-color:#777;color:white;text-align: center;} figure.wp-block-table table tbody{} figure.wp-block-table table tbody tr:nth-child(even) td{background-color:#eaeaea;} figure.wp-block-table table tbody tr th {padding: 1em;} figure.wp-block-table table tbody tr td {background-color:white;padding: 1em;border: none;} figure.wp-block-table figcaption{text-align:center;font-size:86%;color:#777;line-height:35px;} figure.size-large{overflow: hidden; display: block !important;width: 90%;} figure.size-large img{object-fit:cover;width:100%;height:100%;box-sizing: border-box;} /**ここまで Gutenberg デザイン用CSS**/ ul.shop-img,ul.conditions,ul.benefits{border:none;} ul.benefits li{background-color:white !important;border-radius:6px;} ul.shop-img li{list-style:none;margin: 0;border: 5px solid white; border-radius: 8px;box-shadow: 10px 10px 0px 2px #00000011;} ul.shop-img li img{display:block; border-radius: 8px;} span.Recommend-check{text-align:center;background-color: #80cfa0;color: white;padding: 0.5em 1em;margin: 0.5em;display: inline-block;font-size: 90%;clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 3% 50%);} div.area-single .shop_tel_btn{} div.area-single .shop_tel_btn a , div.area-single .shop_t-entry_btn a , div.area-single .shop_line_btn a {text-align: center; width: 85%; margin: auto; display: block;background-color: var(--sub-color); text-decoration: none; padding: 10px; max-width: 340px; color: white; border-radius: 30px; border: 1px solid #00000022; border-bottom-width: 3px; line-height: 30px;} div.area-single .shop_t-entry_btn a{background-color: var(--main-color);} div.area-single .shop_line_btn a{background-color:#0acd00;} .interview-box{background-color:#b6d1d2;border: 2px solid #0004; background: linear-gradient( 135deg, /* 斜め上から光が当たるような角度 */ rgba(255, 255, 255, 0.4), /* ハイライト（透明度高め） */ #b6d1d2, /* メインカラー */ #b6d1d2, /* メインカラー */ rgba(182, 209, 210, 0.6) /* メインカラーの少し暗め・透明度あり */ ); } .interview-box a img{border-radius:3px;} @media (min-width: 769px) { .post-text-single h3{} figure.wp-block-table{overflow:hidden;} figure.wp-block-table table {margin: 50px auto 40px;} figure.wp-block-table table tr th {padding: 16px;} figure.size-large{max-height: 500px;width:90%;margin:auto;} } @media (max-width: 768px) { figure.wp-block-table table {} figure.wp-block-table table tr th:first-child,figure.wp-block-table table tr td:first-child{position:sticky;left:0;width:6em;} figure.wp-block-table table tr th:first-child:after,figure.wp-block-table table tr td:first-child:after{content: " "; position: absolute;right: 0; height: 100%; width: 2px; background-color: #ccc; top: 0;} figure.wp-block-table table tr th,figure.wp-block-table table tr td{width:10em;} } .has-text-align-center {text-align: -webkit-center !important;} .unique-event{width:90%;max-width:640px;margin:1em auto;background-color:#f4f4ed;border:1px solid #0001;box-sizing:border-box;padding:0em 1em;border-radius: 8px;} .unique-event ul{} .unique-event li {font-size:95%;color:#6e6e64;position:relative;letter-spacing: 0.1em;} .shop-comment strong,.shop-comment b,.unique-event li b,.unique-event li strong{text-emphasis:filled var(--main-color);font-weight:600;font-size:120%;color:var(--green-color);} div.special{background-color:#ccc;border-top:1px solid rgba(0,0,0,0.16);background-image:url(/img/icon-naname-white.png);} ul.special li{border-radius:10px;} div#sitemap{background-color: var(--main-color);} #sitemap h2{color:#fff;} .ul_box > li{margin:0 auto 10px;} .ul_box>li a{display:block} .ul_box > li > a{font-size: 140%;padding:0.5em; line-height: 40px;margin: 0 0 1.7em 0; text-align: center;border-bottom: 1px solid;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;position:relative;color:#fff;} .ul_box > li > a:before{content:">";position: absolute;top: 0;bottom: 0; margin: auto;left: 1em; font-size: 70%; background-color: var(--green-color); height: 2em;width: 2em; line-height: 2em; border-radius: 100%;color: white;border: 1px solid;} .ul_box>li a{} .ul_box02 li a {color: #fff;background-color: #5B5B58;} /*特集フレックスボックス*/ .flex-1-line { display: flex;overflow-x:scroll;background-color:#eaeaea;box-sizing:border-box;padding:20px;} .flex-1-line .box{position:relative;background-color:#fff;width: 90%;max-width: 350px; margin: 0 5px;box-sizing:border-box;padding: 15px 15px 50px; border: 2px solid #0002;flex-shrink: 0;border-radius:7px;} .flex-1-line .box a{text-decoration:none;} .flex-1-line .box figure{width: 100%;padding:0;margin:0;height: 170px;border-radius: 6px; overflow: hidden;} .flex-1-line .box figure img{width: 100% !important;object-fit: cover; height: 100% !important;} .flex-1-line .box h3{padding: 10px 0 5px; margin: 0 !important; font-size: 18px !important;color: #484848 !important;} .flex-1-line .box p{color: #818080 !important;padding:10px;margin: 0 !important;font-size: 90%;background: repeating-linear-gradient(-45deg, #0002, #0000 1px, #0000 2px, #0001 1px, #fff0 1px ,#fff0 15px);border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;position:relative;line-height: inherit;letter-spacing: inherit;} @media screen and (min-width:769px) { .flex-1-line {justify-content:space-evenly; display: flex; flex-wrap: wrap;overflow-x:inherit;background-color:inherit;} .flex-1-line .box{width: 280px; margin: 10px auto 30px;box-sizing:border-box;} .flex-1-line .box figure{width: 100%;padding:0;margin:0;height: 110px;} .flex-1-line .box figure img{} .flex-1-line .box:hover figure img{width:110% !important;height:110% !important;} .flex-1-line .box h3{padding:10px 0 0 !important;margin:0 !important;font-size:110% !important;} .flex-1-line .box p{padding: 5px 0px !important; margin: 0 !important; line-height: 1.6 !important; font-size: 90%;} } /**Lazy Block**/ .wp-block-lazyblock-block-simple-box-point, .wp-block-lazyblock-block-simple-box-check { border: 1px solid #ff5d15; border-radius: 3px; background-image: url(/img/bg-stripe.png);background-color:#ff54070f;background-size:6px auto; box-sizing: border-box;width: 90%; max-width: 600px; } .wp-block-lazyblock-block-simple-list {border: 2px solid var(--main-color); margin: 40px auto; border-radius: 15px; padding: 20px;background-image: url(/img/bg-stripe.png); background-color: var(--main-color);background-position: -8px;width:80%;box-sizing:border-box;max-width:680px; } .wp-block-lazyblock-block-simple-list ul { margin: 0; padding:30px 20px;border: 1px solid var(--main-color); background-color:white;border-radius: 15px;} .wp-block-lazyblock-block-simple-list ul li { position: relative; list-style: none; padding-left: 32px; margin: 0; color: #c23553;line-height: 1.8; } .wp-block-lazyblock-block-simple-list ul li + li { margin-top: 16px; } .wp-block-lazyblock-block-simple-list ul li::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; margin: 0; height: 24px; width: 24px; background: url(images/icon_list_01.png); background-repeat: no-repeat; background-size: 75%; background-position: center; } #r_main .wp-block-lazyblock-block-chat-balloon p{box-shadow: 0px 6px 0 0 #0002;color: #939393;} /*yoast FAQ*/ .schema-faq {width:90%;max-width:700px;margin: 40px auto;} .schema-faq div.schema-faq-section{padding: 20px 15px; border: 1px solid #eaeaea; border-radius: 5px; background-color: #f3f0e8; margin: 0 0 60px;background-image: url(/img/bg-stripe.png);} .schema-faq strong.schema-faq-question{text-align:center;background-color:#666;display:block;border-radius: 5px 5px 0 0;width:100%;padding:10px;box-sizing:border-box;color:white;position:relative;line-height:1.8;} .schema-faq strong.schema-faq-question:before{content:"Q";display:block;width:40px;height:40px;line-height:40px;text-align:center;position:absolute;left:0;right:0;top:-39px;background-color:#666;border-radius:20px 20px 0 0;margin:auto;font-size: 130%; color: var(--main-color);} .schema-faq p.schema-faq-answer{font-size:95%;background-color:#fff;border-radius:0 0 5px 5px;position:relative;margin: 0; padding: 20px;border: 1px solid #eaeaea; border-top: none;} .schema-faq p.schema-faq-answer:before{content:"A";display:block;width:40px;height:40px;line-height:40px;text-align:center;position:absolute;left:0;right:0;bottom:-39px;background-color:#fff;border-radius:0 0 20px 20px ;margin:auto;font-size: 130%; color: var(--sub-color);font-weight: 600;border: 1px solid #eaeaea; border-top: none;} .schema-faq p.schema-faq-answer img{border-radius:6px;margin:30px auto;} /*yoast HOW TO*/ .schema-how-to ol.schema-how-to-steps {border-left:2px solid #309B72;position:relative;} .schema-how-to p.schema-how-to-total-time{font-size:80%;background-color:#68b396;text-align:center;color:white !important;padding:10px !important;line-height:25px !important;border-radius:23px;width: 100%; max-width: 360px;} .schema-how-to strong.schema-how-to-step-name{font-size:20px;color:#309B72;} .schema-how-to p.schema-how-to-step-text{} .schema-how-to p.schema-how-to-step-text img{} /**Gutenberg デザイン用CSS　ここまで**/ .en{font-family:'HelveticaNeue';} /*アニメーション設定*/ img { animation-name: fadeInAnime;/*1で解説*/ animation-fill-mode:backwards;/*2で解説*/ animation-duration:2.5s;/*3で解説*/ animation-iteration-count:1;/*4で解説*/ animation-timing-function:ease;/*5で解説*/ animation-delay: 0s;/*6で解説*/ animation-direction:normal;/*7で解説*/ } @keyframes fadeInAnime{ 0% { opacity: 0; } 100% { opacity: 1; } } /*yotuube埋め込み*/ .wp-block-embed__wrapper.youtube-responsive{ position:relative; width:100%; padding-top:56.25%; } .wp-block-embed__wrapper.youtube-responsive iframe{ position:absolute; top:0; right:0; width:100%; height:100%; } /*toc 目次プラグインデザイン*/ p.toc_title{color:#777 !important;} .no_bullets{box-shadow:5px 5px 0 0 #0001;} .contracted {box-shadow:none;} #toc_container{margin: 2em auto!important;width: auto !important; max-width: 320px; box-sizing: border-box; padding: 20px !important; border-radius: 8px;background-color: #fbf8f4 !important; border: 2px solid #0002 !important;} #toc_container a {color: var(--main-color);} #toc_container p.toc_title+ul.toc_list{margin: 1em 1em 0.5em !important;border-left: initial;padding: 0 0 0 1.5em;} .toc_toggle a{ color: white !important; padding: 0 10px; line-height: 30px !important; display: inline-block; border-radius: 15px; font-size: 90%;} ul.toc_list li{list-style-position: outside !important;list-style: auto !important;padding: 0 0 0 0.5em !important;} ul.toc_list li a{padding: 0 0 1em 0em !important;display: block;} .no_bullets .toc_toggle a{background-color: #777;} .contracted .toc_toggle a{background-color: var(--main-color);} .toc_toggle a:hover{text-decoration:none !important;} span.toc_brackets{display:none;} /**Front　レコメンドボックス**/ .reccomend-box{background-color:#9bc9b9;background-image: url(img/bg-kikagaku-white01.webp);padding: 50px 0 0 0;border-top: 2px solid #0006; border-bottom: 2px solid #000} .reccomend-big{padding:2em 0 30px;} p.reccomend-10{} p.reccomend-calc{} .r-big{display:block;width:90% !important;max-width:300px !important;line-height:46px;text-align:center;position:relative;} p.reccomend-10{margin: 0px auto 15px;} p.reccomend-calc{margin: 0 auto;} label.r-big{font-size:12px;background-image: linear-gradient(103deg, #1795cc 79%, #3db2e1);border: 2px solid #30676d !important;} label.r-big:before{display: block; content: ""; background-image: url(https://chat-lady.jp/blog/wp-content/uploads/2025/04/icon-clac.png); background-repeat: no-repeat; height: 30px; width: 30px; background-size: 24px auto; position: absolute; top: 0; bottom: 0; margin: auto; left: 15px;background-position: center;} p.r-big a{text-decoration:none;display:block;font-size:12px;border-radius:104px;letter-spacing:2px;box-sizing:border-box;box-shadow: 0 0 4px 0 #0003; border: 2px solid #816211;} p.r-big a span,label.r-big span{font-size:140%;font-weight:600;} p.reccomend-10 a{background-color:#CBD9C5;background-image: linear-gradient(103deg, #f8bb1a 79%, #fbefcd);color:#A63D33;} p.reccomend-10 a:before{display:block;content:"";background-image:url(https://chat-lady.jp/blog/wp-content/uploads/2024/07/diamond-001.png);background-repeat:no-repeat;height:30px;width:30px;background-size:24px auto;position: absolute; top: 0; bottom: 0; margin: auto; left: 15px;} p.reccomend-calc a{background-color:beige;color:#fff;background-image: linear-gradient(103deg, #1795cc 0%, #5fb6db);} p.reccomend-calc a:before{display:block;content:"";background-image:url(https://chat-lady.jp/blog/wp-content/uploads/2025/04/icon-clac.png);background-repeat:no-repeat;height:30px;width:30px;background-size:auto 70%;background-position:center;position: absolute; top: 0; bottom: 0; margin: auto; left: 15px;} .reccomend-small{padding:0 0 30px;} .reccomend-small ul{list-style:none;display:flex;padding: 0;max-width: 360px; margin: auto;} .reccomend-small ul li{width: calc(100% / 4);padding:0 5px;line-height:1em;text-align:center;} .reccomend-small ul li a{font-size: 10px;text-decoration:none;color:#333;} .reccomend-small ul li a img{width: calc(100% - 26px);margin: 0 13px;border: 2px solid #fff; box-sizing: border-box; border-radius: 100px;filter: drop-shadow(0px 0px 3px #0004);} /*Recaptcha*/ /**Recaptcha**/ .grecaptcha-badge{bottom:100px !important;display:none;} body.t-entry .grecaptcha-badge, body.contact .grecaptcha-badge{bottom:80px !important;display:block;} .grecaptcha-badge { visibility: hidden; } /***************キャンペーン***************/ .event-area{width:100%;} .event-area .event-photo{width:100%;clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);} .event-area .event-photo img{width:100%;display:block;height:auto;} .event-area .event_comment{width:90%;max-width: 900px; margin: auto; padding: 40px 1em 60px;box-sizing: border-box;} .event-area .event_comment h2{text-align:center;color: white; font-size: 2.5cqw;} .event-area .event_comment h3{text-align:center;color: white; font-size: 1.6cqw;margin: 2.6em auto 1em;} .event-area .event_comment p{color:white;font-size:14px;} .event-area .event-property{background-color: black;} .present-item{position:relative;background-color: white;padding: 80px calc(50% - 500px);background-size: auto 100%; background-repeat: no-repeat; background-attachment: fixed; background-blend-mode: multiply;} .present-item h3,.oubo_property h3{width: 80%; max-width: 320px;padding:20px;line-height:1em;position:relative;text-align:center;font-size: 240%;margin: 0 auto 60px;background-color: #fff;border-radius: 100px;border: 2px solid #fff; color: #2e2e2e;mix-blend-mode: luminosity;} .present-item h3:before,.oubo_property h3:before{display:block;content:"";position:absolute;width:20%;top:-4px;left:0;right:0;margin:auto;background-color:#17ccc8;height: 6px} .present-item h3:after,.oubo_property h3:after{display:block;content:"";position:absolute;width:20%;bottom:-4px;left:0;right:0;margin:auto;background-color:#17ccc8;height: 6px;} .present-photo{display:flex;flex-wrap:wrap;} .present-photo a{color:#444;} .present-photo .item-block{position:relative;width: 98%;max-width:900px; box-sizing: border-box;display: flex;flex-wrap: wrap;container-type: inline-size;background-color: white; border-radius: 10px;margin: 0 auto 50px;} .present-photo .item-block:after{display: block; content: " "; background-image: url(/img/icon-naname-3color.png); position: absolute; right: 0; bottom: -30px; height: 50px;width: 50px; background-size: 100%; background-repeat: no-repeat;} .present-photo .item-block .item-img{width: 50cqw;height: calc(50cqw / 4 * 3);border-radius: 10px 0 0 10px; overflow: hidden;} .present-photo .item-block .item-img img{width:100%;height:100%;object-fit:cover;display:block;} .present-photo .item-block .item-text{width: 50cqw;box-sizing: border-box; padding: 0px 30px;display: flex; flex-wrap: wrap; align-content: center;} .present-photo .item-block .item-text p.item-pt{font-family: fantasy, serif;font-size: 5.1cqw; text-align: center;padding: 20px 0 20px !important;color: #888 !important; border-bottom: 1px solid; margin: 0 0 20px !important;line-height: 1.4em !important;box-sizing:border-box;display:block;width:100%;} .present-photo .item-block .item-text p.item-name{text-align: center; font-size: 2.3cqw; margin: 0 0 ;box-sizing:border-box;display:block;width:100%;padding:0 !important;color:#17ccc8;font-family: serif;font-style: italic;} .present-photo .item-block .item-text p.item-comment{padding:0 !important;font-size:14px; line-height: 1.5 !important; color: #888 !important;box-sizing:border-box;display:block;width:100%;max-height: 6em; overflow: hidden;} .present-item .present_text_area{margin: 60px 2em; padding:3em 2em; background-color: white; border-radius: 10px; border: 1px solid #0004; font-size: 90%;} .present-item .present_text_area ul {} .present-item .present_text_area ul li {margin:0 0 1em;} .oubo_property{padding: 80px calc(50% - 500px);} .oubo_property ul{background-color: #fffe; width: 90%; box-sizing: border-box; padding: 40px; border-radius: 10px;margin: 0 auto 60px;} .oubo_property ul li {list-style-type: disc; list-style-position: inside; margin: 0 0 10px 20px;} .oubo_property ul li a{} .oubo_property p.btn{width: 80%; max-width: 320px; margin: auto; text-align: center;} .oubo_property p.btn a{background-color: rgba(255, 105, 0, 1); color: white; display: block; line-height: 50px; border-radius: 25px; border: 2px solid #0001;text-decoration:none;} .oubo_property p.btn a:hover{background-color:#333;} .event-area.spring .oubo_property{background-color: #ec5b8f;} .event-area.spring .present-item{background-color: #ffdde9;background-image:url(https://chat-lady.jp/blog/wp-content/uploads/2024/08/spring-001.webp);} .event-area.spring .oubo_property{background-image:url(https://chat-lady.jp/blog/wp-content/uploads/2024/08/spring-001.webp);background-repeat: no-repeat;background-size: 100% auto; background-blend-mode: luminosity;} .event-area.summer .oubo_property{background-color:#72d5de;} .event-area.summer .present-item{background-color: #51cbd7;background-image:url(https://chat-lady.jp/blog/wp-content/uploads/2024/08/summer-001.webp);background-size: 100% auto;} .event-area.summer .oubo_property{background-image:url(https://chat-lady.jp/blog/wp-content/uploads/2024/08/summer-002.webp);background-repeat: no-repeat;background-size: 100% auto; background-blend-mode: luminosity;} .event-area.autumn .oubo_property{background-color:#a14a1b;} .event-area.autumn .present-item{background-color: #c77e57;background-image:url(https://chat-lady.jp/blog/wp-content/uploads/2024/08/autumn-001.webp);background-size: 100% auto;background-repeat: repeat-y;background-attachment:inherit;} .event-area.autumn .oubo_property{background-image:url(https://chat-lady.jp/blog/wp-content/uploads/2024/08/autumn-002.webp);background-repeat: no-repeat;background-size: 100% auto; background-blend-mode: luminosity;} .event-area.winter .oubo_property{background-color:#34923f;} .event-area.winter .present-item{background-color: #db3535;background-image:url(https://chat-lady.jp/blog/wp-content/uploads/2024/08/winter-001.webp);background-size:100% auto;} .event-area.winter .oubo_property{background-image:url(https://chat-lady.jp/blog/wp-content/uploads/2024/08/winter-002.webp);background-repeat: no-repeat;background-size: 100% auto; background-blend-mode: multiply;} .event-area.other1 .event-property,.event-area.other1 .oubo_property{background-color:#222;} .event-area.other1 .present-item{background-color: #fff;background-image: repeating-linear-gradient(90deg, transparent, transparent 5px, #eaeaea 5px, #eaeaea 10px);} .present-photo .item-block.is-inview{animation-name:item-block-anime;animation-duration:1s;animation-iteration-count:0.8s;animation-timing-function:ease;animation-delay: 0s;} @keyframes item-block-anime{ 0%{right:100px;opacity:0;transform: rotate3d(1, 1, 1, 30deg) scale(0.2);} 100%{right:0px;opacity:1.0;transform: rotate3d(1, 1, 1, 0deg) scale(1);} } .present-photo .item-block.is-inview:nth-child(even){animation-name:item-block-anime2;animation-duration:0.8s;animation-iteration-count:1;animation-timing-function:ease;animation-delay: 0s;transition:1s;} @keyframes item-block-anime2{ 0%{left:100px;opacity:0;transform: rotate3d(1, 1, 1, -30deg) scale(0.2);} 100%{left:0px;opacity:1.0;transform: rotate3d(1, 1, 1, 0deg) scale(1);} } p.btn.is-inview {animation-name:btn-anime;animation-duration:1.2s;animation-iteration-count:1;animation-timing-function:ease;animation-delay: 0s;transition:1s;} @keyframes btn-anime{ 0%{transform: scale(1) translatex(100px);} 60%{transform: scale(1) translatex(0px);} 70%{transform: scale(0.8);} 80%{transform: scale(0.98);} 90%{transform: scale(0.9);} 100%{transform: scale(1);} } /*-------キャンペーン内リスト------------------------------- */ .event-area .simple-alphabet-list {counter-reset: simple-alpha;list-style: none;background: #fffe;padding: 40px 50px;border-radius: 10px;margin: 50px auto 100px;font-size: 14px;width: 90%; max-width: 640px;} .event-area .simple-alphabet-list li {counter-increment: simple-alpha;padding: 10px 10px 10px 40px;border-bottom: 1px solid #e0e0e0;position: relative;} .event-area .simple-alphabet-list li::before {content: counter(simple-alpha, lower-alpha) ".";position: absolute;left: 10px;top: 10px;color: #7f8c8d;} .event-area .simple-alphabet-list li:last-child {border-bottom: none;} .event-area .simple-alphabet-list li a{text-decoration:none;} @media screen and (max-width:768px) { .event-area .simple-alphabet-list {counter-reset: simple-alpha;list-style: none;background: #fffe;padding: 40px 20px;border-radius: 10px;margin: 50px auto;} .event-area .simple-alphabet-list li {counter-increment: simple-alpha;padding: 10px 10px 10px 40px;border-bottom: 1px solid #e0e0e0;position: relative;} .event-area .simple-alphabet-list li::before {content: counter(simple-alpha, lower-alpha) ".";position: absolute;left: 10px;top: 10px;color: #7f8c8d;} .event-area .simple-alphabet-list li:last-child {border-bottom: none;} } @media screen and (max-width:768px) { .event-area .event_comment h2{font-size:5.5cqw;} .event-area .event_comment h3{text-align:center;color: white; font-size: 4cqw;} .event-area .event-photo{height:100cqw;} .event-area .event-photo img{height:100%;object-fit:cover;} .present-item h3,.oubo_property h3{margin: 0 auto 20px;} .present-photo .item-block{width:90%;margin:0 auto 20px;} .present-item{width:100%;box-sizing:border-box;padding: 80px 20px;} .present-photo .item-block .item-img{width: 100cqw; height: calc(100cqw / 4* 3); border-radius: 10px 10px 0 0; overflow: hidden;} .present-photo .item-block .item-text{width:100cqw;padding: 0px 30px 45px;} .present-photo .item-block .item-text p.item-pt{font-size: 10.5cqw;} .present-photo .item-block .item-text p.item-name{font-size: 6cqw;} .oubo_property{width: 100%; box-sizing: border-box; padding: 80px 20px;} .oubo_property,.present-item{background-size: auto 100% !important;} .event-area.autumn .present-item{background-size:100% auto !important;} .event-area.simple-alphabet-list {counter-reset: simple-alpha;list-style: none;background: #fffe;padding: 40px 20px;border-radius: 10px;margin: 50px auto;} .event-area.simple-alphabet-list li {counter-increment: simple-alpha;padding: 10px 10px 10px 40px;border-bottom: 1px solid #e0e0e0;position: relative;} .event-area.simple-alphabet-list li::before {content: counter(simple-alpha, lower-alpha) ".";position: absolute;left: 10px;top: 10px;color: #7f8c8d;} .event-area.simple-alphabet-list li:last-child {border-bottom: none;} } /* カスタムブロック(Lazy Blocks) デザイン CSS -------------------------------------- */ .wp-block-lazyblock-block-simple-box {margin: 40px auto; border: 2px solid #9991; border-radius: 8px; padding:2em 1.5em; background: #f2f2e9; width: 61%; box-sizing: border-box;min-width: 320px;} .wp-block-lazyblock-block-simple-box .title { font-size: 1.4em; position: relative;text-align: center;color: #a7a78f;border-bottom: 3px double; } #r_main .wp-block-lazyblock-block-simple-box p { padding: 0; margin: 1.5em 0 0;font-size: 0.85em;color:#a7a78f;padding: 0 0 0.25em; } /*******フェードイン****/ /* フェードイン(初期値) */ .js-fadeUp { opacity: 0; /* 最初は非表示 */ transform:translatey(100px); transition: opacity .8s, transform .6s; /* 透過率と縦方向の移動を0.8秒 */ } .js-fadeLeft { opacity: 0; transform:translateX(-100px); transition: opacity .8s, transform .8s; } .js-fadeRight { opacity: 0; transform:translateX(100px); transition: opacity .8s, transform .4s; } .other-Effect{opacity: 0; transition: opacity .8s, transform .4s;} /* おすすめ記事 single.php */ .related-posts {margin: 5em auto; padding: 5em 2em; overflow: hidden; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;width: calc(100% - 3em); box-sizing: border-box;} .related-posts h3{text-align:center;} .related-posts ul {list-style: none; margin: 0; padding: 0;display: flex;flex-wrap:wrap;} .related-posts li {width: 100%; box-sizing: border-box; margin:0em auto 1em;} .related-posts a { display: block; text-align: center; text-decoration: none; color: inherit;container-type: inline-size;} .related-posts li .image-rec{width: 100%; height: 40cqw; display: block;} .related-posts li .title-rec{font-size: 14px;padding: 0.5em; display: block;font-weight: 600; color: #666;} .related-posts img {width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 8px; box-shadow: 6px 6px 0 0 #0001; box-sizing: border-box; border: 1px solid #0003;} @media (min-width: 768px) { .related-posts ul {} .related-posts li {width: 50%; padding: 0 10px; } } /* カテゴリ別ランキング */ /* ランキング */ .wpp-shortcode {border: 3px solid #0001; padding: 1em; border-radius: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);width:90%; max-width:640px;margin:auto;counter-reset: rank;background-color: #83c1c3;box-sizing: border-box;} .wpp-list {list-style: none;padding: 6em 0 0;font-size: 90%; background-image: url(/img/crown-white.webp); background-repeat: no-repeat; background-position: center top; background-size: auto 4em;} .wpp-list li {position:relative;margin-bottom: 1em !important;padding: 10px;background-color: #fff; border-radius: 5px;} .wpp-list li::before { counter-increment: rank; /* li要素ごとにカウンターを1増やす */ content:counter(rank)"位"; /* カウンターの値と"位"を組み合わせて表示 */ display: inline-block; /* インライン要素をブロック要素のように扱う */ width: 30px; /* 幅を固定 */ margin-right: 10px; /* 右に余白 */ text-align: center; /* 中央揃え */ background-color: cadetblue; color: white; padding: 5px 10px; border-radius: 5px; } .wpp-list li::before:first-letter { /* 数字部分のスタイル */ font-size: 140%; /* フォントサイズを大きくする */ font-weight: bold; /* 太字にする */ } .wpp-post-title {text-decoration: none;color: #5f9ea0;} .wpp-post-title:hover {} /* レスポンシブ対応 */ @media screen and (max-width: 768px) { .wpp-shortcode {padding: 10px;} .wpp-list li {padding: 1em;} .wpp-post-title{display:block;} .wpp-list li::before{margin-bottom:0.5em;} } /* フェードイン(スクロールした後) */ .js-fadeUp.is-inview { opacity: 1; /* 表示領域に入ったら表示 */ transform:translatey(0px); transition-delay: .2s; /* フェード開始を0.5秒遅らせる */ } .js-fadeRight.is-inview { opacity: 1; /* 表示領域に入ったら表示 */ transform:translateX(0px); transition-delay: .2s; /* フェード開始を0.5秒遅らせる */ } .js-fadeLeft.is-inview { opacity: 1; /* 表示領域に入ったら表示 */ transform:translateX(0px); transition-delay: .2s; /* フェード開始を0.5秒遅らせる */ } .other-Effect.is-inview{ opacity: 1; /* 表示領域に入ったら表示 */ transition-delay: .2s; /* フェード開始を0.5秒遅らせる */} /* 20240909 取り急ぎ修正（解決次第削除）WA */ ol.ranking { margin: 0 auto; padding: 0; } ol.ranking li { list-style: none; } /* カテゴリー・タグページ */ .editor-tag-content{ width:900px; margin:0 auto; } @media screen and (max-width: 768px) { .editor-tag-content{} } /**チャットレディJP管理ページ * * * ***********/ /******応募データ*/ div.oubo-total{} div.oubo-total p.result{text-align:center;color:#777;margin: 1em !important;} div.oubo-total .page-nation{text-align:center;} div.oubo-total .page-nation .page-numbers{margin:0 0.61em 0 0;} div.oubo-total p.result span{font-size:160%;color: #1795cc; font-weight: 600;} table.entry-table{font-size:12px;width: calc(95%); margin: auto;} table.entry-table th,table.entry-table td{padding:0.5em 0.3em;text-align:center;max-width:20em;border-radius:8px;} table.entry-table th{background-color:black;color:white;} table.entry-table td{} table.entry-table td span.site-tag{display: block;border-radius:5px;margin:2px;} table.entry-table td input[type="text"]{box-sizing:border-box;border:none;text-align: center;padding: 0.8em 0.2em; background-color: transparent;border-bottom: 1px dashed #aaa;} table.entry-table td.contact{} table.entry-table td.contact span{color:#777;font-size:90%;} table.entry-table tr:nth-child(2n + 2) td{background-color:#eaeaea;} table.entry-table td button{border: 1px solid #0002; border-radius: 8px; background-color: var(--green-color); color: white; font-size: 12px; padding: 0.5em;cursor:pointer;} table.entry-table td.id-info{} table.entry-table td.id-info > div{position:relative;} table.entry-table td.id-info > div span.label-span{position:relative;display: block;margin:1em 0 0 0;} table.entry-table td.id-info input[type="text"] {width: calc(100%);border:none;outline: 1px solid #999; border-radius: 5px;} table.entry-table td.id-info input[type="text"] + label {color: #aaa;width:6em;position:absolute;top: -0.5em;left: 0;right:0;margin:auto; display: block; background-color: #eaeaea;transition:ease-in 0.3s;border-radius:100px;} table.entry-table tr:nth-child(2n + 2) td.id-info input[type="text"] + label {background-color:white;} table.entry-table td.id-info input[type="text"]:focus + label{left: calc(7em - 100%);right:0;transition:ease-in 0.3s;} table.entry-table tr:nth-child(2n + 2) td.id-info input[type="text"]:focus + label {color:#aaa} table.entry-table td.id-info > div span.label-span + span{position: absolute; top: -5px; right: -5px; background-color: var(--main-color); height: 10px; line-height: 20px; color: white;width: 10px;border-radius: 100px; text-indent: -400px;box-sizing:border-box;transition:0.5s;animation:pt-move ease-in-out infinite 0.6s;overflow:hidden} table.entry-table td.id-info > div span.label-span + span:hover{top: -10px; right: -10px;width: 100px;text-indent:0;transition:0.5s;animation:none; height: 20px; line-height: 20px;} @keyframes pt-move{ 0%{opacity:1;} 50%{opacity:0.5;} 0%{opacity:1;} } span.bq_transitions{height: 18em;display: block;overflow: auto;} span.bq_transitions > span{display:block;color:#777;margin:0 0 0.2em;} span.bq_transitions span.bq_href_summary{display:block;} table.entry-table td.id-info > div span.label-span + span.pt_0{display:none;} form.search-form{width: 80%; margin: auto; text-align: center;} form.search-form select ,form.search-form input{padding:1em;border: 3px solid #0002; border-radius: 8px;font-size: 14px;} form.search-form select{margin:0 1em 0 0 ;} form.search-form input{} form.search-form input[type=date]{} form.search-form input[type=submit]{width:8em; border-radius:100px;background-color: #e85169; color: white; margin: 2em auto 0; cursor: pointer;} div.oubo-total .ranking-result{display:flex;justify-content: space-evenly;width: 90%;margin:0 auto 180px;flex-wrap:wrap;position:relative;} div.oubo-total .ranking-result ol{position:relative;max-width:320px;padding:1em; counter-reset: ranking; /* カウンターを初期化 */ list-style: none; /* デフォルトの番号とドットを無効化 */ padding-left: 0; /* 左側の余白を調整 */} div.oubo-total .ranking-result ol p{text-align:center;font-size:90%;color:#888;} div.oubo-total .ranking-result ol li{font-size:80%;position:relative; counter-increment: ranking; /* カウンターを増加 */ position: relative; /* 擬似要素の位置調整に必要 */ margin: 0.5em 0; /* 各項目の余白を調整 */ padding-left: 3em; /* カスタム番号分の余白を確保 */} div.oubo-total .ranking-result ol li::before { content: counter(ranking) "位"; /* カウンターと「位」を表示 */ position: absolute; /* 左側に固定表示 */ left: 0; top: 0;bottom: 0; margin: auto; font-size: 12px; display: block; width: 4em; height: 16px;} div.oubo-total .ranking-result ol li span:first-child{background-color:#47b2db; margin: 0 0.5em 0 0; color: white; padding: 0.5em;border-radius: 5px; text-align: center; min-width: 5em; display: inline-block;} div.oubo-total .ranking-result ol li span:nth-child(2){color:var(--sub-color);font-weight:bold;} div.oubo-total .ranking-result ol li span:nth-child(3){color: #666; font-size: 90%;} div.ranking-total p {text-align:center;} div.oubo-total .ranking-result ol + p{position:absolute;} div.oubo-total .ranking-result ol + p.area-count{bottom:-50px;} div.oubo-total .ranking-result ol + p.service-count{bottom:-80px;} div.oubo-total .ranking-result ol + p.age-count{bottom:-110px;} /**チャットレディJP管理ページ***********/ /******ランキングコード生成*/ .oubo-total{} .oubo-total code{margin:auto;background-color:#eaeaea;border-radius:8px;color: #517787;line-height: 1.5; font-size: 90%;} .oubo-total button.normal-btn{background-color:cadetblue;color: white; border: 1px solid #0003; padding: 0.3em 1em; border-radius: 7px; margin: 1em auto; display: block;cursor:pointer;} .oubo-total form.rank-up{} .oubo-total form.rank-up input[type="file"]{display: block; width: 300px; background-color: #b3b3b6; padding: 1em; margin: 1em auto; border-radius: 8px; text-align: center;cursor:pointer;} .oubo-total form.rank-up input[type="submit"]{background-color:cadetblue;color: white; border: 1px solid #0003; padding: 0.3em 1em; border-radius: 7px; margin: 1em auto; display: block;cursor:pointer;} /*CSV*/ div.csv-form{width:90%;max-width:769px;margin:1em auto;background-color: #d3eaf3; padding: 1em; border-radius: 8px;} div.csv-form span.reas-time{width: 300px; margin: auto; display: block; text-align: center;} div.csv-form span.reas-time select{height: 40px; margin: 0 0.5em 0; padding: 0 0.5em; font-size: 16px; border-radius: 8px;} div.csv-form input{display:block;margin: 1em auto;} div.csv-form input[type="file"]{border: 1px solid #0003; padding: 1em; border-radius: 8px;background-color: #88c3d9;color: white;} div.csv-form input[type="submit"]{height: 40px; border-radius: 8px; border: 1px solid #0003; background-color: var(--main-color); color: white; padding: 0 1em;cursor:pointer;} table.csv-result{font-size:12px;width:300px;margin:auto;border:1px solid #999;} table.csv-result tr th{text-align:center;background-color:#444;color:white;} table.csv-result tr td{text-align:center;} table.csv-result tr:nth-child(odd) td{background-color:#eee;} /****/ .admin-page{padding:0 calc(50% - 490px);} /** ///チャットレディJP管理ページ * * ***********/ /**カテゴリーページ通勤店舗一覧***********/ ul.benefits-list li.freetime,ul.benefits-list li.long-v,ul.benefits-list li.side,ul.benefits-list li.day-pay,ul.benefits-list li.d-arranty,ul.benefits-list li.m-warranty,ul.benefits-list li.private,ul.benefits-list li.dress,ul.benefits-list li.bonus,ul.benefits-list li.Dormitory,ul.benefits-list li.Dormitory,ul.benefits-list li.transfer,ul.benefits-list li.alibi,ul.benefits-list li.food,ul.benefits-list li.free-d{display:none;} /** category-area.php のみに対応　訴求するためのボックス**/ .CTAbox {width: 100%; text-align: center; margin-bottom: 30px; } .CTAbox table {width: 750px;text-align: center;margin: 0 auto;border-collapse: collapse;border: solid 1px #cebe95;border-radius: 8px;display: block;overflow: hidden;background-color: #f5f0e4;} .CTAbox table td, .CTAbox table th { } .CTAbox td:first-child {width: 40%;border-right:1px dashed #d5ccb5; } .CTAbox td:nth-child(2) {width: 60%; padding: 15px; text-align: left; } img.CTAbox_banner {width: 90%; border: solid 1px #c6c6c6; } #r_main .CTAbox p {font-size: 14px; padding: 0px !important; margin: 0px auto 0.5em !important; line-height: 1.5em;width: 80%; } .CTAbox td:first-child p {letter-spacing: 0 !important; } #r_main .CTAbox span.CTA_marker {background: linear-gradient(transparent 64%, #c8ebf8 0%);text-align: center; display: block; width: 100%;margin: 0 auto 1em;} #r_main p.CTAbox_topfukidashi{display:block;font-size:80%;background: var(--main-color);color:white;padding:5px !important;line-height: 25px;height: 32px;border-radius:4px;position: relative;width: 280px !important; top: -5px;} #r_main p.CTAbox_topfukidashi:before{} #r_main p.CTAbox_topfukidashi:after{display:block;content:"a";position:absolute;bottom:-6px;right:0;left: 0; margin: auto;width: 0;height: 0;border-style: solid;border-width: 8px 6px 0 6px;border-color: var(--main-color) transparent transparent transparent;} #r_main .CTAbox td p.CTAbutton_fukidashi{color: #e85169; font-size: 13px; text-align: center; font-weight:bold; letter-spacing: 0px;position: relative; } #r_main .CTAbox td p.CTAbutton_fukidashi{font-weight:400; } #r_main .CTAbox td a.CTAbutton {display: block; margin: 0 auto; font-size: 14px; color: #fff; text-decoration: none; background: var(--sub-color);padding: 5px 0;width: 70%; border-radius: 100px; border: 1px solid #0003; border-bottom-width: 4px; text-align: center;} #r_main .CTAbox td a.CTAbutton:hover {background-color:#80c0d8;} @media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px) { .CTAbox table {width: 95%!important; text-align: center; margin: 0 auto; border-collapse: collapse; } .CTAbox table td, .CTAbox table th { } .CTAbox td:first-child {width: 35%; } .CTAbox td:first-child p {letter-spacing: 0 !important; } .CTAbox table {width: 40%; text-align: center; margin: 0 auto; border-collapse: collapse; } img.CTAbox_banner {width: 90%; border: solid 1px #c6c6c6; } #r_main .CTAbox p {font-size: 13px; padding: 0px !important; margin: 0px auto!important; line-height: /*1.7em*/32px;width:100%; } #r_main .CTAbox span.CTA_marker {background: linear-gradient(transparent 64%, #b2fff6 0%); } #r_main p.CTAbox_topfukidashi, #r_main .CTAbox td p.CTAbutton_fukidashi{text-align: center; font-weight:bold; letter-spacing: 0px; } #r_main .CTAbox td p.CTAbutton_fukidashi{font-weight:400; } #r_main .CTAbox td a.CTAbutton {display: block; margin: 0 auto; font-size: 14px; color: #fff; text-decoration: none; padding: 5px 0; width: 100%; } } /* * cl_average */ input[type="checkbox"].average{display:none;} input[type="checkbox"].average + label{display:none;} .average-box{position:relative;background-color:#599593;padding: 70px 0 1em 0;background-image: radial-gradient(circle at 5px 5px, #a8c3b92e 2px, transparent 3px); background-size: 15px 15px;} .average-box p{font-size:14px;position: absolute; color: white; top:1em;left: 0; right: 0; margin: auto; display: block; width: 50%; text-align: center;border: 2px solid; border-top: none; border-radius: 0 0 5px 5px;padding: 0.5em 0.5em; line-height: 30px;text-shadow: 2px 2px #0006;} .average-box p span{font-weight:600;font-size:140%;color:#d4ff32;} .average-box p:before{display:block;content:"";width:10px;height:10px;background-color:white;position:absolute;top:0;right: -6px; border-radius: 20px;line-height: 32px;} .average-box p:after{display:block;content:"";width:10px;height:10px;background-color:white;position:absolute;top:0;left:-6px;border-radius: 20px;} .cl_average{position:relative; display: flex; width: 100%; overflow-x: auto; white-space: nowrap;} .cl_average table{ display: inline-block; vertical-align: top;border-spacing: 0;font-size: 14px;padding: 1em;margin: 0 0 0 2em;position: relative;filter: drop-shadow(0px 0px 6px #0004);} .cl_average table:before{display:block;content:"";width:50px;height:50px;border-top: 2px solid #f8bb1a; border-right: 2px solid #e85169;position:absolute;right:0;top:0;border-radius: 0 8px;} .cl_average table:after{display:block;content:"";width:50px;height:50px;border-bottom:2px solid #f8bb1a;border-left: 2px solid #e85169;position:absolute;left:0;bottom:0;border-radius: 0 8px;} .cl_average table caption{color: white; display: block; background-color:#344f4c; width: 8em; position: relative; z-index: 0; left: 0; height: 30px; line-height: 30px; border-radius: 4px 4px 0 0; position: absolute; left: calc(-4em + 2px);transform: rotate(270deg); bottom: 20px; top: 0; margin: auto;} .cl_average table thead{ color: white;position:relative;z-index:1;background-color: var(--main-color);background-image: var(--linear-gradation01);background-image: url(img/bg-kikagaku-white01.webp);background-position: left bottom;} .cl_average table thead tr th{padding:0.5em ;box-sizing: border-box;font-weight:400;border-top: 2px solid;} .cl_average table thead tr th:first-child{border-radius:6px 0 0 0 ;border-left: 2px solid;} .cl_average table thead tr th:last-child{border-radius:0 6px 0 0 ;border-right: 2px solid;} .cl_average table tbody{ color: white;background-color: var(--main-color);background-image: url(img/bg-kikagaku-white01.webp);position:relative;z-index:2;} .cl_average table tbody tr td{} .cl_average table tbody tr td span{font-size:75%;} .cl_average table tbody tr td:first-child{text-align:right;padding: 0.5em 0.5em 0.5em 2em;border-left: 2px solid;} .cl_average table tbody tr td:last-child{font-size: 140%;font-weight: 600;padding: 0.5em 2em 0.5em 0em; border-right: 2px solid;} .cl_average table tbody tr:last-child td{padding-bottom:1em;} .cl_average table tbody tr:last-child td:first-child{border-radius:0 0 0 6px;border-bottom: 2px solid;} .cl_average table tbody tr:last-child td:last-child{border-radius:0 0 6px 0;border-bottom: 2px solid;} .cl_average table:nth-child(1) thead,.cl_average table:nth-child(2) tbody{background-color:#adb777;} .cl_average table:nth-child(2) thead,.cl_average table:nth-child(3) tbody{background-color:#874c87;} .cl_average table:nth-child(3) thead,.cl_average table:nth-child(4) tbody{background-color:#4eb4c5;} /** ul.point **/ ul.point{color:var(--green-blue);width: 80%; margin: 1em auto 2em; padding: 2em 2em 2em 3em; border-radius: 7px; box-sizing: border-box; background-color: white; border: 3px solid var(--green-blue);} ul.point li{} ul.point li:last-child{margin-bottom:0;} /* カスタムブロック(Lazy Blocks) デザイン CSS -------------------------------------- */ .wp-block-lazyblock-block-recommend-post { position: relative; padding: 1.5em 2em; border: solid 3px var(--green-blue); border-radius: 100px;margin: 3em auto; width: 80%; box-sizing: border-box;} .wp-block-lazyblock-block-recommend-post span {position: absolute; top: -16px;background: var(--green-blue); display: block; padding: 0.3em 1em 0.3em 3em; color: #fff; font-size: 14px; line-height: 22px; border-radius: 15px;left: 0;right: 0; margin: auto; min-width: 100px; max-width: 180px;box-sizing:border-box;} .wp-block-lazyblock-block-recommend-post span::before { content: ""; position: absolute; left: 1em; top: 0; bottom: 0; margin: auto; background: url(images/icon_book_w.png); width: 20px; height: 20px; background-repeat: no-repeat; background-size: 100%; background-position: center; } .wp-block-lazyblock-block-recommend-post a{color:var(--green-blue);text-decoration:none;display: table;margin: 0 auto;} /************Tbaleあれこれ(1行目にthが連続する場合)*/ /*table.normal-1{color:#7d7d7d;width:95%;max-width:600px;margin:40px auto 60px;padding:10px;border-collapse: collapse;} table.normal-1 tr th,table.normal-1 tr td{line-height:1.8em;font-size:95%;} table.normal-1 thead th {background-color:#666;color:white;} table.normal-1 thead th:nth-child(2n) {} table.normal-1 thead th:nth-child(3n) {} table.normal-1 tr th{padding: 7px 10px;border: 3px solid white; border-radius: 4px;font-weight: 400;} table.normal-1 tr td{padding:5px 10px;} table.normal-1 tr td:nth-child(2n){} table.normal-1 tr td:nth-child(3n){} table.normal-1 thead {color:lightseagreen;font-size: 85%;} table.normal-1 tfoot {text-align:center;font-size:95%;border-top: 1px dashed #f1f1f1; border-bottom: 2px solid #f1f1f1;} table.normal-1 tfoot tr td {color:#777;padding:7px;} table.normal-1 tbody td{text-align:center;} table.normal-1 tbody tr:nth-child(2n+2){background:#f9f9f9;} table.normal-1 tbody tr:last-child td{border-bottom:none;} table.normal-1 tbody tr td:last-child strong{color:var(--main-color);font-size:140%;text-shadow: 0 0 1px white, 1px 1px 1px #0006; margin: 0 0.1em 0 0;} 崩れたりなければ削除 */ /*Category Area TagParamater*/ .category-and-tag .post-thum-single.area-category, .category-and-tag .beginner-index, .category-and-tag .single_area.index-top, .category-and-tag .boxes_sort_area, .category-and-tag .CTAbox{display:none;} h2.title.area-ng{text-align:center !important;color:white !important;background-color: var(--black-color); width: 90% !important; max-width: 600px;margin: 0 auto 1em !important; padding: 1em !important; border-radius: 8px; background-image: none !important;} ul.area-ng{padding: 2em 1em;width: 90%;max-width: 600px; margin: auto;color: #eee; background-color: var(--black-color); border-radius: 8px;} ul.area-ng li{list-style: circle; margin: 0 0 1em 1.5em;} ul.area-ng li a{color:white;text-decoration:underline;} /* * AI Chat Bot * ***/ .mwai-chatgpt-theme .mwai-body{border:2px solid var(--black-color);box-sizing:border-box;box-shadow: 0 0 8px 2px #0001} .mwai-chatbot-container{width: 90%;margin:auto; max-width: 750px;} .mwai-avatar{width:30px;height:30px;} .mwai-avatar img{height:100%;width:100%;object-fit:cover;} .mwai-chatgpt-theme .mwai-reply.mwai-ai span,.mwai-chatgpt-theme .mwai-reply.mwai-user p{} .mwai-chatgpt-theme .mwai-reply.mwai-user span{color:#df7b8b;font-weight:600;} .mwai-chatgpt-theme button{background: var(--main-color) !important; color: white !important;} .mwai-chatgpt-theme .mwai-conversation{max-height:30em;} input#chatbot-toggle{display:none;} input#chatbot-toggle:checked{} input#chatbot-toggle + label.chatbot-toggle-button{display:flex;align-items: center;padding: 0px 1em;color:#ffffdf;text-align:center;cursor:pointer;width:190px;height:46px;overflow:hidden;box-sizing:border-box;border-radius:100px;border:2px solid white;position: fixed; bottom: 10px; left: 0; right: 0; margin: auto;z-index:2;line-height:42px;font-size:90%;box-shadow:0 0 8px 2px #0002;transition:0.5s ease-in-out; /* グラデーションのベース設定 */ background: linear-gradient( 45deg, /* 初期角度 */ var(--sub-color), var(--main-color), #eed081, var(--green-blue), var(--main-color) /* 途切れないように最初の色を再度追加 */ ); background-size: 400% 400%; /* グラデーションのサイズを大きくして動きを出す */ animation: gradientAnimation 10s ease infinite; /* アニメーションの適用 */ } /* グラデーションアニメーションの定義 */ @keyframes gradientAnimation { 0% { background-position: 0% 50%; /* 左端から中央 */ box-shadow:0 0 4px 2px #ffff8566; } 25% { box-shadow:0 0 8px 10px #ffff8500; } 50% { background-position: 100% 50%; /* 右端から中央 */ box-shadow:0 0 4px 2px #ffff8566; } 75% { box-shadow:0 0 8px 10px #ffff8500; } 100% { background-position: 0% 50%; /* 最初に戻る */ box-shadow:0 0 4px 2px #ffff8566; } } input#chatbot-toggle + label.chatbot-toggle-button img{width:30px;height:30px;} input#chatbot-toggle + label.chatbot-toggle-button span{margin:0;flex-grow:1;} input#chatbot-toggle + label.chatbot-toggle-button span.open{display:block;} input#chatbot-toggle + label.chatbot-toggle-button span.close{display:none;} input#chatbot-toggle:checked + label.chatbot-toggle-button{background-color:#999;transition:0.5s ease-in-out;} input#chatbot-toggle:checked + label.chatbot-toggle-button span.open{display:none;} input#chatbot-toggle:checked + label.chatbot-toggle-button span.close{display:block;} input#chatbot-toggle + label.chatbot-toggle-button + .mwai-chatbot-container{position: fixed; bottom: -600px; left: 0; right: 0; margin: auto;z-index:1;transition:0.5s ease-in-out;box-shadow: 0 0 8px 2px #0001; border-radius: 8px;} input#chatbot-toggle:checked + label.chatbot-toggle-button + .mwai-chatbot-container{bottom: 70px;transition:0.5s ease-in-out;} @media screen and (max-width:768px) { .mwai-chatgpt-theme .mwai-conversation{max-height:calc(100vh - 280px);min-height:200px;} input#chatbot-toggle:checked + label.chatbot-toggle-button + .mwai-chatbot-container{} input#chatbot-toggle:checked + label.chatbot-toggle-button{} } /*AI Content*/ table.ai_table{font-size:90%;width:96%;border-spacing: 0;margin: 3em auto;border: 1px solid #aaa;padding: 1em; border-radius: 6px; box-sizing: border-box;} table.ai_table thead tr th{background-color: var(--black-color); color: white;padding: 0.5em;} table.ai_table tbody{} table.ai_table tbody tr:nth-child(odd) {background-color:#eaeaea;} table.ai_table tbody tr th:first-child{border-radius: 5px 0 0 0;} table.ai_table tbody tr th:last-child{border-radius:0 5px 0 0;} table.ai_table tbody tr th{background-color: #e7e7e7; min-width: 10em;padding: 1em 0.5em; color: var(--green-blue);} table.ai_table tbody tr td{padding: 1em; text-align: center; color: #333; line-height: 1.6em;border-bottom: 1px dashed #aaa;max-width: 15em;} table.ai_table tbody tr:last-child td{border:none;} ul.ai_ul{} ul.ai_ul li{margin: 0 0 1em;line-height: 1.6;} .ai-faq { /* 全体のパディングと背景色 */ padding: 20px;margin:1em; background-color: #a8d8e3; border-radius: 15px; /* 角を丸く */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); /* ほんのり影 */ } .ai-faq dt { /* 質問部分のスタイル */ font-weight: bold; color: #fff; background-color: var(--main-color); padding: 0.5em 1em 0.5em 4em; margin-bottom: 8px; border-radius: 10px; position: relative; /* :before擬似要素の基準位置 */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03); /* 控えめな影 */ line-height:1.7; border: 3px solid; } .ai-faq dt::before { /* 質問のQアイコン */ content: "Q"; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); background-color: white; color: var(--main-color); font-weight: bold; font-size: 1.1em; width: 28px; height: 28px; border-radius: 50%; /* 丸い形 */ display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Qアイコンの影 */ } .ai-faq dd { /* 回答部分のスタイル */ color: #7a6e7e; /* 落ち着いたグレーパープル */ background-color: #ffffff; /* 白い背景 */ padding: 1em 1em 1em 4em; margin-bottom: 20px; /* 次の質問との間隔 */ border-radius: 10px; position: relative; /* :before擬似要素の基準位置 */ line-height: 1.7; /* 行の高さ */ border: 3px solid #5ab2bb99; } .ai-faq dd::before { /* 回答のAアイコン */ content: "A"; position: absolute; left: 15px; top: 12px; /* 少し上寄りに配置 */ background-color:var(--black-color) ; color: #ffffff; /* 白い文字 */ font-weight: bold; font-size: 1.1em; width: 28px; height: 28px; border-radius: 50%; /* 丸い形 */ display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Aアイコンの影 */ } /* 最後のdd要素の下マージンを調整 */ .ai-faq dd:last-of-type { margin-bottom: 0; } /* タグのスタイル */ .ai-faq dd strong { color: var(--green-blue); font-weight: bold; } /*Gutenberg ブロック用*/ .wp-block-table td, .wp-block-table th {border: initial;padding: initial;} figure.normal-1.wp-block-table table thead th {border: 3px solid white;padding: 7px 10px;border-radius: 4px;font-weight: 400;} figure.normal-1.wp-block-table table td{border: none;padding: 5px 10px;} figure.normal-1.wp-block-table table tbody tr:nth-child(even) td {background-color: initial;} figure.normal-1 table {color: #7d7d7d;width: 95% !important;max-width: 600px;margin: 40px auto 60px;padding: 10px;border-collapse: collapse;table-layout: initial !important;font-size: initial;} figure.normal-1 table tr th,figure.normal-1 table tr td{line-height:1.8em;font-size:95%;} figure.normal-1 table thead tr th {background-color:#666;color:white;} figure.normal-1 table thead tr th:nth-child(2n) {} figure.normal-1 table thead tr th:nth-child(3n) {} figure.normal-1 table tr td:nth-child(2n){} figure.normal-1 table tr td:nth-child(3n){} figure.normal-1 table thead {color:lightseagreen;font-size: 85%;} figure.normal-1 table tfoot {text-align:center;font-size:95%;border-top: 1px dashed #f1f1f1; border-bottom: 2px solid #f1f1f1;} figure.normal-1 table tfoot tr td {color:#777;padding:7px;} figure.normal-1 table tbody td{text-align:center;} figure.normal-1 table tbody tr:nth-child(2n+2){background:#f9f9f9;} figure.normal-1 table tbody tr:last-child td{border-bottom:none;} figure.normal-1 table tbody tr td:last-child strong{color:var(--main-color);font-size:140%;text-shadow: 0 0 1px white, 1px 1px 1px #0006; margin: 0 0.1em 0 0;} /* cl_data */ .cl_data{background-color:#eaf2f3;padding:2em 0 2em;} .cl_data .cl_data_flex{width:100%;max-width:960px;margin:0 auto 1em;display: flex;flex-wrap: wrap;} .cl_data .cl_data_flex h2{width:100%;color:#666;font-size:90%;} .cl_data .cl_data_flex h2 span{color: var(--black-color);font-size:200%;} .cl_data .cl_data_flextext{width:100%;max-width:360px;box-sizing: border-box; padding: 1em 2em;margin:0 auto;color: #555} .cl_data .cl_data_flextext h3:first-child{margin-top:0;} .cl_data .cl_data_flextext h3{margin:2em 0 0.5em;color: var(--green-blue);border-bottom:1px dashed;} .cl_data ul.lc-service {margin:0;padding:1em 0 0 2em;} .cl_data ul.lc-service li{} .cl_data ul.sns-links-section {margin:2em auto;padding:0;display:flex;justify-content:space-between} .cl_data ul.sns-links-section li{display:block;width:46px;height:46px;overflow:hidden;background-color:#fff;border-radius:100px;border: 2px solid #aaa;box-sizing:border-box;} .cl_data ul.sns-links-section li a{display: block; height: 100%;width: 100%;} .cl_data ul.sns-links-section li a img{height:100%;width:auto;} .cl_data ul.sns-links-section li a:hover img{transform: scale(0.7);} .cl_data .cl_data_flextext button {display: block;width:90%;max-width:200px;margin:2em auto 0;border-radius: 100px; border: 2px solid #fff; background-color: var(--main-color);transition:0.8s;box-shadow: 0 0 6px 2px #0002} .cl_data .cl_data_flextext button:hover{background-color: #ccc;transition:0.8s;} .cl_data .cl_data_flextext button a{text-decoration:none;color:white;line-height:46px;display:block;} .cl_data .rich-editor-content{width:80%;max-width:960px;box-sizing:border-box;padding:1em;margin:1em auto 0;background-color: var(--green-blue); color: white; border-radius: 8px;font-size: 94%;border: 3px solid white;box-shadow: 0 0 4px 1px #0003;} /*Swiper.js cl_data*/ .slide-box01{width:98%;max-width:600px;overflow:hidden;margin:0 auto 2em;} .slide-box01 .swiper-container.image-gallery-slider{border:3px solid #fff;border-radius:8px;overflow:hidden;margin:0 auto 1em;} .slide-box01 .swiper-container.image-gallery-slider .swiper-slide {background-color:#666;aspect-ratio: 4 / 3;} .slide-box01 .swiper-container.image-gallery-slider .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;} .slide-box01 .swiper-container.image-gallery-thumbs{} .slide-box01 .swiper-container.image-gallery-thumbs .swiper-slide{background-color:#fff;border:3px solid #eaeaea;border-radius:8px;box-sizing:border-box;overflow:hidden;aspect-ratio: 4 / 3;opacity:0.6;transition:0.5s;} .slide-box01 .swiper-container.image-gallery-thumbs .swiper-slide:hover{opacity:1;transition:0.5s;border-color:#fff;} .slide-box01 .swiper-container.image-gallery-thumbs .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer;} figure.wp-block-image.img-link {margin: 10px 20px 40px !important;float: left;height: 15pc;width: 20pc;overflow: hidden;} /* 影響なければmain.css:98 .shop-index-box a.img-link 削除*/ figure.wp-block-image.left {float: left;width: 320px;height: auto;padding: 12px;margin: 20px 30px 20px 20px !important;;border: 1px solid #999;} /* 影響なければmain.css:80 #r_main .text-box img.left 削除*/ figure.wp-block-image.left img {margin: 0 !important;} .sns-pair {display: flex;justify-content: flex-start;} p.sns-title-label {padding-right: 20px;width: 150px;} p.sns-title-content{}