@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */
body{
	background-color:#e7e6f3;
}


#linkcat-2 a{
	font-size:70%;
}
#page-top {
    right: 10px;
    bottom: 20%;
}
.related-entry-snippet{
display:none;
}

/*RSS------------------------------------*/
.rss{
	display:flex;
	overflow:hidden;
}
.left, .right{
	height:450px;
	overflow-y:scroll;
    vertical-align: top;
    margin: 10px;
	background-color:#fff;
	width:50%;
}
.rss .widget h3, .mobile_top .mobile_widget h3{
	display:none;
}
.rss .widget ul, .mobile_top .mobile_widget ul{
	position: relative;
    left: -10px;
}
.rss .widget li, .mobile_top .mobile_widget li{
	list-style-type:none;
	border-bottom: 1px #ccc dotted;
    width: 100%;
    position: relative;
    left: -20px;
    margin-bottom: 5px;
	
}

.rss .widget li a, .mobile_top .mobile_widget li a{
text-decoration:none;
	font-size:90%;
}
.rss .widget li{
	background-color:#fff;
}
.rss .widget li:nth-child(odd){
	background-color:rgba(251,250,193,0.3);

}

.rank{
      display:flex;
    }
      .rank1 img{
        width:15vw;
      }
      .rank2 img{
        width:15vw;
      }
.rank1{
	margin-right:20%;
	margin-left: 10%;
}
.raku-bottom{
	padding:0 10%;
}
/*Article---------------------------------*/
.post-author{
	display:none;
}
.entry-snippet{
	color:#777;
}

.article h2 {
    background-color: #3c6478;
    border-left: 0 none;
    color: #ffffff;
    padding: 15px 30px;
}
.t_h, .t_i{
	font-size:85%;
}
body{
	word-wrap: break-word;
}
.post-meta{
	font-size:14px;
}
.entry-read{
	text-align:right;
}
.entry-read a{
	color:#405dcd;
}
.entry h2{
	border-bottom:5px solid #b2b4bf;
	padding:5px 5px 10px 5px;
}
#a1, .topa {
    background-color: #f1f0ec;
    padding: 8px;
    font-size: 90%;
}
.entry-large-thumnail {
    width: 85%;
    height: auto;
    margin: 10px auto;
    display: block;
}
.footfix{
	display:block;
	width: 50%;
    margin: 0 auto;
}
.twitter-tweet{
	margin:0 auto;
}

.hanno, .hannor{
	 background-color: #eee;
    margin-bottom: 30px;
    padding: 1em;
	 border-radius:3px;
}
.hannor{
	margin-left:10%;
}
/* nextpage --*/
.page-link{
text-align:center;
}
.page-link span{
margin-right: 3px;
padding: 8px 11px;
border: 1px solid #ddd;
background: #ffffff;
border-radius:0px;
}
.page-link a span{
background: #41a69c;
color:#ffffff;
}
.page-link a span:hover{
background: #33827A;
color:#ffffff;
}



/*Sidebar---------------------------------*/
#sidebar h3 {
  font-size:20px;
  border-bottom:5px solid #FF837B;
  padding:10px 0;
}
ul.wpp-list li{
	border-bottom:1px solid #ccc;
	padding-bottom:3px;
}

ul.wp-polls-ul{
	padding: 1em 0 1em 1em;
    background-color: #f3f5f7;
}

.wp-polls .Buttons{
	height:50px !important;
	width:80%;
	
}
.wp-polls{
	background-color:#e5f4f5 ! important;
	padding:0 10px;
}
#wp-calendar{
	margin:0 auto;
}
#text-8{
	font-size:85%;
}
#text-8 a{
	font-weight:bold;
	color:#04c;
}


#popular-wrapper {
   padding: 16px 15px;
}
.popular-list {
   position: relative;
   display: block;
   padding-bottom: 10px;
   margin-bottom: 10px;
   border-bottom: 1px solid #ddd;
}
.popular-list:last-child {
   padding-bottom: 0;
   border-bottom: 0;
   margin-bottom: 0;
}
.popular-list::after {
   content: "";
   display: block;
   clear: both;
}
.popular-left {
   float: left;
   width: 64px;
   height: 64px;
}
.popular-right {
   padding-left: 72px;
}
.popular-title {
   font-size: 13px;
   line-height: 1.5;
}
/* 以下、順位表示に関する記述 */
#popular-wrapper {
   counter-reset: number;
}
.popular-list::before {
   counter-increment: number;
   content: counter(number);
   position: absolute;
   top: -15px;
   left: 0;
   width: 1.6em;
   height: 1.6em;
   line-height: 1.6em;
   font-size: 12px;
   color: #fff;
   text-align: center;
   background: rgba(244,87,63,.85); /* 好みの色で */
   z-index:2;
}
.popular-left img{
	position:relative;
	top:-15px;
}
/* 1位の記事 */
.popular-list:nth-of-type(1)::before {
   background: #f4d942;
}
/* 2位の記事 */
.popular-list:nth-of-type(2)::before {
   background: #41f459;
}
/* 3位の記事 */
.popular-list:nth-of-type(3)::before {
   background: #f45e41;
}

/*Jetpack */
.widgets-list-layout .widgets-list-layout-blavatar{
	max-width:120px !important;
}
a.bump-view{
	font-size:90%;
}
.widgets-list-layout li{
	padding:5px 0;
}
/*Footer--------------------------------------*/


/*Comments---------------------------------*/
p.form-submit{
	position:relative;
	right:-80%;
}
#comments-thread div.comment-info{
	font-weight:normal !important;
}
#comments-thread ol li {
  list-style: none;
}
#comments-thread .id-num {
  display: inline-block;
  margin-right: 5px;
}
#comments-thread .research {
  color: #99c;
}
#comments-thread .research{
      font-size:120%;
	 font-weight:bold;
}
.comment-datetime, .comment-id{
	font-size:90%;
	color:#8e8a8a;
}
.caution{
	padding:10px;
	font-size:70%;
	border: 1px solid #de8282;
	background-color: #ffdbdb;
}
.viewbox {
  border: 1px solid #ccc;
  color: #333;
  background-color: #fff;
  padding: 5px 5px 10px;
  position: absolute;
  left:15%;
	top:20%;
  z-index: 99999;
  opacity: 0.7;
  visibility: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
  min-width: 300px;
  max-width: 40%;
}
.viewbox.active {
  opacity: 1;
  visibility: visible;
  font-size: 14px;
}
.viewbox.active .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  -webkit-box-pack: justify;
   -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  margin-bottom: 10px;
  padding: 5px;
  background-color: #333;
  color: #fff;
 position:relative;
	top:20px;
}
.viewbox.active .info::after {
		content: "";
  		display: block;
  		width: 100%;
  		height: 1px;
  		background-color: #999;
  		margin: 5px 0 0;
}

.viewbox.active .info a {
  color: inherit;
}
.viewbox.active .info span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.viewbox.active .info span:nth-of-type(1) {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  background-color: #c00;
  color: #fff;
  padding: 0 2px;
  font: bold 12px/1.2 sans-serif;
}
.viewbox.active .info span:nth-of-type(2) {
  -webkit-box-flex: 2;
      -ms-flex: 2 48%;
          flex: 2 48%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.viewbox.active .info span:nth-of-type(3) {
  -webkit-box-flex: 1;
      -ms-flex: 1 100%;
          flex: 1 100%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.viewbox.active .info span:nth-of-type(4) {
  -webkit-box-flex: 1;
      -ms-flex: 1 40%;
          flex: 1 40%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.viewbox .id-num {
  display: inline-block;
  margin-right: 5px;
}
p.comment-form-email, P.comment-subscription-form, P.comment-subscription-form{
	display:none;
}



/** 追従SNSボタン******************************/
#sharebar {
	margin-left: 0px;
	left: 0px;
	width: auto;
	-webkit-box-shadow: 0 1px 3px #777;
	box-shadow: 0 1px 3px #777;
}
#sharebar .arrow-box {
	display:none;
}
#sharebar .balloon-btn-set{
	height: 30px;
	width: 30px;
}
#sharebar a.balloon-btn-link {
	height: 30px;
	line-height: 30px;
	width: 28px;
	border-radius: 0px;
}
#sharebar ul.snsb{
	padding: 0px;
}
#sharebar ul.snsb-balloon li, #sharebar li.comments-balloon-btn {
	margin-left: 5px;
}
#sharebar a.twitter-balloon-btn-link, #sharebar a.facebook-balloon-btn-link, #sharebar a.googleplus-balloon-btn-link, #sharebar a.hatena-balloon-btn-link, #sharebar a.pocket-balloon-btn-link, #sharebar a.line-balloon-btn-link, #sharebar a.evernote-balloon-btn-link, #sharebar a.feedly-balloon-btn-link, #sharebar a.push7-balloon-btn-link, #sharebar a.comments-balloon-btn-link {
	background-color: #FFF;
	border: none;
	color: #031424;
}

/* モバイル画面でロゴサイドボタン消去 ********************/
@media screen and (max-width:1110px){
	#sharebar  {
		display: none;
	}
}
/*footer  **********************************/
#wp-calendar{
	margin-top:20px;
}

/*----pluginのCSS--------------------------------------*/
div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	border: 1px solid #ff0000;
	background: #fff;
	padding: .2em .8em;
}

span.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
	content: " ";
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 .ajax-loader {
	visibility: hidden;
	display: inline-block;
	background-image: url('../../images/ajax-loader.gif');
	width: 16px;
	height: 16px;
	border: none;
	padding: 0;
	margin: 0 0 0 4px;
	vertical-align: middle;
}

div.wpcf7 .ajax-loader.is-active {
	visibility: visible;
}

div.wpcf7 div.ajax-error {
	display: none;
}

div.wpcf7 .placeheld {
	color: #888;
}

div.wpcf7 .wpcf7-recaptcha iframe {
	margin-bottom: 0;
}

div.wpcf7 input[type="file"] {
	cursor: pointer;
}

div.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

/*
Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera
cabrerahector.com | @cabrerahector

Use the following classes to style your popular posts list as you like.
*/

/* Styles the "Sorry, no data so far" message */
.wpp-no-data {
}

/* UL - Popular Posts container styles */
.wpp-list {	
}

	/* LI - Post container styles */
	.wpp-list li {
		overflow: hidden;
		float: none;
		clear: both;
	}
	
	/* Styles for the popular post in view */
	.wpp-list li.current {
	}
	
		/* Thumbnail styles */
		.wpp-thumbnail {
			display: inline;
			float: left;
			margin: 0 5px 0 0;
			border: none;
		}

		/* Title styles */
		.wpp-post-title {
		}
		
		/* Excerpt styles */
		.wpp-excerpt {
		}
		
		/* Stats tag styles */
		.wpp-meta, .post-stats {
			display: block;
			font-size: 0.8em;
			font-weight: bold;
		}
			
			/* Comments count styles */
			.wpp-comments {
			}
			
			/* Views count styles */
			.wpp-views {
			}
			
			/* Author styles */
			.wpp-author {
			}
			
			/* Post date styles */
			.wpp-date {
			}
			
			/* Post category styles */
			.wpp-category {
			}
		
		/* WP-PostRatings styles */
		.wpp-rating {
		}
/*.wp-polls ----------------------*/
.wp-polls-archive {
	/* background-color: #ffffff; */
}
.wp-polls, .wp-polls-form {
	/* background-color: #ffffff; */
}
.wp-polls ul li, .wp-polls-ul li, .wp-polls-ans ul li {
	text-align: left;
	background-image: none;
	display: block;
}
.wp-polls ul, .wp-polls-ul, .wp-polls-ans ul  {
	text-align: left;
	list-style: none;
	float: none;
}
.wp-polls ul li:before, .wp-polls-ans ul li:before, #sidebar ul ul li:before {
	content: '';
}
.wp-polls IMG, .wp-polls LABEL , .wp-polls INPUT, .wp-polls-loading IMG, .wp-polls-image IMG {
	display: inline;
	border: 0px;
	padding: 0px;
	margin: 0px;
}
.wp-polls-ul {
	padding: 0px;
	margin: 0px 0px 10px 10px;
}
.wp-polls-ans {
	width:100%;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	/* background-color: #ffffff; */
}
.wp-polls-loading {
	display: none;
	text-align: center;
	height: 16px;
	line-height: 16px;
}
.wp-polls-image {
	border: 0px;
}
.wp-polls .Buttons {
	border:1px solid #c8c8c8;
	background-color: #f3f6f8;
}
/* Polls Archive Paging */
.wp-polls-paging a, .wp-polls-paging a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-polls-paging a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-polls-paging a:hover {	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-polls-paging a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.wp-polls-paging span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.wp-polls-paging span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
.wp-polls-paging span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
/************************************
** Twitterタイプボタン表示CSS
************************************/
a.balloon-btn-link/*,
.push7-balloon-btn .p7-b > a*/ {
  font-size:16px;
  font-weight:normal;
  border:1px solid #bbb;
  text-decoration:none;

  background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
  background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
  background-color:#f9f9f9;
  color:#666666;
  text-shadow:1px 1px 0px #ffffff;
   -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
   -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
   box-shadow:inset 1px 1px 0px 0px #ffffff;

  background-color: #1B95E0;
  color: #fff;
  display:inline-block;
}

/*.push7-balloon-btn .p7-b > a{
  height: 16px;
  color: #eeac00;
}*/

.push7-balloon-btn .p7-b > a > span {
    display: inline-block;
}

.push7-balloon-btn .cls-1{fill: currentColor;}

a.twitter-balloon-btn-link{color:#55acee;}
a.twitter-balloon-btn-link-default{
  color:#fff;
  background: none;
  background-color: #55acee;
  box-shadow: none;
  text-shadow: none;
}
a.facebook-balloon-btn-link{color:#3c5a99;}
a.googleplus-balloon-btn-link{color:#dd4b39;}
a.hatena-balloon-btn-link{color:#3c7dd1;}
a.pocket-balloon-btn-link{color:#ee4257;}
a.line-balloon-btn-link{color:#00c300;}
a.evernote-balloon-btn-link{color:#51b125;}
a.feedly-balloon-btn-link{color:#87bd33;}
a.push7-balloon-btn-link{color:#eeac00;}
a.comments-balloon-btn-link{color:#777;}

a.twitter-balloon-btn-link:hover{color:#55acee;}
a.twitter-balloon-btn-link-default:hover{color:#fff;}
a.facebook-balloon-btn-link:hover{color:#3c5a99;}
a.googleplus-balloon-btn-link:hover{color:#dd4b39;}
a.hatena-balloon-btn-link:hover{color:#3c7dd1;}
a.pocket-balloon-btn-link:hover{color:#ee4257;}
a.line-balloon-btn-link:hover{color:#00c300;}
a.evernote-balloon-btn-link:hover{color:#51b125;}
a.feedly-balloon-btn-link:hover{color:#87bd33;}
a.push7-balloon-btn-link:hover{color:#eeac00;}
a.comments-balloon-btn-link:hover{color:#777;}
/*****************************
*カレンダーに枠を付ける
*****************************/
#wp-calendar {
    border-collapse: collapse;
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: #999;
    border-right-color: #999;
    width: 250px;
}
#wp-calendar thead tr th {
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #999;
    border-left-color: #999;
}
#wp-calendar td {
    text-align: center;
    padding: 0px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #999;
    border-left-color: #999;

}
#wp-calendar caption {
    font-weight: bold;
    text-align: left;
}
#wp-calendar tbody tr #today {
    background-color: #CCC;
}