@charset "UTF-8";
/* COMMON CSS Document */
.content{margin:0 auto; max-width:1220px;width: 100%;padding:0 10px;box-sizing: border-box;}


/*HEADER
====================================*/
header{padding: 40px 0 0 0;}
header h1{display: none;width: 300px;position: absolute;left: 10px;top:10px;}
header .btn{
	display: none;
	position: absolute;
	right:20px;
	z-index: 99999;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

#gnav{max-width: 837px;width: 100%;margin: 0 auto;padding:0 10px;box-sizing: border-box;}
#gnav li.active{font-weight: bold;}
#gnav li{float: left;}
#gnav li:nth-of-type(1){width: 16.4%;}
#gnav li:nth-of-type(2){width: 16.89%;}
#gnav li:nth-of-type(3){width: 23.5%;}
#gnav li:nth-of-type(4){width: 25.45%;}
#gnav li:nth-of-type(5){width: 17.74%;}
#gnav li .sp{display: none;}


/*MAIN CONTENT
====================================*/
.main{padding:65px 0;overflow: hidden;}
.main #wrap_tit{text-align: center;padding:0 0 30px 0;}
.main #wrap_tit h2{font-size: 39px;}
.main #wrap_tit .title{font-size: 18px;font-family: 'Libre Baskerville';}
.main .box .tit{font-size: 18px;}
.main .table02 td:first-of-type{width: 40px;}
.main a{text-decoration: underline;}
.main a:hover{opacity: 0.7;}

/*FOOTER
===================================*/
footer{text-align: center;padding:45px 0 20px 0;background: #fdf6f3;}
footer #f_box{
	height: 26px;
	width: 100%;
	position: relative;
	border-bottom: 2px solid #ada29c;
	margin:0 0 45px 0;
}
footer #f_box #f_logo{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	display: block;
	background:#fdf6f3;
	padding: 0 20px 0 20px;
}
footer #sendM{padding:0 0 30px 0;display: block;}
footer #sendM:hover{opacity: 0.7;}
footer #social{width: 135px;margin: 0 auto 25px;overflow: hidden;}
footer #social a{float: left;margin: 0 35px 0 0;}
footer #social a:nth-last-of-type(1){margin: 0;}
footer #social .icon{font-size: 24px;color:#42291b;}
footer #copyR{clear: both;}

/*===============================
             MEDIA
================================*/
@media only screen and (max-width:736px){
header{position: relative;border-bottom: 1px solid #42291b;padding:0;}
header h1{display: block;}
#gnav{display: none;position: absolute;width: 100%;z-index: 9999;padding:0;}
#gnav ul{background: #fff;}
#gnav li{display: block;float: none;width: 100% !important;text-align: center;padding:15px 0 0 0;}
#gnav li:last-of-type{padding: 20px 0;}
#gnav li img{display: none;}
#gnav li span{font-size: 18px;}
#gnav li .sp{display: block;font-family: 'Libre Baskerville';}
header .btn{display: block;}

.main{padding: 5% 0;}
.main #wrap_tit figure{display: none;}

footer{padding:10px 0;}
footer #sendM{width: 200px;margin: 0 auto;}
}

@media only screen and (max-width:640px){
header h1{width: 46.8%;}
}

@media only screen and (max-width:480px){
header .btn{width: 6.45%;}

.main #wrap_tit h2{font-size:8vw;}

footer #f_box{border-bottom: none;height: auto;width: 219px;margin: 0 auto;}
footer #f_box #f_logo{
	position: static;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	display: block;padding:0 0 30px 0;
}
}

@media only screen and (max-width:360px){
#gnav li{padding: 10px 0 0 0;}
#gnav li:last-of-type{padding: 15px 0;}
#gnav li span{font-size: 16px;}
footer #copyR{font-size: 3.3vw;}
}