@charset "utf-8";
/*!
 * home Styles
 */
body.single {
	background-image: url(../img/single/single_bg.png);
	background-repeat: repeat-x;
}
.single #main {
	margin: 0 auto 40px;
	clear: both;
}
.single #content {
	overflow: hidden;
	position: relative;
}
.single .entry-header {
	max-width: 895px;
	margin: 0 auto;
}
.single article.post {
	position: relative;
}
.single article.post .wp-caption{
	min-width:200px;
	}
.single article.post .wp-caption img{
	display:block;
	margin:0 auto;
	}
.single article.post img {
	max-width: 100%;
	height: auto;
	width: auto;
	position: relative;
	z-index: -1;	/* コピー対策 */
}
.single article.post a img {
	z-index: auto;
}
.single article.post p.main_image {
	position: relative;
	z-index: -1;
	clear: both;
	margin: 0;
	text-align: center;
}
.single article.post .main_image img {
	width: 100%;
}
.single .entry-title-bg {
	position: absolute;
	bottom: 100%;
	margin-bottom: -714px;
	max-width: 895px;
}
.single .entry-title-bg .entry-title {
	background-color: #FFF;
	font-size: 155.5%;
	line-height: 1.6;
	font-weight: bold;
	padding: 1em 1em 1em 0;
	width: 75%;
}
.single .entry-header .tag-li a {
	font-size: 88.8%;
}
.single article.post .post_social {
	position: absolute;
	top: 286px;
	left: 50%;
	margin-left: -560px;
	text-align: center;
}
.single article.post .post_social li {
	margin: 0 0 10px;
}
.single article.post .post_social li .icon {
	display: block;
	width: 55px;
	height: 55px;
	border-radius: 8px;
	background-repeat: no-repeat;
	background-position: center 10px;
	background-size: 50px 35px;
	box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.15);
	/*text hidden*/
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
.single article.post .post_social li .count {
	font-size: 77.7%;
	font-weight: bold;
	display: inline-block;
    min-height: 1em;
}
.single article.post .post_social li.twitter .icon {
	background-image: url(../img/single/twitter_btn.png);
	background-color: #00aced;
}
.single article.post .post_social li.twitter .count {
	color: #00aced;
}
.single article.post .post_social li.facebook .icon {
	background-image: url(../img/single/facebook_btn.png);
	background-color: #3b5998;
}
.single article.post .post_social li.facebook .count {
	color: #3b5998;
}
.single article.post .post_social li.hatena .icon {
	background-image: url(../img/single/hatena_btn.png);
	background-color: #0039a1;
}
.single article.post .post_social li.hatena .count {
	color: #0039a1;
}
.single .entry-date {
	padding: 1em 0;
}
.single .entry-content {
	box-shadow: inset 0px 10px 15px -5px rgba(0, 49, 148, 0.17);
}
.single .post_section {
	max-width: 775px;
	margin: 0 auto;
	padding: 60px;
}
.single article.post .next_link {
	clear: both;
	background-image: url(../img/parts-single/next.png);
	background-repeat: no-repeat;
	line-height: 30px;
	padding: 0 0 0 100px;
	display: inline-block;
	margin: 1em auto;
}
.single article.post .next_link {
	border-left: 2px solid #f1f1f1;
	padding: 0 0 0 100px;
}
.single article.post .next_link:before {
	content: "NEXT >>";
	font-family: "Times New Roman", sans-serif;
	font-weight: bold;
	margin-right: 0.5em;
}
.single .pagination_single {
	text-align: center;
	clear: both;
}
.single .ibm_link {
	clear: both;
	max-width: 775px;
	margin: 0 auto;
	padding: 60px;
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 3%;
}
.single .ibm_link h2 {
	font-weight: bold;
	margin: 0 0 1em;
}
.single .ibm_link p {
	vertical-align: text-bottom;
}
.single .ibm_link p img {
	margin: 0 1em 0 0;
	max-width: 60px;
	max-height: 40px;
}
.single .ibm_icon {
	font-family: "Times New Roman", sans-serif;
	font-weight: bold;
	margin-right: 0.5em;
}
.single .ibm_icon:after {
	content: " >>";
}
.single .comment_box {
	padding: 2% 0;
	max-width: 775px;
	margin: 0 auto;
}
.single #fbcomments, .single .fb-comments, .single .fb-comments iframe[style], .single .fb-comments span {
	width: 100% !important;
}
/*エディタにも反映*/

/*.double_line_title{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:0.5em 10px;
	}
.gray_bg_title{
	background-color:#f1f1f1;
	padding:0 10px;
	}*/
.underline_title {
	border-bottom: 1px solid #676cdd;
}
.entry-content h2 {
	background-image: url(../img/single/h2_bg.png);
	position: relative;
	padding: 20px 60px;
	margin: 2em -60px;
	color: #676cdd;
}
.entry-content h2:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 70px;
	height: 100%;
	max-height: 70px;
	border-top: 1px solid #676cdd;
	border-left: 1px solid #676cdd;
}
.entry-content h2:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 70px;
	height: 100%;
	max-height: 70px;
	border-bottom: 1px solid #676cdd;
	border-right: 1px solid #676cdd;
}
.entry-content h3 {
	background-image: url(../img/single/h2_bg.png);
	padding: 5px 10px;
	color: #676cdd;
}
.matome_box {
	border: 1px solid #676cdd;
	padding: 1em;
	margin: 3.5em 0 5em;
}
.entry-content .matome_box * {
	font-size: 88.8%;
	font-size: 0.88rem;
}
.matome_box > h2, .matome_box > h3, .matome_box > h4, .matome_box > h5, .matome_box > h6 {
	margin: 0 0 0.5em;
}
.matome_box ul {
	list-style: none;
	margin: 0 0 1em 0
}
.matome_box ul li {
	background-image: url(../img/single/li_icon.png);
	background-repeat: no-repeat;
	background-size: 12px 8px;
	background-position: 0 10px;
	padding: 0 0 0 1.5em;
}
.entry-customRelation {
}
.entry-customRelation h2 {
	background-image: none;
	font-size: 120%;
	position: static;
	padding: 0;
	margin: 0;
	color: #212121;
}
.entry-customRelation h2:before,
.entry-customRelation h2:after{
    display: none;
}

.margin_left {
	margin-left: 3em !important;
}
.margin_right {
	margin-right: 3em !important;
}
.margin_top {
	margin-top: 5em !important;
}
.margin_bottom {
	margin-bottom: 5em !important;
}
.border_1px_box {
	border: 1px solid #cccccc;
	padding: 1em;
}
ul.border_1px_box {
	margin: 0 0 1em 0;
	padding: 1em 1em 1em 2em;
}
.border_left {
	border-left: 2px solid #f1f1f1;
	padding: 0 0 0 2em;
}
.ibm_link a {
	/*text-decoration:underline;*/
	color: #0066cc;
	border-bottom: 1px solid #0066cc;
	display:inline !important;
}
.ibm_link a:hover,
.ibm_link a:focus {
	color: #000;
	text-decoration: none;
	border: none;
}
.ibm_link a[target="_blank"]:after {
	content: url(../img/single/blank_ico.png);
	margin-left: 5px;
}
.link_icon:before {
	content: "LINK >>";
	font-family: "Times New Roman", sans-serif;
	font-weight: bold;
	margin-right: 0.5em;
}
p.link_icon {
	margin: 3em 0;
}
.sharebutton {
  margin: 62px auto 35px;
  padding-bottom: 70px;
  border-bottom: 1px solid #ccc;
}
.sharebutton h4 {
  text-align: center;
}
.sharebutton ul {
  margin: 0;
}
.sharebutton ul:after {
  display: block;
  clear: both;
  content: "";
}
.sharebutton ul li {
  width: 49.2%;
  height: 86px;
  color: #fff;
  text-align: center;
  list-style-type: none;
  float: left;
  margin-left: 0;
}
.sharebutton dt {
  line-height: 1;
  margin-top: 17px;
  font-size: 125%;
  font-weight: normal;
}
.sharebutton dd {
  margin: 10px auto 0;
  line-height: 1;
}
.sharebutton-facebook {
  background-color: #3b5998;
}
.sharebutton .sharebutton-feedly {
  background-color: #6cc655;
  margin-left: 1.5%;
}
.sharebutton .sharebutton-feedly a {
  color: #fff;
  text-decoration: none;
  border-bottom: none;
}
.sharebutton .sharebutton-feedly a[target="_blank"]:after {
  content: "";
  margin: 0;
}
.sharebutton .sharebutton-feedly img {
  width: 71px!important;
}
.postmovie {
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 1.5em;
  width: 100%;
  height: 0;
  overflow: hidden;
}
.postmovie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.screensaver {
  margin: 5% 0;
}
.screensaver-inner:after {
  display: block;
  content: "";
  clear: both;
}
.screensaver-dlbutton {
  width: 49%;
  margin: 0 auto!important;
  padding: 0;
}
.screensaver-dlbutton--windows {
  float: left;
}
.screensaver-dlbutton--mac {
  float: right;
}
.screensaver-dlbutton a {
  border: none;
  display: block;
  margin: 0 0 20px;
  padding: 0.6em 0;
  background-color: #007ac3;
  border-radius: 8px;
  color: #fff;
  text-align: center;
  color: #fff;
}
.screensaver-dlbutton a:hover {
  background-color: #333;
  color: #fff;
}
/*.screensaver-notes {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  margin: 5% 0 0!important;
  padding: 1em 0;
}
.screensaver-notes dt{
  font-size: 122.2%;
  font-weight: bold;
  text-align: center;
}*/
.profile_box {
	padding: 2em 2em 0;
	font-size: 77.7%;
	margin: 3em 3em 0;
	position: relative;
	overflow: hidden;
}
/*.profile_box:after{
	content:"";
	background-color:#f1f1f1;
	width:100%;
	height:1000px;
	position:absolute;
	top:0;
	left:0;
	z-index:-2;
	}*/
.profile_box .wp-caption {
	float: none !important;
	margin: 0 auto !important;
	padding: 0 !important;
	width: 86px !important;
	height: 86px !important;
	overflow: hidden;
	border-radius: 43px;
	min-width: 86px !important;
}
.profile_box .wp-caption img {
	border-radius: 43px;
	margin: 0;
}
.profile_box > h2, .profile_box > h3, .profile_box > h4, .profile_box > h5, .profile_box > h6 {
	margin: 0 0 0.5em;
}
.profile_box h4 {
	text-align: center;
}
.profile_box p:after {
	content: "";
	clear: both;
	display: block;
}
.profile_box .annotation_box {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
  margin-top: 70px;
  padding: 9px 0;
}
.profile_box .annotation_box .sponsor {
  font-size: 128.7%;
  margin-bottom: 0;
}
.profile_box .annotation_box .sponsor a {
  border-bottom: none;
}
.profile_box .annotation_box small{
  color: #c0c0c0;
  font-size: xx-small;
  display: block;
  padding-top: 7px;
}
.similar_posts {
	background-color: #ffffe3;
	background-image: -moz-linear-gradient( 180deg, rgb(242,234,255) 0%, rgb(255,255,227) 100%);
	background-image: -webkit-linear-gradient( 180deg, rgb(242,234,255) 0%, rgb(255,255,227) 100%);
	background-image: -ms-linear-gradient( 180deg, rgb(242,234,255) 0%, rgb(255,255,227) 100%);
	box-shadow: inset 0px 5px 15px 0px rgba(0, 49, 148, 0.07);
	margin: 2% auto;
	padding: 2% 0;
}
.similar_posts h2 {
	color: #a182cc;
	font-size: 360%;
	text-align: center;
}
.similar_posts ul {
	max-width: 769px;
	margin: 0 auto;
}
.similar_posts ul li {
	border-top: 1px solid #ccc;
	padding: 1em 0;
}
.similar_posts ul li:first-child {
	border: none;
}
.similar_posts .tag-li a {
	margin: 0 -3px 5px 0;
	display:inline-block;
}
.similar_posts li:after{
	content: "";
	clear: both;
	display: block;
	}
.similar_posts h3.h-title  a {
	color: #000;
	font-size:111.1%;
	font-weight:bold;
}
.similar_posts h3.h_title a:visited {
	color: #000;
}
.similar_posts h3.h-title a:hover,
.similar_posts h3.h-title a:focus {
	color: #007ac3;
	border-bottom: 1px solid #007ac3;
}
.similar_posts ul li img{
	float:left;
	margin-right:20px;
	max-width:120px;
	height:auto;
	}
.similar_posts ul li .similar_posts-txt{
	clear:right;
	margin-left:150px;
	}
.single .popular_ranking {
	margin-right: -667.5px; /* -(895px / 2 + 220px) */
	position: absolute;
	right: 50%;
	top: 714px;
	width: 195px;
}
.single .popular_ranking .inner {
	position: relative;
	top: 60px;
}
.single .popular_ranking .inner > h2 {
	color: #0066cc;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 1em;
	text-align: center;
}
.single .popular_ranking .inner > ol {
	counter-reset: rank;
}
.single .popular_ranking .post {
	cursor: pointer;
	padding-bottom: 1em;
	position: relative;
}
.single .popular_ranking .post:nth-child(n+4){
    display: none;
}
.single .popular_ranking .post a {
	color: #000;
}
.single .popular_ranking .post:hover a {
	color: #007ac3;
}
.single .popular_ranking .post .thumb {
	overflow: hidden;
	text-align: center;
}
.single .popular_ranking .post .thumb img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}
.single .popular_ranking .post:hover .thumb img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.single .popular_ranking .post .summary .h_title {
	font-size: 0.7em;
	line-height: 1.5;
	margin: 0.5em 0 0.25em;
}
.single .popular_ranking .post .summary .h_title:before {
	color: #fff;
	content: counter(rank);
	counter-increment: rank;
    display: inline-block;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman","HG明朝E", "メイリオ", Meiryo, serif;
	font-size: 1.8em;
	line-height: 1;
	position: absolute;
    top: 0;
    left: 8px;
    margin-top: 5px;
    z-index: 20;
}
.single .popular_ranking .post .summary .h_title:after{
    content: "";
    background-image: url(../img/single/rank_triangle.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    z-index: 10;
}

.single #lightbox #downloadLink{
	display:none;
	}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
    .single .popular_ranking .post .summary .h_title:before {
        margin-top: 10px;
    }
}



@media screen and (max-width:980px) {
.single .entry-title-bg {
	position: relative;
	margin-bottom: 0;
}
.single .entry-title-bg .entry-title {
	padding: 1em 1em 0 1em;
	max-width: none;
	width:auto;
}
.single article.post .post_social {
	position: static;
	text-align: center;
	margin-left: 0;
}
.single article.post .post_social li {
	display: inline-block;
	margin: 0 0 10px;
}
.single article.post .post_social.is_stuck {
	width: auto !important;
	left: auto;
	right: 165px;
	margin-top: 13px;
	z-index: 102;
}
.single article.post .post_social.is_stuck li {
	margin: 0 10px 0 0;
}
.single article.post .post_social.is_stuck .icon {
	width: 30px;
	height: 30px;
    border-radius: 4px;
    background-size: contain;
    background-position: center center;
}
.single article.post .post_social.is_stuck li.twitter .icon {
	background-image: url(../img/single/sp_twitter_btn.png);
}
.single article.post .post_social.is_stuck li.facebook .icon {
	background-image: url(../img/single/sp_facebook_btn.png);
}
.single article.post .post_social.is_stuck li.hatena .icon {
	background-image: url(../img/single/sp_hatena_btn.png);
}
.single article.post .post_social.is_stuck .count {
	display: none;
}
.single .popular_ranking {
	display: none;
}
}

@media screen and (max-width:720px) {
.single .entry-title-bg .tag-li {
	display: block;
	position: absolute;
	bottom: 100%;
}
.single article.post .entry-title span {
	/*font-size:20px;*/
	font-size: 125%;
	font-size: 1.4286rem;
}
.single article.post .post_social.is_stuck {
	right: 70px;
}
.similar_posts{
	padding:20px;
	}
.similar_posts h2 {
	font-size: 183.3%;
	font-weight:bold;
}
.similar_posts ul li {
	border: none;
	padding:0;
	margin:1em 0.5em;
}
.similar_posts .tag-li{
	display: none;
}
.similar_posts h3.h-title  a {
	font-size:77.7%;
}
.similar_posts ul li img{
	 margin: 10px 10px 5px 0;
	max-width: 90px;
}
.single .previous .entry-date {
	margin:0;
	padding:0;
}
.screensaver {
  display: none;
}
}

@media screen and (max-width:480px) {
body.single {
	background: none;
}
.single .entry-title-bg .entry-title {
	background-color: #FFF;
	font-size: 91.6%;
	padding: 20px 20px 0 20px;
}
.single article.post .post_social.is_stuck {
	width: auto !important;
	left: auto;
	right: 55px;
	margin-top: 7px;
	z-index: 102;
}
.single article.post .post_social.is_stuck li {
	margin: 0 10px 0 0;
}
.single article.post .post_social.is_stuck .icon {
	width: 30px;
	height: 30px;
}
.single article.post .post_social.is_stuck .count {
	display: none;
}
.single .entry-date {
	padding: 1em 20px;
	width: auto;
}
.single article.post p.main_image {
	padding: 0;
}
.single .post_section {
	width: auto;
	padding: 30px 20px;
	font-size: 77.7%;
}
.entry-content h2 {
	background-size: 2px 2px;
	padding: 10px 15px;
	margin: 2em -10px;
	;
	text-align: left;
}
.entry-content h2:before, .entry-content h2:after {
	width: 35px;
	max-height: 35px;
}
.entry-content h3 {
	padding: 5px 10px;
	background-size: 2px 2px;
}
.margin_left {
	margin-left: 0 !important;
}
.margin_right {
	margin-right: 0 !important;
}
.margin_top {
	margin-top: 3em !important;
}
.margin_bottom {
	margin-bottom: 3em !important;
}
.entry-content .matome_box * {
	font-size: 0.77rem;
}
.link_icon {
	background-image: url(../img/parts-single/link_sp.png);
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: 10px center;
	padding: 1em 1em 1em 40px;
	border: 2px solid #f1f1f1;
}
p.link_icon {
	margin: 1em 0;
}
.link_icon {
	padding: 0.5em 1em;
}
.sharebutton {
  margin-bottom: 20px;
  padding-bottom: 40px;
}
.sharebutton ul li {
  width: 100%;
  height: 63px;
}
.sharebutton dt {
  font-size: 117%;
  margin-top: 12px;
}
.sharebutton dd {
  margin-top: 7px;
}
.sharebutton .sharebutton-feedly {
  margin: 5px 0 0 0;
}
.profile_box {
	padding: 0;
	font-size: 85.7%;
	margin: 2em 0;
}
.profile_box h4 {
	text-align: center;
}
.profile_box .annotation_box {
  margin-top: 0;
}
.single article.post .next_link {
	padding: 0;
	border: none;
}
.single .comment_box {
	padding: 2% 0;
}
.single .ibm_link {
	font-size: 88.8%;
}
.entry-customRelation h2 {
	font-size: 110%;
	margin: 0;
	padding: 0;
}
}