@charset "UTF-8";

.pc_only{display: block;}
.sp_only{display: none;}

@media screen and (min-width: 1000px)  {
	#menu-gnav{display: block !important;}
	#sp-sns{display: none;}
}
@media screen and (max-width: 1000px)  {
	#menu-gnav{
		display: none;
		width: 100%;
		background: #fff;
		position: absolute;
		top: 90px;
		z-index: 100;
		box-shadow: 0px 4px 4px #9D9D9D;
	}
	#gnav{
		flex-wrap: wrap;
	}
	#gnav > li{
		width: 100%;
		border: 0;
		background-size: 30px;
		border: 0;
		padding: 0 0 0 50px;
		border-bottom: 2px dotted #9D9D9D;
		text-align: left;
		background-position: left 10px top 10px;
		position: relative;
	}
	#gnav > li::before {
		top: 15px;
		margin-top: 0;
	}
	#gnav li:first-child{
		border-left: 0;
	}
	#gnav > li:last-child{
		border-bottom: 1px solid #9D9D9D;
	}
	#gnav .dropdown-trig{
		height: 50px;
		cursor: pointer;
		position: relative;
		display: flex;
		align-items: center;
		font-style: normal;
		color: #444;
		width: 100%;
		padding-right: 3em;
	}
	#gnav .dropdown-trig br{display: none;}
	#gnav .dropdown-trig::before{
		content: "";
		width: 16px; /* 大きさ */
		height: 16px; /* 大きさ */
		margin: 0 20px;
		border-top: 1px solid #9D9D9D; /* 線の太さ・色 */
		border-left: 1px solid #9D9D9D; /* 線の太さ・色 */
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
		position: absolute;
		top: 10px;
		right: 0;
		transition: .3s all;
	}
	#gnav .dropdown-trig:hover::before{
		border-top-color: #a78f6a;
		border-left-color: #a78f6a;
	}
	#gnav .dropdown-trig.open::before{
		transform: rotate(45deg);
    	-webkit-transform: rotate(45deg);
		top: 20px;
	}
	#gnav li.open ul{
		display: block;
	}
	#gnav ul{
		padding-bottom: 0;
	}
	#gnav ul li{
		border-top: 2px dotted #707070;
	}
	#gnav li:nth-child(n + 7) {
		display: block;
	}
	#gnav > li > a{
		display: none;
	}
	#gnav > li > a + a{
		display: flex;
		height: 50px;
		align-items: center;
	}
	#gnav > li > a + a::after{
		content: "";
		width: 16px; /* 大きさ */
		height: 16px; /* 大きさ */
		border-top: 1px solid #9d9d9d; /* 線の太さ・色 */
		border-left: 1px solid #9d9d9d; /* 線の太さ・色 */
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		position: absolute;
		right: 25px;
		top: 50%;
		margin-top: -8px;
	}
	#gnav > li span{
		display: none;
	}
	#gnav li li a, #gnav li li span{
		display: flex;
		align-items: center;
		height: 50px;
		align-items: center;
	}
	#gnav ul ul{
		display: block;
	}
	#gnav ul ul li:last-child{
		border: 0;
	}
	#gnav li li{
		position: relative;
	}
	#gnav li li a::before{
		content: "-";
		position: absolute;
		left: -1em;
		top: 20px;
	}
	#gnav li li a::after{
		content: "";
		width: 10px; /* 大きさ */
		height: 10px; /* 大きさ */
		border-top: 1px solid #9d9d9d; /* 線の太さ・色 */
		border-left: 1px solid #9d9d9d; /* 線の太さ・色 */
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		position: absolute;
		right: 25px;
		top: 50%;
		margin-top: -6px;
	}
	#gnav li li a:hover::after{
		border-top-color: #a78f6a;
		border-left-color: #a78f6a;
	}
	#gnav li li a{
		color: #444;
		font-weight: normal;
		position: relative;
		padding-right: 40px;
		display: flex;
		align-items: center;
		height: 50px;
	}
	#gnav li a:hover{
		color: #a78f6a;
	}
	#gnav-trig{
		display: block;
		width: 50px;
		height: 50px;
		padding: 10px;
		text-align: center;
		cursor: pointer;
		position: absolute;
		top: 50%;
		margin-top: -20px;
		right: 10px;
		z-index: 2;
	}
	#gnav-trig u{
		display: block;
		width: 100%;
		height: 2px;
		margin: 6px auto;
		background: #707070;
		transition: .5s all;
	}
	#gnav-trig.open u:nth-child(1){
		transform: translateY(8px) rotate(-30deg);
	}
	#gnav-trig.open u:nth-child(2){
		opacity: 0;
	}
	#gnav-trig.open u:nth-child(3){
		transform: translateY(-8px) rotate(30deg);
	}
	.nav-sns{margin-right: 60px;}
	#sp-sns .nav-sns{justify-content: flex-start; margin-top: 10px;}
	#sp-sns .nav-sns::before{display: none;}
	#sp-sns .nav-sns li{display: none; margin: 0; width: 30px;}
	#sp-sns .nav-sns li:last-child{display: block;}
}
@media screen and (max-width: 810px)  {
	header{padding-top: 15px; padding-bottom: 15px;}
	#head-top{margin-bottom: 0; padding-right: 0;}
	header .nav-sns{width: auto; margin-right: 50px;}
	header .nav-sns li{margin-top: 20px;}
	header .nav-sns li:last-child{margin-left: 20px;}
	header .nav-sns::before{top: 0; right: auto;}
	header h1{display: flex; align-items: center;}
	#gnav-trig{right: 0; margin-top: -25px;}
	#menu-gnav{top: 70px; padding-bottom: 10px;}
	main{padding: 10px 0;}
	#sitemap .wrap{flex-wrap: wrap;}
	body{overflow-x: hidden;}
	footer #copy{font-size: 10px;}
	#pagetop{width: 30px; height: 30px;}
	#pagetop::before{width: 10px; height: 10px;}
}
@media screen and (max-width: 480px)  {
	.pc_only{display: none;}
	.sp_only{display: block;}
}