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

/************************
	header　*/
#header {
	position: relative;
	z-index: 2;
	text-align: center;
	margin-bottom: 1px;
}
#header .inner {
	/*padding: 20px 0;*/
	padding: 15px 0;
}
#header .logo {
	float: left;
}
.header_nav {
	float: right;
}
.header_nav li {
	float: right;
	text-align: center;
	box-sizing: border-box;
}
.header_nav li a {
	display: block;
	font-size: 14px;
}
.header_nav .hankyu {
	margin: 0 20px;
}
.header_nav .hankyu a {
	padding: 11px;
	color: #000;
}
.header_nav .hankyu a:hover {
	text-decoration: underline;
}
.header_nav .N {
	width: 180px;
	border: 1px solid #6d0070;
}
.header_nav .N a {
	display: block;
	padding: 10px;
	color: #fff;
}
.header_nav .req a {
	color: #6d0070;
}
@media screen and (max-width: 768px) {
	#header .inner {
		padding: 15px 0;
	}
	#header .logo img {
		width: auto;
		height: 34px;
	}
	.header_nav .hankyu { display: none;}
}
@media screen and (max-width: 480px) {
	#header {
		margin-bottom: 0;
	}
  #header .logo {
    float: none;
    margin: 0 auto;
  }
	.header_nav {
		float: none;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 50%;
	}
	.header_nav .N {
		width: 100%;
		margin: 0;
	}
	.header_nav li a {
		font-size: 10px;
		padding: 20px 0!important;
	}

}
/*
gnav
*/
.gnav {
	background: #000;
}
.gnav ul {
	max-width: 1230px;
	margin: auto;
	border-left: 1px solid #fff;
}
.gnav li {
	float: left;
	width: 16.666%;
	border-right: 1px solid #fff;
	text-align: center;
	font-size: 22px;
	background: #000;
	box-sizing: border-box;
	transition: all .6s;
}
.gnav a {
	display: block;
	color: #fff;
	padding: 12px 10px;
}
.gnav a:hover,.gnav li .selflink {
	background: #6d0070;
  background-image: -moz-linear-gradient( 90deg, rgb(113,37,107) 0%, rgb(192,105,159) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(113,37,107) 0%, rgb(192,105,159) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(113,37,107) 0%, rgb(192,105,159) 100%);
}
.gnav li img {
	max-width: 157px;
	width: 100%;
	height: auto;
}
.gnav .home,
.gnav .top { display: none;}

@media screen and (max-width: 768px) {
	.gnav li {
		width: 25%;
		border-bottom: 1px solid #fff;
	}
	.gnav .home,
	.gnav .top {
		display: block;
	}
}
@media screen and (max-width: 480px) {
	#footer-wrap .gnav { display: none;}
	#spNav {
		position: fixed;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 52px;
		line-height: 52px;
		font-size: 10px;
		background: #000;
		color: #fff;
	}
	.menu_open #spNav {
		background: #333;
	}
	.gnav {
		position: fixed;
		bottom: 52px;
		display: none;
	}
	.gnav li {
		width: 50%;
	}
}


/************************
	main　*/
#introduce {
	background: #f8f6e7;
	border: 1px solid #6d0070;
	border-width: 1px 0;
	margin-bottom: 50px;
	padding: 5% 0;
	overflow: hidden;
}
#introduce .inner {
	width: 92%;
}
#introduce h2,
#introduce h3{
	font-feature-settings : "pkna" 1;
}
#introduce h2 {
	margin-top: 0;
	border-bottom: 1px solid #6d0070;
	color: #6d0070;
}
#introduce .text {
	float: left;
	width: 44%;
}
#introduce .mainimg {
	float: right;
	width: 53.125%;
}
@media screen and (max-width: 768px) {
	#introduce {
		padding: 0;
		position: relative;
	}
	#introduce .inner {
		width: 100%;
	}
	#introduce .mainimg {
		float: none;
		width: 100%;
		position: absolute;
		opacity: 0.3;
		z-index: 0;
	}
	#introduce .text {
		position: relative;
		float: none;
		width: 100%;
		margin: auto;
		padding: 2em;
		box-sizing: border-box;
		z-index: 1;
	}
}
@media screen and (max-width: 480px) {
	#introduce .mainimg {
		position: static;
		opacity: 1;
	}
}

.sec_title {
	color: #6d0070;
	text-align: center;
}
.sec_title::after {
	content: "";
	display: block;
	width: 90%;
	height: 3px;
	margin: 1em auto;
	background: linear-gradient(to right, rgba(109,0,112,0) 0%, rgba(109,0,112,0.7) 20%, rgba(109,0,112,0.7) 50%, rgba(109,0,112,0.7) 80%, rgba(109,0,112,0) 100%);
}




/************************
	footer　*/

.footNav {
	margin: 40px auto 0;
	border: #6d0070 solid;
	border-width: 1px 0 0;
  background: #f6f6f6;
}
.footNav ul {
	text-align: center;
	padding: 30px 0;
}
.footNav li {
	display: inline-block;
	border: #6d0070 solid 1px;
	width: 400px;
	margin: 10px 20px;
	box-sizing: border-box;
	vertical-align: bottom;
	transition: all .2s;
	background: #fff;
}
.footNav a {
	display: block;
}
.footNav li:hover {
	box-shadow: 0px 2px 10px rgba(0,0,0,0.3);
}
.footNav .hankyu a {
	padding: 5.2%;
}
.footNav .hankyu img {
	max-width: 271px;
}

.footNav .sai { display: none;}
@media screen and (max-width: 480px) {
	.footNav {
		background: #6d0070;
	}
	.footNav ul {
		padding: 0;
	}
	.footNav li {
		width: 90%;
		max-width: 400px;
		margin: 10px auto;
	}
	.footNav .hankyu {
    margin-bottom: 0;
  }
}

#footer {
	border-top: 4px solid #6d0070;
}

/*問い合わせ削除*/
#footer .tel .pc_contact,
.header_nav .contact {
  display: none;
}
#footer .tel li:nth-child(2) {
    border-width: 0;
}


/************************
	popup　*/

.popup .gnav,
.popup .header_nav,
.popup .footNav {
	display: none;
}
.popup #header {
	border-bottom: 1px solid #000;
}
.popup #content .inner {
	max-width: 900px;
	margin: auto;
}

/************************************
	hover
*/
.hvr-shutter-in-vertical {
  background: #6f001d;
	border: none;
}
.hvr-shutter-in-vertical:before {
  background: #6d0070;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: #fff!important;
}
.req .hvr-shutter-in-vertical:before {
	background: #fff;
}