@charset "UTF-8";

/*------------------------------------------------------------
Theme Name: penguin ver.3
Theme URI: http://drunken-penguin.com/
Version: 3.0
------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*	0.	CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.size-post-thumbnail{
	width:100%;
	height: auto;
}

.hidden { display: none; }

.alignleft { float: left; }

.alignright { float: right; }

.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
	clear: both;
}
table {
	border: 1px solid #ccc;
	border-width: 1px;
	line-height: 18px;
	margin: 0 0 22px 0;
	text-align: left;
	padding: 0 5px;
}

table .even { background: #ddd; }

caption { text-align: left; }

tr { border-bottom: 1px solid #ccc; }

th,
td {
	padding: 5px;
	vertical-align: middle;
	text-align: center;
}

/* Media Elements --------------------------------------------------------*/

img.alignleft {
	float: left;
	margin: 20px 25px 20px 0;
}

img.alignright {
	display: block;
	margin: 20px 0 20px 25px;
}

img.aligncenter {
	display: block;
	clear: both;
	margin: 20px auto;
}

img.alignnone {
    display: block;
    margin: 20px 0;
}

.wp-caption {
	text-align: center;
	margin: 10px 20px 20px 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	max-width: 100%;
}

.wp-caption.aligncenter { margin: 20px auto; }

.wp-caption.alignleft { margin-left: 0; }

.wp-caption.alignright { margin-right: 0; }

.wp-caption.alignnone { margin-left: 0; }

.wp-caption img,
.wp-caption img a {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption
.wp-caption-text {
	margin: 0;
	padding: 5px;
}
.sticky {}
.bypostauthor {}
.gallery-caption { 
    font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
    margin-left: 0; 
}
blockquote {
	background:#f0f0f0;
	font-size:10px;
	padding:15px 30px;
	color:#3e3e3e;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:10px 0;
}
blockquote p, .wrapper blockquote p, .wrapper blockquote span{
	color:#3e3e3e;
	margin:0;
}

pre {
	background:#4d5864;
	padding:15px 30px;
	color:#fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin:10px 0;
	white-space:pre-wrap; 
	font-size:18px;
	line-height:30px;
}

code{
	margin: 0 3px;
	padding: 1px 6px;
	border-radius: 3px;
	border: 1px solid #E0E0E0;
	border-bottom-width: 2px;
	background: -ms-linear-gradient(top, #F0F0F0, #FCFCFC);
	background: -moz-linear-gradient(top, #F0F0F0, #FCFCFC);
	background: -webkit-gradient(linear, center top, center bottom, from(#F0F0F0), to(#FCFCFC));
	background: linear-gradient(top, #F0F0F0, #FCFCFC);
	font-family: Arial;
	font-size:12px;
	white-space:pre-wrap;
}

span.label {
	background:#ffe99d;
	color:#e1b007;
	padding:0 5px;
}
/*-----------------------------------------------------------------------------------*/
/*	1.	Document Setup (body, common classes, vertical rhythm, structure etc)
/*-----------------------------------------------------------------------------------*/
html, body {
	margin: 0;
	padding: 0;
	font-family: Arial, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3";
	font-size:14px;
	line-height:24px;
	word-wrap:break-word;

	-webkit-touch-callout:none;
	-webkit-user-select:none;

}
html {
	 background:url(/wp-content/themes/mislead/shared/img/bg_content.png) repeat-y #fff;
}
body {
	 background: url(/wp-content/themes/mislead/shared/img/bg_content-2.png) repeat-y 100% 0;
    position: relative;
    left: 0;
    overflow-x: hidden;

}

#spMenu{
	display:block;
	z-index: 2;
	float:right;
	margin: 5px 0 0 0;
	text-align: center;
	cursor:pointer;
	padding:4px 4px 0 4px;
	color:#ffffff;
    background: #000000;
    padding:6px 10px;
    border:#ffffff 1px solid;
    font-size:12px;
}

#slide_menu{
/*
    position: fixed;
    top: 0;
    left: -240px;
    width: 240px;
    height: 100%;
    z-index: 3;
*/
    background: #000000;
    color:#ffffff;
}
#slide_menu ul li.mTitle{
	padding:10px 0px;
}
#slide_menu ul li{
	font-size:18px;
	border-bottom:#ffffff solid 1px;
}

#slide_menu ul li a{
	padding:10px;
	display: block;
	width: 100%;
}
#slide_menu ul li a:hover{
	color:#ffffff;
	text-decoration:none;
}

#slide_menu ul.children{ 
	margin-left:30px;
}
#slide_menu ul.children li{ 
	border-bottom:none;
	font-size:12px;
}
#slide_menu ul.children li a:before{ 
	content:"- ";
}
#slide_menu ul.children li a{ 
	padding:0 0 8px 0;
}

.layer{
    position: fixed;
    top: 0;
    z-index: 1;
    display: none;
    width: 100%;
    height: 100%;
    background-color: transparent;
}
body.open{
    position: fixed;
}

::selection {
	background: #999; /* Safari */
	color:#fff;
}
::-moz-selection {
	background: #7cc576; /* Firefox */
	color:#fff;
}
a {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	color:#a0aab5;
	text-decoration:none;
}
a:hover, a:focus {
	text-decoration:underline;
}
/* Let's get this party started */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
	background:#ededed;
}

::-webkit-scrollbar-thumb {
    background: #cbcbcb;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}
/*-----------------------------------------------------------------------------------*/
/*	2.	MAIN marking
/*-----------------------------------------------------------------------------------*/
.sideleft {
	z-index:99999;
	position:absolute;
	left:0;
	width: 250px;
	padding:0px 20px 20px 20px;
	color:#646f7b;
	min-height:100%;
	background-color:#000000;
}
.content { 
	float:left;
	padding-left:300px; 
	padding-right:360px;	/* 290px */
	padding-bottom:20px;
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
	background: url(/wp-content/themes/mislead/shared/img/bg_content-2.png) repeat-y 100% 0; 
}

.sideright {
	background-color:#000000;
	z-index:99999;
	position:absolute;
	width: 300px;		/* 230px */
	padding:0px 30px 20px 30px;
	right:0;
	color:#646f7b;
	min-height:100%;
	padding-bottom:20px;
}
.sideright p { color:#a0aab5; }
.reserve-content-sideleft .content-sideleft { display:none; }

/* mobile version */
.px1 {
	width:100%; 
	height:100%; 
	background:#363f48; 
	opacity:0.4; 
	position:fixed; 
	z-index:9999999; 
	display:none;
	cursor:pointer;
}

/*-----------------------------------------------------------------------------------*/
/*	3.	SideLeft
/*-----------------------------------------------------------------------------------*/
.logo {
	display:block;
	margin:30px auto 0px auto;
	text-align:center;
	font-size:30px;
	font-weight:bold;
}
a.logo{
	color:#FFF;
}
a:hover.logo{
	color:#FFF;
	text-decoration:none;
}
.description{
	font-size:12px;
}
.heading {
	font-size:14px;
	font-weight:bold;

}
.widget_nav_menu select, .nav select {
    display: none;
	margin-top:10px;
	padding-left:10px;
	height:45px;
	width:100%;
	background:#4d5864;
	border:1px solid #2d363e;
	color:#6f7e8d;
}
.widget {
	margin-top:30px;
}
.widget_text .textwidget{
	padding-top:5px;
	color:#a0aab5;
}

.about-f {
	display:inline-block;
	background:url(/wp-content/themes/mislead/shared/img/icons/about_f.png);
	width:45px;
	height:45px;
	margin:10px 10px 0px 0px;
	opacity:0.8;
}
.about-t {
	display:inline-block;
	background:url(/wp-content/themes/mislead/shared/img/icons/about_t.png);
	width:45px;
	height:45px;
	margin:10px 10px 0px 0px;
	opacity:0.8;
}
.about-g {
	display:inline-block;
	background:url(/wp-content/themes/mislead/shared/img/icons/about_g.png);
	width:45px;
	height:45px;
	margin:10px 10px 0px 0px;
	opacity:0.8;
}
.about-r {
	display:inline-block;
	background:url(/wp-content/themes/mislead/shared/img/icons/about_r.png);
	width:45px;
	height:45px;
	margin:10px 10px 0px 0px;
	opacity:0.8;
}
.about-f:hover, .about-t:hover, .about-g:hover, .about-r:hover { opacity:1; } 
.widget_bean_250_images ul{
	margin-top:10px;
}
.widget_bean_tweets ul li span{
	 color:#a0aab5;
}

#searchform #s {
	background:url(/wp-content/themes/mislead/shared/img/icons/bg_search.png) #4d5864 no-repeat right;
	border:0;
	height:45px;
	width:200px;
	color:#ffffff;
	padding-left:10px;
	padding-right:40px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.text-widget {
	margin-top:30px;
}
.text-widget p{
	padding-top:5px;
	color:#a0aab5;
}

.twitter {
	margin-top:20px;
}
.tweets {
	margin-top:-15px;
}
.tweet {
	margin-top:25px;
}
.date-tweet {
	display:block;
	margin-top:10px;
}
.tagcloud a{
	display:inline-block;
	background:#a0aab5;
	padding:3px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#fff;
	font-weight:bold;
	margin-top:5px;
	margin-right:5px;
	opacity:0.9;
}
.tagcloud a:hover {
	opacity:1.0;
	text-decoration:none;
	color:#fff;
}

#twitter_div ul {
    margin-top:10px;
}
#twitter_div ul li {
    margin-top:10px;
}
#twitter_div .twitter_time {
    display: block;
    font-size: 12px;
    color: #4d5864;
}
#twitter_div .twitter_time:hover { text-decoration:none; }

/*-----------------------------------------------------------------------------------*/
/*	4.	SideRight
/*-----------------------------------------------------------------------------------*/

.sideright div#rambling ul{
	margin:0 0 20px 0;
}

.sideright div#rambling li{
	display:block;
	margin-bottom:20px;
	position: relative;
}

.sideright div#rambling li a+a {
	display:block;
	color:#ffffff;
	background: #3f3f3f;
	opacity: 0.8;
	filter: alpha(opacity=80);/*IE7*/
	width:100%;
	position: absolute;
	left:0;
	bottom:0;
}

.sideright div#rambling ul li img.wpp-thumbnail{
	float:none!important;
	width:100%!important;
	height:auto!important;
}


/*-----------------------------------------------------------------------------------*/
/*	5.	CONTENT
/*-----------------------------------------------------------------------------------*/
.wrapper {
	padding-left:30px;
	padding-right:20px;
}
.wrapper p {
	color: #2E2E2E;
	font-size: 18px;
	line-height: 30px;
	margin-top: 15px;
}
.title-x {
	margin-top:30px;
}
.title-x h2 {
	font-size:30px;
	color:#141414;
}
.title-x p {
	color:#999999;
	margin-top:20px;
}

/* posts */
.post {
	margin-top:40px;
	padding:0px 30px;
}
.post:first-child {
	margin-top:20px;
	padding:0px 30px;
}

.post .p-head {
	margin-top:10px;
	font-size:14px;
	color:#2E2E2E;
	font-weight:normal;
}
.post .p-head a{color:#2E2E2E;}
.post .p-head a:hover{color:#7cc576; text-decoration:none;}

.post .p-desc, .rightbar-post .p-desc p{
	color:#2E2E2E;
	font-size:18px;
	line-height:30px;
	margin-top:15px;
}
.post .p-desc{
	margin-bottom:20px;
	position: relative;
}
.post .p-desc .badge{
	position: absolute;
	top:10px;
	left:10px;
	font-size:14px;
	color:#ffffff;
	background-color: rgba(51,51,51,0.6);
	padding:0 10px 0 10px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}

.sharedaddy {
	margin-top:20px;
}

/*
.post .p-desc blockquote{
	margin:30px 0;
}
.post .p-desc blockquote p {
	color:#3e3e3e;
}
*/
.p-desc iframe {
	width:100%;
	height:300px;
}
.post .view p a{
	color:#2E2E2E;
}
.post .single p a{
	color:#228b22;
}
.post .p-desc img{
	display: inline-block;
}

.post .p-desc a img.size-medium{
	width:auto;
	display: inline-block;
}
.post .p-desc img.x2{
	width:50%;
	display: inline-block;
	float:left;
}
.post .p-desc img.x3{
	width:33%;
	display: inline-block;
	float:left;
}
.post .p-desc img.x8{
	width:25%;
	display: inline-block;
	float:left;
}
.post .p-title{
	font-size:36px;
	line-height:36px;
	font-weight:bold;
	color:#141414;
	display:block;
	margin-top:20px;
}
.post .p-title:hover{
	text-decoration:none;
	color:#a0aab5;
}

.post .more-link {
	background:#000000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#fff;
	padding:11px 16px;
	font-size:18px;
	font-weight:bold;
	display:block;
	margin-top:10px;
	border:3px solid #000000;
	clear: both;
	width:110px;
	text-align:center;
}
.post .more-link:hover { 
	text-decoration:none;
	background:#fff;
	color:#000000;
}
.post h1{
	font-size:36px;
	line-height:40px;
	color:#000000;
}
.post h2{
	font-size:30px;
	line-height:38px;
	color:#000000;
	margin:40px 0 20px 0;
	padding:2px 0 2px 10px;
	border-left:#000000 solid 6px;
	border-bottom:#000000 solid 1px;
}
.post h3{
	font-size:24px;
	line-height:30px;
	color:#000000;
	margin:20px 0;
}
.post h4{
	font-size:18px;
	line-height:24px;
	color:#000000;
}
.post h5{
	font-size:18px;
	line-height:24px;
	color:#000000;
}
.post h6{
	font-size:18px;
	line-height:24px;
	color:#000000;
}
.post ul , .post ol{
	margin:30px 0 0 1em;
}
.post ul li{
	list-style:disc;
/*	list-style-position:inside;
	text-indent:-1.0em; */
}
.post ol li{
	list-style:decimal;
/*	list-style-position:inside;
	text-indent:-1.0em; */
}
.post table th{
	background:#f7f7f7;
	padding:10px;
	border:#CCC solid 1px;
}
.post table td{
	padding:10px;
	border:#CCC solid 1px;
}

.quote-source {
	background: #4d5864;
	padding: 30px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.quote-source a {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
}
.quote-source a:hover { text-decoration:none; }
.quote-source a span {
	display: block;
	margin-top: 20px;
	font-size: 14px;
}

.single li > ul {
    margin-top: 0;
    list-style-type: circle;
}
.single li ul li {
    list-style-type: circle;
}
.single li ul li ul li {
    list-style-type: square;
}

sub{
	display: block;
	font-size:  small; 
	background-color: #E0F8E0;
	border-radius: 20px;      /* 角丸の指定 */
	padding:15px 30px;
}

.post .exArea{
	font-size: small; 
	background-color: #E0F8E0;
	border-radius: 20px;      /* 角丸の指定 */
	padding:15px 30px;
}

.wp-pagenavi {
	text-align:center;
	margin:40px 0px 40px 0px;
}
.wp-pagenavi span, .wp-pagenavi a {
	margin-left: 20px;
	font-weight: 300;
	color:#000000;
}
.wp-pagenavi .pages {
	display: block;
	margin-bottom: 20px;
}
.wp-pagenavi a, .wp-pagenavi .current {
	padding:12px 15px 12px 15px;
	font-weight:bold;
	background-color: #ffffff;
	border:3px solid #000000;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
	text-align: center;
	text-decoration: none;
}

.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {

}
.wp-pagenavi a:hover, .wp-pagenavi .current {
	background-color: #000000;
	color:#ffffff;
}

/*related posts*/

.related-posts ul{
	margin-top:30px;
}
.related-posts ul li img{
}
.related-posts ul li div{
	width:30%;
	display:inline-block;
	margin:0 15px 0 0;
}
.related-posts ul li{
	display:inline;
}
.related-posts  li a+a {
	display:block;
	width:100%;
}

/* comments*/
.c-title{
	font-size:24px;
	font-weight:bold;
	color:#141414;
	display:block;
/*
	margin-top:50px;
*/
}
.comments {
	padding-top:30px;
}
.comments ul{
	margin-top:30px;
}
.comments li{
	padding-bottom:30px;
}
.comment {
	margin-top:-1px;
}
.leftbar-com {
	width:50px;
	padding-left:10px;
	padding-right:10px;
	float:left;
}
.leftbar-com .comment-reply-link {
	background:url(shared/img/icons/recomment.png);
	width:16px;
	height:12px;
	display:block;
	margin:auto;
	margin-top:45px;
	text-indent:-9999px;
	-webkit-transition: all 0.0s ease;
	-moz-transition: all 0.0s ease;
	-webkit-transition:all 0.0s ease;
}
.comment:hover .comment-reply-link { background-position:0px -12px; }
.rightbar-com {
	margin-left:85px;
	margin-right:15px;
	border-bottom:1px solid #eae9e9;
	padding:25px 0px;
}
.author-com {
	float:left;
	width:70px;
}
.author-com img{
	width:70px;
	height:70px;
	float:left;
	webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.author-name-com {
	font-size:18px;
	color:#21282e;
	font-weight:bold;
}
cite.fn{
	font-style:normal!important;
}

.author-date-com {
	color:#c7c7c7;
	font-size:14px;
}
.text-com {
	margin-left:100px;
	color:#959799;
	font-size:18px;
	line-height:30px;
}
.reply-com .rightbar-com {
	padding-left:100px;
}

/* Hides from IE Mac */
* html .comment-body{
    height: 1%;
}
.comment-body{
    display:block;
}

.comment-meta{
	float:left;
}
.comment-body p{
	float:left;
}

/* add comment */
#respond {
	margin-top:20px;
	padding-right:25px;
	padding-left:30px;
}
#respond h3{
	font-size:24px;
	font-weight:bold;
	color:#141414;
	display:block;
	margin-top:50px;
}
#commentform {
	margin-top:20px;
/*	padding-right:10px; */
}
#commentform label{
	color:#959799;
	font-size: 18px;
	line-height: 30px;
}
#commentform .required{
	color:red;
}
#commentform input[type='text'], input[type='email'], #commentform textarea {
	background:#fff;
	border:thin solid #eae9e9;
	height:45px;
	font-size:18px;
	color:#959799;
	width:100%;
	margin-bottom:15px;
	font-family: "Segoe UI", Frutiger, "Frutiger Linotype" , "dejavu sans", "helvetica neue", arial, sans-serif;
	padding:0 0 0 10px;
	-webkit-appearance: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	
}
#commentform .textarea {
	width:100%;
	float:left;
	color:#999999;
	font-weight:bold;
	margin-top:20px;
}
.wp-comment-cookies-consent{
	width:100%;
	height:100%;	
}
#commentform textarea { height:140px; padding-top:10px; }
#commentform #submit { 
	background:#000000;
/*	width:115px; */
	height:45px;
	width:100%;
	text-align:center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#ffffff;
	font-size:18px;
	display:inline-block;
	border:0;
	cursor:pointer;
	padding-left:0;
}
#commentform #submit:hover { opacity:0.8; }
#commentform img{
	width:25px;
} 

.akismet_comment_form_privacy_notice{
	display:none;
}


/* PORTFOLIO */
.portfolio {
	margin-top:30px;
}
.portfolio li{
	float:left;
	width:25.0%;
	background:url("wp-content/themes/flag/images/imageHover2.png");
	background-size: cover;
	line-height:0;
	margin:0;
	padding:0;
}
.portfolio li img{	width:100%;}
.portfolio li a { line-height:0; padding:0; margin:0; }
.portfolio li a:hover { opacity:0.05;}

.portf-info {
	border-bottom:1px solid #ebebeb;
	padding-bottom:20px;
}
.portf-info .p-desc {
	float:left;
	width:65%;
}
.p-head {
	font-size:18px;
	font-weight:bold;
}
.portf-right {
	float:right;
	width:30%;
	margin-top:20px;
}
.p-details {
	margin-top:-10px;
}
.p-detail {
	padding:10px 0px;
	border-bottom:1px solid #ebebeb;
}
.p-detail strong{ padding-right:20px; }
.portf-right .more{
	margin-top:30px;
}

/* ABOUT */
.photos-about {
	margin-top:30px;
	margin-left:-2%;
}
.photos-about li {
	display:inline-block;
	width:30%;
	margin-left:2%;
}
.photos-about li img{
	width:100%;
}

/* MAP, CONTACT FORM */
.map iframe {
	width:100%;
	height:350px;
	margin-top:30px;
}
.map-info {
	margin-top:30px;
}
.map-info p{
	margin-top:5px;
}
.map-adress {
	width:260px;
	padding:10px 10px;
	background:#7cc576;
	position:absolute;
	z-index:9999999;
	top:280px;
	left:420px;
	opacity:0.85;
}
.m-city {
	color:#fff;
	font-weight:bold;
}
.m-city span{
	border-bottom:1px solid #fff;
	padding-bottom:10px;
	display:inline-block;
}
.m-adress {
	margin-top:10px;
	color:#fff;
}

/* ARHIVES */
.heading-arhive {
	color:#21282e;
	font-size:14px;
	font-weight:bold;
	margin-top:40px;
}
.archive-links {
	margin-top:5px;
}
.archive-links li{
	list-style:none;
}
.archive-links li a {
	color:#959799;
}
.archive-links li a:hover {
	color:#7cc576;
	text-decoration:none;
}

/* SHORTCODES */
.s-title {
	font-size:18px;
	font-weight:bold;
	color:#232527;
	margin-top:20px;
}
.buttons a {
	margin-right:20px;
}
.btn {
	background:#232323;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#fff;
	padding:15px 20px;
	font-size:18px;
	font-weight:bold;
	display: inline-block;
	margin-top:20px;
	border:0;
}
.btn:hover { text-decoration:none; opacity:0.8; }
.btn.green { background:#7cc576; }
.btn.red { background:#fd575f; }
.btn.blue { background:#00a1dc; }
.btn.yellow { background:#ffca11; }
.btn.purple { background:#5f6cbb; }
.btn.turquoise { background:#6cc5c9; }
.btn.gray { background:#f0f0f0; color:#232527;}


/* social */
.social-list {
	margin-top:20px;
}
.social-list li{
	display:inline-block;
}
.soc-link {
	display:block;
	width:45px;
	height:45px;
	background:url(/wp-content/themes/mislead/shared/img/icons/socialicons.png);
}
.soc-link:hover { opacity:0.8; }
.soc-link.soc-tw{ background-position:-45px 0px; }
.soc-link.soc-gg{ background-position:-90px 0px; }
.soc-link.soc-dr{ background-position:-135px 0px; }
.soc-link.soc-be{ background-position:-180px 0px; }
.soc-link.soc-ya{ background-position:-225px 0px; }
.soc-link.soc-blog{ background-position:-270px 0px; }
.soc-link.soc-tm{ background-position:-315px 0px; }
.soc-link.soc-de{ background-position:-360px 0px; }
.soc-link.soc-pin{ background-position:-405px 0px; }
.soc-link.soc-vimeo{ background-position:-450px 0px; }
.soc-link.soc-fl{ background-position:-495px 0px; }

.soc-link-min {
	display:block;
	width:25px;
	height:25px;
	background:url(/wp-content/themes/mislead/shared/img/icons/socialiconsmin.png);
}
.soc-link-min:hover { opacity:0.8; }
.soc-link-min.soc-tw{ background-position:-25px 0px; }
.soc-link-min.soc-gg{ background-position:-50px 0px; }
.soc-link-min.soc-dr{ background-position:-75px 0px; }
.soc-link-min.soc-be{ background-position:-100px 0px; }
.soc-link-min.soc-ya{ background-position:-125px 0px; }
.soc-link-min.soc-blog{ background-position:-150px 0px; }
.soc-link-min.soc-tm{ background-position:-175px 0px; }
.soc-link-min.soc-de{ background-position:-200px 0px; }
.soc-link-min.soc-pin{ background-position:-225px 0px; }
.soc-link-min.soc-vimeo{ background-position:-250px 0px; }
.soc-link-min.soc-fl{ background-position:-275px 0px; }


/* TYPOGRAPHY PAGE */
.grid-3 {
	width: 48%;
	margin-top: 20px;
	margin-left: 4%;
	float: left;
}
.grid-4 {
	width: 68%;
	margin-top: 20px;
	margin-left: 4%;
	float: left;
}
.grid-5 {
	width: 28%;
	margin-top: 20px;
	margin-left: 4%;
	float: left;
}
.grid-6 {
	width: 30%;
	margin-top: 20px;
	margin-left: 4%;
	float: left;
}

.first {
	margin-left: 0;
}
.firstcharacter {
	color:#959799;
	font-size:48px;
	letter-spacing: 10px;
	padding:0px 5px;
}
.firstcharacter-2 {
	color:#fff;
	font-size:48px;
	background:#7cc576;
	padding:10px 5px;
	display:inline-block;
	margin-right:5px;
}
.highlight-yellow { 
	background:#ffe99d; 
	color:#e1b007;
	padding:0px 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.highlight-green { 
	background:#c5ffc0; 
	color:#7cc576;
	padding:0px 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.highlight-red { 
	background:#ffbcbf; 
	color:#fd575f;
	padding:0px 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.highlight-blue { 
	background:#a3e6ff; 
	color:#00a1dc;
	padding:0px 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* PAGE TEAM */
.team {
	margin-top:20px;
	margin-left:-2%;
}
.member-team {
	width:30%;
	float:left;
	margin-left:2%;
}
.member-name {
	color:#15141e;
	font-weight:bold;
}
.member-prof {
	color:#c7c7c7;
}
.member-team .social-list li{
	margin-right:7px;
}
.member-team img{
	width:100%;
}

/* Error page */
#commentform.search-form-page-error {
	margin-top:20px;
}

/* アフィリエイトバナー */
#aff_body_responsive{
	text-align:center;
	margin:0 auto;
	margin:20px 0 20px 0;
}
#aff_body_728{
	text-align:center;
	margin:0 auto;
	margin:10px 0 20px 0;
}
#aff_body_468{
	display:none;
}
#aff_body_320{
	display:none;
}


/* レスポンシブ */
@media (min-width: 1201px){
	#spMenu{
		display:none;
	}
	#slide_menu ul li.mTitle,
	#slide_menu ul li.subMenu{
		display:none;
	}
}

@media (min-width: 1024px) and (max-width: 1200px) {
	body {
		background: none; 
	}
	#spMenu{
		display:none;
	}
	#slide_menu ul li.mTitle,
	#slide_menu ul li.subMenu{
		display:none;
	}
	.related-posts ul li div{
		width:30%;
		margin:0 10px 0 0;
	}
	.sideright {
		display:none;
		z-index:999999999;
		position:fixed;
		overflow:scroll;
		height:100%;
	}
	.content { 
		padding-right:0px;
		background: none
	}
	.block { display:block; }
	.ck { display:block; }
	.o-hidden { overflow:hidden; }
}
@media (max-width: 1023px) {
	html {
		background:none;
	}
	body {
		background:none; 
	}
	#spMenu{
		display:block;
	}
	#slide_menu{
	    position: fixed;
	    top: 0;
	    left: -240px;
	    width: 240px;
	    height: 100%;
	    z-index: 3;
	}
	#slide_menu ul li.mTitle,
	#slide_menu ul li.subMenu{
		display:block;
	}

#slide_menu ul li{
	font-size:12px;
}

#slide_menu ul li a{
	padding:5px 10px;
	display: block;
	width: 100%;
}
#slide_menu ul.children{ 
	display:none;
}

	div.header{
		padding:0 0 20px 0;
	}
	.logo {
		float:left;
		margin:10px 10px 0 0;
	}
	.related-posts ul li div{
		width:30%;
	}
	.sideleft {
		position: static;
		width:auto;
		padding:10px 45px 0px 45px;
		color:#646f7b;
		min-height: inherit;
	}
	.content-sideleft { display:none; }
	.reserve-content-sideleft .content-sideleft { display:block; }
	.content { 
		width:auto;
		float:none;
		padding-left:0px; 
		padding-right:0px;
		z-index:999;
		padding-bottom:20px;
		background: none;
		position:static;
	}
	
	.sideright {
		background-color:#000000;
		z-index:99999;
		position: static;
		width:auto;
		padding:10px 45px 20px 45px;
		color:#646f7b;
		min-height: inherit;
		padding-bottom:20px;
	}
	
	.navigation ul li {
		display:inline-block;
		margin-right:20px;
	}
	.about { margin-top:20px; }
	.copy { margin-top:25px; }
	#searchform #s {
		width:100%;
		 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;  
	}
	.wrapper {
		padding-left:45px;
		padding-right:45px;
	}
	.post { margin:0; padding:0px 45px;}
	.post .more{ display:block;  text-align:center; }
	.portf-info .p-desc { width:100%; float:none;}
	.portf-right { width:100%; float:none; }
	.related li { width:100%; margin-bottom:3.3%; }
	.map-adress { display:none; }
	.add-comment .input-min {
		width:100%;
		 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box; 
		margin-left:0;
		margin-bottom:10px; 
	}
	.leftbar-com { display:none; }
	.rightbar-com { margin-left:45px;margin-right: 45px; }
	#respond {	padding-left:45px; margin-right: 40px; }
	.widget_nav_menu ul, .nav ul     { display: none; }
	.widget_nav_menu select, .nav select { display: inline-block; }
}
@media (max-width: 600px) {
	.description{
		display:none;
	}
}
@media (max-width: 460px) {
	.sideleft {
		position: static;
		width:auto;
		padding:10px 20px 0px 20px;
		color:#ffffff;
		min-height: inherit;
		background-color:#000000;
	}
	.sideright {
		background-color:#363f48;
		z-index:99999;
		position: static;
		width:auto;
		padding:10px 20px 20px 20px;
		color:#646f7b;
		min-height: inherit;
		padding-bottom:20px;
	}
	.post h1{
		font-size:30px;
		line-height:36px;
		color:#000000;
	}
	.post h2{
		font-size:24px;
		line-height:30px;
		color:#000000;
	}
	.post h3{
		font-size:20px;
		line-height:26px;
		color:#000000;
		margin:20px 0;
	}
	.post .p-title{
		font-size: 24px;
		line-height: 28px;
	}
	.wrapper {
		padding-left:20px;
		padding-right:20px;
	}
	.post .p-desc a img.size-medium{
	}
	.related-posts ul li div{
		width:32%;
		display:inline-block;
		margin:0 0 0 0;
	}
	.related-posts ul li a+a{
		font-size:10px;
		line-height:18px;
	}
	#respond {	padding-left:20px; margin-right: 15px; }
	.rightbar-com { margin-left:20px;margin-right: 20px; }
	.post { margin:0; padding:0px 20px;}
	.post .p-footer .left { float:none; }
	.post .p-footer .right { float:none; }
	.member-team {
		width:100%;
		margin-top:20px;
	}
	.photos-about li {
		width:100%;
	}
	.wp-pagenavi .pages , .wp-pagenavi .page, .wp-pagenavi .current, .wp-pagenavi .first, .wp-pagenavi .last {
		display: none;
	}


}













.bottom5 {margin-bottom: 5px!important;}
.bottom10 {margin-bottom: 10px!important;}
.bottom20 {margin-bottom: 20px!important;}
.bottom30 {margin-bottom: 30px!important;}
.bottom40 {margin-bottom: 40px!important;}
.bottom50 {margin-bottom: 50px!important;}
.bottom60 {margin-bottom: 60px!important;}
.bottom70 {margin-bottom: 70px!important;}
.bottom80 {margin-bottom: 80px!important;}
.bottom90 {margin-bottom: 90px!important;}
.bottom100 {margin-bottom: 100px!important;}

.top0 {margin-top: 0!important;}
.top5 {margin-top: 5px!important;}
.top10 {margin-top: 10px!important;}
.top15 {margin-top: 15px!important;}
.top18 {margin-top: 18px!important;}
.top20 {margin-top: 20px!important;}
.top25 {margin-top: 25px!important;}
.top30 {margin-top: 30px!important;}

.left0 {margin-left: 0!important;}
.left10 {margin-left: 10px!important;}
.left20 {margin-left: 20px!important;}
.left80 {margin-left: 80px!important;}

.right10{margin-right:10px!important;}
.right20{margin-right:20px!important;}

.font10 {font-size: 10px!important;}
.font12 {font-size: 12px!important;}
.font14 {font-size: 14px!important;}
.font16 {font-size: 16px!important;}
.font18 {font-size: 18px!important;}
.font20 {font-size: 20px!important;}
.font22 {font-size: 22px!important;}
.font24 {font-size: 24px!important;}
.font26 {font-size: 26px!important;}
.font28 {font-size: 28px!important;}
.font30 {font-size: 30px!important;}

.fL{
	text-align:left:
}
.tR{
	text-align:right;
}
.tC{
	text-align:center;
}
.left{ float:left; }
.right { float:right; }
.clear{
	clear:both;
}

h3 + ul{
margin-top:10px!important;
margin-bottom:0px!important;
}


h4 + ul{
margin-top:10px!important;
margin-bottom:0px!important;
}

/* 記事ID　８９０のみ適用 */
panel {
  width: 300px;
}
 
#panel > dt {
  border-bottom: solid 1px white;
  background-color: #228b22;
  color: white;
  cursor: pointer;
  padding: 10px;
  font-weight: bold;
}
 
#panel > dd {
  border: solid 1px Silver;
  margin: 0px;
  padding: 10px;
}


/************************************
** Facebookページを「いいね！」するエリアのスタイル
************************************/
div.fb-like-mobile{
  display: none;
}
.article-like{
  height: 100px;
}
.article-like-thumb{
  float: left;
  width: 100px;
}
.article-like-thumb img{
  display: block;
}
.article-like-body{
  margin-right: 140px;
  float: none;
  padding: 28px 10px 10px 10px;
  font-size: 18px;
  line-height: 1.3em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.article-like-body a,.article-like-body a:hover{
	color:#000000;
	text-decoration:none;
}

.article-like-body::after{
  content: '\f054';
  position: absolute;
  right: 110px;
  top: 27px;
  color: #ccc;
  font-size: 50px;
  font-family: FontAwesome;
  line-height: 100%;
}
.article-like-button {
  background-color: #f3f3f3;
  width: 100px;
  height: 100px;
  text-align: center;
  float: right;
  display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.article-like-arrow-box {
  float: left;
  position: relative;
  border: 1px solid #bbb;
  margin-left: 12px;
  width: calc(100% - 120px);
  border-radius: 5px;
}
.article-like-arrow-box-in{
  height: 100px;
  overflow: hidden;
}
.article-like-arrow-box:after, .article-like-arrow-box:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.article-like-arrow-box:after {
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 10px;
  margin-top: -10px;
}
.article-like-arrow-box:before {
  border-color: rgba(221, 221, 221, 0);
  border-right-color: #bbb;
  border-width: 11px;
  margin-top: -11px;
}
.clear{
  clear: both;
}

@media screen and (max-width:639px){
/*
  br{display: none;}
*/
  .article-like-body{
    margin-right: 100px;
    font-size: 1em;
    line-height: 1.2em;
  }
  .article-like-body::after{
    display: none;
  }
}

@media screen and (max-width:440px){
  .article-like-body{
    font-size: 0.8em;
    padding: 5px;
    line-height: 1.1em;
    margin-right: 0;
  }
  .article-like-arrow-box{
    height: 100px;
  }
  .article-like-button{
    float: none;
    width: 100%;
    height: 30px;
    display: block;
  }
  div.fb-like-mobile{
    display: block;
  }
  div.fb-like-pc{
    display: none;
  }
}

/************************************
** Facebookページを「いいね！」するエリアのスタイル ココマデ
************************************/

/************************************
** 個別投稿記事のプロフィール
************************************/
/*基本パーツ*/
.author-box{
border:2px solid;
margin-top:25px;
display：flexbox;
}
.author-name{
border-bottom: dotted 1px;
padding:6px;
}
.belle-box{
float:left;
}
.belle-img2{
float:left;
}
.belle-img,.belle-img2{
margin:5px;
}
.belle-info{
font-size:13px;
padding:5px;
overflow: hidden;
}
.belle-info2{
font-size:13px;
padding:5px;
}
/* SNSボタンの間隔調整 */
.author-sns,.author-sns2{
padding:13px;
}
/* ボタン全体の装飾 */
.psns{
font-family:'Trebuchet MS',sans-serif;/* 好きなフォントに変えてね */
border-radius:50%;
display:inline-block;
width:40px;
height:40px;
font-size:22px;
transition:.5s;
text-decoration:none !important;;
}
/* ボタンマウスホバー時テキストカラー */
.psns:hover{
color:#fff !important;
}
/* Twitter */
.ptwitter{
border:solid 1px #55acee;
color:#55acee;
}
/* Twitterマウスホバー時 */
.ptwitter:hover{
border:solid 1px #55acee;
background:#55acee;
}
/* お問い合わせ */
.pemail{
border:solid 1px #f3981d;
color:#f3981d; 
}
/* お問い合わせマウスホバー時 */
.pemail:hover{
border:solid 1px #f3981d;
background:#f3981d;
}
/* ボタンの位置 */
.pfollow{
display:flex;
flex-flow:row wrap;
}
.pfollow2{
display:flex;
flex-flow:row wrap;
max-width:200px;}
/* ボタン同士の余白 */
.pfollow li,.pfollow2 li{
flex:0 0 33%;
text-align:center!important;
}
/* ボタンレイアウト調整 */
ul.pfollow,ul.pfollow2{
list-style-type:none!important;
padding:0!important;
}
.belle-name{
font-size:16px;
}
.belle-box{
float:left;
margin:5px;
}
.author-box{
border:2px solid;
margin-top:25px;
display：flexbox;
}
.author-name{
border-bottom: dotted 1px;
padding:6px;
}
.belle-info{
font-size:13px;
padding:5px;
overflow: hidden;
}