@charset "utf-8";.facebook{display:none}header .inner{line-height:80px;margin:0 auto;height:80px;width:1100px}header .inner .logo img{vertical-align:middle}header .inner .nav{font-size:15px;font-weight:500}header .inner .nav li{float:left;margin-left:40px}header .inner .nav li:last-child{display:none}header .inner .nav li a:hover{color:#c69c6d}header .inner .tel{font-size:22px;font-weight:500;margin-left:45px}header .inner .tel .fa{margin-right:15px}.content{margin:0 auto;width:1100px}.mv li img{width:100%}.mv>h1{bottom:0;display:table;left:0;margin:auto;position:absolute;right:0;text-align:center;top:0;width:100%;z-index:2}.news{background:#fafafa}.news .inner{height:70px;line-height:70px;margin:0 auto;width:1000px}.news h3{color:#a67c52;font-size:20px;margin-right:60px}.news h3 span{font-size:13px;margin-left:15px}.blog a{display:block;width:100%}.blog a>div{color:#666;font-size:13px;font-weight:500;float:left}.blog .date{margin-right:30px}.blog .icon{margin-right:15px}.blog .icon span{background:#666;color:#fff;font-size:10px;padding:5px 7px}.news .viewall{border:1px solid #a67c52;border-radius:5px;bottom:0;font-size:12px;font-weight:500;height:28px;line-height:28px;margin:auto;text-align:center;position:absolute;right:0;top:0;width:144px}.news .viewall a{color:#a67c52;display:block;width:100%}.news .viewall a:hover{background:#a67c52;color:#fff}.pankuzu{margin:30px 0 45px}.pankuzu li{float:left;font-size:13px;font-weight:500;margin-right:30px;position:relative}.pankuzu li span{display:inline;vertical-align:top}.pankuzu li a{text-decoration:underline}.pankuzu li a:hover{color:#a67c52}.pankuzu li a:after{bottom:0;content:">";display:inline-table;margin:auto;position:absolute;right:-20px;top:0}.list{margin:0 auto 100px;width:1000px}.list li{border-top:1px solid #a67c52}.list li:last-child{border-bottom:1px solid #a67c52}.list li a{display:table;padding:30px 0}.list li .img-side{display:table-cell;vertical-align:top;width:220px}.list li .img-side img{width:100%}.list li .txt-side{margin-left:45px;vertical-align:top}.txt-side .date,.txt-side .icon{display:inline-block;vertical-align:text-bottom}.txt-side .date{font-size:16px;font-weight:500;margin-right:10px}.txt-side .icon{background:#666;color:#fff;font-size:10px;font-weight:500;padding:2px 7px}.txt-side h3{font-size:20px;margin:20px 0}.txt-side p{font-size:14px}h1.title{color:#a67c52;font-size:40px;text-align:center;margin-bottom:40px}h1.title span{display:block;font-size:18px}.single{margin:0 auto 100px;width:1000px}.single .body{float:left;width:689px}.single .side-bar{float:right;width:242px}.single .date,.single .icon{display:inline-block;vertical-align:text-bottom}.single .date{font-size:16px;font-weight:500;margin-right:10px}.single .icon{background:#666;color:#fff;font-size:10px;font-weight:500;padding:2px 7px}.single h1{color:#a67c52;font-size:30px;margin:30px 0}.single .in-body{border-top:1px solid #a67c52;font-size:15px;font-weight:500;margin-bottom:100px;padding:25px 0}.single img{margin-bottom:40px}.single-link.btn_wrap{display:block;margin-top:100px}.single .body a{border:1px solid #a67c52;border-radius:5px;color:#a67c52;display:block;font-size:14px;font-weight:500;height:35px;line-height:35px;text-align:center;width:200px}.single .body a:hover{background:#a67c52;color:#fff}.side-bar h2{color:#a67c52;font-size:24px;margin-bottom:20px}.side-bar h3{color:#a67c52;font-size:14px;margin:40px 0 20px}.side-bar h2 span{font-size:14px;margin-left:20px}.side-list li{border-top:1px solid #a67c52}.side-list a{padding:20px 0;display:table}.side-list .img-side{display:table-cell;vertical-align:top;width:100px}.side-list .txt-side{margin-left:10px}.single .side-list .date{font-size:13px;margin-bottom:5px}.side-list .txt-side h3{font-size:14px;margin:10px 0 0}.cate-list{border-top:1px solid #a67c52;font-size:14px;padding:25px 0}.cate-list li a:hover{color:#a67c52}.wp-pagenavi{margin:50px auto 0;text-align:center}.wp-pagenavi span.pages{display:none}.wp-pagenavi a,.wp-pagenavi span{color:gray;font-size:20px;font-weight:500;margin:0 10px}.wp-pagenavi span.current{border-bottom:2px solid #a67c52;color:#a67c52}.sec1{background:linear-gradient(180deg,#fff 0%,#fff 50%,#e6e6e6 50%,#e6e6e6 100%);padding:50px 0}.sec1 img{display:block;margin-left:auto}.sec1 .txt{right:950px;position:absolute;top:10%}.sec1 .txt h2{background:#c69c6d;color:#fff;font-size:64px;height:90px;letter-spacing:5px;line-height:90px;text-align:center;width:292px}.sec1 .txt h3{background:#c69c6d;color:#fff;font-size:16px;height:26px;margin-top:10px;text-align:center;width:115px}.sec1 .txt h4{color:#f2f2f2;font-size:119px;letter-spacing:5px;position:absolute;right:65px;top:315px;-moz-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.sec1 .txt h5{font-size:30px;font-weight:700;//line-height:40px;top:450px;position:relative}.sec1 .txt p{font-size:13px;top:640px;position:absolute;width:380px}.sec1 .txt p span{letter-spacing:5px}.sec2{background:#e6e6e6;padding:0 0 50px}.sec2 .inner{margin:0 auto;width:1100px}.sec2 .txt{left:0;margin:auto;position:absolute;right:0;top:20%;width:1100px}.sec2 .txt h2{background:rgba(198,156,109,.8);color:#fff;display:table;font-size:64px;height:90px;letter-spacing:5px;line-height:90px;margin-left:auto;padding:0 20px;text-align:center}.sec2 .txt h3{background:rgba(198,156,109,.8);color:#fff;display:table;font-size:16px;height:26px;margin-left:auto;margin-top:10px;padding:0 20px;text-align:center}.sec2 .inner .block{background:rgba(255,255,255,.8);bottom:-20px;padding:55px 55px 35px;position:absolute;right:0;width:550px}.sec2 .inner .block h2{font-size:30px;font-weight:700;margin-bottom:30px}.sec2 .inner .block h3{font-size:20px}.sec2 .inner .block h3 span{font-weight:400}.sec2 .inner .block p{font-size:13px;margin:30px 0}.sec2 .inner .block .menu{font-size:14px;font-weight:500;margin:30px 0}.sec2 .inner .block .menu span{display:block;font-weight:400;font-size:12px}.sec2 .inner .block .tel{border:1px solid #666;border-radius:5px;font-size:14px;font-weight:500;height:48px;line-height:48px;text-align:center}.sec2 .inner .block .tel a{display:block;width:100%}.sec2 .inner .block .tel a:hover{background:#666;color:#fff}.sec2 .inner .block .tel span{font-size:22px;margin-left:20px}.sec3{background:linear-gradient(0deg,#fff 0%,#fff 50%,#e6e6e6 50%,#e6e6e6 100%);padding:50px 0}.sec3 .inner{margin:0 auto;width:1100px}.sec3 .inner img{display:block;margin-left:auto;position:relative;right:50px}.sec3 .txt{position:absolute;top:-40px}.sec3 .txt h2{background:#c69c6d;color:#fff;font-size:64px;height:90px;letter-spacing:5px;line-height:90px;text-align:center;width:343px}.sec3 .txt h3{background:#c69c6d;color:#fff;font-size:16px;height:26px;margin-top:10px;text-align:center;width:137px}.sec3 .txt h5{font-size:30px;font-weight:700;top:300px;position:relative}.sec3 .txt h5 span{font-weight:500}.sec3 .txt p{font-size:13px;top:330px;position:relative}.sec-title{background:#1a1a1a;color:#fff;font-size:16px;padding:90px 0;text-align:center}.sec-title h5{color:#a67c52;font-size:34px;margin-bottom:40px}.sec-title h6{font-size:16px}.sec4{background:#1a1a1a;color:#fff;font-size:14px;padding:50px 0}.sec4 .inner{margin:0 auto;width:1100px}.sec4 .flex>div{width:48%}.sec4 .row>div:first-child{font-weight:500;width:150px}footer{background:#1a1a1a;background-image:url(//cafesaiki.jp/wp/wp-content/themes/saiki/css/../images/footer-img.jpg);background-repeat:no-repeat;background-size:contain;color:#fff;font-size:14px;padding:50px 0 70px}footer .inner{margin:0 auto;width:1100px}.line{background:#fff;margin-left:40px;padding:15px 30px;width:640px}.line>div{float:left;margin-right:30px}.line>div:first-child{line-height:125px}.line>div:nth-child(2){line-height:40px;top:15px;position:relative;vertical-align:middle}.line>div:last-child{border:1px solid #adadad;float:right;margin-right:0;width:125px}.line h3{color:#03b700;font-size:20px;letter-spacing:2px}.line a{border:2px solid #a67c52;border-radius:5px;color:#a67c52;font-size:20px;font-weight:500;display:block;text-align:center;width:288px}.line a:hover{background:#a67c52;color:#fff}.line>a{display:none}footer .txt{position:absolute;line-height:35px;right:50px;bottom:0}footer .txt h6{font-size:16px}footer .txt p{color:#999}footer .txt a{border:1px solid #fff;border-radius:5px;color:#fff;display:block;font-weight:500;height:47px;line-height:47px;margin:10px 0;text-align:center;width:100%}footer .txt a:hover{background:#fff;color:#1a1a1a}footer .txt a span{font-size:22px;margin-left:20px}.copy{color:#666;font-size:12px;font-weight:500;margin-top:60px;text-align:right}.sp-btn{display:none}.gw-info{background:#1a1a1a;color:#fff;padding:20px 0}.gw-info .table{display:table;margin:0 auto}.gw-info .table>div{display:inline-block;font-size:14px;vertical-align:top}.gw-info .table>div.th{font-weight:700;margin-right:30px}@media all and (min-width:0) and (max-width:767px){header.no-top{height:80px;//position:absolute;top:0;width:100%}header .inner{height:auto;line-height:unset;position:absolute;width:100%;z-index:5}header .inner .nav{background:#fff;display:none;height:100vh;position:absolute;width:100%}header .inner .nav li{border-bottom:2px solid #e6e6e6;float:none;height:50px;line-height:50px;margin-left:0}header .inner .nav li:last-child{display:block;border-bottom:none;padding:0 0 0 20px}header .inner .nav li span a{display:inline-block;margin-left:10px;padding:0;vertical-align:top;width:25px}header .inner .nav li a{display:block;padding:0 0 0 20px;width:100%}header .inner .tel{background:#333;height:50px;line-height:50px;margin-left:0;position:absolute;right:0;text-align:center;top:20px;width:50px}header .inner .tel a{color:#fff}header .inner .tel .fa{margin:0}header .inner .tel span{display:none}header .inner .logo{margin:20px 0 0 10px}header .inner .logo img{width:120px}.sp-btn{display:block;position:absolute;right:0;top:70px;transition:.2s}.sp-btn.closed{top:0;height:100vh;background:#1a1a1a}.mv>h1{bottom:100px;top:unset;width:80%}.news .inner{height:auto;line-height:unset;padding:10px 0;width:95%}.news h3{display:none}.blog{padding:7px 0 0}.blog>div{font-size:12px}.blog .icon{float:unset;margin-right:0}.blog .date{margin-right:10px}.news .viewall{background:#a67c52;bottom:unset;height:40px;line-height:18px;top:13px;width:40px}.news .viewall a{color:#fff}.blog>div.title{margin-top:5px}.sec1{background:linear-gradient(180deg,#fff 0%,#fff 30%,#e6e6e6 30%,#e6e6e6 100%);overflow:hidden;padding:20px 0}.sec1 img{position:relative;right:-40px}.sec1 .txt{position:static;right:unset;left:15px}.sec1 .txt h2{display:table;font-size:26px;height:auto;left:15px;letter-spacing:3px;line-height:unset;padding:5px 10px;position:absolute;top:10px;width:auto}.sec1 .txt h3{display:table;font-size:14px;height:auto;left:15px;padding:5px 10px;position:absolute;top:50px;width:auto}.sec1 .txt h4{display:none}.sec1 .txt h5{font-size:18px;top:0;left:40px;position:relative}.sec1 .txt p{font-size:12px;top:0;left:40px;position:relative;width:80%;margin-top:10px}.sec2{background:linear-gradient(180deg,#e6e6e6 0%,#e6e6e6 10%,#000 10%,#000 100%);padding:0 0 20px}.sec2 .txt{display:table;left:0;margin:auto;position:absolute;right:0;top:0;width:90%}.sec2 .txt h2{font-size:26px;height:auto;letter-spacing:3px;line-height:unset;padding:5px 10px}.sec2 .txt h3{font-size:14px;height:auto;padding:5px 10px}.sec2 .inner{width:90%}.sec2 .inner .block{background:0 0;bottom:0;color:#fff;padding:15px 0;position:relative;right:0;width:100%}.sec2 .inner .block h2{font-size:20px;margin-bottom:15px;text-align:left}.sec2 .inner .block h3{font-size:16px;text-align:right}.sec2 .inner .block p{font-size:12px;margin:15px 0}.sec2 .inner .block .menu{font-size:10px;margin:15px 0}.sec2 .inner .block .menu span{font-size:10px}.sec2 .inner .block .tel{border:1px solid #c69c6d;font-size:10px}.sec2 .inner .block .tel a{color:#c69c6d}.sec2 .inner .block .tel span{font-size:16px;margin-left:5px}.sec3{padding:120px 0 20px}.sec3 .txt{position:static}.sec3 .inner{width:90%}.sec3 .inner img{right:0;left:0}.sec3 .txt h2{font-size:26px;display:table;height:auto;line-height:unset;padding:5px 10px;position:absolute;top:-100px;width:auto}.sec3 .txt h3{font-size:12px;display:table;height:auto;padding:5px 10px;position:absolute;top:-60px;width:auto}.sec3 .txt h5{font-size:18px;top:0;position:static}.sec3 .txt p{font-size:12px;margin-top:10px;top:0;position:static}.sec-title{padding:50px 0}.sec-title h5{font-size:34px;margin-bottom:10px}.sec4{font-size:12px;padding:20px 0}.sec4 .inner{display:block;width:90%}.sec4 .flex>div{width:100%}.sec4 .row>div:first-child{width:100px}footer .inner{width:auto}footer .fb{display:none}.line{background:rgba(77,77,77,.8);display:block;margin:0 auto;padding:10px;width:90%}.line.f-left{float:unset}.line>div:last-child{display:none}.line>div:first-child{line-height:unset;width:50px}.line>div:nth-child(2){float:unset;line-height:25px;top:0;position:static;margin-right:0}.line>div{margin-right:5px}.line h3{font-size:14px;letter-spacing:1px}.line.facebook{margin-top:20px}.line.facebook h3{color:#fff}.line a{border:none;font-size:14px;display:table;margin-right:auto;width:auto}.line>a{color:#fff;border:2px solid #fff;display:table;height:40px;line-height:40px;margin:15px 0 0;text-align:center;width:100%}footer{background-size:auto 45%;background-position:10% 0;padding:30px 0 40px}footer .txt{font-size:10px;line-height:30px;margin:30px auto;position:static;text-align:center;width:100%}footer .txt a{border:1px solid #c69c6d;color:#c69c6d;height:80px;line-height:80px;margin:10px auto;width:85%}footer .txt a span{font-size:16px;margin-left:10px}.copy{font-size:10px;margin-top:30px;text-align:center}.content{width:90%}.pankuzu{margin:30px 0 25px}.list{width:100%}h1.title{font-size:30px;text-align:left;margin-bottom:20px}h1.title span{font-size:16px}.list li .img-side,.side-list .img-side{width:35%}.list li .txt-side{margin-left:10px}.txt-side .date,.single .side-list .date{font-size:14px;margin-bottom:0}.txt-side h3,.side-list .txt-side h3{font-size:18px;margin:10px 0 0}.txt-side p{display:none}.single{width:100%}.single .body{float:unset;width:100%}.single h1{font-size:24px;margin:10px 0}.single p{border-top:none;font-size:14px;padding:15px 0}.single .body a{margin-top:30px}.single .side-bar{float:unset;margin:50px 0;width:100%}.cate-list{padding:15px 10px}.side-list li:last-child{border-bottom:1px solid #a67c52}.sec-title.left h6{margin:0 auto;text-align:left;width:90%}.gw-info{padding:10px 0}.gw-info .table{width:95%}.gw-info .table>div{display:block;font-size:13px}.gw-info .table>div.th{margin-right:0}}