@charset "UTF-8";

/*gender.css reset*/
div.contents_header h1{
	border-left:none;
}
div.contents_header h1:before{
	content:"";
}
div.contents_header h1:after{
	content:"";
}
h2{
	border-bottom: none;
}
h2:after{
	background:none;
}
h2 a[href]{
	background-image: none;
	text-decoration:none;
	padding-right: 0;
}
h3{
	background:none;
}


#contentsArea dl{
	margin:0 0;
}
#contentsArea ul li{
	margin-left:0;
}


div.contents_header{
	position:relative;
	height:120px;
	background: url(../img/bg_contents_header.jpg) no-repeat bottom;
	background-size:cover;
}

div.contents_header.top div.inner{
	background: url(../img/bg_bg_contents_header_inner.png) no-repeat top;
	background-size:cover;
	height:300px;
}


div.contents_header.top{
	height:740px;
	background: url(../img/top_bg_contents_header.jpg) no-repeat bottom;
	background-size:contain;
}





	div.contents_header h1{
		padding:20px;
	}
	div.contents_header.top h1{
		padding:40px;
	}
		div.contents_header h1 img{
			width:400px;
		}
		div.contents_header.top h1 img{
			width:inherit;
		}


	.top_h1{
		border: none;
		margin: 0 auto;
		padding: 0;
		}
		
		h1:before{
    	top: -10px;
		left: -15px;
		content: none;
		}

		h1:after{
		content: none;
    	bottom: -10px;
		left: -15px;
		}
	

	div.contents_header span.logo{
		display:inline-block;
		position:absolute;
		width:144px;
		margin-left:-45px;
		top:25px;
		left:50%;
	}
	div.contents_header.top span.logo{
		width:260px;
		margin-left:-140px;
		top:110px;
		left:50%;
	}
	div.contents_header span.logo img{
		width:100%;
	}

div.contents_header.top div.comment{
	position:absolute;
	bottom:0;
	background:rgba(0,0,0,0.7);
	padding:20px 40px 20px 50px;
	width:100%;
	color:#FFFFFF;
	font-size:1.4rem;
	font-weight:bold;
	box-sizing:border-box;
	text-indent:-1.5rem;
}

.comment_blue{
	background-color: #005BAC;
	margin-top:0 !important;
	padding:20px 40px 20px 50px;
	color:#FFFFFF;
	font-size:1.4rem;
	font-weight:bold;
	box-sizing:border-box;
	text-indent:-1.5rem;
}

.comment_black{
	background-color: #000;
}


div.contents_footer{
	margin-top:40px;
	padding:40px 0 0;
	border-top:1px solid #005bac;
	text-align:center;
}
div.contents_footer img{
	width:130px;
}
/*
div.contents_footer.top{
	margin-top:500px;
}
*/
div.contents_footer.top{
	margin-top:80px !important;
}




div.contents_nav{
	margin:40px 0 20px;
	text-align:center;
}
#contentsArea div.contents_nav ul{
	margin:0 0;
	letter-spacing:-0.4rem;
}

div.contents_nav ul li{
	display:inline-block;
	vertical-align:top;
	width:18%;
	border-bottom:4px solid #f1f1f1;
	padding:15px 0 15px;
	margin:0 10px;
	box-sizing:border-box;
	letter-spacing:normal;
	transition:0.5s;
}
	div.contents_nav ul li:hover{
		border-bottom:4px solid #f1f1f1;
	}
div.contents_nav ul li a{
	display:block;
	vertical-align:middle;
	text-decoration:none;
	color:#005bac;
	font-size:1.1rem;
	font-weight:bold;
}

div.contents_nav ul li a:before{
	display:inline-block;
	vertical-align:middle;
	width:20px;
	height:20px;
	content:"";
	background-size:contain;
	margin-right:6px;
}
	div.contents_nav ul li:nth-child(1) a:before{
		background-image:url(../img/ico_nav_home.png);
	}
	div.contents_nav ul li:nth-child(2) a:before{
		background-image:url(../img/ico_nav_declaration.png);
	}
	div.contents_nav ul li:nth-child(3) a:before{
		background-image:url(../img/ico_nav_supporters.png);
	}
	div.contents_nav ul li:nth-child(4) a:before{
		background-image:url(../img/ico_nav_activity.png);
	}
	div.contents_nav ul li:nth-child(5) a:before{
		background-image:url(../img/ico_nav_join.png);
	}


h2.main{
	color:#15395e;
	border-bottom:3px solid #005bac;
	padding:10px;
	font-size:1.3rem;
	text-indent:-2.5rem;
	padding-left:2.5rem;
}
h2.main.special{
	text-indent:0;
	padding-left:0.6rem;
}

	h2.main:before{
		display:inline-block;
		vertical-align:text-top;
		width:30px;
		height:30px;
		content:"";
		background-size:contain;
		margin-right:10px;
	}
		h2.declaration:before{
			background-image:url(../img/ico_nav_declaration.png);
		}
		h2.supporters:before{
			background-image:url(../img/ico_nav_supporters.png);
		}
		h2.activity:before{
			background-image:url(../img/ico_nav_activity.png);
		}
		h2.join:before{
			background-image:url(../img/ico_nav_join.png);
		}


h3.main{
	border-top:6px double #fff;
	background:#005bac;
	color:#fff;
	border-radius:3px;
	padding:6px 10px;
}
h4{
	font-size:1.1rem;
}

div.h4Line{
    border-left:solid 5px #005bac;
	border-bottom: 1px solid #005bac;

}

div.h4Line > h4{
	padding-top: 0.5em;
    margin-left: 0.5em;
}

div.anchorBox{
	background:#fffef6;
	padding:2px 10px;
}

div.anchorBox.blue{
	background:#DEEAF6;
}
	#contentsArea div.anchorBox ul li{
		display:inline-block;
		vertical-align:top;
		padding:0 20px 0 5px;
		border-right:1px dotted #005bac;
	}
	#contentsArea div.anchorBox ul li:nth-last-child(1){
		border-right:none;
	}
	div.anchorBox ul li:before{
		display:inline-block;
		content:"↓";
		font-weight:bold;
		color:#005bac;
		padding-left:10px;
		margin-right:4px;
	}


.box{
	padding:20px;
}
.sectionArea{
	padding-left:20px;
}

a.anchor{
	display:block;
	padding:5px;
}
strong.block{
	display:block;
	margin-bottom:0.5rem;
}
span.block{
	display:block;
	margin:4px 0;
}

.clear{
	display:block;
	height:0;
	clear:both;
}

div.page_top{
	margin:20px 0 10px;
	text-align:right;
}
div.page_top a{
	background-image: url("../img/page_top_yaji.gif");
	background-position: left center;
	background-repeat: no-repeat;
	padding-left:20px;
}


div.half{
}
div.half div.col2{
	display:inline-block;
	vertical-align:top;
	width:50%;
	box-sizing:border-box;

}

.oldFont{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}


/* list
-------------------------------------------------------*/


#contentsArea ul.list_normal li{
	margin-left:20px;
}
#contentsArea ul.list_normal3 li{
	margin-left:20px;
}

#contentsArea ul.normal{
	margin:1rem 0;
}

#contentsArea ul.normal li{
	margin-left:1rem;
	margin-bottom:0.75rem;
}
	ul.normal li:before{
		text-indent:-1rem;
		display:inline-block;
		content:"◆";
		font-weight:bold;
		color:#005bac;
	}

#contentsArea ul.notes{
	margin:0 0;
}

#contentsArea ul.notes li{
	margin-left:1rem;
}
	ul.notes li:before{
		text-indent:-1rem;
		display:inline-block;
		content:"※";
	}

#contentsArea ul.list_blue_yaji li{
	display:inline-block;
	border:1px solid #005bac;
	padding:4px 6px;
	border-radius:3px;
	font-size:0.85rem;

}
#contentsArea ul.list_blue_yaji.non li{
	display:inline-block;
	border:none;
	height:0;

}
	ul.list_blue_yaji a{
		background-image:url("../img/link_yaji_blue.gif");
		background-repeat:no-repeat;
		background-position:left 6px;
		display:block;
		padding-left:10px;
	}


/* space
-------------------------------------------------------*/

.sp-t20{
	margin-top:20px !important;
}
.sp-b20{
	margin-bottom:20px !important;
}
.sp-v20{
	margin-top:20px !important;
	margin-bottom:20px !important;
}


/* table
-------------------------------------------------------*/
table.data {
  margin: 10px 0px; width:100%;
  word-break: break-all;
  background: #FFF; 
  border-collapse: collapse;
  border-top:1px solid #c1c1c1;
  border-right:1px solid #c1c1c1;
}
	table.data caption{display:none;}
	

table.data th {
  padding: 0.5em 1em;
  color: #333;
  background: #fffcd6;
  font-weight: bold;
  border-bottom: 1px solid #c1c1c1;
  border-left:1px solid #c1c1c1;
}

table.data td {
  padding: 10px 1em;
  border-bottom: dotted 1px #666666;
  border-left:1px solid #c1c1c1;
  vertical-align:top;
}
table.data tr:nth-last-child(1) td{
	border-bottom: 1px solid #c1c1c1;
}




/*accordion*/

.accordionStyle ul#nav,
.accordionStyle .box,
.accordionStyle .accordionBox{
	display: none;
}
.accordionStyle input[type="checkbox"].on-off{
	display: none;
}
.accordionStyle input[type="checkbox"].on-off:checked + ul#nav,
.accordionStyle input[type="checkbox"].on-off:checked + .box,
.accordionStyle input[type="checkbox"].on-off:checked + .accordionBox{
	display: block;
}




/*top--------------------------------------------------★*/

.male_leadersTop{
	position:relative;
}

.male_leadersTop div.special{
	display:inline-block;
	position:absolute;
	width:460px;
	top:60px;
	right:0;
}
	div.special .box{
		position:relative;
		border:1px solid #dadada;
		margin-bottom:20px;
		padding:30px 0 15px ;
	}
	div.special .box h2{
		position:absolute;
		left:0;
		top:0;
		display:inline-block;
		background:#0373a6;
		color:#ffffff;
	}
	div.special .box em{
		position:absolute;
		right:10px;
		top:10px;
		font-style:normal;
	}
		div.special .box em a:before{
			display:inline-block;
			vertical-align:middle;
			content:"";
			width: 10px;
			height: 0;
			border-width: 4px 0 4px 5px;
			border-style: solid;
			border-color: transparent transparent transparent #005bac;
		}
	
	#contentsArea div.special .box p{
		text-align:center;
		/*width:180px;*/
		width:260px;
		margin:0 auto;
		line-height:150%;
	}
	#contentsArea div.special .box p.txt{
		width:100%;
	}

	#contentsArea div.special .box p img{
		max-width:100%;
	}
	div.special .box span a{
		display:block;
		padding:15px 0 15px;
		text-align:center;
		font-weight:bold;
		font-size:1.2rem;
	}


.male_leadersTop div.nav{
	width:480px;
	padding-left:20px;
	padding-top:40px;
}
.male_leadersTop div.nav dl{
	padding:20px 0;
	border-bottom:1px solid #dadada;
	box-sizing:border-box;
}
	.male_leadersTop div.nav dl:nth-last-child(1){
		border-bottom:none;
	}
.male_leadersTop div.nav dl dt{
	display:inline-block;
	vertical-align:top;
	width:80px;
	background:#d8f3ff;
	text-align:center;
	padding:20px 0;
	box-sizing:border-box;
}
	.male_leadersTop div.nav dl dt img{
		width:40px;
	}
.male_leadersTop div.nav dl dd{
	display:inline-block;
	vertical-align:top;
	width:360px;
	margin-left:20px;
}
	.male_leadersTop div.nav dl dd a{
		display:block;
		font-size:1.2rem;
		font-weight:bold;
		margin-bottom:6px;
	}


/*declaration--------------------------------------------------★*/

.historyImg{
	width:300px;
}

/*supporters--------------------------------------------------★*/

p.num strong{
	color:#005bac;
	font-size:1.1rem;
}
.tabSupporters ul{
	text-align:center;
}
.tabSupporters ul li{
	display:inline-block;
	vertical-align:top;
	width:32%;
	border:1px solid #005bac;
	background:#d8f3ff;
	border-radius:3px;
}
	#contentsArea .tabSupporters ul li:nth-of-type(2){
		margin:0 3px;
	}
	.tabSupporters ul li.here{
		background:#005bac;
	}
.tabSupporters ul li a{
	display:block;
	font-size:1.2rem;
	padding:10px 0;
	box-sizing:border-box;
}
	.tabSupporters ul li.here a{
		color:#ffffff;
		text-decoration:none;
	}

	
span.decisionMember{
	display:block;
	text-align:center;
	vertical-align:middle;
	background:#d8f3ff;
	margin-top:6px;
	padding:2px 4px;
	font-size:0.7rem;
	font-weight:bold;
	color:#005bac;
	white-space:nowrap;
}


div.scrl.supporters table p{
	margin:0 !important;
}

.supporters table p.express{
	float:right;
	display:inline-block;
	font-size:0.75rem;
	padding-left:20px;
}
	.supporters table p.express a{
		padding:4px;
		display:block;
		transition:0.5s;
		border:1px solid #005bac;
		border-radius:3px;
		text-align:center;
	}
	.supporters table p.express a:hover{
		background:#d8f3ff;
	}



/*activity--------------------------------------------------★*/

dl.booklet dt{
	display:inline-block;
	vertical-align:top;
	width:200px;
}
	dl.booklet dt img{
		border:1px solid #cccccc;
		width:100%;
	}
dl.booklet dd{
	display:inline-block;
	vertical-align:top;
	width:730px;
	margin-left:20px;
}

dl.booklet2 dt{
	width:720px;
}

	dl.booklet2 dd img{
		border:1px solid #cccccc;
		width:100%;
	}

dl.booklet2 dd{
	width:200px;
}

h4.grad{
	padding:4px 6px;
	border-radius:5px;
	font-weight:normal;
	background: #b9e3f9;
	background: -webkit-linear-gradient(
		left,
		#b9e3f9 0%,
		#ffffff 80%,
		#ffffff 100%
	);
	background: linear-gradient(
		to right,
		#b9e3f9 0%,
		#ffffff 80%,
		#ffffff 100%
	);
}

ul.reaflet li{
	display:inline-block;
	vertical-align:top;
	width:30%;
	text-align:center;
	margin:0 20px;
}
ul.reaflet li span.img img{
	width:100%;
	border:1px solid #cccccc;
}

ul.reaflet li span.txt{
	display:inline-block;
	margin-top:10px;
}

/*join--------------------------------------------------★*/

.flowJoin{
	border:6px double #005bac;
	border-radius:5px;
	padding:10px;
}
.flowJoin .box{
	padding:10px 20px;
}
	.flowJoin .box:nth-of-type(odd){
		background:rgba(255,255,204,0.3);
	}

.flowJoin .box h4{
	margin:0 0 0 0;
}

#mainContents hr.arrow{
	margin:0px 0;
	height:40px;
	background:url(../img/bg_hr_arrow.png) no-repeat left 100px top;
	background-size:contain;
	border:none;
}


div.qanda h4{
	padding:4px 10px;
	margin-bottom:0;
	background:#b9e3f9;
	border-radius:3px 3px 0 0;
	border-bottom:2px solid rgba(204,204,204,1);
}
	div.qanda h4 span{
		display:inline-block;
		font-size:1.3rem;
		color:#005bac;
		margin-right:4px;
	}
	
div.qanda h4 ~ div{
	border-left:2px solid rgba(204,204,204,1);
	border-right:2px solid rgba(204,204,204,1);
	border-bottom:2px solid rgba(204,204,204,1);
}
div.qanda h4 label{
	position:relative;
	display:block;
	cursor:pointer;
}
	div.qanda h4 label:after{
		position:absolute;
		display:inline-block;
		content:"▼";
		color:#005bac;
		right:10px;
		top:10%;
	}
	.accordionStyle input[type="checkbox"].on-off:checked + ul#nav,
	.accordionStyle input[type="checkbox"].on-off:checked + .box,
	.accordionStyle input[type="checkbox"].on-off:checked + .accordionBox{
		display: block;
	}


#contentsArea div.qanda p.indent:nth-child(1){
	margin-top:0;
}
#contentsArea div.qanda p.indent:nth-last-child(1){
	margin-bottom:0;
}


/*feature--------------------------------------------------★*/

.h2Box{
	padding-left:200px;
	background:url(../img/top_bg_feature.jpg) no-repeat left top;
	background-size:180px auto;
}
.h2Box h2.main span{
	background:#0373a6;
	color:#ffffff;
	padding:4px 8px 0;
	display:inline-block;
}
.h2Box h2.main strong{
	display:block;
	margin-top:4px;
}


.h2Box h2.main:before{
	width:0;
	margin-right:0px;
}
.h2Box p{
	padding-left:10px;
}

div.map dl{
	display:inline-block;
	vertical-align:top;
	border:2px solid #005bac;
	padding:12px;
	margin-bottom:18px !important;
	width:456px;
	box-sizing:border-box;
	border-radius:3px;
}
	div.map dl:nth-of-type(2n){
		margin-left:20px !important;
	}

	div.map dl dt{
		display:inline-block;
		vertical-align:top;
		width:200px;
		background:rgba(204,204,204,0.4);
	}
		div.map dl dt img{
			width:100%;
			height:auto;
		}
	div.map dl dd{
		display:inline-block;
		vertical-align:top;
		width:210px;
		margin:0;
		padding-left:10px;
	}
		div.map dl dd span{
			display:inline-block;
			padding:8px 10px;
			background:#ecf6ff;
			color:#15395e;
			margin-bottom:8px;
		}
		div.map dl dd a{
			display:block;
			text-indent:-1rem;
			margin-left:1rem;
		}
		div.map dl dd a:before{
			display:inline-block;
			vertical-align:middle;
			content:"";
			width: 10px;
			height: 0;
			border-width: 4px 0 4px 5px;
			border-style: solid;
			border-color: transparent transparent transparent #005bac;
		}


		

div.kanren{
	margin-top:30px;
	padding:5px 20px 10px;
	background:#ecf6ff;
}

h2.feature{
	background:#ecf6ff;
	color:#15395e;
	border-radius:0 0px 0 20px;
	font-size:1.2rem;
	padding:8px 20px;
	border-left:6px double #15395e;
}

div.prelusion{
	letter-spacing: -.4rem;
	margin-top:20px;
}
div.prelusion dl{
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	width:470px;
	margin-bottom:10px !important;
}
	div.prelusion dl dt{
		display:inline-block;
		vertical-align:top;
		width:140px;
		text-align:center;
		padding-bottom:6px;
	}
		div.prelusion dl dt img{
			width:100%;
		}
	div.prelusion dl dd{
		display:inline-block;
		vertical-align:top;
		width:320px;
		margin:0;
		padding-left:10px;
		box-sizing:border-box;
	}


#contentsArea div.pict ul{
	text-align:center;
	margin:20px 0;
}
#contentsArea div.pict ul li{
	display:inline-block;
	vertical-align:middle;
	margin:0 20px;
}
	div.pict ul li img{
		max-height:200px;
		width:auto;		
	}
	div.pict.single ul li img{
		max-height:300px;
		width:auto;		
	}
	div.pict.middle ul li img{
		max-height:278px;
		width:auto;		
	}


/*topics--------------------------------------------------★*/

		h2.topics:before{
			background-image:url(../img/ico_nav_topics.png);
		}


/*PC向け*/
@media screen and (min-width: 641px) {
div.contents_header{
	min-width:980px;
}
div.contents_nav{
	min-width:980px;
}
.male_leadersTop{
	min-width:980px;
}
label.menuBtn{
	display:none;
}

}
/*タブレット向け*/
@media screen and (min-width: 641px) and (max-width: 960px) {
	div.contents_header{
		width:100%;
		min-width:inherit;
	}
	div.contents_header.top{
		height:600px;
	}
	div.contents_header.top div.inner{
		height:250px;
	}
		div.contents_header h1{
			padding:20px;
		}
		div.contents_header.top h1{
			padding:20px;
		}
			div.contents_header h1 img{
				max-height:80px;
				width:auto;
			}
			div.contents_header.top h1 img{
				max-height:100px;
				width:auto;
			}

		div.contents_header span.logo{
			width:120px;
			margin-left:-70px;
			top:50px;
			left:50%;
		}
		div.contents_header.top span.logo{
			width:160px;
			margin-left:-90px;
			top:100px;
			left:50%;
		}
div.contents_header.top div.comment{
	position:absolute;
	bottom:0;
	padding:0px 20px 0px 30px ;
	font-size:1.2rem;
	text-indent:-1.2rem;
}

.comment_blue{
	padding:0px 20px 0px 30px ;
	font-size:1.2rem;
	text-indent:-1.2rem;
}

/*
div.contents_footer.top{
	margin-top:400px;
}
*/


div.contents_nav{
	width:100%;
	min-width:inherit;
}
	div.contents_nav ul li:hover{
		border-bottom:none;
	}
div.contents_nav ul li a{
	font-size:0.8rem;
}
	div.special .box span a{
		padding:20px 20px;
	}


.male_leadersTop{
	width:100%;
	min-width:inherit;
}


.male_leadersTop div.special{
	width:46%;
}

.male_leadersTop div.nav{
	width:48%;
}
.male_leadersTop div.nav dl dt{
	width:24%;
}
	.male_leadersTop div.nav dl dt img{
		width:100%;
	}
.male_leadersTop div.nav dl dd{
	width:60%;
}

	div.special .box span a{
		padding:20px 20px;
	}
	
/**/

dl.booklet dt{
	display:block;
	padding:20px 0;
	width:100%;
}
	dl.booklet dt img{
		width:auto;
	}

dl.booklet dd{
	display:block;
	width:100%;
	margin-left:0px;
}

/*feature*/



div.map dl{
	width:100%;
	margin-bottom:10px !important;
}
	div.map dl:nth-of-type(2n){
		margin-left:0px !important;
	}

	div.map dl dt{
		width:38%;
	}
		div.map dl dt img{
			width:100%;
		}
	div.map dl dd{
		width:58%;
		margin:0;
	}

div.prelusion dl{
	width:100%;
	display:block;
}
	div.prelusion dl dt{
		width:30%
	}
	div.prelusion dl dd{
		width:70%
	}
	#contentsArea ul.list_blue_yaji.non li{
		padding:0px 0px;
		height:0;
	}


#contentsArea div.pict ul{
}
	div.pict ul li img{
		max-height:135px;
		width:auto;		
	}
	div.pict.single ul li img{
		max-height:200px;
		width:auto;		
	}



}
/*スマホ向け*/


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


	div.contents_header{
		width:100%;
		min-width:inherit;
	}
		div.contents_header h1{
			padding:20px;
		}
		div.contents_header.top h1{
			padding:20px;
		}
			div.contents_header h1 img{
				width:80%;
			}
			div.contents_header.top h1 img{
				width:100%;
			}

		div.contents_header span.logo{
			width:120px;
			margin-left:-70px;
			top:50px;
			left:50%;
		}

div.contents_header.top div.comment{
	position:absolute;
	bottom:0;
	padding:0px 20px 0px 30px;
	font-size:0.6rem !important;
	text-indent:-0.6rem;
}

.comment_blue{
	padding:0px 20px 0px 30px;
	font-size:0.6rem !important;
	text-indent:-0.6rem;
}



.txtSmall_sp td{
	font-size:0.75rem;
}

/*gnav*/

.accordionStyle.sp label.menuBtn strong{
	display:block;
	background:#005bac;
	padding:12px;
	margin:0 50px;
	color:#FFF;
	font-weight:bold;
	border-radius:5px;
	cursor:pointer;
}
	.accordionStyle.sp label.menuBtn span:before{
		display:inline-block;
		vertical-align:middle;
		background-image:url(../img/ico_menuBtn_sp.png);
		background-size:contain;
		background-repeat:no-repeat;
		padding:10px;
		content:"";
		margin-right:20px;
	}

.accordionStyle.sp ul{
	display: none;
}
.accordionStyle.sp input[type="checkbox"].on-off:checked + ul{
	display: block;
}

div.contents_nav ul{
	border:4px solid #f1f1f1;
	border-bottom:none;
}
div.contents_nav ul li{
	position:relative;
	width:100%;
	letter-spacing:0.6rem;
}
	div.contents_nav ul li:hover{
		border-bottom:4px solid #f1f1f1;
	}
div.contents_nav ul li a{
	display:block;
}
div.contents_nav ul li a:before{
	position:absolute;
	left:20px;
	top:50%;
	margin-top:-10px;
}






/*table*/


div.scrl{
	overflow: auto;
	white-space: nowrap;
}





/*top*/

.male_leadersTop div.special{
	display:block;
	position:static;
	width:100%;
	margin-top:30px;
}
	div.special .box span a{
		padding:20px 20px;
	}

.male_leadersTop div.nav{
	width:100%;
	padding-left:0px;
	padding-top:0px;
}

.male_leadersTop div.nav dl dt{
	width:25%;
}
.male_leadersTop div.nav dl dd{
	width:70%;
	margin-left:10px;
}

/**/

dl.booklet dt{
	width:100%;
	text-align:center;
	padding:20px 0;
}
	dl.booklet dt img{
		border:1px solid #cccccc;
		width:auto;
		max-width:80%;
	}


dl.booklet dd{
	width:100%;
	margin-left:0px;
}

dl.booklet2 dd{
	width:100%;
	text-align:center;
	padding:20px 0;
}
	dl.booklet2 dd img{
		border:1px solid #cccccc;
		width:auto;
		max-width:80%;
	}	

ul.reaflet li{
	width:42%;
}




/*declaration--------------------------------------------------★*/

.historyImg{
	width:100%;
}

/*supporters*/

.tabSupporters ul li{
	
}
.tabSupporters ul li a{
	font-size:0.7rem;
}

div.scrl.supporters table{
	width:800px;
	white-space:normal;
}

/*join*/

#mainContents hr.arrow{
	margin:0px 0;
	height:30px;
	background:url(../img/bg_hr_arrow.png) no-repeat 50% top;
	background-size:contain;
	border:none;
}
div.qanda h4 label{
	
}


/*feature*/

.h2Box{
	padding-left:0px;
	background:url(../img/top_bg_feature.jpg) no-repeat left 20%;
	background-size:cover;
}
.h2Box .inner{
	background:rgba(255,255,255,0.8);
}

div.map dl{
	width:100%;
	margin-bottom:10px !important;
}
	div.map dl:nth-of-type(2n){
		margin-left:0px !important;
	}

	div.map dl dt{
		width:38%;
	}
		div.map dl dt img{
			width:100%;
			height:auto;
		}
	div.map dl dd{
		width:58%;
		margin:0;
	}

div.prelusion dl{
	width:100%;
	min-height:140px;
	display:block;
 
}

	div.prelusion dl dt{
		width:35%
	}
	div.prelusion dl dd{
		width:65%
	}
	#contentsArea ul.list_blue_yaji.non li{
		padding:0px 0px;
	
	}

#contentsArea div.pict ul{
	margin:0px 0px;
}
#contentsArea div.pict ul li{
	display:block;
	margin:10px 0;
}
	div.pict ul li img{
		max-height:none;
		max-width:100%;
	}

		
}
@media screen and (min-width: 481px) and (max-width: 640px) {
	div.contents_header.top{
		height:450px;
	}
	div.contents_header.top div.inner{
		height:200px;
	}
		div.contents_header.top span.logo{
			width:160px ;
			margin-left:-90px ;
			top:100px;
			left:50% ;
		}
}

	@media screen and (max-width: 480px) {
		div.contents_header.top{
			height:350px;
		}
		
		div.contents_header.top div.inner{
			height:160px;
		}
			div.contents_header.top span.logo{
				width:120px;
				margin-left:-70px;
				top:75px;
				left:50%;
			}
	div.contents_header.top div.comment{
		font-size:0.5rem;
	}
	}
	
	

/*印刷用スタイル*/

@media print {
	#headerArea{
		display:none;
	}
	#footerArea{
		display:none;
	}
	label.menuBtn{
		display:none;
	}
	div.contents_nav{
		display:none;
	}

	.accordionStyle ul#nav,
	.accordionStyle .box,
	.accordionStyle .accordionBox{
		display:block;
	}
	.h2Box{
		margin-top:20px;
	}
	h2.feature{
		border-radius:0 0 0 0;
	}
	.male_leadersTop div.special{
		top:20px;
	}
	.male_leadersTop div.nav{
		padding-top:20px;
	}
		div.special .box span a{
			padding:20px;
		}
}