@charset "UTF-8";

/* ------------------------------ HEADER ------------------------------ */
header { 
	width: 960px;
	/* margin: 18px auto 26px; */
	margin: 40px auto 27px;
	position: relative; 
}

header #headerTopContents { position: absolute; top: 0px; right: 10px; line-height: 11px; }
header #headerTopContents nav ul li a {
	background: url(../imgdir/common/ar01.png) no-repeat 0 45%;
	padding-left: 17px;
	font-weight: bold; /*追加*/
}

header #gnavi ul {
	text-align: center;
}
header #gnavi ul li {
	display: inline-block;
 	*display: inline;
	*zoom: 1;
 	line-height: 18px;
	background: url(../imgdir/common/gnavi-line.png) no-repeat right 0;
	padding-right: 20px;
	margin-right: 20px;
	position: relative
}
header #gnavi ul li.last {
	margin-right: 0px;
	padding-right: 0px;
	background: none;
}

header #gnavi ul li ul.child{
	display: none;
	position: absolute;
	z-index: 9999;
	width: 170px;
	margin-left: -39px;
	padding-top: 3px;
}
header #gnavi ul li ul.child li {
	padding: 0;
	display: block;
	background: #001358e3;
	text-align: center;
}
header #gnavi ul li ul.child li a{
	padding: 10px;
	display: block;
	color: #fff;
}
header #gnavi ul li ul.child li a:hover{
    background: #354273;
}
header #gnavi ul li ul.child li a:active {
    background: #29345c;
}
.btn_hamburger {
	display: none;
}
@media (max-width: 768px){
	header {
		width: 100%; 
		/* height: 80px; */
		height: 102px;
		margin: 0px auto; 
		z-index: 100;
		position: fixed;
		background: #e3e3e3;
	}
	header .inner.clearfix.pt10 {
		position: relative;
		padding-top: 0;
	}
	header #headerTopContents {
		display: none;
	}
	header h1.txtc.mb60 {
		/*
		width: 150px;
		margin-bottom: 0;
		padding: 29px 0;
		display: inline-block;
		*/
		float: left;
		line-height: 80px;
		margin-bottom: 0;
		padding-top: 20px;
	}
	header h1.txtc.mb60 img {
		height: 14px;
		width: auto;
		vertical-align: middle;
	}

	header .headerFixedMenu {
		display: block;
		position: relative;
		z-index: 101;
		background: #e3e3e3;
		/* height: 80px; */
		height: 102px; /*追加*/
		margin: 0 -10px;
		padding: 0 10px;
	}

	header #gnavi {
		-webkit-transition: all 0.6s;
		-moz-transition: all 0.6s;
		-ms-transition: all 0.6s;
		-o-transition: all 0.6s;
		transition: all 0.6s;
		display: block;
		position: fixed;
		top: -2000px;
		left: 0;
		z-index: 100;
		background: #fff;
		width: 100%;
		padding-left: 30px;
    	padding-right: 30px;
	}
	header #gnavi.active {
		top: 80px;
		-webkit-transition: all 0.6s;
		-moz-transition: all 0.6s;
		-ms-transition: all 0.6s;
		-o-transition: all 0.6s;
		transition: all 0.6s;
		height: 100%;
		padding-bottom: 100%;
		overflow: scroll;
		opacity: 1;
	}
	header #gnavi ul li{
		display: block;
		line-height: 18px;
		background: none;
		padding-right: 0px;
		margin-right: 0px;
		position: relative;
		border-bottom: 1px solid #bcbcbc;
	}
	header #gnavi ul li a ,header #gnavi ul li p{
		display: block;
		line-height: 80px;
		text-align: center;
	}
	header #gnavi ul li ul.child_sp {
		display: block;
		z-index: -1;
		position: static;
		width: 100%;
		margin-left: 0;
	}
	header #gnavi ul li ul.child_sp li {
		padding: 0;
		display: block;
		background: #fff;
		text-align: center;
		border-bottom: none;
	}
	header #gnavi ul li ul.child_sp li a {
		padding: 0px;
		display: block;
		color: #333;
		line-height: 60px;
	}
	header #gnavi ul li p.noLink {
		color: #bababa;
	}
	.noscroll {
		overflow: hidden;
    	height: 100%;
	}
	.headerTopEntrySP a{
		width: 40px;
		display: inline-block;
		position: absolute;
		right: 85px;
		top: 29px;
		z-index: 100;
	}
	.sp-btn_list {
		float: right;
		line-height: 80px;
		padding-right: 20px;
		margin-top: 23px;
	}
	.sp-btn_list li {
		display: inline-block;
		margin-left: 10px;
	}
	.sp-btn_list li img {
		width: 40px;
		height: auto;
		vertical-align: middle;
	}
/*
.btn_hamburger {
	position: absolute;
	top: 25px;
	right: 20px;
	display: inline-block;
    margin: 0 auto 2em !important;
    width: 30px;
}
.btn_hamburger a {
    position: relative;
    display: block;
    height: 23px;
    -webkit-transition: all .4s;
    transition: all .4s;
    box-sizing: border-box;
}
.btn_hamburger span {
    position: absolute;
    display: inline-block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #161b1d;
    border-radius: 2px;
    -webkit-transition: all .4s;
    transition: all .4s;
    box-sizing: border-box;
}
.btn_hamburger span:nth-of-type(1) {
    top: 0;
}
.btn_hamburger span:nth-of-type(2) {
    top: 10px;
}
.btn_hamburger span:nth-of-type(3) {
    bottom: 0;
}
.btn_hamburger span:nth-of-type(2)::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #161b1d;
    border-radius: 2px;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.btn_hamburger.active span:nth-of-type(2) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.btn_hamburger.active span:nth-of-type(2)::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.btn_hamburger.active span:nth-of-type(1) {
    -webkit-transform: translateY(20px) scale(0);
    -ms-transform: translateY(20px) scale(0);
    transform: translateY(20px) scale(0);
}
.btn_hamburger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-20px) scale(0);
    -ms-transform: translateY(-20px) scale(0);
    transform: translateY(-20px) scale(0);
}
*/
}

.bread { background: #ebeaf8; line-height: 35px; font-size: 86%; margin: 18px 0 80px; }
.bread ul { width: 980px; margin: 0 auto; }
.bread span { padding-left: 10px; }
.bread span:first-child { padding-left: 0; }
.bread ul li a { color: #004098; }
.bread .arrow { color: #666666; }
.bread .now { color: #666666; }
@media (max-width: 768px){
	.bread ul { width: 100%; margin: 0 auto; }
}


/* ------------------------------ COMMON CONTENT ------------------------------ */
.inner {
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}
.headline01 { 
	border-top: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	padding: 25px 0px 28px;
}
.h2 { 
	font-size: 129%; 
}
@media (max-width: 768px){
	.inner {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}
	h2 img {
		height: 18px;
		width: auto;
	}
	.headline01 {
		padding: 17px 0px 17px;
	}
	.wrapper {
		/* padding-top: 80px; */
		padding-top: 102px;
	}
}

/* ------------------------------ FOOTER ------------------------------ */
footer { 
	margin-bottom: 20px;
	margin-top: 15px;
}
footer .inner { border-top: 1px solid #bcbcbc; padding-top: 40px; }

@media (max-width: 768px){
	footer { 
		position: relative;
		margin-bottom: 30px; 
	}
	footer .inner { 
		border-top: 1px solid #bcbcbc; 
		padding-top: 60px; 
	}
	footer .f-logo.left {
		float: none;
		display: block;
		text-align: center;
	}
	footer .f-logo.left a {
		display: block;
		margin-bottom: 18px;
	}
	footer .f-logo.left a img {
		width: auto;
	}
	footer .f-logo.left span {
		font-size: 12px;
	}
	footer .pagetop.right {
		display: block;
		position: absolute;
		/* top: 30px; */
		top: 20px;
		width: 30px;
		left: 50%;
		transform: translateX(-50%);
	}
}
/* ------------------------------ PARTS ------------------------------ */




/* form */
input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.input,
textarea { border: 1px solid #dfdfdf; padding: 8px 5px; }


.arrow01 span {
    background: url(../images/common/arrow01.png) no-repeat 0 45%;
    padding-left: 16px;
}

/* button
------------------------------------------------------------ */

/*  ʏ  */
.btn_normal {
    border: 1px solid #6c6c6c;
    background: #fafafa;
    font-size: 14px;
    width: 280px;
    line-height: 60px;
    text-align: center;
    display: inline-block;
}
.btn_normal span {
    background: url(../images/common/arrow01.png) no-repeat 0 45%;
    padding-left: 14px;
}
.btn_normal:hover {
    background: #f0f0f0;
    text-decoration: none;
}
.btn_normal:active {
    background: #f5f5f5;
}

/*  ӎv     */
.btn_primary {
    background: #001358;
    font-size: 14px;
    width: 280px;
    line-height: 60px;
    text-align: center;
    display: inline-block;
    color: #fff;
}
.btn_primary span {
    background: url(../images/common/arrow01.png) no-repeat 0 45%;
    padding-left: 14px;
}
.btn_primary:hover {
    background: #354273;
    text-decoration: none;
}
.btn_primary:active {
    background: #29345c;
}

/*  l K e B u */
.btn_dark {
    border: 1px solid #1c1c1c;
    background: #444444;
    font-size: 14px;
    width: 280px;
    line-height: 60px;
    text-align: center;
    display: inline-block;
    color: #fff;
}
.btn_dark span {
    background: url(../images/common/arrow03.png) no-repeat 0 45%;
    padding-left: 14px;
}
.btn_dark:hover {
    background: #7d7d7d;
    text-decoration: none;
}
.btn_dark:active {
    background: #656565;
}

/*    T C Y */
.btn_min {
    width: 166px;
    line-height: 40px;
}

.btn_select {
    background: #f0f0f0;
    display: block;
    padding-left: 20px;
    text-align: left;
}
.btn_select span {
    background: url(../images/common/arrow01.png) no-repeat right 45%;
    padding-right: 14px;
}
.btn_select:hover {
    background: #dbdbdb;
    text-decoration: none;
}
.btn_select:active {
    background: #e3e3e3;
}
.btn_select.active {
    color: #cccccc;
}
.btn_select.active span {
    background: url(../images/common/arrow0102.png) no-repeat right 45%;
}

/* information
------------------------------------------------------------ */
.informatin-area { width: 940px; margin: 0 auto; }
.informatin-area .inner {
    background: #f8f8f8;
    padding: 40px 60px 10px;
    margin-bottom: 20px;
}
.informatin-area .inner article {
    border-bottom: 1px dotted #a3a3a3;
    margin-bottom: 25px;
    padding-bottom: 15px;
}
.informatin-area .inner article .centerp{
	text-align:center;
}
.informatin-area .inner article dl {
    width: 100%;
    display: table;
}
.informatin-area .inner article dl dt,
.informatin-area .inner article dl dd {
    display: table-cell;
    line-height: 20px;
    vertical-align: middle;
    font-size: 14px;
}
.informatin-area .inner article dl dt {
    width: 15%;
}
.informatin-area .inner article dl dt span {
    margin-left: 25px;
}
.informatin-area .inner article dl dd {
    width: 85%;
}
.informatin-area .inner article dl dd span.new {
    color: #d8421a;
}
@media (max-width: 768px){
	.informatin-area { width: 100%; }
	.informatin-area .inner {
			background: #f8f8f8;
			padding: 20px 30px 10px;
			margin-bottom: 20px;
	}
}
/* pagenation
------------------------------------------------------------ */
.pagenation div.wp-pagenavi {
    text-align: center;
    margin-left: -28px;
    font-size: 16px;
}
.pagenation div.wp-pagenavi a {
    margin-left: 28px;
    border-bottom: 2px solid #fff;
}
.pagenation div.wp-pagenavi span.current { margin-left: 28px; }
.pagenation div.wp-pagenavi a:hover,
.pagenation div.wp-pagenavi span.current {
    border-bottom: 2px solid #333333;
    text-decoration: none;
}
.pagenation a.previouspostslink {
    background: url(../images/common/arrow03.png) no-repeat left 8px;
    padding-left: 19px;
}
.pagenation a.nextpostslink {
    background: url(../images/common/arrow01.png) no-repeat right 8px;
    padding-right: 19px;
}

.pagenation_min div.wp-pagenavi {
    text-align: right;
    font-size: 14px;
    margin-left: -12px;
}
.pagenation_min div.wp-pagenavi a,
.pagenation_min div.wp-pagenavi span.current {
    margin-left: 12px;
}
.pagenation_min a.previouspostslink {
    background: url(../images/common/arrow03.png) no-repeat left 7px;
    padding-left: 12px;
}
.pagenation_min a.nextpostslink {
    background: url(../images/common/arrow01.png) no-repeat right 7px;
    padding-right: 12px;
}