@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*メインビジュアル*/
.content{margin-top:0;}
.content-in{width:100%;}
main#main.main{padding:0;background:#1E2C5B;}
.logo-area{top:150px;position:relative;}

/*top*/
.stone1{text-align:center;position:relative;}
.stone1 img{width:60%;}
.ston1-txt{color:#fff;font-size:170%;color: #fff;text-shadow:0 0 7px #fff, 0 0 10px #fff,0 0 21px #fff,0 0 42px #0fa, 0 0 82px #0fa,0 0 92px #0fa, 0 0 102px #0fa, 0 0 151px #0fa;}
.stone2,.stone3,.stone4{width:33%;}
.stone2 img {height: auto;transition: transform .6s ease;width: 100%;}
.stone2:hover img {transform: scale(1.1);}
.stone3 img {height: auto;transition: transform .6s ease;width: 100%;}
.stone3:hover img {transform: scale(1.1);}
.stone4 img {height: auto;transition: transform .6s ease;width: 100%;}
.stone4:hover img {transform: scale(1.1);}
.caution{margin:70px 0;text-align:center;}
.line-img-box3{text-align:center;margin:30px;}
.line-img-box3 img{width:30%;}

.ston2-txt{color:#fff;top:100px;font-size:170%;
text-shadow:0 0 7px #fff,0 0 10px #fff, 0 0 21px #fff,0 0 42px #0fa, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 102px #0fa, 0 0 151px #0fa;text-align:center;}
.ston3-txt{color:#fff;top:100px;font-size:170%;text-shadow:0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff,0 0 42px #0fa,0 0 82px #0fa, 0 0 92px #0fa,0 0 102px #0fa,0 0 151px #0fa;text-align:center;}
.ston4-txt{font-size:170%;text-shadow:0 0 7px #fff,0 0 10px #fff, 0 0 21px #fff,0 0 42px #0fa, 0 0 82px #0fa,0 0 92px #0fa, 0 0 102px #0fa,0 0 151px #0fa;text-align:center;}
.stone-bx{display:flex;flex-direction:row;justify-content:space-between;padding-top:50px;}
.ston5678area{display:flex;flex-direction:row;justify-content:space-between;padding-top:100px;}
.ston5,.ston6,.ston7,.ston8{width:25%;}
.matching{padding-top:100px;background:url(https://lino-stone.com/wp-content/uploads/2023/10/wave-img.png);background-repeat:no-repeat;background-size:100%;height:1500px;}
.matching-box{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;margin:auto;}
.mat-img{width:30%;}
.mat-img img{width:120%;}
.mat-txt{width:60%;font-weight:normal;line-height:30px;}
.last-sentence{font-size:22px;font-weight:bold;text-align:center;margin:auto;margin-top:20px;}
.line{display:none;}
#order{height:2200px;}
.order-img{padding-bottom:100px;text-align:center;}
.circle-box1,.circle-box2,.circle-box3{display:flex;flex-direction:row;justify-content:space-between;}
.circle1{position:relative;width:60%;}
.circle2{width:30%;padding-top:30px;position:relative;}
.circle3{padding-top:100px;position:relative;}
.circle2-box{display:flex;flex-direction:row;justify-content:space-between;}
.circle4{margin:0 30px 30px 30px;;position:relative;bottom:100px;width:50%;}
.circle3-box{display:flex;flex-direction:row;justify-content:space-between;}
.circle5{position:relative;width:380px;}
.circle6{position:relative;right:-50px;}
.circle-text1{position: absolute;top: 50%;left:50%;transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);width:70%;}
.circle-text2{position: absolute;top: 56%;left:46%;transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);width:70%;}
.circle-text3{position: absolute;top: 40%;left:50%;transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);width:70%;}
.circle-text4{position: absolute;top: 50%;left:48%;transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%);width:70%;}
.title-bx{text-align:center;color:}
.title{color:#fff;}

.order-ctt{text-align:center;width:100%;font-size:110%;}
.inner{width:80%;margin:auto;}
.inner2{width:75%;margin:auto;}
.inner3{width:70%;margin:auto;}
ul.ul-news{padding-left:0;}
ul.ul-news li{list-style:none;width:80%;margin:auto;border-bottom:solid 1px #c3d825;margin-bottom:30px;padding-bottom:10px;}
ul.ul-news li a{color:#fff;transition:0.7s;}
ul.ul-news li a:hover{color:#fff;opacity:0.7;}
.catn{ background: linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);color: #fff;padding:4px 10px;font-size: 85%;margin:0 10px;}


#contact{height:670px;background:url(https://lino-stone.com/wp-content/uploads/2023/10/contact-back-1.png);background-size:cover;}
.co-bx{text-align:center;}
.btntextchange{position: relative;border: 1px solid #555;border-radius:25px;min-width:270px;padding:40px;text-align:center;display:inline-block;
text-decoration: none;color:#333;outline: none;background:#fff;transition:0.7s;}
.btntextchange:hover{background:#333;color:#fff;}
.btntextchange span{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);display: block;white-space: nowrap;}
.btntextchange span:nth-child(2){opacity:0;/*透過0に*/}
.contact-ctt{text-align:center;font-size:100%;margin:50px 0;}
input[type="checkbox" i] {width:20px;height:20px;position: relative;margin-right: 5px;top:5px;}

/*見出し*/
.h1-lino{color: transparent;  background: linear-gradient(0deg, #555 0%, #878787 45%, #bababa 70%, #878787 85%, #555 90% 100%); 
  -webkit-background-clip: text;font-family: 'Pinyon Script', serif;font-weight:normal;position:absolute;top: 50%;left: 50%; transform:translateY(-50%) translateX(-50%);  -webkit- transform: translateY(-50%) translateX(-50%);font-size:500%;}
.h2-only-stone{font-size:200%;text-align:center;margin-top:50px;font-weight:normal;}
.h3-now{text-align:right;margin-bottom:150px;font-weight:normal;}
.h2-order{color:#fff;font-family: 'Pinyon Script', serif;text-align:center;font-size:450%;font-weight:normal;}
.h2-order img{text-align:center;}
.h2-blog{color:#fff;font-family: 'Pinyon Script', serif;font-size:350%;text-align:center;margin:150px 0 30px 0;font-weight:normal;line-height:1;}
.h2-matching{color:#fff;font-family: 'Pinyon Script', serif;text-align:right;font-size:450%;margin-top:150px;font-weight:normal;}
.h2-contact{color:#fff;font-family: 'Pinyon Script', serif;text-align:center;font-size:450%;padding-top:120px;font-weight:normal;}
.h2-circle-title{font-size:150%;text-align:center;font-weight:normal;margin:auto;margin-bottom:20px;border-bottom:solid 2px #fff;width:60%;}
.h1-pp{text-align:center;margin:50px 0;}

/*ヘッダー*/
.header{background:#1E2C5B;position:absolute;z-index:10;width:100%;height: 150px;display: flex;flex-direction:row;justify-content:space-around;align-items:center;top:0;}
.logo-text{color: transparent;  background: linear-gradient(0deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%); 
  -webkit-background-clip: text;font-family: 'Pinyon Script', serif;}
.header-in{width:20%;}
.header-menu{width:60%;}
.header-menu ul{display:flex;flex-direction:row;justify-content:space-between;margin:auto;width:100%;}
.header-menu ul{list-style:none;}
.header-menu ul li a{  position: relative;display: inline-block;text-decoration:none;color:#fff;font-family: 'Pinyon Script', serif;font-size:150%;}
.header-menu ul li a::after {position: absolute;bottom: -3px;left: 0;content: '';width: 100%;height:2px;background:#c3d825;transform: scale(0, 1);transform-origin: left top;transition: transform .3s;}
.header-menu ul li a:hover::after {transform: scale(1, 1);}
.header-btnarea{width:20%;text-align:center;display:flex;flex-direction:column;}
.header-contact{text-align:center;margin:10px 0;}
.header-contact a{background: #fff;padding: 5px 20px;border-radius: 5px;transition: 0.7s;text-decoration: none;display: inline-block;width: 80%;font-size:1.2vw;}
.header-contact a:hover{background:#000;color:#fff;}
#g-nav{display:none;}
#g-nav a {text-decoration: none;color: #fff;}
#g-nav{display:none;}

.footer{margin:0;}
.fadeIn {opacity: 0;transition: 2s;}
.fadeIn.is-show {opacity: 1;}

/*下層ページ*/
.under-inner{margin:auto;width:80%;padding:100px 0;}
.h1-under{color:#fff;font-family: 'Pinyon Script', serif;font-size:350%;text-align:center;margin-top:100px;font-weight:normal;}
.u-title{text-align:center;margin-bottom:30px;font-size:90%;}
.under-msg{text-align:center;margin:50px 0;}
.c-form{margin:50px 0;}
.refp{color:#fff;}

/*faq*/
.accordion-area{list-style: none;margin:0 auto;}
.accordion-area li{margin: 10px 0;}
.accordion-area section {background:#fff;border: 1px solid #ccc;}
.title {color:#000;position: relative;cursor: pointer;font-size:1rem;font-weight: normal;padding: 3% 3% 3% 50px;transition: all .5s ease;}
.title::before,
.title::after{position: absolute;content:'';width: 15px;height: 2px;background-color: #333; }
.title::before{top:48%;left: 15px;transform: rotate(0deg);}
.title::after{top:48%;left: 15px;transform: rotate(90deg);}
.title.close::before{transform: rotate(45deg);}
.title.close::after{transform: rotate(-45deg);}
.accordion-box {display: none;background:#B6DBC6;margin:0 3% 3% 3%;padding: 3%;color:#000;}
.message{margin-bottom:50px;text-align:center;}


/*order*/
.bold{border-bottom:solid 1px #fff;}
.stepbar {width: 80%;margin:auto;margin-top:100px;margin-bottom:100px;text-align:center;border-top:1px solid #dedede;}
.stepbar .stepbarwrap .triangle {content: "";display: block;width: 0;
border: solid 1em transparent;border-top-color: #dedede;margin:0 auto;}
.stepbar .stepbarwrap .steptitle span {display: block;font-weight: bold;margin:1em auto;}
.stepbar .stepbarwrap .p-title {font-size: 1.2em;font-weight: bold;}
.stepbar .stepbarwrap .txt {width: 90%;display: block;margin: 2em auto;font-size: 0.9em;}
.stepbar:first-of-type .triangle:first-of-type {display: none;}
.stepbar:last-of-type .stepbarwrap:last-of-type {border-bottom: 1px solid #dedede;}
.order-msg{text-align:center;}
.triangle:before {background:transparent;}
.under-line{text-decoration:underline;}

/*コンタクト*/
table tr:nth-of-type(2n+1) {background:transparent;}
table-contact tr{background:transparent;}
.table-contact{width:80%;margin:auto;}
table:not(.has-border-color) :where(th, td){display:block;}
table th{background:transparent;font-weight:normal;}
table:not(.has-border-color) :where(th, td) {border-top:0;border-right:0;border-left:0;}
.btn-bx{margin:auto;width:30%;margin-top:50px;}
.submit-btn{position: relative; border: 1px solid #555; border-radius:25px;min-width:210px;padding: 20px;text-align: center;display: inline-block;text-decoration: none;color: #333; outline: none; transition: all .2s;}
.submit-btn:hover{ background:#333; color:#fff;}
.submit-btn span{ position: absolute;left: 50%; top:50%;transform:translate(-50%,-50%); transition: all .5s; display: block; white-space: nowrap;}
.submit-btn span:nth-child(2){ opacity:0;}
.submit-btn:hover span:nth-child(1){opacity:0;}
.submit-btn:hover span:nth-child(2){ opacity:1;}
.must{color:red;}
.wpcf7-list-item {margin:0 2em 0 0;}
input.wpcf7-free-text{background:#fff;}
.wpcf7-list-item {display:block;}
.accept{text-align:center;margin-top:30px;}

/*about*/
.about{background:url(https://lino-stone.com/wp-content/uploads/2023/10/about-img.png);background-repeat:no-repeat;background-position:center center;}
.about-under-msg{text-align:center;padding:50px 0;line-height:60px;}
.about-sub-title{text-align:center;font-weight:normal;}
.solicitor-txt{text-align:center;}

/*matching*/
.contact-4area{width:75%;margin:auto;}
.contact-2area{display:flex;flex-direction:row;justify-content:space-between;width:60%;margin:auto;font-weight:normal;}
.budget-img1,.budget-img2{position:relative;text-align:center;width:380px;}
.budget-img3,.budget-img4,.budget-img5,.budget-img6{position:relative;text-align:center;}
.budget-img3 img,.budget-img5 img{width:90%;height:250px;}
.budget-img4 img{width:90%;height:150px;}
.budget-img6 img{width:90%;height:350px;}
.budget-txt{position: absolute;top:50%;left:50%;transform: translateY(-50%) translateX(-50%);-webkit- transform: translateY(-50%) translateX(-50%);width:100%;}
.budget-txt p {font-size:80%;}
.budget-area{display:flex;flex-direction:row;justify-content:space-evenly;width:800px;margin:auto;margin-bottom:10px;}
.budget-area2{background:url(https://lino-stone.com/wp-content/uploads/2023/10/background-matching.png);width:90%;margin:auto;padding:20px 0;margin-bottom:20px;text-align:center;}
.budget-area4{background:url(https://lino-stone.com/wp-content/uploads/2023/10/background-matching.png);width:90%;margin:auto;padding:20px 0;margin-bottom:20px;text-align:center;}
.budget-area5{background:url(https://lino-stone.com/wp-content/uploads/2023/10/background-matching.png);width:90%;margin:auto;padding:20px 0;margin-bottom:20px;text-align:center;}
.h2-contact-budget{text-align:center;font-weight:normal;font-size:180%;}
.h2-budget-txt1{font-weight:normal;border-bottom:solid 1px #fff;width:45%;margin:auto;}
.h2-budget-txt2{text-align:center;font-weight:normal;border-bottom:solid 1px #fff;width:55%;margin:auto;}
.h2-budget-txt3{text-align:center;font-weight:normal;border-bottom:solid 1px #fff;}
.p-budget-txt{margin:20px;}
.p-budget-txt1{margin:20px;}

.h3-budget-txt{text-align:center;font-weight:normal;}
.postage{text-align:center;font-weight:normal;margin:50px;}
.h2-notes{text-align:center;font-weight:normal;margin-top:80px;font-size:200%;}
.h2-notes img{text-align:center;}

.line-img-box{text-align:center;margin:50px;}
.line-img-box img,.line-img-box2 img{width:30%;}
.line-img-box2{text-align:center;}

/*blog*/
.blog-inner{padding-top:50px;}
.content-in {justify-content: space-around;}
.list-inner{padding:0 10px;text-align:left;}
.new-list{display:flex;flex-direction:row;justify-content:space-between;flex-wrap: wrap;margin-bottom:50px;}
.new-list-box{width:30%;margin:20px 0;}
.new-list:after {content: "";display: block;width: 30%;height: 0;}
.new-list-box a{text-decoration:none;display:inline-block;color:#666;}
.new-list-box a :hover{opacity:0.7;}
.pagination{margin:40px 0;display:block!important;}
.pagination-next {display:none;}
.pnavi{display:flex;flex-direction:row;justify-content:center;margin-bottom:80px;}
.nav-links{display:flex;}
.pagination .page-numbers{display:inline-block;color:#000;border:solid 1px;border-radius:0;background:#fff;margin:0;}
.pagination .current{color:#fff;background:#5a5a5a;border:solid 1px #000;border-radius:0;}
.pagination .next.page-numbers{width:80px;}
.pagination .prev.page-numbers{width:80px;}
.pagination a:hover{background:transparent;}
.sidebar{margin-top:150px;position:relative;background:#1E2C5B;}
.sidebar h3{border-bottom:solid 1px #fff;}
.widget-entry-card {color:#fff;}
.widget_archive ul li a {color:#fff;}
.widget_categories ul li a{color:#fff;}
.list-inner {color:#fff;}

.single .content{background: #1E2C5B;margin:auto;}
.single main#main.main{margin-top:100px;}
.related-entry-card-title{color:#fff;}
.breadcrumb {color:#fff;}
.breadcrumb a{color:#fff;}
.pager-post-navi a.prev-post .prev-post-title {color:#fff;}
.single .entry-content {width: 90%;margin: auto;}

/*asct*/
.h1-asct{color:#fff;font-size:150%;text-align:center;margin-top:100px;font-weight:normal;}
.table-asct{margin:auto;width:80%;margin-top:100px;}
.table-asct tr{border:#fff solid 1px!important;}
.table-asct th{display:inline-block;width:30%;}
.table-asct td{display:inline-block;border-left:solid 1px!important;width:70%;}

/*404*/
.error404 .sidebar{display:none;}
.error404 .content{background: #1E2C5B;margin:auto;}
.error404 main#main.main {width: 100%;margin:0;}
@media screen and (max-width: 834px){
.error404 div.sidebar{display:none;}}

/*caution*/
.caution-under-msg{padding:50px 0;}
.p-right{text-align:right;}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.header-contact{display:none;}
.logo-area{top:130px;}
.header-menu{display:none;}
li.mobilebtn a{background:#fff;padding:10px 50px;border-radius:5px;transition:0.7s;text-decoration:none;color:#000!important;width:70%;margin:auto;font-size:90%!important;}
#g-nav{display:block;position:fixed;z-index:10;top:0;right: -120%;width:100%; height: 100vh;background:#000;transition: all 0.6s;}
#g-nav.panelactive{right: 0;}
#g-nav.panelactive #g-nav-list{position: fixed;z-index: 999; width: 100%; height: 100vh;overflow: auto;-webkit-overflow-scrolling: touch;}
#g-nav ul { position: absolute;z-index: 999;top:50%;left:50%;transform: translate(-50%,-50%);padding:0;width:100%;}
#g-nav li{ list-style: none;text-align: center;}
#g-nav li a{color:#fff;font-size:150%;text-decoration: none;margin-bottom:20px;display: block;letter-spacing: 0.1em;font-family: 'Pinyon Script', serif;}
.openbtn1{position:fixed;z-index: 9999;top:40px;right: 20px;cursor: pointer;width: 50px;height:50px;}
.openbtn1 span{display: inline-block; transition: all .4s; position: absolute;left: 14px;height:2px;background-color:#fff;width: 60%;}
.openbtn1 span:nth-of-type(1) {top:15px; }
.openbtn1 span:nth-of-type(2) {top:23px;}
.openbtn1 span:nth-of-type(3) { top:31px;}
.openbtn1.active span:nth-of-type(1) { top: 18px;left: 18px;transform: translateY(6px) rotate(-45deg); width: 60%;background:#fff;}
.openbtn1.active span:nth-of-type(2) { opacity: 0;background:#fff;}
.openbtn1.active span:nth-of-type(3){ top: 30px;left: 18px; transform: translateY(-6px) rotate(45deg);width: 60%;background:#fff;}
.circle-box1, .circle-box2, .circle-box3 {flex-direction:column;}
.circle1 {left:auto;width:100%;}
.circle6 {right:auto;}
.header-in {width:100%;}
#header .site-name-text {font-size: 30px;}
.inner{width:90%;}
.h1-lino{font-size:400%;width: 100%;text-align: center;}
.h2-only-stone {font-size: 140%;}
#blog{width:100%;}
ul.ul-news li {width:100%;}
.ston5678area {flex-wrap:wrap;margin-bottom:100px;}
.ston5, .ston6, .ston7, .ston8 { width: 50%;}
.h2-contact{padding-top:70px;}
.h2-matching{margin-top:0;}
.inner2{width:90%;}
.matching-box { flex-direction: column;}
.mat-img{width:50%;margin:auto;}
.mat-txt{width:100%;padding-top:10px;}
.last-sentence {font-size: 18px;}
.matching{height:950px;margin-bottom:200px;}
.line{display:block;width:80%;margin:auto;margin-bottom:200px;}	
.inner3{width:90%;}
.circle2{width:70%;}
.circle3 {padding-top:0px;}
.circle4 {margin: 0 ; bottom:0;width:100%}
.circle5{width:70%;}
.circle-text4 {width:100%;}
.stone1 img {width:60%;margin-top:30px;}
.ston2-txt,.ston3-txt,.ston4-txt{font-size:100%;}
.h2-order{text-align:center;}
.order-img {width:100%;}
#contact{background-position: center;}
.under-inner{width:90%;padding:50px 0;}
.line-img-box img{width:100%;}
.about-under-msg {line-height:initial;}
ul.accordion-area{padding:0;}
.stepbar {width: 100%;margin:0;}
.contact-4area {width: 100%;}
.budget-area{flex-direction:column;width:100%;margin-bottom:0;}
.budget-img1,.budget-img2{width:100%;}
.postage{margin:50px 0;}
.budget-area2{;width:100%;}
.budget-area3{;width:100%;}
.budget-area4{;width:100%;}
.budget-area5{;width:100%;}
.h2-budget-txt2 {width:80%;}
.p-budget-txt {margin: 20px 10px;}
.p-budget-txt1 {margin: 20px 10px;}
.line-img-box img, .line-img-box2 img {width:100%;}
.line-img-box3 img{width:100%;}
.blog-inner{width:90%;margin:auto;}
.new-list-box {width:100%;}
.sidebar {top:0;}
.table-contact{width:100%;}
.btn-bx{width:100%;}
.table-asct{width:100%;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	

}