/*
Theme Name: CSO Network Japan (2020)
Theme URI: https://www.csonj.org/
Author: CSO Network Japan
Author URI: https://www.csonj.org/
*/


/* ----------------------------------------------------------------------
 basic setting
---------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-family: "Century Gothic",Arial,sans-serif;
	color:#333;
	overflow-x: hidden;
}

a img { border:none; verticle-align:top; }
a, a:visited { outline:none; }
a:hover { }
a:hover img {
	opacity: 0.8;
}
p { margin:0 0 1.5em 0; padding:0; line-height:160%; }
ul { list-style-type:none; margin:0 0 2em 0; padding:0; line-height:0%; }
ul li { margin:0; padding:0; line-height:normal; zoom:1; }
ol { margin:0 0 2em 19px; padding:0; }
ol li { padding:0 0 5px 0; line-height:normal; }
dl { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
dl dt, dl dd { margin:0; padding:0; line-height:normal; zoom:1; }
dl dt { font-weight:bold; }
form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
table { border-collapse:collapse; width:100%; border:0; }
cite { text-align:right; display:block; }
object { display:block; margin:0 auto; height:auto; }
del { color:#333; }
hr { border:1px solid #ccc; margin:40px 0; }
.wp-caption-text { text-align:center; }
.alignright { float:right; margin: 0 0 20px 20px; }
.alignleft { float:left; margin: 0 0 20px 20px; }
.aligncenter { margin-left:auto; margin-right:auto; }
.righting { text-align:right; }
.centered { margin-left:auto; margin-right:auto; }
.clear { clear:both; }
input[type="text"], input[type="password"], textarea, select { outline: none; }

.post h3{ border-radius:6px; border-left:4px solid #4d4398; background-color:#736bae; padding:5px 1em 3px; color:#fff; font-weight:normal; clear:both; }
.post h4{ border-left:4px solid #4d4398; padding:5px 1em 3px; background-color:#e6e4f0; clear:both; /* margin-top:3em;*/ }
.post h5{ border-bottom:1px solid #4d4398; border-left:4px solid #4d4398; padding:5px 1em 3px; font-size:14px; margin-top:3em; margin-bottom:1em; clear:both; }
/* .post h5{ border:4px double #4d4398; padding:5px 1em 3px; font-size:14px; color:#4D4398; background-color:#ecebf4; } */
.post h6{ border-left:4px solid #4d4398; padding:5px 1em 3px; background-color:#e6e4f0; clear:both; }
.post .midashi01 { border-radius:6px; border-left:4px solid #4d4398; background-color:#736bae; padding:5px 1em 3px; color:#fff; font-weight:normal; margin-bottom:1em; }
.post .midashi02 { border-left:4px solid #4d4398; padding:5px 1em 3px; background-color:#e6e4f0; margin-bottom:1em; }
.post .midashi03 { border-left:4px solid #4d4398; border-bottom:1px solid #4d4398; padding:1px 1em 1px; font-size:14px; margin-bottom:1em; }
/* teikan */
ol.indent01{ list-style-type: none; margin-left:0; } 
ol.indent01 li { text-indent:-3em; padding-left:4.8em; }
ol.indent02{ list-style-type: none; margin-left:0; } 
ol.indent02 li { text-indent:-3em; padding-left:5.8em; margin-bottom:0; padding-bottom:0; }
ol.indent02 li.firstindent { text-indent:-5em; padding-left:5.8em; }
p.indent01 { text-indent:-5em; padding-left:5.8em; }
/* teikan end */

.iconlink01 a { background:url(img/common/iconlink01.gif) left center no-repeat; padding-left:1.4em; display:inline-block; }
.iconlink02 a { background:url(img/common/iconlink02.gif) left center no-repeat; padding-left:1.4em; display:inline-block; }
.iconlink01 a img,.iconlink02 a img { vertical-align:middle; }
.iconpdf a { background:url(img/common/iconpdf.gif) left center no-repeat; padding-left:1.9em; display:inline-block; }

div.waku01 { border-radius: 5px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); padding:20px; background-color:#edecf4; border:2px solid #fff; }
dl.bd_dot { margin-bottom:2em; }
dl.bd_dot dt { line-height:1.4; padding-top:0.8em; }
dl.bd_dot dd { line-height:1.4; border-bottom:1px dotted #999; padding-bottom:0.5em; background:url(img/common/iconlink01.gif) left 4px no-repeat; padding-left:1.4em; }
.title01{ border-radius:6px; border-left:4px solid #4d4398; background-color:#736bae; padding:5px 1em 3px; color:#fff; font-weight:normal; }
.title02{ border-radius:6px; solid #4d4398; padding:5px 1em 3px; background-color:#e6e4f0; }
.wh-event ul li { background: url("img/common/dot1.gif") repeat-x scroll left bottom rgba(0, 0, 0, 0); margin: 0 0 10px; padding: 0 0 10px; }
/* .wh-event ul li a { margin-left:1em; padding-left:1em; display:inline-block; border-left: 1px solid #DDDDDD; width:500px; } */
.newpost { margin-bottom:3em!important; }
.newpost li { font-size:12px!important; padding-bottom:1em!important; border-bottom:1px dotted #ccc; }
.wpp-list li { font-size:12px!important; background:none!important; padding: 0 0 1em 0!important; border-bottom:1px dotted #ccc; }
.newpost { position:relative; }
.newpost img.newposticon { position:absolute; top:0; left:0; }

/* layout */
#main_content { width:960px; margin:20px auto; }
#main_col { width:700px; float:right; }
#side_col { width:230px; float:left; }
.index_right #main_col { width:700px; float:left; }
.index_right #side_col { width:230px; float:right; }

.csonj_responsive #main_content {
	width: 100%;
	max-width: 960px;
}
.csonj_responsive #main_content .#main_col {
}
.csonj_responsive #main_content .#side_col {
}
@media screen and (max-width: 767px) {
	#main_content { width: 100% }
#main_col { width: 100%; float: none; }
#side_col { width: 100%; float: none; }
	.csonj_responsive #main_content {
		width: 100%;
	}
	.csonj_responsive #main_content .#main_col {
		width: 100%;
	}
	.csonj_responsive #main_content .#side_col {
		width: 100%;
	}
}

.page #main_content { margin-top:40px; }
/*.page #main_col { float:left; }
.page #side_col { float:right; }*/
.page_noside #main_col, .co_noside #main_col { float:none; width:800px; margin:0 auto; }

.page_noside #main_content {
	margin-top: 0;
}
.page_noside #main_col {
	float: none;
	width: 100%;
}
.page_noside h2#page_title {
	display: none;
}
.page_noside #contents {
	padding: 0;
	border: 0;
	box-shadow: 0 0 0 0 transparent;
}
.page_noside #contents .post {
	padding: 0;
}

.index_noside #main_col, .noside #main_col { float:none; margin:0 auto; }
.index_left #main_col, .left #main_col { float:right; }
.index_left #side_col, .left #side_col { float:left; }

/* headline */
.headline1 { border-left:3px solid #4D4398; border-bottom:1px solid #ccc; padding:5px 0 5px 13px; font-size:16px; line-height:170%; margin:0 0 15px 0; background:url(img/common/headline1_bg.gif) left bottom repeat-x; }
.headline2 { border-left:4px solid #4d4398; padding:5px 1em 3px; background-color:#e6e4f0;  margin-top:3em; }

/* mdgsnews */
.mdgsnewscostom { background-color:#EDECF4; padding:10px; border-radius:4px; margin-bottom:0.8em;}
#mdgsnews_category { padding:10px 15px 2px; border:1px dotted #666; }
#mdgsnews_category li { float:left; margin-right:2em; margin-bottom:0.5em; }

/* search */
#search-box { margin-bottom:40px; }
#search-box input#s { width:170px; margin-right:5px; }

/* activity */
.activity-0-bg {
	background-color: #666;
	color: #fff;
}
.activity-1-bg {
	background-color: #00b0f1 !important;
	color: #fff;
}
.activity-2-bg {
	background-color: #276399 !important;
	color: #fff;
}
.activity-3-bg,
.activity-4a-bg {
	/*background-color: #ed7d31;*/
	background-color: #e59a42 !important;
	color: #fff;
}
.activity-4-bg,
.activity-6a-bg {
	background-color: #00af50 !important;
	color: #fff;
}
.activity-5-bg {
	/*background-color: #ec90d1;*/
	background-color: #ec90bc !important;
	color: #fff;
}
.activity-6-bg,
.activity-7a-bg {
	/*background-color: #70ad46;*/
	background-color: #9cc82c !important;
	color: #fff;
}
.activity-7-bg,
.activity-3a-bg {
	/*background-color: #807c0b;*/
	background-color: #d9d547 !important;
	color: #fff;
}
.activity-8-bg {
	/*background-color: #dd7eff;
	background-color: #4D4398;*/
	background-color: #836daf !important;
	color: #fff;
}


/* ----------------------------------------------------------------------
 top page
---------------------------------------------------------------------- */

#message { border-radius: 5px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); padding:20px 20px 0; background-color:#edecf4; border:2px solid #fff; margin-bottom:2em; }

.message_wrapper {
	display: flex;
	margin-bottom: 2em;
}

.message_left {
	width: calc(50% - 20px);
	margin-right: 20px;
}

.message_right {
	width: calc(50% - 20px);
	margin-left: 20px;
}

.message_wrapper .message {
	position: relative;
	border-radius: 5px;
	box-shadow: 0 1px 4px rgba(0,0,0,.3);
	padding: 20px 20px 50px;
	background-color: #edecf4;
	border: 2px solid #fff;
}

.message_wrapper .message.message_news {
}

.message_wrapper .message.message_report {
	margin-bottom: 2em;
}

.message_wrapper .message.message_column {
	padding-bottom: 20px;
}

/*
.message_wrapper #message1 {
	margin-right: 20px;
}

.message_wrapper #message2 {
	margin-left: 20px;
	padding-bottom: 50px;
}
*/

.message_wrapper .message .top-news-h {
	margin: 0 0 10px;
	font-size: 16px;
}

.message_wrapper .message ul.top-news-list {
	margin-bottom: 10px;
}

.message_wrapper .message ul.top-news-list > li {
	display: flex;
	margin-bottom: 5px;
}

.message_wrapper .message ul.top-news-list > li:last-child {
	margin-bottom: 0;
}

.message_wrapper .message ul.top-news-list > li > .top-news-meta {
	width: 95px;
	font-size: 15px;
}
.message_wrapper .message ul.top-news-list > li > .top-news-meta > .top-news-date {
}
.message_wrapper .message ul.top-news-list > li > .top-news-meta > .top-news-date > .top-news-y {
	display: inline-block;
	width: 39px;
	text-align: right;
}
.message_wrapper .message ul.top-news-list > li > .top-news-meta > .top-news-date > .top-news-m {
	display: inline-block;
	width: 21px;
	text-align: right;
}
.message_wrapper .message ul.top-news-list > li > .top-news-meta > .top-news-date > .top-news-d {
	display: inline-block;
	width: 18px;
	text-align: right;
}
.message_wrapper .message ul.top-news-list > li > .top-news-meta > .top-news-cat {
	display: block;
	padding: 1px 2px;
	width: 91px;
	text-align: center;
	white-space: nowrap;
	font-size: 12px;
	margin-top: 5px;
	background-color: #666;
	color: #fff;
	line-height: 18px;
}

.message_wrapper .message ul.top-news-list > li > .top-news-meta > .top-news-cat.activity-1-bg {
}

.message_wrapper .message ul.top-news-list > li > .top-news-title {
	width: calc(100% - 100px);
	margin-left: 20px;
	font-size: 15px;
}
.message_wrapper .message ul.top-news-list > li > .top-news-title > a {
}

.message_wrapper .message .top-news-btn {
	position: absolute;
	bottom: 20px;
	right: 20px;
	border-radius:4px;
}
.message_wrapper .message .top-news-btn a {
	display: block;
	font-size:11px;
	background:#4D4398;
	padding:0 25px;
	line-height:32px;
	text-decoration:none;
	color: #fff;
}
.message_wrapper .message .top-news-btn a:hover {
	opacity: .8;
}

.post_news ul.top-news-list {
	margin-bottom: 10px;
}

.post_news ul.top-news-list > li {
	display: flex;
	margin-bottom: 15px;
	padding: 0;
	background: none;
	line-height: normal;
}

.post_news ul.top-news-list > li:last-child {
	margin-bottom: 0;
}

.post_news ul.top-news-list > li > .top-news-meta {
	width: 95px;
	font-size: 16px;
}
.post_news ul.top-news-list > li > .top-news-meta > .top-news-date {
}
.post_news ul.top-news-list > li > .top-news-meta > .top-news-date > .top-news-y {
	display: inline-block;
	width: 39px;
	text-align: right;
}
.post_news ul.top-news-list > li > .top-news-meta > .top-news-date > .top-news-m {
	display: inline-block;
	width: 21px;
	text-align: right;
}
.post_news ul.top-news-list > li > .top-news-meta > .top-news-date > .top-news-d {
	display: inline-block;
	width: 18px;
	text-align: right;
}
.post_news ul.top-news-list > li > .top-news-meta > .top-news-cat {
	display: block;
	padding: 1px 2px;
	width: 90px;
	text-align: center;
	white-space: nowrap;
	font-size: 12px;
	margin-top: 5px;
	background-color: #666;
	color: #fff;
	line-height: 18px;
}
.post_news ul.top-news-list > li > .top-news-title {
	width: calc(100% - 100px);
	margin-left: 20px;
	font-size: 16px;
}
.post_news ul.top-news-list > li > .top-news-title > a {
}

.message_wrapper.column_wrapper {
	display: block;
}

.message_wrapper.column_wrapper .message {
	width: auto;
}

@media screen and (max-width: 767px) {
	
	.csonj_responsive .message_wrapper {
		display: block;
	}
	
	.csonj_responsive .message_left {
		width: auto;
		margin: 0;
	}
	
	.csonj_responsive .message_right {
		width: auto;
		margin: 0;
	}
	
	.csonj_responsive .message_wrapper .message.message_news {
		margin-bottom: 2em;
	}
	
	.csonj_responsive .message_wrapper .message.message_report {
		margin-bottom: 2em;
	}
	
	.csonj_responsive .message_wrapper .message.message_column {
		margin-bottom: 2em;
	}
}

#activity .activity-list {
	display: flex;
	flex-wrap: wrap;
}
#activity .activity-list > a.activity-link {
	display: block;
	width: calc(25% - 37px);
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 10px;
	border: 1px solid #ddd;
	text-decoration: none;
	color: inherit;
}
#activity .activity-list > a.activity-link.current,
#activity .activity-list > a.activity-link:hover {
	background: rgba(0,0,0,.05);
}
#activity .activity-list > a.activity-link:nth-child(4n+1) {
	margin-left: 0;
}
#activity .activity-list > a.activity-link > .activity-ttl {
	position: relative;
	width: 100%;
	height: 0;
	margin-bottom: 5px;
	padding-top: 33.3333%;
	background-color: #666;
	color: #fff;
}
#activity .activity-list > a.activity-link > .activity-ttl > span {
	position: absolute;
	top: 50%;
	left: 0;
	padding: 0 5px;
	transform: translateY(-50%);
	font-size: 15px;
}
#activity .activity-list > a.activity-link > .activity-txt {
	position: relative;
	height: 0;
	padding-top: 8em;
	line-height: 1.5;
	overflow: hidden;
}
#activity .activity-list > a.activity-link > .activity-txt > span {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0 5px;
	font-size: 14px;
}
#activity .activity-list > a.activity-link > .activity-txt > span > ul {
	display: block;
	margin: 0;
}
#activity .activity-list > a.activity-link > .activity-img {
	position: relative;
	width: 100%;
	height: 0;
	margin-bottom: 10px;
	padding-top: calc(75% - 15px);
}
#activity .activity-list > a.activity-link > .activity-img > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media screen and (max-width: 767px) {
	.csonj_responsive #activity .activity-list {
		margin: 0 10px;
	}
	
	.csonj_responsive #activity .activity-list > a.activity-link {
		width: calc(50% - 32px);
	}
	.csonj_responsive #activity .activity-list > a.activity-link:nth-child(2n+1) {
		margin-left: 0;
	}
}

@media screen and (max-width: 479px) {
	.csonj_responsive #activity .activity-list {
		display: block;
	}
	
	.csonj_responsive #activity .activity-list > a.activity-link {
		width: auto;
		margin-right: 10px;
		margin-left: 10px;
	}
	
	.csonj_responsive #activity .activity-list > a.activity-link:nth-child(2n+1) {
		margin-right: 10px;
		margin-left: 10px;
	}
}

/*
#publication .top-publication-list {
	display: flex;
	flex-wrap: wrap;
}
#publication .top-publication-list li {
	width: calc(20% - 20px);
	margin-bottom: 20px;
	margin-left: 10px;
	padding: 5px;
}
*/
#publication .top-publication-list a.top-publication-link {
	display: block;
	margin: 5px;
	padding: 5px;
	border: 1px solid #ddd;
	text-decoration: none;
	color: inherit;
}
#publication .top-publication-list a.top-publication-link:hover {
	background: rgba(0,0,0,.05);
}
/*
#publication .top-publication-list a.top-publication-link:nth-child(5n+1) {
	margin-left: 0;
}
*/
#publication .top-publication-list a.top-publication-link > .top-publication-img {
	position: relative;
	width: 100%;
	height: 0;
	margin-bottom: 10px;
	padding-top: 133.3333%;
}
#publication .top-publication-list a.top-publication-link > .top-publication-img > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#publication .top-publication-list a.top-publication-link > .top-publication-ttl {
	position: relative;
	width: 100%;
	height: 0;
	margin-bottom: 10px;
	padding-top: 80%;
	overflow: hidden;
}
#publication .top-publication-list a.top-publication-link > .top-publication-ttl > span {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	padding: 0 5px;
	font-size: 14px;
}
#publication .top-publication-list .slick-prev,
#publication .top-publication-list .slick-next {
	width: 30px;
	height: 30px;
	z-index: 1;
}
#publication .top-publication-list .slick-prev {
	left: -30px;
}
#publication .top-publication-list .slick-next {
	right: -30px;
}
#publication .top-publication-list .slick-prev:before,
#publication .top-publication-list .slick-next:before {
	font-size: 30px;
	color: rgba(0,0,0,.8);
}
@media screen and (max-width: 767px) {
	#publication .top-publication-list .slick-prev,
	#publication .top-publication-list .slick-next {
		width: 40px;
		height: 40px;
	}
	#publication .top-publication-list .slick-prev {
		left: 5px;
	}
	#publication .top-publication-list .slick-next {
		right: 5px;
	}
	#publication .top-publication-list .slick-prev:before,
	#publication .top-publication-list .slick-next:before {
		font-size: 40px;
	}
}

#publication .top-publication-btn {
	text-align: right;
	margin-bottom: 30px;
}
#publication .top-publication-btn a {
	display: inline-block;
	font-size:11px;
	background:#4D4398;
	padding:0 25px;
	line-height:32px;
	text-decoration:none;
	color: #fff;
}
#publication .top-publication-btn a:hover {
	opacity: .8;
}

#partner .partner-list {
	display: flex;
	flex-wrap: wrap;
}
#partner .partner-list > a.partner-link {
	width: calc(25% - 25px);
	margin-left: 20px;
	padding: 5px;
	text-decoration: none;
	color: inherit;
}
#partner .partner-list > a.partner-link:hover {
	background: rgba(0,0,0,.05);
}
#partner .partner-list > a.partner-link:nth-child(4n+1) {
	margin-left: 0;
}
#partner .partner-list > a.partner-link > .partner-img {
	position: relative;
	width: 100%;
	height: 0;
	margin-bottom: 10px;
	padding-top: 66.66666667%;
}
#partner .partner-list > a.partner-link > .partner-img > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.message_wrapper #partner .partner-list > a.partner-link {
	width: calc(50% - 20px);
}

#pickup { margin:0 0 25px 0; clear: both; }
#pickup ul { position:relative; margin:-20px -28px 0 0; overflow:hidden; }
/*#pickup li { width:225px; float:left; display:inline; margin:25px 15px -1px 0; border-bottom:1px dotted #ccc; }*/
#pickup li { width:335px; float:left; display:inline; margin:25px 20px 0 0; }
/*#pickup a.image img { display:block; margin:0 0 10px 0; border:1px solid #ccc; padding:1px; width:225px; height:83px; }*/
#pickup a.image img { display:block; margin:0 0 10px 0; border:1px solid #ccc; padding:1px; width:335px; height:auto; }
#pickup a.title { display:block; color:#333; font-size:15px; margin:0 0 10px 0; text-decoration:none; font-weight:bold; }
#pickup a.title:hover { text-decoration:underline; }
#pickup .desc { font-size:12px; line-height:180%; margin:0 0 20px 0; }

#topics_list, #press_list { margin:0 0 15px 0; }
#topics_list { float: left; width: 50%; padding-right: 20px; box-sizing: border-box; }
#press_list { float: right; width: 50%; padding-left: 20px; box-sizing: border-box; }
.post_list ul { margin:0 0 15px 0; }
.post_list li { background:url(img/common/dot1.gif) repeat-x left bottom; padding:0 0 10px 0; margin:0 0 10px 0; }
.post_list li span { float:left; display:block; width:95px; }
.post_list li span.caticon { width:110px; text-align:center; border-radius:4px; margin-right:20px; }

/*.post_list li span.caticon.animation  { background-color:#ffcccc; }
.post_list li span.caticon.future  { background-color:#ccff99; }
.post_list li span.caticon.report  { background-color:#ccccff; }
.post_list li span.caticon.research  { background-color:#ffff99; }
.post_list li span.caticon.media  { background-color:#bff0f2; }*/
.post_list li span.caticon.news { background-color:#ffff99; }
.post_list li span.caticon.reports { background-color:#ccff99; }
.post_list li span.caticon { background-color:#e5e5e5; }


.post_list#topics_list li a.title { color:#333; clear: left; display:block; width:100%; padding:5px 0 0 15px; border-left:1px solid #ddd; }
.post_list#press_list li a.title { color:#333; clear: left; display:block; width:100%; padding:5px 0 0 15px; border-left:1px solid #ddd; }

.post_list .archive_link a { margin-left:1em; font-size:11px; background:#4D4398; padding:0 25px; line-height:32px; text-decoration:none; color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; float:right; }
.post_list .archive_link a:hover { color:#fff; }

.post_list h3.headline1 { clear: both; margin-top: 15px; }
.post_list h3.headline1:first-child { clear: both; margin-top: 0; }

#activity { margin: 20px 0; }
.activity-lead .activity-left { float: left; width: 50%; padding-right: 20px; box-sizing: border-box; }
.activity-lead .activity-right { float: right; width: 50%; padding-top: 80px; padding-left: 20px; box-sizing: border-box; font-size: 15px; font-weight: bold; line-height: 1.5; }

.activity-list ul { display: flex; flex-wrap: wrap; margin: 20px 0; }
.activity-list ul li { width: 33.33%; padding: 0 5px; box-sizing: border-box; background: none !important; }
.activity-list ul li:nth-child(3n+1) { width: 33.33%; padding: 0 8px 0 0; }
.activity-list ul li:nth-child(3n+2) { width: 33.33%; padding: 0 4px 0 4px; }
.activity-list ul li:nth-child(3n+3) { width: 33.33%; padding: 0 0 0 8px; }
.activity-list ul li a { display: block; }
.activity-list-1 ul li a { padding: 5px; background-color: #edecf4; border: 2px solid #fff; border-radius: 5px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); text-decoration: none; }
.activity-list ul li img { width: 100%; height: auto; }

/* ----------------------------------------------------------------------
 single post page
---------------------------------------------------------------------- */

#contents { border:1px solid #ccc; margin:0 0 20px 0; box-shadow:0px 0px 0px 4px rgba(0,0,0,0.03); }

/* title */
#single_post_title { margin:0; padding:15px 0 13px; border-bottom:1px solid #ccc; margin:0 0 15px 0; }
#single_post_title .date { float:left; background:url(img/common/post_date.gif) no-repeat left bottom; color:#fff; font-size:11px; display:block; width:36px; height:37px; text-align:center; line-height:37px; margin:0 0 0 15px; }
#single_post_title .title { font-size:21px; line-height:160%; float:right; padding:0; margin:2px 15px 0 0; display:inline-block; /*width:670px;*/ width: calc(100% - 28px) }
#single_post_title .title.no_date { float:none; margin:2px 20px 0; width:705px; }

/* post meta */
#single_post .meta { font-size:11px; background:url(img/common/post_title.gif) no-repeat bottom; background-size: contain; padding:0 20px 25px; margin:0 0 20px 0; }
#single_post .meta a { color:#333; }
#single_post .meta .date { float:left; margin:0 25px 0 0; line-height:150%; }
#single_post .meta ul { float:left; margin:0 25px 0 0; }
#single_post .meta li { float:left; line-height:150%; margin:0 5px 0 0; }
#single_post .meta ul.post_category { background:url(img/common/icon_category.png) no-repeat left 3px; padding:0 0 0 16px; }
#single_post .meta ul.post_tag { background:url(img/common/icon_tag.png) no-repeat left 3px; padding:0 0 0 16px; }
#single_post .meta .post_comment { float:left; margin:0; line-height:150%; background:url(img/common/icon_comment.png) no-repeat left 3px; padding:0 0 0 18px; }

/* post */
#single_post .post { padding:0 20px; }

/* post thumbnail */
.post_image img { max-height:300px; width:auto; display:block; margin:25px auto 20px; }

/* bookmark */
#bookmark { margin:30px 20px 20px; }
#bookmark li { float:left; margin:0 10px 0 0; }

/* related post */
#related_post { margin:0 0 25px 0; }
#related_post ul { margin:0 25px; }
#related_post ul li { margin:0; line-height:100%; width:100%; float:left; padding-bottom:1em; border-bottom:1px dotted #999; }
#related_post ul li .meta { width:100%; }
#related_post ul li .date { line-height:100%; font-size:11px; margin:0 0 5px 0; padding:12px 0 0 0; font-weight:bold; }
#related_post ul li .title { line-height:130%; font-size:12px; font-weight:normal; margin:0; padding:0; }
#related_post ul li .title a { color:#333; margin:0 0 10px 0; }
#related_post ul li .image img { display:block; border:1px solid #ccc; padding:2px; float:left; width:64px; height:64px; }

/* next prev post link */
#previous_next_post { margin:0; padding:0 0 30px 0; }
#previous_next_post a { color:#333; }
#previous_post a { margin:0; width:42%; float:left; line-height:140%; font-size:12px; background:url(img/common/arrow_left.gif) no-repeat left 6px; padding:7px 0 8px 30px; }
#next_post a { margin:0; width:42%; float:right; text-align:right; line-height:140%; font-size:12px; background:url(img/common/arrow_right.gif) no-repeat right 8px; padding:8px 30px 8px 0; }

/* flbox */
.flblock { margin-bottom:1em; }
.flbox_l { float:left; width:210px; margin-right:10px; }
.flbox_end { margin-right:0px; }
.flbox_l p { margin-bottom:0.5em; }
.flbox_l p.img { padding:3px!important; border:1px solid #ccc; display:inline-block; }
.flbox_l p.img img { margin:0!important; }

/* costom toukou */
#global .wp_social_bookmarking_light { display:none; } 
#globalnews .wp_social_bookmarking_light { display:none; } 

#main_content #contents .activity-title {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 15%;
	margin: 0 0 20px;
	background-color: #666;
	color: #fff;
}
#main_content #contents .activity-title > span {
	position: absolute;
	top: 50%;
	left: 0;
	padding: 20px;
	transform: translateY(-50%);
}
#main_content #contents .activity-title > .activity-title-img {
	position: absolute;
	top: 5px;
	right: 5px;
	width: auto;
	height: calc(100% - 10px);
}
#main_content #contents .activity-title-main-img {
	margin: 0 0 20px;
}
#main_content #contents .activity-title-img-only {
	width: 100%;
	padding: 0;
	margin: 0 0 20px;
	border: 0 !important;
	background-color: transparent !important;
}
#main_content #contents .activity-title-img-only img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 768px) {
	#main_content #contents .activity-title {
		padding-top: 25%;
	}
}

#main_content #contents .activity_content {
	padding: 0 5px;
	font-size: 15px;
	line-height: 1.5;
}
#main_content #contents .activity_content .activity-subtitle {
	padding: 0;
	background-color: transparent;
	color: inherit;
	border-left: 0;
	font-weight: bold;
}
#main_content #contents .activity_content .activity-frame {
	border-radius: 5px;
	box-shadow: 0 1px 4px rgba(0,0,0,.3);
	margin-bottom: 2em;
	padding: 20px 20px 0;
	background-color: #edecf4;
	border: 2px solid #fff;
}
#main_content #contents .activity_content .activity-bold {
	color: #4d4398;
	font-size: 18px;
	font-weight: bold;
}
#main_content #contents .activity_content .activity-arrow-down {
	position: relative;
	width: 16px;
	height: 12px;
	margin: 20px auto 35px;
	background-color: #4d4398;
}
#main_content #contents .activity_content .activity-arrow-down:before {
	content: '';
	position: absolute;
	top: 12px;
	left: -8px;
	border-top: 8px solid #4d4398;
	border-right: 16px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 16px solid transparent;
}

#main_content #contents .activity_content .activity-img100,
#main_content #contents .activity_content .activity-img120,
#main_content #contents .activity_content .activity-img140,
#main_content #contents .activity_content .activity-img160,
#main_content #contents .activity_content .activity-img180 {
	display: flex;
	align-items: center;
	margin: 20px 0;
}
#main_content #contents .activity_content .activity-img-txt > *:last-child{
	margin-bottom: 0;
}
#main_content #contents .activity_content .activity-img100 > .activity-img-left {
	width: 100px;
	height: auto;
}
#main_content #contents .activity_content .activity-img100 > .activity-img-txt {
	margin: 20px 0 20px 20px;
	width: calc(100% - 120px);
}
#main_content #contents .activity_content .activity-img120 > .activity-img-left {
	width: 120px;
	height: auto;
}
#main_content #contents .activity_content .activity-img120 > .activity-img-txt {
	margin: 20px 0 20px 20px;
	width: calc(100% - 140px);
}
#main_content #contents .activity_content .activity-img140 > .activity-img-left {
	width: 140px;
	height: auto;
}
#main_content #contents .activity_content .activity-img140 > .activity-img-txt {
	margin: 20px 0 20px 20px;
	width: calc(100% - 160px);
}
#main_content #contents .activity_content .activity-img160 > .activity-img-left {
	width: 160px;
	height: auto;
}
#main_content #contents .activity_content .activity-img160 > .activity-img-txt {
	margin: 20px 0 20px 20px;
	width: calc(100% - 180px);
}
#main_content #contents .activity_content .activity-img180 > .activity-img-left {
	width: 180px;
	height: auto;
}
#main_content #contents .activity_content .activity-img180 > .activity-img-txt {
	margin: 20px 0 20px 20px;
	width: calc(100% - 200px);
}

#main_content #contents .activity_content h2,
#main_content #contents .activity_content h3 {
	background-color: #e6e4f0;
	color: #000;
	border-left: 4px solid #4d4398;
	font-weight: bold;
}

#main_content #contents .activity_content p {
	margin-bottom: 20px;
}
#main_content #contents .activity_content ul {
	margin-bottom: 20px;
}
#main_content #contents .activity_content ul li {
	position: relative;
	background: none;
	padding: 0 0 0 20px;
	margin: 0 0 10px;
	line-height: 1.5;
}
#main_content #contents .activity_content ul li:before {
	position: absolute;
	content: '';
	top: 5px;
	left: 5px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 8px solid #736bae;
}
#main_content #contents .activity_content ul li img {
	vertical-align: bottom;
}
#main_content #contents .activity_content ol {
	margin-bottom: 20px;
}
#main_content #contents .activity_content .activity-slide li {
	padding: 0;
}
#main_content #contents .activity_content .activity-slide li:before {
	content: none;
}
#main_content #contents .activity_content .activity-slide a.activity-slide-link {
	display: block;
	margin: 5px;
	padding: 5px;
	border: 1px solid #ddd;
	text-decoration: none;
	color: inherit;
}
#main_content #contents .activity_content .activity-slide a.activity-slide-link:hover {
	background: rgba(0,0,0,.05);
}
#main_content #contents .activity_content .activity-slide a.activity-slide-link > .activity-slide-img {
	position: relative;
	width: 100%;
	height: 0;
	margin-bottom: 10px;
	padding-top: 75%;
}
#main_content #contents .activity_content .activity-slide a.activity-slide-link > .activity-slide-img > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
#main_content #contents .activity_content .activity-slide a.activity-slide-link > .activity-slide-img > span {
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 11px;
}
#main_content #contents .activity_content .activity-slide a.activity-slide-link > .activity-slide-txt {
	position: relative;
	width: 100%;
	height: 0;
	margin-bottom: 10px;
	padding-top: 100%;
	overflow: hidden;
}
#main_content #contents .activity_content .activity-slide a.activity-slide-link > .activity-slide-txt > .activity-slide-ttl {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: calc(100% - 20px);
	padding: 0 5px;
	font-size: 14px;
	line-height: 1.5;
	overflow: hidden;
}
#main_content #contents .activity_content .activity-slide a.activity-slide-link > .activity-slide-txt > .activity-slide-date {
	position: absolute;
	bottom: 0;
	right: 0;
	width: auto;
	padding: 0 5px;
	font-size: 14px;
}
#main_content #contents .activity_content .activity-slide .slick-prev,
#main_content #contents .activity_content .activity-slide .slick-next {
	width: 30px;
	height: 30px;
	z-index: 1;
}
#main_content #contents .activity_content .activity-slide .slick-prev {
	left: -30px;
}
#main_content #contents .activity_content .activity-slide .slick-next {
	right: -30px;
}
#main_content #contents .activity_content .activity-slide .slick-prev:before,
#main_content #contents .activity_content .activity-slide .slick-next:before {
	font-size: 30px;
	color: rgba(0,0,0,.8);
}
@media screen and (max-width: 767px) {
	#main_content #contents .activity_content .activity-slide .slick-prev,
	#main_content #contents .activity_content .activity-slide .slick-next {
		width: 40px;
		height: 40px;
	}
	#main_content #contents .activity_content .activity-slide .slick-prev {
		left: 5px;
	}
	#main_content #contents .activity_content .activity-slide .slick-next {
		right: 5px;
	}
	#main_content #contents .activity_content .activity-slide .slick-prev:before,
	#main_content #contents .activity_content .activity-slide .slick-next:before {
		font-size: 40px;
	}
}

#main_content #contents .activity_content ul.activity-publication {
	display: flex;
}
#main_content #contents .activity_content ul.activity-publication li {
	width: calc(20% - 16px);
	padding: 0;
	margin: 0 0 0 20px;
}
#main_content #contents .activity_content ul.activity-publication li:first-child {
	margin: 0;
}
#main_content #contents .activity_content ul.activity-publication li:before {
	content: none;
}
#main_content #contents .activity_content ul.activity-publication li a {
	color: inherit;
	text-decoration: none;
	line-height: 1.5;
}

#main_content #contents .activity_content ul.activity-publication-sub {
	display: flex;
}
#main_content #contents .activity_content ul.activity-publication-sub li {
	width: calc(33.3333333% - 13.33333334px);
	padding: 0;
	margin: 0 0 0 20px;
}
#main_content #contents .activity_content ul.activity-publication-sub li:first-child {
	margin: 0;
}
#main_content #contents .activity_content ul.activity-publication-sub li:before {
	content: none;
}
#main_content #contents .activity_content ul.activity-publication-sub li a {
	display: flex;
	align-items: center;
	/*border: 1px solid #ddd;
	padding: 5px;*/
	color: inherit;
	text-decoration: none;
	line-height: 1.5;
}
#main_content #contents .activity_content ul.activity-publication-sub li a .top-publication-img {
	width: 120px;
}
#main_content #contents .activity_content ul.activity-publication-sub li a .top-publication-img img {
	vertical-align: middle;
}
#main_content #contents .activity_content ul.activity-publication-sub li a .top-publication-ttl {
	width: calc(100% - 110px);
	margin-left: 10px;
}
#main_content #contents .activity_content ul.activity-publication-sub li a .top-publication-ttl .top-publication-ttl-link {
	color: #4D4398;
	text-decoration: underline;
}
#main_content #contents .activity_content ul.activity-publication-sub li a:hover .top-publication-ttl .top-publication-ttl-link {
	color: #55961D;
}
@media screen and (max-width: 767px) {
	#main_content #contents .activity_content ul.activity-publication-sub {
		display: block;
	}
	#main_content #contents .activity_content ul.activity-publication-sub li {
		width: auto;
		padding: 0;
		margin: 0;
	}
}

#main_content #contents .activity-scroll {
	height: 120px;
	overflow-y: scroll;
	background: #e5e5e5;
	padding: 10px;
}
#main_content #contents .activity-scroll::-webkit-scrollbar {
  width: 8px;
}
#main_content #contents .activity-scroll::-webkit-scrollbar-track {
  background-color: #fff;
}
#main_content #contents .activity-scroll::-webkit-scrollbar-thumb {
  background-color: #736bae;
  border-radius: 8px;
}
#main_content #contents .activity-past ul {
	
}
#main_content #contents .activity-past ul li {
	display: flex;
}
#main_content #contents .activity-past ul li .activity-post-date {
	width: 80px;
}
#main_content #contents .activity-past ul li .activity-post-title {
	display: block;
	margin-left: 20px;
	width: calc(100% - 100px);
}
@media screen and (max-width: 767px) {
	#main_content #contents .activity-past {
		height: 200px;
	}
	#main_content #contents .activity_content ul.activity-publication li {
		width: calc(33.3333333% - 13.33333334px);
	}
}

#main_content #contents .activity-2cols {
	display: flex;
}
#main_content #contents .activity-2cols .activity-col {
	width: calc(100% - 10px);
	margin-left: 20px;
}
#main_content #contents .activity-2cols .activity-col:nth-child(2n+1) {
	margin-left: 0;
}
#main_content #contents .activity-2cols .activity-col a {
	display: block;
	border: 1px solid #ddd;
	padding: 10px;
}
#main_content #contents .activity-2cols .activity-col a:hover {
	background-color: rgba(0,0,0,.05);
}
#main_content #contents .activity-2cols .activity-col img {
	width: 100%;
	height: auto;
}

#main_content #contents .activity-3cols {
	display: flex;
}
#main_content #contents .activity-3cols .activity-col {
	width: calc(33.33333333% - 13.33333334px);
	margin-left: 20px;
}
#main_content #contents .activity-3cols .activity-col:nth-child(3n+1) {
	margin-left: 0;
}
#main_content #contents .activity-3cols .activity-col > a {
	display: block;
	border: 1px solid #ddd;
	padding: 10px;
	color: inherit;
	text-decoration: none;
}
#main_content #contents .activity-3cols .activity-col > a:hover {
	background-color: rgba(0,0,0,.05);
}
#main_content #contents .activity-3cols .activity-col > a .activity-col-link {
	color: #4D4398;
	text-decoration: underline;
}
#main_content #contents .activity-3cols .activity-col > a:hover .activity-col-link {
	color: #55961D;
}
#main_content #contents .activity-3cols .activity-col img {
	width: 100%;
	height: auto;
}

#main_content #contents .activity-2-1cols {
	display: flex;
}
#main_content #contents .activity-2-1cols .activity-col {
	width: calc(100% - 10px);
	margin-left: 20px;
}
#main_content #contents .activity-2-1cols .activity-col:nth-child(2n+1) {
	width: calc(200% - 20px);
	margin-left: 0;
}
#main_content #contents .activity-2-1cols .activity-col > a {
	display: block;
	border: 1px solid #ddd;
	padding: 10px;
}
#main_content #contents .activity-2-1cols .activity-col > a:hover {
	background-color: rgba(0,0,0,.05);
}
#main_content #contents .activity-2-1cols .activity-col img {
	width: 100%;
	height: auto;
}

#main_content #contents .activity-2cols {
	display: flex;
}
#main_content #contents .activity-2cols .activity-col {
	width: calc(100% - 10px);
	margin-left: 20px;
}
#main_content #contents .activity-2cols .activity-col:nth-child(2n+1) {
	margin-left: 0;
}
#main_content #contents .activity-2cols .activity-col > a {
	display: block;
	border: 1px solid #ddd;
	padding: 10px;
}
#main_content #contents .activity-2cols .activity-col > a:hover {
	background-color: rgba(0,0,0,.05);
}
#main_content #contents .activity-2cols .activity-col img {
	width: 100%;
	height: auto;
}

#main_content #contents .activity-profile {
	display: flex;
	margin-bottom: 20px;
}

#main_content #contents .activity-profile .activity-profile-left {
	width: 200px;
}

#main_content #contents .activity-profile .activity-profile-right {
	width: calc(100% - 220px);
	margin-left: 20px;
}

#main_content #contents .activity-profile .activity-profile-right > *:first-child {
	margin-top: 0;
}



/* --- WordPress preset CSS ----------------------------------------------------------------------------------------- */

/* image */
.post img { height:auto; max-width:100%; width:auto; }
.post img.centered,div.centered { display:block; margin:15px auto; }
.post img.aligncenter,div.aligncenter { display:block; margin:15px auto; }
.post img.alignright,div.alignright { margin:10px 0 30px 30px; display:inline; }
.post img.alignleft,div.alignleft { margin:10px 8px 30px 0; display:inline; }
.post .wp-caption { background:#fff; border:1px solid #ccc; max-width:96%; padding:14px 3px 1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.post .wp-caption img { display:block; margin:0 auto; max-width:100%; }
.post .wp-caption .wp-caption-text { padding:10px 0 0; }

/* table */
.post table { margin:0 0 1em 0; }
.post td, .post th { border:1px solid #c1c1c1; padding:15px; }
.post th { 
   background:#eee; font-weight:normal;
   background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(248,248,248,1)));
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
}

.post table.enkaku { border-bottom: 1px solid #c1c1c1; }
.post table.enkaku th { white-space: nowrap; text-align: left; vertical-align: top; border: 0; border-top: 1px solid #c1c1c1; background: transparent; }
.post table.enkaku th.empty { border-top: 0; }
.post table.enkaku td { vertical-align: top; border: 0; border-top: 1px solid #c1c1c1; }
.post table.enkaku td.month { white-space: nowrap; padding: 15px 15px 15px 5px; }

/* block quote */
.post blockquote {
   margin:0 0 1em 0; padding:50px 50px 40px; background:#f2f2f2;
   background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(248,248,248,1)));
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
   -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; border:1px solid #c1c1c1;
}
.post blockquote:before { content: '"'; font-style:italic; font-size:40px; font-weight:bold; line-height:40px; width:30px; height:30px; position:absolute; top:20px; left:20px; color:#999; }
.post blockquote:after { content: '"'; font-style:italic; font-size:40px; font-weight:bold; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:20px; right:20px; color:#999; }

/* list */
.post li, .post dt, .post dd { margin:0; line-height:200%; }
.post ul li {  background:url(img/common/bullet1.gif) no-repeat left 11px; padding:0 0 0 9px; }
.post ul.iconnone li {  background:none; padding:0; }
.post ul ul, .post ol ol  { margin:0 0 0 1em; }




/* ----------------------------------------------------------------------
 press release
---------------------------------------------------------------------- */
/* single page */
#recent_press_list { }
#recent_press_list ul { margin:0px 20px 20px 20px; overflow:hidden; }
#recent_press_list li { background:url(img/common/dot1.gif) repeat-x left bottom; padding:0 0 10px 0; margin:10px 0 -1px 0; }
#recent_press_list li span { float:left; display:block; width:85px; }
#recent_press_list li a.title { color:#333; float:left; display:block; width:550px; padding:0 0 0 15px; border-left:1px solid #ddd; }




/* ----------------------------------------------------------------------
 pages
---------------------------------------------------------------------- */
#page_title { font-size:21px; line-height:160%; padding:24px 20px 34px; margin:0 0 20px 0; display:block; background:url(img/common/post_title.gif) no-repeat bottom; }
.page #contents { padding:0 0 20px 0; }

/* company info */
#company_info dl { border-bottom:1px solid #ddd; margin:0 0 40px 0; }
#company_info dt { float:left; width:185px; display:inline; margin:0 0 0px 0; line-height:200%; font-weight:bold; font-size:11px; border-top:1px solid #ddd; padding:15px 10px 10px 0; }
#company_info dd { margin:0 0 0 185px; line-height:200%; background:#fcfcfc; padding:12px 10px 10px 20px; border-top:1px solid #ddd; }
#company_info dd p { margin:0; }
#gmap { text-align:center; margin-top:30px; }
#gmap iframe { border:1px solid #ccc; padding:1px; width:700px; }




/* ----------------------------------------------------------------------
 Archive, Search result page
---------------------------------------------------------------------- */
#post_list, #post_list_2 { position:relative; margin:0 -28px 0 0; }
#post_list li, #post_list_2 li { width:211px; float:left; display:inline; margin:0 28px 40px 0; border-bottom:1px solid #ccc; }
#post_list .image img, #post_list_2 .image img { border:1px solid #ccc; padding:1px; margin:0 0 10px 0; display:block; width:227px; height:145px; }
#post_list .title, #post_list_2 .title { margin:0 0 10px 0; font-size:14px; line-height:150%; }
#post_list .title a, #post_list_2 .title a { color:#4D4398; display:block; }
#post_list .desc, #post_list_2 .desc { font-size:11px; color:#666; line-height:150%; padding:0 0 10px 0; background:url(img/common/dot1.gif) repeat-x left bottom; }
#post_list .meta p, #post_list_2 .meta p { margin:0 0 10px 0; padding:0 10px 1px 0; font-size:10px; line-height:120%; float:left; }
#post_list .meta a, #post_list_2 .meta a { color:#333; }
#post_list .meta .post_date { background:url(img/common/icon_date.png) no-repeat left 1px; padding-left:16px; width:89px; }
#post_list .meta .post_comment { background:url(img/common/icon_comment.png) no-repeat left 1px; padding-left:15px; width:90px; }
#post_list .meta .post_category { background:url(img/common/icon_category.png) no-repeat left 1px; padding-left:15px; width:90px; }
#post_list .meta .post_tag { background:url(img/common/icon_tag.png) no-repeat left 1px; padding-left:15px; width:90px; }

/* banner */
#banner_list { position:relative; margin:0; }
#banner_list li { width:25%; float:left; display:inline; margin:0 0 40px 0; text-align: center; }
#banner_list img { border:1px solid #ccc; padding:1px; margin:0 auto 10px; display:block; max-width:100%; }

/* page navi */
.page_navi { margin:0 0 25px 0; padding:0; }
.page_navi h4 { font-size:10px; font-weight:normal; margin:0 0 5px 0; color:#888; }
.page_navi ul { }
.page_navi li { float:left; }
.page_navi a, .page_navi a:hover, .page_navi span
 { text-decoration:none; color:#fff; font-size:11px; padding:13px 15px; line-height:100%; margin:0 4px 4px 0; background:#bbb; display:block; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.page_navi a:hover { color:#fff; text-decoration:none; }
.page_navi span.dots { background:#fff; }

.page_navi span.current { color:#fff; background:#666; }
.page_navi a.prev, .page_navi a:hover.prev, .page_navi a:visited.prev {  }
.page_navi a.next, .page_navi a:hover.next, .page_navi a:visited.next {  }

.page_navi p.back a, .page_navi p.back a:hover { display:inline-block; padding:12px 20px; }

.csonj_responsive .page_navi {
}

.csonj_responsive .page_navi h4 {
	display: none;
}

.csonj_responsive .page_navi ul li {
	background: none;
	padding: 0;
}


#post_list .image img.evaluator-archive-img, #post_list_2 .image img.evaluator-archive-img { width: 227px; height: 227px; }
#post_list h4.evaluator-archive-title a, #post_list_2 h4.evaluator-archive-title a { color: inherit; text-decoration: none; }

.evaluator-title { padding: 0 20px; }
.evaluator-title-sub { font-size: 18px; }
.evaluator-title-mini { font-size: 15px; }
.evaluator-post-img { float: right; width: 45%; padding: 45px 0 0 20px; box-sizing: border-box; }
.evaluator-post-txt { float: left; width: 55%; }
.evaluator-side-img, .evaluator-side-txt { display: table-cell; vertical-align: top; }

.interview-img-right { float: right; margin: 15px 5px 15px 15px; }
.interview-img-left { float: left; margin: 15px 15px 15px 5px; }
.interview-conent2 { border: 1px solid #999; border-radius: 3px; padding: 0 10px; }

/* ----------------------------------------------------------------------
 Widget setting
---------------------------------------------------------------------- */
.side_widget { margin:0 0 20px 0; font-size:11px; clear:both; }
.side_widget p { margin:0; }
.side_widget ul { margin:0; }
.side_widget li ul { margin:0; }
.side_widget li ul li { padding-left: 20px; }
.side_widget li { line-height:130%; font-size:14px; }
.side_widget li.last { margin:0; }
#sidemenu a, #sidemenu span { color:#333; padding:10px 15px 10px 23px; display:block; border-bottom:1px solid #ccc; background:url(img/common/bullet1.gif) no-repeat 7px 18px; }

#sidemenu li#parent a, #sidemenu li#parent span { color:#fff; background-color:#4d4398; background-image:none; text-decoration:none; }
#sidemenu li#parent a:hover { text-decoration:underline; }
#sidemenu li.current_page_item a { background-color:#E6E4F0; }
#sidemenu li.current_page_item li a { background-color:transparent; }

.info_widget { margin:0 0 35px 0; font-size:11px; clear:both; }
.info_widget ul { margin:0; }
.info_widget li ul { margin:15px 0 0 0; }
.info_widget li { line-height:170%; margin:0 0 7px 0; font-size:14px; background:url(img/common/bullet1.gif) no-repeat left 8px; padding:0 0 0 8px; }
.info_widget li.last { margin:0; }
.info_widget a { color:#333; }

/* recommend */
.recommend_widget li, #footer .recommend_widget li { background:url(img/common/dot1.gif) repeat-x left bottom; margin:0 0 8px 0; padding:2px 0 8px 0; }
.recommend_widget a { color:#333; display:block; }
.recommend_widget a:hover { }
.recommend_widget .info { width:100px; margin:2px 0 0 0; float:right; }
.recommend_widget .date { font-size:10px; font-weight:bold; margin:0 0 5px 0; line-height:100%; }
.recommend_widget .title { font-size:11px; }
.recommend_widget .image { display:inline-block; }
.recommend_widget .image img { border:1px solid #ccc; padding:1px; }
.recommend_widget .image:hover img { }
.recommend_widget li.last, #footer .recommend_widget li.last { background:none; margin:0; padding:0; }
#footer .recommend_widget .info { width:135px; }


/* calendar */
#wp-calendar { margin:0 auto; width:100%; font-size:11px; border-collapse:separate; table-layout:fixed; }
#wp-calendar th, #wp-calendar td { color:#333; padding:0; line-height:220%; text-align:center; }
#wp-calendar td a { display:block; margin:0; padding:0; text-decoration:none; color:#333; background:#ddd; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#wp-calendar td a:hover { text-decoration:none; color:#fff;}
#wp-calendar caption { padding:7px 0; }
#wp-calendar thead th, #wp-calendar tfoot td { border:none; padding:0; line-height:200%; }
#wp-calendar #prev, #wp-calendar #next { line-height:200%; }
#wp-calendar #prev a, #wp-calendar #next a { text-decoration:none; background:none; color:#333; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#fff; }
#wp-calendar td#today { color:#fff; background:#c1c1c1; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }

/* search */
.widget_search label { display:none; }
.widget_search #s { padding:7px 10px; margin:0 5px 0 0; width:53%;}
#searchsubmit { border:1px solid #333; background:#333; color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:5px 10px; cursor:pointer; display:inline-block; }

/* adsense */
.ad_widget img { height:auto; max-width:100%; width:auto; margin:0 auto; display:block; }



/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */
#header_wrap { width:960px; border-bottom:1px solid #ccc; height:140px; margin:0 auto 1px; position: relative; z-index: 20; }
#header { width:960px; height:100px; margin:0 auto; z-index:30; position:relative; }

.csonj_responsive #header_wrap {
	width: 100%;
	max-width: 960px;
}
.csonj_responsive #header_wrap #header {
	width: 100%;
	max-width: 960px;
}

@media screen and (max-width: 767px) {
	.csonj_responsive #header_wrap {
		position: relative;
		/*height: auto;*/
		height: 0;
		padding-top: 91px;
		background: #fff;
	}
	.csonj_responsive #header_wrap #header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		background: #fff;
	}
}

@media screen and (max-width: 479px) {
	.csonj_responsive #header_wrap {
		padding-top: calc(9 / 40 * 100%);
	}
}

/* logo */
#logo { position:absolute; top:32px; left:1px; line-height:120%; font-size:30px; font-weight:normal; margin:0; paddgin:0; }
#logo a { text-decoration:none; color:#333; }
#logo a:hover { text-decoration:underline; }

@media screen and (max-width: 767px) {
	.csonj_responsive #logo {
		position: static;
		padding: 15px 60px 15px 15px;
		max-width: calc(100% - 75px);
	}
	
	.csonj_responsive #logo a {
		display: block;
	}
	
	.csonj_responsive #logo a img {
		max-width: 100%;
	}
}

.global-menu-sp {
	display: none;
}

@media screen and (max-width: 767px) {
	.global-menu-sp {
		display: block;
		/*
		position: absolute;
		top: 50%;
		right: 10px;
		width: 40px;
		height: 40px;
		transform: translateY(-50%);
		*/
	}
	
	.global-menu-sp .global-menu-sp-hamberger {
		position: absolute;
		display: block;
		top: 50%;
		right: 10px;
		width: 40px;
		height: 40px;
		transform: translateY(-50%);
	}
	
	.global-menu-sp .global-menu-sp-hamberger span {
		display: block;
		position: absolute;
		top: 10px;
		left: 5px;
		width: 30px;
		height: 2px;
		background: #000;
		transition: .3s
	}
	
	.global-menu-sp .global-menu-sp-hamberger span:nth-child(1) {
		top: 10px;
	}
	
	.global-menu-sp .global-menu-sp-hamberger span:nth-child(2) {
		top: 20px;
	}
	
	.global-menu-sp .global-menu-sp-hamberger span:nth-child(3) {
		top: 30px;
	}
	
	.global-menu-sp > input[type=checkbox]:checked ~ .global-menu-sp-hamberger span:nth-child(1) {
		top: 20px;
		transform: rotate(45deg);
	}
	
	.global-menu-sp > input[type=checkbox]:checked ~ .global-menu-sp-hamberger span:nth-child(2) {
		background: transparent;
	}
	
	.global-menu-sp > input[type=checkbox]:checked ~ .global-menu-sp-hamberger span:nth-child(3) {
		top: 20px;
		transform: rotate(-45deg);
	}
	
	.global-menu-sp > input[type=checkbox] {
		display: none;
	}
	
	.global-menu-sp > input[type=checkbox] ~ .global-menu-sp-hamberger ~ .menu {
		display: none;
	}
	
	.global-menu-sp > input[type=checkbox]:checked ~ .global-menu-sp-hamberger ~ .menu {
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background: rgba(255,255,255,.95);
		border-top: 1px solid #ccc;
	}
	
	.global-menu-sp > input[type=checkbox]:checked ~ .global-menu-sp-hamberger ~ .menu > li {
		position: relative;
	}
	
	.global-menu-sp > input[type=checkbox]:checked ~ .global-menu-sp-hamberger ~ .menu > li .menu-item-has-children:after {
		content: '▼';
		position: absolute;
		top: 0;
		right: 0;
		width: 60px;
		height: 100%;
		line-height: 60px;
		text-align: center;
	}
	
	.global-menu-sp > input[type=checkbox]:checked ~ .global-menu-sp-hamberger ~ .menu > li span,
	.global-menu-sp > input[type=checkbox]:checked ~ .global-menu-sp-hamberger ~ .menu > li a {
		display: block;
		width: 100%;
		height: 40px;
		padding: 0 15px;
		border-bottom: 1px solid #ccc;
		color: #000;
		text-decoration: none;
		line-height: 39px;
	}
	
	.global-menu-sp > input[type=checkbox]:checked ~ .global-menu-sp-hamberger ~ .menu > li > input[type="checkbox"] {
		display: none;
	}
	
	.global-menu-sp > input[type=checkbox]:checked ~ .global-menu-sp-hamberger ~ .menu > li a:hover {
		background: #e5e5e5;
	}
	
	.global-menu-sp > input[type=checkbox]:checked ~ .global-menu-sp-hamberger ~ .menu > li > input[type="checkbox"] ~ .global-menu-sp-sub-toggle {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 40px;
		border-left: 1px solid #ccc;
	}
	
	.global-menu-sp > input[type=checkbox]:checked ~ .global-menu-sp-hamberger ~ .menu > li > input[type="checkbox"] ~ .global-menu-sp-sub-toggle > span {
		position: absolute;
		top: 16px;
		left: 14px;
		width: 0;
		height: 0;
		padding: 0;
		border-top: 8px solid #000;
		border-right: 6px solid transparent;
		border-left: 6px solid transparent;
		transition: .3s;
	}
	
	.global-menu-sp > input[type=checkbox]:checked ~ .global-menu-sp-hamberger ~ .menu > li > input[type="checkbox"]:checked ~ .global-menu-sp-sub-toggle > span {
		border-top: 0;
		border-right: 6px solid transparent;
		border-bottom: 8px solid #000;
		border-left: 6px solid transparent;
	}
	
	.global-menu-sp > input[type=checkbox]:checked ~ .global-menu-sp-hamberger ~ .menu > li > input[type="checkbox"] ~ .global-menu-sp-sub-toggle ~ .sub-menu {
		display: none;
	}
	
	.global-menu-sp > input[type=checkbox]:checked ~ .global-menu-sp-hamberger ~ .menu > li > input[type="checkbox"]:checked ~ .global-menu-sp-sub-toggle ~ .sub-menu {
		display: block;
		margin: 0;
	}
	
	.global-menu-sp > input[type=checkbox]:checked ~ .global-menu-sp-hamberger ~ .menu > li > input[type="checkbox"]:checked ~ .global-menu-sp-sub-toggle ~ .sub-menu > li > a {
		height: 30px;
		padding: 0 15px 0 35px;
		line-height: 29px;
	}
}

/* global menu */
#global_menu { clear:both; position:absolute; right:-10px; top:60px; z-index:20; }
#global_menu ul ul { position:absolute; left:1px; margin:0 0 0 -1px; padding:0; display:none; }
#global_menu ul ul ul { left:100%; top:0; }

#global_menu ul li { float:left; margin:0; padding:0; position:relative; display:block; }
#global_menu ul ul li { float:none; height:auto; padding:0; margin:0; text-align:left; }
#global_menu ul li a { display:block; padding:5px 10px 3px 20px; color:#333; text-decoration:none; font-size:12px; background:url(img/common/iconlink01.gif) no-repeat left center; height:20px; }
#global_menu ul li a:hover { }
#global_menu ul li.active_menu a { }
#global_menu ul ul a { position:relative; padding:8px 10px 0px 10px; line-height:140%; margin:0 0 -1px 0; border:1px solid #ccc; background:#fff; background-image:none; }
#global_menu ul ul a:hover { background:#f6f6f6; }

#global_menu ul li.first_menu { }
#global_menu ul li.last_menu a { }
.header_menu li.current-menu-item > a { }
#global_menu ul ul .parent_menu > a { }
#global_menu ul ul .parent_menu > a:hover { }

@media screen and (max-width: 767px) {
	.csonj_responsive #global_menu {
		display: none;
		/*
		position: static;
		padding: 5px;
		*/
	}
}

/* global menu2 */
#global_menu2 { clear:both; position:absolute; left:0; top:100px; z-index:20; width: 100%; border-top: 1px solid #DDDDDD; border-left: 1px solid #DDDDDD;  background: url(img/common/global_menu2_bg.gif) left top repeat-x; }
#global_menu2 ul ul { position:absolute; left:1px; margin:0 0 0 -1px; padding:0; display:none; }
#global_menu2 ul ul ul { left:100%; top:0; }

#global_menu2 ul li { float:left; margin:0; padding:0; position:relative; display:block; }
#global_menu2 ul ul li { float:none; height:auto; padding:0; margin:0; text-align:left; }
#global_menu2 ul li a, #global_menu2 ul li span { background: url(img/common/global_menu2_bg.gif) #cfcce3 left top repeat-x; display:block; padding:10px 20px 10px 20px; color:#333; text-decoration:none; font-size:14px; border-right: 1px solid #fff; min-height:20px; }
#global_menu2 ul li a:hover { background:#f6f6f6;/*background:#f6f6f6 url(img/header/menu_line.gif) repeat-y left top;*/ color:#333; }
#global_menu2 ul li.active_menu a { }
#global_menu2 ul ul a { background:#cfcce3; position:relative; padding:10px 10px 10px 10px; line-height:140%; margin:0 0 -1px 0; border:1px solid #ccc; background:#fff; background-image:none; }
#global_menu2 ul ul a:hover { background:#f6f6f6; }

#global_menu2 ul li.first_menu { }
#global_menu2 ul li.last_menu a { }
.header_menu li.current-menu-item > a { }
#global_menu2 ul ul .parent_menu > a { }
#global_menu2 ul ul .parent_menu > a:hover { }

/* global menu2 (2024.07) */
/*
#global_menu2a ul ul ul { left:100%; top:0; }


#global_menu2a ul ul a:hover,
#global_menu2a ul ul .parent_menu > a:hover,
*/

#global_menu2a {
	clear: both;
	position: absolute;
	left: 0;
	top: 100px;
	z-index: 20;
	width: 100%;
	border-top: 1px solid #DDDDDD;
	border-left: 0;
}
#global_menu2a ul.menu > li.menu-item {
	display: block;
	float: left;
	width: 20%;
	margin: 0;
	padding: 0;
	text-aling: center;
}
#global_menu2a ul.menu > li.menu-item:first-child {
}
#global_menu2a ul.menu > li.menu-item > a,
#global_menu2a ul.menu > li.menu-item > span {
	display: block;
	min-height:20px;
	padding:10px 0;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	background: url(./img/common/global_menu2_bg.gif) #cfcce3 left top repeat-x;
	color:#333;
	font-size:14px;
	text-align: center;
	text-decoration: none;
}
#global_menu2a ul.menu > li.menu-item > a:hover {
	background: #f6f6f6; 
	color: #333;
}
#global_menu2a ul.menu > li.menu-item > ul.sub-menu {
	display: none;
}
#global_menu2a ul.menu > li.menu-item:hover > ul.sub-menu {
	position: absolute;
	top: 100%;
	left: 1px;
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 2px);
	min-height: 60px;
	margin: 0 0 0 -1px;
	padding: 0;
	border: 1px solid #ccc;
	background: rgba(255,255,255,.95);
	z-index: 100;
}
#global_menu2a ul.menu > li.menu-item:nth-child(5):hover > ul.sub-menu {
	width: 75%;
	left: 25%;
}
#global_menu2a ul.menu > li.menu-item > ul.sub-menu > li.menu-item {
	float: none;
	width: 25%;
	height: auto;
	padding: 0;
	margin: 0;
	text-align: left;
}
#global_menu2a ul.menu > li.menu-item:nth-child(5):hover > ul.sub-menu > li.menu-item {
	width: 33.3333%;
}
#global_menu2a ul.menu > li.menu-item > ul.sub-menu > li.menu-item > a {
	display: block;
	position: relative;
	border: 0;
	padding: 10px 10px 10px 40px;
	margin: 0 0 -1px 0;
	background-color: transparent;
	color: inherit;
	line-height: 140%;
	text-decoration: none;
}
#global_menu2a ul.menu > li.menu-item > ul.sub-menu > li.menu-item:hover > a {
	background: rgba(0,0,0,.05)
}
#global_menu2a ul.menu > li.menu-item > ul.sub-menu > li.menu-item > a:before {
	position: absolute;
	top: 50%;
	left: 20px;
	content: '●';
	transform: translateY(-50%);
	
}
#global_menu2a ul.menu > li.menu-item:hover > ul.sub-menu.has-img > li.menu-item > a {
	display: block;
	position: relative;
	border: 0;
	padding: 10px;
	background-color: transparent;
	color: inherit;
	line-height: 140%;
	text-decoration: none;
}
#global_menu2a ul.menu > li.menu-item > ul.sub-menu > li.menu-item > a:hover {
	background: #f6f6f6;
}
#global_menu2a ul.menu > li.menu-item:hover > ul.sub-menu.has-img > li.menu-item > a:before {
	content: none;
}
#global_menu2a ul.menu > li.menu-item:hover > ul.sub-menu.has-img > li.menu-item > a > .menu-item-img {
	display: block;
	position: relative;
	width: calc(100% - 20px);
	height: 0;
	padding-right: 5px;
	padding-top: calc(50% - 10px);
	padding-left: 5px;
	border-right: 0;
	background: none;
	text-align: center;
}
#global_menu2a ul.menu > li.menu-item:hover > ul.sub-menu.has-img > li.menu-item > a > .menu-item-img > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#global_menu2a ul.menu > li.menu-item:hover > ul.sub-menu.has-img > li.menu-item > a > .menu-item-ttl {
	background: none;
	padding: 0 20px 10px 5px;
	font-size: 15px;
}

@media screen and (max-width: 767px) {
	.csonj_responsive #global_menu2a {
		display: none;
		position: static;
	}
	.csonj_responsive #global_menu2a ul.menu > li.menu-item {
		width: 33.333333%;
	}
}

@media screen and (max-width: 479px) {
	.csonj_responsive #global_menu2a {
		display: none;
		position: static;
	}
	.csonj_responsive #global_menu2a ul.menu > li.menu-item {
		width: 50%;
	}
}

/* facebook rss */
.header_english { position:absolute; right:107px; top:26px; }
.header_facebook { position:absolute; right:75px; top:26px; }
.header_twitter { position:absolute; right:50px; top:26px; }
.header_youtube { position:absolute; right:25px; top:26px; }
.header_rss { position:absolute; right:0px; top:26px; }

@media screen and (max-width: 767px) {
	.csonj_responsive #social_btn {
		display: none;
		text-align: right;
		padding: 0 15px 5px;
	}
	.csonj_responsive #social_btn > * {
		position: static;
		right: unset;
		top: unset;
	}
}


/* search area */
.search_area { background:url(img/header/search_input.gif) no-repeat left top; width:171px; height:27px; position:absolute; top:25px; right:0px; }
#search_input { float:left; font-size:11px; width:100px; margin:5px 0 0 10px; line-height:100%; overflow:hidden; border:none; background:transparent; color:#aaa; }
#search_button { float:right; }

/* slider */
#main_image {
	position: relative;
	width: 960px;
	height: auto;
	margin: 0 auto;
	padding: 1px 0;
	border-bottom: 0;
	overflow: nidden;
	z-index: 10;
}

.csonj_responsive #main_image {
	width: 100%;
	max-width: 960px;
}
@media screen and (max-width: 767px) {
}

#main_image #slider {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
#main_image #slider img {
	width: 100%;
}
#main_image #slider .slick-dots { bottom: -25px; }
#main_image #slider .slick-dots li { margin: 0; }
#main_image #slider .slick-dots li button:before { color: #333; opacity: 0.25; font-size: 10px; }
#main_image #slider .slick-dots li.slick-active button:before { color: #000; }
#main_image ~ #main_content {
	margin-top: 20px;
}

/* breadcrumb navi */
#bread_crumb { margin:0 0 20px 0; }
.page_noside #bread_crumb { margin:20px 0 20px 0; }

.page_noside #bread_crumb:first-child {
	margin: -20px 0 20px;
}

#bread_crumb ul { margin:0 0 0 15px; padding:0; }
#bread_crumb li { line-height:22px; float:left; display:inline; margin:0 12px 0 0; padding:0 15px 0 0; background:url(img/common/arrow1.gif) no-repeat right 8px; font-size:12px; color:#666; }
#bread_crumb li a {color:#666; }
#bread_crumb li a:hover { }
#bread_crumb li.last { background:none; margin:0; padding:0; }

/* ----------------------------------------------------------------------
 sidebar
---------------------------------------------------------------------- */

#sidebar { border:1px solid #ccc; margin:0 0 20px 0; box-shadow:0px 0px 0px 4px rgba(0,0,0,0.03); }
#sidebar .children { /*display:none;*/}

/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
#footer_wrap { clear:both; min-width:960px; border-top:1px solid #ccc; }
#footer { width:960px; margin:0 auto; overflow:hidden; }

.csonj_responsive #footer_wrap {
	width: 100%;
	min-width: 0;
	max-width: 960px;
	margin: 0 auto;
}
.csonj_responsive #footer_wrap #footer {
	width: 100%;
}
@media screen and (max-width: 767px) {
	.csonj_responsive #footer_wrap {
	}
	.csonj_responsive #footer_wrap #footer {
	}
}


/* return top */
#return_top { position:fixed; right:10px; bottom:10px; }
#return_top img { opacity:0.6; display:block; }
#return_top:hover img { opacity:1; }

#footer_widget_area { position:relative; margin:0 -30px 0 0; padding:40px 0 0; }
.footer_headline { font-size:14px; border-bottom:2px solid #ccc; line-height:100%; margin:0 0 10px 0; padding:0 0 10px 0; }
.footer_widget { margin:0 30px 30px 0; width:217px; float:left; }
.footer_widget ul { margin:0; }
.footer_widget li ul { margin:15px 0 0 0; }
.footer_widget li { line-height:170%; margin:0 0 15px 0; font-size:11px; background:url(img/common/bullet1.gif) no-repeat left 8px; padding:0 0 0 8px; }
.footer_widget a { color:#666; }

/* copyright */
#copyright { clear:both; border-top:1px solid #ccc; text-align:center; font-size:12px; margin:-1px 0 0 0; padding:0; line-height:40px; min-width:960px; }
#copyright a { text-decoration:none; color:#333; }
#copyright a:hover { text-decoration:underline; }

.csonj_responsive #copyright {
	width: 100%;
	min-width: 0;
}
@media screen and (max-width: 767px) {
	.csonj_responsive #copyright {
	}
}



/* blog */
#blog_main { width:700px; float:left; }
#blog_side { width:230px; float:right; padding-top: 40px; }

.blog-mv { margin: 0 0 20px; border-bottom: 1px solid #e5e5e5; }
.blog-mv img { width: 100%; }
h2.blog-main-title { font-size: 20px; margin: 0 0 20px; }
.blog-description {}
.blog-item { border: 1px solid #4D4398; padding: 20px; margin: 20px 0; }
.blog-title { font-size: 16px; margin: 0 0 15px; }
.blog-title a { text-decoration: none; }
.blog-meta { display: flex; margin: 15px 0; font-size: 13px; }
.blog-date {}
.blog-cat { margin: 0 0 0 20px; }
.blog-cat a { margin: 0 10px 0 0; }
.blog-excerpt { margin: 15px 0 5px; }
.blog-more { margin: 5px 0 15px; text-align: right; }
.blog-thumb { position: relative; height: 0; padding-top: 75%; margin: 15px 0 0; border: 1px solid #ccc; }
.blog-thumb-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #e5e5e5 url(./img/blog/logo_blog.png) center center no-repeat; }
.blog-pagenavi { text-align: center; margin: 15px 0; }

#blog_side h2 { font-size: 15px; }
#blog_side ul {}
#blog_side li { position: relative; padding: 0 0 0 20px; margin: 0 0 5px; }
#blog_side li:before { content: '\025cf'; position: absolute; top: 2px; left: 5px; }
#blog_side li ul { margin: 5px 0; }
#blog_side ul.blog-archive > li { padding: 0; }
#blog_side ul.blog-archive > li:before { content: none; }
#blog_side ul.blog-archive > li span { position: relative; display: block; padding: 0 0 0 20px; }
#blog_side ul.blog-archive > li span:before { position: absolute; top: 2px; left: 5px; content: '\025bc'; }
#blog_side ul.blog-archive > li ul { display: none; padding: 0 0 0 20px; }
#blog_side ul.blog-archive > li input[type="checkbox"]:checked + span:before { content: '\025b2'; }
#blog_side ul.blog-archive > li input[type="checkbox"] { display: none; }
#blog_side ul.blog-archive > li input[type="checkbox"]:checked + span + ul { display: block; }

/* community power assessment */
.cpa-ws {
	width: 85%;
	margin: 20px auto 20px 0;
	background-color: #def2c2;
	border: 1px solid #ccc;
	border-radius: 10px;
}
.cpa-ws-right {
	margin: 20px 0 20px auto;
}
.cpa-ws-cell-txt {
	display: table-cell;
	width: 70%;
	vertical-align: top;
}
.cpa-ws-cell-img {
	display: table-cell;
	width: 30%;
	vertical-align: middle;
	text-align: center;
}
.cpa-ws-cell-25 {
	width: 25%;
}
.cpa-ws-cell-30 {
	width: 30%;
}
.cpa-ws-cell-35 {
	width: 35%;
}
.cpa-ws-cell-40 {
	width: 40%;
}
.cpa-ws-cell-45 {
	width: 45%;
}
.cpa-ws-cell-50 {
	width: 50%;
}
.cpa-ws-cell-55 {
	width: 55%;
}
.cpa-ws-cell-60 {
	width: 60%;
}
.cpa-ws-cell-65 {
	width: 65%;
}
.cpa-ws-cell-70 {
	width: 70%;
}
.cpa-ws-cell-75 {
	width: 75%;
}
.cpa-ws-txt {
	padding: 5px 15px;
}
.cpa-ws-img-left {
	padding: 10px 0 10px 15px;
}
.cpa-ws-img-right {
	padding: 10px 15px 10px 0;
}
.cpa-ws h3 {
	 background-color: transparent;
	 border: 0;
	 color: #333;
	 margin: 5px 0 15px;
	 padding: 0 5px;
	 border-bottom: 3px double #666;
	 border-radius: 0;
	 font-size: 18px;
	 font-weight: bold;
}
.cpa-ws h4 {
	 background-color: transparent;
	 border: 0;
	 color: #333;
	 margin: 10px 0;
	 padding: 0 5px;
	 font-size: 20px;
	 font-weight: bold;
}
.cpa-ws p {
	margin: 5px 0;
	font-size: 15px;
}
.cpa-ws img {
	vertical-align: bottom;
}

.cpa-ex-lead {
	width: 90%;
	margin: 0 auto 20px;
}
.cpa-ex {
	width: 90%;
	margin: 40px auto 20px;
	border-top: 1px solid #666;
}
.cpa-ex h3 {
	width: 400px;
	height: 30px;
	margin: -20px 0 0;
	text-align: center;
	border: 1px solid #69c;
	border-radius: 3px;
	background: #e6ecf2 url(/images/assessment-example-h3.png) left top repeat-x;
	color: #333;
	line-height: 29px;
}
.cpa-ex-photo {
	float: right;
	width: 30%;
	margin: -10px 0 0;
	text-align: right;
}
.cpa-ex-text {
	float: left;
	width: 70%;
	margin: 20px 0;
}
.cpa-contact-img {
}
.cpa-contact-left {
	float: left;
	width: 50%;
	margin: 10px 0;
	font-size: 16px;
}
.cpa-contact-right {
	float: right;
	width: 50%;
	margin: 10px 0;
	font-size: 20px;
}

.cpa-top {
	margin: 20px 0;
}
.cpa-top img {
	vertical-align: bottom;
}
.cpa-top-menu {
	margin-left: -15px;
}
.cpa-top-menu img {
	margin-left: 15px;
}
.cpa-top .cpa-contact-left .cpa-contact-text {
	padding: 0 20px;
	font-size: 18px;
}
.cpa-top .cpa-contact-right .cpa-contact-text {
	padding: 0 20px;
	font-size: 22px;
}

/* spp */
.spp-desc {
	float: left;
	padding: 0 20px 30px 0;
	box-sizing: border-box;
	width: calc(100% * 2 / 3);
}
.spp-desc h3 {
	font-size: 20px;
	background-color: transparent;
	color: #675dad;
	border: 0;
	padding: 0;
	margin: 0 0 15px;
}
.spp-desc p {
	text-indent: 1em;
	margin: 0;
}
.spp-desc p.alignright {
	padding-top: 5px;
}
.spp-desc p.alignright a {
	font-size: 15px;
	text-decoration: none;
}
.spp-fig {
	text-align: center;
	border: 1px solid #333;
	border-radius: 10px;
	padding: 10px;
	margin: 0 0 15px;
	float: right;
	box-sizing: border-box;
	width: calc(100% / 3);
}
.spp-fig h3 {
	font-size: 18px;
	background-color: transparent;
	color: #333;
	border: 0;
	margin: 5px 0;
}
.spp-fig p {
	margin: 5px 0;
}
.spp-fig img {
	max-width: 80%;
}

.spp-photo {
	float: left;
	padding: 0 30px 30px 0;
	box-sizing: border-box;
	width: calc(100% / 3);
}
.spp-photo img.aligncenter {
	margin: 0;
}
.spp-saq {
	float: left;
	padding: 10px;
	border: 1px solid #675dad;
	border-radius: 10px;
	box-sizing: border-box;
	background-color: #d1cfe5;
	width: calc(100% / 3);
}
.spp-saq h3 {
	font-size: 20px;
	background-color: transparent;
	color: #675dad;
	border: 0;
	padding: 0;
	margin: 0 0 5px;
}
.spp-saq p {
	margin: 0;
}
.spp-saq p.alignright {
	margin-top: 5px;
}
.spp-saq p.alignright a {
	font-size: 15px;
	text-decoration: none;
}

h3.spp-book-title {
	font-size: 20px;
	background-color: transparent;
	color: #675dad;
	border: 0;
	padding: 0;
	margin: 0 0 5px;
}
.spp-book {
	float: left;
	padding: 0 20px 30px;
	box-sizing: border-box;
	width: calc(100% / 3);
}
.spp-book img {
	border: 1px solid #ccc;
	width: 200px;
	max-width: 100%;
}
.spp-book p {
	margin: 0;
}
.spp-book p.alignright {
}
.spp-book p.alignright a {
}
.spp-sdgs {
	float: left;
	padding: 0 30px 30px 0;
	box-sizing: border-box;
	width: calc(100% * 2 / 3);
}
.spp-sdgs h3 {
	font-size: 20px;
	text-align: center;
	background-color: transparent;
	color: #675dad;
	border: 0;
	padding: 0;
	margin: 0 0 35px;
}
.spp-sdgs h3 img {
	vertical-align: middle;
	display: inline;
	padding: 0 10px;
	width: 40px;
}
.spp-sdgs p {
	line-height: 2;
}
.spp-banner {
	float: right;
	padding: 0 0 30px;
	box-sizing: border-box;
	width: calc(100% / 3);
}
.spp-banner img {
	width: 100%;
}
.spp-contact {
	border: 2px solid #675dad;
	border-radius: 10px;
	padding: 10px;
	margin-top: 20px;
}
.spp-contact h3 {
	font-size: 20px;
	background-color: transparent;
	color: #675dad;
	border: 0;
	padding: 0;
	margin: 0 0 5px;
}
.spp-contact p {
	margin: 0;
}
.spp-contact p.aligncenter {
	text-align: center;
}
.spp-contact p.aligncenter a {
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border: 1px solid #675dad;
	background-color: #d1cfe5;
	color: #675dad;
	padding: 5px 20px;
	margin: 10px 0 0;
}



.sme-title {
	margin-top: 0;
}

.sme-desc {
	/*float: left;*/
	padding: 0 20px 30px 0;
	box-sizing: border-box;
	/*width: calc(100% * 2 / 3);*/
}
.sme-desc h3 {
	font-size: 20px;
	background-color: transparent;
	color: #675dad;
	border: 0;
	padding: 0;
	margin: 20px 0 15px;
}
.sme-desc p {
	text-indent: 1em;
	margin: 0;
}
.sme-desc-en p {
	text-indent: 0;
	margin: 0;
}
.sme-desc .sme-banner {
	/*text-align: center;*/
	text-indent: 0;
}
.sme-desc .sme-banner img {
	width: 230px;
}
.sme-example dl {
	display: table-row;
	width: 100%;
	margin: 10px 0;
}
.sme-example h3 {
	font-size: 20px;
	background-color: transparent;
	color: #675dad;
	border: 0;
	padding: 0;
	margin: 0 0 5px;
}
.sme-example h3.sme-example-area {
	font-size: 18px;
	color: inherit;
}
.sme-example-left {
	float: left;
	width: 48%;
}
.sme-example-right {
	float: right;
	width: 48%;
}
.sme-example-en dl {
}
.sme-example dt {
	display: table-cell;
	vertical-align: middle;
	padding: 0 15px 5px 0;
	width: calc(100% * 1 / 3);
}
.sme-example-en dt {
	width: calc(100% * 1 / 6);
}
.sme-example dd {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.75;
	padding: 0 0 10px 0;
	width: calc(100% * 2 / 3);
}
.sme-example-en dd {
	width: calc(100% * 5 / 6);
	padding: 0 0 20px 0;
}
.sme-example-en dd .sme-example-no {
	font-weight: bold;
}
.sme-example-desc {
	font-size: 14px;
	font-weight: bold;
}
.sme-example-title {
	font-size: 14px;
	font-weight: bold;
}
.sme-example-sub {
	font-size: 14px;
}
.sme-notice {
	float: left;
	font-size: 15px;
	line-height: 2;
	padding: 60px 60px 30px 0;
	box-sizing: border-box;
	width: calc(100% * 2 / 5);
}
.sme-example-en .sme-notice {
	float: none;
	font-size: 13px;
	text-align: center;
	padding: 0;
	margin: 20px 0 0;
	width: auto;
}
.sme-contact {
	float: right;
	box-sizing: border-box;
	width: calc(100% *3 / 5);
	border: 2px solid #675dad;
	border-radius: 10px;
	padding: 15px;
	margin-top: 20px;
}
.sme-contact h3 {
	font-size: 20px;
	background-color: transparent;
	color: #675dad;
	border: 0;
	padding: 0;
	margin: 0 0 5px;
}
.sme-contact p {
	margin: 0;
}
.sme-contact p.aligncenter {
	text-align: center;
}
.sme-contact p.aligncenter a {
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border: 1px solid #675dad;
	background-color: #d1cfe5;
	color: #675dad;
	padding: 5px 20px;
	margin: 10px 0 0;
}

.sme-page h2 {
	margin: 15px 0;
}
.sme-page h2 .sme-h2-sub {
	font-size: 18px;
}
.sme-page h3 {
	font-size: 20px;
	font-weight: bold;
	text-align: right;
	color: inherit;
	background-color: transparent;
	border-left: 0;
	padding: 0;
	margin: 15px 0 5px;
}
.sme-page h4 {
	font-size: 16px;
	border-left: 4px solid #4d4398;
	padding: 5px 1em 3px;
	background-color: #e6e4f0;
	margin: 25px 0;
}
.sme-page h5 {
	font-size: 16px;
	border-bottom: 0;
	border-left: 0;
	padding: 0;
	background-color: transparent;
	color: #675dad;
	margin: 25px 0 10px;
}
.sme-page h5.sme-h5 {
	font-size: 20px;
}
.sme-page h6 {
	font-size: 15px;
	border-bottom: 0;
	border-left: 0;
	background-color: transparent;
	padding: 0;
	margin: 0 0 20px;
}
.sme-page p {
	text-indent: 1em;
	margin: 15px 0;
}
.sme-page-en p,
.sme-page p.noindent {
	text-indent: 0;
	margin: 15px 0;
}
.sme-page p.sme-p-notice {
	text-indent: 0;
	font-size: 13px;
}

.sme-page .alignleft,
.sme-page img.alignleft {
	max-width: 45%;
	margin: 0 15px 20px 5px;
}


.cgp-cic-desc {
	padding: 0 20px 30px 0;
	box-sizing: border-box;
}
.cgp-cic-desc .clearfix {
	margin-bottom: 20px;
}
.cgp-cic-desc .cgp-cic-left {
	float :left;
	width: 50%;
	padding-right: 10px;
	box-sizing: border-box;
}
.cgp-cic-desc .cgp-cic-right {
	float :right;
	width: 50%;
	padding-left: 10px;
	box-sizing: border-box;
}
.cgp-cic-desc .cgp-cic-contact {
	box-sizing: border-box;
	border: 2px solid #675dad;
	border-radius: 10px;
	padding: 20px 30px;
	margin: 60px 0 20px;
}
.cgp-cic-desc .cgp-cic-contact p {
	margin: 20px 0 0;
}
.cgp-cic-desc .cgp-cic-contact img.alignleft {
	margin: -20px 30px 0 0;
}
.cgp-cic-desc .cgp-cic-caption {
	font-size: .9em;
	display: block;
	text-align: center;
}
.cgp-cic-desc .cgp-cic-note {
	box-sizing: border-box;
	border: 1px solid #675dad;
	border-radius: 10px;
	padding: 20px;
	margin: 20px 0;
}
.cgp-cic-desc .cgp-cic-note h5 {
	color: #675dad;
	margin: 0 0 15px;
}
.cgp-cic-desc .cgp-cic-note p {
	margin: 15px 0 0;
}
.cgp-cic-desc h3 {
	font-size: 20px;
	font-weight: bold;
	background-color: transparent;
	/*color: #675dad;*/
	color: #000;
	border: 0;
	padding: 0;
	margin: 25px 0 20px;
}
.cgp-cic-desc h4 {
	font-size: 18px;
	font-weight: bold;
	background-color: transparent;
	color: #333;
	border: 0;
	padding: 0;
	margin: 20px 0;
}
.cgp-cic-desc h5 {
	clear: none;
	font-size: 16px;
	font-weight: bold;
	background-color: transparent;
	color: #333;
	border: 0;
	padding: 0;
	margin: 15px 0 20px;
}
.cgp-cic-desc p {
	line-height: 1.75;
	margin: 0 0 20px;
}
.cgp-cic-desc p.noindent {
	text-indent: 0;
}
.cgp-cic-desc p span {
	font-weight: bold;
	color: #675dad;
}
.cgp-cic-desc ul {
	margin: 0 0 20px;
}
.cgp-cic-desc ul li {
	position: relative;
	line-height: 1.75;
	background: none;
	padding-left: 2em;
}
.cgp-cic-desc ul li:before {
	content: '\025cf';
	position: absolute;
	top: 0;
	left: 1em;
}
.cgp-cic-desc ul li li {
	padding-left: 1em;
}
.cgp-cic-desc ul li li:before {
	content: '\025cb';
	left: 0;
}
.cgp-cic-desc .alignleft {
	margin: 0 20px 20px 0;
}
.cgp-cic-desc .alignright {
	margin: 0 0 20px 20px;
}

.cgp-cic-page h2 {
	margin: 15px 0;
}
.cgp-cic-page h2 span {
	font-size: 18px;
	color: inherit;
}
.cgp-cic-page {
	padding: 0 0 30px 0;
	box-sizing: border-box;
}
.cgp-cic-page .clearfix {
	margin-bottom: 20px;
}
.cgp-cic-page h3 {
	font-size: 18px;
	font-weight: bold;
	background-color: transparent;
	color: #675dad;
	border: 0;
	padding: 0;
	margin: 20px 0 15px;
}
.cgp-cic-page h4 {
	font-size: 16px;
	font-weight: bold;
	background-color: transparent;
	color: #333;
	border: 0;
	padding: 0;
	margin: 15px 0;
}
.cgp-cic-page h5 {
	clear: none;
	font-size: 14px;
	font-weight: bold;
	background-color: transparent;
	color: #333;
	border: 0;
	padding: 0;
	margin: 10px 0 15px;
}
.cgp-cic-page p {
	line-height: 1.75;
	text-indent: 1em;
	margin: 0 0 15px;
}
.cgp-cic-page p + p {
	margin-top: -15px;
}
.cgp-cic-page p.noindent {
	text-indent: 0;
}
.cgp-cic-page p.right {
	text-align: right;
	margin-top: 15px;
}
.cgp-cic-page ul {
	margin: 0 0 15px;
}
.cgp-cic-page ul li {
	position: relative;
	line-height: 1.75;
	background: none;
	padding-left: 2em;
}
.cgp-cic-page ul li:before {
	content: '\025cf';
	position: absolute;
	top: 0;
	left: 1em;
}
.cgp-cic-page ul li li {
	padding-left: 1em;
}
.cgp-cic-page ul li li:before {
	content: '\025cb';
	left: 0;
}
.cgp-cic-page dl {
	display: flex;
	flex-wrap: nowrap;
	margin: 0;
}
.cgp-cic-page dl dt {
	font-weight: bold;
	line-height: 1.75;
	min-width: 90px;
}
.cgp-cic-page dl dd {
	line-height: 1.75;
}
.cgp-cic-page dl dd p {
	text-indent: 0;
	margin: 0;
}
.cgp-cic-page .alignleft,
.cgp-cic-page img.alignleft {
	margin: 0 20px 20px 0;
}
.cgp-cic-page .alignright,
.cgp-cic-page img.alignright {
	margin: 0 0 20px 20px;
}



.saq-title {
}
.saq-desc {
	border: 1px solid #333;
	padding: 15px;
	margin: 0 0 20px;
}
.saq-desc h3 {
	font-size: 16px;
	background-color: transparent;
	color: #333;
	border: 0;
	padding: 0;
	margin: 0 0 5px;
}
.saq-desc ul {
	list-style-type: none;
	margin: 0;
}
.saq-desc ul li {
	position: relative;
	list-style-type: none;
	background-image: none;
	padding: 0 0 0 25px;
	margin: 0 0 5px;
}
.saq-desc ul li:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	width: 6px;
	height: 12px;
	border-right: 1px solid #333;
	border-bottom: 2px solid #333;
	transform: rotate(45deg);
}
.saq-guide {
	margin: 0 0 20px;
}
.saq-list {
	margin: 0 0 20px;
}
.saq-list ul {
	margin: 0;
}
.saq-list ul li {
	background-image: none;
}
.saq-quote h3 {
	font-size: 16px;
	background-color: transparent;
	color: #333;
	border: 0;
	padding: 0;
	margin: 0 0 5px;
}
.saq-quote ul {
	margin: 0 0 20px;
}
.saq-quote ul li {
	position: relative;
	background-image: none;
	padding: 0 0 0 25px;
	margin: 0 0 5px;
}
.saq-quote ul li:before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}
.saq-btn {
	text-align: center;
	margin: 0 0 20px;
}
.saq-btn a {
	display: block;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	background-color: #666;
	color: #fff;
	padding: 5px;
	margin: 0 auto;
	width: 200px;
}
.saq-btn a:hover {
	background-color: #999;
	color: #fff;
}


.saq1.hidden,
.saq1-btn.hidden,
.saq1-result.hidden {
	display: none;
}
.saq1 h3 {
	font-size: 18px;
	background-color: transparent;
	color: #333;
	border: 0;
	padding: 0;
	margin: 0 0 15px;
}
.saq1 h4 {
	font-size: 16px;
	background-color: transparent;
	color: #333;
	border: 0;
	padding: 0;
	margin: 0 0 15px;
}
.saq1-q {
	border: 1px solid #333;
	padding: 10px;
	margin: 0 0 15px;
}
.saq1-q h5 {
	font-size: 15px;
	border: 0;
	padding: 0;
	margin: 0 0 5px;
}
.saq1-q p {
	font-size: 15px;
	margin: 0 0 5px;
}
.saq1-q input {
	display: none;
}
.saq1-q label {
	position: relative;
	display: inline-block;
	font-size: 16px;
	padding-left: 30px;
	margin: 5px 0 0;
}
.saq1-q input + label:before {
	content: '';
	position: absolute;
	top: 7px;
	left: 5px;
	width: 10px;
	height: 10px;
	border: 1px solid #999;
}
.saq1-q input + label:after {
	content: '';
	position: absolute;
	top: 0;
	left: 7px;
	width: 8px;
	height: 16px;
	border-right: 2px solid #ccc;
	border-bottom: 3px solid #ccc;
	transform: rotate(45deg);
}
.saq1-q input:checked + label:after {
	border-right: 2px solid #f33;
	border-bottom: 3px solid #f33;
}
.saq1-btn {
	text-align: center;
	margin: 0 0 20px;
}
.saq1-btn span {
	display: inline-block;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	background-color: #666;
	color: #fff;
	padding: 5px;
	margin: 0 10px;
	width: 200px;
}
.saq1-btn a:hover {
	background-color: #999;
	color: #fff;
	cursor: pointer;
}

.saq1-chart {
	margin-bottom: 30px;
}
.saq1-chart-canvas {
}
.saq1-table {
}
.saq1-table th {
	font-size: 16px;
	text-align: center;
}
.saq1-table td {
	font-size: 14px;
	text-align: center;
}
.saq1-table td.saq1-avr {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.mw_wp_form_table {
	margin: 30px 0;
}
.mw_wp_form_table th,
.mw_wp_form_table td {
	text-align: left;
}
.mw_wp_form_table td.submit_td {
	text-align: center;
}
.mw_wp_form input {
	width: 100%;
	max-width: 300px;
	font-size: 14px;
}
.mw_wp_form input[type="submit"] {
	max-width: 80px;
	font-size: 16px;
}
.mw_wp_form select {
	font-size: 14px;
	border: 1px;
}
.mw_wp_form textarea {
	width: 100%;
	max-width: 300px;
	height: 100px;
	font-size: 14px;
}
.mw_wp_form .inquiry-name {
	max-width: 150px;
	display: inline-block;
	vertical-align: top;
}
.mw_wp_form .inquiry-name input {
	width: 120px;
}
.mw_wp_form .inquiry-submit {
	text-align: center;
}
.mw_wp_form .inquiry-submit input[type="submit"] {
	width: auto;
	max-width: 100%;
}
.inquiry-confirm .mw_wp_form .inquiry-name-label {
	display: none;
}
.inquiry-confirm .mw_wp_form .inquiry-privacy {
	display: none;
}


/*************************************************************
【ボタン 青・緑】aタグに使えます
*************************************************************/
a.button {
   color:#fff; font-size:11px; font-weight:bold; padding:0px 15px 0px; height:34px; line-height:35px; margin:0 4px 4px 0; background:#008ece; display:inline-block; text-decoration:none; 
   -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
   background: -moz-linear-gradient(top, rgba(0,216,255,1) 0%, rgba(0,142,206,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,216,255,1)), color-stop(100%,rgba(0,142,206,1)));
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d8ff', endColorstr='#008ece',GradientType=0 );
   border:1px solid #009de1; text-shadow: 1px 1px 0px #0085bf;
   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
a.button:hover { color:#fff; text-decoration:none; background:#0ddaff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0ddaff', endColorstr='#0ddaff',GradientType=0 ); }
a.button:active { box-shadow:none; bottom:-2px; position:relative; }
.post a.button2 {
   color:#fff; font-size:11px; font-weight:bold; padding:0px 15px 0px; height:34px; line-height:35px; margin:0 4px 4px 0; background:#36bf00; display:inline-block; text-decoration:none; 
   -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
   background: -moz-linear-gradient(top, rgba(65,231,0,1) 0%, rgba(54,191,0,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,231,0,1)), color-stop(100%,rgba(54,191,0,1)));
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41e700', endColorstr='#36bf00',GradientType=0 );
   border:1px solid #2da000; text-shadow: 1px 1px 0px #227a00;
   box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
a.button2:hover { color:#fff; text-decoration:none; background:#7bf013; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bf013', endColorstr='#7bf013',GradientType=0 ); }
a.button2:active { box-shadow:none; bottom:-2px; position:relative; }

/**************************************************************
【fontの設定】
**************************************************************/
.text70{font-size:70%}			/* フォントサイズ70% */
.text80{font-size:80%}
.text90{font-size:90%}
.text100{font-size:100%}
.text110{font-size:110%}
.text120{font-size:120%}
.text130{font-size:130%}
.text140{font-size:140%}
.text150{font-size:150%}
.text160{font-size:160%}
.text170{font-size:170%}
.text180{font-size:180%}
.text190{font-size:190%}
.text200{font-size:200%}
.text210{font-size:210%}
.text220{font-size:220%}
.b{font-weight:700}				/* 太字 */
.u{text-decoration:underline}	/* 下線 */

/**************************************************************
【colorの設定】
**************************************************************/
.red{color:red}				/* 赤色 */
.blue{color:#2ca9e1}		/* 青色 */
.green{color:#82ae46}		/* 緑色 */
.orange{color:#ff7d00}		/* 橙色 */
.yellow{color:#fff000}		/* 黄色 */
.pink{color:#ff0084}		/* ピンク */
.gray{color:#999}

/**************************************************************
【background-colorの設定】
**************************************************************/
.bg-yellow{background:#ff0}		/* 黄色の文字背景 */
.bg-blue{background:#4ab0f5}	/* 青色の文字背景 */
.bg-red{background:red}			/* 赤色の文字背景 */

/****************************************************************
【align 配置の設定】
*****************************************************************/
.align1{text-align:center !important}	/* 中央寄せ */
.align2{text-align:right !important}	/* 右寄せ */
.align3{text-align:left !important}		/* 左寄せ */

/****************************************************************
【float 回り込みの設定】
*****************************************************************/
.r-flo{float:right;margin:10px}	/* 右に回り込み */
.l-flo{float:left;margin:10px}	/* 左に回り込み */
.f-clear{clear:both}			/* 回り込みの解除 */

/****************************************************************
【マウスオーバー時の画像リンク 不透明度の設定】※初期設定は60%
*****************************************************************/
a img.linkimg{background:none!important}
a:hover img.linkimg{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background:none!important;
}

/*************************************************************
【marginの設定】
*************************************************************/
.m0{margin:0 !important}			/* margin 0px を指定するクラス */
.mt0{margin-top:0 !important}		/* margin-top0px を指定するクラス */
.mr0{margin-right:0 !important}		/* margin-right0px を指定するクラス*/
.mb0{margin-bottom:0 !important}	/* margin-bottom0px を指定するクラス*/
.ml0{margin-left:0 !important}		/* margin-left0px を指定するクラス*/

.m5{margin:5px !important}
.mt5{margin-top:5px !important}
.mr5{margin-right:5px !important}
.mb5{margin-bottom:5px !important}
.ml5{margin-left:5px !important}

.m10{margin:10px !important}
.mt10{margin-top:10px !important}
.mr10{margin-right:10px !important}
.mb10{margin-bottom:10px !important}
.ml10{margin-left:10px !important}

.m15{margin:15px !important}
.mt15{margin-top:15px !important}
.mr15{margin-right:15px !important}
.mb15{margin-bottom:15px !important}
.ml15{margin-left:15px !important}

.m20{margin:20px !important}
.mt20{margin-top:20px !important}
.mr20{margin-right:20px !important}
.mb20{margin-bottom:20px !important}
.ml20{margin-left:20px !important}

.m25{margin:25px !important}
.mt25{margin-top:25px !important}
.mr25{margin-right:25px !important}
.mb25{margin-bottom:25px !important}
.ml25{margin-left:25px !important}

.m30{margin:30px !important}
.mt30{margin-top:30px !important}
.mr30{margin-right:30px !important}
.mb30{margin-bottom:30px !important}
.ml30{margin-left:30px !important}

.m35{margin:35px !important}
.mt35{margin-top:35px !important}
.mr35{margin-right:35px !important}
.mb35{margin-bottom:35px !important}
.ml35{margin-left:35px !important}

.m40{margin:40px !important}
.mt40{margin-top:40px !important}
.mr40{margin-right:40px !important}
.mb40{margin-bottom:40px !important}
.ml40{margin-left:40px !important}

.m45{margin:45px !important}
.mt45{margin-top:45px !important}
.mr45{margin-right:45px !important}
.mb45{margin-bottom:45px !important}
.ml45{margin-left:45px !important}

.m50{margin:50px !important}
.mt50{margin-top:50px !important}
.mr50{margin-right:50px !important}
.mb50{margin-bottom:50px !important}
.ml50{margin-left:50px !important}

.m55{margin:55px !important}
.mt55{margin-top:55px !important}
.mr55{margin-right:55px !important}
.mb55{margin-bottom:55px !important}

.ml55{margin-left:55px !important}
.m60{margin:60px !important}
.mt60{margin-top:60px !important}
.mr60{margin-right:60px !important}
.mb60{margin-bottom:60px !important}
.ml60{margin-left:60px !important}

.m65{margin:65px !important}
.mt65{margin-top:65px !important}
.mr65{margin-right:65px !important}
.mb65{margin-bottom:65px !important}
.ml65{margin-left:65px !important}

.m70{margin:70px !important}
.mr70{margin-right:70px !important}
.mb70{margin-bottom:70px !important}
.ml70{margin-left:70px !important}

.m75{margin:75px !important}
.mt75{margin-top:75px !important}
.mr75{margin-right:75px !important}
.mb75{margin-bottom:75px !important}
.ml75{margin-left:75px !important}

.m80{margin:80px !important}
.mt80{margin-top:80px !important}
.mr80{margin-right:80px !important}
.mb80{margin-bottom:80px !important}
.ml80{margin-left:80px !important}

/**************************************************************
【paddingの設定】
**************************************************************/
.p0{padding:0 !important}			/* padding-0px を指定するクラス */
.pt0{padding-top:0 !important}		/* padding-top0px を指定するクラス */
.pr0{padding-right:0 !important}	/* padding-right0px を指定するクラス */
.pb0{padding-bottom:0 !important}	/* padding-bottom0px を指定するクラス */
.pl0{padding-left:0 !important}		/* padding-left0px を指定するクラス */

.p5{padding:5px !important}
.pt5{padding-top:5px !important}
.pr5{padding-right:5px !important}
.pb5{padding-bottom:5px !important}
.pl5{padding-left:5px !important}

.p10{padding:10px !important}
.pt10{padding-top:10px !important}
.pr10{padding-right:10px !important}
.pb10{padding-bottom:10px !important}
.pl10{padding-left:10px !important}


/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix {display:block;}
/* end MacIE5 */