@charset "utf-8";
/*
Theme Name: 日本共産党議員パッケージ_C（青）
Theme URI: http://www.tkp.co.jp/
Description: 日本共産党議員パッケージ_B-blue　TKP_BASEの子テーマVer.
Author: （株）東海共同印刷
Version: 1.4
Template: tkp_base
*/

@import url("../tkp_base/css/style-default.css");
@import url("../tkp_base/css/style-set.css");
img {
	height: auto;
}

#hpanel {
	margin-top: 2px;
}
#side .bnr {
	margin-bottom: 1px;
}
#side .profile,
#side .outside {
	margin-bottom: 1em;
}
#side .outside {
	margin-top: 1em;
}
#side .widget h3 {
	margin-bottom: 0;
}
.home h2.page-title {
	padding: 0;
	margin: 0;
	border: none;
	background-image: url(images/bg-h2-topics.png);
	background-position: right top;
	background-repeat: no-repeat;
}
#mainimg {
	margin-top: 0;
}

#monthlist {
	margin-right: 20px;
}

body {
	padding: 0 10px;
	background-color: #F6F6F6;
}
#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 {
	background-image: url(images/arrow.gif);
}
#content .widget li {
	background-image: none;
}

#m_menu .title {
	background-color: #039; /* 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;
}
#footer .search_mdl {
	text-align: center;
	margin: 8px 0;
}
#footer,
#copy {
	text-align: left;
	margin: 0;
	padding: 8px 8px 12px;
}
/*#side div { padding: 0 8px; }*/

.entry-content {
	padding: 10px;
}
.top-info .entry-content {
	border: 1px solid #DDD;
}
#side .entry-content {
	padding: 0;
}
.entrylist .entry-content {
	padding-bottom: 0;
}
.freespacebox {
	background-color: #FFD;
	padding: 1.2em;
	margin-bottom: 1.5em;
}
.page-title,
.widget-title,
.widget .entry-title,
.home .top-info h2 {
	background-image: url(images/bg-h1.png);
	background-repeat: no-repeat;
}
/*
#side .sidebar-3 {
	margin-top: 15px;
}
*/
.link {
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
}
.catlink {
	background-color: #FFD;
}
.entry-date {
	background-color: #ECECEC;
}

.entrylist {
	margin-top: -5px;
	padding: 8px;
}
.home .entrylist {
	border: 1px solid #E7E7E7;
	border-width: 0 1px 1px;
}

.entrylist .entry-title {
	font-size: 1.2rem;
}
.entrylist .post {
	padding: 0 8px;
}
.entrylist .link {
	margin: 0 -8px 6px;
	padding-left: 16px;
}
.search .entrylist .link a {
    margin-left: 2em;
}
.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;
}

.page #content .links li h3 {
	background-color: #EFEFAA;
}
/* for ai1ec setting */
.home .top-info .ai1ec-agenda-widget-view {
	margin: 12px;
}
table.akahata,
table.akahata td {
	border: none;
}
ul.akahata {
	margin: 0 0 2em 0;
	padding: 1em;
	border: 1px solid #666666;
}
ul.akahata li {
	margin-left: 1.1em;
}



@media only screen and (min-width: 480px) {  /* 幅480px以上のスクリーンに対するスタイル */
.home #monthlist {
	margin-top: -22px;
}
}


@media only screen and (min-width: 768px) {  /* 幅768px以上のスクリーンに対するスタイル */
#header #sitetitle img {
	margin-top: 0;
}
#f-wrap {
	background-color: #DFDFDF;
}

/* 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: 100%;
	margin-left: -270px;
	float: right;
}
#side {
	width: 240px;
	float: left;
	text-align: center;
}
#content {
	margin-left: 250px;
	margin-right: 10px;
}
#side p {
	text-align: center;
}
#footer {
	text-align:center;
	padding: 0;
}
#footer .search_mdl {
	display: none;
}
#copy {
	text-align: center;
}
.pagetop {
	margin-right: 20px;
}

}


@media only screen and (min-width: 960px) {  /* 幅960px以上のスクリーンに対するスタイル */
html {
	background-color: #65AFF9;
	color: #333;
	background-image: url(images/bg-html.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
body {
	background-color: transparent;
	background-image: url(images/bg-body.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#wrap {
	-webkit-box-shadow: #666 0px 0px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px;
	position: relative;
/*	behavior: url(/jcp/css/pie.htc);*/
}

.for_m,
#m_menu {
	display: none;
}
#wrap {
	width: 960px;
}
/* header */
#header .search_mdl {
	clear: right;
	float: right;
	margin-left: 8px;
	padding-right: 8px;
}
#fsizemdl {
	display: block;
	width: 202px;
	margin-left: 10px;
	background-color: #D6D6D6;
	border-color: #D6D6D6;
	background-image: url(images/fsizemdl/bg-f-size-mdl.png);
	background-position: 3px 3px;
	background-repeat: no-repeat;
}
#fsizemdl img {
	margin-right: 3px;
}
#gnav,
.monthnav {
	display: block;
}
#fnav {
	text-align: center !important;
	margin: 0 auto;
}
#container {
}
#content {
	padding-left: 10px;
}
#side {
}
/* サイト固有の内容｜ここから */
#gnav {
	height: 44px;
	background-color: #FFF;
	background-image: url(images/gnav.png);
	background-position: 0 -46px;
}
#gnav li a {
/*	width: 240px; *//* menu-4 */
/*	width: 192px; *//* menu-5 */
/*	width: 160px; *//* menu-6 */
/*	width: 137px; *//* + どこかに1px menu-7 */
	padding: 15px 0;
}
#gnav li.mainnav5_1 > a {
	background-image: url(images/gnav.png);
	background-position: 0 0;
	width: 162px;
}
#gnav li.mainnav5_1 > a:hover {
	background-position: 0 -46px;
}
#gnav li.mainnav5_2 > a {
	background-image: url(images/gnav.png);
	background-position: -162px 0;
	width: 242px;
}
#gnav li.mainnav5_2 > a:hover {
	background-position: -162px -46px;
}
#gnav li.mainnav5_3 > a {
	background-image: url(images/gnav.png);
	background-position: -404px 0;
	width: 172px;
}
#gnav li.mainnav5_3 > a:hover {
	background-position: -404px -46px;
}
#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 -46px;
}
#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 -46px;
}
#gnav li li a {
	width: 210px;
	padding: 0.75em;
}
#gnav ul ul {
	top: 49px;
}
#gnav ul ul a {
	background: none repeat scroll 0 0 #F7F4F0;
}
#gnav ul ul a:hover {
	background: #f1f1f1;
	color:#0a89cc;
}
/* サイト固有の内容｜ここまで */


}