@charset "UTF-8";
/* CSS Document */

html{font-size: 87.5%;
	font-family: YuMincho, 'Yu Mincho',serif;
	padding: 0;
	margin: 0;}

body{font-size:1em;color:#000;}

article{margin: 0 auto;}
section{width: 800px;margin: 0 auto;}
.wrap_s{width: 800px;margin: 0 auto;}
.wrap_l{margin: 0 auto;width: 1000px;}
.wrap_t{margin: 0 auto;width: 700px;}


main{display: block;}

a{color: inherit;transition-duration: .3s;}

img{max-width: 100%;}

.sp{display: none;}

/* header---------------------------------*/
.pc_fix{display: flex; position: fixed;top: 0px;right: 0;z-index: 200;}
.pc_fix > p{background: #967022;color: #fff;margin-right: 10px;border-radius: 2px;transition-duration: .3s;}
.pc_fix > .tel{font-size: 2.07em;letter-spacing: 0.047em;}
.pc_fix > .tel a{display: flex;height: 100%; align-items: center; padding: 10px 20px;box-sizing: border-box;}
.pc_fix > .tel img{vertical-align: middle;margin-right: 5px;}
.pc_fix .yoyaku a{display: block;height: 100%; padding: 15px 10px 10px;box-sizing: border-box; transition-duration: 0s;}
.pc_fix .yoyaku img{display: block;margin:0 auto 10px;transition-duration: .3s;}
.pc_fix .yoyaku:hover{background: #fff;color: #000;}
.pc_fix .yoyaku:hover img{filter: invert(1);}

nav input{display: none;}
nav label{display: block;height: 100%; background: #000;color: #fff;padding: 15px 18px 10px;border-radius: 2px;cursor: pointer;transition-duration: .3s;position: relative; z-index: 900;}
nav label span:after{content: "";display: block;width: 45px;height: 1px;background: #fff;margin: 0 auto 10px;transition-duration: .3s;}
nav label:hover{background: #fff;color: #000;}
nav label:hover span:after{background: #000;}
nav .gnav{display: flex;flex-direction: column;justify-content: center; width: 100%; height: 100%; text-align: center;color: #967022; background: url("../img/common/bg_marble.jpg")no-repeat;position: fixed;top: 0;left: 0; background-size: cover;padding: 30px 0;visibility: hidden;opacity: 0; transition-duration: .3s;z-index: 100;}
/*.no-webp nav .gnav{ background: url("../img/common/bg_marble.jpg")no-repeat; background-size: cover; }*/
nav .gnav .logo{margin-bottom: 70px;}
nav .gnav ul{display: flex;flex-wrap: wrap; justify-content: space-between; margin-bottom: 70px;padding: 0 80px;}
nav .gnav li{flex-basis: calc(100%/4 - 15px); display: inline-block;margin-bottom: 20px;}
nav .gnav li a{display: block; background: #967022;font-size: 1.14em;letter-spacing: 0.015em; color: #fff;padding: 30px;}
nav .gnav li.bg_black a{background:black;}
	
nav .gnav li a:hover{background: #fff;color: #967022;}
nav .gnav .tel{font-size: 2.85em;}
nav .gnav .tel a{display: inline-flex;align-items: center;}
nav .gnav .tel a img{margin-right: 5px;}
nav .gnav .tel + p{letter-spacing: 0.015em;line-height: 1.7;}
nav input:checked ~ .gnav{visibility: visible;opacity: 1;}
nav input:checked ~ label{background: none;color: transparent;}
nav input:checked ~ label span:after{background: #967022;width: 100px;}
nav input:checked ~ label span:last-child:after{content: none;}
nav input:checked ~ label span:nth-child(1):after{transform: rotate(30deg) translate(10px,18px);}
nav input:checked ~ label span:nth-child(2):after{transform: rotate(-30deg) translate(-5px,8px);}

.btn{width: 300px;text-align: center;margin: auto;}
.btn a{display: block;background: #967022;color: #fff;letter-spacing: 0.1em; padding: 25px 20px;border: 1px solid #967022;border-radius: 12px;box-sizing: border-box;}
.btn a:hover{color: #967022;background: #fff;}

.btn_black{width: 300px;text-align: center;margin: 1.5rem auto 0;}
.btn_black a{display: block;background: black;color: #fff;letter-spacing: 0.1em; padding: 25px 20px;border: 1px solid #967022;border-radius: 12px;box-sizing: border-box;}
.btn_black a:hover{color: #FFF;background: #967022;}


/* footer---------------------------------*/
footer{background: #000;padding-top: 60px;color: #fff;}
footer .tit{text-align: center;font-weight: normal;font-size: 1.92em;letter-spacing: 0.075em;color: #fff;margin-bottom: 30px;}
footer .tit span{display: block;font-size: 0.814em;font-family: mrs-eaves-roman-all-petite-c, sans-serif;letter-spacing: 0;opacity: .5;}
footer .tit:after{content: "";display: block; width: 1px; height: 38px;background: #fff;margin:20px auto 0;}
footer .logo{text-align: center;margin-bottom: 80px;}
footer .logo img[src*="_l"]{display: none;}
footer article{display: flex;justify-content: space-between;}
footer article .left p{font-size: 1.14em; letter-spacing: 0.05em;line-height: 1.8;}
footer article .left p span{display: inline-block;width: 20px;text-align: center;margin-right: 5px;}
footer article .left .link{margin-top: 10px;}
footer article .left .link a{display: inline-block;border: 1px solid #fff;padding: 5px;}
footer article .left .link a:hover{background: #fff;color: #000;}
footer .right .yoyaku{width: 327px; text-align: center; font-size: 1.42em;letter-spacing: 0.05em; color: #000;;margin-bottom: 20px;position: relative;}
footer .right .yoyaku a{display: block;padding: 10px;background: #fff;}
footer .right .yoyaku a:hover{background: #967022;color: #fff;}
footer .right .yoyaku a:hover img{filter: invert(1);}
footer .right .yoyaku:after{content: "";border-style: solid;border-width: 8px; border-color: #000 #000 transparent transparent;position: absolute;top: 0;right: 0;}
footer .right .yoyaku img{margin-right: 5px;}
footer .right .tel{text-align: center; font-size: 3.06em;letter-spacing: 0.075em;}
footer .right .tel img{margin-right: 10px;}
footer .map{width: calc(100% - 100px);margin:0 auto;filter: grayscale(1);}
footer .foot{margin-left: 50px;margin-right: 22px;display: flex;justify-content: space-between;padding: 30px 20px 20px 0;}
footer .foot ul li{display: inline-block;}
footer .foot ul li:not(:last-child):after{content: "｜";margin: 0 10px;}
footer .foot .copy{font-size: 0.8em;font-family: mrs-eaves-roman-all-petite-c, sans-serif;letter-spacing: 0.05em;}
footer .foot ul li a:hover{text-decoration: underline;}

/*  Clearfix-------------------------------------*/
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}