/*
Theme Name: 乗りものニュース2015 PC
Theme URI: http://trafficnews.jp/
Description: PC, iPad, Android Tablet向けテンプレート
Version: 1.0
*/

@charset "UTF-8";

/* Web Font */
@font-face {
  font-family: "mplus2clightjoyo";
  src: url("common/fonts/mplus-2c-light-joyo.eot?") format('eot'),
       url("common/fonts/mplus-2c-light-joyo.woff") format('woff');
  src: url('common/fonts/mplus-2c-light-joyo.ttf') format("truetype")\9;
}
@font-face {
  font-family: "migu1cregularjoyo";
  src: url("common/fonts/migu-1c-regular-joyo.eot?") format('eot'),
       url("common/fonts/migu-1c-regular-joyo.woff") format('woff');
  src: url('common/fonts/migu-1c-regular-joyo.ttf') format("truetype")\9;
}

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

article, aside, figure, footer, header, hgroup, nav, section, details, summary {display: block;}

/* force a vertical scrollbar to prevent a jumpy page */
/* html {overflow-y: scroll;} */

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }




/* Product Style
-------------------------------------------------------------------------------*/

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.chromeframe {position: absolute; top: 0;}
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

/* 選択時の色 */
::-moz-selection{background: #333; color: #fff; text-shadow: none;}
::selection {background: #333; color: #fff; text-shadow: none;}
input::selection,textarea::selection {color: #000;}

body {
	font-size: 14px;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, Verdana, sans-serif;
	background: #efefef;
}
input {
	font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, Verdana, sans-serif;
}
body, select, input, textarea {color: #333;}

a {color: #000;}
a:hover {color: #999;}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/* タップ時の色 */
a:link {-webkit-tap-highlight-color: rgba(255,255,255,0.5);}

.disabled {
	opacity: 0.3;
	-webkit-filter: grayscale(100%); /* モノトーンに変換 webkit */
	-moz-filter: grayscale(100%); /* モノトーンに変換 Firefox */
	filter: grayscale(100%); /* モノトーンに変換 CSS3 */
	filter: progid:DXImageTransform.Microsoft.BasicImage(Opacity=0.3, GrayScale=1); /* モノトーンに変換 IE5.5以降用 */
}

.center {
	text-align: center;
}
.bt,
input[type=submit],
input[type=button] {
	display: inline-block;
	margin: 2em 10px;
	padding: 10px 20px;
	background: #333;
	color: #fff;
	border: 0 none;
	border-radius: 4px;
	line-height: 1.2;
	font-size: 1.1em;
	text-decoration: none;
	-webkit-appearance: none;
}
input[type=button],
input[name=submitBack] {
	background: #666;
}
.bt:hover,
input[type=submit]:hover,
input[type=button]:hover {
	background: #000;
	color: #fff;
}
.bt-small {
	padding: 5px 20px;
}
.bt-excel {
	background: #063;
}
.bt-firstpage {
	width: 480px;
	margin: 0 auto;
	color: #333;
	background: #fff;
	border: 3px solid #000;
	border-radius: 5px;
	font-size: 1.3em;
	font-weight: bold;
}
.bt-go-theme {
	border: 3px solid #eb7300;
	color: #eb7300;
}
.bt-go-theme:hover {
	background: #eb7300;
	color: #fff;
}
.mw_wp_form table {
	width: 100%;
}
.mw_wp_form th,
.mw_wp_form td {
	display: block;
	padding: 5px;
	vertical-align: top;
	text-align: left;
}
.mw_wp_form input[type=text],
.mw_wp_form input[type=email],
.mw_wp_form textarea {
	width: 97%;
	padding: 3px;
	font-size: 1.1em;
	border: 2px solid #bbb;
	border-radius: 3px;
}
.mw_wp_form_confirm .form-note {
	display: none;
}
.message {
	padding: 15px;
	background: #cee8db;
	color: #063;
	font-weight: bold;
}
.message-confirm {
	display: none;
	color: #630;
	background: #fcec9c;
}
.mw_wp_form_confirm .message-confirm {
	display: block;
}
.box-sample {
	display: inline-table;
}
.box-sample-wrap,
.box-sample > div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background: #ccc url(common/img/box_sample_bg.png) no-repeat 0 0;
	font-family: Oswald;
	font-size: 32px;
	font-weight: 300;
	color: #fff;
	text-shadow: 1px 1px 2px #09c;
	letter-spacing: 3px;	
	line-height: 1.2;
}
a:hover .box-sample {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.text-link {
	width: 570px;
	margin: 0.8em auto;
	text-align: center;
}
.text-link a {
	color: #00c;
}

.title-banner {
	display: table;
	width: 100%;
	background: #000;
}
.title-icon,
.title-text {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.2;
	color: #fff;
}
.title-icon {
	width: 32px;
	background: #D6002B;
	text-align: center;
	font-size: 22px;
	line-height: 1;
}
.title-comment {
	background: #339900;
}
.title-text {
	padding: 6px 8px;
	font-size: 16px;
	letter-spacing: 1px;
}

.thumb-list > li {
	overflow: hidden;
}
.thumb-list .thumbnail {
	display: block;
	width: 60px;
	float: left;
	padding-right: 10px;
	line-height: 0;
	text-align: center;
}
.thumb-list .text {
	display: block;
	overflow: hidden;
}
.thumb-list .date {
	font-size: 0.8em;
	color: #999;
}
.recent {
	display: inline-block;
	margin-left: 3px;
	padding: 2px 3px;
	font-family: Verdana, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	background: #EB8400;
	color: #fff;
	border-radius: 4px;
	line-height: 1;
	vertical-align: middle;
}
.series-list > li {
	overflow: hidden;
}
.series-thumbnail {
	display: block;
	float: left;
	padding-right: 10px;
	line-height: 0;
}
.series-text {
	display: block;
	overflow: hidden;
}
.ad-large-big {
	padding: 25px 0;
	text-align: center;
}
.box-wrap {
	display: table;
	margin: auto;
	overflow: hidden;
	text-align: center;
}
.box-left,
.box-right {
	display: table-cell;
	vertical-align: top;
}
.box-left {
	padding: 0 15px 0 0;
}
/*
.box-left {
	float: left;
}
.box-right {
	float: right;
}
*/



/* Header
-------------------------------------------------------------------------------*/
header {
	border-top: 6px solid #D6002B;
	background: #fff;
}
#logo {
	position: relative;
}
#logo h1 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	margin: 6px 0 0 40px;
}
#logo h1 img {
	width: 128px;
	height: auto;
}
.header-wrapper {
	position: relative;
	width: 1068px;
	margin: 0 auto;
}
.header-list-category {
	padding: 17px 0;
	line-height: 1;
	font-family: migu1cregularjoyo, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, Verdana, sans-serif;
}
.header-list-category a {
	display: inline-block;
	margin-right: 18px;
	padding: 5px 0;
	color: #D6002B;
	text-decoration: none;
	font-size: 22px;
}
.header-list-category a:hover {
	color: #000;
	text-decoration: underline;
}
.header-list-category ul {
	margin-left: 200px;
}
.header-list-category li {
	display: inline-block;
}
.header-list-tag {
	padding: 4px 0;
	background: #888;
	line-height: 1.5;
	font-size: 11px;
}
.header-list-tag span {
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 0 #666;
}
.header-list-tag ul {
	display: inline;
}
.header-list-tag a {
	display: inline-block;
	margin: 2px;
	padding: 3px 5px;
	line-height: 1;
	color: #444;
	text-decoration: none;
	background: #ddd;
	border-radius: 4px;
	box-shadow: 1px 1px 0 #777;
}
.header-list-tag a:before {
	content: "\f02b";
	margin-right: 1px;
	font-family: FontAwesome;
	font-size: 0.95em;
}
.header-list-tag a:hover {
	color: #000;
	background: #fff;
}
.header-list-tag li {
	display: inline-block;
}


.header-search {
	min-height: 66px;
	padding: 17px 0;
	font-family: migu1cregularjoyo, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, Verdana, sans-serif;
	line-height: 1.2;
	text-align: right;
}
.header-search-form,
.header-login-form {
	position: relative;
	display: inline-block;
	margin-left: 30px;
	vertical-align: middle;
}
/*
.header-search-form:after {
	position: absolute;
	top: 6px;
	right: 20px;
	content: '\f002';
	color: #ccc;
	font-size: 18px;
	font-family: FontAwesome;
}
*/
.header-search-text {
	width: 320px;
	height: 32px;
	margin: 0 10px 0 0;
	padding: 3px 5px;
	font-size: 16px;
	font-weight: bold;
	background: #FFFFFF;
	border: 2px solid #B3B3B3;
	box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.10);
	border-radius: 5px;
	vertical-align: middle;
}
.header-search-button {
	height: 32px;
	padding: 0 12px;
	background: #D6002B;
	box-shadow: 0px 0px 0px 5px rgba(214,0,43,.10);
	border: 0 none;
	border-radius: 5px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 32px;
}
.header-nav-global {
	background: #000000;
	font-size: 18px;
	font-family: migu1cregularjoyo, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, Osaka, Verdana, sans-serif;
	line-height: 1.2;
}
.header-nav-global a {
	color: #fff;
	display: inline-block;
	/* padding: 8px 22px; /* 通常設定 */
	padding: 8px 20px; /* まとめ公開時設定 */
	/* padding: 8px 16px; /* 限定公開時設定 */
	text-decoration: none;
	border-right:solid 1px #484849;
}
.header-nav-global a:hover {
	background: rgba(255,255,255,.3);
}
.header-nav-global #header-nav-global-member a {
	color: #ffdcdc;
}
.header-nav-global > nav > ul {
	display: table;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-left: solid 1px #484849;
}
.header-nav-global > nav > ul > li {
	display: table-cell;
}
.header-nav-global ul ul {
	display: none;
}
.header-nav-special {
	display: none;
	padding: 5px 0;
	background: #fff;
	font-size: 14px;
	font-family: migu1cregularjoyo, "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, Osaka, Verdana, sans-serif;
	line-height: 1.2;
	text-align: center;
}
.header-nav-special li {
	display: inline;
}
.header-nav-special a {
	display: inline-block;
	padding: 7px 10px;
	text-decoration: none;
}
.header-nav-global a.special-active {
	position: relative;
}
.header-nav-global a.special-active:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -7px;
	border-style: solid;
	border-width: 0 7.5px 6px 7.5px;
	border-color: transparent transparent #ffffff transparent;
}
.header-entry-button {
	height: 26px;
	margin: 5px 10px 5px;
	padding: 0 12px;
	background: #D6002B;
	box-shadow: 0px 0px 0px 5px rgba(214,0,43,.10);
	border: 0 none;
	border-radius: 5px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 20px;
}
.header-login-button {
	height: 26px;
	margin: 5px 10px 5px;
	padding: 0 10px;
	background: #fff;
	box-shadow: 0px 0px 0px 5px rgba(214,0,43,.10);
	border: 2px solid #D6002B;
	border-radius: 5px;
	color: #D6002B;
	font-size: 13px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 20px;
}
/* ヘッダ テーマ特集リンク */
.header-special-link {
	display: inline-block;
	width: 265px;
	vertical-align: middle;
	text-align: left;
	line-height: 1.4;
}
.header-special-link a {
	position: relative;
	display: inline-block;
}
.header-special-link a:before {
	content: 'テーマ特集';
	position: absolute;
	display: block;
	top: 1px;
	left: -67px;
	padding: 3px 4px 2px;
	background: #c00;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	line-height: 1.2;
}
.header-nav-global #header-nav-global-special a {
	color: #ffcd42;
}


/* Content
-------------------------------------------------------------------------------*/
.wrapper {
	width: 100%;
	min-width: 1056px;
	overflow: hidden;
}
#content {
	width: 1056px;
	margin: 0 auto;
	padding-bottom: 50px;
	position: relative;
}
#ad-left,
#ad-right {
	position: absolute;
	top: 25px;
	left: 50%;
	z-index: 1;
}
#ad-left {
	margin-left:-715px;
}
#ad-right {
	margin-left:555px;
}
.ad-fix-frame img {
	max-width: none;
}
.ad-center {
	margin-bottom: 15px;
	text-align: center;
}
.ad-center img {
	margin-left: auto;
	margin-right: auto;
}

#content:before, #container:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
#content:after { clear: both; }  
#content { zoom: 1; }

/* Main Column
-------------------------------------------------------------------------------*/
#main-column {
	float: left;
	width: 732px;
	padding: 20px;
	background: #fff;
}


/* Home
-------------------------------------------------------------------------------*/
#home #main-column section {
	margin-bottom: 20px;
}
#home #main-column h1 {
	margin-bottom: 15px;
}
.home-pickup-list {
	
}
.home-pickup-list-frame {
	display: table;
	width: 100%;
}
.home-pickup-list-photo,
.home-pickup-list-detail {
	display: table-cell;
	vertical-align: top;
}
.home-pickup-list-photo {
	width: 240px;
	padding: 20px;
	background: #ddd;
}
.home-pickup-list-photo dt,
.home-pickup-list-photo dd {
	display: block;
}
.home-pickup-list-photo dt {
	margin-bottom: 10px;
	line-height: 0;
}
.home-pickup-list-photo dd {
	font-size: 16px;
	line-height: 1.5;
}
.home-pickup-list-photo dd a {
	text-decoration: none;
}
.home-pickup-list-photo dd a:hover {
	text-decoration: underline;
}
.home-pickup-list-detail {
	padding-left: 20px;
}
.home-pickup-list-detail li {
	margin: 0 0 8px;
	font-size: 16px;
}
.home-pickup-list-detail li:before {
	display: block;
	float: left;
	padding: 2px 8px 0 7px;
	content: "\f138";
	font-family: FontAwesome;
	color: #D6002B;
	font-size: 1.2em;
}
.home-pickup-list-detail li div {
	overflow: hidden;
	line-height: 1.3;
}
.home-pickup-list-detail li a {
	color: #006699;
	text-decoration: none;
	font-weight: bold;
}
.home-pickup-list-detail li a:hover {
	color: #000;
	text-decoration: underline;
}
#home-series .series-list > li {
	margin-bottom: 10px;
}
#home-series .series-text h2 {
	margin-bottom: 5px;
	font-size: 1.3em;
	line-height: 1.3;
}
#home-series .series-text h2 a {
	color: #006699;
	text-decoration: none;
}
#home-series .series-text h2 a:hover {
	color: #000;
	text-decoration: underline;
}
#home-latest h2 {
	font-size: 1.2em;
	margin-bottom: 10px;
	padding-bottom: 0;
	line-height: 1;
	border-bottom: 3px solid #D6002B;
}
#home-latest h2 span {
	display: inline-block;
	padding: 5px 10px 2px;
	background: #D6002B;
	line-height: 1.2;
	font-size: 14px;
	color: #fff;
}
#home-latest #home-latest-category-3column h2.home-latest-publicity {
	border-bottom: 3px solid #F5A623;
}
#home-latest #home-latest-category-3column h2.home-latest-publicity span {
	background: #F5A623;
}
#home-latest-category,
#home-latest-category-3column {
	overflow: hidden;
}
#home-latest-category > li {
	width: 336px;
	float: left;
	margin-bottom: 20px;
}
#home-latest-category-3column > li {
	width: 220px;
	float: left;
	margin-bottom: 20px;
	margin-right: 15px;
}
#home-latest-category > li:nth-child(2n-1) {
	margin-right: 20px;
}
#home-latest-category-3column > li:nth-child(3n) {
	margin-right: 0;
}
#home-latest-category > li li,
#home-latest-category-3column > li li {
	margin-bottom: 13px;
}
#home-latest-category .readmore,
#home-latest-category-3column .readmore {
	text-align: right;
}
#home-latest-category .readmore a,
#home-latest-category-3column .readmore a {
	display: inline-block;
	padding: 5px 10px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	background: #000;
	border-radius: 5px;
}
#home-recommend .thumb-list {
	overflow: hidden;
}
#home-recommend .thumb-list > li {
	width: 223px;
	float: left;
	margin-bottom: 15px;
}
#home-recommend .thumb-list > li:nth-child(3n-1),
#home-recommend .thumb-list > li:nth-child(3n-2) {
	margin-right: 10px;
}
#home-recommend .thumb-list .thumbnail {
	width: 90px;
}
#home-latest-category a,
#home-latest-category-3column a {
	font-weight: bold;
	text-decoration: none;
	letter-spacing: -0.5px;
	line-height: 1.4;
}
#home-latest-category-3column a {
	font-size: 12px;
}
#home-latest-category a:hover,
#home-latest-category-3column a:hover {
	color: #999;
}
#home-latest-category .list-first,
#home-latest-category-3column .list-first {
	margin-bottom: 20px;
	font-size: 18px;
}
#home-latest-category .text a,
#home-latest-category-3column .text a {
	line-height: 1.3;
}
.thumb-list .list-first .text {
	margin-bottom: 8px;
}
.thumb-list .list-first .thumbnail {
	width: 100%;
	padding-right: 0;
	text-align: center;
}




/* Detail
-------------------------------------------------------------------------------*/
.topicpath li {
	display: inline-block;
	font-size: 0.9em;
	color: #999;
}
.topicpath li:before {
	content: "»";
	display: inline-block;
	margin: 0 5px 0 0;
}
.topicpath li.home:before {
	display: none;
}
.topicpath a {
	color: #888;
}
.topicpath a:hover {
	color: #aaa;
}

article h1 {
	margin: 15px 0 10px;
	font-size: 28px;
	font-weight: normal;
	line-height: 1.3;
	letter-spacing: -1px;
}
#page #main-column h2 {
	margin-bottom: 10px;
}
.article-meta-top {
	margin: 10px 0;
	font-size: 16px;
	line-height: 1.2;
}
.article-meta-top,
.article-meta-top a {
	color: #666;
}
.article-meta-top a:hover {
	color: #999;
}
.article-meta-top li {
	display: inline-block;
	margin-right: 10px;
}
.article-meta-box {
	text-align: center;
}
.article-meta-box div,
.article-meta-box iframe {
	margin-left: auto;
	margin-right: auto;
}
.article-middle,
.article-middle-link-wrap,
.article-latest {
	margin-bottom: 20px;
}
.article-middle-link-wrap {
	overflow: hidden;
}
.article-middle-link li {
	line-height: 1.5;
	margin-bottom: 10px;
}
.article-related,
.article-recommend {
	width: 336px;
	float: left;
}
.article-related {
	margin-right: 20px;
}
.article-related h3 {
	display: none;
}
.social-button,
.article-tags {
	overflow: hidden;
	margin: 10px 0;
}
.social-button li {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 0 0;
	white-space: nowrap;
	line-height: 1;
}
.social-button-top {
	margin-top: 20px;
}
.article-tags,
.article-tags a {
	color: #666;
}
.article-tags a:hover {
	color: #999;
}

#detail {
	margin: 20px 0 30px 0;
	line-height: 1.8;
	font-size: 14px;
}
#detail h2 {
	margin: 1em 0;
	font-size: 1.5em;
	font-weight: bold;
}
#detail h3 {
	margin: 1em 0;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.4;
}
#detail p {
	margin: 1em 0;
}
#detail p.post-excerpt {
	margin: 0 0 1em;
	padding: 10px 12px;
	background: #ddd;
	line-height: 1.5;
	color: #444;
}
.nextpage a {
	display: table;
	width: 480px;
	min-height: 45px;
	margin: 1em auto;
	border: 4px solid #D6002B;
	border-radius: 6px;
	color: #D6002B;
	font-weight: bold;
	background: #D6002B;
}
.nextpage span {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.2;
}
.nextpage .label {
	width: 68px;
	background: url(common/img/icon_nextpage2.png) no-repeat 5px center;
	text-indent: -9999px;
}
.nextpage .linktext {
	padding: 10px 13px;
	background: #fff;
	border-radius: 2px;
}
.nextpage a:hover {
	border: 4px solid #000;
	background: #000;
	color: #000;
}
article figure {
	width: 620px;
	margin: 1em auto;
	padding: 8px 5px;
	border: 1px solid #ddd;
	border-radius: 5px;
	background: #eee;
	text-align: center;
}
article .figure300 {
	width: 320px;
	float: right;
	margin: 0 auto 1em 15px;
}
article .no_img_fig {
	width: 300px;
	float: left;
	margin: 0 15px 10px 0;
}
article figcaption {
	font-size: 13px;
	color: #666;
	text-align: left;
	line-height: 1.3;
}

.social-buzz-link {
	margin: 1em 0 20px;
}
.social-buzz-link ul {
	display: table;
	width: auto;
	margin: 1em auto;
}
.social-buzz-link ul li {
	display: table-cell;
	padding: 0 5px;
	text-align: center;
}
.social-facebook-root a {
	display: inline-block;
	width: 570px;
	padding: 6px 0;
	background: #3B5998;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
	box-shadow: 0 2px 0 rgba(0,0,0,0.3);
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.social-facebook-root a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.social-facebook-root a i {
	font-size: 25px;
	vertical-align: -14%;
}

.pagination,
.single-pagenation {
	clear: both;
	margin: 0 0 1.5em 0;
	padding: 0;
	font: 100% Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 100%;
	line-height: 1.2;
}
.pagination .current,
.single-pagenation span {
	display: inline-block;
	padding: 0.25em 0.8em;
	border: 1px #CCCCCC solid;
	border-radius: 4px;
}
.pagination span {
	display: inline-block;
	padding: 0.25em 0.8em;
	border: 1px #CCCCCC solid;
	margin: 0 2px;
	border-radius: 4px;
}
.pagination a,
.single-pagenation a {
	display: inline-block;
	padding: 0.25em 0.8em;
	border: 1px #1A2650 solid;
	color: #1A2650;
	margin: 0 3px;
	background-color: #bbb;
	border-radius: 4px;
}
.single-pagenation a span {
	display: inline;
	padding: 0;
	border: 0 none;
	border-radius: 0;
}
.pagination a:hover,
.single-pagenation a:hover {
	border-color: #000;
	background-color: #000;
	color: #fff;
}

.social-comment-count {
	position: relative;
	margin: 0 1px 0 5px;
	padding: 3px 4px 3px;
	background: #ffffff;
	border: 1px solid #999;
	font-size: 11px;
	font-family: Arial, sans-serif;
	border-radius: 3px;
	vertical-align: 6px;
	line-height: 1;
}
.social-comment-count:after,
.social-comment-count:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.social-comment-count:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 3px;
	margin-top: -3px;
}
.social-comment-count:before {
	border-color: rgba(153, 153, 153, 0);
	border-right-color: #999;
	border-width: 4px;
	margin-top: -4px;
}

.section-archive-list h1 {
	margin: 20px 0;
	font-size: 28px;
	font-weight: normal;
	line-height: 1.3;
	letter-spacing: -1px;
}
.archive-list li {
	overflow: hidden;
	margin-bottom: 15px;
}
.archive-list li figure {
	float: left;
	width: 90px;
	padding-right: 10px;
	text-align: center;
}
.archive-list li .post-list-detail {
	overflow: hidden;
	line-height: 1.4;
}
#page #main-column .post-list-detail h2 {
	margin-bottom: 0;
	font-size: 18px;
	line-height: 1.2;
}
#page #main-column .post-list-detail h2 a {
	color: #006699;
	text-decoration: none;
}
#page #main-column .post-list-detail h2 a:hover {
	color: #000;
	text-decoration: underline;
}
.archive-list li .post-list-date {
	margin: 3px 0;
	color: #999;
}

.post-attachment-list {
	margin: 20px 0;
}
.post-attachment-list img {
	border: 2px solid #999;
}
#detail .post-attachment-list h2 {
	font-size: 1.3em;
}
.post-attachment-list li {
	display: inline-block;
	vertical-align: middle;
	padding-right: 5px;
}
.post-parent-title {
	font-size: 1.2em;
}
.post-parent-title a {
	font-weight: bold;
}

#writer-profile {
	margin-bottom: 25px;
	padding: 8px 10px 10px;
	background: #F0EBEB;
	border: 1px solid #ccc;
	border-radius: 2px;
	font-size: 13px;
	line-height: 1.4;
}
#page #main-column #writer-profile h2 {
	margin: 0 0 5px 0;
	font-size: 21px;
	font-weight: normal;
	font-family: Platino, "游明朝", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN W3", "メイリオ", Meiryo, "HG明朝E","ＭＳ Ｐ明朝", serif;
}
#detail #writer-profile p {
	margin: 0;
}




/* Comment
-------------------------------------------------------------------------------*/
#comments {
	margin-top: 2em;
}
article .detail p.logged-in-as {
	margin: 0.5em 0;
}
.comment-list {
	font-size: 13px;
	line-height: 1.4;
}
article .detail .comment-list p {
	margin: 0.5em 0;
}
.tiles {
	display: none;
}
.comment-body .wpulike,
.comment-body .reply {
	display: inline-block;
	margin: 0 10px 0 0;
}

.wpulike .counter a.text,
.comment-body .reply a {
	background: #f7f7f7;
	padding: 3px 8px;
	border: 1px solid #aaa;
	border-radius: 3px;
	text-decoration: none;
	color: #333;
	white-space: nowrap;
	font-size: 0.9em !important;
}
.wpulike .counter a.text:hover,
.comment-body .reply a:hover {
	background: #eee;
	border: 1px solid #ccc;
}
.comment-body {
	overflow: hidden;
	padding: 2px 0 0 0;
}
.children .comment-body {
	padding: 2px 5px 5px 5px;
}
.comment-metadata {
	float: left;
	width: 210px;
	padding: 0 20px 5px 0;
	line-height: 1.3;
}
.comment-text {
	overflow: hidden;
	padding: 0;
}
.comment-meta {
	margin: 0.5em 0;
	color: #aaa;
}
.comment-author {
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.2;
}
.comment-list p {
	margin: 0 0 0.5em 0;
}
.comment-list li.comment {
	padding: 5px 0;
	border-top: 1px dashed #ccc;
}
.comment-list li {
	position: relative;
	display: block;
	margin-bottom: 5px;
}
.comment-list .children li {
	position: relative;
	margin: 7px 0 0 40px;
	padding: 5px;
	border: 2px solid #ddd;
	background-color: #ffffff;
	border-radius: 7px;
}
.comment-list .children li:after, .comment-list .children li:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.comment-list .children li:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 7px;
	margin-left: -7px;
}
.comment-list .children li:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ddd;
	border-width: 10px;
	margin-left: -10px;
}
.comment-respond label {
	display: block;
}
.comment-form-comment input[type=text],
.comment-form-comment input[type=email],
.comment-form-comment textarea {
	width: 95%;
}
.form-submit {
	text-align: center;
}
.comment-respond input[type=submit] {
	display: inline-block;
	padding: 10px 20px;
	background: #c00;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	border: 0 none;
	border-radius: 5px;
	box-shadow: 0 3px 0 rgba(0,0,0,0.3);
	font-size: 0.9em;
	font-weight: bold;
}
.wpulike .count-box {
	margin-left: 5px;
	font-size: 1em !important;
}
#comment {
	height: 100px;
}
.comment-form-author,
.comment-form-email {
	margin-bottom: 5px;
}
.comment-form-author input,
.comment-form-email input,
.comment-form-comment textarea {
	width: 100%;
	margin: 2px 0;
	padding: 3px;
	border: 1px solid #333;
}
textarea {
	max-width: 100%;
}




/* Side Column
-------------------------------------------------------------------------------*/
#side-column {
	float: right;
	width: 300px;
	position: relative;
}
#side-column aside {
	margin-bottom: 20px;
	background: #fff;
}
#side-ranking-tab-list {
	display: table;
	width: 100%;
	line-height: 1.2;
}
#side-ranking-tab-list li {
	display: table-cell;
	width: 25%;
	padding: 7px 0;
	background: #ddd;
	font-weight: bold;
	border-right: 2px solid #fff;
	text-align: center;
	cursor: pointer;
}
#side-ranking-tab-list li:last-child {
	border-right: 0 none;
}
#side-ranking-tab-list li.active {
	background: #999;
	color: #fff;
}
#side-ranking-detail dd /*,
#side-ranking-iine */ {
	padding: 10px 10px 0;
}
#side-ranking-detail dd ul,
#side-ranking-iine {
	overflow: hidden;
	counter-reset: ranking-counter;
}
#side-ranking-detail dd li,
#side-ranking-iine li {
	margin-bottom: 0.8em;
	line-height: 1.3;
}
#side-ranking-detail dd li div,
#side-ranking-iine li div {
	overflow: hidden;
}
#side-ranking-detail dd li:before,
#side-ranking-iine li:before {
	display: block;
	width: 20px;
	float: left;
	margin-right: 10px;
	padding: 5px 0;
	counter-increment: ranking-counter;
	content: counter(ranking-counter);
	font-size: 11px;
	font-weight: 400;
	font-family: Oswald, sans-serif;
	line-height: 1;
	text-align: center;
	color: #fff;
	background: #999;
	border-radius: 25px;
}
#side-ranking-detail dd li.rank_pr:before,
#side-ranking-iine li.rank_pr:before {
	counter-increment: none;
	content: "PR";
}
#side-ranking-detail dd li.rank1:before,
#side-ranking-iine li.rank1:before {
	background: #D7000E;
}
#side-ranking-detail dd li.rank2:before,
#side-ranking-iine li.rank2:before {
	background: #DE3C0B;
}
#side-ranking-detail dd li.rank3:before,
#side-ranking-iine li.rank3:before {
	background: #EB8400;
}
#side-ranking-detail dd #side-ranking-comment li:before {
	width: 24px;
	min-height: 14px;
	padding: 7px 0 2px;
	background: #fff url(common/img/ic_fire.png) no-repeat 0 0;
	font-size: 12px;
	text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
}
#side-ranking-iine li span {
	display: inline-block;
	font-size: 1.1em;
	font-weight: bold;
	color: #3B5998;
	letter-spacing: -1px;
}
#side-ranking-comment .comment-count {
	display: inline-block;
	letter-spacing: -1px;
	font-weight: bold;
}
#side-ranking-comment .comment-count i {
	margin-right: 2px;
}
/*
#side-ranking-detail dd #side-ranking-comment li.rank2:before {
	-webkit-filter: grayscale(15%);
	-moz-filter: grayscale(15%);
	filter: grayscale(15%);
}
#side-ranking-detail dd #side-ranking-comment li.rank3:before {
	-webkit-filter: grayscale(30%);
	-moz-filter: grayscale(30%);
	filter: grayscale(30%);
}
#side-ranking-detail dd #side-ranking-comment li.rank4:before,
#side-ranking-detail dd #side-ranking-comment li.rank5:before,
#side-ranking-detail dd #side-ranking-comment li.rank6:before,
#side-ranking-detail dd #side-ranking-comment li.rank7:before,
#side-ranking-detail dd #side-ranking-comment li.rank8:before,
#side-ranking-detail dd #side-ranking-comment li.rank9:before,
#side-ranking-detail dd #side-ranking-comment li.rank10:before {
	-webkit-filter: grayscale(45%);
	-moz-filter: grayscale(45%);
	filter: grayscale(45%);
}
*/

.side-today-photo {
	line-height: 0;
}
.side-today-img {
	position: relative;
	line-height: 0;
}
.side-today-img a {
	color: #fff;
	text-shadow: 1px 1px 0 #000;
}
.side-today-img h3 {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	padding: 7px 8px;
	font-size: 15px;
	font-weight: normal;
	line-height: 1.2;
	letter-spacing: -0.5px;
	background: rgba(0,0,0,0.6);
}
.side-today-img h3 span {
	display: block;
}
.side-today-img h3 span.date {
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
}

.side-today-text {
	padding: 10px;
	line-height: 1.3;
}
.side-today-text h3 {
	font-size: 1.2em;
	margin-bottom: 5px;
}
.side-today-text h3 a {
	color: #006699;
	text-decoration: none;
}
.side-today-text h3 a:hover {
	color: #000;
	text-decoration: underline;
}

.side-social-count a {
	display: block;
	padding: 10px;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
}
.side-social-count a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.side-social-count a i {
	font-size: 1.5em;
	vertical-align: -15%;
}
.side-social-count .facebook a {
	background: #3a5795;
}
.side-social-count .twitter a {
	background: rgb(85, 172, 238);
}


/* Footer
-------------------------------------------------------------------------------*/
footer {
	padding: 10px 0;
	text-align: center;
	color: #fff;
	line-height: 1.2;
	font-size: 0.9em;
	background: #333;
}
footer ul {
	overflow: hidden;
	display: inline-block;
	margin: 0 auto;
}
footer li {
	display: block;
	float: left;
	margin: 20px 0;
	padding: 0 15px;
	border-right: 1px solid #999;
}
footer li:last-child {
	border-right: 0 none;
}
footer li a {
	color: #fff;
}
footer p.copyright {
	margin: 20px 0;
}
.pc-spview {
	margin: 30px 0;
}
.pc-spview a {
	display: inline-block;
	padding: 10px 50px;
	line-height: 1;
	background: #fff;
	font-size: 50px;
	font-weight: bold;
	color: #000;
	border-radius: 100px;
	text-decoration: none;
}
.pc-spview i {
	vertical-align: middle;
}
.pc-spview a:hover {
	color: #666;
}


/* Slider
-------------------------------------------------------------------------------*/
#home #main-column #pickup_slider h1 {
	margin-bottom: 0;
}
#pickup_slider {
	overflow; hidden;
}
#slider_thumnb_display {
	width: 340px;
	height: 223px;
	float: left;
	overflow: hidden;
}
#slider_thumnb_display img {
	width: 100%;
	height: auto;
}
#slider_list {
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#slider_list li {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#slider_list li .slider_title {
	display: table;
	width: 100%;
}
#slider_list li .slider_title a {
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
	margin: 0;
	padding: 0 10px;
	height: 56px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.3;
	color: #000;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	letter-spacing: -0.5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background: #E5E5E5;
}
aside #slider_list li .slider_title a {
	padding: 5px 10px;
	height: auto;
}
#slider_list li .slider_title a span {
	display: block;
	overflow: hidden;
}
#slider_list li .slider_title a:before {
	display: block;
	float: left;
	padding-right: 3px;
	content: "\f138";
	font-family: FontAwesome;
	color: #000;
	font-size: 1.2em;
}
#slider_list li a:hover,
#slider_list li a.active {
	color: #fff;
	background: #D6002B;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#slider_list li a:hover:before,
#slider_list li a.active:before {
	color: #fff;
}
.slider_thumnb {
	width: 0px;
	height: 0px;
	overflow: hidden;
}

/* 2015-04-29 追加 */
#side-ranking-detail dt {display:none;}
.hidden {display:none;}

/* publicity
-------------------------------------------------------------------------------*/
#content.publicity #main-column {
	margin-top: 20px;
}
.side-column-float {
	width: 300px;
	padding-top: 20px;
}

/* 一覧表コンテンツ用
-------------------------------------------------------------------------------*/
.nowrap_table_frame {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.nowrap_table th,
.nowrap_table td {
	white-space: nowrap;
	border: 1px solid #BFBFBF;
	text-align: left;
	padding: 0.4em;
}
.nowrap_table th {
	background: #eee;
}

/* 通知解除に係る説明文
-------------------------------------------------------------------------------*/
.push-notice h2 { font-size:1.2em; }
.push-notice i { font-size:1.2em;color:#c00; }
.push-notice ol, .push-notice ul, ol.list, ul.list { margin-left:1.8em; }
.push-notice .toggle { margin-bottom:30px;padding:0 15px 15px;border:2px solid #ddd;border-radius:10px; }

/* 記事内のテーマ特集枠
-------------------------------------------------------------------------------*/
.special-archive-list li {
	margin: 15px 0;
}
.special-archive-list li figure {
	width: 215px;
	padding-right: 15px;
}
.special-archive-list figure img {
	width: 200px;
	height: auto;
}
#page #main-column .special-archive-list .post-list-detail h2 {
	margin-bottom: 8px;
}
.special-archive-list p {
	font-size: 12px;
}
.title-text a {
	color: #fff;
}
.title-text a:hover {
	color: #ccc;
}

/* 2017.3.29 フォトライブラリ表示の追加指定
-------------------------------------------------------------------------------*/
article h1.photolibrary {
	margin: 0;
	font-size: 20px;
}
article h1.photolibrary a {
	text-decoration: none;
}
#detail.photolibrary {
	margin: 0 0 30px;
}
#detail.photolibrary figure .box {
	margin-top: 10px;
}

/* 2017.3.31 画像の並列配置
-------------------------------------------------------------------------------*/
table.parallel {
	width: 608px;
	table-layout: fixed;
}
table.parallel th,
table.parallel td {
	vertical-align: middle;
}
table.parallel th {
	padding: 3px 5px 5px;
	line-height: 0;
}
table.parallel td {
	padding: 0 5px;
}
table.parallel img {
	max-width: 100%;
	height: 128px;
}