/* Theme Name: Fairy Theme URI: https://example.com Author: Your Name Description: Fairy theme Version: 1.0 Text Domain: fairy */ html{background-image: linear-gradient(90deg, rgba(255,134,255, 0.1) 20%, rgba(42,240,255, 0.1) 80%);} *{font-family: 'Noto Sans JP','Shippori Mincho B1', serif;} img{width: 100%;} .sp{display: none;} .pc{display: block;} body{margin:0;padding: 0;overflow-x:hidden; } a{color:#555;text-decoration: none;transition: 0.5s;} a:hover{color:#e88660;} hr{height: 1px;display: block;width: 100%;border: none;border-top: dotted 1px #e88660;outline: none;margin:0;padding:0;} .bk{background: rgba(230,163,142,0.1)} .block{max-width: 1200px;margin:0 auto;position: relative;} .w100{width: 100% !important;} .w600{max-width: 600px;margin:0 auto;} .w800{max-width: 800px;margin:0 auto;} .w1000{max-width: 1000px;margin:0 auto;} .widthmini{max-width: 600px;margin:0 auto;} .copy{line-height: 200%;} .copy strong{font-weight: bold;} .w2{width: 18%} .w3{width: 28%} .w3_3{width: 32% !important;display: flex;justify-content: center;align-items: center;} .w4{width: 38%} .w5{width: 48%} .w6{width: 58%} .w7{width: 68%} .w8{width: 78%} .tl {text-align: center;font-family: 'Shippori Mincho B1', serif;margin-bottom: 50px;} .tl span{font-family: 'Red Hat Display', sans-serif;font-size: 50px;-webkit-text-stroke: 1px #e88660;text-stroke: 1px #e88660;color:#f7eae7;display: block;} table{border-collapse: collapse;width: 100%;} table th, table td{border-top: solid 1px #666;border-bottom: solid 1px #666;padding:20px 0;text-align: center;} table th{font-weight: bold;} table .red{font-weight: bold;background: rgba(170,0,18,0.1);} table th{border-top: solid 1px #e88660;border-bottom: solid 1px #e88660;width: 25%;text-align: left;color:#e88660} table td{text-align: left;} table td a{color:#3bb9e9;text-decoration: underline;} .flex{display: flex;justify-content: space-between;align-items: center;} .pt0{padding-top: 0 !important} .pt30{padding-top: 30px !important} .pb0{padding-bottom: 0 !important} .mb0{margin-bottom: 0 !important} .mb5{margin-bottom: 5px !important} .mb15{margin-bottom: 15px !important} .mb30{margin-bottom: 30px !important} .mb50{margin-bottom: 50px !important} .mb80{margin-bottom: 80px !important;} .ru{border-radius: 10px;overflow: hidden;} .box{padding:100px 0;} .box02{padding:0px 0 100px;} .shadow{box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.3);} .red{color:rgba(170,0,18,1);} .center{text-align: center;line-height: 180%;} .right{float:right;} .left{text-align:left;} .bold{font-weight: bold;} .arw a{text-indent: -0.9em;margin-left: 0.9em;} .arw a:before{content: ">";margin-right: 2px;} .fade{transition: all 1.5s ease;opacity: 0;} .fadeleft{transition: all 3s ease;opacity: 0;transform: translateX(500px);} .fadeleft1{transition: all 1.5s ease;opacity: 0;transform: translateX(200px);transition-delay: 1s;} .fadeleft2{transition: all 1.5s ease;opacity: 0;transform: translateX(200px);transition-delay: 1.5s;} .fadeleft3{transition: all 1.5s ease;opacity: 0;transform: translateX(200px);transition-delay: 2s;} .fadeup{transition: all 1.5s ease;opacity: 0;transform: translateY(100px);} .anista{opacity : 1!important;transform: translate(0);} .btn {text-align: center;} #paymentPanel button, #nextAndReturnPanel button, #bottomPanel > button, .btn a, .btn input{color:#fff;background:#e88660 ;padding:20px 0;display: block;margin:0 auto ;position: relative;max-width: 460px;cursor: pointer;border-radius: 10px;text-align: center;font-size: 20px;transition: 0.5s;border: solid 3px #fff;border-radius: 100px;letter-spacing: 0;position: relative;margin:0 auto} .btn a:hover, .btn input:hover{border: solid 3px #e88660;} .btn a:after{content: "";display: block;background: url(./img/arw.svg) center center no-repeat;width: 15px;height: 10px;position: absolute;top:43%;right: 10%;transition: 0.5s;} .btn a:hover:after{right: 7%} #head{width: 100%;position: fixed;top:0;left: 0;z-index: 9999;transition: 0.5s;background: transparent;} #head.fixed{background: #fff;box-shadow: 0 0 8px rgba(0,0,0,0.2)} #head #logo{margin:0 0 0 30px ;width: 150px;transition: 0.5s;opacity: 0;} #head #logo span{background: #e88660;color:#fff;padding:5px 0;text-align: center;color:#fff;letter-spacing:0;display: block;line-height: 100%;margin-top: 10px;font-size: 12px;transition: 0.5s;} #head .hd_btn{display: flex;width: 20%;transition: 0.5s} #head .hd_btn li{width:50%;} #head .hd_btn li a{display: flex;height: 134px;text-align: center;background:#e88660;color:#fff;align-items:center;justify-content:center; border: solid 1px #e88660;transform: 0.5s} #head .hd_btn li:nth-child(1) a{background: #e08087;margin-right: 1px;border: solid 1px #e08087;} #head .hd_btn li a:hover{background: #fff;color:#e88660} #head #nav{flex-direction: column-reverse;display: flex;flex-grow: 2;padding-right: 20px} #head ul.nav{text-align: right;display: flex;justify-content: flex-end;font-size: 18px;} #head ul.nav li{margin:0 20px 0 0} #head ul.nav li a{padding:8px 0;display: block;} #head ul.nav02 {font-size: 16px;} #head ul.nav li a { padding-bottom: 5px; position: relative;} #head ul.nav li a::before { background: #e88660; content: ''; width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; margin: auto; transform-origin: right top; transform: scale(0, 1); transition: transform .3s;} #head ul.nav li a:hover::before { transform-origin: left top; transform: scale(1, 1);} #head.fixed #logo{width: 100px;opacity: 1} #head.fixed a{font-size: 80%;} #head.fixed .hd_btn li a{height: 98px;} #head.fixed #logo span{display: none;opacity: 0} #head.fixed .hd_btn{width: 15%;} .page-template-page-index #head ul.nav01 li:nth-child(1) a, .page-template-page-lineup #head ul.nav01 li:nth-child(2) a, .single-item #head ul.nav01 li:nth-child(2) a, .page-template-page-service #head ul.nav01 li:nth-child(3) a, .page-template-page-shop #head ul.nav01 li:nth-child(4) a, .blog #head ul.nav01 li:nth-child(5) a, .archive #head ul.nav01 li:nth-child(5) a, .single-post #head ul.nav01 li:nth-child(5) a, .page-template-page-index #head ul.nav01 li:nth-child(6) a, .page-template-page-company ul.nav02 li:nth-child(1) a, .page-template-page-recruit ul.nav02 li:nth-child(2) a, .page-template-page-faq ul.nav02 li:nth-child(3) a, .page-template-page-contact ul.nav02 li:nth-child(4) a {color:#e88660;} #mainview{background: #fcede7;position: relative;padding-top:150px;overflow:hidden; width: 100%} #mainview ul li{position: absolute;bottom: 0;width: 30%;z-index: 1;right: 40%;line-height: 0;} #mainview ul li:nth-child(2){width: 35%;right: 12%;z-index: 3} #mainview ul li:nth-child(3){width: 35.5%;right: -10%;z-index: 2} #mainview p.logo{width: 26%;left: 5%;position: relative;z-index: 4;margin-bottom:6%;} #mainview p.open{width: 52%;left: 5%;position: relative;z-index: 4;padding-bottom:2%;} #mainview p.day{width: 10%;left: 44%;position: absolute;z-index: 4;bottom:13.5vw;animation: furu 2.2s infinite;} @keyframes furu { 0% { transform: translate(0px, 0px) rotateZ(0deg) } 2% { transform: translate(2px, 2px) rotateZ(2deg) } 4% { transform: translate(0px, 2px) rotateZ(0deg) } 6% { transform: translate(2px, 0px) rotateZ(-2deg) } 8% { transform: translate(0px, 0px) rotateZ(0deg) } 10% { transform: translate(2px, 2px) rotateZ(2deg) } 12% { transform: translate(0px, 0px) rotateZ(0deg) } 14% { transform: translate(2px, 0px) rotateZ(-2deg) } 16% { transform: translate(0px, 2px) rotateZ(0deg) } 18% { transform: translate(0px, 0px) rotateZ(0deg) } 100% { transform: translate(0px, 0px) rotateZ(0deg) } } #bnr{max-width: 1200px;margin: 100px auto 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);} #bnr a{transition: 0.5} #bnr a:hover{opacity: 0.8} .tenjikai{border-radius: 5px;border: solid 3px #e08087;max-width: 800px;margin:0 auto;margin-top: 100px;} .tenjikai h2{background: #e08087;color:#fff;font-size:120%;text-align:center;padding:10px 0 } .tenjikai ul{background: #fff;padding: 5px 30px;} .tenjikai ul li{border-bottom: dotted 1px #e08087;} .tenjikai ul li:last-child{border-bottom: none;} .tenjikai ul li a{padding:6px 0;display: block;background: url(./img/arw2.svg) center right no-repeat;background-size: 15px 10px} .tenjikai ul dl{display: table;} .tenjikai ul dl dt,.tenjikai ul dd{display: table-cell;} .tenjikai ul dl dt{width:20em;font-weight: bold;} #top_event{padding-top: 100px;} #top_event h2{background: #e08087;color:#fff;font-size:120%;text-align:center;padding:10px 0 ;} #top_event .flex{flex-wrap: wrap;align-items: flex-start;} #top_event li{width: 23.5%;margin-top: 20px} #top_event li strong{font-weight: bold;display: block;} #top_event li img{margin-bottom: 10px} #top_event h3{color:#fff;font-size:120%;text-align:center;padding:6px 10px;border-radius: 5px;margin-bottom: 5px;line-height: 100%;} .slick{overflow:hidden} .slick-list {overflow: inherit !important;} .autoplay {position: relative;z-index: 2} .slick .btn{position: relative;z-index: 2} .autoplay li{padding: 0 8%;} .autoplay .slick-slide:nth-child(even){margin-top: 50px;} .autoplay li a{display: block;} .autoplay li img{padding:0 0 3%;} .slick{position: relative;} .slick .bk{background: url(./img/in_bk01.png) no-repeat center center;width:95%;height:500px;;display: block;background-size: cover;position: absolute;bottom:0;right: 0;} .brand_list li{width: 48%} .collection {background: url(./img/in_bk02.png) no-repeat center bottom;background-size: cover;} .collection ul li{width: 256px;} .collection ul {width: 900px;margin:0 auto;} .collection ul h3 {font-size: 24px;text-align: center;padding:15px 0 0} .collection ul .btn a {padding:10px 0;font-size: 18px;} .collection ul .btn a:after {top:38%} .plan{background: url(./img/in_bk03.png) no-repeat center bottom;background-size: 100%;} .plan li{position: relative;width: 33.25%;text-align: center;} .plan li p{width: 120px;position: absolute;top:10px;left:10px;} .plan li a{display: block;} .plan li a .thum{position: relative;display: block;} .plan li a .mask{background: rgba(192,2,15,0.2);display: block;position: absolute;top:0;left:0;width: 100%;height: 100%;transition: 0.5s} .plan li:nth-child(2) a .mask{background: rgba(138,188,219,0.2);} .plan li:nth-child(3) a .mask{background: rgba(0,134,58,0.2);} .plan li a:hover .mask{background: transparent;} .plan li h3{padding:20px 0;text-align: center;background:rgba(224,128,135,1);color:#fff;font-size:24px; position: relative;} .plan li:nth-child(2) h3{background: rgba(138,188,219,1);} .plan li:nth-child(3) h3{background: rgba(127,194,156,1);} .plan li h3 span{font-size:18px;display:block; } .plan li h3:after{content: "";display: block;background: url(./img/arw.svg) center center no-repeat;width: 15px;height: 10px;position: absolute;top:43%;right: 10%;transition: 0.5s;} .plan li a:hover h3:after{right: 8%} .brand{background: url(./img/bra_bk.png) no-repeat center bottom;background-size: cover;} .brand .block{background: url(./img/bra_bk.png) no-repeat center bottom;background-size: cover;} .brand li{width: 48%;} .value {background: url(./img/in_bk05.png) no-repeat center bottom;background-size: cover; } .value li{position: relative;} .value dl {display: flex;justify-content: flex-start;align-items: center;background: url(./img/in_bk04.png) center center repeat;padding:20px 50px;color:#fff;margin-bottom: 15px;min-height: 220px; } .value li:last-child dl {margin-bottom: 0; } .value dl dt{font-size: 30px;font-weight: bold;width: 35%;border-right: solid 1px #fff;} .value dl dd{padding-left: 50px;} .value dl li{padding: 8px 0;} .value dl li strong, .value dl li span{display: block;line-height: 120%;} .value dl li strong{font-size: 40px;color:#fff000;} .value li p{position: absolute;width: 235px;right: 20px;top:-8px;} .value li:nth-child(2n) p{right: 150px;} .omoi {background: url(./img/in_bk06.png) no-repeat center center;background-size: cover;} .omoi ul{display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 40px;padding-bottom: 140px;} .omoi li{width: 40%;padding:20px 30px;letter-spacing: 0;background: #fff;border: solid 3px #e88660;margin: 0 0 20px} .omoi li dl dt{color:#e88660;font-size: 24px;font-weight: bold;margin-bottom: 10px;text-align: center;} .omoi li dl dd{line-height: 180%;} .omoi li:nth-child(3), .omoi li:nth-child(4){margin: 0} .kyara_area {position: relative;} .omoi p.kyara{position: absolute;width: 329px;top:0;left: 50%;margin-left: -174px} .news_area{background: rgba(230,163,142,0.1)}. .news_area .flex{align-items: flex-start !important;} .news_area li{width: 23%;letter-spacing: 0} .news_area li span{display: block;} .news_area li img{margin-bottom: 10px;} .news_area li h3{color:#e88660;font-size: 20px;background: linear-gradient(#e88660,#e88660) 0 100%/0 1px no-repeat; transition: background .5s; display: inline;} .news_area li a:hover h3 {background-size: 100% 1px;} .insta{background: #fff;} #conversion{padding:50px;text-align: center;color:#fff;background: linear-gradient(90deg, rgba(224,128,135,1) 20%, rgba(232,134,96,1) 80%);} #conversion h2{padding:0 0 20px;font-size: 30px;} #conversion .flex {justify-content: center;} #conversion .flex li:nth-child(1) a{background: #e08087;} #conversion .flex li:nth-child(1) a:hover{border-color: #e08087;} #conversion .flex li a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3)} #conversion .flex li{width: 460px;margin:0 20px} #foot{padding:30px;} #foot .flex p.flex img{width: 180px;margin-right: 20px} #foot .flex p.flex{justify-content: flex-start;align-items: center;} #foot .flex ul.flex{justify-content: flex-end;} #foot .flex ul.flex li{margin-left: 15px} #foot .flex ul.flex a{display: block;padding:8px 0;font-size: 18px;} #foot .flex ul.flex.bottom a{font-size: 16px;} #foot dl{justify-content: flex-end;padding-top: 20px;} #foot dl dd{width: 207px;margin-left: 10px;} #copyright{font-size: 14px;text-align: center;padding:50px 0 100px;border-top: solid 1px #ccc;letter-spacing: 0} /*second*/ #second #head #logo{opacity: 1;} #second #mainview {height: 33vw;display: flex;padding:0;align-items: center;} #second #mainview h1{font-size: 4vw;color:#fff;width: 1200px;margin: 0 auto;letter-spacing: 0.2em;line-height: 100%;} #second #head{background: #fff;} /*lineup*/ .page-template-page-lineup #mainview {background: url(./img/line_main.png) no-repeat center center;background-size: cover;} #second .collection{width: 1200px;margin:0 auto;border:double 4px #e88660;background: url(./img/in_bk02.png) no-repeat center bottom #fff;background-size: cover;} #second .collection.box{padding:50px 0;margin-bottom:100px;} .lineup .flex{justify-content: flex-start;flex-wrap: wrap;align-items: flex-start;} .lineup li{width: 22%;margin-right: 4%;margin-bottom: 4%;} .lineup li:nth-child(4n){margin-right: 0;} .lineup li a{display: block;} .lineup li a img{border-radius: 10px;margin-bottom: 10px;} .lineup li a h3{font-size: 20px;font-weight: bold;margin-bottom: 5px;color:#e88660;line-height: 140%;} .lineup li a h3 span{font-size: 18px;display: block;} .single-item .lineup .flex {justify-content: space-between;margin-bottom: 50px;align-items: flex-start;} .single-item .lineup .flex .slide{width: 40%} .single-item .lineup .flex div.detail{width: 55%} .single-item .lineup .flex div h3{font-size: 25px;margin-bottom: 25px} .single-item .lineup .flex div table th{border-top: solid 1px #e88660;border-bottom: solid 1px #e88660;width: 25%;text-align: left;color:#e88660} .single-item .lineup .flex div table td{text-align: left;} .single-item .bk{background: rgba(230,163,142,0.1)} /*service*/ .page-template-page-service #mainview {background: url(./img/ser_main.png) no-repeat center center;background-size: cover;} .page-template-page-service .reason .flex{align-items: stretch;flex-wrap: wrap;margin-bottom: -4%;} .page-template-page-service .reason li{background: #fff;width: 31%;letter-spacing: 0;margin-bottom: 4%;box-shadow: 0 0 5px rgba(0,0,0,0.3)} .page-template-page-service .reason li h3{padding:20px 20px 10px;text-align: center;font-size: 22px;} .page-template-page-service .reason li p{padding:0 20px 20px;} .plan3 .title{background: #e08087;color:#fff;} .plan3 .title .thum{width: 400px;position: relative;} .plan3 .title .thum p{position: absolute;top:-20px;left:-20px;width: 120px} .plan3 .title .copy{width: 750px;} .plan3 .title .copy h3{font-size: 30px;margin-bottom: 15px;line-height: 160%;} .plan3 .title .copy h3 span{font-size: 18px;} .plan3 .title .copy p span{color:#fff000;} .plan_list{display: flex;flex-wrap: wrap;align-content: center;padding-top: 15px} .plan_list li{width: 18%;margin-right: 2.5%;text-align: center;padding:12px;background: #fff;border: solid 1px #e08087;letter-spacing: -0.1em;position: relative;display: flex;align-items: center;justify-content: center;min-height: 200px;position: relative;margin-top: 2.5%} .plan_list li strong{color: #e08087;font-size: 22px;display: block;line-height: 110%} .plan_list li strong span{font-size: 18px;} .plan_list li span{color: #e08087} .plan_list li:nth-child(5n){margin-right: 0;} .plan_list li p.tokuten{background: url(./img/tokuten_bk.svg) no-repeat center center;background-size: cover;width: 60px;height: 60px;color:#fff;font-size: 12px;display: flex;justify-content: center;align-items: center;position: absolute;top:-20px;left: -20px;flex-direction: column;line-height: 140%} .plan_list li p.tokuten span{font-size: 20px;color:#fff;display: block;text-align: center;} .plan3 .title.blue{background: rgba(138,188,219,1);} .plan_list.blue li{border: solid 1px rgba(138,188,219,1);} .plan_list.blue li strong{color: rgba(138,188,219,1);} .plan_list.blue li strong span{color: rgba(138,188,219,1);} .plan_list.blue li span{color: rgba(138,188,219,1);} .plan3 .title.green{background: rgba(127,194,156,1);} .plan_list.green li{border: solid 1px rgba(127,194,156,1);} .plan_list.green li strong{color: rgba(127,194,156,1);} .plan_list.green li strong span{color: rgba(127,194,156,1);} .plan_list.green li span{color: rgba(127,194,156,1);} .plan3 hr{margin:50px 0;border-color: #ccc} /*shop*/ .page-template-page-shop #mainview {background: url(./img/sho_main.png) no-repeat center center ;background-size: cover;} .page-template-page-shop .omoi{background: transparent;} .page-template-page-shop .omoi ul{padding-bottom: 90px} .outline li{width: 48%;} .page-template-page-shop .subtl{background: #e88660;color:#fff;padding:10px 20px;margin-bottom: 30px;text-align: center;font-size: 120%;} /*company*/ .page-template-page-company #mainview {background: url(./img/com_main.png) no-repeat center center ;background-size: cover;} .page-template-page-company .copy p{margin-bottom: 0.8em;} .page-template-page-company .copy p.name{text-align: right;} /*recruit*/ .page-template-page-recruit #mainview {background: url(./img/rec_main.png) no-repeat center center ;background-size: cover;} .page-template-page-recruit .outline hr{margin:50px 0;border-color: #ccc} .page-template-page-recruit .subtl{background: #e88660;color:#fff;padding:10px 20px;margin-bottom: 30px;text-align: center;font-size: 120%;} /*faq*/ .page-template-page-faq #mainview {background: url(./img/faq_main.png) no-repeat center center ;background-size: cover;} .page-template-page-faq .faq dl {border: solid 1px #e08087;margin-bottom: 20px;} .page-template-page-faq .faq dl:last-child {margin-bottom: 0;} .page-template-page-faq .faq dl dt{background: #e08087;color:#fff;font-size: 30px;padding:10px 20px 10px 20px;padding-left: 80px;position: relative;cursor: pointer;position:relative;} .page-template-page-faq .faq dl dd{padding:20px 20px;background: #fff;line-height: 180%;padding-left: 80px;position: relative;} .page-template-page-faq .faq dl dt:before{content:"Q";background:#fff;line-height:38px;border-radius:10px;font-size:30px;color:#e08087;margin-right:10px; width: 45px;height: 45px;display: block;text-align: center;position:absolute;left:20px;top:10px;} .page-template-page-faq .faq dl dd:before{content:"A";background:#e08087;line-height:38px;border-radius:10px;font-size:30px;color:#fff;margin-right:10px;position:absolute;left:20px;top:10px;width: 45px;height: 45px;display: block;text-align: center;} .page-template-page-faq .faq dt span{position: relative;display: block;} .page-template-page-faq .faq dt span::before, .page-template-page-faq .faq dt span::after {content: '';display: block;width: 20px;height: 2px;background:#fff ;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);} .page-template-page-faq .faq dt span::after {background: #fff;transform: translateY(-50%) rotate(90deg);transition: 0.5s;} .page-template-page-faq .faq dt.active span::after {top:48%;transform: rotate(0);transition: 0.5s;} .page-template-page-faq .faq dl dd img{width: 20%;float: right;margin:0 0 0 20px} .page-template-page-faq .faq dl dd img.w5{width: 40%;} /*contact*/ .page-template-page-privacy #mainview, .page-template-page-contact #mainview {background: url(./img/con_main.png) no-repeat center center ;background-size: cover;} .tel_area{border: double 4px #e88660;} .tel_area dl{text-align: center;padding:30px 0;} .tel_area dl dt, .tel_area dl dd{text-align: center;line-height: 100%} .tel_area dl dt{font-size: 50px;color:#e88660;margin-bottom: 50px;position: relative;} .tel_area dl dt:after{content: ""; display: block;height: 1px;width: 50px;background:#e88660;position:absolute;top:73px;left:50%;margin-left:-25px; } .tel_area dl dd{line-height: 140%} .line .qr{width: 55%;} .line .btnl{width: 40%;} .form .mb30 a{color:#3bb9e9;text-decoration: underline;} .form table {margin-bottom: 50px;} .form table th span{background: #cc0000;color:#fff;font-size: 12px !important;padding:6px 6px;border-radius: 5px;line-height: 100%;float: right;} .form table th{padding-right: 20px} #booking-package input[type=text], #booking-package textarea, .form table td input, .form table td textarea{padding:5px;font-size: 18px;width: 100%;} .form table td input{width: 100%;} .mwform-radio-field input, .mwform-tel-field input{width: auto !important;} .mwform-tel-field input{width: 30% !important;} .form .btn input{width: 300px;} /*news*/ .blog #mainview, .archive #mainview, .single #mainview {background: url(./img/new_main.png) no-repeat center center ;background-size: cover;} #blog .left{width:800px;border-top:solid 1px #ccc;float: left;} .blogsingle{border-bottom:solid 1px #ccc;padding:25px 0;align-items: flex-start;} .blogsingle .thum_info{float:left;width:300px;} .blogsingle .thum_info img{width:300px;border-radius: 0;transition: 0.5s;} .blogsingle .thum_info img:hover{border-radius: 12px;} .blogsingle .entrybody{float:right;width:470px;letter-spacing: 0} .blogsingle .entrybody h2 a{font-size:24px;color:rgba(232, 134, 96,0.8);;padding:10px 0;display: block;} .blogsingle .entrybody .day{color:#888;} .blogsingle .entrybody .btn{padding-top:15px;text-align: left;} #blog #sidebar{width:320px;float:right;} #blog #sidebar li.widget {padding-bottom: 30px} #blog #sidebar h2{background: rgba(232, 134, 96,0.2);color:rgba(232, 134, 96,1);padding:10px 15px;} #blog #sidebar li li {border-bottom: dotted 1px #ccc;} #blog #sidebar li li a{display: block;padding:15px 0;transition: 0.5s;} #blog #sidebar li.widget_recent_entries li a{display: block;padding:15px 0 ;transition: 0.5s;} #blog #sidebar li.widget_recent_entries li span{display: block;padding:0 0 10px;font-size:10px;color:#999;} #searchform {padding-top:15px;text-align: center;} #searchform .screen-reader-text{display: none;} #searchform #s{padding:5px;width:190px;} #searchform #searchsubmit{padding:5px;} .entrysingle img{max-width:100%; } .single #blog .left{border:none;} .single #blog .entrysingle h3{color:#EA527F;padding:10px 0px;font-size:20px;} .single #blog .day{display: block;padding:10px 0;color:#888;} .single #blog .entrysingle {padding-bottom: 30px;} .single #blog .entrysingle p{line-height: 200%;padding-bottom: 1em;} .single #blog .entrysingle p a{color:rgb(232, 134, 96);text-decoration: underline;} .single #blog .entrysingle ul {margin-bottom: 1em;} .single #blog .entrysingle ul li{list-style-type: disc;margin: 0.3em;margin-left: 1.5em;} .single #blog .entrysingle ul li a{color:rgb(232, 134, 96);text-decoration: underline;} tablenav:after{content:".";display:block;clear:both;height:0;visibility:hidden} .tablenav{min-height:1px} * html .tablenav{height:1px} .tablenav{display:table;color:#dba156;margin:50px auto ;line-height:2em;text-align:center;border:solid 1px #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,0.047);font-size:12px;background: #fff;} a.page-numbers,.tablenav .current{display:table-cell;color:#dba156;padding:4px 0;text-decoration:none;margin:0;border-right:solid 1px #ddd; width:3em;} .tablenav .page-numbers{display:table-cell;color:#dba156;padding:4px 0;text-decoration:none;margin:0;border-right:solid 1px #ddd;width:3em;} a.page-numbers:hover{color:white;background:#dba156} .tablenav .current{background:#f5f5f5;color:#999} .tablenav .next,.tablenav .prev{width:4em;} .tablenav .dots{display: none;} .page-template-page-privacy p{line-height: 180%;} .page-template-page-privacy .subtl{margin-bottom: 10px !important;padding-bottom: 10px !important;text-align: left;color:#e88660;font-size: 20px;border-bottom: solid 1px #e88660;} .page-template-page-reservation-kumatori #mainview, .page-template-page-reservation-ozaki #mainview, .page-template-page-reservation #mainview {background: url(./img/res_main.png) no-repeat center center ;background-size: cover;} .reserv_btn li{width: 48%;} .reserv_btn li a{display: flex;height: 200px;background: #e88660;color:#fff;font-size: 30px;align-items: center;justify-content: center;flex-direction: column;border-radius: 10px;transition: 0.5s;} .reserv_btn li a:hover{color:#e88660;background: #fff;} .reserv_btn li a span{display: block;text-align: center;padding: 5px 0 0;font-size: 70%;letter-spacing: 0} .reserv_btn li:nth-child(1) a {background: rgba(127,194,156,1);border: solid 1px rgba(127,194,156,1);} .reserv_btn li:nth-child(2) a {background: rgba(138,188,219,1);border: solid 1px rgba(138,188,219,1);} .reserv_btn li:nth-child(1) a:hover{color:rgba(127,194,156,1);background: #fff;} .reserv_btn li:nth-child(2) a:hover{color:rgba(138,188,219,1);background: #fff;} #booking-package, #booking-package_inputFormPanel .title_in_form, #booking-package_inputFormPanel, #booking-package_schedulePage, #booking-package_schedulePage .selectedDate, #booking-package_schedulePage .topPanel, #bottomPanel, #booking-package_calendarPage{background: transparent !important;} #booking-package_calendarPage .calendar{background: #fff !important} .page-template-page-reservation #booking-package_calendarPage .holidayPanel, #booking-package_calendarPage .day_slot{background: transparent !important;} .week_slot{background: #eee !important;} #booking-package_calendarPage .week_slot.sun{background: #e08087 !important;color:#fff;} #booking-package_calendarPage .week_slot.sat{background: rgba(138,188,219,1) !important;color:#fff;} .page-template-page-reservation #booking-package_calendarPage .today {background: #fcede7 !important;} #booking-package_schedulePage .bottomPanelForPositionInherit{text-align: center;} #paymentPanel button, #nextAndReturnPanel button, #booking-package button{width: 45%;margin:0 auto !important} #bottomPanel{padding:50px 0 0!important} #returnToCalendarButton, #nextAndReturnPanel button{background: #888 !important} .page-template-page-reservation #booking-package_inputFormPanel .cartPanel{margin-top: 50px;} #booking-package_inputFormPanel .row{background: #fff !important;padding:2vw 2vw !important} #booking-package_inputFormPanel .row.error_empty_value{background: #fcede7 !important} .page-template-page-reservation .value{background: transparent;} #booking-package_calendarPage .available_day:after{content: "予約";display: inline-block;background: #e08087 !important;color:#fff;border-radius: 10px;line-height: 100%;padding: 0.2vw 1vw} #booking-package .selectable_time_slot:hover, #booking-package_schedulePage .selected_day_slot, #booking-package_schedulePage .selectable_day_slot:hover, #booking-package_calendarPage .available_day:hover{background: #ffffd7 !important;} .page-template-page-reservation .selectable_time_slot .timeSlot:after{content: "予約";display: inline-block;background: #e08087 !important;color:#fff;border-radius: 10px;line-height: 100%;padding: 0.2vw 1vw} .page-template-page-reservation .selectable_time_slot.closed .timeSlot:after{display: none;} #bookingBlockPanel .loader #spinner{stroke: #e88660 !important} .page-template-page-privacy .privacy ul{margin: 3px 0} .page-template-page-privacy .privacy li{padding: 3px 0;list-style-type: disc;margin-left: 1.2em;} .yarpp-related{margin:0 !important} .page-template-page-reservation-kumatori .subtl, .page-template-page-reservation-ozaki .subtl, .page-template-page-reservation .subtl{background: #e88660;color:#fff;padding:10px 20px;margin-bottom: 30px;text-align: center;font-size: 120%;} .page-template-page-reservation .subtl span{display: inline;border:solid 1px #fff;color:#fff;padding:3px 10px;font-size: 80%;line-height: 100%;margin-right: 10px} .page-template-page-reservation-kumatori .subtl{background: rgba(127,194,156,1)} .page-template-page-reservation-ozaki .subtl{background: rgba(138,188,219,1);} .ti-widget.ti-goog .ti-header{display: none !important;} .reservation_btn {margin:0 auto 50px;text-align: center;} .reservation_btn ul{display: inline-block;text-align: left;border: solid 1px #e88660;padding: 15px 20px} .reservation_btn ul a{display: block;padding:5px 0;} .page-id-151 #conversion .flex li:first-child{display: none;} .page-id-151 #conversion h2 span{display: none;} .main-slider { position: relative; width: 100%; max-width: 800px; height: 480px; margin: 0 auto 20px; } .slider-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s; z-index: 1; /* background: #e88660; */ } .slider-img.active { opacity: 1; z-index: 2; } .main-slider img { width: 100%; height: 100%; object-fit: contain; /* ← これで画像が全て収まる */ display: block; } .main-slider-thumbs { display: flex; gap: 8px; justify-content: center; margin-top: 10px; } .slider-thumb { width: 80px; height: 80px; cursor: pointer; opacity: 0.6; border: 2px solid transparent; transition: border 0.2s, opacity 0.2s; box-sizing: border-box; } .slider-thumb.active, .slider-thumb:hover { opacity: 1; border: 2px solid #e88660; } .slider-thumb img { width: 100%; height: 100%; object-fit: cover; }