@charset "UTF-8";
/*
Theme Name: 地域労連パッケージＡ
Theme URI: http://www.tkp.co.jp/
Description: 地域労連様用パッケージパターンＡ for TKP_BASE_1.4
Author: （株）東海共同印刷
Template: tkp_base
Version: 1.0
*/


@import url("../tkp_base/css/style-default.css");
@import url("../tkp_base/css/style-set.css");


body {
	padding: 0 10px;
	background-color: #F6F6F6;
}
form {
	background-color: transparent;
}
#wrap {
	width: 100%;
}

#hpanel,
#hnav,
#gnav {
	display: none;
}
#header #sitetitle img {
	width: 100%;
	max-width: 520px;
}

#mainimg img {
	width: 100%;
}

.nav {
	background-color: #F7F4F0;
}
.nav ul {
	list-style-type: none;
}
.nav li {
	padding: 5px 5px 5px 28px;
	line-height: 25px;
	background-position: left center;
	background-repeat: no-repeat;
}
.nav li,
.widget li {
}
#content .widget li {
	background-image: none;
}

#m_menu .title {
	background-color: #333; /* base:#630 orange:#333 green:#360 blue:#039 */
	background-image: url(../tkp_base/images/menuicon/icon_menu_open.png);
	color: #FFF;
	display: block;
	outline: none;
}
#m_menu .title::-webkit-details-marker {
  display: none;
}
#m_menu ul {
	animation: fadeIn 0.5s ease;
}
@keyframes fadeIn {
  0% {
    opacity: 0; /* 透明 */
    transform: translateY(-10px); /* 上から表示 */
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
#m_menu li {
	background: #F7F4F0;
	color: #000;
}
#fnav ul {
	margin: 0 12px;
}
#fnav li {
	margin: 7px 0;
	padding: 0 18px 0 0;
}
#fnav li a:before {
    font-family: dashicons;
    content: "\f139";
    border-radius: 3px;
    margin-right: 5px;
    font-size: 80%;
    background-color: #633;
    color: white;
}
#footer .search_mdl {
	text-align: center;
	margin: 8px 0;
}
#footer,
#copy {
	text-align: left;
	padding: 0 8px;
}

#content {
	background-color: transparent;
}
.entry-content {
	padding: 1rem 1.2rem;
}
.top-info .entry-content {
	border: 1px solid #DDD;
}
#side .entry-content {
	padding: 0;
}
.entrylist .entry-content {
	padding-top: 0;
	padding-bottom: 0;
}

.page-title,
.widget-title,
.widget .entry-title,
.home .top-info h2 {
	background-image: url(images/bg-side-wid-h3.png);
	background-repeat: no-repeat;
}

.link {
}
.link:before {
    font-family: dashicons;
    content: "\f139";
    border-radius: 3px;
    margin-right: 5px;
    font-size: 80%;
    background-color: #633;
    color: white;
}
.catlink {
	background-color: #FFD;
}
.entry-date {
	background-color: #ECECEC;
}

.entrylist {
	border: 1px solid #DDD;
	border-width: 0 1px 1px;
	padding: 8px;
}
.entrylist .entry-title {
	font-size: 1.2rem;
}
.entrylist .post {
	padding: 0 8px;
}
.entrylist .link {
	margin: 0 -8px 6px;

}

.blog_type .post {
	border-bottom: 1px dashed #666666;
	padding-bottom: 12px;
	margin-bottom: 12px;
}
.blog_type .link {
	background-image: none;
}
.blog_type .entry-date {
	display: block;
	text-align: right;
	background-color: transparent;
}
.blog_type .entry-title {
	font-size: 130%;
	font-weight: bold;
}
.blog_type .link {
	padding-left: 0;
}

.single .entry-content img {
	max-width: 100%;
}
.alignleft,
img.alignleft,
.alignright,
img.alignright {
	display: block;
	float: none;
}

.links #content h3 {
	background-color: #EFEFAA;
}
/* for ai1ec setting */
.home .top-info .ai1ec-agenda-widget-view {
	margin: 12px;
}

/* ----- */
body {
	background-image: url(images/bg-wrap.png);
	background-position: 0 0;
	background-repeat: repeat;
}
#wrap {
	background-color: transparent;
}
.search_mdl,
.search_mdl form,
.entry-content form {
	background-color: transparent;
}
.page-title,
.widget-title,
.widget .entry-title,
.home .top-info h2 {
	background-image: url(images/bg-h1.png);
	margin-left: -4px;
	padding: 10px 4px 10px 14px;
	border: none;
	color: #630;
}

/* nav */
.nav {
	background-color: transparent;
}
#menu li li {
	background: #F7F4F0;
	color: #000;
}
#mainimg {
	border: 5px solid #B7B7A4;
	-moz-box-shadow: 0 8px 6px #CCC;
	-webkit-box-shadow: 0 8px 6px #CCC;
	box-shadow: 0 8px 6px #CCC;
	margin-bottom: 14px;
}
#mainimg img {
	vertical-align: bottom;
}

#side .sidebar-3 {
	margin-top: 15px;
}

#side .widget h3 {
	color: #630;
	background-image: url(images/bg-side-h2.png);
	background-position: left bottom;
	background-repeat: repeat;
	padding-top: 6px;
	margin-left: 0;
}

#labor_soudan {
	width: 265px;
	background-image: url(images/bg-soudan.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-bottom: 1.5em;
}
#labor_soudan h3,
#labor_soudan p {
	margin: 0;
	padding: 0;
	border: none;
}

#footer-container {
	background-color: #E9DBB8;
	margin-left: -10px;
	margin-right: -10px;
/*	-moz-box-shadow: 0 -3px 6px #A97;
	-webkit-box-shadow: 0 -3px 6px #A97;
	box-shadow: 0 -3px 6px #A97;*/
}
#footer .search_mdl {
/*	padding: 0 8px;*/
}
address {
/*	color: #F99;
	background-image: url(images/bg-footer-btm.png);
	background-position: left top;
	background-repeat: repeat-x;
	-moz-box-shadow: 0 -3px 6px #A97;
	-webkit-box-shadow: 0 -3px 6px #A97;
	box-shadow: 0 -3px 6px #A97;*/
	background-color: #663300;
	color: white;
}
#footer address {
	padding: 8px;
	margin-right: -4px;
	margin-left: -4px;
}
#copy {
	margin-bottom: 0;
	padding-left: 6px;
	padding-right: 6px;
}
.newsbox {
	border: 1px solid #363;
	background-color: #FFF;
}
/*
.single h1 {
	background: none;
	border-bottom: 5px solid #5C3739;
	border-top: 1px solid #CCCCCC;
}
*/


@media print, screen and (min-width: 480px) {  /* 幅480px以上のスクリーンに対するスタイル */
/*
#fnav { width: 48%; float: right; text-align: left; background-color: #FFF; display: block; height: auto; }
#fnav li { display: list-item; clear: both; float: none; margin: 4px 0; }
#footer { width: 49%; float: left; clear: none; text-align: left; padding: 0; }
#footer address { margin-top: 0; }
#copy { text-align: center; padding-top: 1.5em; }
*/
}

@media print, screen and (min-width: 768px) {  /* 幅768px以上のスクリーンに対するスタイル */
/* header */
#hpanel/*,
#hnav*/ {
	display: block;
}
#fsizemdl {
	display: none;
}
.nav {
	text-align: center;
	height: 25px;
}
.nav ul {
	list-style-type: none;
}
.nav li {
	display: inline;
	margin: 5px 13px;
	padding: 0 0 0 15px;
	line-height: 25px;
	background-position: left center;
	background-repeat: no-repeat;
}
#hnav {
	height: auto;
}
#fnav {
	text-align: left;
	height: auto;
}
#fnav li {
	border-right: 1px solid #867046;
	margin: 5px 0;
	padding: 0 18px;
	background-image: none;
}
#fnav li:first-child {
	border-left: 1px solid #867046;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
}
.nav-previous {
	float: left;
	width: 46%;
	text-align: right;
}
.nav-next {
	float: right;
	width: 46%;
	text-align: left;
}


#container {
	width: 70%;
	float: left;
}
#side {
	width: 29%;
	min-width: 210px;
	float: right;
	text-align: center;
}
#content {
	margin-right: 20px;
}
#side p {
	text-align: center;
}
#footer {
	text-align:center;
	padding: 0;
}
#footer .search_mdl {
	display: none;
}
#copy {
	text-align: center;
}
.pagetop {
	margin-right: 20px;
}


#header #sitetitle {
	margin-left: 0;
}
#header #sitetitle img {
	width: auto;
	max-width: 520px;
}
#hpanel {
	display: block;
	width: 360px;
}
/*#hnav { display: block; width: 360px; }*/
#fsizemdl {
	display: none;
}
.search_mdl {
	float: right;
	margin-right: 0;
	clear: right;
}
.search_mdl input {
	/display: none;
}
.nav {
	text-align: center;
	height: 25px;
}
.nav ul {
	list-style-type: none;
}
.nav li {
	display: inline;
	margin: 5px 13px;
	padding: 0 0 0 15px;
	line-height: 25px;
	background-position: left center;
	background-repeat: no-repeat;
}
#fnav {
	padding-top: 12px;
}
#footer address,
#copy {
	text-align: center;
}
#container {
	width: 100%;
	float: right;
	margin-left: -285px;
}
#content {
	margin-left: 285px;
}
#side {
	float: left;
	text-align: center;
	width: 265px;
}
#side p {
	text-align: center;
}
#side .bnr a img {
	-moz-box-shadow: 0 1px 1px #CCA;
	-webkit-box-shadow: 0 1px 1px #CCA;
	box-shadow: 0 1px 1px #CCA;
}



}

@media print, screen and (min-width: 960px) {  /* 幅960px以上のスクリーンに対するスタイル */
.for_m,
#menu {
	display: none;
}
body {
	padding: 0;
}
#wrap {
	width: 960px;
}
#container {
	width: 675px;
	margin-left: 0;
}
#content {
	margin: 0;
}
/* header */
#footer-container {
	margin-left: 0;
	margin-right: 0;
}
#fsizemdl {
	display: block;
	background-image: url(images/bg-f-size-mdl.png);
	float: right;
}
#hnav {
	width: 650px;
}
#gnav {
	display: block;
}
#fnav {
	text-align: center;
	margin: 0 auto;
}
/* サイト固有の内容｜ここから */

#body-container {
	background-image: url(images/bg-body.png);
	background-position: left 83px;
	/background-position: 0 93px;
	background-repeat: repeat-x;
}
#gnav {
	height: 63px;
	background-color: #FFF;
	background-image: url(images/gnav.png);
	background-position: 0 -70px;
}
#gnav li a {
	padding: 25px 0;
}
#gnav li.current-menu-item > a {
	-ms-filter: "alpha( opacity=40 )";
	filter: Alpha(opacity=40);
	opacity: 0.4;
}

#gnav li.mainnav5_1 > a {
	background-image: url(images/gnav.png);
	background-position: 0 0;
	width: 192px;
}
#gnav li.mainnav5_1 > a:hover {
	background-position: 0 -70px;
}
#gnav li.mainnav5_2 > a {
	background-image: url(images/gnav.png);
	background-position: -192px 0;
	width: 192px;
}
#gnav li.mainnav5_2 > a:hover {
	background-position: -192px -70px;
}
#gnav li.mainnav5_3 > a {
	background-image: url(images/gnav.png);
	background-position: -384px 0;
	width: 192px;
}
#gnav li.mainnav5_3 > a:hover {
	background-position: -384px -70px;
}
#gnav li.mainnav5_4 > a {
	background-image: url(images/gnav.png);
	background-position: -576px 0;
	width: 192px;
}
#gnav li.mainnav5_4 > a:hover {
	background-position: -576px -70px;
}
#gnav li.mainnav5_5 > a {
	background-image: url(images/gnav.png);
	background-position: -768px 0;
	width: 192px;
}
#gnav li.mainnav5_5 > a:hover {
	background-position: -768px -70px;
}
#gnav li li a {
	width: 210px;
	padding: 0.75em;
}
#menu-main_nav ul {
	top: 49px;
}
#menu-main_nav ul a {
	background: none repeat scroll 0 0 #F7F4F0;
}
#menu-main_nav ul a.hover {
	background: #f1f1f1;
	color:#0a89cc;
}
/* サイト固有の内容｜ここまで */


}