@import url('/beacon/css/bootstrap.css');
@import url('/beacon/css/style.css');
@import url('/beacon/css/base.css');

/*
Theme Name: Twenty Thirteen
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/******************************

			General

*******************************/

html, body{
	margin:0;
	padding:0;
}

a{
	text-decoration: none;
	color: #212121;
}

a:visited{
	color: #212121;
}

a:hover{

}

h1 { font-size:200%; margin: 0 0 20px 0;}
h1,h2,h3,h4,h5{
	padding: 0;
}

ol{
	margin:0;
	padding:0;
}

/******************************

			Layout

*******************************/

#wrapper{
	width:1030px;
	margin:0 auto;
	margin-top: 20px;
	clear:both;
}

#header{
	width:100%;
	height:73px;
	top: 0;
	padding-top: 17px;
}

#eyecatch{}

#main{
	width:680px;
	float: left;
	padding: 0 10px;
	margin-right: 30px;
	overflow: hidden;
}

#main_top{
	width:730px;
	margin-top: 20px;
	float: left;
}

#sidebar{
	width:300px;
	margin-top: 10px;
	float: left;

}

#footer{
	float: left;
	width: 100%;
	line-height: 40px;
	margin-top: 100px;
	bottom: 0;
	font-size: 10px;
	background-color: #edebe7;
	min-width:1086px;
}


/******************************

			#header

*******************************/

#header_inner{
	margin: auto;
	width: 1050px;
}

#logo{
	float: left;
}

#logo img{
	 width:56px; 
	 height:56px;
}

#gnav{
	float: left;
	width:900px;
	height:30px;
	margin: 20px 0 0 80px;
	position: relative;
}

#gnav ul{
	margin: 0;
	padding: 0;
}

#gnav ul li{
	float:left;
	font-size: 13px;
	font-weight: bold;
	list-style: none;
	margin:0 35px;
}

#breadcrumb{
	margin-bottom: 30px;

}

#breadcrumb ul {
	margin: 0;
	padding: 0;
}


#breadcrumb ul li{
	/*float: left;*/
	display: inline;
	list-style: none;
	color: #212121;
	font-size: 12px;
}

.clearfix:after { /*float */
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;	
	content:".";
}
.clearfix {
	min-height: 1px; /* IE6 */
}
* html .clearfix {
	height: 1px;
	/* MAC IE5 */
	height: auto;
	overflow: hidden;
	/**/
}

.clear_fix:after { /*float */
	clear:both;
	height:0px;
	visibility:hidden;	
	content:".";
}
.clear_fix {
	min-height: 1px; /*IE6гЂЃ7еЇѕз­–*/
}


/******************************

			#eyecatch

*******************************/


.nivoSlider{ 
	width:1030px;
	height:360px; 
}

/******************************

			#main

*******************************/
.main_title{
	float:left;
	margin-bottom: 20px;
}

/*.main_sub_title{
	float: left;
	font-size: 13px;
	color:#7cbd26;
	line-height: 35px;
	margin-left: 10px;
}
*/
.main_title + div{
	clear: left;
}

.recent_article{
	margin-top: 20px;
	margin-bottom: 10px;
	overflow:hidden;
}

.box{
	width:220px;
	height:250px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.date{
	float: left;
	font-size:12px;
	margin-right: 5px;
}

.sns_button{
	float: left;
	margin-right: 5px;
}

.sns_button img{
	margin-right: 3px;
}

.thumbsnail{
	width:220px;
	height:165px;
	overflow: hidden;
	border:1px solid;
	float: left;
}

.thumbnails{
	width:220px;
	height:146px;
	overflow: hidden;
}

.title{
	/*font-size:15px;*/
	margin-top: 5px;
	margin-bottom: 8px;
	font-size: 14px;
  	color: #494949;
  	line-height: 1.571;
  	text-decoration: none;
}

.title a{
 	color: #494949;
	font-size: 14px;
}

.fb_page{
	float: left;
	height:260px;
	width:700px;
}

.action_list{
	float: left;
	height:120px;
	width:700px;
	margin-bottom: 40px;
}

.action_list div{
	width:220px;
	height:120px;
	margin: 20px 20px 0 0;
	float: left;
	/*border:1px solid #edebe7;*/
	text-align: center;
}

.action_list div:last-child{
	margin-right: 0;
}

.action_list div img{
	text-align: center;
}

.action_list div a{
	width: 127px;
	height: 30px;
	display: block;
	margin: 70px 0 0 46px;
}

.action_list_twitter{
	background-image: url("images/top/twitter.png");
}

.action_list_mm{
	background-image: url("images/top/mm.png");
}

.action_list_contact{
	background-image: url("images/top/contact.png");
}

.clientarea ul {
	margin:0;
	padding:0;
}

.clientarea li {
	float:left;
	list-style:none;
	width:125px;
	height:150px;
	margin:0 15px 15px 0;
	border:1px solid #EBEBEB;
	display:table;
	text-align:center;
}

.clientarea li span {
	display:table-cell;
	vertical-align: middle;
}

.clientarea li img {
	width:105px;
	vertical-align: middle;
}

.entry-content h2 {
	margin:30px 0 20px 0;
	font-size: 1.5em;
}

.entry-content a {
	color:#0084b4;
}

/******************************

			#sidebar

*******************************/

.widget {
	margin-bottom:30px;
}

#sidebar ul {
	margin: 0;
	padding:0;
	list-style: none;
}

/*popular article*/

.wpp-list {
	margin: 0;
	padding:0;
	list-style: none;
	/*padding: 15px;*/
}

.wpp-list li{
	overflow: hidden;
	float: none;
	clear: left;
	margin: 15px 0px 0px 0px;
	font-size: 11px;
	padding-bottom:15px;
	border-bottom: 1px solid #edebe7;
}

#sidebar .wpp-list li div.imgArea{
	overflow:hidden;
	height:60px;
	width:60px;
	display: inline;
	float: left;
	margin: 0 5px 0 0;
}

.wpp-list li a img{
	border: none;
}

.wpp-date{
	font-size: 12px;
	float: left;
	font-size: 12px;
	margin-right: 5px;
	color:#494949;
}

.wpp-category{
	font-size: 12px;
}

.wpp-category a{
	color: #212121;
}

.wpp-post-title{
	font-size: 12px;
	color:#494949;
	float: left;
	width: 235px;
}

.post-stats {
	float: left;
	display: block;
	font-size: 9px;
}

#sidebar div{
	margin-bottom: 30px;
}

.side_pupular{
	/*margin-top: 100px;*/
}
.side_category{

}

.side_ad{
	width:;
	height:250px;
	background-color: #ccc;
	line-height: 200px;
	text-align: center;
}
.side_recent{}

.side_fb{
	height:300px;
}

.side_tw{
	height:300px;

}

/* category */

.categories{
	border: 1px solid #edebe7;
}

.categories ul{
	width: 270px;
	margin: 0;
	padding: 0 15px;
}

.widget_categories ul li{
	height:35px;
	border-bottom: 1px solid #edebe7;
	list-style: none;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	line-height: 35px;
	text-decoration: none;
	color: #191919;
}

.widget_categories ul li > a{
	text-align: left;
	background-image: url("images/bg.jpg");
	text-decoration: none;
	color: #191919;
}

.category_num{
	text-align: right;
	float: right;
}

.categories_list{
	list-style: none;
	margin-bottom:30px;
	padding: 0;
}

/*Newpost Catch */

#newpostcatch-3{
	border: 1px solid #edebe7;
}

.widget_newpostcatch{
	border: 1px solid #edebe7;
}

#npcatch{
	list-style: none;
	padding: 15px;
	margin: 0;
}

.npcatch_img{
	margin-bottom: 15px;
}

.npcatch_title {
width: 180px;
float: left;
/*padding: 5px 5px 5px 0px;*/
font-size: 11px;
}

.npcatch_title a{
	color: #212121;
}

#npcatch li{
	overflow:hidden;
	clear:both;
	margin:0px 0px 15px 0px;
	font-size: 11px;
}

#npcatch li a img{
	margin-right: 7px;
}


#npcatch img{
	float:left;
	/*padding:5px 10px;*/
}


#npcatch li:hover{
}

#npcatch li:hover .title{
}

#npcatch li:hover .title a{
}

#npcatch li:hover .date{
}

.npcatch_cat{
	width:100px;
	height:18px;
	display:block;
	margin-bottom:5px;
}

#facebook{
	border: 1px solid #edebe7;
}


/******************************

		About

*******************************/

.about_table{
	margin:0 0 30px 0;
	padding:0px;"
	}

table{
	 width:680px;
	 border-collapse: collapse;
	 border:1px solid #edebe7;
	 background-color:#fff;
	 color:#494949;
	 font-size:14px;
	 text-align:left;
}

tr{
	padding: 15px;
}

tr{
	 border:1px solid #edebe7; 
	 height:35px;
}

tr th {
	 background-color:#f5f2ee;
}

tr th,
tr td{
	padding:15px;
}

/******************************

		Member

*******************************/
.member_page{
	color: #212121;
	margin-bottom: 25px;
	padding-bottom: 5px;
	border-bottom: 1px solid #f5f2ee;
}

.member_pic{
 	border:1px solid;
 	float: left;
 	margin-right: 20px;
 	width: 208px;
 	height: 208px;

 }

 .member_article{
 	float: left;
 	width: 450px;
 }

.member_position{
	font-size:12px;
}

.member_name{
	font-weight: bold;
	font-size: 18px;
	float:left;

}

.member_name_en{
	font-size: 13px;
	color: #7f7f7f;
	margin-bottom: 15px;
}
	
.origin{
	font-size: 12px;
	/*margin-bottom: 25px;*/
	float: left;
}

.member_sns{
	float: left;
	margin-left: 5px;
}

.member_box{
	float: left;
}

.member_discription{
	float: left;
	font-size: 12px;
}

/******************************

	works

*******************************/

.works{
	border-bottom: 1px solid #f5f2ee;
	margin-bottom: 20px;
	width: 680px; 
	height: 240px
}

.works_pic{
 	border:1px solid;
 	float: left;
 	margin-right: 20px;
/* 	width: 208px;
 	height: 208px;
*/
 }

.works_article{
 	float: left;
 	width: 380px;
 }

.works_date{
	font-size:12px;
	margin-bottom:10px;
	display:inline;
}

.works_name{
	font-weight: bold;
	font-size: 18px;
	margin-bottom:20px;
	margin-top:15px;
}

.member_discription{
	color:#212121;
}

/******************************

		Contact

*******************************/

.contact_lead{
	text-align:center;
	color:#212121;
	font-size:12px;
	margin-bottom: 30px;
}

.contact_address{
	font-size: 13px;
	color:#212121;
	margin: auto;
	padding: 3px;
		text-align: center;
	width:150px;
}

/******************************

			#single

*******************************/

#main h2 a{
	color: #1e1e1e;
	font-size: 28px;
}

.post_category,
.post_date{
	font-size: 16px;
	color:#191919;

}
.post_date{
	color: #191919;
}

.post_sns{
	height: 85px;
	border-top: 1px solid #f5f2ee;
	border-bottom:1px solid #f5f2ee;
	padding: 20px 0;
	margin-bottom:20px;
}

.post_sns ul{
	list-style: none;
	padding: 0;
	float: left;
	text-align: center;
	margin-left: 180px;
}

.post_sns ul li{
	float: left;
	margin-right: 5px;
}


.post_content{
	color: #1e1e1e;
	/*font-size: 14px;*/
	font-size: 100%;
}

/*
.post_content h2{
	color: #7cbd26;
	font-size: 23px;
	border-bottom: 2px solid #7cbd26;
	margin-bottom: 20px;
}
*/

.post_content h2{
	position:relative;
	background: #7cbd26;
	color: #FFFFFF;
	font-size: 23px;
	line-height: 30px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}

.post_content h2:before {
	content:"";
	position:absolute;
	border-top: 10px solid #7cbd26;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	bottom: -10px;
	left: 50px;
	border-top: 10px solid #7cbd26;
}

.post_content h3{
	color: #7cbd26;
	font-size: 21px;
}

.post_content img{
	/*width:100%;*/
	height:auto;
	max-width: 97%!important;
	margin-bottom: 20px;
	border: 1px solid #EBEBEB;
	padding:8px;
}

.navigation{
	height:20px;
	margin: 20px 0 40px 0 ;
}

.navigation a{
	color: #494949;	
}

.alignleft{
	float: left;
	font-size:14px;
	color: #494949;
}

.alignright{
	float: right;
	font-size:14px;
	color: #494949;	
}

.related_title{
	height: 25px;
	margin-bottom: 20px;
}

.single_related{
	margin: 40px 0 30px 0;
}

.related_content {
	overflow:hidden;
}

.related_content div:nth-child(3n) {
	margin-right: 0;
}

.related_content div:nth-child(6) {
	margin-right: 0;
}

.single_news_article {
	clear:both;
}

.single_news_article div:nth-child(4),
.single_news_article div:nth-child(7),
.single_news_article div:nth-child(10)
 {
	margin-right: 0;
}

.wp_rp_content{
	margin-right: 0;
}

.wp_rp_content ul{
	margin: 0;
}

.wp_rp_content ul li{
	list-style: none;
	float: left;
	width: 210px;
	margin-right: 20px;
}

.wp_rp_publish_date{}
.wp_rp_title{}


.single_box{
	width:220px;
	height:220px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}

.box_top{
	height: 20px;
	margin-top: 5px;
	margin-bottom: 8px;
}

.date{
	float: left;
	font-size:12px;
	margin-right: 5px;
}

.sns{
	float: left;
	width: inherit;
	font-size:11px;
	color:494949;
	margin: 3px 0px 0px 16px;
}

.sns_button{
	float: left;
	margin-right: 5px;
}

.sns_button img{
	margin-right: 3px;
}

.thumbsnails{
	width:220px;
	height:165px;
	/*overflow: hidden;*/
	border:1px solid;
	float: left;
}

.title{
	margin-top: 5px;
	font-size: 12px;
  	color: #494949;
  	line-height: 1.571;
  	text-decoration: none;
}

.post_content a{
	color:#0084b4;
}

.noline{
	border:none!important;
}


/******************************

		#Category

*******************************/

.cat_title{
	display: inline;
}

.cat_lead{
	margin-top: 20px;
	margin-bottom: 40px;
	color: #191919;
	font-size: 14px;
}

.cat_articles{
	margin-bottom: 20px;
}

.cat_articles ul {
	margin: 0;
	padding: 0;
	overflow:hidden;
}

.cat_articles li.cat_box:nth-child(3n+3) {
	margin-right: 0;
}

.cat_box{
	width:212px;
	height:250px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}

.cat_box_none{
	width:212px;
	height:250px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}

/******************************

			#footer

*******************************/

.footer_inner{
	margin: auto;
	width: 1050px;
}

.copyright{
	float: left;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	margin: auto;
	color: #464645;
}

.footer_navi {
	overflow:hidden;
}

.fnavi {
	float:left;
	line-height:150%;
	width:260px;
}

.footer_sns{
	float: right;
	height: 20px;
	line-height: 60px;
}

.twitter-share-button{
	width:100px;
}




/******************************

		

*******************************/

.mm_step{
	width: 680px;
	height: 55px;
	color: #212121;
	border-bottom: 1px solid #f5f2ee;
	margin-bottom: 55px;
}

.mm_step_01{
	width: 340px;
	float: left;
}

.mm_step_02{
	width: 340px;
	float: left;
	color: #b0b0b0;
}

.mm_step_en{
	font-size: 13px;
	text-align: center;
}

.mm_step_jp{
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}

.txtCenter{
	text-align: center;
}

.mm_article{
	font-size: 12px;
	color: #212121;
	width: 470px;
	margin: auto;
	margin-bottom: 55px;
}

.mm_title{
	float: left;
	font-size:14px;
	height: 35px;
	width:165px;
	color: #494949;
	background-color: #f5f2ee;
}

.mm_title_name{
	font-size:14px;
	height: 35px;
	width:145px;
	padding-left: 20px;
	line-height: 35px;
	border-bottom: 1px solid #fff;
}

.mm_title_mail{
	font-size:14px;
	height: 35px;
	width:145px;
	padding-left: 20px;
	line-height: 35px;
	background-color: #f5f2ee;
}

.mm_form{
	float: left;
	/*border: 1px solid #f5f2ee;*/
	margin-left: 2px;
	margin-bottom: 48px;
}

.mm_form_name{
	border-top:1px solid #f5f2ee;
	border-right:1px solid #f5f2ee; 
	border-bottom:1px solid #f5f2ee;;
	border-left:none;
}

.mm_form_mail{
	/*border-top:1px solid #f5f2ee;*/
	border-right:1px solid #f5f2ee; 
	border-bottom:1px solid #f5f2ee;;
	border-left:none;
}


/*.wpcf7{
	width: 470px;
	margin:auto !important;
}
*/

.mm_wrapper{
	width: 470px;
	margin:auto !important;
}


.wpcf7-text{
   /*margin: 6px 0 24px;*/
   padding: 6px;
   width: 300px;
   color: #636063;
   font-size: 16px;
   }
 
.wpcf7-text:focus{
   background: url(images/bg_on.png);
   }
 

.wpcf7-form-control.wpcf7-submit{
   display: block;
   padding: 10px 30px;
   background: #edebe7;
   margin: auto;
   }
 
.wpcf7-form-control.wpcf7-submit:hover{
   filter: alpha(opacity=80);
   opacity: .6;
   -moz-transition: all 0.7s ease;
   -webkit-transition: all 0.7s ease;
}


.complete{
	display: none;
}

.complete_message{
	font-size:18px;
	font-weight: bold;
	color: #212121;
	margin-bottom: 30px;
	display: block;
}

.complete_article{
	margin-bottom: 50px;
}



.sent .mm_article,
.sent .mm_title,
.sent .mm_form,
.sent .wpcf7-submit{
	display: none;
}

.sent .complete{
	display: block;
	font-size: 12px;
	text-align: center;
}



.sent .mm_step_01{
	color: #b0b0b0;
	font-weight: bold;
}

.sent .mm_step_02{
	color: #212121;
	font-weight: bold;
}

.about_table td{
	padding-left:10px;
}



/* Newpost Catch */
.newpost-date{
font-size: 12px;
height: 18px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-right: 5px;
text-align: left;
width: 78px;
}

.newpost-title{
display: block;
float: right;
font-size: 12px;
line-height: 18.8520011901855px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-top: 5px;
text-align: left;
text-decoration: none;
width: 180px;
}

p{
line-height: 27px;
margin-bottom: 20px;
}

*{
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
}

.snsshare a {
width: 50%;
text-decoration: none;
text-align: center;
color: #FFF;
line-height: 60px;
}
#share_fb {
float: left;
color: #FFF;
background: #3B5998;
background-image: initial;
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: rgb(59, 89, 152);
}
#share_tw {
float: right;
color: #FFF;
background: #00ACEE;
background-image: initial;
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: rgb(0, 172, 238);
}
#share_fb:hover, #share_tw:hover {
opacity: 0.8;
transition: 0.31s linear;
}


/* シングル著者 */

.author_info{
	width: 500px;
	/*text-align: center;*/
	margin: 30px auto;
}

.author_info h2{
	margin-bottom: 20px;
}

.author_left{
	width: 33%;
	float: left;
}

.author_right{
	width: 67%;
	float: right;
	font-size: 20px;
	margin-top: 30px;
}
.author_img img{
	border-radius: 300px;
}

.author_img,
.author_name{
	float: left;
}

.author_bottom{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	padding: 0 10px;
	margin-top: 10px;
	margin: 25px 10px 0 10px;
	position: relative;
	display: inline-block;
	padding: 15px 20px;
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: 14px;
	/*text-align: center;*/
}

.author_bottom::before,
.author_bottom::after {
	content: '';
	position: absolute;
}

.author_bottom {
	border-radius: 6px;
}
.author_bottom::before,
.author_bottom::after {
	left: 10%;
	margin-right: -8px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}
.author_bottom::before {
	top: -16px;
	border-bottom: 16px solid #ccc;
}
.author_bottom::after {
	top: -14px;
	border-bottom: 16px solid #fff;
}

.user_url{
	margin-top: 20px;
	font-size: 10px;
}

.aim{
	font-weight:bold;
	margin-bottom: 15px;
	font-size: 17px;
}

/* トップページ系 */
/*.recent_article .main_title img{
	width:380px;
}*/


.wp-pagenavi {
	text-align: center;
	margin:50px 0 0 0;
}
.wp-pagenavi .pages {
	border:1px solid #CCCCCC;
	padding:3px 10px;
	margin:0 3px;
}
.wp-pagenavi a {
	border:1px solid #CCCCCC;
	padding:3px 10px;
	margin:0 3px;
}
.wp-pagenavi .current {
	border:1px solid #CCCCCC;
	padding:3px 10px;
	color:#FFFFFF;
	background-color:#000000;
	margin:0 3px;
}

.news_box {
	overflow:hidden;
	list-style:none;
	border-bottom:1px dotted #CCCCCC;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}
.news_box .date {
	float:left;
	width:130px;
}
.news_box .title{
	float:left;
	margin: 0;
	font-size: 12px;
	width:545px;
}