/*---------------------------------------------------------
Theme Name: New-sp
---------------------------------------------------------*/
@charset "UTF-8";

a {
  color: #0824B5;
  text-decoration: none;
outline:none;
}

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
img {
     max-width: 98%;
     height: auto;
     }
a img {
  border:none;
  }
html {
-webkit-text-size-adjust: 100%;
}
* {
 font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;  
  margin: 0px;
  padding: 0px;
word-break: break-all;
}

p {
margin-bottom: 0px;
width: 98%;
padding: 2%;
}
#container {
overflow: hidden;
}
.post{
font-size:100% ;
}
body {
width: 100%;
margin: 0 auto;
background-color: #fff;
}

	/* デフォルト：980px以上用（PC用）の記述 */
@media screen and (max-width: 979px) {
	/* 979px以下用（タブレット用）の記述 */
}
@media screen and (max-width: 767px) {
	/* 767px以下用（タブレット／スマートフォン用）の記述 */
}
@media screen and (max-width: 479px) {
	/* 479px以下用（スマートフォン用）の記述 */
}

.pager a:hover,
.to-top a:hover,
a:hover img,
#footer .soc span:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";

}

img.size-full, img.size-large {
  margin-bottom: 20px;
  height: auto;
  max-width: 100%;
  width: auto;
}

a:hover {
  color: #588003;
}

.post-title {
  position: relative;
  font-size: 18px;
  line-height: 1.4;
  padding: 5px;
background: #e7f4ef;
color: #ef027d;
}

h2 {
color: #4581B9;
font-size: 14px;
line-height: 14px;
padding-top: 2%;
padding-bottom: 2%;
letter-spacing: 1px;
background: #e7f4ef;
}

#contents #main .post .ama3 {
	font-size: 18px;
	padding: 5px 10px 5px 35px;
	border-left: 5px solid #FF9900;
	color: #333;
	line-height: 30px;
	margin: 20px 0px 30px -40px;
}

#header{
	width: 100%;
}



#contents #main {
background: white;
}
#respond h3 {
  font-size: 15px;
}

.post .entry .entry-content {
 width: 100%;
min-height: 60px;
}

#side-outer #side ul li a:hover {
  color: #C00;

}

.menu-navigation-container {
  overflow: hidden;
}

/*---コメント----*/
#comments {
	font-size: 14px;
	line-height: 20px;
}
form#commentform {
	padding: 5px 20px 0px 20px;}

.comment-body {
  padding: 10px;
  margin-bottom: 20px;
}


#container #contents #main .post .ama3 {
	background-color: #FFF;
}

p.name{
	font-size: 12px;
	color: gray;
	padding:10px 5px 5px 5px;

}
p.res1{
	font-size: 18px;
	font-weight: bold;
	color: #555;
padding-bottom: 35px;
}
blockquote p.res1 {
font-size: 18px;
margin: 1%;
font-weight: bold;
color: #222;
line-height: 24px;
padding: 1%;
}

/* AA表示 */
span.aa {
font-family: IPAMonaPGothic,'ＭＳ Ｐゴシック',sans-serif;
font-size  : 16px;
line-height: 18px;
font-weight: bold;
display: block;
}

span.aas {
font-family: IPAMonaPGothic,'ＭＳ Ｐゴシック',sans-serif;
font-size  : 16px;
line-height: 18px;
font-weight: 400;
display: block;
}

span.aa2 {
font-family: IPAMonaPGothic,'ＭＳ Ｐゴシック',sans-serif;
font-size  : 12px;
line-height: 14px;
font-weight: normal;
display: block;
}

span.aa3 {
font-family: IPAMonaPGothic,'ＭＳ Ｐゴシック',sans-serif;
font-size  : 14px;
line-height: 16px;
font-weight: bold;
display: block;
}
img.attachment-autox110.wp-post-image {
height: auto;
width: 160px;
}

.comment-info {
font-size: 12px;
padding-top: 5px;
}

ol#commentlist {
left: 2%;
position: relative;
width: 92%;
}

#comments li{
list-style: decimal;
list-style-position: inside;
}
#comments p {
padding: 10px;
}
#comments input#author{
margin-left: 5px;
}
#comments p.comename{
margin: 10px 0px;
font-size: 16px;
}

#comments textarea#comment{
padding: 2px 5px;
width: 90%;
}

.comment textarea.form-textbox{
width: 90%;
}
#fc2form .submit input.button{
padding: 2px 10px;
}
.post-info{
margin: 45px 0px 0px 10px;
font-weight: bold;
}
.ti{
font-size: 13px;
padding-left: 5px;
width: 100%;
}
.ca{
margin: 5px 0px 5px 0px;
}
.ta{
line-height: 2;
}
.breadcrumbs a,
.post-info a,
#catego a{
border-radius: 22px 22px;
color: #4581B9;
opacity: 1;
-webkit-transition: all .3s linear;
display: inline-block;
background: #e7f4ef;
padding: 0px 12px;
font-size: .8em;
-webkit-box-shadow: rgba(0,0,0,0.168627) 0px -1px 0px 0px inset;
-moz-box-shadow: rgba(0,0,0,0.168627) 0px -1px 0px 0px inset;
box-shadow: rgba(0,0,0,0.168627) 0px -1px 0px 0px inset;
line-height: 2;
font-weight: bold;
}
.post-info a:hover,
#catego a:hover{
color: #47BA45;
}
.breadcrumbs{
padding: 5px;
}
.ninja_onebutton{
 height: 45px!important;
overflow: hidden!important;
margin-left: 10px!important;
padding: 5px!important;
}
#NINJA_CO_JP_ONETAG_BUTTON_d6f38fb153f52b926c9a124979d7700b_1 img {
padding-right: 5px!important;
 height: 42px!important;
  width: 42px!important;
}
.comesub input#submit {
color: white;
font-weight: bold;
border: none;
cursor: pointer;
height: 35px;
background: #86c73b;
font-size: 16px;
width: 100%;
  border-radius: 22px 22px;
}
.comesub input#submit:hover {
background:#588003;
}
p.form-submit {
text-align: center;
}

#footer {
width: 100%;
font-size: 14px;
text-align: center;
}
#footer li{list-style: none;}

.soc span a {
height: 20px;
width: 90px;
display: inline-block;
padding:1%;
margin: 1%;
color: white;
font-weight: bold;
border-radius: 22px 22px;
}
.soc span.twitter a{
background-color: #31b9f3;
}
.soc span.mail a{
background-color: #096F9A;
}

.soc span.about a{
background-color: #7CB608;
}


#header a{ 
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
}
#header a,
.to-top a,
.pager a{ 
color: #fff;
font-weight: bold;
display: inline-block;
letter-spacing: 2px;
font-size: 16px;
background: #ff5bb0
}

.to-top a {
height: 20px;
width: 95%;
padding: 5px 5px 5px 5px;
border-radius: 22px 22px;
}
.pager {padding-bottom: 5px;padding-top: 5px;padding-left: 30px;font-weight: bold;}
.numbers,.pager a{padding: 5px 10px;}
#header a:hover,
.to-top a:hover,
.pager a:hover{ 
background: #7CB608;
}
#output659490{
padding-left: 20px;
}
.to-top{
text-align: center;
margin: 10px;
}
.time{
font-size: 12px;
font-weight: normal;
color: #666;
margin-bottom: 1%;
}

/* 関連記事 */
.rela-tit,
#comments #respond {
 position: relative;
  color: #ff8000;
  font-size: 18px;
  line-height: 1;
padding: 5px;
letter-spacing: 5px;
border-bottom: 5px solid #ff8000;
width: 165px;
text-align: center;
}

img.wp-post-image {
width: 213px;
height: auto;
overflow: hidden;
}
.entry-thumb img.wp-post-image {
width: 50px;
height: auto;
overflow: hidden;
}

#cta {
margin: 0px 0px 10px 0px;
}
#cta li{
float: left;

margin: 5px 5px 5px 5px;
border-radius: 22px 22px;
}

#cta a{
font-size: 13px;
font-weight: bold;
padding: 0px 5px 0px 5px;
opacity: 1;
-webkit-transition: all .3s linear;
display: inline-block;
-webkit-box-shadow: rgba(0,0,0,0.168627) 0px -1px 0px 0px inset;
-moz-box-shadow: rgba(0,0,0,0.168627) 0px -1px 0px 0px inset;
box-shadow: rgba(0,0,0,0.168627) 0px -1px 0px 0px inset;
line-height: 2;
border-radius: 22px 22px;
}
#cta h3{
letter-spacing: 3px;
padding: 10px 0px;
font-size: 14px;
}
.cp
{font-size: 14px;
text-align: center;}

.comment-text{border-bottom: #555555 dotted 1px;letter-spacing: 1px;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.res_b{padding: 5px 10px 5px 10px;line-height:21px;font-weight:bold;font-size:16px;display:block;color:#060}
.res_c{margin:0 10px 0 10px;padding:5px 0 5px 0;line-height:1.8;font-weight:bold;font-size:16px;display:block;color:#00d;clear:both}
.res_e{padding: 5px 10px 5px 10px;line-height:32px;font-weight:bold;font-size:x-large;display:block;color:#00d}
.res_f{padding: 5px 10px 5px 10px;line-height:1.8;font-weight:bold;font-size:18px;display:block;color:#00f}
.res_g{margin:0 10px 0 10px;padding:0;line-height:1.8;font-weight:bold;font-size:16px;display:block;color:#00d}
.res_news{border:1px #ddd solid;padding:5px 5px 5px 5px;}

.res_news2{border:1px #DDD solid;
margin: 1%;
padding: 1%;
line-height: 1.6;
display: block;
width: 95%;
clear: both;

}
.res_block{border:1px #C4C4C4 solid;clear:both;margin:1%;padding:1%;line-height:1.8}

.res_block2{color:navy;border:1px solid #C4C4C4;clear:both;padding:1%;margin:1%;clear:both;border:1px solid #C4C4C4;font-weight: bold;}

.res_block2 p{color:navy;clear:both;line-height:1.8;padding:1%;margin:1%;font-size:16px}

.res_h{padding:34px 0 12px 5px;font-size: 15px}
.res_t{margin:0 0 6px 5px;padding:12px 0 6px 0;display:block;clear:both}

a:hover img{opacity:.8;filter:alpha(opacity=80);-ms-filter:"alpha( opacity=80 )";-ms-interpolation-mode:bicubic}

.entry-title a{
width: 88%;
min-height: 60px;
padding-top: 2%;
padding-bottom: 2%;
padding-left: 6%;
padding-right: 6%;
opacity: 1;
-webkit-transition: all .3s linear;
font-size: 16px; 
font-weight: bold;
text-decoration: none;
display: block;
position: relative;
border-bottom: 1px solid #ccc;
}

.entry-title a:after {
display: block;
position: absolute;
top: 50%;
right: 10px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 3px #ff5bb0;
border-right: solid 3px #ff5bb0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}
.time:before {
    content: '';
    position: absolute;
    background: #7CB608;
    height: 10px;
    width: 10px;
top: 30px;
left: 1%;
}
 
.time:after{
    content: '';
    position: absolute;
    background: #ff5bb0;
 height: 10px;
width: 10px;
top: 34px;
left: 2%;
}

.blogroll-channel,.blogroll-channel *{width:auto;height:auto;margin:0;padding:0;border:0;text-align:left}
.blogroll-channel .blogroll-list-wrap{margin-bottom:60px}

.blogroll-channel .blogroll-list img{vertical-align:middle}
.blogroll-channel img.blogroll-icon,.blogroll-channel img.blogroll-favicon{margin:4px 2px 0 0;float:left}
.blogroll-channel img.blogroll-favicon{width:16px;height:16px}
.blogroll-channel .blogroll-new-entry{margin-left:5px;color:red}
.blogroll-channel .blogroll-clip,.blogroll-channel .blogroll-hatebu{margin:0 0 0 5px}
.blogroll-channel .blogroll-link-time{margin:0 0 0 3px;color:#666;font-size:10px}
.blogroll-channel .blogroll-ad-text{display:block;margin-top:5px;font-size:12px}



.bq{font-size:16px;display:block;background:0;font-weight:normal;line-height:16px;font-style:normal;color:#161616}
.bq p{font-size:16px;color:#222;line-height:24px;padding:1%;}
.bq span{font-size:16px}

#new-posts li,
.yarpp-related li {
list-style: none;
}


#new-posts a, .yarpp-related a,#rss-sp a {
width: 88%;
min-height: 24px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5%;
padding-right: 6%;
opacity: 1;
-webkit-transition: all .3s linear;
font-size: 16px;
font-weight: bold;
text-decoration: none;
display: block;
position: relative;
white-space: nowrap;
border-bottom: 1px solid #ccc;
}

#new-posts a:before, .yarpp-related a:before,#rss-sp a:before {
content: '';
position: absolute;
background: #7CB608;
height: 10px;
width: 10px;
top: 12px;
left: 1%;
}

#new-posts a:after, .yarpp-related a:after,#rss-sp a:after {
content: '';
position: absolute;
background: #ff5bb0;
height: 10px;
width: 10px;
top: 16px;
left: 2%;
}

#rss-sp,.a1,.a2{overflow:hidden;}
#rss-sp{height: 276px;}
.a1{height: 92px}
.a2{height: 180px}

li.blogroll-list:nth-child(even),.yarpp-related li:nth-child(even),#new-posts li:nth-child(even){background:#FFf7f0; }
div#blogroll-70501.blogroll-channel {height: 457px;overflow: hidden;}
.adfunnel_sp{margin:2px 0px 2px 0px;}
p.inyou {position: relative;top: 250px;width: 98%;padding: 0;margin-left: 2px;font-size: 16px;height: 0;}
p.inyou a{width: 98%;overflow:hidden;}

#prev a,#next a,#homeurl a{
font-weight: bold;
display: inline-block;
font-size: 16px;
background: #004D00;
height: 20px;
padding: 1%;
color: white;
}
#prev a,#next a{width: 33%;}
#homeurl a{width: 20%;}
#prev a:hover,#next a:hover,#homeurl a:hover{background:#008000;}
#pre-next{text-align: center;margin: 3px 3px 10px 3px; }
.comment-time{color: #339933;}
.attachment{
padding: 10px;
}