/*
Theme: wpex-gopress-tamegorou
Template: wpex-gopress
*/

@import url('../wpex-gopress/style.css');

b{
	font-weight:bold;
}

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

.entry h4{
	margin:30px 0 20px;
}

#wrap{
	margin-top:15px !important;
	padding-top:0px;
}

#main a{
	color:#02aace;
	/* text-decoration: underline; */
}

#main a:hover{
	text-decoration:underline;
}

a.page-numbers{
	color:white !important;
}

.site-text-logo a{
	font-size:32px !important;
}

.entry dl {
	margin: 30px 0 30px 25px;
}

.entry dl.b {
	font-weight:bold;
}

.entry dl dt {
	text-decoration: underline;
    margin: 0 0 10px;
}


.entry dl dd {
    margin: 0 0 15px 25px;
}

.entry div.talk{
    background-color: #e1f1fb;
    margin: 20px 5px;
    padding: 15px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}

.entry dl.qa{
    background-color: #e1f1fb;
    margin: 20px 5px;
    padding: 15px;
}

.entry dl.qa dt{
	background:url("/img/icon/qa_question_blue.jpg") no-repeat;
	padding-left:40px;
}

.entry dl.qa dd{
	background:url("/img/icon/qa_answer_red.jpg") no-repeat;
	padding-left:40px;
	margin:0;
}

.entry .img-center{
	text-align:center;
}


.entry dl.horizontal{
	margin: 0;
	margin-left:10px;
}

.entry dl.horizontal dt{  
  min-width:100px;
  width : 15%;
  float : left;/* 左に寄せる */
  clear : both;/* フロートの解除 */
}

.entry dl.horizontal dd{  
  width : 85%;
}


#content article.h-design h2,
h2.original_related_posts{
	border-left:solid 10px #02aace;
	border-bottom:solid 2px #02aace;
	padding-bottom:3px;
	padding-left:8px;
}
h2.original_related_posts{
	margin-top:45px;
}

#content article.h-design h3{
	border-bottom:solid 1px #02aace;
	padding-bottom:3px;
}

#content article.h-design h4{
    position: relative;
    margin: 30px 0 20px;
    padding: 0.8em 0 0.8em 1.5em;
}
 
#content article.h-design h4:before {
    content: "";
    position: absolute;
    background: #02aace;
    top: 50%;
    left: 0.0em;
    margin-top :-9px;
    height: 15px;
    width: 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.container {
    width: 1040px;
}

.sidebar-container{
    width: 310px;
}

.sidebar-inner h5{
	font-size:16px !important;
	border-left:solid 3px #02aace;
	border-bottom:solid 1px #ccc;
	padding:3px 0px 3px 8px;
}

#searchform #s{
	width:75%;
}

#secondary .widget-area ul{
	margin-left:25px;
}
#secondary .widget-area ul li{
	list-style:square;
	margin-bottom:5px;
}

#fb-like-button-article-bottom .fb-message{
	margin:0px auto 5px;
}

#secondary .fb-page{
	min-height:250px;
}

.form_req{
    background-color: red;
    color: white;
    padding: 3px;
    font-size: 85%;
    font-weight: bold;
}

.form_arb{
    background-color: blue;
    color: white;
    padding: 3px;
    font-size: 85%;
    font-weight: bold;
}

blockquote{
	font-size:12px;
	background-color:#EFEFEF;
	padding:10px 10px 10px 55px;
	background-position: 5px 5px; 
}

blockquote h3 {
    margin-top: 15px !important;
}

blockquote p:last-child {
    margin-bottom: 0px !important;
}

.sponsore-link{
	margin:0 !important;
	text-align:center !important;
	font-size:90% !important;
}

article.single-post-article .adsense-before-h2{
	margin:30px auto;
}

#adsense-content-bottom{
	margin:50px auto 30px;
}

#adsense-content-above-relative-post{
	margin:20px auto;
}

.adsense-li-2col{
	margin:0 !important;
}

.adsense-list{
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
	
}

#meta_slider_area{
	margin-bottom: 20px;
	padding-bottom: 40px;
	border-bottom: 2px solid #eee;
}

.add_metaslider div.caption-wrap{
	line-height: initial;
	opacity:0.8;
}

#fb-like-button-article-bottom{
/*
	width:80%;
	border:solid 5px #02aace;
	padding:5px;
*/
	text-align:center;
	margin:15px auto 30px;
	font-weight:bold;
	font-size:115%;
	color:#3C97A7;
}

/*
#fb-like-button-article-bottom{
	border:double 5px #02aace;
	padding:20px;
	margin:20px auto;
	font-weight:bold;
	font-size:120%;
	min-height:70px;
}

#fb-like-button-article-bottom .fb-like{
	float:right;
	width:70px;
	margin-left:15px;
}
*/



div.introduction{
    margin: 30px auto;
    padding: 15px;
    border: solid 3px #02aace;
    background-color: #E3F0F3;
    
   -moz-border-radius: 20px;    /* 古いFirefox */
   -webkit-border-radius: 20px; /* 古いSafari,Chrome */
   border-radius: 20px;         /* CSS3 */
}

div.introduction_gray{
    border: solid 3px #898B8C;
    background-color: #EFEAEA;
}

div.fb_follow{
    margin: 30px auto;
    padding: 10px;
    padding-bottom:20px;
    background-color: #02aace;
    color:white;
    font-weight:bold;
    text-align:center;
    
   -moz-border-radius: 20px;    /* 古いFirefox */
   -webkit-border-radius: 20px; /* 古いSafari,Chrome */
   border-radius: 20px;         /* CSS3 */
}

div.fb_follow p.fb_follow_msg{
	font-size:120%;
	margin-bottom:10px !important;
}

#my-introduction{
    margin: 0px auto 30px;
    padding: 15px;
    border: solid 3px #02aace;
    background-color: #E3F0F3;
    
   -moz-border-radius: 20px;    /* 古いFirefox */
   -webkit-border-radius: 20px; /* 古いSafari,Chrome */
   border-radius: 20px;         /* CSS3 */
}


#navigation-toggle{
	width:100px;
}

#sns_btn_area_for_mobile{
	display:none;
	
	float:right;
	height:45px;
}

.nav-fixed {
    position: fixed;
    top: 0;
    left:0;
    width: 100%;
    z-index: 10000;
}

.nav-fixed-dummy{
	height:75px;
}

.programing_banner-fixed{
    position: fixed;
    top: 60px;
    z-index: 10000;
}
.programing_banner-fixed-dummy{
	height:300px;
}

.programing_event_info-fixed{
    position: fixed;
    top: 330px;
    z-index: 10000;
    width: 310px;
}
.programing_event_info-fixed-dummy{
	height:250px;
}


.my_introduction-fixed{
    position: fixed;
    top: 60px;
    z-index: 10000;
    
    width:270px;
}

.my_introduction-fixed-dummy{
	height:330px;
}

.entry table {
	width:100%;
	border-collapse: collapse;
}
.entry th {
	border: solid 1px #02aace;
	color: #fff;
	background-color: #02aace;
	padding: 3px;
}

.entry table.horizontal th{
	border-right: solid 1px #fff;
}
.entry table.horizontal th.right {
	border-right: solid 1px #02aace;
}

.entry table.vertical th{
	border-bottom: solid 1px #fff;
}
.entry table.vertical th.bottom {
	border-bottom: solid 1px #02aace;
}

.entry td {
	border: solid 1px #02aace;
	color: #000;
	background-color: #fff;
	padding: 3px;
}

.entry table.no-border th {
	border:0;
}

.entry table.no-border td {
	border:0;
}

.entry div.round-trip-of-japan h2{
margin-top: 25px !important;;l
margin-bottom: 20px !important;
}
.entry div.round-trip-of-japan h3{
margin-top: 15px !important;
margin-bottom: 10px !important;
}
.entry div.round-trip-of-japan h4{
margin-top: 10px !important;
margin-bottom: 5px !important;
}


#adsense-content-right-sidebar{
	margin-top:70px;
}

#blog-catch-frase{
background-color: #2C2C2C;
border-bottom: solid 3px #02aace;
color: #EFEFEF;
font-size: 12px;
margin: 0px -30px;
padding: 2px 20px 2px 20px;
margin-bottom: 30px;
boder-bottom: solid 1px blue;
}


div.post-meta-original{
font-size: 0.87em;
line-height: 2em;
margin-bottom: 10px;
margin-top: 5px;
}

.post-meta-original dl.horizontal dt{
width : 1.5em;
float : left;/* 左に寄せる */
clear : both;/* フロートの解除 */
}

.post-meta-original dl.horizontal dd{
margin-left:1.5em;
}

.post-meta-original dl.horizontal:after{
clear:both;
}

#secondary .widget_categories a:hover{
	background-color:transparent !important;
}

#amazon-associates-content-right-sidebar{
	width:180px;
	height:600px;
	margin:0 auto;
	padding-top: 150px;
}

#amazon-associates-content-right-sidebar2{
	width:300px;
	margin:50px auto 0px;
	padding: 0px;
}

#amazon-associates-content-main-middle{
	text-align:center;
	min-width:350px;
	min-height:300px;
	margin:20px auto;
}

strong{
	color:#333232;
}

strong.color-red{
	color:#e43636;
}
strong.color-blue{
	color:#3f3ff5;
}

p.kome{
	text-indent:-1em;
	margin-left:1em;
}

#sns_btn_area_for_mobile i.fa{
	color:white;
	font-size:30px;
	margin-right:10px;
	margin-top:5px;
}

#header-aside i.fa{
	font-size:48px;
	margin-right:5px;
}
#header-aside i.fa-facebook-square{
	color:#3a5795;
}

#header-aside i.fa-rss-square{
	color:#fe9900;
}
#header-aside i.fa-envelope-o{
	color:#333;
}

.single-post-article div.entry{
	line-height:1.8em;
}

.next_page, .prev_page {
    width: 95%;
    background-color: #02aace;
    color: white;
    padding: 5px;
    text-align: center;
    margin: 30px auto 0px;
}

.next_page::before {
	content:"次ページ >>";
	margin-right:1em;
}

.prev_page::before {
	content:"前ページ <<";
	margin-right:1em;
}


.next_page a, .prev_page a {
	color:white !important;
	text-decoration:underline;
	font-weight:bold;
}

#site-navigation .dropdown-menu a {
	font-weight:bold;
	color:white;
}
#site-navigation .dropdown-menu > li > a:hover{
	background-color: #02aace;
}

.related-post-entry-title {
	font-size:1em;
}

footer .subscribe2_footer{
	background-color:white;
	padding:10px;
}

footer .subscribe2_footer input#s2email{
	border:1px solid gray;
	width:100%;
}

.social-and-mg-box{
	max-width: 530px;
	margin:30px auto 10px;
}

.social4i{
	max-width:350px;
	margin:0 auto;
	height:auto !important;
	float:left
}
.social4in{
	height:auto !important;
}

.content-bottom-mg-box{
	float:right;
}

select{
	padding: 5px 10px;
	font-size:1em;
}

.next_page + .prev_page{
	margin-top:10px;
}

.tagcloud a {
    background-color: #9fd0e6;
    color: white !important;
    padding: 3px;
    line-height: 2em;
    font-size: 1em !important;
}


/*********************************
プロフィール枠（記事末）
*********************************/
.profile_intro{
 margin:20px auto;
 border:1px solid black;
}
.profile_intro h3{
	background-color:black;
	color:white;
	padding:5px;
	font-size:1.1em;
}
.profile_intro h3 span{
	font-size:0.9em;
}
.profile_intro_inner{
	padding:10px;
}
.profile_intro_inner .profile_img{
	float:left;
	width: 150px;
	margin:0 5px 5px 0;	
}
.profile_intro_inner .profile_img img{

	width: 100%;
	border-radius: 150px;
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
}
.profile_intro_inner .intro_sentence p{
	margin-top:10px;
	margin-bottom:10px;
}

.profile_intro_inner .profile_contact{
	text-align:center;
}
.profile_intro_inner .profile_contact a{
	display:inline-block;
	/*width:250px;*/
	width:80%;
	margin-right: 10px;
	margin-bottom: 3px;
	padding:3px;
	border:3px solid orange;
	color:orange !important;
	font-size:1.2em;
	font-weight:bold;
}

.profile_intro_inner .profile_contact a:hover{
	color:white !important;
	background-color: orange;
}

.profile_intro_inner .arrow_box {
	position: relative;
	background: #EFEFEF;
	padding:10px;
	margin-top:20px;
	/*border: 4px solid #c2e1f5;*/
}

.profile_intro_inner .arrow_box:after,.profile_intro_inner .arrow_box:before {
	bottom: 100%;
	left: 50%;
	/*left: 70%;*/
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.profile_intro_inner .arrow_box:after {
	border-color: rgba(213, 141, 47, 0);
	/*border-bottom-color: #d58d2f;*/
	border-width: 15px;
	margin-left: -15px;
}

.profile_intro_inner .arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #EFEFEF;
	border-width: 21px;
	margin-left: -21px;
}

/*********************************
facebookページへのいいね枠（記事末）
*********************************/

.facebook-area {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 30px;
    /* height: 180px; */
    background: #ecf2f6;
    border-radius: 2px;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.facebook-area .inner {
	padding: 0px 5px;
    position: relative;
}
.facebook-area > div {
    display: table-cell;
    vertical-align: middle;
}

.facebook-area .img-box{
    width: 30%;
}
.facebook-area .inner{
    width: 50%;
}

.facebook-area .title {
    font-size: 1.1em;
    margin: 10px 0px;
    line-height: 1.2em;
}

.facebook-area .caption {
    margin: 10px 0px;
    font-size: 1.0em;
    color: #999;
}


/*********************************
float & clear fix 一式
*********************************/

.f-l{
	float:left;
}
.f-l-m{
	margin:0px 15px 15px 0px;
}

.f-r{
	float:right;
}
.f-r-m{
	margin:0px 0px 15px 15px;
}

.c-b{
	clear:both;
}
.cf:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}	
.cf{display: inline-block;} 
/* Hides from IE Mac \*/
* html .cf {height: 1%;}
.cf{display:block;}
/* End Hack */ 

ul.div2, ul.div3, ul.div4{
	list-style:none;
	margin-left:0;
	margin-right:0;
	padding-left:0px;
}
/*
ul.div2 h3, ul.div3 h3, ul.div4 h3{
	margin-top:0px;
}
ul.div2 li{
	width:47%;
	float:left;
	margin-right:5px;
}
ul.div3 li{
	width:32%;
	float:left;
	margin-right:4px;
}
ul.div4 li{
	width:24%;
	float:left;
	margin-right:3px;
}
*/

/*********************************
関連記事 一式
*********************************/

div.related_posts h2 span{
	font-size:13px;
}
div.related_posts ul{
	margin-top:15px;
}

div.related_posts li{
	float:left;
	width:23%;
	margin-right:2%;
}

div.related_posts li p{
	font-weight:600;
	line-height: 1.3em;
}

div.related_posts li img{
	width:100%
}

div.related_posts p.to_list{
	text-align:right;
}

@media only screen and (max-width: 767px) {

	div.related_posts li{
		float:none;
		width:auto;
		margin-right:0;
		margin-bottom:5px;
	}
	div.related_posts li img{
		float:left;
		width:20%;
	}
	div.related_posts li p{
		float:right;
		width:77%;
	}
}

/*********************************
サイドバーイベント案内
*********************************/

.programing_event_info{
	padding: 10px;
    border: 5px solid #02aace;
    margin-bottom: 40px;
    box-sizing: border-box;
    line-height: 1.2;
    background-color:white;
}
.programing_event_info h2 {
    font-size: 110%;
    margin: -10px;
    margin-bottom: 10px;
    background: #02aace;
    padding: 10px 0 10px;
    line-height: 1.5;
}
.programing_event_info .tac {
    text-align: center !important;
}
#programing_event_info .tac a{
    color: white;
}

.programing_event_info h3 {
    font-size: 120%;
    margin: 10px 0 0px;
    line-height: 1.4;
    border-top: 2px dotted #999;
    padding: 8px 0 5px;
}
.programing_event_info .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.programing_event_info .fa-calendar:before {
    content: "\f073";
}

.programing_event_info h3 a {
    text-decoration: none;
}

.programing_event_info dl {
	margin-top:10px;
    margin-bottom: 5px;
    border-top: 1px dotted #ccc;
    overflow: hidden;
    line-height: 2;
}
.programing_event_info dt {
    clear: both;
    float: left;
    /*
    width: 46px;
    text-align: right;
    */
}
.programing_event_info dt i {
    width: 1em;
    display: inline-block;
    text-align: center;
}
.programing_event_info dd {
    padding-left: 55px;
    border-bottom: 1px dotted #ccc;
}

.programing_event_info p {
    margin-bottom: 5px;
}
.programing_event_info .tar {
    text-align: right !important;
}
.programing_event_info .link {
    text-decoration: none;
}
.programing_event_info .link:before {
    content: '\f067';
    font-family: 'FontAwesome';
    padding-right: 5px;
    text-decoration: none !important;
    vertical-align: middle;
}