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

	Index

====================================================== --*/
/*-- information --*/
/*-- ------------------------------------------------- --*/
#Index .information{
	width:100%;
	height:104px;
	background:#f3f3f3;
}
#Index .information > div{
	max-width:1120px;
	padding:0px 10px;
	margin:0px auto;
}
#Index .information > div > ul{
	width:49%;
	float:left;
	box-sizing:border-box;
	border-left:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
	height:104px;
}
#Index .information > div > ul > li{
	float:left;
	width:25%;
	padding:14px 0px 14px;
	position:relative;
}
#Index .information > div > ul > li:last-child{
}
#Index .information > div > ul > li > span{
	box-sizing:border-box;
	border-right:1px solid #d4d4d4;
	display:block;
	height:76px;
	text-align:center;
	width:100%;
	padding:45px 0px 0px;
	position:relative;
	text-decoration:none;
	font-size:18px;
	line-height:31px;
	font-weight:bold;
	background:no-repeat 50% 7px;
	transition:all 300ms ease;
}
#Index .information > div > ul > li:last-child > span{
	border:none;
}
#Index .information > div > ul > li > span::before{
	font-size:28px;
	line-height:30px;
	font-weight:normal;
	color:#666666;
	left:50%;
	top:9px;
	margin:0px 0px 0px -20px;
	width:40px;
	text-align:center;
	transition:all 300ms ease;
	height:30px;
}
#Index .information > div > ul > li.on > span{
	color:#be904a;
}
#Index .information > div > ul > li.on > span::before{
	top:4px;
	color:#be904a;
}

#Index .information > div > ul > li:nth-of-type(1) > span::before{ content:"\e90c"; }
#Index .information > div > ul > li:nth-of-type(2) > span::before{ content:"\e904"; font-size:34px;}
#Index .information > div > ul > li:nth-of-type(3) > span::before{ content:"\e92a"; font-size:34px;}
#Index .information > div > ul > li:nth-of-type(4) > span::before{ content:"\e929"; }

#Index .information > div > ul > li ul{
	overflow:hidden;
	position:absolute;
	top:97px;
	left:0px;
	padding:0px 16px;
	background:white;
	border-radius:3px;
	z-index:100;
	border:1px solid #ccc;
	display:none;
}
#Index .information > div > ul > li ul{
}
#Index .information > div > ul > li::before{
	content:" ";
	width:10px;
	height:10px;
	position:absolute;
	z-index:90px;
	left:50%;
	margin:0px 0px 0px -5px;
	top:92px;
	background:#ccc;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	opacity:0;
	transition:opacity 300ms ease;
}
#Index .information > div > ul > li.on::before{
	opacity:1;
}
#Index .information > div > ul > li ul li{
	border-bottom:1px solid #ccc;
}
#Index .information > div > ul > li ul li:last-child{
	border-bottom:none;
}
#Index .information > div > ul > li ul li a{
	white-space:nowrap;
	font-weight:bold;
	display:block;
	line-height:24px;
	padding:9px 0px;
	text-decoration:none;
}

#Index .information > div div{
	width:48.3%;
	float:right;
	background:white;
	margin:7px 0px 0px;
	height:90px;
	border-radius:3px;
	box-sizing:border-box;
	padding:11px 10px 0px;
}
#Index .information > div p{
	max-width:471px;
	margin:0px auto 3px;
	font-size:12px;
	line-height:30px;
	padding:0px 0px 4px 40px;
	transition:all 300ms ease;
	position:relative;
}
#Index .information > div p::before{
	color:#666;
	position:absolute;
	left:0px;
	top:15px;
	font-size:24px;
}
#Index .information > div p br{
	display:none;
}
#Index .information > div p:nth-of-type(1){
	border-bottom:1px solid #cccccc;
}
#Index .information > div p:nth-of-type(1)::before{
	content:"\e931";
}
#Index .information > div p:nth-of-type(2)::before{
	content:"\e934";
}
#Index .information > div p span{
	color:#cdaa75;
}

.fix_bnr {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
    width: 288px;
}
.floating_box {
    z-index: 1100001;
}
.floating_bnr {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1100003;
    width: 900px;
    height: 600px;
}
    .floating_bnr a {
        display: block;
        background: #FFF;
    }
    .floating_bnr nav {
        position: absolute;
        background: #000;
        top: -14px;
        right: -14px;
        color: #FFF;
        font-size: 28px;
        font-weight: bold;
        width: 28px;
        line-height: 28px;
        cursor: pointer;
        transition: color 300ms ease;
    }
    .floating_bnr nav:hover {
        color: #be904a;
    }
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba( 0,0,0, 0.80 );
    z-index: 1100002;
}
@media screen and (max-width: 980px){
    .floating_bnr {
        margin: auto 20px;
        width: auto;
        height: 50%;
    }
}


@media screen and (max-width: 1016px){

#Index .information > div p{
	padding-left:27px;
	font-size:12px;
}
#Index .information > div > ul > li > span{
	font-size:15px;
}
#Index .information > div div{
	padding:11px 7px 0px;
	width:50%;
}
}

/*-- 総合案内　スマホのみ --*/
/*-- ------------------------------------------------- --*/
#Index .generalInformation {
	display:none;
}

/*-- 

	smp responsive Ele

====================================================== --*/
@media screen and (max-width: 800px){
/*-- information --*/
/*-- ------------------------------------------------- --*/
#Index .information{
	height:auto;
	width:auto;
	padding:14px 20px;
}
#Index .information > div{
	padding:0px;
}
#Index .information > div > ul{
	width:auto;
	float:none;
	overflow:hidden;
	margin:0px 0px;
	border:none;
	height:auto;
	height:77px;
	-webkit-transition:height 400ms ease,transform 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
	transition:height 400ms ease,transform 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);
	position:relative;
}
#Index .information > div > ul > li:nth-of-type(3) > span::before{ content:"\e92a"; font-size:29px;}

#Index .information > div > ul > li{
	margin:0px 0px 12px;
	padding:0px;
	position:static;
}
#Index .information > div > ul > li > span{
	height:65px;
	padding:34px 0px 0px;
	font-size:12px;
	letter-spacing:-1px;
	line-height:31px;
}
#Index .information > div > ul > li:last-child > span{
	border-right:1px solid #ccc;
}
#Index .information > div > ul > li:first-child > span{
	border-left:1px solid #ccc;
}

#Index .information > div > ul > li ul{
	top:72px;
	padding:0px 14px;
	width:100%;
	margin:0px 0px 0px;
	box-sizing:border-box;
}
#Index .information > div > ul > li::before{
	top:67px;
}
#Index .information > div > ul > li:nth-of-type(1)::before{ left:12.5%; }
#Index .information > div > ul > li:nth-of-type(2)::before{ left:37.5%; }
#Index .information > div > ul > li:nth-of-type(3)::before{ left:62.5%; }
#Index .information > div > ul > li:nth-of-type(4)::before{ left:87.5%; }
#Index .information > div > ul > li ul li a{
	white-space:normal;
}

#Index .information > div > ul > li:nth-of-type(2) > span::before{ font-size:28px;}



#Index .information > div div{
	width:auto;
	float:none;
	margin:0px 0px 0px;
	height:auto;
	border-radius:2px;
	padding:0px 15px 0px;
}
#Index .information > div p{
	max-width:1000px;
	margin:0px auto 0px;
	font-size:12px;
	line-height:18px;
	padding:16px 0px 13px 35px;
}
#Index .information > div p br{
	display:block;
}
#Index .information > div p span{
	color:#cdaa75;
}
#Index .information > div p::before{
	top:33px;
}



/*-- 総合案内　スマホのみ --*/
/*-- ------------------------------------------------- --*/
#Index .generalInformation{
	display:block;
	margin:0px 0px 42px;
}
#Index .generalInformation ul{
	margin:0px 20px;
}
#Index .generalInformation li{
	border:1px solid #ccc;
	border-radius:2px;
	margin:0px 0px 14px 0px;
	position:relative;
}
#Index .generalInformation li::before{
	display:inline-block;
	width:16px;
	top:50%;
	color:#666;
	left:16px;
	line-height:14px;
	font-size:16px;
	height:14px;
	vertical-align:-1px;
	margin:-7px 0px 0px 0px;
	font-weight:normal;
	position:absolute;
}
#Index .generalInformation li a{
	display:block;
	font-weight:bold;
	text-decoration:none;
	line-height:16px;
	padding:14px 10px 14px 48px;
	font-size:14px;
	position:relative;
}
#Index .generalInformation li a::before{
}
#Index .generalInformation li:nth-of-type(1)::before{ content:"\e929"; }
#Index .generalInformation li:nth-of-type(2)::before{ content:"\e91f"; }
#Index .generalInformation li:nth-of-type(3)::before{ content:"\e91f"; }
#Index .generalInformation li:nth-of-type(4)::before{ content:"\e91f"; }
#Index .generalInformation li:nth-of-type(2)::after,
#Index .generalInformation li:nth-of-type(3)::after,
#Index .generalInformation li:nth-of-type(4)::after{
	display:inline-block;
	top:50%;
	color:#666;
	left:16px;
	line-height:14px;
	font-size:16px;
	height:14px;
	vertical-align:-1px;
	margin:-8px 0px 0px 0px;
	font-weight:normal;
	position:absolute;
	content:"";
	border:1px solid #666;
	width:14px;
	border-radius:100%;
}

.fix_bnr {
    width: 100%;
}
    .fix_bnr a:hover img {
        opacity: 1.0;
    }

}
@media screen and (max-width: 320px){
#Index .generalInformation li a::before{ right:14px; }
#Index .generalInformation li a::after { right:14px; }
}