@charset "UTF-8";
/*   
Theme Name: XeoryBase
Theme URI: http://xeory.jp/
Description: Xeoryベーステーマ
Author: バズ部
Author URI: http://bazubu.com/
Version: 0.1.5
*/
/* all display
-------------------------------------------------- */
html {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

.wp-pagenavi {
	float: left !important;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active, .wp-pagenavi span.extend {
	background: #ffffff !important;
	border: 1px solid #ffffff !important;
	color: #747172 !important;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background: #7ababf !important;
	border: 1px solid #ffffff !important;
	color: #ffffff !important;
}
.wp-pagenavi span.pages {
	color: #ffffff !important;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.w50 {
	width: 50%;
}
.wrap {
	width: 1200px;
	box-sizing: border-box;
	margin: 0 auto;
 *zoom: 1;
}
.wrap:before {
	display: inline-table;
}
.wrap:after {
	content: "";
	display: block;
	clear: both;
}
#header .wrap {
	position: relative;
	background-image: url("lib/images/head_bg.jpg");
	background-repeat: no-repeat;
	background-position: right 30%;
	/*padding: 20px 0 20px;*/
}
#header #nav ul.wrap {
	background: none;
	padding: 20px 0;
}
.fa {
	color: #7ababf;
}
#main {
	width: 100%;
	float: left;
}
.main-inner {
	margin-right: 330px;
}
.main-inner-ad2 {
	margin: 0px auto;
	width: 750px;
}
#side {
	width: 300px;
	float: left;
	margin-left: -300px;/*padding-top:20px;*/
}
.fea-archive .fea-readcopy {
	background-color: #e4fff7;
	padding: 40px 40px 30px;
	margin: 30px 0;
}
.fea-archive .fea-readcopy p {
	margin-bottom: 10px;
}
.fea-archive .cat-content {
	padding: 20px 0;
}
.fea-archive .main-inner {
	margin-right: 0;
	max-width: 870px;
	float: left;
}
.fea-archive #side {
	margin-left: 0;
	float: right;
}
.left-content #main {
	width: 100%;
	float: left;
}
.left-content .main-inner {
	/*margin-right: 330px;
	margin-left: 0;*/
	margin:0 auto;
}
.left-content #side {
	width: 290px;
	float: left;
	margin-left: -290px;
}
.right-content #main {
	width: 100%;
	float: left;
}
.right-content .main-inner {
	margin-left: 330px;
	margin-right: 0;
}
.right-content #side {
	width: 290px;
	float: left;
	margin-left: -100%;
}
.one-column #content .wrap {
	width: 1000px;
}
.one-column #content .wrap #main {
	width: 100%;
	float: none;
}
.one-column #content .wrap #main .main-inner {
	width: 100%;
	margin: 0;
}
.one-column #content .wrap #side {
	display: none;
}
.wpp-views {
	display: block;
	font-size: 12px;
	color: #9f9f9f;
}

/* ----------------------------------------
* レスポンシブ
* ~ / 768px以上 / 767px 
* desktop & laptop  /  tablet & phone
---------------------------------------- */
@media screen and (max-width:1200px) {
.wrap, .one-column #content .wrap {
	margin-left: 30px;
	margin-right: 30px;
	width: auto;
}
.contentArea {
	margin-top: 50px;
}
.main-inner {
	/*margin-right: 320px;*/
	box-sizing: border-box;
}
.main-inner-ad2 {
	margin: 0px auto;
	width: 100%;
}
.footer-01 {
	width: 1200px;
}
}

@media screen and (max-width: 991px) {
/* tablet */
.wrap, .one-column #content .wrap {
	margin-left: 20px;
	margin-right: 20px;
}
#main, .main-inner, #side {
	float: none;
	width: 100%;
	/* margin-top:50px; */
	margin-left: 0;
	margin-right: 0;
}
#side {
	clear: both;
}
.left-content #main, .right-content #main {
	float: none;
}
.left-content .main-inner, .right-content .main-inner {
	margin-right: 0;
	margin-left: 0;
	width: 100%;
}
.left-content #side, .right-content #side {
	width: 100%;
	float: none;
	margin: 0;
}
#side {
	padding-top: 30px;
}
#header .wrap {
	background-size: 30% auto;
	background-position: right 90%;
}
.footer-01 {
	width: 100%;
	padding: 0 20px;
}
/* tablet end */
}

@media screen and (max-width: 767px) {
#header {
	/*border-style: solid;*/
	border-top-width: 5px;
	position: fixed;
	background: rgb(255, 255, 255) none repeat scroll 0% 0%;
	width: 100%;
	top: 0;
	z-index: 999;
}
#header3 {
	display: none;
}
/* phone */
#header .wrap {
	padding: 0;
	background-size: 40% auto;
	background-position: right 80%;
}
#header3 .wrap {
	padding: 0;
	background-size: 40% auto;
	background-position: right 80%;
}
}
/* phone end */

/* ----------------------------------------
* カラースキーム
---------------------------------------- */
/* ----------------------------------------
* all  共通部分
---------------------------------------- */

a {
	text-decoration: underline;
	color: #0174DF;
}
a:hover {
	text-decoration: underline;
}
.rd {
	color: #ff0000 !important;
}
#rd {
}
/* form
---------------------------------------- */
form input[type="submit"], form button {
	border: 1px #8ecdd2 solid;
	padding: 12px 24px;
	line-height: 26px;
	margin-bottom: 20px;
	box-sizing: border-box;
	display: inline-block !important;
	color: #7ababf;
	font-size: 14px;
	margin-top: 20px;
	background-color: #fff;
	text-align: center;
}
form input[type="submit"]:hover, form button:hover {
	cursor: pointer;
	background: #7ababf;
	color: #fff;
	text-decoration: none;
}
#submit-button {
	margin: 0px auto;
	text-align: center;
}
/* ----------------------------------------
* header
---------------------------------------- */

#header #logo {
	float: left;
	font-size: 24px;
}
#header #logo a {
	color: #383838;
}
#header #header-sns {
	display:none;
	float: left;
	left: 118px;
	position: absolute;
	top: 52px;
}
#header #header-sns ul {
	padding: 0 0 10px;
}
#header #header-sns li {
	display: inline-block;
	margin-left: 30px;
	font-size: 21px;
}
#header #header-sns li a {
	color: #ccc;
}
#header #header-sns li a:hover {
	color: #57585a;
}
/* ----------------------------------------
* breadcrumb
---------------------------------------- */
.breadcrumb {
	display:none;
	/*margin: 0 0 15px;*/
	overflow: hidden;
	font-size: 12px;
	line-height: 22px;
	padding: 0;
}
.breadcrumb li {
	float: left;
	margin-left: 10px;
}
.breadcrumb li a {
	text-decoration: none;
	color: #999;
}
.breadcrumb li a:hover {
	text-decoration: underline;
	color: #999;
}
#nav {
	z-index: 999;
}
#nav > a {
	display: none;
}
#nav li {
	background-color: #fff;
	position: relative;
	list-style-type: none;
}
#nav ul li a i {
	display: inline-block;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 center;
	width: 16px;
	height: 20px;
	position: relative;
	margin-top: -5px;
	margin-right: 5px;
	vertical-align: middle;
}
#nav ul li:nth-of-type(1) i {
	background-image: url("http://www.jyo-medi.com/wp/wp-content/themes/xeory_base/lib/images/footer/footer_beauty.png");
}
#nav ul li:nth-of-type(2) i {
	background-image: url("http://www.jyo-medi.com/wp/wp-content/themes/xeory_base/lib/images/footer/footer_heart.png");
}
#nav ul li:nth-of-type(3) i {
	background-image: url("http://www.jyo-medi.com/wp/wp-content/themes/xeory_base/lib/images/footer/footer_hat.png" );
}
#nav ul li:nth-of-type(4) i {
	background-image: url("http://www.jyo-medi.com/wp/wp-content/themes/xeory_base/lib/images/footer/footer_star.png" );
}
#nav ul li:nth-of-type(5) i {
	background-image: url("http://www.jyo-medi.com/wp/wp-content/themes/xeory_base/lib/images/footer/footer_shirt.png");
}
#nav ul li:nth-of-type(6) i {
	background-image: url("http://www.jyo-medi.com/wp/wp-content/themes/xeory_base/lib/images/footer/footer_cup.png");
}
#nav li a {
	color: #747172;
	display: block;
	text-decoration: none;
}
#nav li a:active {
	background-color: #fff !important;
}
#nav span:after {
	width: 0;
	height: 0;
	border: 0.313em solid transparent; /* 5 */
	border-bottom: none;
	border-top-color: #efa585;
	content: '';
	vertical-align: middle;
	display: inline-block;
	position: relative;
	right: -0.313em; /* 5 */
}
/* first level */

#nav > ul {
/*height: 3.75em; 60 */
/*	background-color: #e15a1f;*/
}
#nav > ul > li {
	width: 16.6%;
	height: 100%;
	float: left;
}
#nav > ul > li:last-of-type {
	width: 17%;
}
#nav > ul > li > a {
	height: 100%;
	/*font-size: 1.5em;*/ /* 24 */
	line-height: 2.5em;
	text-align: center;
}
#nav > ul > li:not( :last-child ) > a {
	border-right: 1px solid #7ababf;
}
#nav > ul > li:hover > a {
	background-color: #7ababf;
	color: #fff;
}
#nav > ul:not( :hover ) > li.active > a {
	background-color: #7ababf;
	color: #fff;
	border-bottom: 1px solid #8ad2d8;
}
/* second level */

#nav li ul {
	position: absolute;
	opacity: 0;
	top: 50%;
	visibility: hidden;
	transition: .3s;
	width: 100%;
	z-index: 999;
}
#nav li:hover ul {
	display: block;
	left: 0;
	right: 0;
	top: 100%;
	visibility: visible;
	opacity: 1;
}
#nav li:not( :first-child ):hover ul {
	left: -1px;
}
#nav li ul a {
	background-color: #8ad2d8;
	padding: 0.75em; /* 15 (20) */
	color: #fff;
}
#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {
	background-color: #7ababf;
	color: #d0fbfe;
}
/* ----------------------------------------
* content
---------------------------------------- */
#content {
	padding: 0 0 20px;/* キャプション */
}
#content .wp-caption {
	max-width: 100%;
	border: 1px solid #efefef;
	text-align: center;
	padding: 5px;
}
#content .wp-caption-text {
	padding: 12px 16px;
	margin-bottom: 0;
	text-align: center;
}
body.home #content {
/* padding-top: 52px; */
}
#content3 {
	padding: 0;/* キャプション */
}
#content3 .wp-caption {
	max-width: 100%;
	border: 1px solid #efefef;
	text-align: center;
	padding: 0;
}
#content3 .wp-caption-text {
	padding: 0;
	margin-bottom: 0;
	text-align: center;
}
/* ----------------------------------------
* main
---------------------------------------- */
.cat-content, article.post, article.page, article.wp101, article.seo101 {
	margin-bottom: 40px;
	background: #fff;
	/*border-top: 1px #e5e5e5 solid;*/
	display: inline-block !important;
	width: 100%;
}
.post-header {
	padding: 18px 16px 0;
	display:none;
}
.post-title a {
	color: #383838;
}
.post-title a:hover, h3 a:hover {
	color: #f24e4f;
	text-decoration: none;
}
.cat-content .post-header, article.page .post-header {
	padding: 20px 0;
	margin-bottom: 0;
	background: #fff;
}
.cat-content .post-title, article.page .post-title {
	margin-bottom: 0;
}
.post-meta {
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0;
	color: #999;
}
.post-meta li {
	background: #fff;
	float: left;
	margin-top: -0.7em;
	margin-right: 20px;
	padding-right: 24px;
	font-size: 14px;
	list-style: outside none none !important;
}
.post-thumbnail {
	margin: 0 auto;
	width: 100%;
}
.post-thumbnail img {
	max-width: 100%;
	height: auto;
}
.post-content {
	/*padding: 10px 30px;*/
	overflow: hidden;
	width:80%;
	margin:0 auto;
}
.post-content hr {
	border-bottom: 1px solid #efefef;
	margin: 20px 0;
	clear: both;
}
.post-content ul {
	list-style: disc;
}
.post-content ol {
	list-style: decimal;
}
.post-content dl dt {
	font-weight: bold;
	margin-bottom: 4px;
}
.post-content dl dd {
	margin: 0 0 20px;
	border-left: 4px solid #e5e5e5;
	padding: 0 0 0 10px;
}
.post-content pre {
	padding: 20px;
	overflow: scroll;
	font-family: 'Courier', monospace;
}
.post-content h1 {
	clear: both;
}
.post-content h2 {
	font-size: 20px;
	border-left: 5px solid #FA58AC;
	border-bottom: 1px solid #FA58AC;
	padding: 3px 15px 5px;
}
.post-content h3 {
	clear: both;
	border-bottom: 3px solid hotpink;
	padding: 0 0px;
}
.post-content h3 a {
	font-size: 24px;
	color: #383838;
}
.post-content table {
	border: 1px #ddd solid;
	max-width: 100%;
}
.post-content .corporate .fwb {
	font-weight: bold;
}
.post-content .corporate .w100 {
	width: 100%;
}
.post-content .corporate .h-tac {
	text-align: center;
}
.post-content .corporate .btn a {
	background: #7ababf;
	padding: 20px 10px;
	display: block;
	color: #fff;
	text-decoration: none;
	position: relative;
	border: 2px solid #7ababf;
}
.post-content .corporate .btn a:hover {
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	background: #fff;
	color: #7ababf;
	border: 2px solid #7ababf;
}
.post-content .corporate table {
	width: 100%;
}
.post-content table th, .post-content table td {
	padding: 8px 10px;
	border: #ddd solid 1px;
}
.post-content table th {
	color: #fff;
}
.post-content table thead th {
	background: #5e6265;
}
.post-content table tbody th {
	background: #919598;
}
.post-content table.table-line table, .post-content table.table-line th, .post-content table.table-line td {
	border-color: #fff;
}
.post-content table.table-line th {
	background: transparent;
	color: #383838;
	font-weight: bold;
}
.post-content table.table-line thead th {
	background: #5e6265;
	color: #fff;
}
.post-content table.table-line tr {
	background: #eee;
}
.post-content table.table-line tr:nth-child(2n+1) {
	background: #ddd;
}
.post-content img {
	margin: 10px auto;
	display: block;
	clear: both;
}
.post-content img.attachment-150x150 {
	margin: 0px;
}
.post-content img.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.post-content img.alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}
.post-content h2:first-child {
	margin: 0 0 50px;
}
.post-cta {
	margin: 0;
	background: #f5f5f5;
	color: #383838;
	border-top: 3px solid #5e6265;
}
.post-cta .post-cta-inner {
	padding: 30px 45px;
}
.post-cta .cta-post-title {
	padding: 40px 45px;
	text-align: center;
	font-size: 32px;
	margin-bottom: 14px;
	border-bottom: 1px solid #e5e5e5;
}
.post-cta .post-cta-img {
	float: right;
	width: 230px;
	margin: 0 0 20px 30px;
}
.post-cta .post-cta-cont {
	overflow: hidden;
}
.post-cta .post-cta-btn {
	margin: 40px 0 10px;
}
.post-cta .post-cta-btn a {
	background: #5ace5f;
	color: #fff;
	border-radius: 3px;
	border-bottom: 5px solid #38bd3e;
	display: block;
	/* padding: 10px;*/
	text-align: center;
	text-decoration: none;
	width: 60%;
	margin: 0 auto 20px;
}
.post-cta .post-cta-btn a:hover {
	background: #81da85;
	border-bottom: 5px solid #5ace5f;
}
.post-cta p {
	margin-bottom: 1em;
}
.post-cta .btn {
	width: 100%;
	display: block;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	padding: 14px 0;
	-webkit-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
	background: #2581c4;
}
.post-cta .btn:hover {
	text-decoration: none;
	background: #f24e4f;
}
.post-sns {
	border-top: 1px #eee solid;
	margin: 0 0 -30px;
	padding: 0;
}
.post-sns ul {
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.post-sns ul li {
	float: left;
	width: 50%;
	box-sizing: border-box;
	border-right: 1px solid #eee;
	color: #929292;
	font-size: 14px;
	text-align: center;
	position: relative;
}
.post-sns ul li.post-sns-twitter a:before, .post-sns ul li.post-sns-facebook a:before /*.post-sns ul li.post-sns-feedly a:before*/ {
	font-family: FontAwesome;
	font-size: 24px;
	left: 50%;
	margin-left: -54px;
	top: 20px;
	position: absolute;
}
.post-sns ul li.post-sns-twitter a:before {
	content: "\f099";
}
/*.post-sns ul li.post-sns-feedly a:before {
  content: "\f09e";
}*/

.post-sns ul li.post-sns-facebook a:before {
	content: "\f09a";
}
.post-sns ul li.pocket a:before {
	font-family: FontAwesome;
	font-size: 24px;
	padding-right: 10px;
}
.fa-get-pocket {
	content: "\f265"
}
.post-sns ul li:last-child {
	border-right: none;/* padding: -10px 0;*/
}
.post-sns ul li:hover {
	background-color: #f7f7f7;
	-webkit-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s;
}
.post-sns ul li.post-sns-twitter:hover {
	color: #00ACED;
}
/*.post-sns ul li.post-sns-feedly:hover {
  color: #5ACF5F;
}*/

.post-sns ul li.post-sns-facebook:hover {
	color: #3b5998;
}
.post-sns ul li.pocket:hover {
	color: #ff0048;
}
.post-sns ul li span {
	font-size: 20px;
}
.post-share.sp .post-sns ul li span {
	font-size: 20px;
	display: block;
	padding-left: 25px;
}
.post-sns ul li a {
	width: 100%;
	display: block;
	color: #929292;
	text-decoration: none;
	padding: 24px 0;
}
.post-sns ul li a:hover {
	-webkit-transition: all ease-in-out .3s;
	transition: all ease-in-out .3s;
}
.post-sns ul li.post-sns-twitter a:hover {
	background-color: #00aced;
	color: #fff;
}
/*
.post-sns ul li.post-sns-feedly a:hover {
  background-color: #5ACF5F;
  color: #fff;
}*/

.post-sns ul li.post-sns-facebook a:hover {
	background-color: #3b5998;
	color: #fff;
}
.post-sns ul li.pocket a:hover {
	background-color: #ff0048;
	color: #fff;
}
.post-footer {
	display:none;
	border-radius: 0 0 3px 3px;
	padding: 40px 64px 0px;
}
.post-footer ul li {
	display: inline-block;
	vertical-align: top;
}
.post-footer ul li a:hover {
	text-decoration: underline;
}
.post-footer .bzb-sns-btn {
	padding: 0 0 64px;
}
.post-footer .bzb-sns-btn:after {
	content: '';
	display: block;
	clear: both;
	zoom: 1;
}
.post-footer:after {
	content: '';
	display: block;
	clear: both;
	zoom: 1;
}
.post-footer-list {
	margin: 0 0 40px;
}
.post-footer-list li {
	margin-right: 10px;
}
.post-author {
	display:none;
	border-radius: 3px;
	margin-bottom: 0px;
	padding: 40px 64px;
	/*border-top: 1px #eee solid;*/
 /*border-bottom: 1px #eee solid;*/
	color: #383838;
}
.post-author .post-author-img {
	width: 80px;
	float: left;
}
.post-author .post-author-img .inner {
	padding: 0;
}
.post-author a {
	color: #2581c4;
}
.post-author .post-author-meta {
	/*margin-left: 100px;*/
	background: #eee;
	padding: 20px 30px;
}
.post-author .post-author-meta h4 {
	margin: 0 40px 10px 0;
	font-weight: bold;
}
div.post-share-fb .fbcomments, div.post-share-fb .fb_iframe_widget, div.post-share-fb .fb_iframe_widget[style], div.post-share-fb .fb_iframe_widget iframe[style], div.post-share-fb .fbcomments iframe[style] *, div.post-share-fb .fb_iframe_widget span {
	max-width: 100% !important;
}
/* bzb sns */
.post-header-meta {
	overflow: visible;
}
.post-header-meta:after {
	content: "";
	clear: both;
	display: block;
}
.bzb-sns-btn {
	padding: 0;
	margin: 0;
}
.bzb-sns-btn li {
	display: inline-block;
	vertical-align: top;
}
.bzb-sns-btn li.bzb-facebook {
	width: 98px;
}
.bzb-sns-btn li.bzb-facebook span {
	vertical-align: top !important;
}
.bzb-sns-btn li.bzb-twitter {
	width: 93px;
}
.bzb-sns-btn li.bzb-googleplus {
	width: 65px;
}
.bzb-sns-btn li.bzb-pocket {
	width: 93px;
}
.bzb-sns-btn li.bzb-line a, .bzb-sns-btn li.bzb-line img {
	vertical-align: top;
}
.bzb-facebook .fb-like > span {
	vertical-align: top !important;
}
.bzb-twitter {
	width: 92px;
}
.bzb-googleplus {
	width: 80px;
}
.post-header-category {
	float: right;
	width: 300px;
	text-align: right;/*padding: 20px 0 10px;*/
}
/* comment
---------------------------------------- */
#comments {
	display:none;
	padding: 40px 64px;
}
.comment-list > .comment {
	margin-bottom: 40px;
	border-bottom: 1px #eee solid;
}
.comment-list > .comment > .comment-body {
	padding: 0 20px;
	margin-bottom: 20px;
}
.comment-list .children {
	margin-left: 45px;
}
.comment-list .children .comment-body {
	padding: 20px 30px;
	margin-bottom: 20px;
	background: #f7f7f7;
}
.comment-author {
	float: left;
	vertical-align: top;
	font-size: 12px;
	margin-left: 10px;
}
.comment-author img {
	vertical-align: top;
}
.comment-meta {
	font-size: 12px;
	margin-bottom: 12px;
}
.reply a {
	border-radius: 3px;
	padding: 3px 5px;
	font-size: 12px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.reply a:before {
	content: ' ';
	font-family: 'FontAwesome';
}
.reply a:hover {
	text-decoration: none;
}
.comment-form-comment label {
	display: none;
}
.comment-form-comment textarea {
	width: 80%;
	margin: 20px 0;
	border-radius: 3px;
}
.form-allowed-tags {
	font-size: 12px;
	margin-bottom: 20px;
	display: none;
}
.comment-meta:after {
	content: ' ';
	display: block;
	clear: both;
}
.comments-title {
	font-size: 24px;
	padding: 20px 0;
	margin-bottom: 30px;
}
.comment-form-author, .comment-form-email, .comment-form-url {
	overflow: hidden;
	margin: 10px 0;
}
.comment-form-author label, .comment-form-email label, .comment-form-url label {
	width: 15%;
	float: left;
	font-size: 12px;
}
.comment-form-author input, .comment-form-email input, .comment-form-url input {
	width: 40%;
	float: left;
	margin-left: 5%;
	border-radius: 3px;/* padding: 5px;*/
}
.form-submit #submit {
	width: 300px;
	line-height: 40px;
	border: none;
	border-radius: 3px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.form-submit #submit:hover {
	cursor: pointer;
}
.comment-form-comment textarea {
	width: 95%;/* padding-left: 2%;
  padding-right: 2%;*/
}
.comment-form {
	overflow: hidden;
}
.comment-form-author, .comment-form-email {
	width: 49%;
	margin: 0;
}
.comment-form-author label, .comment-form-author input, .comment-form-email label, .comment-form-email input {
	width: 90%;
	float: none;
	margin: 0 0 10px;
}
.comment-form-author {
	float: left;
}
.comment-form-email {
	float: right;
}
/*トップ画像部分追加 20150808
---------------------------------------- */
.top-contents {
	float: left !important;
	margin: 0 0px 40px 0px !important;
	width: 100%;
	overflow: hidden;
}
.top-contents ul {
	margin: 0px;
	padding: 0px;
}
.top-contents ul li {
	float: left;
	height: 139px;
	margin-right: 12px;
	overflow: hidden;
	width: 139px;
}
.top-contents ul li:last-child {
	margin-right: 0px;
}
.top-contents ul li .summary {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	height: 100%;
	font-size: 78%;
}
.top-contents ul li .image {
	position: relative;
}
/* loop
---------------------------------------- */
.cat-content {
	background: #fff;
	padding: 20px 40px;
	margin-bottom: 10px;
}
.cat-content h2, .post-loop-wrap h2, .cat-content h4 {
	border-left-width: 10px;
	border-style: solid;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 13px;
	padding-left: 10px;
}
.post-loop-wrap {
	display: inline-block;
	width: 100%;
}
.post-loop-wrap article {
	width: 100%;
	margin: 0 0px 20px;
	float: left;
}
.post-loop-wrap article:nth-child(3n) {
	margin-right: 0px;
}
.post-loop-wrap article p {
	margin-top: 0;
}
.post-loop-wrap .post-thumbnail {
	float: left !important;
	margin: 0 20px 0px 0px !important;
	width: 15%;
	height: 15%;
	overflow: hidden;
	border-radius: 10px;
}
.post-loop-wrap .post-thumbnail img {
	max-width: 100%;
	height: auto;
}
.post-loop-wrap .post-content {
	padding: 10px 20px 10px;
	width: auto;
}
.post-loop-wrap .post-footer {
	border-top: 1px #efefef solid;
	padding-top: 10px;
}
.post-loop-wrap .post-footer .bzb-sns-btn {
	padding: 0;
	margin-right: 50px;
	float: left;/* _sns.scss */
}
.post-loop-wrap .post-footer .loop-comment-icon {
	float: right;
}
.post-loop-wrap .post-footer .loop-comment-icon .fa {
	font-size: 18px;
	margin-right: 5px;
	color: #66cccc;
}
.post-loop-wrap .post-footer .loop-comment-icon .share {
	display: none;
}
.post-loop-wrap .post-footer .loop-comment-icon .count {
	font-size: 14px;
}
.more-link {
	border: 1px solid #8ecdd2;
	box-sizing: border-box;
	color: #7ababf;
	display: inline-block !important;
	float: right;
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 0px;
	margin-top: 0;
	margin-right: 5px;
	padding: 7px 120px;
	text-decoration: none;
}
.more-link:hover {
	background: #7ababf;
	color: #fff;
	text-decoration: none;
}
/* content-none */
.content-none {
	padding-top: 40px;
}
/* ----------------------------------------
* pagenation
---------------------------------------- */
.pagination {
	margin: 0 0 120px 0;
	padding: 0;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 12px 18px;
	text-decoration: none;
	width: auto;
	color: #383838;
}
.pagination a:hover {
	background: #eee;
}
.pagination .current {
	padding: 12px 18px;
	background: #eee;
}
/* ----------------------------------------
* side
---------------------------------------- */
.side-widget-area {
	display:none;
}
.side-widget-area .ban {
	margin-bottom: 40px;
	text-align: center;
}
.side-widget {
	margin-bottom: 40px;
	padding-bottom: 30px;
	line-height: 1.6;
	font-size: 14px;
}
.side-widget .side-title {
	margin: 0 0 32px;
	font-size: 15px;
}
.side-widget ul li {
	padding: 16px 0;
	border-bottom: 1px solid #e5e5e5;
}
.side-widget .side-title {
	margin: 0 0 13px;
	font-size: 16px;
	border-image: url("lib/images/pattern_bg.gif") 0 0 0 10 repeat repeat;
	border-left-width: 10px;
	border-style: solid;
	font-weight: bold;
	padding-left: 10px;
	font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", YuGothic, sans-serif;
}
.side-widget ul.newArticle li a img {
	width: 40%;
}
/*サイドアイコン*/
#wpp-2 .side-title {
	border: none;
	border-bottom: 2px solid #7ABABF;
	margin: 0 0 5px;
	padding: 12px 0 12px 74px;
	background: url("lib/images/h4_ranking.png") no-repeat 0 center;
	background-size: 68px auto;
	-moz-background-size: 68px auto;
	-webkit-background-size: 68px auto;
	-o-background-size: 68px auto;
	-ms-background-size: 68px auto;
}
#newpostcatch-2 .side-title {
	border: none;
	border-bottom: 2px solid #7ABABF;
	margin: 0 0 5px;
	padding: 12px 0 12px 65px;
	background: url("lib/images/h4_new.png") no-repeat 0 center;
	background-size: 59px auto;
	-moz-background-size: 59px auto;
	-webkit-background-size: 59px auto;
	-o-background-size: 59px auto;
	-ms-background-size: 59px auto;
}
.side-widget a {
	color: #383838;
	text-decoration: none;
}
.side-widget a:hover {
	color: #2581c4;
}
.side-widget.widget_recent_comments a {
	background: none;
}
.side-widget .post-date {
	margin: 0 0 0 36px;
	font-size: 13px;
	color: #999999;
}
#views-2 ul li span {
	margin: 0 0 0 36px;
	font-size: 13px;
	color: #999999;
}
.widget_recent_entries a, .widget_archive a, .widget_categories a, .widget_meta a, .widget_views a {
	color: #5e6265;
	text-decoration: none;
	padding-left: 36px;
	display: block;
	background: url('lib/images/icont_arw_lit.png?1418372717') left center no-repeat;
}
.widget_recent_entries a:hover, .widget_archive a:hover, .widget_categories a:hover, .widget_meta a:hover, .widget_views a:hover {
	color: #2581c4;
	background: url('lib/images/icon_arw_gry.png?1418372717') left center no-repeat;
}
/* comment */
.recentcomments {
	color: #808080;
	font-size: 12px;
}
.recentcomments a {
	color: #383838;
	font-size: 14px;
}
/* 実装中止----------- */
/* calendar */
.widget_calendar {
	border-radius: 3px;
	font-size: 16px;
}
.widget_calendar .side-widget-inner {
	border-radius: 3px;
	padding: 0 20px 20px;
}
.widget_calendar table {
	width: 100%;
}
.widget_calendar caption {
	border-radius: 3px 3px 0 0;
	padding: 14px 20px;
	margin: 0 -20px 20px;
	font-size: 18px;
	text-align: center;
}
.widget_calendar a {
	color: #666;
}
.widget_calendar li {
	margin-bottom: 1em;
}
.widget_calendar thead, .widget_calendar tfoot, .widget_calendar tbody {
	margin: 0 20px;
}
.widget_calendar th, .widget_calendar td {
	text-align: center;
}
.widget_calendar tbody a {
	display: block;
}
.widget_calendar tbody a:hover {
	text-decoration: none;
}
/* follow */
#side .share-list-wrap {
	margin: 0 -20px 20px;
	background: #f9f9f9;
	padding: 20px;
}
#side .share-list-wrap .post-share-list1, #side .share-list-wrap .post-share-list2, #side .share-list-wrap .post-share-list3, #side .share-list-wrap .post-share-list4 {
	overflow: hidden;
	margin-left: -1%;
}
#side .share-list-wrap .post-share-list1 li, #side .share-list-wrap .post-share-list2 li, #side .share-list-wrap .post-share-list3 li, #side .share-list-wrap .post-share-list4 li {
	float: left;
	width: 24%;
	margin-left: 1%;
}
#side .share-list-wrap .post-share-list1 li a, #side .share-list-wrap .post-share-list2 li a, #side .share-list-wrap .post-share-list3 li a, #side .share-list-wrap .post-share-list4 li a {
	border-radius: 100%;
	background: #fff;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 60px;
	height: 60px;
	font-size: 32px;
	color: #5e6265;
}
#side .share-list-wrap .post-share-list1 li a .follow-on, #side .share-list-wrap .post-share-list1 li a .big, #side .share-list-wrap .post-share-list2 li a .follow-on, #side .share-list-wrap .post-share-list2 li a .big, #side .share-list-wrap .post-share-list3 li a .follow-on, #side .share-list-wrap .post-share-list3 li a .big, #side .share-list-wrap .post-share-list4 li a .follow-on, #side .share-list-wrap .post-share-list4 li a .big {
	display: none;
}
#side .share-list-wrap .post-share-list1 li.post-share-facebook a:hover, #side .share-list-wrap .post-share-list2 li.post-share-facebook a:hover, #side .share-list-wrap .post-share-list3 li.post-share-facebook a:hover, #side .share-list-wrap .post-share-list4 li.post-share-facebook a:hover {
	color: #305097;
}
#side .share-list-wrap .post-share-list1 li.post-share-twitter a:hover, #side .share-list-wrap .post-share-list2 li.post-share-twitter a:hover, #side .share-list-wrap .post-share-list3 li.post-share-twitter a:hover, #side .share-list-wrap .post-share-list4 li.post-share-twitter a:hover {
	color: #00aced;
}
#side .share-list-wrap .post-share-list1 li.post-share-google a:hover, #side .share-list-wrap .post-share-list2 li.post-share-google a:hover, #side .share-list-wrap .post-share-list3 li.post-share-google a:hover, #side .share-list-wrap .post-share-list4 li.post-share-google a:hover {
	color: #db4a39;
}
#side .share-list-wrap .post-share-list1 li.post-share-feedly a:hover, #side .share-list-wrap .post-share-list2 li.post-share-feedly a:hover, #side .share-list-wrap .post-share-list3 li.post-share-feedly a:hover, #side .share-list-wrap .post-share-list4 li.post-share-feedly a:hover {
	color: #2bb24c;
}
/* author */
#side-author {
	overflow: hidden;
	font-size: 12px;
}
#side-author h4 {
	padding: 12px 0;
	margin-bottom: 20px;
	font-size: 16px;
}
#side-author .side-author-img {
	float: left;
	width: 100px;
}
#side-author .side-author-meta {
	float: right;
	width: 180px;
}
.reqruit .sideBtn a {
	padding: 5px 0 5px 15px;
	background-color: #7ababf;
	margin-top: 10px;
	position: relative;
	color: #fff;
	text-decoration: none;
	display: block;
}
.reqruit .sideBtn a:hover {
	background-color: #9dd4d8;
}
.reqruit .sideBtn a:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 8px;
	height: 8px;
	/*border-top:2px solid #fff;
border-right:2px solid #fff;*/
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -5px;
}
/* puru_btn*/
@keyframes skew {
0% {transform: skew(0deg, 0deg);}
5% {transform: skew(5deg, 4.2deg);}
10% {transform: skew(-4deg, -3deg);}
15% {transform: skew(3deg, 2.2deg);}
20% {transform: skew(-2deg, -1.5deg);}
25% {transform: skew(0.9deg, 0.9deg);}
30% {transform: skew(-0.6deg, -0.6deg);}
35% {transform: skew(0.3deg, 0.3deg);}
40% {transform: skew(-0.2deg, -0.2deg);}
45% {transform: skew(0.1deg, 0.1deg);}  
50% {transform: skew(0deg, 0deg);}
}
.puru_btn{
	animation: skew 2.5s linear infinite;
}
.blinking{
	-webkit-animation:blink .5s ease-in-out infinite alternate;
    -moz-animation:blink .5s ease-in-out infinite alternate;
    animation:blink .5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

/* ----------------------------------------
* footer
---------------------------------------- */
#footer {
	color: #1E252C;
	margin-bottom: -26px;
	overflow: hidden;
}
iframe[name="google_conversion_frame"] {
	height: 0;
}
#footer a {
	color: #1E252C;
}
#footer a:hover {
	color: #2581c4;
}
#footer .wrap {
	padding: 30px 0;
}
#footer .post-share {
	padding-right: 0;
	padding-left: 0;
}
.footer-01 {
	background: #7ababf none repeat scroll 0 0;
	font-size: 13px;
	margin: 0 auto !important;
	margin: 0px auto;
}
.footer-01 ul {
	overflow: hidden;
	text-align: center;
}
#footer-nav li {
	display: inline-block;
	margin-right: 20px;
}
#footer-nav a {
	color: #fff;
}
#footer-nav a:hover {
	color: #fff;
	text-decoration: none;
}

@media screen and (min-width: 640px) {
.banner, .category_tab, #flick {
	display: none;
}
}

@media screen and (max-width: 1200px) {
.single-lp .lp-wrap {
	width: auto;
	margin: 0 36px;
}
.single-lp .main-inner {
	margin-right: 350px;
}
.banner {
	margin: 20px 0px;
}
}

@media screen and (max-width: 991px) {
/* tablet */
.sp-hide {
	display: none !important;
}
.sp-show {
	display: block !important;
}
#main .post-sns {
	margin: 0 -20px -20px !important;
}
#main .post-share-title {
	margin: 0 -20px !important;
}
.single-lp #lp-header {
	padding-left: 24px;
	padding-right: 24px;
}
.single-lp #lp-header .lp-title {
	padding: 0;
	margin: 0;
	font-size: 21px;
	left: 50%;
}
.single-lp #content {
	padding: 20px;
}
.single-lp .lp-wrap {
	padding: 24px 0;
	width: auto;
	margin: 0 24px;
}
.single-lp .lp-wrap input[type=text] {
	width: 100%;
}
.single-lp .lp-wrap input[type=submit] {
	margin-top: 30px;
}
.single-lp .post-content {
	padding: 0 !important;
}
.single-lp #side {
	margin-left: 0;
	width: 100%;
}
.single-lp #side dl, .single-lp #side dt, .single-lp #side dd {
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
}
.single-lp #side dt {
	margin-bottom: 8px;
}
.alignleft, .alignright {
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
img {
	max-width: 100%;
	margin: 5% auto;
	display: block;
}
/* header */
#header {
	padding: 0px 0 0px !important;
}
#header #logo img {
	vertical-align: top;
}
#header #header-primary-nav {
	display: none;
}
#header-menu-tog {
	display: block;
	float: right;
	font-size: 24px;
}
#header-menu-tog a {
	color: #91ced3;
}
#nav {
	font-size: 80%;
}
/* loop */
.cat-content {
	padding: 20px;
}
.post-loop-wrap .post-thumbnail {
	height: auto;
	float: none;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
}
.post-loop-wrap .post-thumbnail img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
.post-loop-wrap .post-title {
	margin-bottom: 0;
}
.post-loop-wrap .post-content {
	padding: 20px 40px;
}
.post-loop-wrap .post-footer {
	display: none;
}
/* comment */
.comment-form-author, .comment-form-email {
	float: none;
	width: auto;
}
/* padding */
.post-header {
	padding: 10px 20px 5px;
	display:nonoe;
}
.post-content, .cta-post-title, .post-cta, .post-cta-inner, .post-share, .post-author, article.page .post-header {
	/*padding: 0px 20px 10px 20px !important;*/
}
.post-thumbnail, .post-cta-img {
	margin-left: 0;
	margin-right: 0;
	float: none;
}
.post-footer {
	padding: 0 20px;
}
.more-link {
	display: block;
	width: auto;
	text-align: center;
	margin-bottom: 24px;
}
 @media screen and (max-width: 767px) {
  /* phone */

#header #logo {
paddig-left:15px;
margin:5px 0;
float:none;
text-align:center;
}
 #header #logo img {
height:35px;
width:auto;
}
.breadcrumb {
   /* margin: 50px 0px 1px;-*/
display:none;
}
 .post-content h2 {
 font-size: 18px;
 margin-top: 56px;
}
 .post-content h3 {
 font-size: 20px;
 margin-top: 20px;
}
 .post-content h4 {
 font-size: 18px;
}
 .post-content table {
 overflow-x: auto;
 width: 100%;
 -webkit-overflow-scrolling: touch;
 display: block;
 white-space:normal;
}
 #main .post-share .post-sns {
 margin: 0 -20px -20px;
}
 #main .post-share .post-sns ul li {
 width: auto;
 float: none;
 border-right: none;
 border-bottom: 1px solid #eee;
}
 #main .post-share .post-sns ul li a {
 padding: 16px 0;
 font-size: 16px;
}
 #main .post-share .post-sns ul li a span {
 font-size: 16px;
}
 #main .post-share .post-sns ul li a:before {
 font-size: 18px;
}
 #main #comments {
 padding: 20px;
}
 #main .post-author {
 padding: 20px;
}
 #main .post-author .post-author-img {
 float: none;
 display: block;
 height: 60px;
 position: absolute;
 width: 60px;
}
 #main .post-author .post-author-meta {
   /*padding: 0; */
    margin: 10px 0 0;
 font-size:80%;
/*margin-left: 60px;
    padding-left: 10px;*/
}
 .post-cta .post-cta-img {
 width: 100%;
 margin: 0 auto 30px;
 float: none;
}
 .post-cta .post-cta-btn {
 margin: 24px 0 10px;
}
 .post-cta .post-cta-btn a {
 width: 100%;
 box-sizing: border-box;
}
 .post-footer {
 padding: 0 20px !important;
}
 #main .post-cta .cta-post-title {
 font-size: 24px !important;
 padding: 0 0 20px !important;
}
 .pc {
 display:none !important;
}
.sp {
 display:block !important;
}
.post-content{
	width:100%;
	 }
}
	.p_link {
	width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    display: block;
    padding: 10px;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
}
.p_link a {
    border: 1px solid #F99;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color: #FFF;
    width: 87%;
    font-size: 1.2rem;
    line-height: 1.5rem;
    padding-top: 10px;
    padding-right: 3%;
    padding-bottom: 10px;
    padding-left: 3%;
    text-align: center;
    background-color: #FFA4A4;
    font-weight: bold;
    margin-right: auto;
    margin-left: auto;
    letter-spacing: 0.1em;
    margin-top: 10px;
    margin-bottom: 10px;
	display: inline-block;
    text-decoration: none;
}
.p_link a:before {
  font-family: "Font Awesome 5 Free";
  content: "\f07a";
  padding-right: 5px;
  color: #fff;
}
}