/*
Template:zerif-lite
Theme Name:sakana
*/

.page-id-118 .entry-content h2 {
	font-size: 18px !important;
	font-weight: bold;
	margin: 3em 0em 1.5em;
	border-bottom: 1px solid #888;
	padding-bottom: 0.5em;
	}
.page-id-118 .entry-content h3 {
	font-size: 16px !important;
	font-weight: bold;
	margin-left: 1em;
	}
.page-id-118 .entry-content p {
	margin: 0 2em 1em;
	}

.category-members .entry-meta {
	display: none;
	}

/* 参加企業一覧ページ */

div.members ul {
	margin: 0;
	padding: 0;
	}
div.members li {
	list-style: none;
	float: left;
	margin: 1%;
	width: 31.3333333333%;
	background: #e8ecef;
	padding: 0;
	}
div.members li .members-wrap {
	background: #e8ecef;
	margin: 8px;
	border: 6px solid #fff;
	}
div.members h2 {
	font-size: 18px;
	line-height: 100%;
	margin: 0 ;
	padding: 1.2em 0;
	color: #000 !important;
	}
div.members table {
	border-top: 6px solid #fff;
	}
div.members table td {
	color: #555;
	font-size: 13px;
	text-align: center;
	padding: 0.5em 1em;
	border-top: 1px solid #fff;
	}
div.members li .members-wrap:hover {
	background: url(//sakananomachi-kesennuma.jp/smkwp/wp-content/uploads/mark.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	}
div.members li a:hover .members-wrap h2 {
	text-decoration: none;
	}
	
	
@media screen and (max-width: 1000px) {
	div.members li {
		width: 48%;
		}
	}
@media screen and (max-width: 700px) {
	div.members li {
		width: 98%;
		}
	}

/* 参加企業ページ */

.parent-pageid-44 article {
	padding: 0 15%;
	}
.parent-pageid-44 article .entry-content img {
	width: 100%;
	height: auto;
	}
.parent-pageid-44 article .entry-content h2 {
	font-size: 20px !important;
	font-weight: bold !important;
	margin: 2em 0 1.5em !important;
	text-align: center;
	}
.parent-pageid-44 article .entry-content h3 {
	font-size: 16px !important;
	font-weight: bold !important;
	margin: 4em 0 1.5em !important;
	text-align: center;
	}
.parent-pageid-44 article .entry-content td {
	padding: 0.5em ;
	}

@media screen and (max-width: 420px) {
	.parent-pageid-44 article {
		padding: 0 0;
		}
	}


table.members td.koumoku {
	width: 7em;
	}



/* コンテンツ */

.entry-content,
.entry-content p {
	line-height: 200%;
	}
.entry-meta {
	font-size: 11px;
	margin: 1.5em 0 2.5em 2em;	
	}

.entry-content img { margin: 20px 0 30px; }

.comments-area {
	display: none;
	}

.btn {
	background: #ea5549;
	padding: 0.4em 2em ;
	color:#fff !important;
	}
.btn:hover {
	background: #e83929;
	color:#fff !important;
	}

.widget-area {
	margin-left: 2em ;
	font-size: 12px !important;
}
.widget-area h2 {
	font-size: 13px !important;
}


/* トップ */

.info {
	padding: 10px 50px ;
	margin: 0 auto ;
	max-width: 1200px ;
	}
.info h2 {
	font-size: 20px;
	color: #555;
	text-align: left;
	margin-bottom: 1.2em;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #888;
	}
.info h2 .sub {
	margin-left: 1em;
	font-size: 13px;
	}
.info .update {
	width: 45%;
	}
@media screen and (max-width: 1000px) {
	.info .update {
		width: 100%;
		}
	}
.info p,.info dl {	
	text-align: left;
	color: #888;
	font-size: 12.5px;
	line-height: 185%;
	}
.info dl {
	margin: 0.5em 0;
	padding: 0;
	}
.update dt {
	margin: 0;
	width: 5.5em;
	float: left;
	font-weight: normal;
	}
.update dd {
	margin: 0;
	margin-left: 7em;
	}
.aboutus img.sklogo {
	width: 150px;
	height: auto;
	float: left;
	margin: 0 80px 40px 0;
	}
.aboutus p {
	color: #333;
	font-size: 15px;
	line-height:210%;
	}

.info.report div.wrap {
	float: left;
	margin: 1%;
	width: 23%;
	}
.info.report div.wrap .inner {
	width: 250px;
	margin: 0 auto;
	}
.info.report div.wrap img {
	width: 250px;
	height: 150px;
	margin: 8px 0;
	}
.info.report div.wrap a {
	transition: 0.4s;
	}
.info.report div.wrap a:hover {
	opacity: 0.8;
	transition: 0.4s;
	text-decoration: none;
	}

.spmenu { display:none; }

@media screen and (max-width: 1200px) {
	.category .info.report div.wrap {
		width: 31.3333333333%;
		}
	}
@media screen and (max-width: 1120px) {
	.info.report div.wrap {
		width: 31.3333333333%;
		}
	}
@media screen and (max-width: 1000px) {
	.info {
		padding: 20px 40px ;
		}
	.info h2 {
		text-align: center;
		margin-top: 1.8em;
		}
	.aboutus img.sklogo {
		width: 170px;
		float: none;
		margin: 15px;
		}
	.category .info.report div.wrap {
		width: 48%;
		}
	}
@media screen and (max-width: 880px) {
	.info.report div.wrap {
		width: 48%;
		}
	}
@media screen and (max-width: 720px) {
	.category .info.report div.wrap {
		width: 98%;
		}
	}
@media screen and (max-width: 420px) {
	.info.report div.wrap {
		width: 98%;
		}
	}
@media screen and (max-width: 380px) {
	.info {
		padding: 20px 10px ;
		}
	}


/* トップ　スライドショー */

.slide-wrap {
	position: relative;
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto;
	}
.copy {
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 99;
	}
.copy img {
	zoom: 0.4;
	}

ul.topmenu {
	display: flex ;
	justify-content: center ;
	margin-top: 150px;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	}
ul.topmenu li {
	float: left;
	margin: 1.2em;
	list-style: none;
	font-size: 15px;
	font-weight: bold;
	}
ul.topmenu li a {
	color: #fff !important;
	transition: 0.3s;
	}
ul.topmenu li a:hover {
	text-decoration: none;
	opacity: 0.8;
	transition: 0.3s;
	}

@media screen and (max-width: 1200px) {
	ul.topmenu {
		margin-top: 80px;
		}
	}
@media screen and (max-width: 1000px) {
	.copy {
		display: none;
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		margin: 0px auto;
		padding: 40px 0px 10px ;
		}
	.copy img {
		zoom: 1.0;
		max-width: 100px;
		height: auto;
		}
	.topbg {
		background:#ea5549;
		}
	ul.topmenu {
		margin-top: 30px;
		}
	}
@media screen and (max-width: 420px) {
	ul.topmenu {
		background:#ea5549;
		}
	ul.topmenu li {
		margin: 0.5em;
		font-size: 13px;
		}
	}
@media screen and (max-width: 380px) {
	ul.topmenu li {
		margin: 0.4em;
		font-size: 11px;
		}
	}


/* スマホ用メニュー */

ul.sp-menu {
		display: none;
		}
@media screen and (max-width: 768px) {
	.navbar-toggle {
		display: none;
		}
	ul.sp-menu {
		display: block;
		margin: 0;
		padding: 0;
		}
	ul.sp-menu li {
		list-style: none;
		font-size: 12px;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		background: #ea5549;
		padding: 0.5em;
		text-align: center;
		width: 25%;
		float: left;
		}
	ul.sp-menu li:nth-child(4),ul.sp-menu li:nth-child(8) {
		border-right: 0px solid #fff;
		}
	ul.sp-menu li a,
	ul.sp-menu li a:hover,
	ul.sp-menu li a:visited {
		color: #fff !important;
		}
	}

/* ハンバーガーボタン */


#panel-btn-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 28px;
  height: 4px;
  margin: -2px 0 0 -14px;
  background: #ef857d;
  transition: .2s;
	color: #222;
}
#panel-btn-icon:before, #panel-btn-icon:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 28px;
  height: 4px;
  background: #ef857d;
  transition: .3s;
}
#panel-btn-icon:before{
  margin-top: -12px;
}
#panel-btn-icon:after{
  margin-top: 8px;
}
a #panel-btn-icon {
	color: #222 !important;
	}


.navbar-toggle {
	border: 0;
	background-color: #fff;
	margin-top: 30px;
	position: absolute;
	right: 15px;
	color: #222 !important;
}
.navbar-toggle:focus {
	border:0px dotted black;
}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {
	background-color: #fff;
	filter: alpha(opacity=100);
	opacity: 1;
	box-shadow: none;
}
.navbar-toggle.active{
    background-color: #fff !important;
}
.navbar-toggle.collapsed{
    background-color: #fff !important;
}


#panel-btn .close{
  background: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
  margin-top: 0;
}
#panel-btn .close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#panel-btn .close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}




/*-----　ナビバー　----*/

/* .home .header {
	display: none;
	} */

ul.navbar-nav {
	display: flex !important;
	justify-content: center !important;
	}
.navbar,.navbar-nav,.menu-item,menu-item-type-custom,.menu-item-object-custom {
	font-size:14px !important;
	font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	border:0 !important;
	background:#fff !important;
	shadow: 0 0 0 !important;
	box-shadow: 0 0 0 !important;
	}
.navbar a,.navbar-nav a,.menu-item a,menu-item-type-custom a,.menu-item-object-custom a {
	font-size:14px !important;
	color: #333 !important;
	}
.navbar a:hover {
	color: #444 !important;
	}
.navbar-nav li {
	margin-right: 1.3em !important;
	}
.navbar-nav img {
	height:20px !important;
	transition: 0.4s;
	-webkit-filter: grayscale(1); /* Webkit */
	filter: gray; /* IE6-9 */
	filter: grayscale(1); /* W3C */
	}
.navbar-nav img:hover {
	opacity: 0.8;
	transition: 0.4s;
	}
.navbar-inverse .navbar-nav ul.sub-menu {
	background: #fff;
	width: 170px;
	margin-left: -0.85em !important;
	padding-bottom: 0.1em !important;
	box-shadow: 0 0 0 !important;
	}
.navbar-inverse .navbar-nav ul.sub-menu li {
	margin: 2px 0 !important;
	padding: 0.5em 1em !important;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif !important;
	font-weight: normal !important;
	border-bottom: 1px solid #eee !important ;
	}
.navbar-inverse .navbar-nav ul.sub-menu li:last-child {
	border-bottom: 0px !important ;
	}
.sub-menu li a {
	font-size: 14px !important;
	line-height: 180% !important;
	color: #444 !important;
	}



.nav .has_children > a:after{
	content: none !important;
	font-family: FontAwesome;
	margin: 0 0 0 6px;
	color: inherit;
	}
.nav .sub-menu .has_children > a:after{
	content: none !important;
	}



.navbar-brand {
	height: 75px;
	}
@media screen and (max-width: 420px) {
	.navbar-brand {
		height: 75px !important;
		margin-left: 15px !important;
		}
	}


/*-----　初期設定　----*/

.no-pc {display:none;}
@media screen and (max-width: 420px) {
	.no-pc {display:block;}
	.no-sp {display:none;}
	}
@media print{
	.container { width:100% !important; }
	}

@media screen and (max-width: 1000px) {
	.container {
		padding: 0px 40px ;
		}
	}
@media screen and (max-width: 380px) {
	.container {
		padding: 0px 20px ;
		}
	}


body {
	
	}

a {
	color: #009b9f !important;
	}
a:hover {
	color: #25b7c0 !important;
	}

p.x-large {
	font-size: 55px;
	}
p.large {
	font-size: 38px;
	}
p.middle {
	font-size: 20px;
	}
p.small {
	font-size: 13px;
	}
p.x-small {
	font-size: 11px;
	}

p.center {
	text-align: center;
	}

.left {
	float: left;
	width: 50%;
	margin: 15px 0;
	}
.right {
	float: right;
	width: 50%;
	margin: 15px 0;
	}
.width70 {
	width:70%;
	margin:0 auto;
}

@media screen and (max-width: 1000px) {
	.left {
		float: none;
		width: 100%;
		}
	.right {
		float: none;
		width: 100%;
		}
	p.x-large {
		font-size: 27px;
		}
	p.large {
		font-size: 21px;
		}
	p.middle {
		font-size: 18px;
		}
	.width70 {
		width:100%;
		}
	}

section.focus { display:none; }

/*-----　サイドバー　----*/

.sidebar-wrap {

	}

/*-----　見出しの線を消す　----*/

.entry-title:before,.widget-title:before {
	position: absolute;
	margin: auto;
	z-index: 1;
	content: "";
	width: 100%;
	height: 0px !important;
	background: #fff !important;
	bottom: -9px;
	left: 0;
	}
.entry-title:after,.widget-title:after {
	position: absolute;
	margin: auto;
	z-index: 1;
	content: "";
	width: 0%;
	height: 0px;
	background: #fff !important;
	bottom: -9px;
	left: 0%;
	}

.page-title:before {
	position: absolute;
	margin: auto;
	z-index: 1;
	content: "";
	width: 0%;
	height: 0px;
	background: #fff !important;
	bottom: -9px;
	left: 0%;
	}

.single-post .entry-footer {
	display: none ;
	}
.single-post .post-navigation {
	display: none ;
	}


/* フッター */

#footer {
	clear: both;
	margin: 40px 0 0 ;
	padding: 40px auto 50px ;
	background: #fff !important;
	color: #888 !important;
	font-size: 11px !important;
	font-family:"Shin Maru Go Medium", 'ソフトゴシック M', "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	}
p.cr {
	font-size: 8px;
	}

/* 問い合わせエラーメッセージ */

.wpcf7 .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
    .wpcf7 .wpcf7-validation-errors {
        color: #B94A48;
        background-color: #F2DEDE;
        border: 1px solid #EED3D7;
    }
    .wpcf7 .wpcf7-mail-sent-ok {
        color: #3A87AD;
        background-color: #D9EDF7;
        border: 1px solid #BCE8F1;
    }