@charset "utf-8";

/*
Theme Name: MCP Temp
*/

/* Reset CSS
------------------------
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Clearfix
------------------------ */
.clearfix:after,
.row:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix, 
* html .row { zoom: 1; } /* IE6 */
*:first-child+html .clearfix,
*:first-child+html .row { zoom: 1; } /* IE7 */

/* Common
------------------------ */
hr {
	border:none;
	border-top:1px solid #fff;
	border-bottom:1px solid #d5d5d5;
	margin-bottom:20px;
}
img {
	max-width:100%;
	height:auto;
	font-size:0;
	line-height:0;
	vertical-align:top;
}
.aligncenter {
	display:block;
	margin:0 auto;
	text-align:center;
}
a, a:hover {
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}
a img:hover {
	filter: alpha(opacity=8);
	-moz-opacity:0.8;
	opacity:0.8;
}
strong {
font-weight:bold;
}




/* Layout
------------------------ */
body, input, textarea, button {
	color:#333;
	font:15px/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	background:#f5f5f5;
}
.wrapper {
	width:998px;
	margin:0 auto;
	position:relative;
}
#header, #footer {
	width:100%;
}



/* ** Header ** */
#header {
	line-height:60px;
	position:relative;
	background:#57d0ef;
}
#header a {
	color:#1a1a1a;
	text-decoration:none;
}
.site-title {
	float:left;
}




/* ** Navigation ** */
#nav {
	float:left;
}
#nav li {
	float:left;
	text-align:center;
	margin-left:15px;
}
.site-title a,
#nav li a {
	font-weight:bold;
	display:block;
	padding:0 15px;
}
.site-title a:hover,
#nav li a:hover {
	background:#fff;
}

.balloon-2-left {
	position: relative;
	display: inline-block;
	padding: 0 5px;
	width: auto;
	height: 24px;
	color: #F2272B;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	background: #fff;
	z-index: 0;
	font-size: 80% !important;
	border-radius: 1px;
	margin-left:10px;
}
.balloon-2-left:after {
	content: "";
	position: absolute;
	top: 50%; left: -5px;
	margin-top: -5px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 5px 5px 0;
	border-color: transparent #fff transparent transparent;
}


/* ** Eye Catch ** */
#topic_path_container {
	background:#fff;
	padding:30px 0;
	text-align:center;
}
#topic_path {
	background:#fff url(images/scroll_bg.jpg) repeat-x center center;
	background-size:cover;
	position:relative;
	z-index:1;
	height:400px;
}


#main-singlecolumn h2 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:1.5em;
}
#main-singlecolumn h3 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:1.5em;
}


/* Layout
------------------------ */

#main-inner, #side, #banner, #main-singlecolumn {
	padding-top:30px;
	padding-bottom:30px;
}
#main {
	float:right;
	width:100%;
	margin-left:-250px;
}
#main-inner {
	margin-left:280px;
	padding-bottom:0;
}
#side {
	width:250px;
	float:left;
}

#field {
	float:left;
	width:788px;
}
#banner {
	float:right;
	width:180px;
}

/* row / box
------------------------ */
.row > .box {
	float:left;
	margin-right:2%;
}
.row > .box:last-child {
	margin-right:0;
}
.row_2 > .box {
	width:48%;
}
.row_3 > .box {
	width:32%;
}
.row_4 > .box {
	width:23.5%;
}

.article-body p,
.article-body table,
.article-body ul,
.article-body ol,
.article-body dl {
	margin-bottom:1.5em;
}
.article-body table {
	width:100%;
}
.article-body table th,
.article-body table td {
	border:1px solid #eee;
	padding:1%;
}
.article-body th {
	font-weight:bold;
}
.article-body ul {
	margin-left:3em;
	list-style-type:disc;
}
.article-body ol {
	margin-left:3em;
	list-style-type:decimal;
}
.article-body dt {
	font-weight:bold;
}
.article-body blockquote {
	border:1px solid #eee;
	padding:3em 3em 1.5em;
	font-size:87.5%;
	position:relative;
}
.article-body blockquote:after {
	position:absolute;
	bottom:-5px;
	left:0;
	content:"";
	width:99.2%;
	margin:0 0.4%;
	border-bottom:4px solid #f9f9f9;
}
.article-body img,
.article-body blockquote {
	margin-bottom:25px;
}
img.aligncenter {
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	display:block;
}
img.alignleft {
	float:left;
	margin-right:2%;
	margin-bottom:0;
}
img.alignright {
	float:right;
	margin-left:2%;
	margin-bottom:0;
}

/* Article
------------------------ */
.thumbnail {
	margin:-40px -40px 40px;
}
.article {
	padding:40px;
	margin-bottom:40px;
	background:#fff;
	border-radius:5px;
	overflow:hidden;
}
.excerpt {
	border-bottom:1px solid #eee;
	margin-bottom:-1px;
}
.date, .user {
	float:left;
	line-height:28px;
}
.user {
	float:right;
}
.cat {
	float:left;
	line-height:26px;
	position:relative;
	margin-left:15px;
	top:-2px;
}
.cat a,
#pager a,
.edit-link a {
	display:inline-block;
	border-radius:100px;
	border:2px solid #eee;
	padding:0 15px;
	color:#444;
	text-decoration:none;
}
.cat a:hover,
#pager a:hover,
.edit-link a:hover {
	background:#1a1a1a;
	color:#fff;
	border:2px solid #1a1a1a;
}
.edit-link {
	margin-bottom:20px;
}

.post-wrapper {
	background:#fff;
	border-top:1px solid #eee;
}
.post-wrapper:first-child {
	border-top:none;
}
.post {}
.post-link {
	display:block;
	padding:40px;
	color:#333;
}
.home .post-link {
	padding:20px;
}
.post-link:hover {
	background:#f5f5f5;
}
.post-thumbnail {
	width:34%;
	float:left;
	position:relative;
}
.post-meta {
	margin-left:4%;
	width:62%;
	float:left;
}
p.data, p.term {
	float:left;
	margin-right:1em;
	line-height:44px;
}
p.term {
	float:right;
}
.blog-post  .post-meta {
	padding-top:10px;
}

.article p.user {
	float:left;
	margin-left:15px;
}
.user-avatar {
	position:absolute;
	top:10px;
	left:10px;
}
.user-avatar img {
	display:inline-block;
	margin-right:10px;
	border-radius:50px;
	overflow:hidden;
	border:2px solid #eee;
	padding:2px;
	background:#fff;
}



.title {
	font-size:24px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:15px;
}
.post-meta .title {
	margin-top:15px;
	margin-bottom:0;
}
.home .post-meta .title {
	font-size:18px;
}

.tags {
	color:#999;
	font-size:87.5%;
}
.tags:before {
	content:"タグ：";
}
.tags a {
	color:#999;
}
.tags a:hover {
	text-decoration:none;
}
.tags li {
	display:inline-block;
	margin-right:0.75em;
}
.article-body {
	padding-top:40px;
}
.next_article_link {padding:3em 0 0 0;}
.prev_article_link {margin:0;}

.article-content-wrapper {
	border-top:1px solid #eee;
	padding:40px;
}

/* ページャー */
#pager {
	padding:20px 40px;
}
/* ページャーの設定はアーティクルのカテゴリーのところにもあるよ */
#pager a {
	padding-top:5px;
	padding-bottom:5px;
}
#pager .prev {
	float:left;
}
#pager .next {
	float:right;
}

/* home */
.post-area {
	border-radius:5px;
	margin-bottom:30px;
	overflow:hidden;
}
.post-area-header {
	background:#57d0ef;
	padding:10px 20px;
	position:relative;
	margin-bottom:-1px;
}
.post-area-header-title {
	font-weight:bold;
}
.post-area-header-link {
	position:absolute;
	top:0;
	right:0;
}
.post-area-header-link a {
	display:block;
	padding:10px 20px;
	color:#333;
	text-decoration:none;
}
.post-area-header-link a:hover {
	background:#fff;
	color:#57d0ef;
}

/* wp-pagenavi */
.wp-pagenavi {
	border-top:1px solid #eee;
	padding:30px 0;
	background:#fff;
	border-radius:0 0 5px 5px;
}
.wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .current,
.sub-header p a {
  display:inline-block;
  border:1px solid #eee;
  padding:0 15px;
  background:#fff;
  text-decoration:none;
  font-weight:bold;
  color:#333;
}
.wp-pagenavi .page:hover,
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .first:hover,
.wp-pagenavi .last:hover,
.sub-header p a:hover {
  color:#fff;
  background:#57d0ef;
  border-color:#57d0ef;
}
.wp-pagenavi {
  text-align:center;
  margin-bottom:30px;
}
.wp-pagenavi .pages {
  display:none;
}
.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .first,
.wp-pagenavi .last {min-width:28px; height:28px; line-height:28px; padding:6px; margin:0 5px;}
.wp-pagenavi .extend {border:none; padding:0;}


/* Widget
------------------------ */
.widget {
	margin-bottom:30px
}
.widget-title {
	font-weight:bold;
	margin-bottom:1em;
}


.list-thumbnail {
	width:20%;
}
.banner li {
	margin-bottom:5px;
}
#sponsor_banners_header {
	font-size:11px;
	text-align:center;
	background:#eee;
	padding:5px;
	margin-bottom:5px;
}

/* Side Category List */
#side .post-area-header {
	border-radius:5px 5px 0 0;
}
.side-category-list {
	border-radius:0 0 5px 5px;
	background:#fff;
	margin-bottom:30px;
	overflow: hidden;
}
.side-category-list li {
	border-top:1px solid #f5f5f5;
}
.side-category-list li a {
	display:block;
	padding:10px 20px;
	text-decoration:none;
	color:#666;
}
.side-category-list li a:hover {
	background:#f5f5f5;
}


/* Footer
------------------------ */
#footer {
	background:#333;
	color:#f5f5f5;
	padding-bottom:40px;
	line-height:2;
}
#footer a {
	color:#f5f5f5;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
#to-top {
	border-top:1px solid #eee;
	background:#fff;
	text-align:center;
	margin-bottom:20px;
	line-height:1;
}
#to-top a {
	display:block;
	padding:10px;
	color:#333;
	font-weight:bold;
	text-decoration:none;
}
#to-top a:hover {
	background:#57d0ef;
	text-decoration:none;
}
#footer-nav ul {
	margin-right:40px;
	list-style:square inside;
	float:left;
}
#copyright {
	float:right;
}


/* コメント
------------------------ */
h3#comments,
#respond h3 {
	font-weight:bold;
	margin-bottom:40px;
}

.commentlist {
	padding-bottom:25px;
	list-style:none;
}
.commentlist li {
	padding-bottom:15px;
	border-bottom:1px solid #eee;
	margin-bottom:15px;
}
.comment-author {
	line-height:16px;
}
.comment-author em {
	margin-left:1em;
	color:#FF0004;
}
.fn {
	font-style:normal;
	font-weight:bold;
}
.comment-meta,
.reply {
	padding-top:3px;
	font-size:87.5%;
}
.reply {
	margin-bottom:0;
}
.comment-meta {
	margin-bottom:15px;
	color:#777;
}
.reply {
	margin-top:15px;
}
.comment-meta a,
.reply a {
	text-decoration:none;
	color:#777;
}
.comment-meta:hover {
	text-decoration:none;
	color:#aaa;
}
.comment-edit-link:hover,
.reply a:hover {
	text-decoration:underline;
}
#commentform label {
	display:block;
	margin-bottom:10px;
}
#commentform input[type="text"],
#commentform textarea {
	border:1px solid #eee;
	padding:5px;
	margin-bottom:20px;
}
#commentform textarea {
	max-width:90%;
}


/* カウントダウン */

.cd_wrap {
	width: 497px;
	margin: 0 auto;
	position: relative;
}
#cd {
	height: 64px;
	position: absolute;
	right: 47px;
	bottom:22px;
}
#cd span {
	width:58px;
	height: 64px;
	display: inline-block;
	background: url(/wp-content/uploads/2017/01/cd_num.png) no-repeat;
}
#cd .d010 {
	position: relative;
	left:12px;
}
#cd .d100 {
	position: relative;
	left: 24px;
}
#cd span.image0 {
	background-position: center 0px;
}
#cd span.image1 {
	background-position: center -64px;
}
#cd span.image2 {
	background-position: center -128px;
}
#cd span.image3 {
	background-position: center -192px;
}
#cd span.image4 {
	background-position: center -256px;
}
#cd span.image5 {
	background-position: center -320px;
}
#cd span.image6 {
	background-position: center -384px;
}
#cd span.image7 {
	background-position: center -448px;
}
#cd span.image8 {
	background-position: center -512px;
}
#cd span.image9 {
	background-position: center -576px;
}

dl.cfm-gaiyo {
	padding:20px 0;
	margin:0;
	border-bottom:1px dotted #ddd;
}
dl.cfm-gaiyo dt {
	width:8em;
	float:left;
	margin:0;
	padding:0 2em 0 0;
}
dl.cfm-gaiyo img {
	margin-top:15px;
}
dl.cfm-gaiyo dd {
	overflow:hidden;
	margin:0;
	padding:0;
}