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

* {
  margin: 0;
  padding: 0;
  border: 0;
}
img {
  width: 100%;
}
a {
    cursor: pointer !important;
}
a:hover img {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
.scroll {
	opacity : 0;
	transform : translate(0, 100px);
	transition : all 1000ms;
}
.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
BODY {
  min-width: 1200px;
  margin: 0 auto;
	font-family: "fot-tsukuaoldmin-pr6n", sans-serif;
font-feature-settings: "palt";
}
.min {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.opt {
  font-family: "Optima", sans-serif;
}
p {
	font-size: 16px;
	line-height: 1.8em;
  color: #333;
  padding: 0 0 15px 0;
  margin: 0;
	letter-spacing: 0.1em;
}
header {
	width: 100%;
	height: 100px;
	background: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  position: fixed;
	z-index: 1000;
	overflow: hidden;

}
#headbox {
	width: 1200px;
	margin: 0 auto;
}
header h1 {
	float: left;
	width: 200px;
	padding: 20px 0 0 0;
	line-height: 1;
}
.headmenu {
	float: right;
	padding: 35px 0 0 0;
}
.headmenu ul {
	overflow: hidden;
}
.headmenu ul li {
float: left;
	font-size: 20px;
}
.headmenu ul li a {
	padding: 0 20px;
	color: #333;
	text-decoration: none;
}
.headmenu ul li a:hover {
	padding: 0 20px;
	color: #b20000;
	text-decoration: none;
}

#float {
    width: 37px;
    position: fixed;
    right: 15px;
    top: 40%;
    z-index: 100;

    /* 最初は非表示 */
    opacity: 0;
    visibility: hidden;
    transform: translateX(30px);

    /* ふわっと表示 */
    transition:
        opacity 0.6s ease,
        transform 0.6s ease,
        visibility 0.6s;
}

/* スクロール後 */
#float.show {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

#float img {
    width: 100%;
    height: auto;
    display: block;
}
.pc {
  display: block;
}
.sp {
  display: none;
}
footer {
	background-color: #F4F2EE;
	padding: 80px 0 100px 0;
}
#foot {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.foot-logo {
	width: 200px;
	float: left;
	margin: 0 300px 0 0;
}
.footmenu {
	float: left;
}
.footmenu ul {
}
.footmenu ul li {
	font-size: 14px;
}
.footmenu ul li a {
	text-decoration: none;
	color: #333;
	padding: 0 0 15px 0;
	list-style: none;
}
.footmenu ul li a:hover {
	text-decoration: none;
	color: #B20000;
	padding: 0 0 15px 0;
	list-style: none;
}
.sns {
	float: right;
}
.sns ul {
	display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sns ul li {
	width: 40px;
	margin: 0 30px 0 0;
}
.sns ul li.zzz {
	width: 80px;
	margin: 0 0 0 0;
}

#footbox {
	width: 100%;
	position: relative;
	padding: 80px 0;
	background-color: #fff;
}
#foot-kokonoe {
	width: 320px;
	margin: 0 auto;
}
#copy {
	position: absolute;
	top: 45%;
	right: 10%;
	font-size: 12px;
}
#sp-nav {
	display: none;
}
#sp-menu{
	display: none;
}
/*スマホ==========================================================================================================*/
@media screen and (max-width: 480px) {
  BODY {
    min-width: 100%;
  }
	 .pc {
    display: none;
  }
  .sp {
    display: block;
  }

	p {
	font-size: 14px;
	line-height: 1.6em;
  color: #333;
  padding: 0 0 15px 0;
  margin: 0;
	letter-spacing: 0;
}
	header {
	width: 100%;
	height: auto;
	background: none;
  position: absolute;
	z-index: 1000;
		backdrop-filter: blur(0);

}
#headbox {
width: 100%;
}
header h1 {
	float: none;
	width: 40%;
	padding: 10px 0 0 10px;
	line-height: 1;
}
.headmenu {
display: none;
}
	
	
footer {
	background-color: #F4F2EE;
	padding: 40px 0 40px 0;
}
#foot {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}
.foot-logo {
	width: 30%;
	float: left;
	margin: 0 0 0 20px;
}
.footmenu {
	float: right;
	width: 40%;
}
.footmenu ul {
}
.footmenu ul li {
	font-size: 14px;
}
.footmenu ul li a {
	text-decoration: none;
	color: #333;
	padding: 0 0 15px 0;
	list-style: none;
}
.footmenu ul li a:hover {
	text-decoration: none;
	color: #B20000;
	padding: 0 0 15px 0;
	list-style: none;
}
.sns-sp {
	width: 50%;
	margin: 40px auto 0;
}
.sns-sp ul {
	display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sns-sp ul li {
	width: 15%;
	margin: 0 0 0 0;
}
.sns-sp ul li.zzz {
	width: 30%;
	margin: 0 0 0 0;
}

#footbox {
	width: 100%;
	position: relative;
	padding: 40px 0 80px 0;
	background-color: #fff;
}
#foot-kokonoe {
	width: 50%;
	margin: 0 auto;
}
#copy {
	position: static;
	text-align: center;
	padding: 20px 0 20px 0;
	font-size: 12px;
}	
	
	
	#sp-nav {
		display: block;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 9999;
	}
	
	#sp-nav ul {
		width: 100%;
		display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
		background-color: #B65B3F;
	}
	
	#sp-nav ul li {
		width: 25%;
		padding: 20px 0;
		display: block;
	}
	#sp-nav ul li.spsp {
background-image: url("../img/menu-back.png");
		background-size: 100%;
	}
	
	.bot {
		border-right: 2px solid #fff;
	}
	
		/*------------------------------
スマホメニュー
------------------------------*/

#sp-menu{

    position:fixed;

    top:0;
    left:0;
    right:0;
    bottom:75px;   /* 下は固定メニューの高さ */

    background:rgba(255,255,255,.97);

backdrop-filter:blur(6px);

    z-index:9998;

    display:flex;
    justify-content:center;
    align-items:center;

    opacity:0;
    visibility:hidden;

    transition:.4s;

}

#sp-menu.open{

    opacity:1;
    visibility:visible;

}

#sp-menu ul{

    padding:25px 0;
	

}

#sp-menu li{

    text-align:center;

    padding:18px 0;

}

#sp-menu li a{

    color:#333;

    text-decoration:none;

    font-size:18px;

    display:block;

}

	
	
	
}