@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
} 
body {
	font-size: 14px;
	letter-spacing: 1px;
	font-family: EB Garamond,'Hiragino Mincho W3 JIS2004', Cormorant, 'Noto Serif Japanese', serif !important;
        font-weight: 500;
}
img{
	vertical-align:bottom;
	width: 100%;
	height: auto;
}
h1,h2,h3,h4,h5{
	font-size:100%;
	font-weight:500; 
}
ul,li{
	list-style-type: none;
}
a{
	text-decoration: none;
}
address{
	font-style: normal;
}
#wrap{
}
.linkStyle{
	color:#A3874E;
}
.linkStyle:hover{
	color:#A3874E;
	opacity: 0.7;
	transition: all 0.5s;
}

/*ヘッダー*/
header{
}
header h1{
	max-width: 150px;
}
header nav li{
	text-shadow: 0 1px 1px rgba(255,255, 255,0.7);
}
.t_contact{
	margin-left: auto;
}
.t_contact div a{
	padding: 10px 20px;
	    background-color: transparent;
    border: 1px solid #fff;
}
.site-header{

}
.header-change{
    position: fixed;
    top: -110px;
    transition: 1s;
    width: 100%;
    background-color: rgba(0 ,0 ,0 ,0.7);
	z-index: 9;
	padding: 10px 0;
}
.header-change .logo2{
	max-width: 110px;	
}
.header-change.show{
    top: 0;
}
.header-change .gnav__menu__item a{
    color: #fff;
    text-decoration: none;
}
.t_yoyaku_sp{
        font-size: 30px;
    right: 100px;
    position: absolute;
    display: none;
}
.t_yoyaku_sp a{
    color: rgba(255 ,255 ,255,0.8);
}
/*ヘッダー*/
footer{
	background-color: #fff!important;
}
footer .f_logo{
	max-width: 250px;
}
footer .f_tel{
	z-index: 9;
	top: -40px;
    left: 0;
    right: 0;
}
footer .footer_cms {
	line-height: 2.2;
}
footer .f_info p{
	padding: 15px;
    margin: 40px 0 80px;
}
.sns_link{
    top: 50%;
    right: 20px;
    transform: translate(0%,-50%);
}
.sns_link li{
    width: 45px;
    height: 45px;
}
.sns_link li img{
	width: 30px;
    height: 30px;
}
.banner {
    width: 80%;
    max-width: 500px;
    margin: auto;
	margin-top: 100px;
}

#copyright{
	margin-top: 60px;
}
/*top_return*/
#page-top {
    position: fixed;
    bottom: 50px;
    right: 20px;
	z-index: 99;
}
#page-top a img{
	height: 50px;
	width:50px;
}

/*ここからIE用環境の設定
---------------------------------------------------------------------------*/
@media all and (-ms-high-contrast: none){
body {
	font-family: 'Noto Serif JP', serif!important;
	font-style: normal;
	font-weight: 200;
}
}
/*ここからタブレット用（1250px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 1250px){
header .pc_menu ,header .t_contact,.header-change .pc_menu,.header-change .t_contact{
	display: none!important;
}
.t_yoyaku_sp{
    display: block;
}
}
/*ここからタブレット用（768px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 768px){
#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
	z-index: 99;
}
#page-top a img{
	height: 50px;
	width:50px;
}

}
/*ここからスマホ用（667px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 667px){
footer .f_info p {
    margin: 40px 0 60px;
}
.banner {
    margin-top: 20px;
}
#contact .banner {
    margin-top: 50px;
}
.sns_link {
    right: auto;
}
}