body{
	background-color:#FFFFFF;
	font-size:1.6rem;
	color:#333333;
}

*{
	box-sizing:border-box;
}

/****************************
タイトルブロック
****************************/

#container{
		display:block;
		width:100%;
}
#titleBlock{
	width:100%;
	height:170px;
	background:url('../images/paper01.jpg');
}

#titleImage{
	width:100%;
	max-width:1024px;
	display:block;
	overflow:hidden;
	margin:0 auto;
	/*background:url('../images/kikuchi_s.png') no-repeat 0 0;
	background-size:contain;
	padding-left:100px;*/
}

#titleImage img{
	/*
	width:320px;
	height:auto;
	*/
	width:50%;
	height:auto;
	max-width:618px;
}


/****************************
ヘッダ
****************************/
#header{
	width:100%;
	position:relative;
	overflow:hidden;
	background-color:#808080;
	border-bottom:1px solid #CCCCCC;
}

#header ul{
	width:100%;
	max-width:1024px;
	display:block;
	overflow:hidden;
	margin:0 auto;
	border-right:1px solid #FFFFFF;
}

#header ul > li{	
	display:block;
	width:20%;
	border-left:1px solid #FFFFFF;
	float:left;
}
#header ul > li:nth-child(3){
	width:20%;
}

#header ul > li > a{
	display:block;
	text-align: center;
	padding:20px 0;
	font-size:18px;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration:none;
}

#header ul > li > a:hover{
	background-color:#666666;
}
#header ul > li.current > a{
	pointer-events:none;
	background-color:#666666;
}

/****************************

****************************/

#mainContent{
	width:100%;
	max-width:1024px;
	min-height:800px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}

/****************************
フッタ
****************************/
#footer{
	width:100%;
	text-align:center;
	padding:1em 0;
}

#footer > ul{
	margin-bottom:1em;
}

#footer > ul > li{
	display:inline-block;
}
#footer > ul > li:after,
#footer > ul > li:first-child:before{
	content:" | ";
}


/*SNSボタン*/
ul#snsLink{
	display:block;
	margin:0.5em auto;
	text-align:center;
	overflow:hidden;
	/*display:none;*/
}

ul#snsLink> li{
	display:inline-block;
	font-size:2em;
}

ul#snsLink> li.FbBtn > a:before{
	color:#3b5998;
	font-family: 'idomoon' !important;
	content: "\e907";
	line-height:100%;
	padding:0 5px;
}

ul#snsLink> li.TweetBtn > a:before{
	color:#55acee;
	font-family: 'idomoon' !important;
	content: "\e908";
	line-height:100%;
}
ul#snsLink > li:after,
ul#snsLink > li:first-child:before{
	content:"";
}

/****************************
共有パーツ
****************************/
.columBox{
	display:block;
	overflow:hidden;
	width:50%;
	float:left;
}

#endBox{
	clear:both;
	width:100%;
	max-width:1024px;
	margin:0 auto;
	display:block;
	overflow:hidden;
}

/****************************
コラム本文
****************************/

.columBoxL{
	clear:both;
	display:block;
	overflow: hidden;
}

.columBoxL dl{
		display:block;
		overflow:hidden;
		margin:1em 2em;
}

.columBoxL dl > dt{
	font-size:1.1em;
	font-weight:bold;
}

.columBoxL dl > dd{
	margin-left:2em;
	margin-bottom:2em;
}


.columBoxL dl > dd > ul{
	list-style-type:disc;
	margin-left:1em;
}

.columBoxL dl > dd > ul > li{
		
}

.columBoxL > h3{
	margin-top:2em;
}

.columBoxL > p{
	display:block;
	overflow:hidden;
	margin:1em 2em;
}


.columBoxL > h2{
	font-size:1.5em;
	line-height:100%;
	font-weight: bold;
	margin:1em 0;
	color: #FFFFFF;

	position: relative;
	margin-left: -14px;
	padding: 8px 1em;
	background:#006400;
}

.columBoxL > h2:before{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border: 8px solid #fff;
	border-top: 8px solid rgba(0,0,0,0.5);
	border-left: 8px solid rgba(0,0,0,0.5);
}

.columBoxL > h3{
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #006400;
	border-bottom: 1px solid #006400;
}

/****************************
共有パーツ
****************************/

ul.dotList{
	
}

ul.dotList > li{
	margin:1em 2em;
	padding:0.5em 10px;
	border-bottom:1px solid #006400;
	border-left:8px solid #006400;
	/*background: url('../images/cotton-a.png');*/
}

.centerBox{
	text-align:center;
}

.rightBox{
	text-align:right;
}


a.roundBtn,
a.topTop{
	background-color:#808080;
	display:inline-block;
	padding:0.5em 1.5em;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	color:#FFFFFF;
	font-size:1.4rem;
	text-decoration:none;
}

a.roundBtn:hover,
a.topTop:hover{
	background-color:#666666;
}
a.roundBtn{
	min-width:102px;
	text-align:center;
}
a.roundBtn::before{
	font-family:'idomoon';
	content: "\e900";
}

a.topTop{
	padding:0.5em 1.5em;
	margin-top:5em;
}

a.topTop::before{
	font-family:'idomoon';
	content: "\e903";
	margin-right:0.5em;
}

/****************************
バナーエリア
****************************/

#bannerBox{
	clear:both;
	width:100%;
	display:block;
	overflow:hidden;
	margin-top:1em;
	text-align:center;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	line-height:100%;
	padding:10px 0;
}

#bannerBox > a{
	vertical-align: bottom;
	display:inline-block;
	overflow: hidden;
	margin:0 5px 0;
}

#bannerBox a > img{
	width:100%;
	max-width:320px;
	height:auto;
	vertical-align: bottom;
}


#topBanner{
	width:304px;
	height:309px;
	display:block;
	position:absolute;
	bottom:20px;
	right:10px;
}

#spNavi{
	display:none;
}



/****************************
ページナビ
****************************/

.wp-pagenavi{
	font-size:14px;
	text-align:right;
	margin-top:2em;
}

.wp-pagenavi > .pages{
	line-height:34px;
	margin-right:0.5em;
}

.wp-pagenavi > .current,
.wp-pagenavi > a.page,
.wp-pagenavi > a.nextpostslink{
	display:inline-block;
	width:34px;
	height:34px;
	line-height:34px;
	text-align:center;
	border:1px solid #CCCCCC;
	margin:0 4px;
}

.wp-pagenavi > .current{
	background-color:#CCCCCC;
}


.pc{
	display: block;
}
.sp{
	display:none;
}

/****************************
リサイズ
****************************/

@media screen and (max-width: 640px) {
	#mainContent{
		min-height:auto;
	}

	#titleBlock {
    height:auto;
	}
	
	#spNavi{
		display:block;
	}

	#spNavi > p:before{
		font-family:'idomoon';
		content:"\e904";
		
		float:right;
		font-size:24px;
		padding:10px;
		display:block;
		overflow: hidden;
	}
	
	#spNavi > p.opened:before{
		content:"\e905";
	}
	
	#header ul{
		display:none;
		border-right:none;
	}
	#header ul >li{
		width:100%;
		float:none;
		border-top:1px solid #FFFFFF;
		border-left:none;
	}
	#header ul > li:nth-child(3){
		width:100%;
	}
	#header ul >li > a{
		text-align:left;
		padding:1em 10px;
	}
	#header ul >li > a:after{
		font-family:'idomoon';
		content:"\e900";
		margin-right:10px;
		position:absolute;
		right:0;
	}

	/*詳細ページ*/		
	.columBox{
		display:block;
		overflow:hidden;
		width:100%;
	}
	
	.columBoxL dl {
		margin: 1em!important;
	}
	
	.columBoxL dl > dd {
		margin-left:1em!important;
	}
	
	#bannerBox > a{
			margin:5px auto;
	}
	
	.wp-pagenavi{
		text-align:center;
	}
	.wp-pagenavi > .pages{
		display:block;
		margin:0.5em 0 0.5em;
	}
	
	ul.dotList > li{
		margin:1em 10px;
	}

	.pc{
		display:none;
	}
	.sp{
		display:block;
	}


}