@charset "utf-8";
@import url("./reset.css");

/*--京base.css--*/

html {
    font-size: 62.5%;
    min-width:1207px;/*トップのアニメーションの幅*/
}

body {
    width: 100%;
    height: 100%;
    color: #212121;
	font-family:"メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
    background-color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.0;
}

/* ------------------------------------------------------------ Misc. */
.noUse {
	display: none;
}
.clear {
	clear: both !important;
}
.clear_bl { clear: both; visibility: hidden; height: 0;}

.clearfix:after {
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
}
/*html {
    overflow: auto;
}*/
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

@media screen and (min-width: 769px) {
	.spC {
		display:none!important;
	}
}
.pad_t_5p{
    padding-top: 5px;
}
.pad_t_10p{
    padding-top: 10px;
}
.pad_t_15p{
    padding-top: 15px;
}
.pad_t_20p{
    padding-top: 20px;
}
.pad_t_30p{
    padding-top: 30px;
}
.pad_b_5p{
    padding-bottom: 5px;
}
.pad_b_10p{
    padding-bottom: 10px;
}
.pad_b_15p{
    padding-bottom: 15px;
}
.pad_b_20p{
    padding-bottom: 20px;
}
.pad_b_30p{
    padding-bottom: 30px;
}

a{
    text-decoration: none;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
a:hover {

}

/* ------------------------------------------------------------ *** */

/* ------------------------------------------------------------ Main Contents */
#wrapper{
	overflow: hidden;
    /* overflow-x: hidden; */
    display: -webkit-flex;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    min-width:960px;
}
#container{
    /*width:1800px;*/
    margin: 0 auto;
    padding:0 0 0 0;
}
#container img{
    vertical-align:bottom;
}
.contents{
    padding: 0;
    display: -webkit-flex;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;

    flex-wrap:wrap;
	justify-content: center;
}
#topicpath{
	font-size:0.8em;
	height:1em;
	padding:0 10px 10px 10px;
	margin:0 0 10px 0;
	clear:both;
}

/* ------------------------------------------------------------ *** */

/* ------------------------------------------------------------ header */
header{
	/*
	display: -webkit-flex;
	-js-display: flex;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	max-width:960px;
	margin:0 auto;
	*/
}

.headerInfoBox{
	display: -webkit-flex;
	-js-display: flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:flex-end;
	width: 960px;
	padding: 21px 0;
	/* height: 110px; */
	margin:0 auto;
}
	.headerInfoBox .logo{
		/* padding-bottom: 10px; */
	}

	/* --- nav --- */
	.headerInfoBox > nav{

	}
	.headerInfoBox > nav > ul{
		display: -webkit-flex;
		-js-display: flex;
		display: -ms-flexbox;
		display: flex;

		flex-wrap:wrap;
		justify-content: flex-end;
		align-items: center;
	    padding-bottom: 20px;
	}
	.headerInfoBox > nav > ul:last-child{
		padding-bottom: 3px;
		font-size: 18px;
		font-size: 1.8rem;
	}
	.headerInfoBox > nav > ul > li{
		padding-right: 18px;

	}
	.headerInfoBox > nav > ul:last-child > li{
		padding-right: 15px;
	}
	.headerInfoBox > nav > ul > li:last-child{
		padding-right: 0;
	}
	.headerInfoBox > nav > ul > li a{
		display:block;
		position:relative;
		font-size:0.95em;
	}
	
	.headerInfoBox > nav > ul.main_nav > li a{
		padding-bottom:8px;
	}
	
	.headerInfoBox > nav > ul.main_nav > li a:before{
		content:"";
		display:block;
		width:0;
		height:3px;
		background:#a6250f;
		position:absolute;
		bottom:0;
		left:0;
		transition:.5s all ease;
		opacity:0;
	}
	
	.headerInfoBox > nav > ul.main_nav > li a:hover:before,
	.headerInfoBox > nav > ul.main_nav > li.active a:before{
		width:100%;
		opacity:1;
	}
	
	.headerInfoBox > nav > ul > li a:hover{
	}
	

	
	.headerInfoBox > nav > ul > li.textLink001 a{
		color: #a6250f;
	}
	.headerInfoBox > nav > ul > li.textLink001 a:hover{
		color: #631406;
	}
	.headerInfoBox > nav > ul > li.textLink001 a::before{
		font-family: FontAwesome;
		content:"\f105";
		padding-right: 6px;
	}
	/* --- //nav --- */
/* ------------------------------------------------------------ *** */


/* ------------------------------------------------------------ footer */
footer{
	background: #505050;
	color: #ffffff;
}

	footer > .box_inner{
		width: 960px;
		color: #ffffff;
		display: -webkit-flex;
		-js-display: flex;
		display: -ms-flexbox;
		display: flex;
        padding: 35px 0 30px;
		margin:0 auto;
	}
	
	footer > .box_inner a{
		color:#fff;
	}
	
	footer > .box_inner .footerAddrBox{
		margin-right:80px;
	}
	
	footer > .box_inner .footerAddrBox .box_header{
		margin-bottom:20px;
	}
	
	footer > .box_inner .footerAddrBox .box_inner{
		line-height:1.6em;
	}
	
	footer > .box_inner .footerAddrBox .box_inner .company_name{
		font-size:1.1em;
		font-weight:bold;
		margin-bottom:10px;
	}
	
	footer > .box_inner .footerNav{
		display: -webkit-flex;
		-js-display: flex;
		display: -ms-flexbox;
		display: flex;
		padding-top:30px;
	}
	
	footer > .box_inner .footerNav a{
		color:#fff;
	}
	
	footer > .box_inner .footerNav > ul{
		margin-right:40px;
	}
	
	footer > .box_inner .footerNav > ul:last-child{
		margin-right:40px;
	}
	
	footer > .box_inner .footerNav > ul > li{
		margin-bottom:1.2em;
	}
	
	footer > .box_inner .footerNav > ul > li > a{
		background: url(../shared/icon_arrow001.png) no-repeat left 40%;
		padding-left:10px;
		display:block;
	}
	footer > .box_inner .footerNav > ul > li:last-child > a{
		background: url(../shared/icon_arrow001.png) no-repeat left 5%;
		padding-left:10px;
		display:block;
	}
	
		footer > .box_inner .footerNav > ul > li > ul{
			margin:1em 0 0 10px;
			font-size:0.9em;
		}
		
		footer > .box_inner .footerNav > ul > li > ul > li{
			margin-bottom:0.8em;
			position:relative;
			padding-left:1.2em;
		}
		
		footer > .box_inner .footerNav > ul > li > ul > li:before{
			content:"-";
			position:absolute;
			top:0;
			left:0;
		}
		
	footer > .box_footer{
		width: 960px;
		color: #ffffff;
		display: -webkit-flex;
		-js-display: flex;
		display: -ms-flexbox;
		display: flex;
		justify-content:space-between;
		margin:0 auto;
		padding: 0 0 30px;
		font-size:0.9em;
	}
	
		footer > .box_footer ul{
			display: -webkit-flex;
			-js-display: flex;
			display: -ms-flexbox;
			display: flex;
		}
		
			footer > .box_footer ul a{
				color:#fff;
			}
			
			footer > .box_footer ul li{
				border-right:1px solid #fff;
				padding:0 20px 0 0;
				margin-right:20px;
			}
			
			footer > .box_footer ul li:last-child{
				border-right:none;
				margin-right:0;
				padding:0;
			}
		
		footer > .box_footer .copyright{
			
		}
	


    footer > ul.footerMenuBox{
		width: 960px;
		color: #ffffff;

		display: -webkit-flex;
		-js-display: flex;
		display: -ms-flexbox;
		display: flex;
        padding: 0 0 30px;
	}
        footer > ul.footerMenuBox > li{
            color: #b9b9b9;
            font-size: 12px;
            font-size: 1.2rem;
        }
            footer > ul.footerMenuBox > li a{
                color: #e2e2e2;
            }
            footer > ul.footerMenuBox > li a:hover{
                color: #0000ff;
            }
        footer > ul.footerMenuBox > li::after{
            content: "|";
            padding: 0 10px;
            color: #b9b9b9;
        }
        footer > ul.footerMenuBox > li:nth-child(n+3)::after{
            content: "";
            padding: 0;
        }
        footer > ul.footerMenuBox > li:last-child{
            margin-left: auto;
        }
/* ------------------------------------------------------------ *** */


/* ------------------------------------------------------------ spMenu */
.spMenu{

}
.spMenuBtn,
.spMenuBtnOff{
    display: none;
    position: fixed;
}
/* ------------------------------------------------------------ *** */

#pages #main_box{
	width:860px;
	/*overflow:hidden;
	padding-bottom:60px;*/
	position:relative;
	top:0;
	left:0;
}


#pages #main_box_main{
	width:570px;
	padding:0 10px;
	overflow:hidden;
	float:left;
}

#pages #main_box_sub{
	width:290px;
	padding:0 10px;
	overflow:hidden;
	float:right;
}

#pages #contents_main{
	width:525px;
	margin:0 auto;
	overflow:hidden;
}

/*ハンバーガーはPCでは非表示*/
.drawer-hamburger{
	display:none;
}

/*右下のナビゲーション*/
.bottom_right_nav{
	width:40px;
	height:250px;
	position:fixed;
	bottom:10px;
	right:0;
	z-index:1;
}

	.bottom_right_nav ul li{
		width:40px;
		height:120px;
		margin-bottom:10px;
	}

	.bottom_right_nav ul li:last-child{
		margin-bottom:0;
	}

	.bottom_right_nav ul li a{
		display:block;
		width:40px;
		height:120px;
		background:transparent;
	}

/*ページトップ*/
.pagetop{
	width:70px;
	height:70px;
	position:fixed;
	bottom:20px;
	right:60px;
	z-index:99;
}

	.pagetop a{
		display:block;
		width:52px;
		height:47px;
		padding-top:5px;
		border-radius:31px;
		text-align:center;
		border:5px solid #e3bf44;
	}

	.pagetop a:before{
		font-family: FontAwesome;
		content:"\f106";
		color:#e3bf44;
		font-size:40px;
	}
	
br.pc{
	display:inline;
}

br.sp{
	display:none;
}