html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;
padding:0;
border:0;
font:inherit;
font-size:100%;
vertical-align:baseline;
}

html{
	box-sizing:border-box;
}

body{
	font-size: 62.5%;
	font-family:'Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	font-weight:500;
	color:#000;
	-webkit-text-size-adjust:100%;
	background: url(../img/bk_header.png) repeat-x; #FFFFFF;
}

*,*:before,*:after{
	box-sizing:inherit;
}

ol,ul{
	list-style:none;
}

a img{
	border:none;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
	display:block;
}

.clearfix:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.clearfix{
display:inline-block;
}

* html .clearfix{
zoom:1;
}

*:first-child+html .clearfix{
zoom:1;
}

* html .clearfix{
height:1%;
}

.clearfix{
display:block;
}

.clearfix:after{
font-size:0;
}

p{
	font-size:1.4em;
	line-height: 1.8em;
}
.font10{
	font-size:1.2em;
	line-height: 1.6em;
}
strong{
	font-weight:700;
}
a,a:link{
	color:#0060cb;
	text-decoration:underline;
	outline:0 none;
}

a:visited{
	color:#0060cb;
	text-decoration:underline;
	outline:0 none;
}

a:hover{
	color:#0060cb;
	text-decoration:none;
}

a:active{
	color:#0060cb;
	text-decoration:underline;
	outline:0 none;
}

.red{
	color:#ff0000;
	text-decoration:none;
}

img{
	vertical-align:bottom;
}

.txtC,
.txtC_PC{
	text-align:center;
}
.txtL{
	text-align:left;
}
.txtR{
	text-align:right;
}
.floatL{
	float:left;
}
.floatR{
	float:right;
}
.forSp{
	display:none !important;
}

@media screen and (max-width: 767px){
	.txtC_PC{
		text-align:left;
	}
	.forPc{
		display:none !important;
	}
	.forSp{
		display:block !important;
	}
}

.wp100,
.wp100 img{
	width:100%;
	height:auto;
}

.wp100max,
.wp100max img{
	max-width:100%;
	height:auto;
}

.underline{
	border-bottom:1px solid #bbb;
	padding-bottom:20px;
	margin-bottom:20px;
}

.topline{
	border-top:1px solid #bbb;
	padding-top:20px;
	margin-top:20px;
}
.apa50 img {
	opacity:0.5;
}


/*Header▼▼
------------------------------------------------------------ */
header{
	width: 1000px;
	margin: 0 auto;
}
@media screen and (max-width: 1000px){
	header{
	width: 100%;
	}
}
@media screen and (max-width: 767px){
	header{
		position:fixed;
		left:0;
		top:0;
		z-index:1;
		background:#fff;
		padding-bottom:10px;
	}
}


header h1{
	float:left;
	width:348px;
	margin:13px 0;
}
header h1 img{
	width:100%;
	height:auto;
}
@media screen and (max-width: 1000px){
	header h1{
		margin:13px 10px;
	}
}
@media screen and (max-width: 767px){
	header h1{
		margin:20px 0 0 5%;
		width:250px;
	}
}


header .headerWrapRight {
	float:right;
	background:#f2f2f2;
	margin-top:22px;
	padding: 6px 10px;
}
header .headerWrapRight a {
	font-size:1.2em;
	line-height: 1.0em;
	color:#000;
	letter-spacing:1.2px;
	text-decoration:none;
	padding: 0px 10px;
}
header .headerWrapRight img{
	vertical-align: auto;
	margin-right:4px;
}

@media screen and (max-width: 1000px){
	header .headerWrapRight{
		margin:22px 10px;
	}
}


/*　グローバルナビ
-----------------------------------------------------*/

#mddNav a:link,
#mddNav a:visited,
#mddNav a:active,
#mddNav a:hover { 
	text-decoration: none;
	color:#000;
}

/* ------------------------------
   CHAPTER ELEMENTS
------------------------------ */
#mddNav {
	width: 100%;
	height: 64px;
	position: relative;
	z-index: 10;
}

#mddNav > ul {
	margin: 0 auto;
	padding:0;
	width: 1000px;
	height: 64px;
	text-align: left;
	list-style: none;
	background: url(../img/menu_line.png) no-repeat right top;
}

#mddNav > ul > li {
	width: 166px;
	height: 60px;
	float: left;
	box-sizing: border-box;
	background: url(../img/menu_line.png) no-repeat;
}
#mddNav > ul > li.menu02,
#mddNav > ul > li.menu03,
#mddNav > ul > li.menu04,
#mddNav > ul > li.menu05{
	width: 167px;
}
@media screen and (max-width: 1000px){
	#mddNav > ul {
		width:100%;
		background:none;
	}
	#mddNav > ul > li.menu01 {
		background:none;
		width:14%;
	}
	#mddNav > ul > li.menu02,
	#mddNav > ul > li.menu03,
	#mddNav > ul > li.menu05{
		width:16%;
	}
	#mddNav > ul > li.menu04{
		width:20%;
	}
	#mddNav > ul > li.menu06{
		width:18%;
	}
}

#mddNav > ul > li a span{
	background: url(../img/menu_arrow.png) no-repeat center right;
	padding-right:18px;
}

#mddNav > ul > li > a {
	font-size:1.4em;
	line-height: 1.0em;
	letter-spacing:1.5px;
	height: 60px;
	display: block;
	text-align: center;
	padding-top: 22px;
}

#mddNav .mddWrap {
	top: 60px;
	left: 0;
	width: 100%;
	height: 0;
	text-align: center;
	background: linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0.9));
	position: absolute;
	z-index: 10;
	overflow: hidden;
	display: none;
}

#mddNav .mddWrap .mddInner {
	margin: 0 auto;
	padding-top: 20px;
	width: 1000px;
	text-align: left;
}


#mddNav .mddWrap .mddInner > div:last-child {
	margin-right: 0;
	border-right: none;
}
#mddNav .mddWrap .mddInner > ul {
	background: #ededed;
	list-style: none;
	padding:2% 2% 1% 2%;
	margin:0 auto;
}
#mddNav .mddWrap .mddInner > ul:after,
#mddNav .mddWrap .mddInner > ul:before {
    content: "";
    clear: both;
    display: block;
}
#mddNav .mddWrap .mddInner > ul > li {
	float: left;
	width: 23.5%;
	border-bottom:2px solid #bebebe;
	margin:0px 2% 15px 0;
	padding:0 0 5px 0;
	font-size:1.4em;
	line-height: 1.0em;
	letter-spacing:0.5px;
}
	#mddNav .mddWrap .mddInner > ul > li:nth-child(4N){
		margin:0 0 15px 0;
	}
#mddNav .mddWrap .mddInner > ul > li a {
	background: url(../img/arrow.png) no-repeat left center;
	position: relative;
	display: block;
	transition: .3s;
	padding:5px 0 5px 13px;
	color:#000;
}
#mddNav .mddWrap .mddInner > ul > li a::after {
  position: absolute;
  bottom: -7px;
  left: 0;
  content: '';
  width: 0;
  height: 2px;
  background-color: #0060cb;
  transition: .3s;
}
#mddNav .mddWrap .mddInner > ul > li a:hover::after {
  width: 100%;
}

@media screen and (max-width: 1000px){
	#mddNav .mddWrap .mddInner {
		width: 96%;
	}
}


/*Header pankuzu▼▼
------------------------------------------------------------ */
.pankuzuWrap{
	background:#0060cb;
	color:#fff;
	padding: 5px 0 6px 0;
	margin-bottom: 2px;
}
.pankuzuWrap p{
	width: 1000px;
	margin: 0 auto;
	font-size:1.2em;
	line-height: 1.6em;
}
@media screen and (max-width: 1000px){
	.pankuzuWrap p{
		width:90%;
	}
}
.pankuzuWrap a{
	color:#fff;
	text-decoration:none;
}



/* Toppage Menu▼▼
------------------------------------------------------------ */
.headerWrapLeftNaka{
	width:100%;
	height:0;
}

.headerWrapLeftNaka ul{
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	width:1000px;
	margin:0 auto;
}
@media screen and (max-width: 1000px){
	.headerWrapLeftNaka ul{
		width:90%;
	}
}
.headerWrapLeftNaka li{
	width:96px;
}
.headerWrapLeftNaka li:nth-child(4){
	width:404px;
}
@media screen and (max-width: 1000px){
	.headerWrapLeftNaka li{
		width:10%;
	}
	.headerWrapLeftNaka li:nth-child(4){
		width:40%;
	}
}
.headerWrapLeftNaka li a{
	position:relative;
	display:block;
	width:100%;
	height:0;
	padding-bottom:65%;
	text-indent:-10000px;
}
@media screen and (max-width: 1000px){
	.headerWrapLeftNaka li a{
	padding-bottom:68%;
	}
}
.headerWrapLeftNaka li a::before,.headerWrapLeftNaka li a::after{
	content:'';
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:0;
	padding-bottom:56%;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:cover;
}
.headerWrapLeftNaka li a::after{
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
}
@media screen and (min-width: 768px){
	.headerWrapLeftNaka li a::after{
		-moz-transition:opacity 0.25s ease;
		-o-transition:opacity 0.25s ease;
		-webkit-transition:opacity 0.25s ease;
		transition:opacity 0.25s ease;
	}
	.headerWrapLeftNaka li a:hover::after{
		filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity:1;
	}
}

.headerWrapLeftNaka li:nth-child(1) a::before{
	background-image:url("../../common/img/mainmenu_1.png");
}
.headerWrapLeftNaka li:nth-child(1) a::after{
	background-image:url("../../common/img/mainmenu_1_on.png");
}
.headerWrapLeftNaka li:nth-child(2) a::before{
	background-image:url("../../common/img/mainmenu_2.png");
}
.headerWrapLeftNaka li:nth-child(2) a::after{
	background-image:url("../../common/img/mainmenu_2_on.png");
}
.headerWrapLeftNaka li:nth-child(3) a::before{
	background-image:url("../../common/img/mainmenu_3.png");
}
.headerWrapLeftNaka li:nth-child(3) a::after{
	background-image:url("../../common/img/mainmenu_3_on.png");
}
.headerWrapLeftNaka li:nth-child(5) a::before{
	background-image:url("../../common/img/mainmenu_4.png");
}
.headerWrapLeftNaka li:nth-child(5) a::after{
	background-image:url("../../common/img/mainmenu_4_on.png");
}
.headerWrapLeftNaka li:nth-child(6) a::before{
	background-image:url("../../common/img/mainmenu_5.png");
}
.headerWrapLeftNaka li:nth-child(6) a::after{
	background-image:url("../../common/img/mainmenu_5_on.png");
}
.headerWrapLeftNaka li:nth-child(7) a::before{
	background-image:url("../../common/img/mainmenu_6.png");
}
.headerWrapLeftNaka li:nth-child(7) a::after{
	background-image:url("../../common/img/mainmenu_6_on.png");
}





/* Page Top▼▼
------------------------------------------------------------ */
footer #pagetopWrap{
	position:fixed;
	bottom:0;
	right:20px;
	width:60px;
	color:#fff;
	border-width:1px;
	border-style:solid;
	margin-bottom:20px;
	-moz-transition:opacity 0.25s ease,z-index 0s ease 0.25s;
	-o-transition:opacity 0.25s ease,z-index 0s ease 0.25s;
	-webkit-transition:opacity 0.25s ease,z-index 0s ease;
	-webkit-transition-delay:0s,0.25s;
	transition:opacity 0.25s ease,z-index 0s ease 0.25s;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	z-index:-1;
}
footer #pagetopWrap.show{
	-moz-transition:opacity 0.25s ease,z-index 0s ease 0s;
	-o-transition:opacity 0.25s ease,z-index 0s ease 0s;
	-webkit-transition:opacity 0.25s ease,z-index 0s ease;
	-webkit-transition-delay:0s,0s;
	transition:opacity 0.25s ease,z-index 0s ease 0s;
	filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1;
	z-index:1;
}
@media screen and (max-width: 1000px){
	footer #pagetopWrap{
		right:2%;
		width:5%;
		margin-bottom:2%;
	}
}
@media screen and (max-width: 767px){
	footer #pagetopWrap{
		position:static;
		bottom:auto;
		right:auto;
		width:100%;
		margin-bottom:0;
		border-width:0;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
		filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
		opacity:1;
		z-index:1;
	}
}
footer #pagetopWrap a{
	display:block;
	width:100%;
	height:0;
	padding:32% 0 68% 0;
	font-size:0;
	line-height:0;
	text-indent:-10000px;
}
@media screen and (min-width: 768px){
	footer #pagetopWrap a{
		-moz-transition:background-color 0.25s ease;
		-o-transition:background-color 0.25s ease;
		-webkit-transition:background-color 0.25s ease;
		transition:background-color 0.25s ease;
	}
}
@media screen and (max-width: 767px){
	footer #pagetopWrap a{
		height:auto;
		padding:4.7% 0;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
		border-bottom:1px solid #fff;
	}
}
footer #pagetopWrap a::after{
	content:'';
	display:block;
	width:50%;
	height:0;
	margin:0 auto;
	padding-bottom:30%;
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:contain;
}
@media screen and (max-width: 767px){
	footer #pagetopWrap a::after{
		width:5.6%;
		padding-bottom:3.5%;
	}
}

footer #pagetopWrap a{
	background:#0060cb;
}
footer #pagetopWrap a::after{
	background-image:url("../../common/img/pagetop.png");
}
@media screen and (min-width: 768px){
	footer #pagetopWrap a:hover{
		background-color:#478ad5;
	}
}
@media screen and (max-width: 767px){
	footer #pagetopWrap a{
		background-color:#0060cb;
	}
}





/*contents▼▼
------------------------------------------------------------ */
.contentsWrap{
	width:100%;
}
@media screen and (max-width: 767px){
	.contentsWrap{
	padding-top:75px;
	}
}
.h2_title{
	background:url("../../common/img/bk_h2.png");
	z-index:-1;
}
.h2_title h2{
	margin:0 auto;
	padding:35px 0;
	text-align:center;
}
.h2_title.t_naka h2 img{
	height:33px;
	width:auto;
}
@media screen and (max-width: 767px){
	.h2_title.t_naka h2{
		padding:5% 0;
	}
	.h2_title.t_naka h2 img{
	height:auto;
	width:50%;
	}
}
.formatWrap,
.formatsWrap{
	width:1000px;
	margin:0 auto;
	padding:70px 0 100px 0;
}
.formatWrap{
	display: flex;
}
.formatWrap h2,
.formatsWrap h2{
	font-size:2.4em;
	line-height: 1.8em;
	letter-spacing:1.0px;
	font-weight:700;
	text-align:left;
	margin-bottom:20px;
	padding-bottom:5px;
	border-bottom:2px solid #bfbfbf;
}
.formatWrap h2 span,
.formatsWrap h2 span{
	font-size:0.6em;
	line-height: 1.8em;
}
@media screen and (max-width: 1000px){
	.formatWrap,
	.formatsWrap{
		width:90%;
	}
}
@media screen and (max-width: 767px){
	.formatWrap,
	.formatsWrap{
		width:90%;
		padding:50px 0;
	}
	
	.formatWrap h2,
	.formatsWrap h2{
	font-size:2.0em;
	letter-spacing:0.5px;
	}
}
.headermenuWrap{
	width:1000px;
	margin:0 auto;
	padding:30px 0 0 0;
	text-align:center;
	font-size:1.4em;
	line-height: 1.8em;
}
@media screen and (max-width: 1000px){
	.headermenuWrap{
		width:91.25%;
	}
}



/* PageTitleWrap▼▼
------------------------------------------------------------ */
.PageTitleWrap{
	width:100%;
	background:url("../../common/img/title_bk.jpg") repeat-x top center;
}
.PageTitleWrap .PageTitleWrapBox{
	width:1000px;
	margin:0 auto;
}
.PageTitleWrap .PageTitleWrapBox .PageTitleWrapBoxT{
	width:250px;
	height: 200px;
	background:url("../../common/img/title_bk.png");
	text-align:center;
	position:relative;
}
.PageTitleWrap h2{
	position: absolute;
    top: 49%; /* 追記 */
    left: 50%; /* 追記 */
    -ms-transform: translate(-50%, -50%); /* 追記 */
    -webkit-transform: translate(-50%, -50%); /* 追記 */
    transform: translate(-50%, -50%); /* 追記 */
	font-size:2.8em;
	line-height: 1.2em;
	letter-spacing:2.0px;
	color:#fff;
	width:200px;
	text-shadow: 0px 0px 5px #000;
}
.PageTitleWrap h2 span{
	font-size:0.6em;
	letter-spacing:2.0px;
}
@media screen and (max-width: 1000px){
	.PageTitleWrap{
		background-size: cover;
	}
	.PageTitleWrap .PageTitleWrapBox{
		width:100%;
	}
	.PageTitleWrap .PageTitleWrapBox .PageTitleWrapBoxT{
		height: 150px;
	}
	.PageTitleWrap h2{
		font-size:2.4em;
		line-height: 1.4em;
	}
}
@media screen and (max-width: 767px){
	.PageTitleWrap .PageTitleWrapBox .PageTitleWrapBoxT{
		width:150px;
		height: 120px;
	}
	.PageTitleWrap h2{
		font-size:1.8em;
		line-height: 1.4em;
	}
}


/* contentsWrapLeft▼▼
------------------------------------------------------------ */
.contentsWrapLeft{
       flex: 0 0 720px;
       margin-right: auto;
}
@media screen and (max-width: 1000px){
	.contentsWrapLeft{
		width:70%;
       flex: 0 0 70%;
	}
}
@media screen and (max-width: 767px){
	.contentsWrapLeft{
       flex: 0 0 100%;
	}
}
/* contentsWrapRight▼▼
------------------------------------------------------------ */
.contentsWrapRightCont{
	flex: 0 0 220px;
	position: relative;
}
.contentsWrapRight{
       flex: 0 0 220px;
}
@media screen and (max-width: 1000px){
	.contentsWrapRightCont,
	.contentsWrapRight{
       flex: 0 0 25%;
	}
}
.formatWrap .contentsWrapRight h3,
.formatsWrap .contentsWrapRight h3{
	background:#0060cb;
	color:#fff;
	padding:15px 20px;
	margin:0;
	font-size:1.4em;
	line-height: 1.8em;
	letter-spacing:1.0px;
	width:auto;
	float:none;
}
.contentsWrapRight ul{
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	font-size:1.4em;
	line-height: 1.8em;
	letter-spacing:1.0px;
}
.contentsWrapRight ul a,
.contentsWrapRight ul a:link,
.contentsWrapRight ul a:visited,
.contentsWrapRight ul a:active,
.contentsWrapRight ul a:hover { 
	text-decoration: none;
	color:#000;
	display:block;
	padding:15px 20px;
}
.contentsWrapRight li{
	border-bottom:1px solid #bfbfbf;
	background:url("../../common/img/arrow_submenu.png") no-repeat right center #fff;
		-moz-transition:-moz-all 0.2s ease-in-out;
		-o-transition:-o-all 0.2s ease-in-out;
		-webkit-transition:-webkit-all 0.2s ease-in-out;
		transition:all 0.2s ease-in-out;
}
.contentsWrapRight li.SelectPage,
.contentsWrapRight ul li:hover{
	background:url("../../common/img/arrow_submenu.png") no-repeat right center #e5effa;
}


/* Buttom▼▼
------------------------------------------------------------ */


.btn a,
a .btn{
	position:relative;
	background-color:#0060cb;
	border:1px solid #0060cb;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color:#FFFFFF;
	text-decoration:none;
	display:inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	*zoom:1;
	*display:inline;
	padding:5px 43px 7px 31px;
	font-size:1.4em;
	line-height: 1.8em;
	letter-spacing:1.0px;
	text-align:center;
}
@media screen and (max-width: 767px){
	.btn a,
	a .btn{
		display:block;
		width:80%;
		margin:0 auto;
		padding:9px 0 11px 0;
	}
}

.btn a::after,
a .btn::after{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	right:15px;
	width:8px;
	height:12px;
	margin-top:-6px;
	background:url("../../common/img/arrow_white.png") no-repeat 0 0;
	background-size:contain;
}
@media screen and (max-width: 767px){
	.btn a::after,
	a .btn::after{
		right:7px;
	}
}

@media screen and (min-width: 768px){
	.btn a,
	a .btn{
		opacity1.0;
		-moz-transition:-moz-all 0.3s ease-in-out;
		-o-transition:-o-all 0.3s ease-in-out;
		-webkit-transition:-webkit-all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
	}
	.btn a:hover,
	a:hover .btn{
		opacity:0.6;
		cursor:pointer;
	}
}


/* Footer▼▼
------------------------------------------------------------ */
footer .footerWrap{
	background:#ededed;
	padding:50px 0;
}
footer .footercopyWrap{
	background:#0060cb;
	padding:25px 0;
}
footer .footerWrap ul,
footer .footercopyWrap p{
	width:1000px;
	margin:0 auto;
}
footer .footercopyWrap p{
	font-size:1.2em;
	line-height: 1.6em;
}
@media screen and (max-width: 1000px){
	footer .footerWrap ul,
	footer .footercopyWrap p{
		width:96%;
		padding:3% 0;
	}
}
@media screen and (max-width: 767px){
	footer .footerWrap ul,
	footer .footercopyWrap p{
		width:100%;
		padding:0;
	}
}
footer .footerWrap li{
	width:18%;
	float:left;
	margin-right:2%;
}
footer .footerWrap li:nth-child(5){
	margin-right:0;
}
footer .footerWrap li a{
	color:#000;
	text-decoration:none;
}
footer .footerWrap li .footerT{
	border-bottom:2px solid #bebebe;
	display:block;
	font-size:1.4em;
	line-height: 1.6em;
	letter-spacing:1.0px;
	font-weight:700;
	margin-bottom:5px;
	padding-bottom:5px;
}
footer .footerWrap li .footerTWrap{
	font-size:1.2em;
	line-height: 1.6em;
	letter-spacing:1.0px;
}

footer p{
	text-align:right;
	color:#fff;
	font-size:1.2em;
	line-height: 1.4em;
}
@media screen and (max-width: 1000px){
	footer p{
		padding:2% 0;
		font-size:1.0em;
		line-height: 1.4em;
	}
}
@media screen and (max-width: 767px){
	footer p{
		text-align:center;
	}
}






/* toumei▼▼
------------------------------------------------------------ */
@media screen and (min-width: 768px){
	.opitem a{
	transition-property: opacity;
	transition-duration:0.25s;
	transition-timing-function:ease-in-out;
	}
}

@media screen and (min-width: 768px){
	.opitem a:hover{
		opacity: 0.65;
	}
}



/* sp menu▼▼
------------------------------------------------------------ */
@media screen and (max-width: 767px){
	#headerNaviSpOpenBtn{
		float:right;
		width:55px;
		height:55px;
		margin:10px 10px 0 0;
		padding:9px 0 0 0;
		background:#0060cb;
		text-align:center;
	}
	#headerNaviSpOpenBtn img{
		width:70%;
		height:auto;
	}
	#headerNaviSpWrapIn{
		background:#fff;
		width:100%;
		height:0;
		position:fixed;
		left:0;
		top:0;
		z-index:1;
		padding-bottom:75px;
	}
	#headerNaviSpCloseBtn{
		float:right;
		width:55px;
		height:55px;
		margin:10px 10px 0 0;
		padding:9px 0 0 0;
		background:#0060cb;
		text-align:center;
	}
	#headerNaviSpCloseBtn img{
		width:70%;
		height:auto;
	}
	#headerNaviSpLogo img{
		width:100%;
		height:auto;
		}
	#headerNaviSpLogo{
		position:absolute;
		margin:20px 0 0 5%;
		width:250px;
	}
}

#headerNaviSpWrap{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	max-height:100%;
	background-color:#fff;
	-moz-transition:opacity 0.25s ease,z-index 0s ease 0.25s;
	-o-transition:opacity 0.25s ease,z-index 0s ease 0.25s;
	-webkit-transition:opacity 0.25s ease,z-index 0s ease;
	-webkit-transition-delay:0s,0.25s;
	transition:opacity 0.25s ease,z-index 0s ease 0.25s;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity:0;
	z-index:-1;
}
#headerNaviSpWrap.show{
	-moz-transition:opacity 0.25s ease;
	-o-transition:opacity 0.25s ease;
	-webkit-transition:opacity 0.25s ease;
	transition:opacity 0.25s ease;
	filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1;
	z-index:2;
	-moz-transition:top 0.25s ease-in-out;
	-o-transition:top 0.25s ease-in-out;
	-webkit-transition:top 0.25s ease-in-out;
	transition:top 0.25s ease-in-out;
}
#headerNaviSpWrap .headerNaviSpMainBlock{
	position:fixed;
	left:0;
	overflow:auto;
	width:100%;
	max-height:100%;
	padding-bottom:75px;
	bottom:-75px;
	background-color:#fff;
}
@-moz-document url-prefix() {
  /* ここに書く */
  #headerNaviSpWrap .headerNaviSpMainBlock {
	top:75px;
	margin-bottom:75px;
  }
}
#headerNaviSpWrap .headerNaviSpMainBlock li{
	width:100%;
	background-color:#0060cb;
	border-bottom:1px solid #fff;
}
#headerNaviSpWrap .headerNaviSpMainBlock li ul li{
	width:100%;
	background-color:#ededed;
	border-top:1px solid #9e9e9e;
	border-bottom:none;
	padding-left:1.2em;
	list-style-position: inside;
}

#headerNaviSpWrap a{
	display:block;
	color:#fff;
	text-decoration:none;
}
#headerNaviSpWrap .headerNaviSpMainBlock a{
	padding:15px;
	font-size:1.4em;
	line-height: 1.8em;
	font-weight:700;
	color:#fff;
}
#headerNaviSpWrap .headerNaviSpMainBlock li ul li a{
	color:#000;
}