/* 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;padding:1em;} 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 .search__inner{max-width:680px;margin:0 auto;position:relative;} .area-content .search__inner::before{ content: "Search"; font-family: "caflisch-script-pro", cursive; font-weight: 600; font-size: 4.2rem; color: #0002; position: absolute; top: -45px; left: 5%; pointer-events: none; line-height: 1; transform: rotate(-12deg); letter-spacing: 0px; } .area-content .search__dots{ display: block; text-align: center; font-size: 40px; color: var(--black); line-height: 1; margin: 0px auto 0; } .area-content .search__lead{ text-align: center; font-weight: 700; font-size: clamp(18px, 5.5vw, 30px); color: var(--black); position: relative; margin: 0; line-height: 1.3; font-family: 'ta-koigokoro'; } .area-content .search__chevron{display: block; width: 20px; height: 20px; margin: -5px auto 0; border-right: 5px solid #222; border-bottom: 5px solid #222; transform: rotate(45deg); border-radius: 3px; } .area-content p.goto-area{} .area-content p.goto-area a{ height: 50px; width: 200px; margin: auto; display: block; border-radius: 100px; background-color: #6dbda0; color: white; border: 2px solid #0007; border-bottom-width: 3px; text-align: center; line-height: 50px; } /* 角ガッコ装飾 */ .area-content .search__lead-text{position:relative;display:inline-block;padding:4px 28px;} /* ::before = 左ブラケット [ */ .area-content .search__lead-text::before{ content: ""; position: absolute; top: 0; width: 16px; height: 100%; border: 5px solid #000; left: 0; border-right: none; border-radius: 2px; } /* ::after = 右ブラケット ] */ .area-content .search__lead-text::after{ content: ""; position: absolute; top: 0; width: 16px; height: 100%; border: 5px solid #000; right: 0; border-left: none; border-radius: 2px; } .area-content .search__lead strong{font-weight:900;} .search__cards{ display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 0 14px; } .search-card{ position:relative;display:block; transition:transform .15s;text-decoration:none; } .search-card:hover{transform:translateY(-3px);} .search-card__bg{ width:100%;height:auto;display:block; } .search-card__text{ position: absolute; bottom: 40%; left: 50%; transform: translateX(-50%); font-weight: 700; font-size: clamp(12px, 4vw, 28px); color: #fff; text-align: center; line-height: 1.4; width: 75%; white-space: nowrap; font-family: 'ta-koigokoro'; } .search-card__arrow{ position: absolute; bottom: 20%; left: 50%; transform: translateX(-50%); display: block; width: clamp(22px, 7vw, 34px); height: clamp(22px, 7vw, 34px); } .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.01; } 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: 26px;} 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);height: calc(100% - 22px);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:100%;} .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:15;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: -800px; left: 0; right: 0; margin: auto;z-index:14;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;} /*チャットレディ　プロフィールページ　ここから*/ body.customize-support > #wrapper{border-bottom: unset;} .myprofile {height: auto;width: 100%;background-image: repeating-conic-gradient(at 95% 81%, rgba(254, 234, 229, 1) 0deg, rgba(255, 227, 241, 1) 73deg 243deg, rgba(254, 234, 229, 1) 360deg);position: relative;} .myprofile h1 {font-family: "Bad Script", cursive;font-weight: 400;font-style: normal;font-size: 350%;letter-spacing: 0.2em;color: #614D58;margin: 0 auto;text-align: center;line-height: 1.7em;padding: 5% 0 2%;} .accent-top img {width: 100%;height: auto;animation: none !important;} .accent-bottom {margin-bottom: -7px !important;} .accent-bottom img {width: 100%;height: auto;} .cl_data {background-color: #fff;padding: 8em 0 1em;} .cl_data .cl_data_flex {width: 100%;max-width: 960px;margin: 0 auto 10em;display: flex;flex-wrap: wrap;font-family: "Zen Maru Gothic", sans-serif;font-weight: 400;font-style: normal;align-items: flex-start;justify-content: space-between;gap: 100px;} .cl_data .cl_data_flex h2 span {color: var(--black-color);font-size: 200%;} .cl_data .cl_data_flextext h3:first-child {margin-top: 0;} .cl_data ul.lc-service {margin: 0;padding: 0.5em 0 2.5em 2em;} .cl_data ul.lc-service li {} .cl_data ul.sns-links-section {padding: 0.5rem 0 2.5em 0;margin: 0;display: flex;justify-content: space-between;} .cl_data ul.sns-links-section li {display: block;width: 46px;height: 46px;overflow: hidden;background-color: #F996BC;border-radius: 100px;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:hover {background-position: right center;} .cl_data .rich-editor-content {max-width: 960px;box-sizing: border-box;padding: 1em;margin: 1em auto 0;background-color: #fff;color: #333;border-radius: 8px;font-size: 94%;border: solid 1px #F996BC;position: relative;width: 90%;margin-top: 50px;} .cl_data .cl_data_flextext h2 {width: 100%;max-width: 360px;font-size: 250%;font-family: "Noto Sans JP", sans-serif;font-weight: 500;background: linear-gradient(90deg, #fdccd3, #FEC7E3 50%, #fabcdc 80%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;display: flex;margin: 0 auto 1.5em;text-align: left;line-height: 1;align-items: center;justify-content: center;letter-spacing: 0.05em;color: #666;} .cl_data_flextext h2::before, .cl_data_flextext h2::after {content: '';display: block;width: 60px;height: 2px;background: linear-gradient(90deg, #fdccd3, #FEC7E3 50%, #fabcdc 80%);} .cl_data_flextext h2::before {margin-right: 0.2em;} .cl_data_flextext h2::after {margin-left: 0.2em;} .name {font-family: "Noto Sans JP", sans-serif;font-optical-sizing: auto;font-weight: 300;font-style: normal;font-size: 130%;color: #614D58;display: block;overflow-x: hidden;} .cl_data .cl_data_flextext {width: 100%;max-width: 360px;box-sizing: border-box;padding: 0 2em 1em 2em;margin: 0 auto;color: #555;flex: 1;min-width: 400px;} .cl_data .cl_data_flextext h3 {font-size: 28px;margin: 0 0 0.5em;line-height: 1;border-bottom: none;color: #FF8ABD;letter-spacing: 0.1em;font-family: "Zen Maru Gothic", sans-serif;font-weight: 400;font-style: normal;} .cl_data .cl_data_flextext h3 span.name1 {font-size: 42px;color: #614D58;display: inline-block;margin-bottom: 40px;margin-top: 20px;} .cl_data .cl_data_flextext button {display: block;width: clamp(300px, 25%, 350px);margin: 1.7em auto 0;border-radius: 100px;border: 2px solid #fff;background-image: linear-gradient(90deg, #FF8FAC, #FFBAE2, #FFA1DB);background-size: 200% auto;transition: 0.5s;} .cl_data .cl_data_flextext button a {text-decoration: none;color: white;line-height: 46px;display: block;} .cl_data .rich-editor-content:after {content: "";border: solid 1px #FFC9DE;position: absolute;top: -8px;left: 8px;width: 80%;max-width: 960px;box-sizing: border-box;padding: 1em;margin: 1em auto 0;width: 100%;height: 100%;border-radius: 6px;} .slide-box01 {flex: 1;min-width: 300px;position: relative;width: 98%;max-width: 600px;margin: 0 auto 2em;} .slide-box01 .swiper-container.image-gallery-slider {border-radius: 30px;overflow: hidden;margin: 0 auto 1em;box-shadow: 12px 12px #fdccd3;} .slide-box01 .swiper-container.image-gallery-slider .swiper-slide {background-color: #666;aspect-ratio: 4 / 3;} .swiper-slide {height: 680px !important;display: flex;align-items: center;justify-content: center;} .slide-box01 .swiper-container.image-gallery-slider .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;} .swiper-pagination {bottom: -50px !important;position: relative !important;} .swiper-pagination-bullet {margin: 0 10px !important;} .swiper-pagination-bullet-active {background-color: #FF8ABD !important;} .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;} .swiper-button-next, .swiper-button-prev {position: relative;width: calc(var(--swiper-navigation-size)/ 44 * 27);height: var(--swiper-navigation-size);margin-top: 0;transform: none;cursor: pointer;display: flex;align-items: center;justify-content: center;color: #FF8ABD;top: auto;bottom: auto;left: auto;right: auto;} .swiper-navigation-outside {text-align: center;width: 100%;} .swiper-button-next, .swiper-button-prev {margin: 0 5px;transform: none;z-index: 11 !important;} .swiper-button-prev {position: absolute !important;color: #fff !important;background-color: #f996bc;width: 70px !important;height: 70px !important;border-radius: 50% !important;top: inherit !important;cursor: pointer !important;justify-content: center !important;bottom: -70px;} .swiper-button-next {color: #fff !important;background-color: #f996bc;width: 70px !important;height: 70px !important;border-radius: 50%;top: inherit !important;bottom: -70px !important;} /* 回転する文字 */ @keyframes rotate {from {transform: rotate(0deg);} to {transform: rotate(360deg);} } .rotate {animation: rotate 12s infinite linear;} .rotate-box {position: absolute;top: -4em;right: -6em;} .rotate-box img {width: 100%;height: auto;display: block;} @media screen and (min-width: 319px) and (max-width: 912px) { .myprofile {height: auto;width: 100%;position: relative;display: flex;align-items: center;} .myprofile h1 {font-size: 200%;padding: 7% 0 2%;} .accent-top img {width: 100%;height: auto;animation: none !important;} .accent-bottom {margin-bottom: -7px !important;} .accent-bottom img {width: 100%;height: auto;} .cl_data {padding-left: 10%;padding-right: 10%;padding: 15% 10% 20%;box-sizing: border-box;overflow-x: hidden;} .cl_data .cl_data_flex {flex-direction: column;gap: 40px;margin: 0 auto 2em;width: 100%;max-width: none;} .slide-box01 {flex: none;width: 100%;min-width: unset;max-width: none;margin: 0 0 5rem;position: relative;order: 1;} .cl_data .cl_data_flextext {text-align: center;padding: 0;order: 2;flex: none;width: 100%;min-width: unset;max-width: none;margin: 0;} .cl_data ul.lc-service {text-align: center;padding-left: 0;} .cl_data ul.lc-service li {list-style-position: inside;} .cl_data ul.sns-links-section {justify-content: center;gap: 15px;} .cl_data ul.sns-links-section li a span {display: none;} .slide-box01 .swiper-container.image-gallery-slider {box-shadow: 10px 10px #fdccd3;} .swiper-slide {height: 450px !important;} .swiper-navigation-outside {margin-bottom: 10px;} .swiper-button-next, .swiper-button-prev {width: 30px;height: 30px;margin-top: 0;} .rotate-box {top: -30px;right: -120px;} .rotate-box img {width: 60%;} .cl_data .cl_data_flextext h2 {margin: 10% auto 15%;max-width: 100%;} .cl_data .cl_data_flextext span.name1 {display: block;} .cl_data ul.sns-links-section li {display: block;width: 40px;height: 40px;} .links-section li a img {height: 200%;width: auto;} } /*---------------------------- scroll_up ｜下から上へ出現 ----------------------------*/ .scroll_up {transition: 1s ease-in-out;transform: translateY(30px);opacity: 0;} .scroll_up.on {transform: translateY(0);opacity: 1.0;} .fadein {opacity: 0;transform: translate(0, 0);transition: all 1.5s; &.fadein-bottom {transform: translate(0, 30px);} &.scrollin {opacity: 1 !important;transform: translate(0, 0) !important;} } /*チャットレディ　プロフィールページ　ここまで*/ figure.wp-block-image.left img {margin: 0 !important;} /* 影響なければmain.css:95 .shop-index-box a.img-link 削除*/ /* 影響なければmain.css:89 #r_main .text-box img.left 削除*/ .wp-block-group.flex-box {display: flex;flex-wrap: wrap;} figure.wp-block-image.size-large.img-link {margin: 10px 20px 0px !important;height: 15pc;width: inherit;} .wp-block-group.shop-index-box.clearfix.text-box h3 a:before{background: no-repeat;} @media screen and (min-width: 769px) { figure.wp-block-image.left {float: left;width: 320px;height: auto;padding: 12px;margin: 20px 30px 20px 20px !important;;border: 1px solid #999;} .wp-block-group.flex-box {flex-wrap: nowrap;} figure.wp-block-image.size-large.img-link {margin: 10px 20px 40px !important;height: 15pc;width: 20pc!important;} .wp-block-group.flex-box .article_txt {width: calc(100% - 360px);} } .sns-pair {display: flex;justify-content: flex-start;} p.sns-title-label {padding-right: 20px;width: 150px;} p.sns-title-content{} /* 店舗詳細ページギャラリー360°ビュー ここから */ .shop-img li.thumb-360 {position: relative;overflow: hidden;border: 5px solid #fff;width: 200px !important;height: 200px !important;box-sizing: content-box;flex-grow: 0;flex-shrink: 0;margin-right: 10px;border-radius: 0;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);} .shop-img li.thumb-360 label.image_modal_btn {display: block;width: 100%;height: 100%;margin: 0;cursor: pointer;} .shop-img li.thumb-360 .badge-360 {position: absolute;bottom: 5px;right: 5px;z-index: 7;pointer-events: none;width: 80px;font-size: 0.75rem;padding: 5px 10px;} .shop-img li.thumb-360 .badge-360 img {aspect-ratio: unset;width: 100%;height: auto;opacity:0.8;} .shop-img li.thumb-360 .psv-navbar {display: none !important;} .thumb-360-viewer {position: relative;overflow: hidden;background: #f0f0f0;width: 100% !important;height: 100% !important;padding-bottom: 100% !important;aspect-ratio: 1 / 1;} .thumb-360-viewer .psv-container, .thumb-360-viewer .psv-canvas-container, .thumb-360-viewer canvas {position: absolute !important;inset: 0;width: 100% !important;height: 100% !important;} .thumb-360-viewer canvas {height: 200px !important;} .image_modal {position: fixed;inset: 0;display: none;z-index: 9999;} .image_modal_bg {position: absolute;inset: 0;background: rgba(0, 0, 0, 0.85);backdrop-filter: blur(4px);} .image_modal.image_modal--360 {align-items: center;justify-content: center;overflow-y: hidden;} .image_modal_toggle:checked+.image_modal.image_modal--360 {display: flex;animation: fadeIn 0.3s ease;} .image_modal_content {margin: auto;background: #000;position: relative;z-index: 10000;overflow: hidden;box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);width: 100vw;max-width: 100%;border-radius: 0;aspect-ratio: 1/1;top: auto;left: auto;transform: none;} .image_modal_close {position: absolute;width: 40px;height: 40px;line-height: 40px;text-align: center;color: #fff;border-radius: 50%;font-size: 1.5rem;cursor: pointer;z-index: 10001;transition: background 0.3s;top: 20px;right: 20px;background: rgba(0, 0, 0, 0.5);} .image_modal_close:hover {background: rgba(255, 255, 255, 0.4);} @keyframes fadeIn {from {opacity: 0;} to {opacity: 1;} } @media screen and (min-width: 769px) { .shop-img li.thumb-360 {height: auto !important;min-width: 100px;width: calc(100% / 3 - 20px) !important;box-sizing: border-box;position: relative;z-index: 1;list-style: none;margin: 0;border: 5px solid white;border-radius: 8px;box-shadow: 10px 10px 0px 2px #00000011;} .shop-img li.thumb-360 .badge-360 {padding: 12px 7px 2px 12px;font-size: 1rem;} .thumb-360-viewer {width: 100%;aspect-ratio: 16 / 9;padding-bottom: 0 !important;} .thumb-360-viewer canvas {height: 100% !important;} .image_modal_toggle:checked+.image_modal.image_modal--360 {display: block;} .image_modal.image_modal--360 {display: none;align-items: unset;justify-content: unset;} .image_modal_content {width: min(96vw, 960px);position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 8px;aspect-ratio: unset;} .image_modal_close {right: 15px;top: 15px;background: rgba(255, 255, 255, 0.2);} } /* Meow Appsプラグイン*/ .mwai-chatgpt-theme .mwai-reply .mwai-text * {color: white;} .mwai-chatgpt-theme .mwai-reply.mwai-user .mwai-text {background: #414141!important;} .mwai-chatgpt-theme .mwai-reply.mwai-user span{color: white;font-weight: inherit;} /* ============================================================ ここから main.css / phone.css 統合分(2026-09-14 統合作業) ・共通ブロック: main.css と phone.css で完全に同一だったルール ・PCブロック: 旧 main.css (min-width:913px) ・スマホ/タブレットブロック: 旧 phone.css (319px〜912px) ============================================================ */ /* ---------- 共通(旧main.css・旧phone.cssの重複分) ---------- */ body, div{margin:0;padding:0} h2{clear:both} mark{color:#00A0DD} #r_main h3 a:hover{color:#333;text-decoration:none} #r_main ol.normal{font-size: 95%; line-height: 1.8em; width: 85%;margin: 30px auto 50px;letter-spacing: 0.2em;color: rgba(139,139,139,1.00);} #r_main dl.normal dt:nth-last-child(2),#r_main dl.normal dd:last-child{border: none;} table.pay thead tr td, table.pay thead tr th{background-color:#DCC99F;color:#fff;padding:5px 10px;border-bottom:1px solid rgba(0,0,0,.11)} table.pay tfoot{background-color:#DCC99F;color:#fff;font-size:80%} table.pay tfoot td{padding:5px 10px} table.left-th tbody{border: 6px solid rgba(0, 0, 0, 0.08);border-radius: 6px; overflow: hidden;display: block;} table.left-th tr{background:#f9f9f9;} table.left-th tr:nth-child(2n){background:#eee;} table.left-th tr td{} table.left-th tr td:nth-child(2n/**/+3){border-left:1px solid #dedede;} #r_main .text-box 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;} #r_main .text-box h4{} .shop-index-box h3{} table.shop-info tbody tr:last-child{border: none;} .interview{} .interview-box a{text-decoration:none;color:#222;} .interview-box a img{width:100%;height:auto;aspect-ratio: 16 / 9;object-fit: cover;} .single_area.certified{} .single_area.certified .post-thum-single{position:relative;overflow: inherit;padding:0;} #mail_Form dd span.wpcf7-checkbox .wpcf7-list-item{} #mail_Form dd span.wpcf7-checkbox .wpcf7-list-item label input{} #mail_Form2{margin-right:10px;margin-left:10px;background-color:#fff;padding:10px;border:1px solid #999;font-size:9pt;line-height:25px} .ul_box>li a{} footer{font-size:80%;} div.post span.btn:hover{opacity:.8} #npcatch span{line-height:1.7em;display:block;} #npcatch span.date:after{position:absolute;bottom:0px;right:-12px;content:"";width:0;height:0;border-style:solid;border-width:0px 0 9px 12px;border-color:transparent transparent transparent rgba(51,204,102,1.00);} .media dl.media-info dt:nth-last-child(2),.media dl.media-info dd:last-child{border: none;} .page-image{} ol.ranking li:nth-child(1):after{font-size:18px;width:55px;padding:13px 0 0 ;} ol.ranking li:nth-child(1):before{border-width: 90px 90px 0 0;border-color:#e9566d transparent transparent transparent;} ol.ranking li:nth-child(n/**/+4){width:calc(100% / 3);} ol.ranking li:nth-child(2){border-right:1px solid #888;} ol.ranking li span{display:block;} ol.ranking li span.chat-name{display:block;margin:auto;text-align:center;color:#555;padding: 0 0 10px;} ol.ranking li span.chat-image{overflow:hidden;} ol.ranking li span.chat-image img{display:block;width:100%;height:auto;} .shop_tel_btn{} .shop_t-entry_btn{} .shop_line_btn{} aside.cljp-service ul li:hover{box-shadow:5px 5px 0 0 #00000044;transition:0.3s;} aside.cljp-service ul li a{font-size:85%;text-decoration:none;text-align:center;color:#777;display:block;} aside.cljp-service ul li img{width:100%;height:auto;} .title_list_01.area_category ul li::before, .title_list_01.area_category ul li::after{content: none;} #r_main .recommended-office h3{margin-top: 50px;} .recommended-office .handling-site li + li{margin-top: 12px;} .recommended-office .explanation p strong{background:linear-gradient(transparent 60%, #ffec67 60%);} .category_nav_list a:hover{opacity: .7;} .title_list_01{} .title_list_01 li + li{margin-top: 12px;} .wp-block-lazyblock-arrow-link a{padding-left: 24px; position:relative;} #boxes div{transition: .5s;} .hidden{transform: scale(0, 0);} input.boxes_sort_check:checked ~ .boxes_sort_btn::after{transform: rotate(0deg);} #boxes_tag li.no-result:hover{background: #ccc; color: #666;} .sv-sec-wave .sv-sec-wave-path{fill: #E9F5F7;} #supervisors_post{width: 90%; height: auto; padding: 20px; border: 5px solid #BEDFE8; background-color: #FAFEFF; box-shadow: 0 3px 6px rgba(0, 0, 0, .16); border-radius: 20px; overflow: hidden; margin: 20px auto;} #supervisors_post .post-title a::before{content: ""; width: 24px; height: 24px; background: url(/blog/wp-content/themes/CLJPcstm/img/angles-right-solid.svg) center / 100% no-repeat; position: absolute; top: 50%; right: -40px; transform: translate(0, -50%); transition: .3s;} #supervisors_post .post-title:hover a::before{transform: translate(16px, -50%);} #r_main .chat-tv-sec h3::before{content: none;} .category-nav-list li:nth-child(1) a::before{left:20px;width:27px;height:25px;background:url(/img/icon_cat_1.webp) no-repeat center center / 100%} .interview input.boxes_sort_check:checked ~ .boxes_sort{border-color:#5ab2bb} .interview div.post .post-text::before{content:"";width:10%;height:16px;clip-path:polygon(80% 0,50% 100%,0% 100%);background-color:#fff;position:absolute;top:1px;left:14%;translate:-50% -100%} /* ---------- PC用(旧 main.css) ---------- */ @media screen and (min-width:913px) { body{font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, sans-serif;font-size:1pc;background-color:white;} h2, h3 ,h4 ,h5{font-weight:400;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} table,ol,blockquote{clear:both;} p{margin: 0 .6rem .6rem;color: #545454;padding: 0.6rem;line-height: 2.2rem;} .clearfix:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden} .bevel{border-top:rgba(0,0,0,.05) 1px solid;border-right:rgba(0,0,0,.1) 1px solid;border-bottom:rgba(0,0,0,.15) 2px solid;border-left:rgba(0,0,0,.1) 1px solid} #wrapper{width:100%;margin:0 auto;padding:0;border-bottom:1px solid rgba(0,0,0,0.08);background-color:#fff;position:relative;} h1{color:#32373c;font-size:260%;line-height:1.7em;margin:50px 0;width:auto;padding:0;font-weight:400;text-align: center;font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";} .logo_pc{width:auto;height:40px;margin:5px auto} .display_pc, .logo_pc{display:block} .display_phone, .logo_phone{display:none} img{transition:1s;} #l_area{position:relative;float:left;} .top-slide{display:none} .top-slide img{width:100%;height:auto} #line_box,#mail_box{display: block; position: fixed; box-sizing: border-box; width: 50px; height: 50px; line-height: 50px; margin: auto;font-size: 14px; padding: 0 5px 0 5px;border: 2px solid #fff; z-index: 101; border-radius: 100px; background-size: auto 25px; background-repeat: no-repeat; background-position: center top 11px; box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.2); text-indent: -100px; overflow: hidden;} #line_box{top:20px;right:20px;background-color:#0acd00;background-image:url(https://chat-lady.jp/img/icon-line.webp);} #mail_box{top:20px;right:80px;background-color:#1795cc;background-image:url(https://chat-lady.jp/img/icon-mail.webp);} #line_box a,#mail_box a{color:#fff;text-decoration:none;display:block} #line_box a:hover,#mail_box a:hover{opacity:0.8;} #mail_box a{} #tel_box{display:none;} .return{display:none;} #r_area{float:left;width:calc(100% - 250px);box-sizing:border-box;margin:auto;padding:0 0;background-color:#fff;border-left: 1px solid #eaeaea;} #route_nav{line-height:50px;height:50px;text-align:left;padding:0 20px;font-size:10px;background-color:margin:0} #route_nav p{margin: 0;padding:0;line-height:inherit;} #front_area{width:100%;padding:0px 0 40px;margin:auto;background-color:#fff;position:relative} #r_main{width:100%;padding:40px 0;margin:auto;background-color:#fff;position:relative} #r_main > h2 + p{width:900px;margin:auto;} #r_main h3{display:block;font-size:180%;padding:0 10px;margin:40px 10px 20px;color: var(--main-color);clear:both} #r_main > h3{margin:80px 10px 0;} #r_main h3 a{text-decoration:underline} #r_main h4{display:block;font-weight:normal;clear:both;} #r_main ul.normal{border-left: 1px solid #aaaaaa;font-size: 95%; line-height: 1.7em; width: 85%;margin: 30px auto 50px;letter-spacing: 0.2em;color: rgba(139,139,139,1.00);} #r_main ul.normal li{margin: 0 0 10px 0;font-size:90%;} #r_main ol.normal li{margin: 0 0 10px 0;} #r_main dl.normal{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;border:rgba(224,224,224,1.00) 1px solid;padding: 30px 40px; color: rgba(114,114,114,1.00);} #r_main dl.normal dd{margin: 0;padding: 0;box-sizing: border-box;padding: 15px;line-height: 1.9em;border-bottom: 1px solid rgba(233,233,233,1.00);} #r_main dl.normal dt{width: 200px;font-size: 85%;} #r_main dl.normal dd{width: calc(100% - 200px);} #r_main dl.normal dt, #r_main dl.normal dd{margin: 0;padding: 0;box-sizing: border-box;padding: 15px;line-height: 1.9em;border-bottom: 1px solid rgba(233,233,233,1.00);} table.pay{width:80%;margin:40px auto;font-size:90%;line-height:1.7em;border:1px solid rgba(0,0,0,.11);font-weight:normal;} table.pay tbody tr th{background-color:#F6F1E6;color:#C9AC6B;width:200px;} table.pay tbody tr td, table.pay tbody tr th{padding:10px;border-bottom:1px solid rgba(0,0,0,.11)} table.pay tbody tr td{color:#C9AC6B;} table.left-th{margin: 60px auto;max-width:80%;color: #666;font-size:90%;border-collapse: collapse;} table.left-th tr th,table.left-th tr td{padding:20px 10px;box-sizing:border-box;background-image:url(/img/icon-naname-white.png);} table.left-th tr th{width: 210px;box-sizing:border-box;position:relative;padding: 20px calc(3em + 10px) 20px 10px;text-align: right;} table.left-th tr th:before{display:block;background:var(--main-color);content:" ";height:60%;width:6px;border-radius:3px;position:absolute;top: 0; bottom: 0;margin: auto;} table.left-th tr th:after{content:"・・・";position:absolute;right:0;color:var(--main-color);} ul.check{padding:30px 40px;color:#9a7a36;background-color:rgba(166,113,0,.10);margin:40px;border-radius:4px;} ul.check li{list-style:none;font-size:100%;box-sizing:border-box;line-height:1.8em;min-height:50px;padding:15px 0 15px 40px;background:url(/img/li-check01.png)left center no-repeat;background-size:20px auto} #r_main .text-box{width: 850px; margin: auto;} #r_main .text-box h3{padding: 20px; text-align: center;margin: 80px 10px 50px;color: #525252;font-size: 180%;position:relative;border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea;} #r_main .text-box 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;} #r_main .text-box h5{text-align:center;border-top: solid 1px #aaa; border-bottom: solid 1px #aaa; padding: 10px; margin: 40px;font-size: 95%;} #r_main .text-box img{width: 96%; margin: 20px auto; display: block;height: auto;} #r_main .text-box img.center{margin:20px auto; width: auto;max-width: 860px;display: block;} #r_main .text-box img.aligncenter{margin:20px auto; width: auto;max-width: 860px;display: block;} /* #r_main .text-box img.left{float: left; width: 320px; height: auto; padding: 12px; margin: 20px 30px 20px 20px; border: 1px solid #999;} */ #r_main .text-box img.alignleft{float: left; width: 320px; height: auto; padding: 12px; margin: 20px 30px 20px 20px; border: 1px solid #999;} #r_main .text-box img.alignright{float: right; width: 320px; height: auto; padding: 12px; margin: 20px 30px 20px 20px; border: 1px solid #999;} #must_area{width: 85%; margin: 60px auto;max-width: 880px;} #must_area h3{font-size: 140%; color: rgb(255 255 255); margin: 60px auto 10px; padding: 5px 15px; border-left: 3px solid #D4D4D4; background-color: #ec7e8c; line-height: 40px; border-radius: 7px; text-align: center; width: 50%;} #must_area ul{padding:30px 0 0;margin:0;display:flex;display:-webkit-flex;flex-wrap:wrap;} #must_area li{font-size:85%;color:#666;width:25%;text-align:center;padding:10px;margin:0 0 15px;box-sizing: border-box;} #must_area li, #must_area li a{display:block;list-style-type:none} #must_area li a{color:#fff;height:180px;width: 100%;box-sizing: border-box;line-height:30px;margin:0 auto;text-decoration:none;position:relative;border:hsla(0,0%,100%,.6) 2px solid;border-bottom:hsla(0,0%,100%,.8) 3px solid;border-radius:10px;} #must_area li a div.title{position:absolute;z-index:2;height:40px;width:100%;margin:auto;left:0;right:0;bottom:0;line-height:40px;overflow:hidden;font-size:85%;text-align:center;background-color:rgba(0,0,0,0.70);display:block} #must_area li a div.image{display:block;width:100%;height:180px;overflow:hidden} #must_area li a div.image img{height: 100%;width:100%;z-index: 1;object-fit: cover;} #must_area li a:hover{color:#fff} .shop-index-box{padding: 0 20px 50px; border: #f3f3f3 1px solid; margin: 20px auto 60px; width: 100%; max-width: 850px;} .shop-index-box h3 a{text-decoration: none !important;color: #666;position:relative;} .shop-index-box h3 a:before{display: block; content: " "; background-image: url(/img/icon-naname-3color.png); position: absolute; left: -30px; top: -30px; height: 50px; width: 50px; background-size: 100%; background-repeat: no-repeat;} /*.shop-index-box a.img-link img{width:100%;height:auto}*/ .shop-index-box div.btn{clear:both;width:40%;margin:30px auto 0;line-height:50px;text-align:center;display:block} .shop-index-box div.btn a{font-size:85%;display:block;box-sizing:border-box;background-color:#F8BB1A;color:#fff;text-decoration:none;border-radius:5px;border-top:rgba(0,0,0,.05) 1px solid;border-right:rgba(0,0,0,.1) 2px solid;border-bottom:rgba(0,0,0,.25) 3px solid;border-left:rgba(0,0,0,.1) 2px solid} /**通勤エリア 店舗詳細投稿ページ 20210602***/ .post-thum-single.image-center{position: relative; height: 400px;} .post-thum-single.image-center img{position: absolute; top: 0; bottom: 0; margin: auto;width:100%;object-fit:cover;border-radius: 0 0 8px 8px;} .post-thum-single + p, .post-thum-single + p + p{width: 900px;margin: 0 auto !important;} .post-text-single.area-single{padding: 24px 0;background-image: url(/img/bg-stripe.png); background-color: #f9f9f9;border-radius: 10px; margin: 50px 10px 0;border: 2px solid #0001; box-shadow: 0 0 4px 0 #00} .shop-img{display: flex; justify-content: space-evenly; list-style: none; padding: var(--block-margin) !important; margin: var(--block-margin) !important;background-color:white;flex-wrap:wrap;gap:30px;transition:0.5s;border-radius:0.4rem;} ul.shop-img li{width: calc(100% / 3 - 20px);box-sizing:border-box;position:relative;z-index:1;} ul.shop-img li img{object-fit: cover; width: 100%;height: auto;aspect-ratio:16 / 9;} .shop-img:hover{transition:0.5s;} .shop-img:hover li{opacity:0.5;transition:1s;} .shop-img:hover li:hover{opacity:1;transition:0.5s;transform:scale(1.5);z-index:2;} div.VideoWrapper{width: 61%; position: relative;margin: 20px auto 20px; aspect-ratio: 16 / 9;} div.VideoWrapper iframe{width:100%;height:100%;display: block;border: 3px solid white; box-sizing: border-box; border-radius: 14px;box-shadow: 0 0 5px 0 #0008;} #r_main .area-single h4{line-height: 1.7em;display: block;font-size: 120%; padding: 0; font-weight: normal; margin: 40px 15px 0; padding: calc(var(--text-margin) / 2);} #r_main .shop-comment h4{margin: 70px 40px 30px;} #r_main .shop-comment h4:first-child{margin-top:0} #r_main .shop-comment p{padding: 0 80px;color: #777;} table.shop-info{margin: var(--block-margin);border-radius: 4px;padding: var(--block-margin);box-sizing: border-box;background: #ffffff;} table.shop-info tbody tr{border-bottom: 1px dashed #ccc;;display: grid;} table.shop-info tbody tr th, table.shop-info tbody tr td{min-width: 100px;font-weight: 400;position: relative;color: #545454;} table.shop-info tbody tr th{font-size: 90%;text-align: left;color: #999;padding: calc(var(--text-margin) * 2) var(--text-margin) var(--text-margin);} table.shop-info tbody tr td{padding: 0 var(--text-margin) calc(var(--text-margin) * 2);} table.shop-info tbody tr th:before{position: absolute;top: var(--text-margin);bottom: 0;left: -10px;display: block;content: "";width: 0;height: 0;border-style: solid;border-width: 7px 0 7px 9px;border-color: transparent transparent transparent #f8bb1a;margin: auto;} ul.conditions{display: flex;flex-wrap: wrap;padding: 0;margin: 0;} ul.conditions li{display: block;border: 1px solid var(--main-color);border-left: 4px solid var(--main-color);padding: 0.5em 2em;margin: 0 1em 1em 0;font-size: 90%;position: relative;color: var(--main-color);background: white;border-radius: 30px 5px 5px 30px;} ul.benefits{display: flex;flex-wrap: wrap;justify-content: center;padding: 0;margin: var(--block-margin);gap: 1em;} ul.benefits li{display: block;width: 120px;height: 120px;box-sizing: border-box;border: 1px solid #eaeaea;margin: 0;text-align: center;font-size: 85%;padding: 8px 4px;} ul.benefits li.staff{background: url(./images/icon_benefits_05.gif) center bottom 10px/60% no-repeat;} ul.benefits li.dress{background: url(./images/icon_benefits_06.gif) center bottom 10px/60% no-repeat;} ul.benefits li.freetime{background: url(./images/icon_benefits_01.gif) center bottom 10px/60% no-repeat;} ul.benefits li.day-pay{background: url(./images/icon_benefits_09.gif) center bottom 10px/60% no-repeat;} ul.benefits li.h-warranty{background: url(./images/icon_benefits_14.gif) center bottom 10px/60% no-repeat;} ul.benefits li.d-arranty{background: url(./images/icon_benefits_13.gif) center bottom 10px/60% no-repeat;} ul.benefits li.m-warranty{background: url(./images/icon_benefits_12.gif) center bottom 10px/60% no-repeat;} ul.benefits li.Dormitory{background: url(./images/icon_benefits_03.gif) center bottom 10px/60% no-repeat;} ul.benefits li.bonus{background: url(./images/icon_benefits_07.gif) center bottom 10px/60% no-repeat;} ul.benefits li.free-d{background: url(./images/icon_benefits_02.gif) center bottom 10px/60% no-repeat;} ul.benefits li.food{background: url(./images/icon_benefits_04.gif) center bottom 10px/60% no-repeat;} ul.benefits li.long-v{background: url(./images/icon_benefits_11.gif) center bottom 10px/60% no-repeat;} ul.benefits li.side{background: url(./images/icon_benefits_10.gif) center bottom 10px/60% no-repeat;} ul.benefits li.parking{background: url(./images/icon_benefits_08.gif) center bottom 10px/60% no-repeat;} ul.benefits li.t-expenses{background: url(./images/icon_benefits_15.gif) center bottom 10px/60% no-repeat;} ul.benefits li.transfer{background: url(./images/icon_benefits_16.gif) center bottom 10px/60% no-repeat;} ul.benefits li.private{background: url(./images/icon_benefits_17.gif) center bottom 10px/60% no-repeat;} ul.benefits li.alibi{background: url(./images/icon_benefits_18.gif) center bottom 10px/60% no-repeat;} ul.benefits li.design{background: url(./images/icon_benefits_19.gif) center bottom 10px/60% no-repeat;} ul.benefits li.child{background: url(./images/icon_benefits_20.gif) center bottom 10px/60% no-repeat;} table.shop-info tfoot tr td{color: #999;font-size: 85%;text-align: right;} .shop-comment{margin: var(--block-margin);padding: 60px 0 60px;} .interview-con{display: flex;flex-wrap: wrap; /* 折り返しを許可 */padding: 1em 0;border-top: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;width: 90%; margin: auto;} .interview-box{width: calc(100% / 3 - 20px);margin: 10px; /* 3カラム */box-sizing: border-box; /* paddingとborderをwidthに含める */padding: 15px;border-radius: 5px; border: 1px solid #0002;transition:0.5s;} .interview-box:hover{opacity:0.8;transition:0.5s;background-color: beige;} .interview-box a h5{margin: 1em 0.5em;font-size: 1em;} .interview-box p{} /**認定店舗のみ**/ .single_area.certified .post-thum-single:after{content: " ";position: absolute; display: block;background-image: url(https://chat-lady.jp/blog/wp-content/uploads/2024/12/640x640-normal.webp);background-size: auto 80px;width: 80px;height: 80px;bottom: -40px;left: 0;right: 0;margin: auto;background-repeat: no-repeat;background-position: center;background-color: #3d3d3d;padding: 5px; border-radius: 100%;border: 2px solid white;} .single_area.certified .post-thum-single:after{animation: heartbeat 1s ease-in-out;animation-iteration-count: 2;} @keyframes heartbeat{0% { transform: scale(1); /* 初期状態 */ } 25% { transform: scale(1.15); /* 少し拡大 */ } 50% { transform: scale(1); /* 元のサイズに戻る */ } 75% { transform: scale(1.1); /* 再び少し拡大 */ } 100% { transform: scale(1); /* 元のサイズに戻る */ }} .single_area.certified .post-text-single.area-single{padding-top:40px;border: 2px solid var(--black-color);} /*////////////////////////////////////////////////通勤エリア 店舗詳細投稿ページここまで***/ .recommended-office-area{width: 880px; margin: 80px auto 0; padding: 40px;} .shop, .blog, .index-top, .index-bottom{width: 850px;margin: auto;} .index-top{margin:auto auto 3em;} .QandA{width:90%;margin:30px auto;background-color:#fff;padding:30px;box-sizing:border-box;line-height:1.7em} .QandA dt{font-size:120%;padding:15px 20px !important;border-radius:10px;margin-bottom:10px;color:#fff !important;background-color:#71b8db;position:relative} .QandA dt:after{position:absolute;bottom:-20px;left:30px;content:"";width:0;height:0;border:10px solid transparent;border-top:10px solid #71b8db} .QandA dd{font-size:16px;color:#7c7c7c;margin:0 0 40px;padding:30px 20px 40px;line-height: 2em;} #lc_WORD{width:90%;margin:30px auto;background-color:#fff;padding:30px;box-sizing:border-box;line-height:1.7em} #lc_WORD dt{font-size:100%;padding:10px 20px;border-radius:10px;margin-bottom:10px;color:#fff;background-color:#71b8db} #lc_WORD dd{font-size:90%;color:#7c7c7c;margin:0 0 40px;padding:10px 20px} .aboutlc_img{display:block;margin:20px auto 40px;width:640px;height:auto} #mail_Form{box-sizing:border-box;margin:20px auto;font-size:9pt;padding:60px;line-height:1.6em;} #mail_Form dt{font-size:160%;font-weight:400;padding:15px;margin-bottom:10px;color:#7E7E7E;border-bottom: 1px dashed rgba(224,224,224,1.00);} #mail_Form dt p{margin:0;padding:0;} #mail_Form dd{margin:0;padding:15px;color:#666} #mail_Form dd input, #mail_Form dd select, #mail_Form dd textarea{height:60px;margin:0 auto 20px;font-size:1pc;padding: 10px;box-sizing: border-box;border-radius:5px;border:1px solid rgba(164,164,164,1.00)} #mail_Form dd textarea{height:200px;} #mail_Form dd input[type="text"],#mail_Form dd input[type="email"]{width:80%;max-width:400px;} #mail_Form dd input[type="radio"]{display:none;} #mail_Form dd input[type="radio"] + span{font-size: 14px; display: block; background-color: #f2f2f2; width: 200px; text-align: center; border-radius: 5px; color: #8a8989;cursor:pointer;} #mail_Form dd input[type="radio"]:checked + span{background-color:#000;color:white;} #mail_Form dd input[type="checkbox"]{position:relative;top:10px;width:20px;height:20px} input.submit{-webkit-appearance:none;height:60px;text-decoration:none;width:280px;display:block;text-align:center;font-size:90%;margin:20px auto 40px;cursor: pointer;border-radius:30px;} #mail_Form dd label{display:block;width:70%;height:40px;line-height:40px;margin:0 0 20px;font-size:1pc} #mail_Form dd span.wpcf7-checkbox{--line-height:40px;} #mail_Form dd span.wpcf7-checkbox .wpcf7-list-item label{display:flex;width:auto;} #mail_Form dd span.wpcf7-checkbox .wpcf7-list-item label span{line-height:var(--line-height);text-indent: 0.5em;} #mail_Form dd select{background-color: white; width: auto; max-width: 50%; margin: 0 0.5em 2em 1em;} #mail_Form p{font-size:14px} #mail_Form dd ul{display:block;text-align:left;width:100%;margin:0;padding:0} #mail_Form dd ul p{font-size:14px} #mail_Form dd ul li{text-decoration:none;font-size:14px} input#submit{border:1px solid rgba(0,0,0,.1);border-bottom:3px rgba(0,0,0,.2) solid;border-right:1px rgba(0,0,0,.2) solid;background-color:#ff1663;height:50px;line-height:50px;width:50%;margin:20px auto;color:#fff;cursor:pointer;border-radius:3px} #mail_Form dd textarea{width:100%} #mail_Form2 dt{border-left-width:2px;border-left-style:solid;border-left-color:#666;font-weight:700;padding-left:3px;margin-bottom:5px;color:#333} #mail_Form2 dd{margin-bottom:10px;color:#00A0DD;font-size:1pc} .required:after{content:"必須";background-color:#e35965;color:white;margin:0 0 0 10px;font-size: 12px;padding: 2px 5px;border-radius: 2px;} .errs ul li{color:#f11d20} .entry_mail_TABLE{margin:auto auto 60px} .entry_mail_TABLE td{vertical-align:top} #sitemap{width:100%;box-sizing:border-box;padding:30px;overflow:hidden;margin:0px auto;clear:both} #sitemap nav{display: flex;flex-wrap: wrap; max-width: 1020px;margin: auto;} #sitemap h2{font-size:160%;line-height:1.8em;margin:0 auto;padding:20px;width: 100%;} .ul_box{width:800px;box-sizing:border-box;list-style-type:none;line-height:40px;margin:1% auto;padding:0;font-size:14px;overflow:hidden;} .ul_box>li{display:block;margin:0;padding:20px;} .ul_box a{text-decoration:none} .ul_box02{list-style-type:none;margin:0;padding:0;display: flex;flex-wrap: wrap;justify-content: space-between; gap: 10px;padding: 0.5em 1em;} .ul_box02 li{font-size:85%;text-align:center;line-height:40px;min-height:40px;max-height:55px;width:30%;max-width:250px;overflow:hidden;} .ul_box02 li a{display:block;border-radius:20px;} .ul_box02 li a:hover{background-color:var(--main-color);color:#fff;} .caution{background-color:rgba(255,255,255,1.00);text-align:center;padding:30px;color:rgba(136,136,136,1.00);background-image:url(/img/bg-001.png);background-size:200px auto;background-position:60px;} .caution p{margin:0;} .caution img{display:block;margin:20px auto 0;width:80px;height:auto;} #foot_area{background-color:var(--black-color);clear:both;text-align:center;color:#fff;padding:30px 30px 150px;} #foot_area a{color:#fff} ul.pr-box{background-color: #f3f1ea; list-style: none;display: flex; width:auto;padding: 0.5em; margin: 0; box-sizing: border-box;} ul.pr-box li{color: black; width: auto; width: calc(100% / 8); padding: 5px; box-sizing: border-box;} ul.pr-box li img{width: calc(100%); height: auto; object-fit: cover; border-radius: 8px; margin: 0; display: block; filter: drop-shadow(0px 1px 2px #0006);} /**レコメンドボックス**/ .reccomend-box{position: fixed; bottom: 0; right: 0; z-index: 100;width: 340px;padding:0;} #map img{width:auto;height:50px} #map h3{font-size:80%;margin:0;padding:0} form.id-menkyo{width:80%;margin:50px auto;text-align:center;padding:40px;border:#e9e9e9 1px solid} form.id-menkyo input[type="text"]{width:60%;display:block;line-height:40px;margin:auto;font-size:140%;text-align:center} form.id-menkyo input[type="text"]:nth-child(1){width:90%;border:0;font-size:100%;color:#4c2d00} form.id-menkyo input[type="button"]{border:0;line-height:30px;padding:10px;box-sizing:border-box;border-radius:4px;border:rgba(0,0,0,.12) 1px solid;border-bottom:2px solid rgba(0,0,0,.12);display:block;width:40%;margin:30px auto;cursor:pointer;background-color:#F8BB1A;color:#fff} .mente-line{padding:30px;margin:20px;background-color:#f7f7f7;color:#606060} .line-btn-mente{width:60%;height:60px;display:block;margin:60px auto 20px;text-align:center;line-height:60px;background-color:#21ce26} .line-btn-mente a{display:block;height:60px;color:#fff;text-decoration:none;font-size:90%} .post-flex{position: relative; display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; width: 900px; margin: auto;} div.post{position:relative;width: 50%;padding: 0 20px;border: 1px solid rgba(0,0,0,.1);border-bottom:none;box-sizing: border-box;margin: 0;} div.post:nth-child(1),div.post:nth-child(2){border-top:none;border-left:none;} div.post:nth-child(2n/**/+2){border-left:none;border-right:none;} div.post:nth-child(1n/**/+2){border-left:none;} div.post h2{background-color: white;color: #5B5B5B;font-size: 24px;padding:10px 5px;height: 100px;line-height: 1.8em;margin:0;background-image: url(/img/h2-main-area.webp);background-repeat: no-repeat;background-position: right bottom;background-size: auto 26px;} div.post h2.title a{color:var(--main-color);text-decoration:none} div.post .blog_info{position: absolute; z-index: 1;background: #ffffffbb;padding: 10px;width: calc(100% - 40px); box-sizing: border-box;border-radius:0;} div.post span.btn{display:block;width:60%;text-align:center;background-color:var(--main-color);line-height:40px;margin:20px 0;border-radius:20px;font-size:80%;position: absolute; left: 0; right: 0; margin: auto;bottom: 30px;} div.post span.btn a{display:block;color:#fff;text-decoration:none} div.post .post-thum{margin: 0;overflow: hidden;width: 100%;height: 200px;background-color: #fff;background-image: url(/img/no_img.gif);background-repeat: no-repeat;background-position: center center;background-size: auto 100%;} div.post .post-thum img{position: relative;display: block;width: 100%;height: 100%;object-fit: cover;} div.post .post-thum.thum-full img{left:0;width:100%;} div.post .post-thum img, div.post .post-thum img:hover{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s} div.post .post-text{margin: 0;width: auto;padding:10px 0 0;height:270px;} div.post .post-text p{line-height:1.8em;font-feature-settings: "palt";} div.post .post-text img{max-width:100%;height:auto} /*Only categry-interview.php*/ .interview div.post{width: 85%; border: 1px solid #333; padding: 135px 50px 30px; margin: 25px auto;border-radius: 5px;} .interview div.post:before{content: "Interview"; position: absolute; top: 30px; right: 50px; display: block; font-family:"HelveticaNeue",fantasy; font-size: 400%; color: #050505;letter-spacing: 3px;text-shadow: 1px 0 0 #666, 0 1px 0 #666, -1px 0 0 #666, 0 -1px 0 #666, 2px 2px 0 #666;} .interview div.post h2{border-top: 3px solid #333; border-bottom: 3px solid #333; padding-bottom: 50px; background-position: right 5px bottom 20px;} .interview div.post .blog_info{position: absolute; width: 300px; box-sizing: border-box; margin: 10px auto; top: 280px; left: -125px; transform: rotate(90deg); height: 50px; background: #333; border-radius: 5px 5px 0 0;padding:0;} .interview .blog_info ul li{margin:0 0 0 10px;color:white !important;line-height:50px;background-position: left center; font-size: 110%;} .interview .blog_info ul li a{color:white;} .interview div.post h2.title a{color:#666;} .interview div.post .post-thum{height:350px;width:90%; margin: 30px auto 10px; border:1px solid #333;} .interview div.post .post-thum img{object-fit: cover; width: 100%; height: 100%; left: 0;} .interview div.post .post-text{width:90%;margin:auto;} .interview div.post span.btn{width: 350px; height: 50px; line-height: 50px; border-radius: 30px;position:inherit;} /* ----- / Only categry-interview.php*/ .post-flex div.post:first-child{} .post-flex div.post:first-child h2.title{} .post-flex div.post:first-child .post-thum{} .post-flex div.post:first-child .post-text{} .blog_info{padding: 10px 20px; background-color: var(--black-color);border-radius: 5px 5px 0 0;} .blog_info ul{font-size:70%;padding:0;margin:0;overflow: hidden;color: white;} .blog_info ul li{display:block;float:left;padding:0 0 0 23px;margin:0 15px 0 auto;list-style:none;line-height:20px;} .blog_info ul li a{text-decoration:none;color:var(--main-color)} .blog_info ul li.cal{background-image:url(//chat-lady.jp/blog/wp-content/themes/CLJPcstm/img/icon_cal.png);background-repeat:no-repeat;} .index_area .blog_info ul li.cal{color: #777;} .blog_info ul li.cat{background-image:url(//chat-lady.jp/blog/wp-content/themes/CLJPcstm/img/icon_cat.png);background-repeat:no-repeat} .blog_info ul li.tag{background-image:url(//chat-lady.jp/blog/wp-content/themes/CLJPcstm/img/icon_tag.png);background-repeat:no-repeat} .blog_info ul li.tag a{margin: 0 10px 0 0;position:relative;color:#f794a4;} .blog_info ul li.tag a:nth-child(5n/**/+2){color:#58b1d7;} .blog_info ul li.tag a:nth-child(5n/**/+3){color:#e9c464;} .blog_info ul li.tag a:nth-child(5n/**/+4){color:#7cbba3;} .blog_info ul li.tag a:nth-child(5n/**/+5){color:#b796b6;} .blog_info ul li.tag a:after{position:relative;content:"-";right: -5px; color: white;} .blog_info ul li.tag a:last-child:after{content:" "} .post-thum-single{height:390px;overflow:hidden;position:relative;background-color: #f0ebdd;border-radius: 0 0 8px 8px;} .post-thum-single img{width: 100%;height: 100%;margin: auto; display: block;object-fit:cover;} .post-thum-single.area-category img{width:auto;} .post-text-single{} .post-text-single p img{width:90%;max-width:460px;height:auto;display:block;margin:20px auto;} .nav-below{position:relative;background-color:#000;font-size:80%;height:60px;line-height:60px;width:100%;margin:40px auto;text-align:center} .nav-below span.nav-previous{position:absolute;left:-200px;right:0;width:200px;margin:auto} .nav-below span.nav-next{position:absolute;left:200px;right:0;width:200px;margin:auto} #tweet{width:100%;margin:auto;box-sizing:border-box;padding:60px calc(50% - 250px);background-color:white;overflow:hidden;border-top:rgba(0,0,0,0.15) 1px solid;} #tweet h3 img{display:block;} #tweet iframe{border:rgba(0,0,0,0.07) 1px solid;display:block;margin:auto;} .btn_area{width:700px;padding:30px;background-color:white;margin:70px auto;display:block;overflow:hidden} .btn_area a{color:white;text-decoration:none;} .btn_entry{float:left;background-color:#F8BB1A} .btn_entry, .btn_mail{width:48%;box-sizing:border-box;font-size:0.9em;height:70px;padding:5px 0;line-height:30px;text-decoration:none;text-align:center;color:#fff;border-radius:4px;border:1px solid rgba(0,0,0,0.08);border-bottom:3px solid rgba(0,0,0,0.08);} .btn_mail{float:right;display:block;background-color:#309B72} .btn_mail:hover{color:white;opacity:0.8;} .widget-container{background-color:white;padding:60px 80px 60px 500px;width:100%;box-sizing:border-box;border-top:1px solid rgba(0,0,0,0.16);background-image:url(https://chat-lady.jp/img/widget-bg-pencil.jpg);background-repeat:no-repeat;background-position:left bottom;clear: both;} .widget-container h3{margin:0;text-align:right;font-size:200%;color:#878787;} #npcatch{margin:0px auto;list-style:none;width:auto;padding:20px 0;} #npcatch li{float:left;font-size:12px;border-radius:3px;width:48%;box-sizing:border-box;padding:10px;margin:0px 1% 20px;border:1px rgba(0,0,0,0.10) solid;position:relative;} #npcatch li a{color:rgba(179,179,179,1.00);} #npcatch img{float:left;height:auto;width:75px;padding:0px;} #npcatch span.title{width:calc(100% - 85px);box-sizing:border-box;font-size:110%;float:right;padding:0px;} #npcatch span.date{font-size:70%;position:absolute;bottom:-10px;right:20px;color:white;background-color:rgba(109,218,145,1.00);padding:5px 10px;} div.special{padding: 60px 20px;} div.special h3{margin:0;text-align:center;font-size:200%;color:#fff;} ul.special{width:1080px;margin:0 auto;padding:0;display:flex;display:-webkit-flex;justify-content:space-around;-webkit-justify-content:space-around;flex-wrap:wrap;} ul.special li{width:200px;list-style:none;margin: 60px 15px 20px;padding:0 0 10px;background-color:white;display:block;overflow:hidden;box-sizing:border-box;border: 1px solid #00000044;} ul.special li .thumbnail{height:200px;background-color:rgba(249,249,236,1.00);overflow:hidden;position: relative;} ul.special li .thumbnail img{width: 100%; height: 100%; object-fit: cover;} ul.special li .h a{color: rgba(228,136,166,1.00); text-decoration: none; height: 50px; padding: 10px 10px 5px; display: block; line-height: 1.5em; overflow: hidden;font-size: 14px; font-weight: 600;} ul.special li .excerpt{font-size: 12px; padding: 0 12px 10px; line-height: 20px; overflow: hidden; display: block; color: #666;} /************Tableあれこれ(1列目にthが連続する場合)*/ table.normal-2{color:#7d7d7d;width:80%;margin:40px auto 60px;padding:30px;border:solid 1px #777;} table.normal-2 tr th,table.normal-2 tr td{line-height:1.8em;font-size:95%;padding:20px 0;} table.normal-2 tr th{border-bottom: 1px solid #2f658e;font-weight:400;} table.normal-2 tr td{padding:10px;} table.normal-2 thead td{text-align: center; padding:20px 0 20px;color:#2f658e;font-size:140%;} table.normal-2 tfoot td{padding:20px 0 20px;text-align:center;font-size:95%;} table.normal-2 tbody td{text-align:center;border-bottom: 1px solid #a1abb2;} /*********************メディアページ************/ /****メディア一覧ページ*/ .media-box{display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content:space-between; -webkit-justify-content:space-between; padding: 30px 20px;} .media-box .media-topix{position: relative; width: 32%;height: 350px; box-sizing: border-box;border:rgba(0,0,0,0.10) 1px solid;margin: 0 0 20px;} .media-box .media-topix h3{position: absolute;top:150px;margin: 0 !important;padding: 8px 15px !important;height: 40px;box-sizing: border-box;font-size: 22px !important;} .media-box .media-thumb{width:100%;height: 150px;overflow: hidden;position: absolute;top:0;background-color: rgba(0,0,0,1.00);} .media-box .media-thumb img{width:100%;height: auto;} .media-topix .description{line-height: 25px;height: 145px;position: absolute;top: 190px; padding: 5px 15px;box-sizing: border-box;font-size: 90%;overflow: hidden;} .media-topix .description p{margin: 0 !important;padding: 0 !important;} /****メディア詳細ページ*/ .media .media-image{width: 100%;box-sizing: border-box;height: 400px;overflow: hidden;} .media .media-image img{width: 100%;height: auto;display: block;} .media dl.media-info{display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; border:rgba(224,224,224,1.00) 1px solid; padding: 30px 40px; color: rgba(114,114,114,1.00);} .media dl.media-info dt,.media dl.media-info dd{margin: 0;padding: 0;box-sizing: border-box;padding: 15px;line-height: 1.9em;border-bottom: 1px solid rgba(233,233,233,1.00);} .media dl.media-info dt{width: 200px;font-size: 85%;} .media dl.media-info dd{width: calc(100% - 200px);} /***2018年10月追加**/ .page-image img{width: 100%; height: auto; display: block;} /***年間ランキング**/ ol.ranking{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;margin:0;padding:0;list-style:none;counter-reset:item;border-left: none;} ol.ranking li{box-sizing:border-box;margin:0;padding:0;padding:30px;border-bottom:1px solid #888;position:relative;list-style: none;} ol.ranking li:after{counter-increment:item;content:counter(item)"位";position:absolute;top:0;left:0;display:block;width:40px;text-align:center;font-size:14px;color:white;padding:5px 0 0 ;} ol.ranking li:before{content:"";position:absolute;top:0;left:0;width: 0;height: 0;border-style: solid;border-width:60px 60px 0 0;border-color:#000 transparent transparent transparent;} ol.ranking li:nth-child(1){width:100%;} ol.ranking li:nth-child(2), ol.ranking li:nth-child(3){width:calc(100% / 2);} ol.ranking li:nth-child(2):before{border-color: #f8bf27 transparent transparent transparent;} ol.ranking li:nth-child(3):before{border-color: #06a2de transparent transparent transparent;} ol.ranking li:nth-child(n/**/+7){width:calc(100% / 4);} ol.ranking li:nth-child(5), ol.ranking li:nth-child(8), ol.ranking li:nth-child(12), ol.ranking li:nth-child(16), ol.ranking li:nth-child(20), ol.ranking li:nth-child(24), ol.ranking li:nth-child(28){border-right:1px solid #888;border-left:1px solid #888;} ol.ranking li:nth-child(9), ol.ranking li:nth-child(13), ol.ranking li:nth-child(17), ol.ranking li:nth-child(21), ol.ranking li:nth-child(25), ol.ranking li:nth-child(29){border-right:1px solid #888;} ol.ranking li:nth-child(1) span.chat-name{background-color:#444;color:white;width: 300px;padding: 10px;margin: 0 auto 20px;border-radius: 3px;} ol.ranking li:nth-child(1) span.chat-image{width:320px;margin: auto;} ol.ranking li:nth-child(2) span.chat-image, ol.ranking li:nth-child(3) span.chat-image{width: 300px;margin: auto;/*2025/01/09 年間ランキング画像表示調整*/max-height: 240px;} ol.ranking li span.site-name{text-align:center;font-size:90%;padding:10px;} #front_area h2{color:#5B5B5B;font-size:45px;padding:0 0 40px 0;min-height:38px;line-height:1.8em;margin:90px auto 10px;background-image:url(/img/h2-main-area.webp);background-repeat:no-repeat;background-position:right bottom;background-size:auto 38px;text-align:center;} .single_area h2,.page_area h2{color: var(--black-color); font-size: 2.1em; padding: 30px 0 0 0; min-height: 38px;line-height: 1.8em; margin: 3em auto 1em; background-image: url(https://chat-lady.jp/blog/wp-content/themes/CLJPcstm/img/front-h-icon.webp); background-repeat: no-repeat; background-position: center top; background-size: auto 24px; text-align: center;} #front_area h3.otoku{display:block;line-height:46px;border-radius:23px;background-color:#ec7286;color:white;width:300px;text-align:center;margin:50px auto 20px;font-size:20px;position: relative; z-index: 3;} /*待遇アイコン*/ ul.Commute-t{margin: 0 40px 100px;font-size: 80%;box-sizing: border-box;display: -webkit-flex;display: flex;flex-wrap: wrap;width: auto;justify-content:center;-webkit-justify-content:center;list-style-type: none;padding: 0 10px;} ul.Commute-t>li{width: 90px;height: 20px;padding: 75px 0px 10px;background-image: url(images/icon-sozai.gif);background-size: 90px 2250px;text-align: center;font-size: 1em; background-repeat: no-repeat;border: 1px solid #00000055;margin: 0 20px 20px;border-radius: 5px;} .icon-no01{background-position:0px 0px;} .icon-no02{background-position:0px -90px;} .icon-no03{background-position:0px -180px;} .icon-no04{background-position:0px -270px;} .icon-no05{background-position:0px -360px;} .icon-no06{background-position:0px -450px;} .icon-no07{background-position:0px -540px;} .icon-no08{background-position:0px -630px;} .icon-no09{background-position:0px -720px;} .icon-no10{background-position:0px -810px;} .icon-no11{background-position:0px -900px;} .icon-no12{background-position:0px -990px;} .icon-no13{background-position:0px -1080px;} .icon-no14{background-position:0px -1170px;} .icon-no15{background-position:0px -1260px;} .icon-no16{background-position:0px -1350px;} .icon-no17{background-position:0px -1440px;} .icon-no18{background-position:0px -1530px;} .icon-no19{background-position:0px -1620px;} .icon-no20{background-position:0px -1710px;} .icon-no21{background-position:0px -1800px;} .icon-no22{background-position:0px -1890px;} .icon-no23{background-position:0px -1980px;} .icon-no24{background-position:0px -2070px;} .icon-no25{background-position:0px -2160px;} /*店舗詳細ページ*/ /*チャットレディJP関連サイト*/ aside.cljp-service{background:#f5f5f5;border-top:1px solid #00000005;border-bottom:1px solid #00000005;padding:50px calc(50% - 640px);width:100%;box-sizing:border-box;} aside.cljp-service h2{} aside.cljp-service ul{width:100%;padding:0;margin:45px 0;display:flex;display:-webkit-flex;justify-content:space-evenly;-webkit-justify-content:space-evenly;flex-wrap:wrap;-webkit-flex-wrap:wrap;} aside.cljp-service ul li{display:block;background:white;border-radius:3px;box-sizing:border-box;width: 200px; padding: 5px 15px 10px;transition:0.3s;} aside.cljp-service ul li img,aside.cljp-service ul li span{display:block;font-size:80%;} /*トップページ*/ .emergency_box{position: relative; margin: 60px auto; padding: 2em 1.5em; border: solid 4px #e8536b; border-radius: 2px; width: 80%; font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", sans-serif; color: #333;} .emergency_box .box-title{position: absolute; display: inline-block; top: -13px; left: 10px; padding: 0 9px; line-height: 1; font-size: 19px; background: #FFF; color: #e8536b; font-weight: bold;} .emergency_box p{margin: 0; padding: 0;} /* 投稿ページ目次 */ ul.single_table_of_contents{background: #f4fbff; padding: 64px 24px 16px 24px; position: relative; border: none; margin: 40px 20px; counter-reset: item;} .single_table_of_contents::before{content: "目次"; position: absolute; top: 0; left: 0; height: 40px; width: 100%; background: #1795cc; padding: 8px 8px 8px 64px; color: #fff; box-sizing: border-box; font-size: 16px;} .single_table_of_contents::after{content: ""; position: absolute; left: 24px; top: 10px; background: url(images/icon_toc_w.png); width: 32px; height: 20px; background-repeat: no-repeat; background-size: 100%; background-position: center;} ul.single_table_of_contents li{list-style: none; position: relative; padding-left: 32px;} ul.single_table_of_contents li::before{position: absolute; left: 0; top: 0; bottom: 0; margin: auto; counter-increment: item; content: counter(item)""; background: #1795cc; color: #fff; font-weight: 700; border-radius: 50%; height: 24px; width: 24px; display: flex; align-items: center; justify-content: center;} .wp-block-image{margin: auto !important;} .wp-block-image img{width: 100% !important; height: auto !important;} /* カテゴリー 通勤エリア 都道府県 説明 -------------------------------------- */ .category_description.text-box{margin-top: 80px !important; padding-top: 40px;} .category_description h2{color: #5B5B5B; font-size: 32px; padding: 0 0 40px 0; min-height: 38px; line-height: 1.8em; margin: 90px auto 50px; background-image: url(/img/h2-main-area.webp); background-repeat: no-repeat; background-position: right bottom; background-size: auto 38px; text-align: center;} .title_list_01.area_category ul li{background-image: url(https://chat-lady.jp/blog/wp-content/uploads/2024/06/location-dot-solid.svg); background-size: contain; background-repeat: no-repeat; background-position: left 5px center;} /* カテゴリー 通勤エリア 都道府県 おすすめ店舗 -------------------------------------- */ .recommended-office-area h2{color: #5B5B5B; font-size: 32px; padding: 0 0 40px 0; min-height: 38px; line-height: 1.8em; margin: 90px auto 10px; background-image: url(/img/h2-main-area.webp); background-repeat: no-repeat; background-position: right bottom; background-size: auto 38px; text-align: center;} .recommended-office{border: 1px solid #eaeaea; border-radius: 10px; padding: 30px; margin: 60px auto !important; width: 100% !important; box-sizing: border-box;} .recommended-office a.center-btn{margin: 40px auto 40px;} .recommended-office .shop-img{margin: 0!important;} .recommended-office ul.shop-img li{width: calc(100% / 3 - 20px);} #r_main .recommended-office ul.shop-img li img{width: 100%; margin: auto;} .recommended-office ul.benefits{border: 1px solid var(--main-color); border-radius: 8px; padding: 20px; margin: 20px 20px 60px;} .recommended-office .handling-site{border: 1px solid var(--main-color); border-radius: 8px; padding: 24px 20px; margin: 20px; list-style: none;} .recommended-office .handling-site li{position: relative; padding-left: 32px; color: #545454;} .recommended-office .handling-site li::before, .recommended-office .handling-site li::after{content: ""; display: block; height: 5px; width: 10px; background: var(--main-color); border-radius: 10px; transform: rotate(45deg); position: absolute; left: 6px; top: 4px; bottom: 0px; margin: auto;} .recommended-office .handling-site li::after{transform: rotate(-45deg); width: 16px; left: 10px; bottom: 2px;} .recommended-office .explanation{margin-top: 10px;} /* カテゴリーナビリスト -------------------------------------- */ .category_nav_area{margin-bottom: 32px;} .category_nav_list{display: flex; justify-content: space-between; list-style: none; padding: 0; margin: 0;} .category_nav_list li{width: 24%;} .category_nav_list a{background: #f9bb1a; display: flex; align-items: center; padding: 12px; font-size: 16px; border-radius: 8px; color: #fff; text-decoration: none; transition: opacity .3s;} .category_nav_list img{width: auto; height: 20px; margin-right: 8px;} /* 固定ページ用 デザイン CSS -------------------------------------- */ .title_list_01 .title{color: var(--main-color); border-bottom: solid 1px var(--main-color); padding-bottom: 16px; font-size: 110%;} .title_list_01 ul{margin: 16px 0 0; padding: 0; border: none; list-style: none;} .title_list_01 ul li{position: relative; padding-left: 32px; color: #545454;} .title_list_01 ul li::before, .title_list_01 ul li::after{content: ""; display: block; height: 5px; width: 10px; background: var(--main-color); border-radius: 10px; transform: rotate(45deg); position: absolute; left: 6px; top: 4px; bottom: 0px; margin: auto;} .title_list_01 ul li::after{transform: rotate(-45deg); width: 16px; left: 10px; bottom: 2px;} /* カスタムブロック(Lazy Blocks) デザイン CSS -------------------------------------- */ .wp-block-lazyblock-block-simple-box-point{margin: 40px auto; padding: 24px;} .wp-block-lazyblock-block-simple-box-point .title{color: #ff5407; font-size: 20px; position: relative; padding: 16px 0 16px 48px;} .wp-block-lazyblock-block-simple-box-point .title::before{content: ""; position: absolute; left: 0; top: 0; bottom: 0; height: 64px; width: 32px; background: url(images/icon_point_o.png); background-repeat: no-repeat; background-size: 100%; background-position: center;} #r_main .wp-block-lazyblock-block-simple-box-point p{padding: 0; margin: 16px 0 0;} .wp-block-lazyblock-block-simple-box-check{margin: 40px auto; padding: 24px;} .wp-block-lazyblock-block-simple-box-check .title{color: #ff5407; font-size: 20px; position: relative; padding: 16px 0 16px 136px;} .wp-block-lazyblock-block-simple-box-check .title::before{content: ""; position: absolute; left: 0; top: 0; bottom: 0; height: 64px; width: 120px; background: url(images/icon_check_o.png); background-repeat: no-repeat; background-size: 100%; background-position: center;} #r_main .wp-block-lazyblock-block-simple-box-check p{padding: 0; margin: 16px 0 0;} .wp-block-lazyblock-block-chat-balloon{margin: 40px auto;width:75%;} .wp-block-lazyblock-block-chat-balloon .chat_balloon_item + .chat_balloon_item{margin-top: 20px;} .wp-block-lazyblock-block-chat-balloon .left{display: flex;justify-content: space-between; align-items: center;} .wp-block-lazyblock-block-chat-balloon .right{display: flex;flex-direction: row-reverse; justify-content: space-between; align-items: center;} .wp-block-lazyblock-block-chat-balloon .icon img{width: 140px; height: 140px; border-radius: 50%;overflow: hidden; object-fit: cover; box-sizing: border-box;} #r_main .wp-block-lazyblock-block-chat-balloon p{position: relative; border: solid 1px #d4d4d4; margin: 0; padding: 24px; width: calc( 100% - 170px ); border-radius: 16px; box-sizing: border-box;} #r_main .wp-block-lazyblock-block-chat-balloon p::before, #r_main .wp-block-lazyblock-block-chat-balloon p::after{content: ""; position: absolute; top: 0; bottom: 0; margin: auto; width: 0; height: 0; border-style: solid;} #r_main .wp-block-lazyblock-block-chat-balloon .left p::before{left: -16px; border-width: 16px 16px 16px 0; border-color: transparent #d4d4d4 transparent transparent;} #r_main .wp-block-lazyblock-block-chat-balloon .left p::after{left: -14px; border-width: 15px 15px 15px 0; border-color: transparent #fff transparent transparent;} #r_main .wp-block-lazyblock-block-chat-balloon .right p::before{right: -17px; border-width: 16px 0 16px 16px; border-color: transparent transparent transparent #d4d4d4;} #r_main .wp-block-lazyblock-block-chat-balloon .right p::after{right: -15px; border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #fff;} .wp-block-lazyblock-step ol{margin: 50px auto 40px auto; padding: 0 20px; counter-reset: count; border: none; width: 85%;} .wp-block-lazyblock-step ol li{list-style: none; position: relative; padding: 20px; margin: 0 0 20px;} .step-repeat-title{font-size: 150%; font-weight: 700;margin: 20px 0 10px;} .step-repeat-label{padding: 3px 20px 3px 15px; color: #fff; font-weight: bold; position: absolute; top: -18px; left: -20px; background: var(--main-color); border-radius: 20px; box-shadow: 5px 0px 0 #fff; z-index: 1;} .step-repeat-label::after{counter-increment: count; content: counter(count); position: relative; left: 0.3em;} #r_main .step-repeat-item p{margin: 10px 0 10px 2em; padding: 0;} .step-repeat-item::before{content: ""; display: block; position: absolute; bottom: 0; left: -10px; border-style: solid; border-width: 17px 8px 0 8px; border-color: #ddd transparent transparent transparent;} .step-repeat-item::after{content: ""; display: block; height: calc(100% - 36px); border-left: dashed 4px #ddd; position: absolute; top: 16px; left: -4px;} .step-repeat-list > :last-child::before, .step-repeat-list > :last-of-type::after{display: none;} .wp-block-lazyblock-arrow-link{padding: 0 10px 10px; margin: 0 10px 10px; line-height: 2.2em;} .wp-block-lazyblock-arrow-link a::before{content:""; position:absolute; top:0; left:0; width:10px; height:16px; background: url(img/icon-arrow-right.svg) center no-repeat;} /* ソート機能 CSS -------------------------------------- */ .boxes_sort_area{max-width: 860px; margin: 0 auto 80px;} .boxes_sort_btn{display: block; max-width: 240px; text-align: center; background-color: var(--main-color); color: #fff; line-height: 40px; margin: 0 auto; border-radius: 8px; position: relative; z-index:11;cursor: pointer;} .boxes_sort_btn::before,.boxes_sort_btn::after{content: ""; position: absolute; right: 16px; top: 0; bottom: 0; height: 2px; width: 12px; background: #fff; margin: auto;} .boxes_sort_btn::after{transform: rotate(90deg); transition: .25s;} input.boxes_sort_check{display: none;} .boxes_sort{margin: -20px auto 0; max-height: 0; overflow: hidden; transition: .25s ease-in-out; padding: 40px 20px 12px 20px; border: 1px solid var(--main-color); border-radius: 8px; visibility: hidden; height: 0; opacity: 0; padding-top: 0; padding-bottom: 0; border-width: 0 1px 0 1px; position: absolute; background-color: #fff; width: 80%; box-sizing: border-box; left: 0; right: 0; z-index: 10;} input.boxes_sort_check:checked ~ .boxes_sort{max-height: 9999px; visibility: visible; opacity: 1; height: auto; padding-top: 40px; padding-bottom: 12px; border: 1px solid var(--main-color);} #boxes_tag{list-style: none; display: flex; flex-wrap: wrap; padding: 0; margin: 0;} #boxes_tag li{border:1px solid #df798a; border-radius:15px; color: #df798a; cursor: pointer; margin:0 8px 8px 0; font-size: 14px; padding:2px 20px; list-style:none;} #boxes_tag li:hover{background: var(--main-color); color: #fff;} /* 2025.04.23 追加*/ #boxes_tag li.no-result{border:1px solid #66666654;border-radius:15px;color: #66666654;cursor: pointer;margin:0 8px 8px 0;font-size: 14px;padding:2px 20px;list-style:none;} /* 2025.05.09 追加 */ .boxes_sort{position: static;} input.boxes_sort_check:checked ~ .boxes_sort{padding: 40px 20px 20px;} #boxes_tag{gap: 8px; justify-content: center;} #boxes_tag li, #boxes_tag li.no-result{margin: 0;} #boxes_tag li[data-btn-selected="selected"]{background-color: var(--main-color); color: #fff;} /* 監修者 CSS -------------------------------------- */ #sv_post{display: flex; flex-direction: row; border: 1px solid #efefef; border-radius: 4px; padding: 20px; width: 48%; margin: 0 1% 50px 0; height: 200px;} #sv_post h2{font-size: inherit; padding: 0 0 0 10px; margin: 0 0 0 10px; height: inherit; background: inherit; position: absolute; left: 120px;} #sv_post .post-thum{background: inherit; width: initial; overflow: inherit; display: inline-block;} #sv_post .post-thum img{width: 100px; left: 0px; border-radius: 10px;} #sv_post .blog_info{background: none; margin: 0 0 0 100px; width: 100%;} #sv_post .post-text{padding:20px 0 0;} #sv_post .post-text p{font-size: 14px; line-height: 24px; margin: 0 0 0 10px; padding: 10px 0 0 10px;} /* 監修者一覧・ブロック CSS（WA追加） -------------------------------------- */ .sv_post_wrapper{position: relative; background: #E9F5F7; padding: 24px 0; margin-top: 80px;} .sv-sec-wave{position: absolute; width: 100%; height: 40px; top: -40px; left: 0;} .post-flex.sv{width: 100%; max-width: 900px;} #supervisors_post .post-title{font-size: inherit; height: inherit; padding: 0; margin: 0 0 10px 0; display: inline-block; text-align: left; background: #FAFEFF; transition: .3s;} #supervisors_post .post-title a{display: inline-block; position: relative; color: var(--main-color); text-decoration: none;} #supervisors_post .sv_thum_text_flex{display: flex; justify-content: space-between; align-items: flex-start;} #supervisors_post .post-thum{background: inherit; overflow: inherit; display: block; height: auto; width: auto; margin: 0;} #supervisors_post .post-thum img{width: 100px; height: auto; border-radius: 10px; position: unset; box-shadow: 8px 8px #bedfe8;} #supervisors_post .post-text{padding: 0; height: auto; width: calc(100% - 120px);} #supervisors_post .post-profile{font-size: 12px; line-height: 24px; margin: 0; padding: 0;} #supervisors_post .sv_thum_text_flex .post-profile a{display: block; padding: 8px 24px; background: #fff; width: fit-content; margin: 0 0 0 auto; background: #fff; color: var(--main-color); text-decoration: none; text-align: center; border: solid 1px #E85168; box-shadow: 0 2px 0 var(--main-color); max-width: 216px; box-sizing: border-box; border-radius: 9999px;} .wp-block-lazyblock-supervisor{width: 31%; height: auto; padding: 0px 48px 0px 0px; border: 1px solid #eaeaea; background-color: #fff; margin: 0px auto ; position: relative; box-sizing: border-box; box-shadow: 4px 4px 0 #eaeaea; border-radius: 50px;} .wp-block-lazyblock-supervisor:before{display: block; content: " "; background-image: url(img/icon_supervisor.png); position: absolute; right: 10px; top: -3px; height: 80px; width: 16px; background-size: 100%; background-repeat: no-repeat; filter: drop-shadow(2px 2px 0px #eaeaea);} .supervisor-flex{display: flex; justify-content: center; align-items: center;} .supervisor-flexR{width: calc(100% - 60px); font-size: 12px;} .supervisor-icon{position: relative; z-index: 0; width: 60px; height: 60px; border-radius: 100px;} .supervisor-icon img{width: 100%; height: 100%; border-radius: 38px; object-fit: cover;} .supervisor-icon a:hover{opacity: .7;} .supervisor-icon a{transition: opacity .3s;display: block; width: 100%; height: 100%;} .supervisor-name{} .supervisor-text{font-size: 14px; font-weight: 700; color: var(--main-color);} .supervisor-text a{text-decoration: none; color: var(--main-color); transition: .3s;} .supervisor-text a:hover{opacity: .7;} /* チャトレJP TV CSS -------------------------------------- */ .chat-tv-sec{position: relative; padding: 80px 0 160px;} #r_main .chat-tv-sec:first-of-type{margin-top: 160px;} .tv-sec-01{background: #F7E4E4;} .tv-sec-02{background: #F5EFDF;} .tv-sec-03{background: #E9F5F7;} .tv-sec-wave{position: absolute; width: 100%; height: 80px; top: -80px; left: 0;} .tv-sec-01 .tv-sec-wave-path{fill: #F7E4E4;} .tv-sec-02 .tv-sec-wave-path{fill: #F5EFDF;} .tv-sec-03 .tv-sec-wave-path{fill: #E9F5F7;} #r_main .chat-tv-sec h3{margin-top: 0; background-image: url(https://chat-lady.jp/blog/wp-content/themes/CLJPcstm/img/front-h-icon.webp); background-position: top center; background-repeat: no-repeat; background-size: auto 20px; padding: 20px 0 0; margin: 0; text-align: center; font-size: 2.6rem;} .wp-block-lazyblock-chat-tv-list-block{padding: 0 16px; max-width: 932px; margin: 0 auto; overflow: visible;} .chat-tv-list{list-style: none; padding: 0; margin-top: 64px; flex-wrap: wrap; display: flex;} .chat-tv-sec .chat-tv-list li, .chat-tv-list li{display: flex; flex-direction: column; position: relative; box-sizing: border-box; min-width: 0; width: 48%; padding: 0 56px;} .chat-tv-list li + li, .chatlady-tv .chat-tv-list li + li{margin: 0 0 0 4%;} .chat-tv-list li:nth-of-type(n/**/+3) , .chatlady-tv .chat-tv-list li:nth-of-type(n/**/+3){margin-top: 8%;} .chat-tv-list li:nth-of-type(2n/**/+1) , .chatlady-tv .chat-tv-list li:nth-of-type(2n/**/+1){margin-left: 0;} .chat-tv-thumb{position: relative;} .chat-tv-thumb-inner{position: relative; font-size: 0;} .chat-tv-sec .chat-tv-thumb::before, .chat-tv-thumb::before{content: ""; position: absolute; top: -24px; left: -56px; width: calc(100% + 112px); height: calc(100% + 48px); background: url(/blog/wp-content/themes/CLJPcstm/img/chat-tv-bg-01.webp) center / 100% no-repeat;} .tv-sec-02 .chat-tv-thumb::before{background: url(/blog/wp-content/themes/CLJPcstm/img/chat-tv-bg-02.webp) center / 100% no-repeat; top: -24px; left: calc(22% + -56px); width: calc(56% + 112px); height: calc(100% + 48px);} .tv-sec-03 .chat-tv-thumb::before{background: url(/blog/wp-content/themes/CLJPcstm/img/chat-tv-bg-03.webp) center / 100% no-repeat;} .chat-tv-list img{border: solid 4px #fff; border-radius: 8px; box-shadow: 0 3px 6px rgba(0,0,0,.16); max-width: 100%; aspect-ratio: 16 / 9; object-fit: cover; box-sizing: border-box;} .tv-sec-02 .chat-tv-list img{aspect-ratio: 9 / 16; width: 56%; margin: 0 auto; display: block;} .chat-tv-item .chat-tv-title{color: var(--main-color); border-bottom: solid 2px var(--main-color); margin: 32px 0 16px; padding: 0 0 12px; font-size: 1.5rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} .chat-tv-item .chat-tv-text{font-size: 16px; margin: 0 0 24px; color: #32373C; line-height: 1.9em;} .chat-tv-item .chat-tv-link{margin-top: auto; text-align: center;} .chat-tv-item .chat-tv-link a{background: #fff; padding: 11px; color: var(--main-color); display: inline-block; text-decoration: none; text-align: center; border: solid 1px #E85168; box-shadow: 0 2px 0 var(--main-color); max-width: 216px; width: 100%; box-sizing: border-box; border-radius: 24px; font-size: 0.8rem;} .chat-tv-sec .center-btn{margin: 64px auto 0;} /* 202407 調整 */ ul.check.padding_ctl{padding: 100px 40px 30px;} a.center-btn.pc_ctl{width: 90%;padding: 10px 60px;} a.center-btn.pc_ctl span{display: inline-block;} /* 202408 add */ .category-nav-area{box-sizing:border-box;width:100%;max-width:860px;margin:0 auto 60px;border-radius:3px;padding:30px 20px 10px;background-color:#f8f8f8} .category-nav-list{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0} .category-nav-list li{width:31.5%;margin:0 0 20px 1.5%} .category-nav-list li a{position:relative;color:#fff;font-size:90%;height:46px;line-height:44px;border-radius:23px;box-sizing:border-box;display:block;text-align:center;border:rgb(0 0 0 / 14%) 1px solid;border-bottom:rgb(0 0 0 / 16%) 3px solid;text-decoration:none;background-color:#878787;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%)} .category-nav-list li a::before{position:absolute;content:"";left:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px;height:20px;z-index:2} .category-nav-list li:nth-child(2) a::before{left:20px;width:21px;height:26px;background:url(/img/icon_cat_2.webp) no-repeat center center / 100%} .category-nav-list li:nth-child(3) a::before{left:18px;width:16px;height:26px;background:url(/img/icon_cat_3.webp) no-repeat center center / 100%} .category-nav-list li:nth-child(4) a::before{left:16px;width:30px;height:30px;background:url(/img/icon_cat_4.webp) no-repeat center center / 100%} .category-nav-list li:nth-child(5) a::before{left:20px;width:24px;height:24px;background:url(/img/icon_cat_5.webp) no-repeat center center / 100%} .category-nav-list li:nth-child(6) a::before{left:18px;width:17px;height:26px;background:url(/img/icon_cat_6.webp) no-repeat center center / 100%} .category-nav-list li:nth-child(7) a::before{left:18px;width:26px;height:24px;background:url(/img/icon_cat_7.webp) no-repeat center center / 100%} .category-nav-list li:nth-child(8) a::before{left:18px;width:16px;height:26px;background:url(/img/icon_cat_8.webp) no-repeat center center / 100%} .category-nav-list li a:hover{background-color:#979797;color:#fff} /*202412_面接予約画面修正*/ #mail_Form{margin: 0px auto !important;padding: 40px !important;} #mail_Form p{font-size: 14px;display: inline-block !important;line-height: 1.5em;} #mail_Form dt, #mail_Form dd{padding: 0px!important;} #mail_Form dt p{font-weight: 800!important;display: inline-block !important;} dt.title.required p{display: inline;} #mail_Form dd span input, #mail_Form dd span select{font-size: 12px !important;width: auto !important;max-width: initial !important;} #mail_Form dd span[data-name="switch"] .wpcf7-checkbox label{margin: 0 !important;} #mail_Form dd span[data-name="switch"] .wpcf7-checkbox .wpcf7-list-item{width: 70px !important;} #mail_Form dd input[type="checkbox"], #mail_Form dd span[data-name="switch"] .wpcf7-checkbox input{min-height: 15px !important;width: 15px !important;min-width: 15px !important;top: 0 !important;margin: 0 !important;} #mail_Form dd input, #mail_Form dd select, #mail_Form dd textarea{height: 35px !important;margin: 0 auto !important;font-size: 13px !important;padding: 5px !important;} #mail_Form dd span[data-name="switch"] .wpcf7-checkbox .wpcf7-list-item-label{font-size: 14px!important;} #mail_Form dd textarea{height: 150px !important;width: 500px !important;} input.wpcf7-form-control.wpcf7-submit.has-spinner.submit{font-weight: 800;font-size: 18px!important;margin: 0px auto !important;} /*通勤エリア　応募者の声*/ .category-area_voice{width: 900px;padding: 0 3%;box-sizing: border-box;background-color: #fff;color: #525252;margin: 0 auto;} .category-area_voice h2{color: #5B5B5B;font-size: 32px;padding: 0 0 40px 0;min-height: 38px;line-height: 1.8em;margin: 90px auto 50px;background-image: url(/img/h2-main-area.webp);background-repeat: no-repeat;background-position: right bottom;background-size: auto 38px;text-align: center;} .category-area_voice .voice_inner{width: 800px;margin: 0 auto;padding: 0px 0px;border-radius: 10px;} .category-area_voice .voice_inner .background_rgba{padding: 40px 3% 40px 3%;} .voice_comment_point{padding: 20px 30px 20px !important;margin: 20px auto 30px !important;width: 680px !important;} /*** average **/ input[type="checkbox"].average + label{cursor: pointer;display: block; padding:0.5em 0;text-align: center;background-color:#599593;color:white; width: 150px; position: fixed; top: 100px; right: 0; width: 40px; z-index: 11;transition:0.5s ease-in-out;writing-mode: vertical-rl; line-height: 40px;border-radius: 6px 0 0 6px;font-size: 90%; box-sizing: border-box; border: 2px solid #0002;border-right:none;} input[type="checkbox"].average + label:hover{opacity:0.8;} input[type="checkbox"]:checked.average + label{right: calc(100% - 350px);transition:0.5s ease-in-out;} input[type="checkbox"].average + label + .average-box{position: fixed; top: 100px; right: calc(-100% + 350px); width: calc(100% - 350px); z-index: 120;transition:0.5s ease-in-out;overflow: auto; max-height: 500px;border: 3px solid #fff; border-right: none;} input[type="checkbox"]:checked.average + label + .average-box{right:0;box-shadow: 0 0 8px 0 #0006;transition:0.5s ease-in-out;} .cl_average{justify-content:center;flex-wrap:wrap;} .cl_average table{font-size:12px;} /* インタビューページ改修 */ .interview .index-top{width:min(100%,850px)} .interview .index-top .post-text-single p{width:100%;max-width:100%;box-sizing:border-box} .interview .boxes_sort_btn{background-color:#5ab2bb} .interview #boxes_tag li:not(.no-result){border-color:#5ab2bb;color:#5ab2bb} .interview #boxes_tag li:not(.no-result):hover{background-color:#5ab2bb;color:#fff} .interview #boxes_tag li[data-btn-selected="selected"]{background-color:#5ab2bb;color:#fff} .interview #boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(328px,1fr));gap:56px 24px;width:90%;margin:0 auto} .interview div.post{border:none;margin:0;width:auto;padding:0;box-shadow:none;position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:0} .interview div.post *{box-sizing:border-box} .interview_box_up{width:96%;margin:0 auto;border-radius:5px 5px 0 0;padding-top:12px;background:linear-gradient(25deg,#ededed,#fffefe,#fff,#edebeb,#fdfdfd,#e7e7e7,#F3F3F2);display:flex;flex-direction:column} .interview div.post h2{border:none;font-size:120%;font-weight:400;padding:1em;width:90%;height:auto;flex-grow:1;display:flex;margin:0 auto;align-items:center;background:none} .interview div.post h2.title a{line-height:1.5em;color:#545454} .interview div.post .post-thum{border:none;height:auto;width:90%;margin:0 auto;border-radius:5px} .interview div.post .post-thum img{aspect-ratio:3 / 2} .interview div.post:before{content:none} .interview_area{display:inline-block;padding:.5em 2em;background:#84c0c6;color:#fff;position:absolute;top:0;left:2%;z-index:1;border-radius:5px 0;font-weight:600;font-size:90%;letter-spacing:.2em} .interview div.post .post-text{position:relative;padding:0;margin:0 auto;width:100%;height:auto} .interview#r_main div.post .post-text p{font-size:90%;padding:1em 1.5em 1.5em;margin:0;box-shadow:3px 3px 6px rgba(52,52,52,.1);height:100%;display:flex;flex-direction:column;justify-content:space-between} .interview div.post span.btn{width:fit-content;min-width:0;max-width:none;height:auto;line-height:1.5em;margin:1em auto 0;font-size:90%;background-color:#E85169;box-shadow:5px 5px 0 0 #00000020;border:1px solid #fff} .interview div.post span.btn a{height:100%;width:100%;padding:1em 2em;letter-spacing:.1em;position:relative} /*6/25 グーテンベルグ figureが挿入される事によるデザイン調整*/ #r_main .text-box figure.center{margin:20px auto; width: auto;max-width: 860px;display: block;} #r_main .text-box figure.center img{margin:auto;} } /* ---------- スマホ・タブレット用(旧 phone.css) ---------- */ @media screen and (min-width:319px) and (max-width:912px) { body{background-color:#fff;font-family:ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;font-size:16px} h1, h2, h3,h4,h5{font-weight:400;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} h1{color:#32373c;font-size:140%;line-height:1.7em;margin:30px 0;width:auto;padding:0 10px;font-weight:400;text-align: center;} p{margin: 1rem 1.5rem 2rem;color: #666;line-height: 1.9rem;letter-spacing: .125rem;} .fade-up{transition: all 0.7s; -moz-transition: all 0.7s; -webkit-transition: all 0.7s; -o-transition: all 0.7s;} .display_pc{display:none} .display_phone, a.center-btn{display:block;} a.center-btn.pc_ctl{width: 90%;max-width: 330px;padding: 10px 60px;} a.center-btn.pc_ctl span{display: inline-block;} .clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;} .clearfix{min-height:1%;} * html .clearfix{height:1%;} #wrapper{display:block;padding:50px 0 0 0;} .top-slide{width:100%;margin:0 auto 0;position:relative;box-shadow: 0 0 5px 0 #0009;} .top-slide img{display:block;width:100%;height:100%;object-fit:cover;} .top-slide img.fv-text{position: absolute; top: 10%;right:5%; width: 50%; height: auto;animation: slide-in-from-left 0.5s ease-out forwards;opacity: 0;} @keyframes slide-in-from-left{0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; }} .top-slide-movie{width:100%;margin:0 auto 0;position:relative;} .top-slide-movie video{width:100%;height:auto;display:block;} .contact-area{position: fixed;bottom: 10px;right: 10px; background-color: var(--black-color); width: 50px; margin: auto; padding: 5px; border-radius: 37px; z-index: 300; box-shadow: 0px 0px 2px 6px rgb(0 0 0 / 10%); box-sizing: initial;} .contact-area div a{color:white;text-decoration: none;display: block;background-color: #e8526a;padding: 0;background-position: 6px center,0 0;background-repeat: no-repeat,repeat;background-size: 28px auto,auto auto;height:100%;position:relative;border-radius:30px;box-sizing:border-box;} .contact-area div#line_box a{background-color: #3cb034; background-image: url(https://chat-lady.jp/img/icon-line.webp),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%);padding: 0; background-position: center,0 0;} .contact-area div#mail_box a{background-image: url(https://chat-lady.jp/img/icon-mail.webp),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%);background-size: auto 20px, auto;background-position: center top 10px;padding: 20px 0 0 0;} @keyframes updown{0% { transform: translateY(0); } 50% { transform: translateY(-4px); } 100% { transform: translateY(0); }} .contact-area div#tel_box a{background-color: #555; background-image: url(https://chat-lady.jp/img/icon-tel.webp),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%);padding: 0; background-position: center,0 0;} #line_box,#mail_box,#tel_box{display:block;width:50px;line-height:48px;margin:auto;font-size:12px;text-align: center;letter-spacing: 1px;z-index:101;border-radius:25px;max-width: 180px;height:50px;border: 1px solid #00000030;border-bottom-width:2px;box-sizing: border-box;} #tel_box,#line_box{text-indent: -1000em;} #mail_box{height: 140px; writing-mode: vertical-rl;} #r_area{background-repeat:no-repeat;clear:both;width:100%;margin: 0px auto 0;padding: 0 0 ;} #route_nav{line-height:2em;color:#fff;text-align:left;padding:5px 0;font-size:12px;position:relative;z-index: 1;} #route_nav a{color: white; text-decoration: none; font-weight: 600;} #route_nav p{margin: 0;line-height:40px;height:40px;white-space: nowrap;overflow-x: scroll;} #route_nav p > span{padding:0 1em;} #route_nav p > span span{margin: 0 0.5em;} #front_area{padding:0;background-color:#fff;display:block;width:100%;} #r_main{padding-top:10px;padding-bottom:0px;background-color:#fff;display:block;width:100%;} #r_main img.wp-post-image{width:100%;height:auto;} #r_main h3{position:relative;margin:40px 10px 20px;color: #E85169;font-size:180%;text-align:center;line-height:1.6em;font-weight:400;} #r_main h3:before{display: block; content: " "; background-image: url(/img/icon-naname-3color.png); position: absolute; left: -9px; top: -30px; height: 50px; width: 50px; background-size: 100%; background-repeat: no-repeat;} #r_main h3 a{color: #666;text-decoration:none;} #r_main h4{clear:both;} #r_main ul.normal{font-size: 95%; line-height: 1.8em; width: 85%;margin: 30px auto 50px;letter-spacing: 0.2em;color: rgba(139,139,139,1.00);box-sizing:border-box;border-left: 1px solid #aaaaaa;} #r_main ul.normal li{margin: 0 0 10px 0;} #r_main .text-box{margin: 0 auto 40px;} #r_main .text-box h3{padding:15px;margin: 80px 10px 50px;color: #414141;font-size: 130%;position:relative;border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea;} #r_main .text-box 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;} #r_main .text-box h5{font-weight:400;text-align:center;color:#444;border-top: solid 1px; border-bottom: solid 1px; padding: 10px; margin: 2em auto;font-size: 95%;} #r_main ol.normal li{margin: 0 0 10px 0;} #r_main dl.normal{width: 90%;margin: 20px auto;box-sizing: border-box;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;border: rgba(224,224,224,1.00) 1px solid;padding: 15px 20px;color: rgba(114,114,114,1.00);} #r_main dl.normal dd{margin: 0;padding: 0;box-sizing: border-box;padding: 15px;line-height: 1.9em;border-bottom: 1px solid rgba(233,233,233,1.00);} #r_main dl.normal dt{width: 80px;} #r_main dl.normal dd{width: calc(100% - 80px);} #r_main dl.normal dt, #r_main dl.normal dd{font-size: 85%;margin: 0;padding: 0;box-sizing: border-box;padding: 7px;line-height: 1.9em;border-bottom: 1px solid rgba(233,233,233,1.00);} #r_main .text-box img{width: 100%;height: auto;display:block;} #r_main .text-box img.aligncenter{margin:auto;} /*#r_main .text-box img.left{margin: 10px auto 20px;}*/ #r_main .text-box img.alignleft,#r_main .text-box img.alignright{margin: 10px auto 20px;} table.pay{width:90%;margin:40px auto;font-size:80%;line-height:1.7em;} table.pay tbody tr th{background-color:#F6F1E6;color:#C9AC6B;} table.pay tbody tr td, table.pay tbody tr th{padding:10px;border-bottom:1px solid rgba(0,0,0,.11);display:block;} table.pay tbody tr td{color:#C9AC6B;border:none;} table.left-th{margin: 30px auto;max-width:95%;color: #666;font-size:12px;border-collapse: collapse;} table.left-th tr th,table.left-th tr td{padding:20px 10px;box-sizing:border-box;background-image:url(/img/icon-naname-white.png);} table.left-th tr th{width: 120px;box-sizing:border-box;position:relative;padding: 20px calc(3em + 10px) 20px 10px;text-align: right;} table.left-th tr th:after{content:"・・・";position:absolute;right:0;color:#e85169;top: 0; bottom: 0; margin: auto; display: block; height: 1em;} ul.check{padding:30px;color:#637989;background-color:#f8fcff;margin:30px 20px 40px;border-radius:8px;border:none;} ul.check li{list-style:none;font-size:95%;box-sizing:border-box;line-height:1.9;min-height:50px;margin:0px 0 10px;padding:10px 0 20px 30px;background:url(/img/li-check01.png)left 15px no-repeat;background-size:15px auto;border-bottom:1px solid rgba(0,0,0,0.05);} ul.check li:last-child{border:none;} .site_bnr_00 img{width:100%;height:auto} #must_area{margin:20px 0 0px;padding:10px 0;border-radius:0;border: none;} #must_area h3{font-size: 100%; margin: 50px auto 10px;color: white; width: 80%;line-height: 36px; border-radius: 18px;} #must_area ul{width:100%;padding:0;margin:0 auto;list-style-type:none;overflow-x:auto;} #must_area li{color:#666;padding:10px 5px;box-sizing:border-box;display:table-cell;} #must_area li a{width:40vw;list-style-type:none;height:45vw;margin:2px auto;color:#fff;text-decoration:none;position:relative;border-radius:10px;border:rgba(0,0,0,.1) 1px solid;border-bottom:rgba(0,0,0,.2) 2px solid} #must_area li a, #must_area li a div.title{display:block;text-align:center;} #must_area li a div.title{height:10vw;line-height:10vw;width:100%;margin:auto;position:absolute;left:0;right:0;bottom:0;font-size:85%;background-color:rgba(42,38,31,1.00);} #must_area li a div.image{display:block;width:100%;height:35vw;overflow:hidden} #must_area li a div.image img{height:100%;width:100%;object-fit: cover;} #must_area li a:hover{color:#fff;background-color:#F8BB1A} .shop-index-box{padding:0 0 50px;border:#f3f3f3 1px solid;margin:20px 10px 60px;display: flex;flex-direction: column;} .shop-index-box h3 a{text-decoration: none !important;} .shop-index-box a.img-link{margin:10px 0 40px;height:15pc;width:100%;box-sizing:border-box;overflow:hidden} .shop-index-box a.img-link img{width:100%;height:auto} .shop-index-box div.btn{clear:both;width:70%;margin:30px auto 0;line-height:50px;text-align:center;display:block} .shop-index-box div.btn a{font-size:85%;display:block;background-color:#F8BB1A;color:#fff;text-decoration:none;border-radius:5px;border-top:rgba(0,0,0,.05) 1px solid;border-right:rgba(0,0,0,.1) 2px solid;border-bottom:rgba(0,0,0,.25) 3px solid;border-left:rgba(0,0,0,.1) 2px solid} .post-text-single.area-single{background-color: #f3f3f3; background-image: url(/img/bg-stripe.png); background-repeat: repeat; padding: 16px 0;position: relative;} #r_main .area-single h3{margin:var(--block-margin) auto !important;width:95%;} #r_main .area-single h3:before{left: 0;} #r_main .area-single h4{line-height: 1.7em; display: block; font-size: 110%; font-weight: normal; margin: 80px 15px 0; padding: 15px;} #r_main .shop-comment h4:first-child{margin-top: 16px;} ul.shop-img{display: flex; overflow-x: auto; margin: var(--block-margin) 0; list-style: none; padding: 10px;} ul.shop-img li + li{margin-left: 15px;} ul.shop-img li img{object-fit: cover;width: 200px;height: 200px;} span.Recommend-check{display:block;width:80%;max-width:200px;margin: 0em auto 1em;} table.shop-info{width: calc(100% - 30px);margin: 0 auto;border-radius: 4px;padding: 24px;box-sizing: border-box;background: #ffffff;} table.shop-info tbody tr{border-bottom: 1px dashed #ccc;display: grid;padding: var(--text-margin) 0;} table.shop-info tbody tr th, table.shop-info tbody tr td{padding: var(--text-margin);min-width: 100px;font-weight: 400;position: relative;color: #545454;} table.shop-info tbody tr th{font-size: 90%;text-align: left;color: #999;} table.shop-info tbody tr th:before{position: absolute;top: 0;bottom: 0;left: -10px;display: block;content: "";width: 0;height: 0;border-style: solid;border-width: 7px 0 7px 9px;border-color: transparent transparent transparent #f8bb1a;margin: auto;} ul.conditions{display: flex;flex-wrap: wrap;padding: 0;margin: 0;} ul.conditions li{display: block;border-left: 2px solid #E85169;border-right: 2px solid #E85169;padding: 3px 10px;margin: 0 15px 15px 0;font-size: 95%;position: relative;color: #E85169;background: white;border-radius: 6px;} ul.benefits{display: flex;flex-wrap: wrap;justify-content: space-evenly;padding: 0;margin: var(--block-margin) auto;width: 95%;} ul.benefits li{display: block;width: 120px;height: 120px;box-sizing: border-box;border: 1px solid #eaeaea;margin: 8px 0;text-align: center;font-size: 85%;padding: 8px 4px;} ul.benefits li.staff{background: url(./images/icon_benefits_05.gif) center bottom 20px/45% no-repeat;} ul.benefits li.dress{background: url(./images/icon_benefits_06.gif) center bottom 20px/45% no-repeat;} ul.benefits li.freetime{background: url(./images/icon_benefits_01.gif) center bottom 20px/45% no-repeat;} ul.benefits li.day-pay{background: url(./images/icon_benefits_09.gif) center bottom 20px/45% no-repeat;} ul.benefits li.h-warranty{background: url(./images/icon_benefits_14.gif) center bottom 20px/45% no-repeat;} ul.benefits li.d-arranty{background: url(./images/icon_benefits_13.gif) center bottom 20px/45% no-repeat;} ul.benefits li.m-warranty{background: url(./images/icon_benefits_12.gif) center bottom 20px/45% no-repeat;} ul.benefits li.Dormitory{background: url(./images/icon_benefits_03.gif) center bottom 20px/45% no-repeat;} ul.benefits li.bonus{background: url(./images/icon_benefits_07.gif) center bottom 20px/45% no-repeat;} ul.benefits li.free-d{background: url(./images/icon_benefits_02.gif) center bottom 20px/45% no-repeat;} ul.benefits li.food{background: url(./images/icon_benefits_04.gif) center bottom 20px/45% no-repeat;} ul.benefits li.long-v{background: url(./images/icon_benefits_11.gif) center bottom 20px/45% no-repeat;} ul.benefits li.side{background: url(./images/icon_benefits_10.gif) center bottom 20px/45% no-repeat;} ul.benefits li.parking{background: url(./images/icon_benefits_08.gif) center bottom 20px/45% no-repeat;} ul.benefits li.t-expenses{background: url(./images/icon_benefits_15.gif) center bottom 20px/45% no-repeat;} ul.benefits li.transfer{background: url(./images/icon_benefits_16.gif) center bottom 20px/45% no-repeat;} ul.benefits li.private{background: url(./images/icon_benefits_17.gif) center bottom 20px/45% no-repeat;} ul.benefits li.alibi{background: url(./images/icon_benefits_18.gif) center bottom 20px/45% no-repeat;} ul.benefits li.design{background: url(./images/icon_benefits_19.gif) center bottom 20px/45% no-repeat;} ul.benefits li.child{background: url(./images/icon_benefits_20.gif) center bottom 20px/45% no-repeat;} table.shop-info tfoot tr td{color: #999;font-size: 85%;text-align: right;} .shop-comment{width: calc(100% - 30px);margin: 0 auto;padding: 8px 0;} .interview-con{display:flex;overflow-x: auto; /* 横スクロール */ white-space: nowrap; /* 折り返し禁止 */padding:0 0 5px;} .interview-box{flex-shrink: 0;width: 80%; /* 画面幅の80% */ box-sizing: border-box; padding: 15px; margin-right: 10px; /* 右に余白 */border-radius: 6px;box-shadow: 4px 4px #0001;max-width: 300px;} .interview-box a h5{margin: 1em 0.5em;font-size: 1em;white-space: break-spaces;} /**認定店舗のみ**/ .single_area.certified .post-thum-single:after{content: " ";position: absolute; display: block;background-image: url(https://chat-lady.jp/blog/wp-content/uploads/2024/12/640x640-normal.webp);background-size: auto 80px;width: 80px;height: 80px;top: -40px;left: 0;right: 0;margin: auto;background-repeat: no-repeat;background-position: center;background-color: #3d3d3d;padding: 5px; border-radius: 100%;border: 2px solid white;} .single_area.certified .post-thum-single:after{animation: heartbeat 1s ease-in-out;animation-iteration-count: 2;} @keyframes heartbeat{0% { transform: scale(1); /* 初期状態 */ } 25% { transform: scale(1.15); /* 少し拡大 */ } 50% { transform: scale(1); /* 元のサイズに戻る */ } 75% { transform: scale(1.1); /* 再び少し拡大 */ } 100% { transform: scale(1); /* 元のサイズに戻る */ }} .single_area.certified .blog_info{padding-bottom:30px;} /*////////////////////////////////////////////////通勤エリア 店舗詳細投稿ページここまで***/ #entry_mail_TABLE{width:98%} #entry_mail_TABLE img{display:block;width:20pc;height:auto} .entry_mail_TABLE{width:98%;margin:20px auto 30px} .entry_mail_TABLE img{display:block;width:100%;height:auto} .QandA{margin:auto 0px;background-color:#fff;padding:20px;line-height:1.9em} .QandA dt{font-size:120%;border-radius:4px;margin-bottom:10px;padding:15px 10px !important;color:#fff !important;background-color:#71b8db;position:relative;} .QandA:nth-child(3n/**/+1) dt{background-color:rgba(255,178,64,1.00);} .QandA:nth-child(3n/**/+2) dt{background-color:rgba(255,154,188,1.00);} .QandA dt:after{position:absolute;bottom:-15px;left:30px;content:"";width:0;height:0;border:5px solid transparent;border-top:10px solid #71b8db;} .QandA:nth-child(3n/**/+1) dt:after{border-top:10px solid rgba(255,178,64,1.00);} .QandA:nth-child(3n/**/+2) dt:after{border-top:10px solid rgba(255,154,188,1.00);} .QandA dd{margin:0;font-size:16px;color:#7c7c7c;padding:30px 20px 40px;margin-bottom:30px;line-height: 2em;} .QandA dd br{content:" ";display:block;height:10px;} #lc_WORD{margin-right:10px;margin-left:10px;background-color:#fff;padding:20px 10px;line-height:1.7em} #lc_WORD dt{font-size:90%;border-radius:10px;margin-bottom:10px;padding:5px 10px;color:#fff;background-color:#71b8db;} #lc_WORD dd{margin:0;font-size:90%;color:#7c7c7c;padding:10px;margin-bottom:30px;} .aboutlc_img{display:block;width:95%;height:auto;margin:20px auto;} #mail_Form{margin:0 auto;background-color:#fff;line-height:25px;padding: 0 30px;} #mail_Form dt{font-size:1pc;font-weight:400;text-align:center;line-height:1.6em;padding:0;margin:0 0 5px;color:#999;} #mail_Form dd{margin:0 0 10px;color:#666;width:100%;padding:10px;border-radius:4px;background-color:#efefef;box-sizing:border-box;} #mail_Form dd span{box-sizing:border-box;} #mail_Form dd span.wpcf7-checkbox{--line-height:40px;} #mail_Form dd span.wpcf7-checkbox .wpcf7-list-item label{display:flex;} #mail_Form dd span.wpcf7-checkbox .wpcf7-list-item label span{text-indent: 0.5em;} #mail_Form dd.area_choice label{} #mail_Form dd.area_choice label input{display: none;} #mail_Form dd.area_choice label input + span{color:#777;background-color: white; width: calc(100% - 10px); display: block;text-align: center;margin:auto;border-radius:8px;height: 50px; line-height: 50px;} #mail_Form dd.area_choice label input:checked + span{background-color:var(--green-color);color:white;} #mail_Form dd.area_choice select{display: block; margin: 0.5em auto; border-radius: 100px;border: 1px solid var(--green-color);} #mail_Form dd img{margin:0;width:100%;height:auto} #mail_Form dd input, #mail_Form dd select, #mail_Form dd textarea{height:50px;margin:0 0 10px;border-radius:3px;font-size:1pc;border: 1px solid #666;} #mail_Form dd input::placeholder, #mail_Form dd select::placeholder, #mail_Form dd textarea::placeholder{font-size:14px;} #mail_Form dd span input[type="text"],#mail_Form dd span input[type="email"],#mail_Form dd span input[type="tel"],#mail_Form dd span input[type="password"],#mail_Form dd span > textarea{width: 100%;box-sizing: border-box;padding: 0.5em;} #mail_Form dd textarea{height:8em;} #mail_Form dd span.radioelement input.radio{margin:4%;width:20px;height:20px} #mail_Form dd input[type="radio"]{position:relative;top:5px} #mail_Form dd select{text-align: center;background-color: #fff;width: auto; max-width: 100%;font-size:14px;color:#555;padding: 0 0.5em;} #mail_Form dd select option:first-child{font-size:14px;} #mail_Form dd select option:not(:first-child){font-size:1rem;} input.submit{-webkit-appearance:none;border-radius:20px;height:40px;text-decoration:none;width:80%;display:block;text-align:center;font-size:90%;margin:20px auto 40px;} #mail_Form dd textarea{width:100%} input#submit{-webkit-appearance:none;border:1px solid #ff3b7c;background-color:#ff1663;height:50px;line-height:50px;width:70%;margin:20px auto;color:#fff} #mail_Form dd span.checkelement label{display:block;line-height:30px;padding:5px 0;margin:0 0 0 10px;} #mail_Form dd span.checkelement label input{margin:0 10px 0 5px;width:20px;height:20px;position:relative;top:5px;} #mail_Form dd label span.checkelement{text-align:center;line-height:30px;padding:5px 0;display:block;width:100%;} #mail_Form dd label span.checkelement input{margin:0 10px 0 5px;width:20px;height:20px;position:relative;top:5px;} #mail_Form dd textarea#txt4{margin:0 1% 0 0;width:98%} #mail_Form2 dt{border-left-width:2px;border-left-style:solid;border-left-color:#666;font-weight:700;padding-left:3px;margin-bottom:5px;color:#333;} #mail_Form2 dd{margin-bottom:10px;color:#00A0DD;font-size:1pc} .required{position:relative;width:100%;display:block} .required:after{content:"必須";position:absolute;top:0;left:0;color:#fff;font-size:60%;padding:0 5px;background-color:#e35965;} @-webkit-keyframes a{0%{left:-600px} to{left:-1px}} .errs{position:fixed;top:56px;left:-1px;width:80%;box-shadow:rgba(0,0,0,.3) 0 2px 6px 0;background-color:hsla(0,0%,99%,.98);z-index:4;border-radius:0 4px 4px 0;border:#e35965 1px solid;-webkit-animation-name:a;-webkit-animation-delay:0s;-webkit-animation-duration:1s;-webkit-animation-iteration-count:1;-ms-animation-name:a;-ms-animation-delay:0s;-ms-animation-duration:1s;-ms-animation-iteration-count:1;-moz-animation-name:a;-moz-animation-delay:0s;-moz-animation-duration:1s;-moz-animation-iteration-count:1} .errs ul li{color:#e35965;font-size:90%} #sitemap{width:100%;margin:0px auto 0;overflow:hidden;clear:both;box-sizing:border-box;padding: 4em 20px;} #sitemap h2{font-weight:400;line-height:35px;display:block;height:35px;margin:0;padding:0 0;text-align: center; border-radius: 5px;} .ul_box{width:auto;list-style-type:none;line-height:30px;margin:10px;padding: 20px 10px;overflow:hidden} .ul_box:last-child{border-bottom:0;} .ul_box li{margin:0 auto 10px;} .ul_box li, .ul_box>li a{display:block} .ul_box a{text-decoration:none;font-weight:400} .ul_box02{list-style-type:none;margin:0;padding:0;display: flex; flex-wrap: wrap;} .ul_box02 li{font-size:75%;text-align:center;line-height:40px;max-height:40px;width:50%;margin:0 0 10px} .ul_box02 li a{display:block;padding:0;width:97%;margin:auto;border-radius:20px;} .ul_box02 li a:hover{color:#aad4e9} .caution{background-color:rgba(255,255,255,1.00);text-align:center;padding:30px;color:rgba(136,136,136,1.00);background-image:url(/img/bg-001.png);background-size:200px auto;background-position:60px;} .caution p{margin:0;} .caution img{display:block;margin:20px auto 0;width:80px;height:auto;} #foot_area{background-color:var(--black-color);clear:both;text-align:center;color:#fff;width:100%;padding-top:5px;padding-bottom:100px;margin:0;} #foot_area a{color:#fff} /**** FrontPage Banner ***/ ul.pr-box{background-color: #ccc; scroll-snap-type: x mandatory;list-style:none;display:flex;overflow-x:scroll;width:100%;padding: 1em 0;margin:0;background-image:radial-gradient(circle at 5px 5px, #ffffff2e 2px, transparent 3px); background-size: 10px 10px;border-top: 2px solid #0006; border-bottom: 2px solid #0006} ul.pr-box li{color: black;scroll-snap-align: center; width: auto;scroll-snap-stop:always;} ul.pr-box li img{width: 240px; height: auto; object-fit: cover; border-radius: 8px; margin: 0 0.5em; display: block; filter: drop-shadow(0px 1px 2px #0006);} .award-img{width:98%;margin:20px auto} .mente-line{padding:30px;margin:20px;background-color:#f7f7f7;color:#606060} .line-btn-mente{width:80%;height:60px;display:block;margin:60px auto 20px;text-align:center;line-height:60px;background-color:#21ce26} .line-btn-mente a{display:block;height:60px;color:#fff;text-decoration:none;font-size:90%} div.post{padding:0 0 30px; width: 90%; margin: auto auto 50px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 8px; max-width: 600px;} div.post span.btn{display:block;min-width:70%;max-width: 90%;text-align:center;background-color:#E85169;line-height:50px;margin:30px auto;border-radius:25px;font-size:80%;box-shadow: 5px 5px 0 0 #00000020; border: 1px solid white;} div.post span.btn a{display:block;color:#fff;text-decoration:none} div.post h2.title a{color:#E85169;text-decoration:none} div.post .post-thum{margin:10px 0;overflow:hidden;width:100%;height:auto;max-height:56.25vw;background-color:#fff;} div.post .post-thum a{width:100%;height:100%;} div.post .post-thum img{display:block;width:100%;height:100%;object-fit:cover;} div.VideoWrapper{width: 90vw; height: calc(90vw / 16 * 9); position: relative; margin:var(--block-margin) auto;border: 3px solid white; border-radius: 8px; overflow: hidden; box-shadow: 5px 10px 0 0 #00000044;max-width: 512px; max-height: 288px;box-sizing:border-box;} div.VideoWrapper iframe{width:100%;height:100%;display: block;} div.post .post-text{margin:0;box-sizing:border-box;width:100%;padding:10px 20px} div.post .post-text p{line-height:1.8em} div.post .post-text img{max-width:100%;height:auto} /*Only categry-interview.php*/ .interview div.post{position:relative;width: 90%; border: 1px solid #333; padding:120px 10px 30px 60px; margin: 25px auto;border-radius: 5px;box-sizing:border-box;} .interview div.post:before{content: "Interview"; position: absolute; top: 30px; right: 10px; display: block; font-family:"HelveticaNeue",fantasy; font-size: 300%; color: #050505;letter-spacing: 3px;text-shadow: 1px 0 0 #666, 0 1px 0 #666, -1px 0 0 #666, 0 -1px 0 #666, 2px 2px 0 #666;} .interview div.post h2{border-top: 3px solid #333; border-bottom: 3px solid #333; padding-bottom: 1em; background-position: right 5px bottom 20px;padding-top: 20px;font-size: 150%;background: none;} .interview div.post .blog_info{position: absolute; width: 320px; box-sizing: border-box; margin: 10px auto; top: 280px; left: -135px; transform: rotate(90deg); height: 50px; background: #333; border-radius: 5px 5px 0 0;padding:0;} .interview .blog_info ul li{margin:0 0 0 10px !important;color:white !important;line-height:50px;background-position: left center; font-size: 100%;display: inline-block;} .interview .blog_info ul li a{color:white;} .interview div.post h2.title a{color:#666;} .interview div.post .post-thum{height:150px;width:100%; margin: 30px auto 10px; border:1px solid #333;} .interview div.post .post-thum img{object-fit: cover; width: 100%; height: 100%; left: 0;} .interview div.post .post-text{width:100%;margin:auto;padding:0;} .interview div.post span.btn{width:95%;min-width: 200px; height: 50px; line-height: 50px; border-radius: 30px;position:inherit;} @media screen and (min-width:768px){.interview div.post .post-thum{height:300px;}} /* ----- / Only categry-interview.php*/ .blog_info{background: #ffffffbb;padding: 5px 0; box-sizing: border-box;margin: 0 0 20px;} .blog_info ul{font-size:12px;padding:0;margin:0;overflow:hidden;display: flex; flex-wrap: wrap;} .blog_info ul li{display:block;padding:2px 0 2px 23px;background-position:left center;line-height: 20px;} .blog_info ul li a{text-decoration:none;color:#E85169} .blog_info ul li.cal{margin: 5px 0;width:50%;color: #777;padding:0 1em;box-sizing:border-box;} .blog_info ul li.cat{margin: 5px 20px;background-image:url(//chat-lady.jp/blog/wp-content/themes/CLJPcstm/img/icon_cat.png);background-repeat:no-repeat} .blog_info ul li.tag{display: flex;overflow-x: auto;overflow-y: hidden; padding: 0;scrollbar-color:transparent;max-height: 40px; height: auto;} .blog_info ul li.tag::-webkit-scrollbar{width:10px;height:1px;} .blog_info ul li.tag::-webkit-scrollbar-thumb{background:#ffffff11;} .blog_info ul li.tag a{position: relative; background-color:#f794a4; color: white; margin: 5px 0px 5px 5px; display: block; font-size: 90%; padding: 0 10px 0;border-radius: 15px; width: auto; text-align: center; min-width: 120px; max-width: 300px; height: 30px; line-height: 30px;} .blog_info ul li.tag a:nth-child(5n/**/+2){background-color:#58b1d7;} .blog_info ul li.tag a:nth-child(5n/**/+3){background-color:#e9c464;} .blog_info ul li.tag a:nth-child(5n/**/+4){background-color:#7cbba3;} .blog_info ul li.tag a:nth-child(5n/**/+5){background-color:#b796b6;} .blog_info ul li.tag a:last-child{margin-right:5px;} .post-thum-single{height:auto;max-height:400px;overflow:hidden;width: 100%;font-size: 0;} .post-text-single.theme-single{} .post-thum-single img{width:100%;height:auto;} .nav-below{border-radius:4px;position:relative;background-color:#000;font-size:80%;height:40px;line-height:40px;width:90%;text-align:center;margin: 30px auto 15px;max-width: 400px;padding: 10px 0;border-radius: 30px;} .post-text-single p img{width:90%;max-width:460px;height:auto;display:block;margin:20px auto;} .nav-below span.nav-next, .nav-below span.nav-previous{float:left;display:block;width:50%} #tweet{width:65%;margin:auto;padding:0 10px} #tweet h3 img{width:100%;height:auto;display:block} .btn_area{width:90vw;margin:30px auto 60px;display:block;overflow:hidden;} .btn_area a{color:white;text-decoration:none;} .btn_entry{float:left;background-color:#F8BB1A} .btn_entry, .btn_mail{width:48%;box-sizing:border-box;font-size:0.8em;height:50px;padding:5px 0;line-height:20px;text-decoration:none;text-align:center;color:#fff;border-radius:100px;border:1px solid rgba(0,0,0,0.08);border-bottom:3px solid rgba(0,0,0,0.08);} .btn_mail{float:right;display:block;background-color:#309B72} .btn_mail:hover{color:white;opacity:0.8;} .form-page #l_area_1st ul, .form-page #sitemap{display:none} .form-page #foot_area{margin:0} .widget-container{background-color:white;padding:10px;width:100%;box-sizing:border-box;background-color:rgba(236,236,236,0.40)} .widget-container h3{text-align:center;font-size:160%;color:#878787;} #npcatch{margin:0px auto;list-style:none;width:100%;padding:0;} #npcatch li{float:left;font-size:12px;width:98%;box-sizing:border-box;padding:10px;margin:0px 1% 20px;border:1px rgba(0,0,0,0.10) solid;position:relative;background-color:rgba(255,255,255,0.90)} #npcatch li a{color:rgba(179,179,179,1.00);} #npcatch img{float:left;height:auto;width:120px;padding:0px;} #npcatch span.title{width:calc(100% - 130px);box-sizing:border-box;font-size:100%;float:right;padding:0px;} #npcatch span.date{font-size:70%;position:absolute;bottom:-10px;right:20px;color:white;background-color:rgba(109,218,145,1.00);padding:5px 10px;} div.special{padding:30px 0px;} div.special h3{text-align:center;font-size:200%;color:#7a7a7a;margin:0 0 20px;} ul.special{overflow-x:scroll;flex-wrap: nowrap; width: 100%;padding: 30px 0;display:flex;display:-webkit-flex;justify-content:space-around;-webkit-justify-content:flex-start;} ul.special li{min-width:215px;list-style:none;box-sizing:border-box;margin:0px 5px 10px;padding:0 0 20px;background-color:white;display:block;overflow:hidden;position: sticky; left: 0;box-shadow: 0 0 5px 0 #0008;} ul.special li .thumbnail{background-color: rgba(249,249,236,1.00);overflow: hidden;height: 215px;position: relative;} ul.special li .thumbnail img{display: block; object-fit: cover; width: 100%; height: 100%;} ul.special li .h a{color:rgba(228,136,166,1.00);text-decoration:none;height:46px;padding:10px 10px 0;display:block;line-height:20px;overflow:hidden;} ul.special li .excerpt{font-size:80%;padding:10px 12px 0px;line-height:20px;height:66px;overflow:hidden;display:block;} /************Tbaleあれこれ(1列目にthが連続する場合)*/ table.normal-2{color:#7d7d7d;width:80%;margin:40px auto 60px;padding:15px;border:solid 1px #777;} table.normal-2 tr th,table.normal-2 tr td{line-height:1.8em;font-size:85%;padding:5px 0;} table.normal-2 tr th{border-bottom: 1px solid #2f658e;font-weight:400;color:#2f658e;} table.normal-2 tr td{padding:10px;} table.normal-2 thead td{text-align: center; padding:10px 0 10px;color:#2f658e;font-size:140%;} table.normal-2 tfoot td{text-align:center;} table.normal-2 tbody td{text-align:center;border-bottom: 1px solid #a1abb2;} /************メディアページ*/ .media-box{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content:space-around;-webkit-justify-content:space-around;} .media-box .media-topix{position: relative; width: 90%;height: 320px; box-sizing: border-box;border:rgba(0,0,0,0.10) 1px solid;margin: 0 0 30px;} .media-box .media-topix h3{position: absolute;width: 100%; top:160px;margin: 0 !important;padding: 8px 10px !important;height: 45px;box-sizing: border-box;} .media-box .media-thumb{width:100%;height: 160px;overflow: hidden;position: absolute;top:0;} .media-box .media-thumb img{width:100%;height: auto;} .media-topix .description{line-height: 25px;height: 100px;position: absolute;top: 205px; padding: 5px 15px;box-sizing: border-box;font-size: 95%;overflow: hidden;} .media-topix .description p{margin: 0 !important;padding: 0 !important;} /****メディア詳細ページ*/ .media .media-image{width: 100%;box-sizing: border-box;overflow: hidden;} .media .media-image img{width: 100%;height: auto;display: block;} .media dl.media-info{width: 90%;margin: 20px auto;box-sizing: border-box;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;border: rgba(224, 224, 224, 1.00) 1px solid;padding: 15px 20px;color: rgba(114, 114, 114, 1.00);} .media dl.media-info dt,.media dl.media-info dd{font-size: 85%;margin: 0;padding: 0;box-sizing: border-box;padding: 7px;line-height: 1.9em;border-bottom: 1px solid rgba(233,233,233,1.00);} .media dl.media-info dt{width: 80px;} .media dl.media-info dd{width: calc(100% - 80px);} .page-image img{width: 100%; height: auto; display: block;} /***年間ランキング**/ ol.ranking{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;margin:0 auto;padding:0;list-style:none;counter-reset:item;border-left: none;width: 100%; max-width: 500px;} ol.ranking li{box-sizing:border-box;margin:0;padding:0;padding:30px 0px;border-bottom:1px solid #888;position:relative;list-style: none;} ol.ranking li:after{counter-increment:item;content:counter(item)"位";position:absolute;top:0;left:0;display:block;width:40px;text-align:center;font-size:14px;color:white;padding:5px 0 0 ;} ol.ranking li:before{content:"";position:absolute;top:0;left:0;width: 0;height: 0;border-style: solid;border-width:60px 60px 0 0;border-color:#000 transparent transparent transparent;} ol.ranking li:nth-child(1){width:100%;} ol.ranking li:nth-child(2), ol.ranking li:nth-child(3){width:calc(100% / 2);} ol.ranking li:nth-child(2):before{border-color: #f8bf27 transparent transparent transparent;} ol.ranking li:nth-child(3):before{border-color: #06a2de transparent transparent transparent;} ol.ranking li:nth-child(3n/**/+5){border-right:1px solid #888;border-left:1px solid #888;} ol.ranking li:nth-child(1) span.chat-name{background-color:#444;color:white;width:auto;max-width: 300px;padding: 10px;margin: 0 auto 20px;border-radius: 3px;} ol.ranking li:nth-child(1) span.chat-image{width:auto;max-width:320px;margin: auto;} ol.ranking li:nth-child(2) span.chat-image, ol.ranking li:nth-child(3) span.chat-image{width:100%;margin:auto;} ol.ranking li span.site-name{text-align:center;font-size:90%;padding:10px;} body.chatladyjp_home .about-lc-top .text-box-img{width:100%;border-radius:10px;position:relative;z-index:5;box-shadow:0 2px 4px 0 #0003;padding:0;overflow: hidden;box-sizing: border-box; border: 3px solid white;} #front_area h2{margin:30px 0 15px;padding:0 10px 20px;line-height:1.7em;color:#E85169;font-size:190%;font-weight:400;clear:both;text-align:center;background-image:url(/img/h2-main-area.webp);background-repeat:no-repeat;background-position:center bottom;background-size:auto 20px;} .single_area h2 ,.page_area h2{margin: 1.7em 0.5em 1em;padding: 1em 10px 0;line-height: 1.7em;color: var(--black-color);font-size: 190%;font-weight: 400;clear: both;text-align: center;background-image: url(https://chat-lady.jp/blog/wp-content/themes/CLJPcstm/img/front-h-icon.webp); background-repeat: no-repeat; background-position: center top;background-size: auto 20px;} .post-flex h2.title{margin:30px 0 15px;padding:0 10px 20px;line-height:1.7em;color:#E85169;font-size:120%;font-weight:600;clear:both;text-align:center;background-image:url(/img/h2-main-area.webp);background-repeat:no-repeat;background-position:center bottom;background-size:auto 20px} #front_area h3.otoku{display:block;line-height:46px;border-radius:23px;background-color:#ec7286;color:white;width:300px;text-align:center;margin:50px auto 20px;font-size:20px;position:relative;z-index:3;} #front_area h3.otoku:before{display:none;} /*待遇アイコン*/ ul.Commute-t{margin: 0 0 100px 0;padding: 0 10px; font-size: 80%; box-sizing: border-box; display: -webkit-flex; display: flex; flex-wrap: wrap; width: auto; justify-content: space-between; -webkit-justify-content: space-between;list-style-type: none;} ul.Commute-t > li{width: 90px;height:20px; padding: 75px 0px 0px; background-image: url(images/icon-sozai.gif); background-size: 90px 2250px; text-align: center; font-size: 14px; background-repeat: no-repeat;} .icon-no01{background-position:0px 0px;} /*24時間自由*/ .icon-no02{background-position:0px -90px;} /*即日勤務*/ .icon-no03{background-position:0px -180px;} /*主婦OK*/ .icon-no04{background-position:0px -270px;} /*交通費*/ .icon-no05{background-position:0px -360px;} /*副業OK*/ .icon-no06{background-position:0px -450px;} /*短期可*/ .icon-no07{background-position:0px -540px;} /*長期歓迎*/ .icon-no08{background-position:0px -630px;} /*長期休暇OK*/ .icon-no09{background-position:0px -720px;} /*初心者OK*/ .icon-no10{background-position:0px -810px;} /*髪型自由*/ .icon-no11{background-position:0px -900px;} /*服装自由*/ .icon-no12{background-position:0px -990px;} /*駐車場あり*/ .icon-no13{background-position:0px -1080px;} /*単発OK*/ .icon-no14{background-position:0px -1170px;} /*社員登用あり*/ .icon-no15{background-position:0px -1260px;} /*日払い*/ .icon-no16{background-position:0px -1350px;} /*送迎あり*/ .icon-no17{background-position:0px -1440px;} /*制服・衣装*/ .icon-no18{background-position:0px -1530px;} /*託児所有*/ .icon-no19{background-position:0px -1620px;} /*履歴書不要*/ .icon-no20{background-position:0px -1710px;} /*友人同士OK*/ .icon-no21{background-position:0px -1800px;} /*シフト自由*/ .icon-no22{background-position:0px -1890px;} /*週一日から*/ .icon-no23{background-position:0px -1980px;} /*まかない有*/ .icon-no24{background-position:0px -2070px;} /*住み込み可*/ .icon-no25{background-position:0px -2160px;} /*ボーナス有*/ /*店舗詳細ページ*/ /*チャットレディJP関連サイト*/ aside.cljp-service{background:#f5f5f5;border-top:1px solid #00000005;border-bottom:1px solid #00000005;padding:30px 0;width:100%;} aside.cljp-service h2{text-align:center;font-size:140%;} aside.cljp-service ul{width:100%;padding:0;margin:30px auto;display:flex;display:-webkit-flex;justify-content:space-evenly;-webkit-justify-content:space-evenly;flex-wrap:wrap;-webkit-flex-wrap:wrap;} aside.cljp-service ul li{display:block;background:white;border:1px solid #00000033;border-radius:3px;box-sizing:border-box;width:40%; padding: 5px 10px 10px;margin: 0 0 30px;transition:0.3s;} aside.cljp-service ul li img,aside.cljp-service ul li span{display:block;} /*トップページ*/ .emergency_box{position: relative;margin: 60px auto;padding: 1em 0.5em;border: solid 4px #e8536b;border-radius: 2px;width: 80%;font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", sans-serif;color: #333;} .emergency_box .box-title{position: absolute;display: inline-block;top: -8px;left: 10px;padding: 0 9px;line-height: 1;font-size: 15px;background: #FFF;color: #e8536b;font-weight: bold;} .emergency_box p{margin: 0;padding: 0;} /* 投稿ページ目次 */ ul.single_table_of_contents{background: #f4fbff; padding: 56px 16px 8px 16px; position: relative; border: none; margin: 40px 20px; counter-reset: item;} .single_table_of_contents::before{content: "目次"; position: absolute; top: 0; left: 0; height: 40px; width: 100%; background: #1795cc; padding: 8px 8px 8px 56px; color: #fff; box-sizing: border-box; font-size: 16px;} .single_table_of_contents::after{content: ""; position: absolute; left: 16px; top: 10px; background: url(images/icon_toc_w.png); width: 32px; height: 20px; background-repeat: no-repeat; background-size: 100%; background-position: center;} ul.single_table_of_contents li{list-style: none; position: relative; padding-left: 32px;} ul.single_table_of_contents li::before{position: absolute; left: 0; top: 0; bottom: 0; margin: auto; counter-increment: item; content: counter(item)""; background: #1795cc; color: #fff; font-weight: 700; border-radius: 50%; height: 24px; width: 24px; display: flex; align-items: center; justify-content: center;} .wp-block-image{margin: auto;} .wp-block-image img{width: 100% !important;height: auto !important;} /*カテゴリー 通勤エリア 都道府県 説明-------------------------------------- */ .category_description.text-box{margin-top: 60px !important;} .category_description h2{margin-bottom: 50px !important;margin: 30px 0;padding: 0 10px 20px;line-height: 1.7em;color: #5B5B5B;font-size: 190%;font-weight: 400;clear: both;text-align: center;background-image: url(/img/h2-main-area.webp);background-repeat: no-repeat;background-position: center bottom;background-size: auto 20px;} .title_list_01.area_category ul li{background-image: url(https://chat-lady.jp/blog/wp-content/uploads/2024/06/location-dot-solid.svg);background-size: contain;background-repeat: no-repeat;background-position: left 5px center;} /* カテゴリー 通勤エリア 都道府県 おすすめ店舗 -------------------------------------- */ .recommended-office-area{margin-top: 60px;} .recommended-office-area h2{margin: 30px 0;padding: 0 10px 20px;line-height: 1.7em;color: #5B5B5B;font-size: 190%;font-weight: 400;clear: both;text-align: center;background-image: url(/img/h2-main-area.webp);background-repeat: no-repeat;background-position: center bottom;background-size: auto 20px;} #r_main .recommended-office{border: 1px solid #eaeaea; border-radius: 10px; padding: 0; margin: 40px 10px 0;} .recommended-office ul.shop-img{margin: 0; padding: 10px 15px;} #r_main .recommended-office ul.shop-img img{width: 200px; height: 200px;object-fit: cover;} .recommended-office ul.benefits{border: 1px solid #E85169; border-radius: 8px; padding: 10px 20px; margin: 15px 15px 20px;} .recommended-office .handling-site{border: 1px solid #E85169; border-radius: 8px; padding: 24px 20px; margin: 15px; list-style: none;} .recommended-office .handling-site li{position: relative; padding-left: 32px; color: #545454;} .recommended-office .handling-site li::before, .recommended-office .handling-site li::after{content: ""; display: block; height: 5px; width: 10px; background: #E85169; border-radius: 10px; transform: rotate(45deg); position: absolute; left: 6px; top: 4px; bottom: 0px; margin: auto;} .recommended-office .handling-site li::after{transform: rotate(-45deg); width: 16px; left: 10px; bottom: 2px;} .recommended-office .explanation{margin-top: 10px;} /* カテゴリーナビリスト -------------------------------------- */ .category_nav_area{margin: 12px;} .category_nav_list{display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; padding: 0; margin: 0;} .category_nav_list li{width: 48%; margin-bottom: 12px;} .category_nav_list a{text-align: center; background: #f9bb1a; display: block; padding: 8px; font-size: 14px; border-radius: 8px; color: #fff; text-decoration: none; transition: opacity .3s;} .category_nav_list img{width: auto; height: 20px; margin: 0 auto 8px;display: block;} /* 固定ページ用 デザイン CSS -------------------------------------- */ .title_list_01 .title{color: #E85169; border-bottom: solid 1px #E85169; padding-bottom: 12px; font-size: 100%;} .title_list_01 ul{margin: 16px 0 0; padding: 0; border: none; list-style: none;} .title_list_01 ul li{position: relative; padding-left: 32px; color: #545454; font-size: 95%;} .title_list_01 ul li::before, .title_list_01 ul li::after{content: ""; display: block; height: 5px; width: 10px; background: #E85169; border-radius: 10px; transform: rotate(45deg); position: absolute; left: 6px; top: 4px; bottom: 0px; margin: auto;} .title_list_01 ul li::after{transform: rotate(-45deg); width: 16px; left: 10px; bottom: 2px;} /* カスタムブロック(Lazy Blocks) デザイン CSS -------------------------------------- */ .wp-block-lazyblock-block-simple-box-point{margin: 40px auto; padding: 30px 30px 50px;width: 80%;} .wp-block-lazyblock-block-simple-box-point .title{color: #ff5407; font-size: 20px; position: relative; padding: 10px;text-align:center;} .wp-block-lazyblock-block-simple-box-point .title::before{content: ""; position: absolute; left: 0; top: -60px; height: 64px; width: 32px; background: url(images/icon_point_o.png); background-repeat: no-repeat; background-size: 100%; background-position: center; right: 0; margin: auto;} #r_main .wp-block-lazyblock-block-simple-box-point p{padding: 0; margin: 16px 0 0;} .wp-block-lazyblock-block-simple-box-check{margin: 40px auto; padding: 30px 30px 50px;width: 80%;} .wp-block-lazyblock-block-simple-box-check .title{color: #ff5407; font-size: 20px; position: relative;padding: 10px;text-align:center;} .wp-block-lazyblock-block-simple-box-check .title::before{content: ""; position: absolute; left: 0; top: -60px; height: 64px; width: 90px; background: url(images/icon_check_o.png); background-repeat: no-repeat; background-size: 100%; background-position: center; right: 0; margin: auto;} #r_main .wp-block-lazyblock-block-simple-box-check p{padding: 0; margin: 16px 0 0;} .wp-block-lazyblock-block-chat-balloon{margin: 40px 20px;} .wp-block-lazyblock-block-chat-balloon .chat_balloon_item + .chat_balloon_item{margin-top: 35px;} .wp-block-lazyblock-block-chat-balloon .left{display: flex;justify-content: space-between;} .wp-block-lazyblock-block-chat-balloon .right{display: flex;flex-direction: row-reverse; justify-content: space-between;} .wp-block-lazyblock-block-chat-balloon .icon img{width: 80px; height: 80px; border-radius: 50%; overflow: hidden; object-fit: cover; box-sizing: border-box;} #r_main .wp-block-lazyblock-block-chat-balloon p{position: relative; border: solid 1px #d4d4d4; margin: 0; padding: 16px; width: calc( 100% - 96px ); border-radius: 16px; box-sizing: border-box;} #r_main .wp-block-lazyblock-block-chat-balloon p::before, #r_main .wp-block-lazyblock-block-chat-balloon p::after{content: ""; position: absolute; width: 0; height: 0; border-style: solid;} #r_main .wp-block-lazyblock-block-chat-balloon .left p::before{top: 33px; left: -10px; border-width: 10px 10px 10px 0; border-color: transparent #d4d4d4 transparent transparent;} #r_main .wp-block-lazyblock-block-chat-balloon .left p::after{top: 35px; left: -8px; border-width: 8px 8px 8px 0; border-color: transparent #fff transparent transparent;} #r_main .wp-block-lazyblock-block-chat-balloon .right p::before{top: 33px; right: -10px; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #d4d4d4;} #r_main .wp-block-lazyblock-block-chat-balloon .right p::after{top: 35px; right: -8px; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #fff;} .wp-block-lazyblock-step ol{width: 90%; margin: 50px auto 40px; padding: 0 20px; counter-reset: count; border: none;} .wp-block-lazyblock-step ol li{list-style: none; position: relative; padding: 20px; margin: 0 0 20px;} .step-repeat-title{font-size: 150%; font-weight: 700;margin: 20px 0 10px;} .step-repeat-label{padding: 3px 20px 3px 15px; color: #fff; font-weight: bold; position: absolute; top: -18px; left: -20px; background: #E85169; border-radius: 20px; box-shadow: 5px 0px 0 #fff; z-index: 1;} .step-repeat-label::after{counter-increment: count; content: counter(count); position: relative; left: 0.3em;} #r_main .step-repeat-item p{margin: 10px 0 10px 2em; padding: 0;} .step-repeat-item::before{content: ""; display: block; position: absolute; bottom: 0; left: -10px; border-style: solid; border-width: 17px 8px 0 8px; border-color: #ddd transparent transparent transparent;} .step-repeat-item::after{content: ""; display: block; height: calc(100% - 36px); border-left: dashed 4px #ddd; position: absolute; top: 16px; left: -4px;} .step-repeat-list > :last-child::before, .step-repeat-list > :last-of-type::after{display: none;} .wp-block-lazyblock-arrow-link{padding: 0 10px 10px; margin: 0 10px 10px; line-height: 2.2em;} .wp-block-lazyblock-arrow-link a::before{content:""; position:absolute; top:0; left:0; width:10px; height:16px; background: url(img/icon-arrow-right.svg) center no-repeat;} /* ソート機能 CSS -------------------------------------- */ .boxes_sort_area{max-width: 860px; margin: 0 20px 80px;} .boxes_sort_btn{display: block; max-width: 240px; text-align: center; background-color: #E85169; color: #fff; line-height: 40px; margin: 0 auto; border-radius: 8px; position: relative; z-index:11;} .boxes_sort_btn::before,.boxes_sort_btn::after{content: ""; position: absolute; right: 16px; top: 0; bottom: 0; height: 2px; width: 12px; background: #fff; margin: auto;} .boxes_sort_btn::after{transform: rotate(90deg); transition: .25s;} input.boxes_sort_check{display: none;} .boxes_sort{margin: -20px auto 0; max-height: 0; overflow: hidden; transition: .25s ease-in-out; padding: 40px 20px 12px 20px; border: 1px solid #E85169; border-radius: 8px; visibility: hidden; height: 0; opacity: 0; padding-top: 0; padding-bottom: 0; border-width: 0 1px 0 1px; position: absolute; background-color: #fff; width: 80%; box-sizing: border-box; left: 0; right: 0; z-index: 10;} input.boxes_sort_check:checked ~ .boxes_sort{max-height: 9999px; visibility: visible; opacity: 1; height: auto; padding-top: 40px; padding-bottom: 12px; border: 1px solid #E85169;} #boxes_tag{list-style: none; display: flex; flex-wrap: wrap; padding: 0; margin: 0;} #boxes_tag li{border: 1px solid #df798a; border-radius: 15px; color: #df798a; cursor: pointer; margin: 0 8px 8px 0; font-size: 14px; padding: 2px 20px;list-style:none;} /* 2025.04.23 追加*/ #boxes_tag li.no-result{border:1px solid #66666654;border-radius:15px;color: #66666654;cursor: pointer;margin:0 8px 8px 0;font-size: 14px;padding:2px 20px;list-style:none;} /* 2025.05.09 追加 */ .boxes_sort{position:static;} input.boxes_sort_check:checked ~ .boxes_sort{padding:40px 20px 20px;} #boxes_tag{gap:8px;justify-content:center;} #boxes_tag li,#boxes_tag li.no-result{margin:0;} #boxes_tag li[data-btn-selected="selected"]{background-color:var(--main-color);color:#fff;} /* 監修者 CSS -------------------------------------- */ #sv_post{border: 1px solid #efefef;border-radius: 4px;padding: 20px;width: 90%;margin: 20px 5%;height: auto;} #sv_post h2{font-size: inherit;padding: 0 0 0 10px;margin: 0 0 0 10px;height: inherit;background: inherit;} #sv_post .post-thum{background: inherit;overflow: inherit;display: block;max-height: 320px;} #sv_post .post-thum img{height: 100%;border-radius: 10px;} #sv_post .blog_info{background: none;margin: 0 0 0 100px;width: 100%;} #sv_post .post-text{padding: 10px 0 0;} #sv_post .post-text p{font-size: 12px;line-height: 24px;margin: 0;padding: 0;} /* 監修者一覧・ブロック -------------------------------------- */ .sv_post_wrapper{position: relative;background: #E9F5F7;padding: 24px 0;margin-top: 80px;} .sv-sec-wave{position: absolute;width: 100%;height: 40px;top: -40px;left: 0;} .post-flex.sv{width: 100%;max-width: 900px;} #supervisors_post .post-title{font-size: inherit;height: inherit;padding: 0;margin: 0 0 10px 0;display: inline-block;text-align: left;background: #FAFEFF;transition: .3s;} #supervisors_post .post-title a{display: inline-block;position: relative;color: #E85169;text-decoration: none;} #supervisors_post .sv_thum_text_flex{display: flex;justify-content: space-between;align-items: flex-start;} #supervisors_post .post-thum{background: inherit;overflow: inherit;display: block;height: auto;width: auto;margin: 0;} #supervisors_post .post-thum img{width: 100px;height: auto;border-radius: 10px;position: unset;box-shadow: 8px 8px #bedfe8;} #supervisors_post .post-text{padding: 0;height: auto;width: calc(100% - 120px);} #supervisors_post .post-profile{font-size: 12px;line-height: 24px;margin: 0;padding: 0;} #supervisors_post .sv_thum_text_flex .post-profile a{display: block;padding: 8px 24px;background: #fff;width: fit-content;margin: 6px 0 0 auto;background: #fff;color: #E85169;text-decoration: none;text-align: center;border: solid 1px #E85168;box-shadow: 0 2px 0 #E85169;max-width: 216px;box-sizing: border-box;border-radius: 9999px;} .wp-block-lazyblock-supervisor{width: 90%;height: 60px;overflow: hidden;padding: 0;border: 1px solid #eaeaea;background-color: #fffa;margin: 0 auto 0;box-sizing: border-box;border-radius: 4px;position: absolute;max-width: 500px;top: -72px;left: 0;right: 0;backdrop-filter: blur(8px);} .wp-block-lazyblock-supervisor:before{display: block;content: " ";background-image: url(img/icon_supervisor.png);position: absolute;right: 4px;top: -1px;height: 80px;width: 15px;background-size: 100%;background-repeat: no-repeat;filter: drop-shadow(2px 2px 0px #eaeaea);} .supervisor-flex{display: flex;align-items: center;} .supervisor-flexR{width: calc(76% - 16px);margin-left: 16px;font-size: 12px;} .supervisor-icon{position: relative;z-index: 0;width: 24%;max-width: 100px;} .supervisor-icon a{height: 60px;display: block;} .supervisor-icon img{width: 100%;height: 100%;object-fit: cover;} .supervisor-name{color: #777;} .supervisor-text{color: #E85169;} .supervisor-text a{text-decoration: none;color: #E85169;transition: .3s;} /* チャトレJP TV CSS -------------------------------------- */ .chat-tv-sec{position: relative; padding: 40px 0 80px;} #r_main .chat-tv-sec:first-of-type{margin-top: 80px;} .tv-sec-01{background: #F7E4E4;} .tv-sec-02{background: #F5EFDF;} .tv-sec-03{background: #E9F5F7;} .tv-sec-wave{position: absolute; width: 100%; height: 40px; top: -40px; left: 0;} .tv-sec-01 .tv-sec-wave-path{fill: #F7E4E4;} .tv-sec-02 .tv-sec-wave-path{fill: #F5EFDF;} .tv-sec-03 .tv-sec-wave-path{fill: #E9F5F7;} #r_main .chat-tv-sec h3{margin-top: 0; background-image: url(https://chat-lady.jp/blog/wp-content/themes/CLJPcstm/img/front-h-icon.webp); background-position: top center; background-repeat: no-repeat; background-size: auto 20px; padding: 20px 0 0; margin: 0;} .wp-block-lazyblock-chat-tv-list-block{padding: 0 15px 16px; overflow: scroll;} .chat-tv-list{list-style: none; padding: 0; margin: 32px 0 0;} .chatlady-tv .chat-tv-list{display: flex;} .chat-tv-list li{padding: 0 8%; min-width: 72%; display: flex; flex-direction: column; position: relative; box-sizing: border-box;} .chatlady-tv .chat-tv-list li{padding: 0 20px;} .chat-tv-list li:last-child::after{content: ""; position: absolute; top: 0; right: -15px; width: 15px; height: 1px;} .chat-tv-list li + li{margin-top: 40px;} .chatlady-tv .chat-tv-list li + li{margin: 0 0 0 16px;} .chat-tv-thumb{position: relative;} .chat-tv-thumb-inner{position: relative; font-size: 0;} .chat-tv-thumb::before{content: ""; position: absolute; top: -6%; left: -8%; width: 116%; height: 112%; background: url(/blog/wp-content/themes/CLJPcstm/img/chat-tv-bg-01.webp) center / 100% no-repeat;} .chatlady-tv .chat-tv-thumb::before{top: -10px; left: -20px; width: calc(100% + 40px); height: calc(100% + 20px);} .tv-sec-02 .chat-tv-thumb::before{background: url(/blog/wp-content/themes/CLJPcstm/img/chat-tv-bg-02.webp) center / 100% no-repeat; top: -10px; left: calc(22% + -20px); width: calc(56% + 40px); height: calc(100% + 20px);} .tv-sec-03 .chat-tv-thumb::before{background: url(/blog/wp-content/themes/CLJPcstm/img/chat-tv-bg-03.webp) center / 100% no-repeat;} .chat-tv-list img{border: solid 4px #fff; border-radius: 4px; box-shadow: 0 3px 6px rgba(0,0,0,.16); max-width: 100%; aspect-ratio: 16 / 9; object-fit: cover; box-sizing: border-box;} .tv-sec-02 .chat-tv-list img{aspect-ratio: 9 / 16; width: 56%; margin: 0 auto; display: block;} .chat-tv-item .chat-tv-title{color: #E85169; border-bottom: solid 1px #E85169; margin: 16px 0; padding: 0 0 8px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} .chat-tv-item .chat-tv-text{font-size: 14px; color: #32373C; line-height: 1.9em; margin: 0 0 16px;} .chat-tv-item .chat-tv-link{margin-top: auto; text-align: center;} .chat-tv-item .chat-tv-link a{background: #fff; padding: 11px; color: #E85169; display: inline-block; text-decoration: none; text-align: center; border: solid 1px #E85168; box-shadow: 0 2px 0 #E85169; max-width: 216px; width: 100%; box-sizing: border-box; border-radius: 24px; font-size: 0.8rem;} .chat-tv-sec .center-btn{margin: 32px auto 0;} /* 202408 add */ .category-nav-area{box-sizing:border-box;width:90%;margin:0 auto 30px;border-radius:3px;padding:30px 1% 10px;background-color:#f8f8f8} .category-nav-list{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0} .category-nav-list li{box-sizing:border-box;width:49%;margin:0 0 20px 2%} .category-nav-list li:nth-child(odd){margin:0 0 20px 0} .category-nav-list li a{position:relative;color:#fff;font-size:90%;height:46px;line-height:44px;border-radius:23px;box-sizing:border-box;display:block;text-align:center;border:rgb(0 0 0 / 14%) 1px solid;border-bottom:rgb(0 0 0 / 16%) 3px solid;text-decoration:none;background-color:#878787;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%);padding-left:10px} .category-nav-list li:nth-child(1) a,.category-nav-list li:nth-child(6) a{padding-left:16px} .category-nav-list li a::before{position:absolute;content:"";left:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px;height:20px;z-index:2} .category-nav-list li:nth-child(2) a::before{left:20px;width:21px;height:26px;background:url(/img/icon_cat_2.webp) no-repeat center center / 100%} .category-nav-list li:nth-child(3) a::before{left:18px;width:16px;height:26px;background:url(/img/icon_cat_3.webp) no-repeat center center / 100%} .category-nav-list li:nth-child(4) a::before{left:16px;width:30px;height:30px;background:url(/img/icon_cat_4.webp) no-repeat center center / 100%} .category-nav-list li:nth-child(5) a::before{left:20px;width:24px;height:24px;background:url(/img/icon_cat_5.webp) no-repeat center center / 100%} .category-nav-list li:nth-child(6) a::before{left:18px;width:17px;height:26px;background:url(/img/icon_cat_6.webp) no-repeat center center / 100%} .category-nav-list li:nth-child(7) a::before{left:18px;width:26px;height:24px;background:url(/img/icon_cat_7.webp) no-repeat center center / 100%} .category-nav-list li:nth-child(8) a::before{left:18px;width:16px;height:26px;background:url(/img/icon_cat_8.webp) no-repeat center center / 100%} .category-nav-list li a:hover{background-color:#979797;color:#fff} /*202412_面接予約画面修正 吉田さんより修正依頼*/ /*20250106更新*/ #mail_Form{} #mail_Form p{line-height:1.8em!important;font-size: 12px!important;margin: 0!important;} #r_main dl#mail_#mail_Form dd span[data-name="switch"] .wpcf7-checkbox .wpcf7-list-itemForm p{margin: 0!important;} #mail_Form dd{padding: 12px !important;} #mail_Form dt{line-height: 1.7!important;text-align: initial !important;font-weight: 800 !important;margin:0 0 3px!important ;} #r_main #mail_Form dt p{font-size: 15px !important;letter-spacing:0!important;display: inline-block !important;} .required:after{position: absolute!important;margin-left: 5px!important;top: 0px!important;left: initial!important;font-size: 12px !important;padding: 0 5px !important;min-width: 25px;text-align: center;} #mail_Form dd span input, #mail_Form dd span select{} #mail_Form dd span[data-name="switch"] .wpcf7-checkbox .wpcf7-list-item{} #mail_Form dd span[data-name="switch"] .wpcf7-checkbox .wpcf7-list-item-label{font-size: 13px!important;} #mail_Form dd span[data-name="switch"] .wpcf7-checkbox input{min-height: 20px;min-width: 20px;margin-right: 0px;} #mail_Form dd span.wpcf7-checkbox{--line-height: 33px!important;margin-bottom: 11px!important;} #mail_Form dd span[data-name="switch"] .wpcf7-checkbox input{margin: 0 !important;} #mail_Form dd input, #mail_Form dd select, #mail_Form dd textarea{} #mail_Form input.wpcf7-form-control.wpcf7-submit.has-spinner.submit{font-size: 12px !important;margin: 0 !important;} /*通勤エリア　応募者の声*/ .category-area_voice{width: 100%;padding: 0 3%;box-sizing: border-box;background-color: #fff;color: #525252;} .category-area_voice h2{color: #5B5B5B;font-size: 32px;padding: 0 0 40px 0;min-height: 38px;line-height: 1.8em;margin: 90px auto 50px;background-image: url(/img/h2-main-area.webp);background-repeat: no-repeat;background-position: right bottom;background-size: auto 38px;text-align: center;} .category-area_voice .voice_inner{width: 100%;margin-top: 80px;border-radius: 10px;background: url(https://chat-lady.jp/blog/wp-content/themes/CLJPcstm/img/voice_background_cork.webp);background-repeat: repeat;background-size: auto;text-align: center;background-repeat: repeat-y;background-size: 100%;} .voice_comment_point{width: 100%;position: relative;height: auto;background: #fff;box-shadow: 0 3px 6px #D9D7D7;display: block;max-width: inherit;z-index: 1;padding: 16px;margin: 40px auto 60px !important;} .category-area_voice .voice_inner .background_rgba{padding: 40px 3% 40px 3%;} /* インタビューページ改修 */ .interview .index-top{width:min(100%,850px);} .interview .index-top .post-text-single p{max-width:100%;box-sizing:border-box;} .interview .boxes_sort_btn{background-color:#5ab2bb;} .interview #boxes_tag{justify-content:center;} .interview #boxes_tag li:not(.no-result){border-color:#5ab2bb;color:#5ab2bb;} .interview #boxes_tag li[data-btn-selected="selected"]{background-color:#5ab2bb;color:#fff;} .interview #boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px 24px;width:90%;margin:0 auto;} .interview div.post{border:none;margin:0;width:auto;padding:0;box-shadow:none;position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 2;row-gap:0;} .interview div.post *{box-sizing:border-box;} .interview_box_up{width:96%;margin:0 auto;border-radius:5px 5px 0 0;padding-top:12px;background:linear-gradient(25deg,#ededed,#fffefe,#fff,#edebeb,#fdfdfd,#e7e7e7,#F3F3F2);display:flex;flex-direction:column;} .interview div.post h2{border:none;font-size:120%;font-weight:400;padding:1em 0;width:90%;height:auto;flex-grow:1;display:flex;margin:0 auto;align-items:center;} .interview div.post h2.title a{line-height:1.5em;color:#545454;} .interview div.post .post-thum{border:none;height:auto;width:90%;margin:0 auto;border-radius:5px;} .interview div.post .post-thum img{aspect-ratio:3 / 2;} .interview div.post:before{content:none;} .interview_area{display:inline-block;padding:.5em 2em;background:#84c0c6;color:#fff;position:absolute;top:0;left:2%;z-index:1;border-radius:5px 0;font-weight:600;font-size:90%;letter-spacing:.2em;} .interview div.post .post-text{position:relative;height:auto;} .interview#r_main div.post .post-text p{font-size:90%;padding:1em 1.5em 1.5em;margin:0;box-shadow:3px 3px 6px rgba(52,52,52,.1);height:100%;display:flex;flex-direction:column;justify-content:space-between;} .interview div.post span.btn{width:fit-content;min-width:0;max-width:none;height:auto;line-height:1.5em;margin:1em auto 0;font-size:90%;} .interview div.post span.btn a{height:100%;width:100%;padding:1em 2em;letter-spacing:.1em;position:relative;} /*6/25 グーテンベルグ figureが挿入される事によるデザイン調整*/ #r_main .text-box figure.center{margin: 0 auto;} /*差し替え対象　→　#r_main .text-box img.center*/ #r_main .text-box h5{margin: 0;} }