/*   
	Theme Name:        BLANK Theme
	Theme URI:         https://digwp.com/clubhouse/
	Description:       A simple basic theme template for WordPress.
	Author:            Chris Coyier and Jeff Starr
	Author URI:        https://digwp.com/
	Donate link:       http://m0n.co/donate
	Version:           2.0
	Stable tag:        2.0
	Requires at least: 4.5
	Tested up to:      4.7
	License:           GNU General Public License v3 or later
	License URI:       http://www.gnu.org/licenses/gpl-3.0.html
	Tags:              one-column, two-columns, right-sidebar
	Text Domain:       blank-theme
*/

@media screen {

#nav {
    width: 680px;
}
#nav ul {
    width: 680px;
    }	
	
	
	html{
    overflow-x : hidden;
    -webkit-overflow-scrolling: touch;
}
body {
    overflow-x : hidden;
    -webkit-overflow-scrolling: touch;
}
	body { background-color: #fff; 
	
    line-height: 1.8;
    text-align: left;
    color: #242121;
    letter-spacing: 1px;
		margin:0;
		padding:0;
		background-image:none!important;
	}
	.wrap { }
	@media screen and (max-width: 768px) {
	.wrap {
	padding-top:55px;
	}
	}
	body.fontS {
    font-size: 13px!important;
}
body.fontL {
    font-size: 16px!important;
}
	
	a {}
	a:hover {} 
	
	h1, h2, h3, h4, h5, h6 { font-weight: normal; }
	h1 {}
	h2 {}
	h3 {}
	h4 {}
	h5 {}
	h6 {}
	
	select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
}
	
	p {}
	ul, ol {}
	
	pre {}
	code, tt, var {}
	
	abbr, acronym {}
	
	blockquote {}
	blockquote p {}
	
	#header {
    height: 104px;
}
	#contact {
    width: 256px;
	}
	#contact.eng {
    width: 236px;
		padding-right: 20px;
	}
	.eng .custom-btn{
		margin: 0 0 0 0px;
		padding: 15px 14px;
    letter-spacing: 0.03em;
	}
	#contact p {
		margin-left: 0;
}
	@media screen and (max-width: 768px) {
	#header {
    height: auto;
}
	}
	#footer {
		position:relative;
	}
	
	
	
	#homePagetop {
	background-color: #fff;
	padding: 0px 0 20px;
	text-align: center;
	/*font-family:"Roboto", sans-serif;*/
		margin-top:50px;
}

#homePagetop a {
	display: inline-block;
	padding-top: 25px;
	background-image: url(/images/home/pagetop_arrow.png);
	background-position: 50% 0;
	background-repeat: no-repeat;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}

	#f_sitemap .f_sitemap_inner > li.snsarea{
		width:420px;
		margin-top:30px;
	}
	.sns{
	text-align: left;

    padding-bottom: 15px;
	}
	.sns ul{
		padding: 0px 0;
		text-align: left;
      float: right;
	}
	.sns li{display: inline-block;
    margin: 0 5px 0 0;}
	.sns a{color:#666;}
	.sns a:hover {
    color: #949494;
}
	.sns a .fab{
		font-size: 36px;
    color: #f8b5cc;
	}
	.sns a .fab:hover{
		opacity:0.6;
	}
	#footer .mt24{
		margin-top: 24px;
	}
	@media screen and (max-width: 768px) {
		#footer .mt24{
		margin-top: 24px;
	}
	#footer #footerInner .f_sitemap_inner > li.snsarea{
		width:100%;
		margin-top:10px;
	}
		
		.sns ul {
    width: 50%;
    box-sizing: border-box;
    padding: 2% 4%;
}
		.sns a .fab{
		font-size: 8vw;
    color: #f8b5cc;
	}
	}
	.main {
		max-width: 1020px;
    margin: 0 auto;
  display: flex;
		padding-bottom:50px;
}
	
	@media screen and (max-width: 768px) {
.main {
		max-width: 100%;
    margin: 0 auto;
  display: block;
}
}
	
	.subhead{
		background-color:#f8b5cc;
		font-size: 13px;
    letter-spacing: 0.16em;
    font-family: "Roboto", sans-serif;
		height: 300px;
		position:relative;
		margin-bottom: 10px;
		background-image:url(images/2515p.png);
		background-size:cover;
		background-position: center;
		position:relative;
}
.subhead:before {
    content: "";
    display: block;
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(images/pattern-01.png);
	opacity:0.6;

}
	.bread{margin-bottom: 50px;}
	.bread ul{
		max-width: 1020px;
    margin: 0 auto;
    padding: 5px 0;
    color: #757f87;
	}
	.bread li{
		display:inline;
		 letter-spacing: 0vw;
		font-size:12px;
		padding-right:5px;
	}
	.bread li a{color: #757f87;;text-decoration:none; padding-left:5px;}
	.bread li a:hover{}
	.subhead .tit{
	font-size: 297%;
    letter-spacing: 0.16em;
    font-family: "Roboto Condensed", sans-serif;
    text-align: center;
    color: #fff;
    font-weight: bold;
    line-height: 300px;
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0;
    letter-spacing: 0.1vw;
		pointer-events: none;
}
	
	@media screen and (max-width: 768px) {
		
		.subhead{
		background-color:#f8b5cc;
		font-size: 13px;
    letter-spacing: 0.16em;
		height: auto;
		margin-bottom: 0px;
}
	.subhead ul{
	display:none;
	}

	.subhead .tit {
    font-size: 7vw;
    line-height: 1;
    position: relative;
    top: auto;
    width: 100%;
    margin: 0;
    letter-spacing: 0.1vw;
    pointer-events: none;
    padding: 14vw 0;
}
.bread {
    margin-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
		.bread ul {
    padding: 5px 4%;
}
}
	
	
	#sidebar{ 
		padding-right:5%;
		min-width:234px;
}
	#sidebar h3 {
    font-size: 25px;
    color: #757f87;
    font-weight: 200;
		    margin-bottom: 10px;
}
	#sidebar ul {
    padding: 0;
    list-style: none;
		margin-bottom: 72px;
}
	#sidebar li{}
	#sidebar li a{
		font-size: 16px;
    color: #000000;
    line-height: 48px;
    font-weight: 600;
    text-decoration: none;
	}
	#sidebar li a:hover{color:#f8b5cc;}
	#sidebar li.current-cat a{
		color:#f8b5cc;
	}
	
	@media screen and (max-width: 768px) {
		#sidebar{
			display:none;
		}
}
	
	
	.drop{display:none;}
		@media screen and (max-width: 768px) {
	.drop {
    display: flex;
    border-bottom: 1px solid #ddd;
    padding-bottom: 3vw;
}
	.drop .ctit{
		font-size: 3.5vw;
    color: #888;
		    width: 26vw;
	}
	.drop .cdr{
		padding-left: 10px;
    vertical-align: top;
		    width: 79vw;
		position: relative;
	}
	.drop .cdr::after {
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-bottom: solid 2px #b4b3b3;
  border-right: solid 2px #b4b3b3;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
}
	.drop .cdr select{
		font-size: 4vw;
    vertical-align: top;
		    width: 100%;
	}
	}
	
	.cont {
  flex: 1;
}
	.cont .arcs{ display: flex;margin: 4% 0px;}
	.cont .arcs .img{
		width:236px;
		height:164px;
		background-size: cover;
    background-position: center;
	}
	.cont .arcs .img img{
		max-width:100%;
	}
	.cont .arcs .img:before {
  content: "";
  display: block;
 /* padding-top: 59%;*/
}
	.cont .arcs .img a{}
	.cont .arcs h2{margin: 0;
	}
	.cont .arcs h2 a{
		text-decoration: none;
    font-weight: 600;
    color: #000;
    line-height: 1.4;
    display: block;
		font-size: 21px;
	}
	.cont .arcs h2 a:hover{
    opacity: 0.6;
	}
	.cont .arcs .text{ width:65%;   padding: 1vw 0vw 4vw 2vw;position:relative;}
	.cont .arcs .text .writer--list{
	    float: right;
    font-weight: 600;
    font-size: 1vw;
    margin-top: 6px;
	}
	.cont .arcs .text .meta{
		position: absolute;
    bottom: 0;
    width: calc(100% - 2vw);
    margin: 0 2vw;
    border-top: 1px solid #ddd;
    padding-top: 0.5vw;
    left: 0;
	}
	.cont .arcs .text .cats{
		font-size: 11px;
    font-weight: bold;
    background: #ccc;
    padding: 1px 12px;
    border-radius: 2px;
		width: 100px;
    display: inline-block;
    text-align: center;
	}
	.cont .arcs .text .cats.hr{background: #fb7eb4}
	.cont .arcs .text .cats.trends{background: #f39d00}
	.cont .arcs .text .cats.investment{background: #00bf9b}
	.cont .arcs .text .cats.topics{background: #006ee0}
	
	.cont .arcs .text .cats.en-hr{background: #fb7eb4}
	.cont .arcs .text .cats.en-trends{background: #f39d00}
	.cont .arcs .text .cats.en-investment{background: #00bf9b}
	.cont .arcs .text .cats.en-topics{background: #006ee0}
	
	.cont .arcs .text .cats a{
		text-decoration:none;
		color:#fff;
	}
	.cont .arcs .text .time{
		font-family: "Roboto Condensed", sans-serif;
		float: right;
    color: #242121;
    letter-spacing: 2px;
    font-size: 12px;
    padding: 5px;
	}
	
	@media screen and (max-width: 768px) {
.cont {
    flex: inherit;
    display: block;
    width: 90%;
    margin: 0 auto;
}
		.cont .arcs {
    display: block;
    margin: 10% 0px;
}
		.cont .arcs .text {
    width: 100%;
    padding: 1vw 4vw 5vw;
    position: relative;
}
		.cont .arcs .img {
    width: 100%;
}
	.cont .arcs .text .meta {
    position: relative;
    top: auto;
    width: calc(100% - 0vw);
    margin: 2vw 0vw;
    border-top: 0px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-top: 0vw;
    padding-bottom: 2vw;
    left: 0;
}
		.cont .arcs h2 a {
    text-decoration: none;
    font-weight: bold;
    color: #000;
    line-height: 1.4;
    display: block;
    font-size: 4.2vw;
}
		.cont .arcs .text .writer--list{
    font-size: 3.5vw;
    margin-top: 3px;
    margin-right: 5vw;
	}
}
	
	.sing{}
	.sing h1{
		font-size: 30px;
    font-weight: 600;
    line-height: 1.4;
	}
	.sing .writer--list{
	  text-align:right;
    font-weight: 600;
    font-size: 1.2vw;
    margin-top: 6px;
	}
	.sing .thum{}
	.sing .thum img{
		width:100%;
	}
	
	.sing .meta{

    margin: 1vw 0vw;
    padding-top: 1vw;
    left: 0;
	}
	.sing .cats{
		
		font-size: 11px;
    font-weight: bold;
    background: #ccc;
    padding: 1px 12px;
    border-radius: 2px;
    width: 100px;
    display: inline-block;
    text-align: center;
	}
	.sing .cats.hr{background: #fb7eb4}
	.sing .cats.trends{background: #f39d00}
	.sing .cats.investment{background: #00bf9b}
	.sing .cats.topics{background: #006ee0}
	
		.sing .cats.en-hr{background: #fb7eb4}
	.sing .cats.en-trends{background: #f39d00}
	.sing .cats.en-investment{background: #00bf9b}
	.sing .cats.en-topics{background: #006ee0}
	
	.sing .cats a{
		text-decoration:none;
		color:#fff;
	}
	.sing .time{
		font-family: "Roboto Condensed", sans-serif;
    color: #242121;
    letter-spacing: 2px;
    font-size: 12px;
    padding: 5px;
		float: right;
	}
	.sing .entry{}
	.sing .entry p{
		padding:3vw;
	}
	.sing .entry .wp-block-image{width: 100%;
    padding: 0;
    margin: 0;}
	.sing .entry .wp-block-image img{
		width: 100%;
    padding: 0;
    margin: 0;
	height: auto;
	}
	
	@media screen and (max-width: 768px) {
		.sing h1 {
    font-size: 5vw;
}
		.sing .writer--list{
	  text-align:right;
    font-weight: 600;
    font-size: 3.5vw;
    margin-top: 6px;
	}
		.sing .meta {
    margin: 4vw 0vw 3vw;
    padding-top: 1vw;
    left: 0;
}
		.sing .cats {
    
    font-size: 12px;
    font-weight: bold;
    background: #ccc;
    padding: 1px 12px;
    border-radius: 2px;
    width: 100px;
    text-align: center;
}
		.sing .thum {
    margin: 0 -7%;
}

}
	
	.sfooter {
	margin-top: 40px;
	text-align: center;
}
	
	.sfooter a {
	display: inline-block;
	line-height: 46px;
	border: 2px solid #a9a9ae;
	background-color: #fff;
	width: 256px;
	font-size: 14px;
	text-decoration: none;
	color: #363636;
	font-weight: bold;
	transition: all 0.3s ease;
		text-align:center;
}

.sfooter a:hover {
	color: #fff;
	background-color: #363636;
	border-color: #363636;
}
	
	
	@media screen and (max-width: 768px) {

}
	
	.relatedposts{
		max-width: 1020px;
    margin: 80px auto 80px;
	}
	.relatedposts h4 {
    font-size: 30px;
    font-size: 207%;
    letter-spacing: 0.16em;
		font-weight:bold;
		color:#595657;
		text-align: center;
}
	.relatedposts .repo{
		max-width: 1020px;
    margin: 0 auto;
    display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	}
	.relatedposts .repo::after{
  content:"";
  display: block;
  width:31%;
}
	.relatedposts .repo .cell{
		width:31%;
		margin-bottom:20px;
	}
	.relatedposts .repo .cell .img{
    width:100%;
    height: 184px;
    background-size: cover;
    background-position: center;
	}
	.relatedposts .repo .cell{}
	.relatedposts .repo .cell .text{
		padding:1vw ;
	}
	.relatedposts .repo .cell .meta{

    margin: 0vw 0vw;
    padding-top: 0vw;
    left: 0;
	padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
	}
	.relatedposts .repo .cell .cats{
		
		    font-size: 11px;
    font-weight: bold;
    background: #ccc;
    padding: 1px 12px;
    border-radius: 2px;
    width: 100px;
    display: inline-block;
    text-align: center;
	}
	.relatedposts .repo .cell .cats.hr{background: #fb7eb4}
	.relatedposts .repo .cell .cats.trends{background: #f39d00}
	.relatedposts .repo .cell .cats.investment{background: #00bf9b}
	.relatedposts .repo .cell .cats.topics{background: #006ee0}
	
		.relatedposts .repo .cell .cats.en-hr{background: #fb7eb4}
	.relatedposts .repo .cell .cats.en-trends{background: #f39d00}
	.relatedposts .repo .cell .cats.en-investment{background: #00bf9b}
	.relatedposts .repo .cell .cats.en-topics{background: #006ee0}
	
	 .cats a{
		text-decoration:none;
		color:#fff;
	}
	.relatedposts .repo .cell .time{
		font-family: "Roboto Condensed", sans-serif;
    color: #242121;
    letter-spacing: 2px;
    font-size: 12px;
    padding: 5px;
		float: right;
	}
	.relatedposts .repo .cell .post-title a{
		font-weight: 600;
    color: #000;
    text-decoration: none;
    line-height: 1.4;
    display: block;
	}
	.relatedposts .repo .cell a:hover{
    opacity: 0.6;
	}
	
	@media screen and (max-width: 768px) {
		.relatedposts{
		max-width: 1020px;
    margin: 30px auto 80px;
	}
		.relatedposts h4 {
    font-size: 30px;
    font-size: 155%;
    letter-spacing: 0.16em;
    font-weight: bold;
    color: #595657;
    text-align: center;
    margin-top: 50px;
}
		
		.relatedposts .repo {
    max-width: 90%;
    margin: 0 auto;
    display: block;
}
		.relatedposts .repo .cell {
    width: 100%;
    margin-bottom: 20px;
}
		.relatedposts .repo .cell .cats {
    
    font-size: 12px;
    font-weight: bold;
    background: #ccc;
    padding: 1px 12px;
    border-radius: 2px;
    width: 100px;
    text-align: center;
}
.relatedposts .repo .cell .text {
    padding: 4vw 4vw 5vw;
}
}
	
	.post {}
	.entry {}
	.entry a {}
	.entry a:hover {}
	.meta {}
	.postmetadata {}
	
	.nav {}
	.nav-prev {}
	.nav-next {}
	
	.searchform {}
	.search-submit {}
		
	ol.commentlist { padding: 0; list-style: none; }
	ol.commentlist li {}
	ol.commentlist li.alt {}
	ol.commentlist li.bypostauthor {}
	ol.commentlist li.byuser {}
	ol.commentlist li.comment-author-admin {}
	ol.commentlist li.comment { padding: 20px; border-bottom: 1px dotted #999; }
	ol.commentlist li.comment div.comment-author {}
	ol.commentlist li.comment div.vcard {}
	ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
	ol.commentlist li.comment div.vcard cite.fn a.url {}
	ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 20px 20px; }
	ol.commentlist li.comment div.vcard img.photo {}
	ol.commentlist li.comment div.vcard span.says {}
	ol.commentlist li.comment div.commentmetadata {}
	ol.commentlist li.comment div.comment-meta { margin: 10px 0; font-size: 12px; }
	ol.commentlist li.comment div.comment-meta a { color: #999; }
	ol.commentlist li.comment p {}
	ol.commentlist li.comment ul {}
	ol.commentlist li.comment div.reply { font-size: 12px; font-weight: bold; }
	ol.commentlist li.comment div.reply a {}
	ol.commentlist li.comment ul.children { margin: 20px 0 0 0; padding: 0; list-style: none; }
	ol.commentlist li.comment ul.children li {}
	ol.commentlist li.comment ul.children li.alt {}
	ol.commentlist li.comment ul.children li.bypostauthor {}
	ol.commentlist li.comment ul.children li.byuser {}
	ol.commentlist li.comment ul.children li.comment {}
	ol.commentlist li.comment ul.children li.comment-author-admin {}
	ol.commentlist li.comment ul.children li.depth-2 { margin: 0; border-left: 5px solid #555; }
	ol.commentlist li.comment ul.children li.depth-3 { margin: 0; border-left: 5px solid #999; }
	ol.commentlist li.comment ul.children li.depth-4 { margin: 0; border-left: 5px solid #bbb; }
	ol.commentlist li.comment ul.children li.depth-5 {}
	ol.commentlist li.comment ul.children li.odd {}
	ol.commentlist li.even { background-color: #fff; }
	ol.commentlist li.odd { background-color: #f6f6f6; }
	ol.commentlist li.parent { border-left: 5px solid #111; }
	ol.commentlist li.thread-alt {}
	ol.commentlist li.thread-even {}
	ol.commentlist li.thread-odd {}
	
	form {}
	label { display: block; }
	input { display: block; }
	input[type=text] {}
	textarea {}
	
	.screen-reader-text { position: absolute; left: -9999em; }
	
	/* WP Default Styles */
	
	.wp-caption {}
	.wp-caption-text {}
	.sticky {}
	.gallery-caption {}
	.alignright {}
	.alignleft {}
	.aligncenter {}
	
	
	
	/*Pagenation*/
.pagenation {
    margin: 1em 0;
	/*font-family: "Roboto Condensed", sans-serif;*/
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
	padding: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
	    border-bottom: 3px solid #fff;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    color: #000;
    display: block;
    padding: 10px 10px;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
	border-bottom: 3px solid #f8b5cc;
}
.pagenation li a {
    color: #000;
    display: block;
    padding: 10px 10px;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}
.pagenation li a:hover {
    color: #f8b5cc;
    display: block;
    padding: 10px 10px;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
}
	
@media screen and (max-width: 768px) {
.pagenation {
    margin: 3em 0;
    font-family: "Roboto Condensed", sans-serif;
}
.pagenation li.active {
    color: #000;
    display: block;
    padding: 10px 10px;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
	border-bottom: 3px solid #f8b5cc;
}
.pagenation li a {
    color: #000;
    display: block;
    padding: 10px 10px;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
}
.pagenation li a:hover {
    color: #f8b5cc;
    display: block;
    padding: 10px 10px;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
}
}	
	
	


.share {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}
	.share h3 {
		font-weight:600;
	}
.share ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.share ul:after {
    display: block;
    clear: both;
    content: '';
}

.share li {
    display: inline-block;
    width: 25%;
    margin: 0;
    margin-top: 15px;
}

.share li a {
    font-size: 14px;
    display: block;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

.share li a:hover {
    opacity: .8;
}

.share li a:visited {
    color: #fff;
}

.tweet a {
    background-color: #55acee;
}

.facebooklink a {
    background-color: #315096;
}


@media screen and (max-width:768px){
    .share li {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 3px;
		width: 35%;
    }
    
    .share li i {
        font-size: 1.3em;
        padding-top: 3px;
    }
    
    .facebooklink i, .tweet i, .hatena i {

    }
}	
	
	
	
} /* END screen media */

@media print {
	
	body { 
		width: 100% !important; margin: 0 !important; padding: 0 !important; 
		line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; 
		font-family: Garamond, 'Times New Roman', serif; 
		color: #000; background: none; font-size: 12pt; 
		}
	h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
	h1 { font-size: 19pt; }
	h2 { font-size: 17pt; }
	h3 { font-size: 15pt; }
	h4,h5,h6 { font-size:12pt; }
	code { font: 10pt Courier, monospace; } 
	blockquote { margin: 1.3em; padding: 1em; }
	img { display: block; margin: 1em 0; }
	a img { border: none; }
	table { margin: 1px; text-align:left; }
	th { border-bottom: 1px solid #333;  font-weight: bold; }
	td { border-bottom: 1px solid #333; }
	th, td { padding: 4px 10px 4px 0; }
	caption { background-color: #fff; margin-bottom: 2em; text-align: left; }
	thead { display: table-header-group; }
	tr { page-break-inside: avoid; } 
	a { text-decoration: none; color: #000; }
	#comments { page-break-before: always; }
	.do-not-print { display: none; }
	
} /* END print media */