@charset "UTF-8";

/*▼　PC版メニュー　------------------------▼*/
.main_nav{
	margin-top: 10px; /* PCのみ */
	}
nav.main_nav ul{
	max-width: 1100px;
	margin: 0 auto;
	display: flex;
	justify-content:flex-end;
	align-items: center;
}
nav.main_nav ul li{
	text-align: center;
	margin: 10px 0px;
	padding: 0px 25px;
    border-left: 1px solid #b4b3b3;
    font-size: 15px;
	line-height: 80%;
	font-family: "Sawarabi Mincho";/*さわらび明朝*/
}
nav.main_nav ul li span{font-size: 13px;}

nav.main_nav ul li a {
	color: #000;
	text-decoration: none;
}
nav.main_nav ul li a:hover,
nav.main_nav ul li a:active{
	color: #A24B7C;
}
li.fast{border-left: 1px solid #b4b3b3;}

@media screen and (max-width:1000px){
li.last{
	border: none !important;
	padding-bottom: 30px!important;/*お問合せボタンとの間に隙間*/
}
}/*1000px*/


/*navのボタン（SNS）---------------------*/
.nav_sns{
	border: none !important;
	color: #A24B7C!important;
	padding: 0px 15px!important;
	display: flex;
	justify-content: center;
	}
.nav_sns i{padding-left: 10px;}

@media screen and (max-width:1000px){
.nav_sns{padding: 30px 15px!important;}
}/*1000px*/


/*navのボタン（お問い合わせ）---------------------*/
.nav_btn{
	background-color:#A24B7C;
	padding: 10px 20px !important;
	display: inline-block;
	text-decoration: none;
	font-size:16px;
	border: none !important;
}
.nav_btn a:link,
.nav_btn a:visited {
	color:#FFF !important;
	font-weight: normal;
	text-decoration: none;
}
.nav_btn:hover,
.nav_btn:active {
	color:#FFF !important;
	text-decoration: none;
	background-color:#B9789D;
}
.nav_btn i{padding-right: 7px;}

@media screen and (max-width:1000px){
.nav_btn{
	width: 80%!important;
	padding: 25px 20px!important;
}
}/*1000px*/


/*▼　SPハンバーガーメニュー　------------------------▼*/
@media screen and (max-width:1000px){
.hamburger {
	display : block;
	position: fixed;  /*位置固定*/
	margin-right:20px;
	margin-top: 20px;
	z-index : 99;
	right : 0;
	top   : 0;
	width : 80px;  /*ハンバーガーボタンの大きさ*/
	height: 80px;  /*ハンバーガーボタンの大きさ*/
	cursor: pointer;
	text-align: center;
	background: #A24B7C; /*ハンバーガーボタンの色*/
	border: solid 2px #FFF;
}
@media screen and (max-width: 600px) {
.hamburger {
	margin-right:10px;
	margin-top: 10px;
	top: 10px;
	right: 10px;
	width : 60px;  /*ハンバーガーボタンの大きさ*/
	height: 60px;  /*ハンバーガーボタンの大きさ*/
}
}

/*ボタンの線の長さや太さ、ボタンの大きさを変える時は、この長さも合わせて変える*/
.hamburger span {
	display : block;
	position: absolute;
	width   : 40px;  
	height  : 4px ;
	left    : 20px;
	background : #fff;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition   : 0.3s ease-in-out;
	transition        : 0.3s ease-in-out; /*線がバッテンになる時のアニメーションの速さ*/
}
@media screen and (max-width: 600px) {
.hamburger span {
	width   : 40px;  
	height  : 4px ;
	left    : 10px;
}
}

/*ハンバーガーボタンの線の高さ、ボタンの大きさを変える時は、この高さも合わせて変える*/
.hamburger span:nth-child(1) {top: 20px;/*一番上の線*/}
.hamburger span:nth-child(2) {top: 35px;/*二番上の線*/}
.hamburger span:nth-child(3) {top: 50px;/*三番上の線*/}
@media screen and (max-width: 600px) {
.hamburger span:nth-child(1) {top: 14px;/*一番上の線*/}
.hamburger span:nth-child(2) {top: 29px;/*二番上の線*/}
.hamburger span:nth-child(3) {top: 44px;/*三番上の線*/}
}


/* ナビ開いてる時の×ボタン、top leftはボタンを開いたときの位置、ボタンの大きさを変える時はここも変える*/
.hamburger.active span:nth-child(1) {
	top : 35px;
	left: 20px;
	background :#fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform   : rotate(-45deg);
	transform        : rotate(-45deg); /*線の角度*/
}
@media screen and (max-width: 600px) {
.hamburger.active span:nth-child(1) {
	top : 27px;
	left: 13px;
}
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
	 top: 35px;
	 background :#fff;
	-webkit-transform: rotate(45deg);
	-moz-transform   : rotate(45deg);
	transform        : rotate(45deg);/*線の角度*/
}
@media screen and (max-width: 600px) {
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
	top : 27px;
}
}




/*▼SPメニュー---------------------------------▼*/	
.main_nav{
	margin-top: 0px;
	}
	
	nav.main_nav {
	 	position: fixed;
	 	z-index : 88;
		top  : 0;
		left : 0;
		background:#FFF;
		text-align: center;
		width: 100%;
		height: 100vh; /*高さを画面サイズに合わせる*/
		opacity: 0;
		visibility: hidden;
		transition: opacity .6s ease, visibility .6s ease;
	}
	nav.main_nav ul {
		display: block;
		margin: 0 auto;
		margin-top: 50px;
		padding: 0;
		width: 100%;
		list-style: none;
	}
	nav.main_nav ul li {	
		width: 90%;
		margin: 0 auto;
		transition: .4s all;
		line-height: 80%;
		ffont-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
		font-size: 23px !important;
		text-align:center;
		padding: 1em 0;
		border-right: none !important;
		border-left: none !important;
		border-bottom: 1px dashed #000;
	}
	
	@media screen and (max-width: 600px) {/*スマホでフォントサイズを変更*/
	nav.main_nav ul li {font-size: 20px;}
	}
	
	nav.main_nav ul li:last-child {
		padding-bottom: 0;
		border: none;
	}
	nav.main_nav ul li a {
		display: block;
		color: #1e314d !important;/*文字のカラー*/	
		text-decoration :none;
	}
	nav.main_nav ul li a:hover,
	nav.main_nav ul li a:active{
		color: #1e314d !important;/*ホバー時の文字のカラー*/	
	}
	/* このクラスを、jQueryで付与・削除する */
	nav.main_nav.active {
		opacity: 100;
		visibility: visible;
	}
}


/* sp_btn-----------*/
.sp_btn{
	color: #FFF;
	font-size: 20px;
	padding: 10px 15px;
	max-width: 400px;
	text-align: center;
	margin: 0 auto 15px;
	background: #A24B7C;
}
.sp_btn a:hover,
.sp_btn a:active,
.sp_btn a:link,
.sp_btn a:visited {
	color: #FFF;
	text-decoration: none;
}
.sp_btn i{padding-right: 10px;}