/*
Theme Name: isewanforum
Theme URI: http://www.isewanforum.org
description: 伊勢湾フォーラムのテーマです。
Version: 1.0
Author: MarketingPlus nakagawa
Author URI: http://www.plusline-nagoya.jp/
*/

/*--------------------------------ヘッダーのデザインここから------------------------------*/
header{
	width: 100%;
	background: url('img/header_bg.jpg');
	border-bottom: 1px solid #0068b7;
}
header a:hover {
	text-decoration: none;
    color: inherit;
}
header .h_inner{
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	overflow: visible !important;
}

header .logo_box{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}
header .nav_box{
	width: 75%;
}

header .nav_box .nav_upper{
	display: flex;
	-webkit-justify-content: flex-end; /* Safari */
	justify-content: flex-end;
	margin-bottom: 7px;
}
header .nav_box .nav_upper #textsize{
	line-height: 40px;
	color: #fff;
	margin-right: 5px;
}
header .nav_box .nav_upper #textsize span{
	padding-right: 12px;
}

header .nav_box .nav_upper #textsize a{
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	background-color: #fff;
	border-radius: 2px;
	display: inline-block;
	font-weight: bold;
	margin-right: 5px;
}
header .nav_box .nav_upper #textsize .big_txt{
	color: #00479d;
}
header .nav_box .nav_upper #textsize .middle_txt{
	color: #0068b7;
}
header .nav_box .nav_upper #textsize .small_txt{
	color: #00a0e9;
}


header .nav_box .nav_upper .header_tel{
	width: 240px;
	height: 40px;
	line-height: 40px;
	font-size: /*2.4rem*/170%;
	font-weight: bold;
	color: #fff;
	background-color: #8fc31f;
	text-align: center;
}
header .nav_box .nav_upper .header_tel i{
	padding-right: 10px;
}
header .nav_box .nav_upper .insearch{
	width: 240px;
	height: 40px;
	background-color: #f39700;
}

header .nav_box .nav_upper .insearch{
	width: 180px;
	display: flex;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
	-webkit-align-items: center; /* Safari */
	align-items: center;
}

header .nav_box .nav_upper .insearch .searchform div{
	display: flex;
}

header .nav_box .nav_upper .insearch input#s {
	width: 132px;
	height: 22px;
	border: 1px solid #fff;
	background-color: rgba(255,255,255,0.8);
	color: #777;
	display: inline-block;
	padding-left: 6px;
	border-radius: 2px 0 0 2px;
}

header .nav_box .nav_upper .insearch input#searchsubmit {
	font-family: FontAwesome;
	background-color: #f39700;
	border: 1px solid #fff;
	color: #fff;
	padding: 4px;
	display: inline-block;
	margin-left: -1px;
	border-radius: 0 2px 2px 0;

}

/* ellipsis btn --------------------------------------------------- */
.side-menu-btn {
	width: 36px;
	height: 36px;
	cursor: pointer;
	position: relative;
	z-index: 9999;
	display: flex;
	-webkit-align-items: center; /* Safari */
	align-items: center;
	-webkit-justify-content: space-around; /* Safari */
	justify-content: space-around;
}
.side-open .side-menu-btn {
	position: fixed;
}


@media screen and (min-width:767px) {
.side-menu-btn {
	display: none;
}
}

.ellipsis-v {
	position: relative;
	display: block;
	cursor: pointer;
	width: 24px;
	height: 24px;
}

.ellipsis-v .point {
	position: absolute;
	left: 0;
	right: 0;
	display: block;
	width: 24px;
	height: 4px;
	margin: auto;
	background: #000;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.ellipsis-v .point.top {
	top: 0;
}

.ellipsis-v .point.mid {
	top: 0;
	bottom: 0;
}

.ellipsis-v .point.bot {
	bottom: 0;
}

.side-menu-btn:hover .top {
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
}

.side-menu-btn:hover .bot {
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px);
}

.side-open .side-menu-btn:hover .top,
.side-open .top {
	width: 32px;
	height: 1px;
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.side-open .mid {
	opacity: 0;
}

.side-open .side-menu-btn:hover .bot,
.side-open .bot {
	width: 32px;
	height: 1px;
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.side-open .side-menu-btn:hover .bot,
.side-open .side-menu-btn:hover .top {
	background: #000;
}
/* --------------------------------------------------- ellipsis btn */

header .nav_box .header_nav ul{
	display: flex;
	-webkit-justify-content: flex-end; /* Safari */
	justify-content: flex-end;
	width: 100%;
}

header .nav_box .header_nav ul li{
	height: 26px;
	line-height: 26px;
	-webkit-flex-grow: 1; /* Safari */
	flex-grow: 1;
	text-align: center;
	border-right: 1px solid #fff;
	color: #fff;
	position: relative;
}
header .nav_box .header_nav ul li:first-child{
	border-left: 1px solid #fff;
}

header .nav_box .header_nav ul li:hover{
	color: #4ca4d6;
	background-color: #fff;
}
header .nav_box .header_nav ul li:nth-child(3):hover{
	color: #fff;
	background-color: inherit;
}

header .nav_box .header_nav ul li .sub-menu{
	position: absolute;
	z-index: 999;
	display: block;
}
header .nav_box .header_nav ul li .sub-menu li{
	color: #4ca4d6;
	border: none;
	background: rgba(255,255,255,1);
	height: 0;
	overflow: hidden;
	transition: all 0.18s linear;
	-ms-transition: all 0.18s linear;
	-webkit-transition: all 0.18s linear;
}
header .nav_box .header_nav ul li:hover .sub-menu li{
	height: 30px;
	line-height: 30px;
	border-top: 1px solid #ccc;
}
header .nav_box .header_nav ul li .sub-menu li:hover{
	background: rgba(76,164,214,1);
	color: #fff;
}
@media screen and (max-width:767px) {
header .nav_box .header_nav ul li .sub-menu{
	position: inherit;
	padding-top: 0;
	padding-bottom: 0;
	box-shadow: 0 0 5px 0 #4ca4d6 inset;
}

header .nav_box .header_nav ul li .sub-menu li{
	height: 30px;
	line-height: 30px;
	box-shadow: none;
	background-color: rgba(76,164,214,0.2);
}
header .nav_box .header_nav ul .menu-item-574{
	height: auto;
}
header .nav_box .header_nav ul .menu-item-574:hover{
	color: #4ca4d6;
	background-color: inherit;
}
}

@media screen and (max-width:930px) {
header .nav_box .nav_upper #textsize{
	display: none;
}
}
@media screen and (max-width:767px) {
header .nav_box .nav_upper{
	padding-top: 10px;
}

header .nav_box .nav_upper .insearch{
	display: none;
}
header .nav_box .nav_upper .header_tel{
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 4px;
	margin-right: 6px;
}
header .nav_box .nav_upper .header_tel i{
	padding-right: 0;
}
header .nav_box .nav_upper .header_tel span{
	display: none;
}
header .nav_box .header_nav{
	display: none;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 9998;
	background-color: rgba(255,255,255,1);
}
.side-open header .nav_box .header_nav{
	display: block;
}

header .nav_box .header_nav ul{
	display: flex;
	-webkit-justify-content: flex-end; /* Safari */
	justify-content: flex-end;
	-webkit-flex-direction: column; /* Safari */
	flex-direction: column;
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	box-shadow: 0 0 10px 0 #4ca4d6;
}
header .nav_box .header_nav ul li{
	height: 40px;
	line-height: 40px;
	border-right: none;
	color: #4ca4d6;
}
header .nav_box .header_nav ul li:first-child{
	border-left: none;
}
header .nav_box .header_nav ul li:hover{
	color: #fff;
	background-color: #4ca4d6;
}
}


/*--------------------------------ヘッダーのデザインここまで------------------------------*/
/*--------------------------------メインバナーのデザインここから------------------------------*/
#main_bnr{
	margin-top: 20px;
}

#bnr_slider{
	position: relative;
}

#bnr_slider h1{
	position: absolute;
	top: 30px;
}

#bnr_slider .bxslider li:after{
	position: absolute;
	right: 12px;
	bottom: 0;
	width: 290px;
	height: 30px;
	line-height: 30px;
	content: "";
	font-size: /*1.6rem*/114%;
	color: #fff;
	text-align: right;
	padding-right: 7px;
	background: linear-gradient(90deg, rgba(76, 163, 214, 0) 0, rgba(76, 163, 214, 0.6) 30%);
}

#bnr_slider .bxslider .slide1:after{
	content: "野間崎灯台";
}
#bnr_slider .bxslider .slide2:after{
	content: "松重閘門";
}
#bnr_slider .bxslider .slide3:after{
	content: "飛島ふ頭コンテナターミナル";
}
#bnr_slider .bxslider .slide4:after{
	content: "名港トリトン";
}
#bnr_slider .bxslider .slide5:after{
	content: "ドラゴンボートレース大会";
}

@media screen and (max-width:1050px) {
#bnr_slider .bxslider li:after{
	right: 0;
}
}
@media screen and (max-width:767px) {
#main_bnr{
	margin-top: 10px;
}
}

@media screen and (max-width:639px) {
#bnr_slider h1{
	position: absolute;
	top: -10px;
}
#bnr_slider .bxslider li:after{
	width: 220px;
	height: 20px;
	line-height: 20px;
	font-size: 1.2rem;
}
}
/*--------------------------------メインバナーのデザインここまで------------------------------*/

/*---------------センタータイトルのデザインここから----------------*/
.title_en{
	font-family: 'Fredericka the Great', cursive;
	font-size: /*3.0rem*/214%;
	color: #0068b7;
}
.center_flow{
	text-align: center;
}
h2{
	color: #0068b7;
}
/*---------------センタータイトルのデザインここまで---------------*/
/*--------------------------------4つの活動のデザインここから------------------------------*/
.action{
	margin-bottom: 80px;
}

.action h2{
	margin-bottom: 20px;
}

.action_inner{
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}

.action_inner li{
	max-width: 250px;
	width: 24%;
	position: relative;
}

.action_inner li h3{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #1b1b1b;
	color: #fff;
	font-size: 1.6rem /*114%*/;
	padding-left: 18%;
	box-sizing: border-box;
	position: relative;
}
@media screen and (max-width:1050px) {
.action_inner li h3{
	font-size: /*1.4rem*/100%;
}
}

.action_inner li h3:before{
	width: 28px;
	height: 28px;
	border-radius: 14px;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 4%;
}
.action_inner li:first-child h3:before{
	background-color: #00a0e9;
}
.action_inner li:nth-child(2) h3:before{
	background-color: #97d077;
}
.action_inner li:nth-child(3) h3:before{
	background-color: #ff8410;
}
.action_inner li:nth-child(4) h3:before{
	background-color: #ffd966;
}

@media screen and (max-width:1050px) {
.action_inner li h3:before{
	width: 22px;
	height: 22px;
	border-radius: 11px;
}
}

.action_inner li h3:after{
	width: 100%;
	height: 4px;
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
}
.action_inner li:first-child h3:after{
	background-color: #00a0e9;
}
.action_inner li:nth-child(2) h3:after{
	background-color: #97d077;
}
.action_inner li:nth-child(3) h3:after{
	background-color: #ff8410;
}
.action_inner li:nth-child(4) h3:after{
	background-color: #ffd966;
}


.action_inner li figure{
	margin-bottom: 6px;
}

.action_inner li figure img{
	width: 100%;
	max-width: 250px;
	height: auto;
}

.action_inner li .action_txt{
	margin-bottom: 30px;
}

/*.action_inner li .action_btn{
	width: 100%;
	max-width: 250px;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
	border: 1px solid #0068b7;
	color: #0068b7;
	text-align: center;
	position: absolute;
	bottom: 0;
}
.action_inner li .action_btn:hover{
	color: #fff;
	background-color: #0068b7;
}*/

.action .action_btn{
	width: 100%;
	max-width: 480px;
	height: 30px;
	line-height: 30px;
	box-sizing: border-box;
	border: 1px solid #0068b7;
	color: #0068b7;
	text-align: center;
	margin: auto;
}
.action .action_btn:hover{
	color: #fff;
	background-color: #0068b7;
}
@media screen and (max-width:640px) {
.action .action_btn{
	height: auto;
	line-height: inherit;
}
}


.action .action_btn i{
	padding-right: 6px;
	padding-bottom: 2px;
}


@media screen and (max-width:920px) {
.action{
	margin-bottom: 50px;
}
.action_inner{
	max-width: 520px;
	width: 100%;
	margin: auto;
}
.action_inner li{
	width: 48%;
	margin-bottom: 30px;
}
.action_inner li .action_txt{
	margin-bottom: /*40*/0px;
}
}
@media screen and (max-width:640px) {
.action{
	margin-bottom: 40px;
}
}

@media screen and (max-width:480px) {
.action_inner{
	-webkit-justify-content: space-around; /* Safari */
	justify-content: space-around;
}
.action_inner li{
	width: 250px;
	margin-bottom: 20px;
}
}
/*--------------------------------4つの活動のデザインここまで------------------------------*/
/*--------------------------------組織案内のデザインここから------------------------------*/
.org_info{
	width: 100%;
	background: url('img/header_bg.jpg');
	color: #fff;
}
.org_info .org_inner{
	position: relative;
	overflow: visible;
}

.org_info .org_txt{
	padding-top: 40px;
	padding-bottom: 40px;
	width: 50%;
}

.org_info .org_txt h4{
	font-size: 2.4rem;
	margin-bottom: 20px;
	font-weight: bold;
}

.org_info .org_txt p{
	margin-bottom: 30px;
}

.org_info .org_txt .org_btn{
	width: 100%;
	max-width: 240px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #4ca4d6;
	background-color: #fff;
	border: 1px solid #2c86b9;
	box-sizing: border-box;
	margin: 0 auto;
}
.org_info .org_txt .org_btn:hover{
	background-color: rgba(255,255,255,0);
	color: #fff;
	border: 1px solid #fff;
}

.org_info .org_txt .org_btn i{
	padding-right: 6px;
	padding-bottom: 2px;
}

@media screen and (max-width:640px) {
.org_info .org_txt{
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
}
}

.org_info .action_egg{
	position: absolute;
	top: 0;
	right: 0;
	width: 48%;
	text-align: right;
}
@media screen and (max-width:640px) {
.org_info .action_egg{
	position: inherit;
	margin: auto;

}
}
/*--------------------------------組織案内のデザインここまで------------------------------*/
/*--------------------------------トピックスのデザインここから------------------------------*/

.topics{
	margin-top: 80px;
	margin-bottom: 40px;
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}

.report,
.news{
	width: 49%;
}

.topics_title{
	border-bottom: 4px dotted #888;
	padding-bottom: 8px;
	margin-bottom: 30px;
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-align-items: flex-end; /* Safari */
	align-items: flex-end;
}
.topics_title h2{
	line-height: 1.0;
}

.topics_title p i{
	padding-right: 6px;
	padding-bottom: 2px;
}
.topics_title p a:hover{
	color: #f39700;
}


/*---------------左寄せタイトルのデザインここから----------------*/
.left_flow .title_en{
	padding-right: 10px;
}
/*---------------左寄せタイトルのデザインここまで----------------*/

.topics .each_news{
	padding-left: 8px;
	max-height: 216px;
	overflow-y: scroll;
}

.topics .each_news .a_news{
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}

.topics .each_news .categories{
	display: flex;
	-webkit-align-items: baseline; /* Safari */
	align-items: baseline;
	margin-bottom: 6px;
}

.topics .each_news .categories time{
	font-size: /*1.2rem*/86%;
	padding-right: 18px;
}

.topics .each_news .categories .category a{
	width: auto;
	height: auto;
	font-size: /*1.0rem*/71%;
	padding: 2px 10px;
	background-color: #1b1b1b;
	display: inline-block;
	color: #fff;
	margin-right: 10px;
}
.topics .each_news .categories .category .cat_new{
	background-color: #f39700;
}

.topics .each_news .a_news h5 a:hover{
	opacity: 0.6;
}

@media screen and (max-width:640px) {
.topics{
	margin-top: 40px;
	margin-bottom: 20px;
	display: flex;
	-webkit-flex-direction: column; /* Safari */
	flex-direction: column;
}
.report,
.news{
	width: 100%;
	margin-bottom: 10px;
}
}
/*--------------------------------トピックスのデザインここまで------------------------------*/
/*--------------------------------他コンテンツのデザインここから------------------------------*/
.isewan_contents{
	margin-bottom: 40px;
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}

.isewan_view{
	display: flex;
	width: 74%;
	max-width: 780px;
	background: url('img/view_bg.jpg');
	border: 2px solid #fff9da;
}

.isewan_view .view_map{
	width: 58%;
	max-width: 450px;
	border: 4px solid #efbe78;
	box-sizing: border-box;
}
.isewan_view .view_txt{
	width: 42%;
	max-width: 330px;
	padding: 30px 20px 20px;
	box-sizing: border-box;
}
.isewan_view .view_txt h2{
	padding-bottom: 20px;
}
.isewan_view .view_txt p{
	padding-bottom: 20px;
}
.isewan_view .view_txt .link_caution a{
	font-size: /*1.2rem*/86%;
	color: #ff0000;
	text-align: right;
	text-decoration: underline;
}

.other_contents{
	width: 240px;
	margin-left: 20px;
	display: flex;
	-webkit-align-content: space-between; /* Safari */
	align-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}

.other_contents h2{
	color: #fff;
}
.other_contents h2 .title_en{
	color: #fff;
}

.other_contents .a_contents{
	width: 240px;
	height: 113px;
	padding: 2px;
	box-sizing: border-box;
}
.other_contents .a_contents a:hover{
	opacity: 0.7;
}

.other_contents .tide{
	background-color: #30a7e0;
}
.other_contents .books{
	background-color: #181439;
}
.other_contents .members{
	background-color: #e34e22;
}

.other_contents .a_contents_inner{
	border: 4px solid #fff;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
	-webkit-align-items: center; /* Safari */
	align-items: center;
}
.other_contents .tide .tide_inner{
	background: url('img/tide_bg.jpg');
}
.other_contents .books .books_inner{
	background: url('img/books_bg.jpg');
}
.other_contents .members .members_inner{
	background: url('img/members_bg.jpg');
}

@media screen and (max-width:930px) {
.isewan_contents{
	display: block;
}
.isewan_view{
	width: 100%;
	max-width: none;
	margin-bottom: 20px;
}
.isewan_view .view_map{
	max-width: none;
}
.isewan_view .view_map img{
	width: 100%;
	height: auto;
}
.isewan_view .view_txt{
	max-width: none;
}
.other_contents{
	width: 100%;
	margin-left: 0;
	-webkit-justify-content: space-around; /* Safari */
	justify-content: space-around;
}
.other_contents .a_contents{
	max-width: 240px;
	width: 32%;
}
}

@media screen and (max-width:640px) {
.isewan_view{
	display: block;
	width: 100%;
	max-width: none;
}
.isewan_view .view_txt{
	width: 100%;
	padding: 20px 10px 10px;
}
.isewan_view .view_map{
	width: 100%;
	max-width: auto;
}
}
@media screen and (max-width:480px) {
.other_contents .a_contents{
	max-width: 240px;
	width: 100%;
	margin-bottom: 10px;
}
}

/*--------------------------------他コンテンツのデザインここまで------------------------------*/
/*--------------------------------バナーエリアのデザインここから------------------------------*/
.link_bnr{
	margin-bottom: 40px;
	font-size:15px;
}

.link_bnr ul{
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}

.link_bnr ul li{
	width: 140px /*18%*/;
	height: 56px;
	border: 2px solid #0068b7;
	text-align: center;
}
.link_bnr ul li a{
	color: #0068b7;
	display: flex;
	-webkit-align-items: center; /* Safari */
	align-items: center;
	-webkit-justify-content: space-around; /* Safari */
	justify-content: space-around;
}
.link_bnr ul li a:hover{
	background-color: #0068b7;
	color: #fff;
}
@media screen and (max-width:769px) {
.link_bnr ul{
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-around; /* Safari */
	justify-content: space-around;
	max-width: 510px;
	width: 100%;
	margin: auto;
}
.link_bnr ul li{
	max-width: 150px;
	width: 48%;
	margin-bottom: 10px;
}
}

@media screen and (max-width:640px) {
.link_bnr{
	margin-bottom: 20px;
}
}

/*--------------------------------バナーエリアのデザインここまで------------------------------*/
/*--------------------------------フッターエリアのデザインここから------------------------------*/
footer{
	padding-top: 20px;
	padding-bottom: 15px;
	width: 100%;
	background-color: #0068b7;
	color: #fff;
	border-bottom: 2px solid #f39700;
}

footer .content_box{
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	position: relative;
	overflow: inherit;
}

footer .top_back{
	position: absolute;
	top: -66px;
	right: -76px;
}
footer .top_back a:hover{
	opacity: 0.6;
}
@media screen and (max-width:1240px) {
footer .top_back{
	top: -36px;
	right: 10px;
}
}

footer .basic_info{
	padding-right: 10px;
}
footer .basic_info .ftr_logo{
	margin-bottom: 6px;
}
footer .basic_info .ftr_address{
	font-size: /*1.2rem*/86%;
}
footer .basic_info .ftr_tel i{
	padding-right: 8px;
}


footer .footer_menu{
	max-width: 690px;
	width: 100%;
/*	padding-bottom: 30px;*/
display: flex;
-webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
    -webkit-align-content: space-between;
    align-content: space-between;
}
footer .footer_menu a:hover{
	text-decoration: underline;
}

footer .footer_menu .footer_nav{
	width: 100%;
}


footer .footer_menu .footer_nav .menu{
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-around; /* Safari */
	justify-content: space-around;
}

footer .footer_menu .footer_nav .menu li:nth-child(3){
	pointer-events: none;
}

footer .footer_menu .footer_nav .menu li a{
	height: auto;
}

footer .footer_menu .footer_nav .menu li .sub-menu{
	padding-left: 20px;
}

footer .footer_menu .footer_nav .menu li .sub-menu li{
	list-style-type: disc;
	pointer-events: auto;
}

footer .copyright{
	font-size: /*1.0rem*/71%;
	text-align: right;
	width: 100%;
}
footer .copyright .adobe_link{
	font-size: 116%;
}
@media screen and (max-width:769px) {
footer .copyright .adobe_link{
	text-align: left;
}
}
	
footer .copyright a{
	height: auto;
}

footer .copyright .adobe_link img{
	width: 80px;
	height: auto;
	margin-right: 6px;
}

@media screen and (max-width:769px) {
footer .content_box{
	display: block;
}
footer .content_box .basic_info{
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-around; /* Safari */
	justify-content: space-around;
	padding-bottom: 40px;
}
footer .footer_menu .footer_nav{
	padding-bottom: 20px;
}
}

@media screen and (max-width:600px) {
footer .footer_menu .footer_nav .menu li{
	width: 100%;
	text-align: center;
	line-height: 30px;
}
footer .footer_menu .footer_nav .menu li:first-child,
footer .footer_menu .footer_nav .menu li:nth-child(2),
footer .footer_menu .footer_nav .menu li:nth-child(4),
footer .footer_menu .footer_nav .menu li:nth-child(5),
footer .footer_menu .footer_nav .menu li:nth-child(6),
footer .footer_menu .footer_nav .menu li:nth-child(7){
	background-color: rgba(76,164,214,0.2);
	margin: 1px;
}

footer .footer_menu .footer_nav .menu li .sub-menu{
	padding-left: 0px;
	display: flex;
}
footer .footer_menu .footer_nav .menu li .sub-menu li{
	width: 50%;
	list-style-type: none;
	margin: 1px;
	background-color: rgba(76,164,214,0.2);
}
}
/*--------------------------------フッターエリアのデザインここまで------------------------------*/



/*--------------------------------------------------下層ページのデザインここから------------------------------------------------*/

.page_title{
	width: 100%;
	background: url('img/page_title_bg.jpg');
	border-bottom: 1px solid #3f80c1;
	margin-bottom: 60px;
}

.page_title h1{
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
	color: #0068b7;
}
@media screen and (max-width:640px) {
.page_title{
	margin-bottom: 30px;
}
.page_title h1{
	padding-top: 10px;
	padding-bottom: 10px;
}
}


.wrapper{
	width: 100%;
	margin-bottom: 80px;
	padding-left: 1rem;
	padding-right: 1rem;
	box-sizing: border-box;
}
@media screen and (max-width:640px) {
.wrapper{
	margin-bottom: 40px;
}
}

.inner01{
	width: 100%;
	max-width: 1050px;
	margin: 0 auto;
}

/*2カラムの基本設定ここから*/
.column2_wrapper{
	width: 100%;
	max-width: 1050px;
	margin: 0 auto;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
@media screen and (max-width:640px) {
.column2_wrapper{
	display: block;
}
}

.column2_inner{
	width: 72%;
	padding-right: 4%;
	box-sizing: border-box;
}
@media screen and (max-width:640px) {
.column2_inner{
	width: 100%;
	padding-right: 0;
}
}

aside{
	width: 28%;
	padding-top: 40px;
}
@media screen and (max-width:640px) {
aside{
	width: 100%;
	padding-top: 20px;
}
}
/*2カラムの基本設定ここまで*/

/*サイドバーの設定ここから*/
.side_inner{
	width: 100%;
	margin-bottom: 40px;
}
@media screen and (max-width:640px) {
.side_inner{
	margin-bottom: 20px;
}
}

.side_inner:last-child{
	margin-bottom: 0px;
}


.latest_post{
	border-bottom: 4px solid #bbd96d;
	position: relative;
}
.latest_post:after{
	width: 100%;
	height: 1px;
	background-color: #d2d2d2;
	content: "";
	position: absolute;
	bottom: -4px;
	left: 0;
}
.latest_post h4{
	font-size: /*1.6rem*/114%;
	color: #b0d159;
	border-bottom: 4px solid #bbd96d;
	position: relative;
}
.latest_post h4:after{
	width: 100%;
	height: 1px;
	background-color: #d2d2d2;
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
}
.latest_post ul li{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 6px;
	border-bottom: 1px solid #bbd96d;
}
@media screen and (max-width:640px) {
.latest_post ul li{
	padding-top: 6px;
	padding-bottom: 6px;
}
}
.latest_post ul li:last-child{
	border-bottom: none;
}
.latest_post ul li a:hover{
	opacity: 0.6;
}

.topics_link ul li{
	width: 100%;
	height: 40px;
	color: #f39700;
	font-size: /*1.2rem*/86%;
	text-align: center;
	background-color: #ffdda4;
	padding: 2px;
	box-sizing: border-box;
	position: relative;
	font-weight: 800;
}
.topics_link ul li:first-child{
	margin-bottom: 10px;
}
@media screen and (max-width:640px) {
.topics_link ul li:first-child{
	margin-bottom: 6px;
}
}

.topics_link ul li:before{
	width: 16px;
	height: 16px;
	content: "\f061";
	font-family: FontAwesome;
	font-size: 1.6rem;
	position: absolute;
	left: 13px;
	top: 0;
	bottom: 0;
	margin: auto;
	line-height: 1.0;
}
@media screen and (max-width:740px) and (min-width:640px) {
.topics_link ul li:before{
	display: none;
}
}

.topics_link ul li a:hover{
	opacity: 0.4;
}

.topics_link ul li div{
	border: 1px solid #fff;
	box-sizing: border-box;
	height: 100%;
}
.topics_link ul li div h4{
	height: 100%;
}

.topics_link ul li span{
	font-family: 'Fredericka the Great', cursive;
	font-size: /*2.4rem*/171%;
	margin-right: 10px;
}

.category_post{
	border-top: 4px solid #bbd96d;
}

.category_post h4{
	width: 100%;
	border: 1px solid #bbd96d;
	height: 30px;
	line-height: 28px;
	color: #bbd96d;
	font-size: /*1.6rem*/114%;
	padding-left: 10px;
	box-sizing: border-box;
}
.category_post ul li{
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 6px 10px 6px 30px;
	background-color: #eefec5;
	color: #666;
	box-sizing: border-box;
	position: relative;
}

.category_post ul li:before {
    width: 10px;
    height: 10px;
    content: "\f061";
    font-family: FontAwesome;
    font-size: 1.0rem;
    position: absolute;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 1.0;
}

@media screen and (max-width:640px) {
.category_post ul li{
	padding: 4px 10px 4px 30px;
}
}

.category_post ul li i{
	padding-right: 10px;
}

.category_post ul li a:hover{
	opacity: 0.6;
}

/*サイドバーの設定ここまで*/

/*サイドバーのページごとの変化設定*/

#post-15 aside .category_post ul .cat-item-15,
#post-7 aside .category_post ul .cat-item-7,
#post-8 aside .category_post ul .cat-item-8,
#post-9 aside .category_post ul .cat-item-9,
#post-10 aside .category_post ul .cat-item-10,
#post-16 aside .category_post ul .cat-item-16,
#post-11 aside .category_post ul .cat-item-11,
#post-12 aside .category_post ul .cat-item-12,
#post-6 aside .category_post ul .cat-item-6,
#post-13 aside .category_post ul .cat-item-13,
#post-14 aside .category_post ul .cat-item-14,
#post-19 aside .category_post ul .cat-item-19
{
	background-color: #fffdf7;
	pointer-events: none;
}
#post-15 aside .category_post ul .cat-item-15 a:hover,
#post-7 aside .category_post ul .cat-item-7 a:hover,
#post-8 aside .category_post ul .cat-item-8 a:hover,
#post-9 aside .category_post ul .cat-item-9 a:hover,
#post-10 aside .category_post ul .cat-item-10 a:hover,
#post-16 aside .category_post ul .cat-item-16 a:hover,
#post-11 aside .category_post ul .cat-item-11 a:hover,
#post-12 aside .category_post ul .cat-item-12 a:hover,
#post-6 aside .category_post ul .cat-item-6 a:hover,
#post-13 aside .category_post ul .cat-item-13 a:hover,
#post-14 aside .category_post ul .cat-item-14 a:hover,
#post-19 aside .category_post ul .cat-item-19 a:hover

{
	opacity: 1.0;
}

.cat_bloglist aside .category_post ul .cat-item{
	background-color: #eefec5!important;
	pointer-events: inherit!important;
}
.cat_bloglist aside .category_post ul .cat-item a:hover{
	opacity: 0.6!important;
}

/*--------------------------------帯タイトルのデザインここから------------------------------*/
.box_title{
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding-left: 40px;
	box-sizing: border-box;
	font-size: /*1.6rem*/114%;
	color: #fff;
	background: -prefix-linear-gradient(top, #00a5ea 0%, #00a5ea 50%, #008fe5 50%, #008fe5 100%);
	background: linear-gradient(to bottom, #00a5ea 0%, #00a5ea 50%, #008fe5 50%, #008fe5 100%);
	position: relative;
	margin-bottom: 40px;
}
@media screen and (max-width:640px) {
.box_title{
	margin-bottom: 20px;
	height: 36px;
	line-height: 36px;
}
}

.box_title:before{
	width: 20px;
	height: 100%;
	content:'';
	background: -prefix-linear-gradient(top, #494949 0%, #494949 50%, #373737 50%, #373737 100%);
	background: linear-gradient(to bottom, #494949 0%, #494949 50%, #373737 50%, #373737 100%);
	position: absolute;
	left: 0;
	top: 0;
	border-right: 1px solid #c9c9c9;
}
/*--------------------------------帯タイトルのデザインここまで------------------------------*/

/*--------------------------------page_writingのデザインここから------------------------------*/
.page_writing{
	width: 100%;
	max-width: 690px;
	margin: 0 auto;
}

.page_writing h2{
	font-size: 2.4rem;
	color: inherit;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
	position: relative;
}
@media screen and (max-width:640px) {
.page_writing h2{
	margin-bottom: 10px;
	font-size: /*2.0rem*/143%;
}
}

.page_writing p{
	margin-bottom: 2rem;
}
/*--------------------------------page_writingのデザインここまで------------------------------*/


/*--------------------------------テーブルtable01のデザインここから------------------------------*/
.table01{
	width: 100%;
	max-width: 930px;
	margin: 0 auto;
	line-height: 1.0;
}

.table01 th{
	width: 13%;
	padding: 12px  0 12px 12px;
	border: 1px solid #333;
	text-align: left;
	background-color: #d9f3ff;
}

.table01 td{
	width: 87%;
	padding: 12px 0  12px 20px;
	border: 1px solid #333;
}

.table01 th{
	width: 16%;
}

.table01 th span {
	float: right;
}

.table01 td {
	clear:both;
}

@media screen and (max-width:640px) {
.table01 th{
	display: block;
	width: 100%;
	border: none;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	padding: 6px  0 6px 12px;
}
.table01 td{
	display: block;
	width: 100%;
	border: none;
	box-sizing: border-box;
	margin-bottom: 10px;
	padding: 6px 0 12px 12px;
}
}


/*--------------------------------テーブルtable01のデザインここまで------------------------------*/

/*--------------------------------テーブルtable02のデザインここから------------------------------*/
.table02{
	width: 100%;
	max-width: 1050px;
	margin: 0 auto;
	line-height: 1.0;
}

.table02 th{
	width: 13%;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #666;
	text-align: left;
	background-color: #333;
	color: #fff;
}
.table02 .row1{
	width: 17%;
}
.table02 .row2{
	width: 26%;
}
.table02 .row3{
	width: 26%;
}
.table02 .row4{
	width: 31%;
}

.table02 td{
	padding: 10px;
	border: 1px solid #333;
}

.table02 .row1td img{
	max-width: 76px;
	width: 100%;
	height: auto;
	display: block;
	margin: auto;
}
.table02 .row2td{
	background-color: #d9f3ff;
}
.table02 .row4td{
	background-color: #eefec5;
}

.table02 .library{
	padding-right: 4%;
}
.table02 .library div{
	position: relative;
}

.table02 .library div:after{
	width: 20px;
	height: 20px;
	content: '';
	background: url('img/books/pic_library.png');
	background-size: contain;
	position: absolute;
	right: -22px;
	top: 0;
	bottom: 0;
	margin: auto;
}

@media screen and (max-width:640px) {
.table02 .library{
	padding-right: 14%;
}
}

.caution{
	text-align: right;
	color: #8fc31f;
}
.caution img{
	padding-right: 12px;
}

.caution.block{
	text-align: right;
	font-size: 80%;
	color: #333;
}

@media screen and (max-width:640px) {
.table02 thead{
	display: none;
}

.table02 td{
	display: block;
	width: 100%;
	border: none;
	box-sizing: border-box;
}

.table02 tbody tr{
	margin-bottom: 20px;
	display: block;
}

.table02 .row1td{
	background-color: #d9f3ff;
}
.table02 .row2td{
	font-weight: bold;
}
.table02 .row4td{
	background-color: inherit;
}

}


/*--------------------------------テーブルtable02のデザインここまで------------------------------*/

/*--------------------------------テーブルtable03のデザインここから------------------------------*/
.table03 a:hover{
	opacity: 0.6;
}

.table03{
	width: 100%;
	max-width: 1050px;
	margin: 0 auto;
	line-height: 1.0;
}

.table03 tr:first-child td{
	padding-top: 0;
}

.table03 tr:nth-child(2n){
	background-color: #d9f3ff;
}

.table03 .row1{
	width: 27%;
	padding: 20px;
}

.table03 .row2{
	width: 73%;
	padding: 12px;
	text-align: left;
}
.table03 .row2 h3{
	font-size: /*1.6rem*/114%;
	font-weight: 600;
	margin-bottom: 8px;
}
.table03 .row2 h3 a{
	text-decoration: underline;
}
.table03 .row2 .link_ad{
	margin-bottom: 20px;
}

@media screen and (max-width:640px) {
.table03{
	display: block;		
}
	
.table03 tbody{
	display: block;
}

.table03 tbody tr{
	display: block;
}
.table03 .row1{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 12px  12px 6px 12px;
}
.table03 .row1 a{
	text-align: center;
}
.table03 .row2{
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 10px;
	padding: 12px;
}
.table03 tr:first-child .row1{
	padding: 12px  12px 6px 12px;
}
.table03 tr:first-child .row2{
	padding: 12px;
}
}


/*--------------------------------テーブルtable03のデザインここまで------------------------------*/


/*--------------------------------テーブルtable04のデザインここから------------------------------*/
.table04 a:hover{
	opacity: 0.6;
}

.table04{
	width: 100%;
	max-width: 720px;
	margin: 0 auto;
	line-height: 1.0;
	display: block;
	max-height: 390px;
	overflow-y: scroll;
}
.table04 tbody{
	display: block;
}


@media screen and (max-width:640px) {
.table04 tr{
	display: flex;
	-webkit-flex-direction: column-reverse; /* Safari */
	flex-direction: column-reverse;
}
}

.table04 tr:first-child td{
	padding-top: 0;
}

.table04 tr:nth-child(2n){
	background-color: #d9f3ff;
}

.table04 .row2{
	width: 27%;
	padding: 20px 10px 20px 0;
	box-sizing: border-box;
}

.table04 .row2 img{
width: 100%;
}

.table04 .row1{
	width: 73%;
	text-align: left;
	padding: 20px 20px 20px 10px;
	box-sizing: border-box;
}
.table04 .row1 h3{
	font-size: /*1.8rem*/129%;
	font-weight: 600;
	margin-bottom: 8px;
	color: #0068b7;
}

.associated_info{
	margin-bottom: 20px;
	display: flex;
}
.associated_info .category a{
	padding: 2px 10px;
	background-color: #1b1b1b;
	color: #fff;
	font-size: /*1.0rem*/71%;
	width: auto;
	height: auto;
	margin-right: 4px;
}
.associated_info time{
	padding: 1px 0 1px 10px;
	display: inline-block;
	font-size: /*1.2rem*/86%;
}
.table04 .row1 .more{
	padding-top: 10px;
	text-align: right;
	color: #666;
}
.table04 .row1 .more a{
	text-decoration: underline;
}
.table04 .row1 .more a:hover{
	opacity: 0.6;
}

@media screen and (max-width:640px) {
.table04 .row2{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 12px  12px 6px 12px;
}
.table04 .row2 a{
	text-align: center;
}
.table04 .row1{
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 10px;
	padding: 12px;
}
.table04 tr:first-child .row2{
	padding: 12px  12px 6px 12px;
}
.table04 tr:first-child .row1{
	padding: 12px;
}
}


/*--------------------------------テーブルtable04のデザインここまで------------------------------*/


/*--------------------------------3カラムのデザインここから------------------------------*/
.column3rd{
	width: 100%;
	max-width: 930px;
	margin: 0 auto;
}
.column3rd ul{
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}
.column3rd ul li{
	width: 32%;
	margin-bottom: 20px;
	text-align: center;
}
@media screen and (max-width:640px) {
.column3rd ul li{
	margin-bottom: 10px;
}

}
/*--------------------------------3カラムのデザインここまで------------------------------*/






/*---------------------------------------------会社概要ページのデザインここから--------------------------------------------*/
.greeting{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Noto Sans Japanese", sans-serif;
	font-weight: bold;
}

.greeting .sign{
	font-size: 2.0rem;
	text-align: right;
	font-family: "DCG麗楷書W5", "DCP麗楷書W5","DC麗楷書W5" ,"游明朝体", "Yu Mincho", YuMincho, "Noto Sans Japanese", sans-serif;
}
@media screen and (max-width:640px) {
.greeting .sign{
	font-size: 1.8rem;
}
}

.teikan{
	padding-left: 1rem;
}
.teikan img{
	vertical-align: sub;
}

.table01 td a:hover{
	opacity: 0.6;
}

/*--------------------------------青背景のデザインここから------------------------------*/
.blue_bg{
	padding-top: 40px;
	padding-bottom: 20px;
	background: url('img/header_bg.jpg');
	color: #fff;
}
@media screen and (max-width:640px) {
.blue_bg{
	padding-top: 20px;
	padding-bottom: 0px;
}
}

.blue_bg h2:before{
	width: 100%;
	height: 2px;
	content:'';
	background-color:#fff;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 40;
}

.blue_bg h2 span{
	width: 150px;
	display: inline-block;
	background: url('img/header_bg.jpg');
	margin: 0 auto;
	position: relative;
	z-index: 50;

}

.blue_bg .page_writing{
	border-bottom: 2px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 40px;
}
.blue_bg h3{
	width: 100%;
	max-width: 930px;
	font-size: /*1.8rem*/129%;
	margin: 0 auto 20px;
	display: block;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Noto Sans Japanese", sans-serif;
	font-weight: bold;
	font-style: italic;
	text-align: center;
}
@media screen and (max-width:640px) {
.blue_bg h3{
	font-size: 1.6rem;
}
}

/*--------------------------------青背景のデザインここまで------------------------------*/
.history{
	margin-bottom: 40px;
}
@media screen and (max-width:640px) {
.history{
	margin-bottom: 20px;
}
}


.history th{
	background-color: #eefec5;
}

.pdf_btn{
	width: 100%;
	max-width: 690px;
	margin: 0 auto;
}
.pdf_btn ul{
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
}

.pdf_btn ul li{
	max-width: 330px;
	width: 48%;
	height: 30px;
	line-height: 30px;
	border: 1px solid #0068b7;
	text-align: center;
	color: #0068b7;
}

.pdf_btn ul li img{
	vertical-align: sub;
	padding-left: 6px;
}

@media screen and (max-width:640px) {
.pdf_btn ul{
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
}
.pdf_btn ul li{
	width: 100%;
}
.pdf_btn ul li:first-child{
	margin-bottom: 10px;
}
}

.pdf_btn ul li a:hover{
	color: #fff;
	background-color: #0068b7;
}

.pdf_btn ul li span{
	padding-left: 1rem;
}
.pdf_btn ul li span img{
	vertical-align: sub;
}

.winning{
	max-width: 750px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 40px;
}
@media screen and (max-width:640px) {
.winning{
	margin-bottom: 20px;
}
}

.winning:last-child{
	margin-bottom: 0;
}

.winning h3{
	width: 210px;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	background: -prefix-linear-gradient(top, #a5a5a5 0%, #a5a5a5 50%, #8f8f8f 50%, #8f8f8f 100%);
	background: linear-gradient(to bottom, #a5a5a5 0%, #a5a5a5 50%, #8f8f8f 50%, #8f8f8f 100%);
	color: #fff;
	text-align: center;
	font-size: /*1.6rem*/114%;
	margin-bottom: 20px;
}
@media screen and (max-width:640px) {
.winning h3{
	height: 30px;
	line-height: 30px;
}
}

.winning .column3rd ul li{
	border-bottom: 3px solid #bfbfbf;
}


.winning .column3rd ul li p{
	padding-bottom: 20px;
}
@media screen and (max-width:640px) {
.winning .column3rd ul li p{
	padding-bottom: 10px;
}

}

/*---------------------------------------------会社概要のデザインここまで--------------------------------------------*/


/*---------------------------------------------出版物のデザインここから--------------------------------------------*/
.desc{
	margin-bottom: 20px;
}
/*---------------------------------------------出版物のデザインここまで--------------------------------------------*/


/*---------------------------------------------私たちの活動のデザインここから--------------------------------------------*/

/*凡例ここから*/
.time_lgnd{
	display: flex;
	-webkit-flex-direction: row-reverse; /* Safari */
	flex-direction: row-reverse;
	font-size: /*1.2rem*/86%;
	margin-bottom: 20px;
}
@media screen and (max-width:480px) {
.time_lgnd{
	margin-bottom: 10px;
}
}

.time_lgnd div p{
	margin-bottom: 4px;
}
.time_lgnd div p img{
	margin-right: 10px;
	vertical-align: middle;
}
.action_lgnd{
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	margin-bottom: 20px;
}
@media screen and (max-width:480px) {
.action_lgnd{
	margin-bottom: 10px;
}
}

.action_lgnd .lgnd_inner{
	width: 24%;
	margin-bottom: 20px;
}
@media screen and (max-width:940px) {
.action_lgnd .lgnd_inner{
	width: 49%;
}
}
@media screen and (max-width:480px) {
.action_lgnd .lgnd_inner{
	width: 100%;
	margin-bottom: 10px;

}
}

.action_lgnd .lgnd_inner h2{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-color: #1b1b1b;
	color: #fff;
	font-size: /*1.6rem*/114%;
	padding-left: 19%;
	box-sizing: border-box;
	position: relative;
}
@media screen and (max-width:1050px) {
.action_lgnd .lgnd_inner h2{
	font-size: 1.4rem;
}
}

.action_lgnd .lgnd_inner h2:before{
	width: 28px;
	height: 28px;
	border-radius: 14px;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 4%;
}
.action_lgnd .lgnd1 h2:before{
	background-color: #00a0e9;
}
.action_lgnd .lgnd2 h2:before{
	background-color: #97d077;
}
.action_lgnd .lgnd3 h2:before{
	background-color: #ff8410;
}
.action_lgnd .lgnd4 h2:before{
	background-color: #ffd966;
}

.action_lgnd .lgnd_inner h2:after{
	width: 100%;
	height: 6px;
	content: "";
	position: absolute;
	bottom: -6px;
	left: 0;
}
.action_lgnd .lgnd1 h2:after{
	background-color: #00a0e9;
}
.action_lgnd .lgnd2 h2:after{
	background-color: #97d077;
}
.action_lgnd .lgnd3 h2:after{
	background-color: #ff8410;
}
.action_lgnd .lgnd4 h2:after{
	background-color: #ffd966;
}
.action_lgnd .lgnd_inner p{
	margin-top: 20px;
}
/*凡例ここまで*/

.event_detail{
	margin-bottom: 20px;
}
@media screen and (max-width:480px) {
.event_detail{
	margin-bottom: 0px;
}

}

/*各イベントのタイトル帯ここから*/
.event_title{
	width: 100%;
	background: url('img/action/now_title_bg.jpg');
	background-size: cover;
	padding: 20px;
	box-sizing: border-box;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	position: relative;
	border-bottom: 2px solid #a0a0a0;
	margin-bottom: 2px;
	color: #fff;
}
.past_title{
	background: url('img/action/past_title_bg.jpg');
	color: #333;
}

.event_title:before{
	width: 100%;
	height: 2px;
	content:"";
	background-color: #fff;
	position: absolute;
	top: 2px;
	left: 0;
}

.event_title .event_cat{
	width: 14%;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-align-content: flex-start; /* Safari */
	align-content: flex-start;
}
@media screen and (max-width:840px) {
.event_title .event_cat{
	width: 100%;
}
}
/*.event_title .event_cat figure{*/
.event_title .event_cat span{
	width: 28px;
	height: 28px;
	border-radius: 14px;
	margin-bottom: 10px;
	margin-right: 9px;
}
.event_title .event_cat .lgnd1{
	background-color: #00a0e9;
}
.event_title .event_cat .lgnd2{
	background-color: #97d077;
}
.event_title .event_cat .lgnd3{
	background-color: #ff8410;
}
.event_title .event_cat .lgnd4{
	background-color: #ffd966;
	margin-right: 0;
}
.event_title .event_txt{
	width: 68%;
	padding-left: 2rem;
	padding-right: 2rem;
	box-sizing: border-box;
}
@media screen and (max-width:840px) {
.event_title .event_txt{
	padding-left: 0;
}
}
@media screen and (max-width:480px) {
.event_title .event_txt{
	width: 100%;
	margin-bottom: 20px;
	padding: 0;
}
}

.event_title .event_txt h3{
	font-size: /*1.8rem*/129%;
	font-weight: bold;
}
.event_title .event_txt .period{
	font-size: /*1.6rem*/114%;
	margin-bottom: 10px;
}

.event_title .event_pic{
	width: 18%;
}
@media screen and (max-width:840px) {
.event_title .event_pic{
	width: 32%;
	text-align: right;
}
}
@media screen and (max-width:480px) {
.event_title .event_pic{
	width: 100%;
	text-align: center;
}
}
/*各イベントのタイトル帯ここまで*/

/*アコーディオン部分ここから*/
.hidden_box{
	margin-bottom: 0px;
}
.hidden_box br{
	display: none;
}


.hidden_box .detail_btn{
	width: 100%;
	height: 32px;
	line-height: 32px;
	padding-left: 40px;
	box-sizing: border-box;
	color: #fff;
	font-weight: 600;
	background: -prefix-linear-gradient(top, #a3a3a3 0%, #a3a3a3 50%, #989898 50%, #989898 100%);
	background: linear-gradient(to bottom, #a3a3a3 0%, #a3a3a3 50%, #989898 50%, #989898 100%);
	cursor :pointer;
	display: block;
	position: relative;
	margin-bottom: 20px;
}
.hidden_box .detail_btn:before{
	width: 16px;
	height: 32px;
	line-height: 32px;
	content: "＋";
	color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
}

.hidden_box input {
    display: none;
}

.hidden_box .hidden_show {
    height: 0;
	opacity: 0;
	overflow: hidden;
	transition: 0.8s;
}
.hidden_box input:checked ~ .hidden_show {
    height: auto;
	opacity: 1;
	transition: 0.8s;
}
.hidden_box input:checked ~ .detail_btn {
	background: inherit;
	color: #a0a0a0;
}
.hidden_box input:checked ~ .detail_btn:after {
	width: 100%;
	height: 6px;
	content: "";
	background-color: #a0a0a0;
	position: absolute;
	bottom: -6px;
	left: 0;
}
.hidden_box input:checked ~ .detail_btn:before {
	color: #a0a0a0;
	content: "－";
	font-weight: bold;
}
/*アコーディオン部分ここまで*/

/*アコーディオン部分の内部ここから*/
.hidden_box .hidden_show{
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
}
.hidden_box .hidden_show .more_desc br{
	display:inline;
}
@media screen and (max-width:480px) {
.hidden_box .hidden_show{
	padding: 0;
}
}

.hidden_box .hidden_show .more_desc{
	margin-bottom: 20px;
}

.hidden_box .hidden_show .photo_gallery{
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	margin-bottom: 40px;
}
@media screen and (max-width:480px) {
.hidden_box .hidden_show .photo_gallery{
	margin-bottom: 0px;
}
}

.hidden_box .hidden_show .photo_gallery div{
	width: 49%;
}
@media screen and (max-width:480px) {
.hidden_box .hidden_show .photo_gallery .big_photo{
	width: 100%;
	margin-bottom: 10px;
}

}

.hidden_box .hidden_show .photo_gallery .small_photo{
	display: flex;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	font-size: /*1.2rem*/86%;
}
@media screen and (max-width:480px) {
.hidden_box .hidden_show .photo_gallery .small_photo{
	width: 100%;
}
}
.hidden_box .hidden_show .photo_gallery .small_photo div{
	max-width: 240px;
	height: auto;
}
@media screen and (max-width:480px) {
.hidden_box .hidden_show .photo_gallery .small_photo div{
	margin-bottom: 10px;
}
}

.hidden_box .hidden_show .photo_gallery .small_photo div p{
	line-height: 1.2;
}

.report_btn{
	width: 100%;
	max-width: 390px;
	min-height: 30px;
	line-height: 30px;
	color: #0068b7;
	border: 1px solid #0068b7;
	text-align: center;
	margin: 0 auto 40px;
	box-sizing: border-box;
}
@media screen and (max-width:480px) {
.report_btn{
	margin: 0 auto 20px;
	line-height: inherit;
	min-height: auto;
	padding-top: 4px;
	padding-bottom: 4px;
}
}

.report_btn a{
	padding: 0 20px;
	box-sizing: border-box;
}
@media screen and (max-width:480px) {
.report_btn a{
	padding: 0 10px;
}
}

.report_btn a:hover{
	background-color: #0068b7;
	color: #fff;
}
.report_btn a i{
	padding-right: 6px;
	padding-bottom: 2px;
}


/*アコーディオン部分の内部ここまで*/

/*イベントカテゴリの各設定ここから*/
.event_cat01 .lgnd2{
	visibility : hidden;
}
.event_cat01 .lgnd4{
	visibility : hidden;
}
.event_cat02 .lgnd2{
	visibility : hidden;
}
.event_cat02 .lgnd4{
	visibility : hidden;
}
.event_cat03 .lgnd4{
	visibility : hidden;
}
.event_cat04 .lgnd1{
	visibility : hidden;
}
.event_cat04 .lgnd4{
	visibility : hidden;
}
.event_cat05 .lgnd4{
	visibility : hidden;
}
.event_cat06 .lgnd3{
	visibility : hidden;
}
.event_cat07 .lgnd1{
	visibility : hidden;
}
.event_cat07 .lgnd3{
	visibility : hidden;
}
.event_cat07 .lgnd4{
	visibility : hidden;
}
.event_cat08 .lgnd4{
	visibility : hidden;
}
.event_cat09 .lgnd4{
	visibility : hidden;
}
.event_cat10 .lgnd2{
	visibility : hidden;
}
.event_cat10 .lgnd4{
	visibility : hidden;
}

/*イベントカテゴリの各設定ここまで*/



/*---------------------------------------------私たちの活動のデザインここまで--------------------------------------------*/

/*---------------------------------------------投稿詳細のデザインここから--------------------------------------------*/
.post_outline h3{
	font-size: /*2.0rem*/143%;
	color: #0068b7;
	padding-bottom: 6px;
}

.post_outline hr{
	border: none;
	border-top: 4px dotted #888;
}

.post_outline .outline_inner{
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: space-between; /* Safari */
	justify-content: space-between;
	margin-top: 20px;
	margin-bottom: 40px;
}
@media screen and (max-width:640px) {
.post_outline .outline_inner{
	margin-bottom: 20px;
}
}

@media screen and (max-width:480px) {
.post_outline .outline_inner{
	display: block;
}
}

.post_outline .outline_inner div{
	width: 49%;
}
@media screen and (max-width:480px) {
.post_outline .outline_inner div{
	width: 100%;
}
}

.post_outline .outline_inner div:first-child{
	text-align: center;
	margin-bottom: 10px;
}

.column2_inner .inner01{
	margin-bottom: 40px;
}
@media screen and (max-width:640px) {
.column2_inner .inner01{
	margin-bottom: 20px;
}
}

.news_comment{
	text-align: center;
}

.back_list a{
	padding-top: 20px;
	font-size: /*1.2rem*/86%;
	text-decoration: underline;
	text-align: center;
}
.back_list a:hover{
	opacity: 0.6;
}

/*---------------------------------------------投稿詳細のデザインここまで--------------------------------------------*/

/*---------------------------------------------カテゴリーページのデザインここから--------------------------------------------*/
.eachcat_news{
	margin-bottom: 40px;
}
@media screen and (max-width:640px) {
.eachcat_news{
	margin-bottom: 20px;
}
}

.eachcat_report .table04{
	max-height: 600px;
	overflow-y: scroll;
	display: block;
}
@media screen and (max-width:640px) {
.eachcat_report .table04{
	max-height: 400px;
}
}

.column2_inner .cat_name{
	width: 100%;
	padding: 4px 0 4px 20px;
	box-sizing: border-box;
	font-size: /*2.0rem*/143%;
	font-weight: bold;
	color: #fff;
	background: -prefix-linear-gradient(top, #006ebc 0%, #006ebc 50%, #0055aa 50%, #0055aa 100%);
	background: linear-gradient(to bottom, #006ebc 0%, #006ebc 50%, #0055aa 50%, #0055aa 100%);
	border-bottom: 4px solid #333;
	margin-bottom: 20px;
}
@media screen and (max-width:640px) {
.column2_inner .cat_name{
	margin-bottom: 10px;
}
}

.column2_inner .cat_mainpic{
	border-bottom: 5px solid #0068b7;
	margin-bottom: 20px;
}
@media screen and (max-width:640px) {
.column2_inner .cat_mainpic{
	margin-bottom: 10px;
}
}

.column2_inner .cat_desc{
	margin-bottom: 60px;
}
@media screen and (max-width:640px) {
.column2_inner .cat_desc{
	margin-bottom: 40px;
}
}

/*---------------------------------------------カテゴリーページのデザインここまで--------------------------------------------*/

/*---------------------------------------------投稿一覧ページのページャーデザインここから--------------------------------------------*/
.column2_inner .news{
	background: -prefix-linear-gradient(top, #14bab6 0%, #14bab6 50%, #0fa7a3 50%, #0fa7a3 100%);
	background: linear-gradient(to bottom, #14bab6 0%, #14bab6 50%, #0fa7a3 50%, #0fa7a3 100%);

}

.wp-pagenavi{
	margin-top: 40px;
	text-align: center;
}

.wp-pagenavi a{
	display: inline-block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	border: 2px solid #0068b7;
	color: #0068b7;
	margin-right: 10px;
	font-size: /*1.6rem*/114%;
	font-weight: bold;
}

.wp-pagenavi span.current{
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #0068b7;
	color: #fff;
	margin-right: 10px;
	font-size: /*1.6rem*/114%;
	font-weight: bold;

}
/*---------------------------------------------投稿一覧ページのページャーデザインここまで--------------------------------------------*/
/*---------------------------------------------検索ページのデザインここから--------------------------------------------*/
.search_inner{
	padding: 20px;
	box-sizing: border-box;
}
.search_inner:nth-child(2n){
	background-color: #d9f3ff;
}

.search_inner h2{
	font-size: /*1.8rem*/129%;
	font-weight: 600;
    color: #0068b7;
}
.search_inner time{
	font-size: /*1.2rem*/86%;
    margin-bottom: 8px;
}


/*---------------------------------------------検索ページのデザインここまで--------------------------------------------*/

/*---------------------------------------------会員専用ページのフォームデザインここから--------------------------------------------*/

.members_posttxt{
	text-align: left;
	margin: 20px 0;
}

.mw_wp_form .form_members{
	padding-top: 20px;
}

.mw_wp_form .form_members > p{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	background-color: #feeff6;
	border: 1px dotted #ff7bb;
}

.mw_wp_form .form_members .form_inner{
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #f1f9ff;
	box-sizing: border-box;
	width: 100%;
	margin: 10px 0;
}


.mw_wp_form .form_members .form_inner tr th{
	text-align: left;
	padding: 10px;
	width: 26%;
	box-sizing: border-box;
}

.mw_wp_form .form_members .form_inner tr td{
	width: 74%;
	box-sizing: border-box;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.mw_wp_form .form_members .form_inner tr td #mail,
.mw_wp_form .form_members .form_inner tr td #name{
	width: 100%;
	max-width: 300px;
}
.mw_wp_form .form_members .form_inner tr td #remarks{
	width: 100%;
}

.mw_wp_form_preview .form_members .form_inner tr td p{
	display: none;
}

.mw_wp_form .form_members .entry_btn{
	margin: 20px 0 40px;
	text-align: center;
}

.mw_wp_form .form_members .entry_btn input{
	padding: 10px 20px;
	border: 1px solid #ddd;
	background-color: #0068b7;
	color: #fff;
	font-weight: bold;
	margin-right: 20px;
}
.mw_wp_form .form_members .entry_btn input:last-child{
	margin-right: 0;
}

.mw_wp_form .form_members .entry_btn .back_btn{
	background-color: #aaa;
}

.mw_wp_form_complete{
	margin: 40px 0;
}

@media screen and (max-width:640px) {
.mw_wp_form .form_members .form_inner tr th{
	display: block;
	width: 100%;
}
.mw_wp_form .form_members .form_inner tr td{
	display: block;
	padding-left: 20px;
	padding-top: 0;
	width: 100%;
}
}

/*------------▼180905 川﨑追加分--------------*/

.selectUl li span:first-child {
    display: inline-block;
    width: 30%;
}

/*---------------------------------------------会員専用ページのフォームデザインここまで--------------------------------------------*/



/*------------------------------------▼180117 川﨑追加分-----------------------------------*/

/*2237行目*/
.hidden_box .hidden_show {
	padding-left: 17%;
}

/*2243行目*/
@media screen and (max-width:840px) {
.hidden_box .hidden_show{
	padding: 0;
}
}

/*1700行目*/
#purpose .column3rd ul li{
	    width: 24%;
}

/*942行目 967行目*/
footer .basic_info, footer .footer_menu {
	padding-bottom: 0;
}
/*979行目*/
footer .footer_menu .ftr_menu_inner {
	width: auto;
}
/*2152行目*/
.event_title .event_pic{
	margin: auto;
	height: 100%;
}



/*-------伊勢湾ビュー-------*/
iframe {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

@media screen and (max-width:640px) {
.isewan_view .view_map{
	height: 300px;
}
}