/*
Theme Name: ドメサカブログ2015
Version: 1.0
Description: 
*/

@charset "UTF-8";

/*
	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; }

/* Android4.4未満対応 */
* {background-color: rgba(255,255,255,0.01); }

/* 選択時の色 */
/*::-moz-selection{ background: #109700; color: #fff; text-shadow: none; }
::selection { background: #109700; color: #fff; text-shadow: none; } */

::-moz-selection{ background: #a6e49f; color: #000; text-shadow: none; }
::selection { background: #a6e49f; color: #000; text-shadow: none; } 

body {
	font-size: 13px;
	font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, sans-serif;
	/*background: #fff;*/
	background: #EBEBEB;
	border-top: 10px solid #109700;
	color: #333;
/* naraclub */
/*background-image:url("http://blog.domesoccer.jp/app/wp-content/uploads/2018/01/2e41448f2853da0bd43822cadbc66fc7-1-e1516551298780.png"); */
}
/*
body.single,
body.page {
	background: #EBEBEB;
}
*/
select, input, textarea {color: #333; background: #fff;}

a { color: #109700; text-decoration: none; }
a:hover {color: #000;}
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: 1em 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;
}
.wp-polls .bt,
.wp-polls input[type=submit],
.wp-polls input[type=button] {
	color: #333;
}

.wp-polls-ul li input[type=checkbox] {
vertical-align: middle !important;
}

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;
}
.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;
}

.body_wrapper {
	width: 100%;
	overflow: hidden;
}
.wrapper {
	/*width: 1140px;*/
	width: 1176px;
	margin: 0 auto;
}
.banner-sample {
	display: inline-table;
	background: #bbb;
}
.banner-sample span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-size: 24px;
}
.box-center,
.side-box {
	text-align: center;
	overflow: hidden;
}
.box-center div,
.side-box div {
	margin-left: auto;
	margin-right: auto;
}
.box-2column {
	overflow: hidden;
}
.box-left,
.box-right {
	width: 50%;
	text-align: center;
}
.box-left {
	float: left;
}
.box-right {
	float: right;
}
.list-flat {
	text-align: center;
}
.list-flat li {
	display: inline-block;
}
#post a, #page a, .comment-text {
    word-break: break-word;
}

/* Alignment */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
blockquote.alignleft,
img.alignleft {
	margin: 7px 24px 7px 0;
}
.wp-caption.alignleft {
	margin: 7px 14px 7px 0;
}
blockquote.alignright,
img.alignright {
	margin: 7px 0 7px 24px;
}
.wp-caption.alignright {
	margin: 7px 0 7px 14px;
}
blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;
}
#detail blockquote.alignleft,
#detail blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}
#detail blockquote.alignleft p,
#detail blockquote.alignright p {
	margin-bottom: 17px;
}
.wp-caption {
	margin-bottom: 24px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}
.wp-caption {
	color: #767676;
}
.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
	padding-right: 10px;
}
.wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* header
-------------------------------------------------------------------------------*/
header {
	margin-top: 4px;
	background: #EBEBEB;  /* naraclub */
}
header .wrapper {
	position: relative;
	z-index: 1;
}
.header-nav {
	position: absolute;
	top: -15px;
	left: 0;
	/*width: 202px;*/
	z-index: 5;
	text-align: center;
}
.header-nav h1 {
	margin: 0 0 10px;
}
.header-nav ul {
	display: table;
}
.header-nav li {
	display: table-cell;
}
.header-icon {
	line-height: 0;
}
.header-icon a {
	display: inline-block;
	overflow: hidden;
	width: 45px;
	height: 45px;
	line-height: 0;
}
.header-icon-twitter img {
	margin-left: -65px;
}
.header-icon-facebook img {
	margin-left: -130px;
}
.header-icon-info img {
	margin-left: -195px;
}
.header-component {
	padding: 0 0 0 220px;
}

.header-tile {
	margin: 10px 0 0;
	text-align: center;
}
.header-tile ul {
	overflow: hidden;
	display: inline-table;
}
.header-tile li {
	display: table-cell;
	overflow: hidden;
	padding: 0 0 10px 15px;
	text-align: left;
}
.header-tile li a {
	display: block;
	overflow: hidden;
	position: relative;
	border: 5px solid #bbb;
	width: 160px;
	height: 100px;
}
.header-tile .header-tile-rt li a:hover {
	border: 5px solid #c00;
}
.header-tile .header-tile-comment li a:hover {
	border: 5px solid #109700;
}
.header-tile li i {
	margin-right: 3px;
}
.header-tile li div,
.header-tile li figure {
	position: absolute;
	top: 0;
	left: 0;
}
.header-tile li div {
	display: inline-block;
	padding: 3px 5px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	z-index: 10;
}
.header-tile .header-tile-rt li div {
	background: #c00;
}
.header-tile .header-tile-comment li div {
	background: #109700;
}
.header-tile li figure {
	overflow: hidden;
	width: 160px;
	height: 90px;
	line-height: 0;
	background-position: left top;
	background-size: cover;
}
.header-tile li h1 {
	position: absolute;
	bottom: -90px;
	left: 0;
	max-height: 80px;
	padding: 3px 5px;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	line-height: 1.3;
	background: rgba(0,0,0,0.7);
	z-index: 10;
}
.header-component .box-center {
	min-height: 90px;
	padding: 5px 0 0;
}



/* content
-------------------------------------------------------------------------------*/
#content {
	padding: 10px 0 18px 0;
}
body.single #content,
body.page #content {
	padding: 8px 0 18px;
}
#content:before, #content:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
#content:after { clear: both; }  
#content { zoom: 1; }

/*
#main {
	float: left;
	width: 800px;
}
body.single #main,
body.page #main {
	width: 820px;
	padding: 25px;
	background: #fff;
}
*/
#main {
	float: left;
	width: 820px;
	padding: 25px;
	/*background: #fff;*/
	background: #f6f6f6;
}
body.home #main {
	padding: 10px;
}


#main section {
	margin: 0 20px 15px;
}

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

#main .article-header-component {
	margin: 0 0 15px;
}
.article-header-component .box-center {
	padding: 15px 0 0 0;
}
.article-header-rss {
	overflow: auto;
	height: 150px;
	padding: 7px;
   border: 5px solid #ddd;
   line-height: 1.2;
}
.article-header-rss-blog,
.article-header-rss-antenna {
	position: relative;
	width: 370px;
}
.article-header-rss-blog {
	float: left;
}
.article-header-rss-antenna {
	float: right;
}
.article-header-rss-blog h1,
.article-header-rss-antenna h1 {
	margin: 0;
	padding: 0 0 2px;
	color: #666;
	font-size: 16px;
	border-bottom: 5px solid #999;
}



#main .main-post-tile {
	margin: 0 0 5px;
}
.main-post-tile > ul {
	overflow: hidden;
}
.main-post-tile > ul > li {
	position: relative;
	float: left;
	width: 260px;
	margin: 0 10px 10px 0;
	padding: 7px;
	border: 5px solid #ddd;
	line-height: 1.3;
}
.main-post-tile > ul > li.sticky {
	background-color: #ffffc8;
}
.main-post-tile > ul > li:nth-child(3n) {
	margin: 0 0 10px;
}
.main-post-tile .post-date {
	position: absolute;
	top: -5px;
	left: -5px;
	padding: 4px 6px;
	color: #fff;
	font: normal 16px/1.2 'Noto Sans', sans-serif;
	line-height: 1.2;
	background: #109700;
}
.main-post-tile .post-comment {
	font: normal 22px/1.2 'Noto Sans', sans-serif;
	color: #666;
	text-align: right;
	line-height: 1.2;
}
.main-post-tile .post-comment i {
	margin-right: 3px;
	color: #109700;
	font-size: 0.9em;
	vertical-align: 10%;
}
.
.main-post-tile .post-category {
	width: 160px;
	margin: -8px 0 0 0;
}
.main-post-tile .post-category a {
	color: #333;
	text-decoration: underline;
}
.main-post-tile .post-category a:hover {
	color: #109700;
}
.main-post-tile h1 {
	margin: 5px 0;
	font-size: 18px;
}
.main-post-tile h1 a {
	color: #000;
}
.main-post-tile h1 a:hover {
	color: #109700;
}
.main-post-tile figure {
	width: 235px;
	height: 147px;
	padding: 3px 0;
	line-height: 0;
	text-align: center;
}

#main .main-post-list {
	margin: 15px 0;
}
.main-post-list > ul > li {
	position: relative;
	margin: 0 0 10px 0;
	padding: 7px;
	border: 5px solid #ddd;
	line-height: 1.3;
	overflow: hidden;
}
.main-post-list figure {
	float: left;
	width: 120px;
	margin-right: 10px;
	line-height: 0;
}
.main-post-list .post-list-detail {
	overflow: hidden;
}
.main-post-list .post-meta li {
	display: inline-block;
	margin: 0 20px 0 0;
}
.main-post-list .post-date {
	font: normal 16px/1.2 'Noto Sans', sans-serif;
}
.main-post-list .post-comment {
	font: normal 16px/1.2 'Noto Sans', sans-serif;
	color: #666;
	text-align: right;
	line-height: 1.2;
}
.main-post-list .post-comment i {
	margin-right: 3px;
	color: #109700;
	font-size: 0.9em;
	vertical-align: 10%;
}
.main-post-list .post-category a {
	color: #333;
	text-decoration: underline;
}
.main-post-list .post-category a:hover {
	color: #109700;
}
.main-post-list h1 {
	margin: 4px 0;
	font-size: 18px;
}
.main-post-tile .post-comment a span,
.main-post-list .post-comment a span {
	color: #333;
	text-decoration: underline;
}

.archive-title {
	margin: 24px 0;
	font-size: 28px;
	font-weight: normal;
	line-height: 1.2;
}
article section table {
	width: auto;
	margin: 1em 0;
}
article section table th,
article section table td {
	padding: 5px 8px;
	border: 1px solid #bbb;
	vertical-align: top;
}
article section table p {
	margin: 0;
}








#comments {
	margin: 30px 0;
	font-size: 0.9em;
}
#comments h2 {
	margin: 15px 0;
	color: #109700;
	font-size: 18px;
	line-height: 1.2;
	border-bottom: 2px solid #109700;
}
.title-icon {
	font-size: 40px;
}
.title-text span {
	font-size: 30px;
	font-family: 'Noto Sans', sans-serif;
}
article .detail p.logged-in-as {
	margin: 0.5em 0;
}
ol.comment-list {
	margin-bottom: 15px;
}

.comment-list {
	font-size: 13px;
	line-height: 1.4;
}
.comment-list p {
	margin: 0 0 0.5em 0;
	font-size: 13px;
	line-height: 150%;
}
.tiles {
	display: none;
}
.comment-meta,
.comment-id {
	display: inline-block;
	margin: 0.5em 0;
	color: #aaa;
}
.comment-meta i {
	font-size: 1.1em;
}
.comment-meta span {
	color: #4060f0;
	background-color:#ffdcb0;
	padding: 1px 5px 1px 3px;
	cursor: default;
	-moz-border-radius-bottomleft: 8px;  
	-moz-border-radius-bottomright: 8px; 
	-webkit-border-bottom-left-radius: 8px;  
	-webkit-border-bottom-right-radius: 8px; 
}
.comment-metadata {
	font-size: 12px;
  margin-bottom: 10px;
}

.comment-text p span {
	color: #4060f0;
	background-color:#ffdcb0;
	padding-left: 2px;
	padding-right: 4px;
	cursor: default;
	-moz-border-radius-topright: 8px;  
	-moz-border-radius-topleft: 8px; 
	-webkit-border-top-right-radius: 8px;  
	-webkit-border-top-left-radius: 8px; 
}

.comment-author {
	display: inline-block;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.2;
}
.comment-list li {
	position: relative;
	margin: 0 0 5px 0;
	list-style-type: none;
}
.comment-list li.comment {
	margin: 0 0 5px 2.5em;
	padding: 5px 10px 10px 10px;
	border-top: 1px dashed #ccc;
	list-style-type: none;
}
.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;
	margin: 0;
	padding: 10px 20px;
	background: #c00;
	line-height: 1;
	color: #fff;
	text-decoration: none;
	border: 0 none;
	border-radius: 5px;
	font-size: 16px;
	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%;
}
a.report {
	color: #333;
	cursor: pointer;
}

article h1 {
	margin: 0 0 7px;
	padding: 0 0 7px;
	/*font-family: 'Noto Sans Japanese', sans-serif;*/
	font-size: 32px;
	font-weight: 300;
	line-height: 1.3;
	border-bottom: 2px solid #109700;
}
article section {
	margin: 30px 0;
}
article .post-meta {
	margin: 7px 0 15px;
	font-size: 16px;
}
article .post-meta li {
	display: inline-block;
	margin: 0 15px 0 0;
}
article .post-meta .post-date,
article .post-meta .post-comment {
	font-weight: normal;
	font-family: 'Noto Sans', sans-serif;
}
article .post-meta .post-date {
	color: #999;
	letter-spacing: 1px;
}
article .post-meta .post-category a,
article .post-meta .post-tags a {
	text-decoration: underline;
	color: #333;
	font-size: 14px;
}
article .post-meta .post-comment a {
	color: #333;
	text-decoration: underline;
}
article .post-meta .post-comment i {
	color: #109700;
	margin: 0 5px 0 0;
}
article section {
	/*line-height: 1.8;*/
}
article section h1,
article section h2,
article section h3,
article section h4,
article section h5,
article section p {
	margin: 1em 0;
}
article section h1,
article section h2,
article section h3,
article section h4,
article section h5,
.header-text1 {
	line-height: 1.3;
}
article section h1 {
	font-size: 2em;
}
article section h2 {
	font-size: 1.7em;
}
article section h3 {
	font-size: 1.5em;
}
article section h4 {
	font-size: 1.3em;
}
article section h5 {
	font-size: 1em;
}
blockquote {min-height: 157px; font-size: 16px;}
blockquote,
.blockquote-box {
	display: inline-block;
	margin: 1em auto;
  margin-bottom: 8px; 
  margin-top: 8px;
  border: 1px solid #c0c0c0; 
  width: 90%;
  padding: 10px;  
  background-color: #FFFFd0; 
  color: #000000; 
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
   border-radius: 5px;
}
blockquote,
.blockquote-box2 {
	display: inline-block;
	margin: 1em auto;
  margin-bottom: 8px; 
  margin-top: 8px;
  border: 1px solid #bbb; 
  width: 90%;
  padding: 10px;  
  background-color: #f5f5f5; 
  color: #000000; 
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
   border-radius: 5px;
}
.header-text1 {
	margin: 20px 0px 20px;
	padding: 8px 0px 3px 2px;
	color: #109700;
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: 2px solid #109700;
}
.date-header-text {color: #909090; line-height: 250%;}
.note-text {color: #d04080;}
.aa-block {display:inline-block; font-size:12px; line-height: 1.2; font-family: 'ＭＳＰ ゴシック','MS Pgothic',Textar,sans-serif,Verdana !important;}
.teamicon {vertical-align: text-bottom; margin-left: 5px; margin-right: 5px;}


a:hover img {opacity: 0.7; -ms-filter: "alpha(opacity=70)";}
img.pict {
background-color: #fff;
padding: 5px; 
border: 1px solid #ddd;
}

.text-strong1 {font-weight:bold; font-size: xx-large; line-height:130%;}
.text-strong2 {font-weight:bold; font-size: x-large; line-height:130%;}
.text-strong3 { font-weight:bold; font-size: large; line-height:150%;}
.text-strong4 { font-weight:bold; font-size: 16px; line-height:150%;}
.text-color1 {color: #d03830;}
.text-color2 {color: #365ad0;}
.text-color3 {color: #00804a;}
.text-color4 {color: #FF9000;}
.text-color5 {color: #d040a0;}
.text-color6 {color: #0090bc;}

.txt {line-height:200%;}
.pict {padding:5px; border: 1px solid #c0c0c0;}
.dotted {border-top: 1px dashed #808080;}

.social-button {
	margin: 20px 0px 40px 0px;
}
.social-button li {
	display: inline-block;
	margin: 0 10px 0 0;
	vertical-align: top;
}
.social-button a {
	display: inline-block;
	padding: 5px 8px;
	color: #fff;
	line-height: 1.2;
	border-radius: 4px;
}
.social-button a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.social-twitter a {
	background: #55acee;
}
.social-facebook a {
	background: #3b5998;
}
.social-line a {
	background: #00C100;
}
.social-hatena a {
	background: #008fde;
}
.social-hatena strong {
	font-family: 'Noto Sans', sans-serif;
}
.social-push7 a {
	background: #EEAC00;
}
.social-push7 i {
	margin: 0 5px 0 0;
}
.paging {
	background: #eee;
}
.paging-next {
	background: rgba(16,151,0,.2);
}
.paging .bt.bt-next {
	font-size: 1.3em;
	font-weight: bold;
	border: 2px solid #fff;
	border-radius: 6px;
	background: #109700;
}

.pagination {
	margin: 15px 0;
	text-align: center;
}
.pagination span,
.pagination a {
	display: inline-block;
	margin: 0 5px;
	padding: 4px 6px;
	background: #fff;
	line-height: 1.2;
	color: #979797;
	font-weight: bold;
	font-size: 16px;
	border: 3px solid #979797;
	border-radius: 5px;
}
.pagination a {
	display: inline-block;
	border: 3px solid #666;
	background: #666;
	color: #fff;
}
.pagination a:hover {
	border: 3px solid #000;
	background: #000;
}

#contact dt {
	margin: 10px 0 0 0;
	font-weight: bold;
}
#contact input,
#contact textarea {
	width: 97%;
	padding: 3px;
	border: 2px solid #aaa;
	font-size: 1.1em;
}

.post-nav {
	display: table;
	width: 60%;
	margin: 10px auto;
}
.post-nav li {
	display: table-cell;
	width: 33%;
	line-height: 1.2;
	background: #f6f6f6;
	border: 1px solid #bbb;
}
.post-nav li:nth-child(1) {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.post-nav li:nth-child(2) {
	border-left: 0 none;
	border-right: 0 none;
}
.post-nav li:nth-child(3) {
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.post-nav li a {
	display: block;
	padding: 8px 0;
	text-align: center;
	color: #333;
	background: #ddd;
	text-shadow: 0 1px 0 #fff;
}
.post-nav a:empty {
	display: none;
}
.post-nav-top {
	margin: 0 auto 20px;
	
}




/* side
-------------------------------------------------------------------------------*/
#side {
	position: relative;
	float: right;
	/*width: 300px;*/
	width: 336px;
	line-height: 1.2;
}
#side section {
	background: #fff;
}
#side section p {
	margin: 0 0 15px;
	line-height: 1.6;
}
#side .side-box,
#side section {
	margin: 0 0 15px;
}
#side section .side-box {
	margin: 10px 0 15px;
}
#side h1 {
	font-size: 16px;
	padding: 4px 6px;
	color: #fff;
	line-height: 1.2;
	background: #333;
	border-left: 10px solid #109700;
}
.side-detail {
	padding: 10px;
}
#side-ranking-week,
#side-ranking-month,
#side-ranking-rt,
#side-ranking-comment {
	display: none;
}
#side-ranking-tab {
	display: table;
	width: 100%;
	margin: 0 0 9px;
}
#side-ranking-tab li {
	display: table-cell;
	text-align: center;
}
#side-ranking-tab a {
	display: inline-block;
	width: 60px;
	padding: 3px 0;
	color: #333;
	font-weight: bold;
	background: #d8d8d8;
	text-align: center;
}
#side-ranking-tab li.active a {
	background: #109700;
	color: #fff;
}
.side-ranking {
	margin: 10px 0;
}
.side-ranking li {
	margin: 0 0 0.8em;
	overflow: hidden;
}
.side-ranking li div {
	overflow: hidden;
}
.side-ranking li:before {
	display: block;
	float: left;
	width: 24px;
	padding-right: 10px;
	counter-increment: ranking-counter;
	content: counter(ranking-counter);
	font-size: 24px;
	font-weight: normal;
	font-family: 'Noto Sans', sans-serif;
	text-align: center;
	line-height: 1;
	letter-spacing: -2px;
	color: #a1a1a1;
}
.side-ranking h3 {
	font-size: 1.2em;
	margin-bottom: 10px;
}
.side-ranking h3.next-title {
	margin:10px 0 5px;
}
.side-ranking {
	counter-reset: ranking-counter;
}
.side-ranking a {
	display: inline-block;
	/*width: 245px;*/
	width: 281px;
	color: #000;
	text-decoration: underline;
}
.side-ranking a:hover {
	color: #109700;
}
#side-ranking-comment a span {
	display: inline-block;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
}
#side-ranking-comment a span i {
	color: #109700;
}
#side-ranking-rt a span {
	display: inline-block;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: #c00;
}
.side-form {
	text-align: center;
}
#search-form input.text,
#search-form input.btn {
	display: inline-block;
	margin: 0;
	padding: 3px;
	background: #fff;
	border: 2px solid #999;
	border-radius: 4px;
	line-height: 1.2;
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	-webkit-appearance: none;
}
#search-form input.btn {
	padding: 6px;
	margin: 0 0 0 5px;
	background: #eee;
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #d8d8d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#d8d8d8));
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#d8d8d8 100%);
	background: -o-linear-gradient(top,  #f2f2f2 0%,#d8d8d8 100%);
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#d8d8d8 100%);
	background: linear-gradient(to bottom,  #f2f2f2 0%,#d8d8d8 100%);
}
#side #sp-link {
	/*width: 300px;*/
	width: 336px;
	background: none;
}
.sp-link-fixed {
	position: fixed;
	top: 20px;
}
.sp-link-bottom {
	position: fixed;
}



#content .wrapper {
	position: relative;
}
#ad-left,
#ad-right {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
}
#ad-left {
	/*margin-left:-745px;*/
	margin-left: -763px;
}
#ad-right {
	/*margin-left: 585px;*/
	margin-left: 603px;
}
.ad-fix-frame {
	width: 160px;
	height: 600px;
}
.ad-fix-frame img {
	max-width: none;
}
.ad-center {
	margin-bottom: 15px;
	text-align: center;
}
.ad-center img {
	margin-left: auto;
	margin-right: auto;
}



/* footer
-------------------------------------------------------------------------------*/
#pagetop {
	display: none;
	position: fixed;
	z-index: 20;
	right: 20px;
	bottom: 20px;
	font-size: 50px;
	opacity: 0.4;
	filter: alpha(opacity:40);
	line-height: 1;
}
#pagetop span {
	display: inline-block;
	width: 1px;
	height: 1px;
	overflow: hidden;
	color: #fff;
}
#pagetop a {
	color: #000;
	text-shadow: 0 0 30px #fff;
}
footer {
	margin: 50px 0 0 0;
	padding: 40px 0;
	text-align: center;
	color: #fff;
	background: #666;
}

.set-box-content {
	display: block;
	margin: 15px 0;
}

body.single .article-header-rss-blog,
body.single .article-header-rss-antenna {
	width: 364px;
}
body.single .article-header-rss {
	margin: 0 0 15px;
}
.blogrss {
	padding: 10px 0 0;
}
.blogrss-list {
	overflow: hidden;
}
.blogrss-list li {
	display: block;
	margin: 0 0 3px 5px;
	
	font-size: 12px;
	line-height: 1.3;
	list-style-type: none;
}
.blogrss-list li:before {
	content: '\f08e';
	font-family: FontAwesome;
	margin-right: 5px;
}
.article-header-rss-blog .blogrss-list li:before {
	color: #c00;
}
.article-header-rss-antenna .blogrss-list li:before {
	color: #2fd789;
}

/* 続きを読む */
#main .section-article-first {
	position: relative;
}
#main .section-article-first + .article-extend {
	display: block;
	text-align: center;
}
#main .section-article-first + .article-extend > span {
	display: inline-block;
	width: 700px;
	padding: 7px 0;
	background: #109700;
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	border-radius: 5px;
	cursor: pointer;
}
#main .section-article-first + .article-extend > span:before {
	content: '続きを読む';
}
#main .section-article-first + .article-extend > span:hover {
	background: #333;
}
#main .article-first .section-article-constract {
	overflow: hidden;
	height: 0;
}
#main .article-first .section-article-constract + section .paging-next {
	display: none;
}


/* 2016.7.19 word-break:break-all 対応 */
.main-post-tile h1,
.blogrss-list li {
	word-break: break-all;
}

/* おすすめサッカー記事 */
#rss_3site a {
	color: #333;
	font-weight: bold;
}
#rss_3site a:hover {
	color: #109700;
}
#rss_3site li {
	margin: 0 0 7px;
	line-height: 1.5;
}
#rss_3site li:last-child {
	margin: 0;
}
.rss-3site-date {
	display: inline-block;
	margin: 0 7px 0 0;
	color: #666;
	font-size: 10px;
}
.rss-3site-sitename {
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 2px 7px;
	border: 1px solid #666;
	border-radius: 20px;
	color: #666;
	font-size: 10px;
}
.rss-3site-delimiter {
	display: block;
	height: 4px;
}
.rss-3site-sitename[data-sitename='浦議'] {
	background: #c00;
	color: #fff;
	border: 0 none;
}
.rss-3site-sitename[data-sitename='ドメサカブログ'] {
	background: #109700;
	color: #fff;
	border: 0 none;
}
.rss-3site-sitename[data-sitename='J論'] {
	background: #333;
	color: #fff;
	border: 0 none;
}

/*タグクラウドのデザイン*/
.tagcloud a {
 font-size: 12px !important; /* 文字のサイズ */
 line-height: 1em;
 background: #2098a8; /* 背景色 */
 color: #fff; /* 文字色 */
 display: inline-block;
 white-space: nowrap;
 padding: 8px 8px; /* 文字周りの余白 */
 margin-top: 3px; /* タグ同士の余白 */
 border-radius: 4px; /* 角を少し丸く */
 text-decoration: none;
}
.tagcloud a:hover {
 background: #f9d635; /* マウスホバー時の背景色 */
 color: #2098a8; /* マウスホバー時の文字色*/
}

.tagcloud a:before {
 font-family: "FontAwesome";
 content: "\f02b"; /* 絵文字のコード */
 padding-right: 4px;
}



/* コメントカウント */
.comment_count {
	position: absolute;
	top: 17px;
	left: -40px;
	display: block;
	width: 40px;
	font-size: 14px;
	text-align: right;
}