@charset "UTF-8";

/*=========================
 本文
==========================*/
.main-conts h1.section-title {
		font-weight: bold;
		margin: 0 0 0.4em;
		border-bottom: 5px solid #cd201f;
}
@media only screen and (max-width: 736px){
	.main-conts h1.section-title {
			margin: 10px 0!important;
			padding: 0 5px!important;
	}
}
.main-conts h2{
	margin: 30px 0 10px;
}
.main-conts h3{
	margin: 30px 0 10px;
}
.main-conts .h3fake {
    position: relative;
		display: block;
    margin: 20px 0 10px;
    padding: 0 0 8px;
    border-bottom: 3px solid #afafaf;
    box-sizing: content-box;
    font-weight: bold;
    font-size: 1.35em;
}
.main-conts .h3fake::after {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: -4px;
    width: 20%;
    height: 4px;
    background-color: #cd201f;
    content: '';
}

.main-conts ul{
  margin-left: 24px;
}
.main-conts li{
  margin-bottom: 0.2em;
}

blockquote{
    position: relative;
    margin: 1em 0;
    padding: 1em;
}
blockquote:before {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 20px;
    height: 16px;
    content: '';
    background-image: url(./images/icon/icon-laquo_20x16.png);
}
blockquote:after {
    right: 8px;
    bottom: 8px;
    width: 20px;
    height: 16px;
    content: '';
    background-image: url(./images/icon/icon-raquo_20x16.png);
}

blockquote cite{

}

a .gray,a .small{
	color:#03C!important;
}
th,td{
  padding: 0 .5em;
}

/* 追加カラー */
.star{
	color: #fcae00!important; /*星*/
}
.gray{
	color: #999999!important; /*灰*/
}

/* br */
@media only screen and (max-width: 1079px){
  .main-body{
    font-size: 0.95em;
  }
  .article-body p br, .article-body .chara br{
      display: none;
  }
}

/* 記事下注釈 */
p.foot_notice{
	font-size: 0.85em;
	color: #888;
}

.wrap_inline-block{
  display: inline-block;
}
.fb_iframe_widget {
  display: inline-flex!important;
}
/* TOC */
#toc_container {
    box-sizing: border-box;
    padding: 12px;
}

/* easy-footnotes */
.easy-footnote-title h4{
	font-size:0.9em;
	margin: 25px 0 10px;
}

.easy-footnotes-wrapper{
	font-size:0.8em;
	margin:0 0 0 20px;
}

/*広告ボックス*/
.adwrap_base{
  margin: 0 0 15px;
  text-align: center;
  /* test */
  background-color: #f9f9f9;
  border: 1px solid #DDDDDD;
}
.adwrap336x280{
  width: 336px;
  height: 280px;
  display: inline-block;
  padding-right: 4px;
}
.adwrap300x250{
  width: 300px;
  height: 250px;
  display: inline-block;
  padding-right: 4px;
}
.adwrap300x600{
  width: 300px;
  height: 600px;
  margin: 0 auto;
}

/*=========================
　SNSボタン
==========================*/

.snsList {
	margin-bottom: 12px;
	width: 100%;
}
.snsList ul, snsList li{
	list-style: none;
	margin:0;
  overflow: hidden;
}
.letsShare{
	font-size: 0.8em;
	color: #666;
}
.wrap_shareButtons{
	display: block;
	width: 100%;
	table-layout: fixed;
	margin: 0;
  padding: 6px 0 0;
	white-space: nowrap;
}
.snsButton{
	display: inline-block;
	padding: 0 4px;
	text-align: center;
	vertical-align: middle;
	width: 16%;
  box-sizing: border-box;
	white-space: nowrap;
	margin-bottom: 0.5em;
}
li.snsButton{
	margin-bottom: 0.5em;
}

@media only screen and (max-width : 480px){
	.snsButton{
		width: 32%;
	}
	.wrap_shareButtons{
    white-space: normal;
	}
}

.snsButton a{
	display: inline-block;
	width: 100%;
	color:#FFF;
	font-size: 0.9em;
	text-decoration: none;
	min-height: 1.2em;
	padding:0.75em 0.25em 0.75em 0;
	text-align: center;
  border-radius: .75em;
  box-sizing: border-box;
}
.snsButton a::before{
	margin-right: 2px;
	font-size: 1.4em;
	vertical-align: middle;
	position: relative;
	top: -1px;
}
.snsButton a:hover, .snsButton a:active{
	opacity: 0.8;
}


.sns_tw{ background-color:#55acee; }

.sns_fb{ background-color:#3B5998; }

.sns_gp{
	background-color:#dd4b39;
}
.sns_hb{
	background-color:#008fde;
}
.sns_pk{
	background-color:#ee4056;
}
.sns_li{
	background-color:#00b900;
}

/* コピーボタン　*/
.copy_btn{
	display: inline-block;
	color:#FFF;
	background-color: #998080;
	margin:4px;
	padding: 1em;
	text-align: center;
	width:336px;
	box-sizing: border-box;
  border-radius: .75em;
	cursor: pointer;
	cursor: hand;
}

.copy_btn:before{
	margin:0 .3em;
	color:#FFF;
}
.copy_btn:hover{
	opacity: 0.8;
}
@media only screen and (max-width: 480px){
	.copy_btn{
		width:97%;
	}
}
.copied{
	background-color: #bb8888;
}

.fb-like{
	margin-left: 8px;
}

/*=========================
　ヘッダメニュー
==========================*/
.global-nav-in li {
    white-space: nowrap;
}
@media only screen and (max-width: 736px){
	.site-header-in {
		padding:40px 0 0 0;
	}
	.main-body {
    margin-top: 0;
	}

	.breadcrumbs-in {
		margin-top: 0;
	}

}
/*=========================
　サイドバー
==========================*/
/* Wordpress Populer posts */
.sidebar .section-in ul{
	margin-left:0;
}
.sidebar .section-in ul ul{
	margin-left:10px;
}

.sub-conts .section-wrap .section-in {
    padding: 20px 15px 20px;
}
.sub-conts .section-wrap .section-in .section-title, .sub-conts .section-wrap .article-header .section-title {
    margin: 0 0px 30px;
}

.sticky {
  position: -webkit-sticky; /* safari対応 */
  position: sticky;
  top: 20px;　/* 上端から10pxのところで固定 */
}

/*=========================
　レイアウト調整
==========================*/
.section-wrap {
    padding: 21px;
}
.col2 .main-conts {
    width: 65%;
    margin-right: 1%;
}
.col2 .sub-conts {
    width: 34%;
}

.main-and-side{
	display: flex;
}

textarea.wpcf7-textarea{
	width: 100%;
}


@media only screen and (max-width: 736px){
	html,body,.content{
		width: 100%;
		overflow-x: hidden;
	}
	.col2 .main-conts {
	    width: 100%;
			margin-right:0;
	}
	.col2 .sub-conts {
	    width: 100%;
	}

	.main-and-side{
		display: block;
	}
  .section-wrap {
      padding: 0;
  }
  .section-wrap .section-in, .col1 .section-wrap.wide .section-in, .float-area, .col1 .float-area {
      padding: 5px 5px 0px 5px;
  }
}

.breadcrumbs-in{
  margin-bottom: 0;
}

@media only screen and (max-width: 736px){
	.page-top {
			right:15px;
	    bottom:100px;
	}
	.page-top img {
	    width: 30px;
	}
}
#unitedblades_div{
	max-width: 100%!important;
}
/*更新日表示*/
.mod-date{
  letter-spacing: 0;
  font-size: 0.9em;
  margin-right: .5em;
}

/*
//オーバーレイ広告制御
#unitedblades_div{
  display: none!important;
}
@media only screen and (max-width : 736px){
//736px以下
  #unitedblades_div{
    display: block!important;
  }
}
*/


/*==================================
旧キャラ画像スプライトシート設定a
==================================*/

div.chara{
	padding-left:5px;
	min-height:100px;

}
div.chara:before{
	content:" ";
	background-image: url('images/ytb_100.png');
	background-repeat: no-repeat;
	width:100px;
	height:100px;
	display:block;
	float:left;
	margin-right:0.6em;
  border-radius: 50%;
}

@media only screen and (max-width : 736px)
{
	div.chara:before {
		background-image: url('images/ytb_66.png');
		width:66px;
		height:66px;
	}

}