h2:not(.entry-title ):not(.widget-title) {
    background: #f7f7f7;
    border-left: solid #5baccc 5px;
    padding: 6px 10px;
    border-bottom: solid 3px #dadada;
    clear: both;
		font-size: 24px;
}

h3:not(.entry-title ):not(.widget-title):not(#site-title) {
    border-left: solid #ff9701 3px;
    padding: 4px 10px;
		margin-top: 5px;
    margin-left: 8px;
    clear: both;
		font-size: 22px;
}

h4:not(.entry-title ):not(.widget-title):not(#site-title) {
    border-bottom: solid #4ddd25 1px;
    padding: 2px 10px;
    margin-left: 16px;
    clear: both;
    font-size: 20px;
    margin-top: 5px;
}

#gallery {
    margin: 0 auto;
    overflow: hidden;
}
 
#gallery li {
    max-width: 300px;
    padding: 5px;
}
 
#gallery li img {
    max-width: 100%;
    height: auto;
}

#site-navigation li a {
    font-family: sans-serif;
}

#site-navigation li a img {
		width: 18px;
    height: 19px;
    padding-top: 3px;
    padding-right: 2px;
}

#site-title a {
	font-size: 28px !important;
}

.breaking-news-latest {
	display: none;
}

#header-logo-image img {
    margin-top: 13px;
}

#header-text-nav-wrap {
    padding: 0px;
}

p,a,li,div{
   font-family: helvetica,arial,sans-serif !important; 
}

#toc_container {
    margin-left:auto;
    margin-right:auto;
    border: 1px solid #ffb03f;
    background: #ffffc6;
    padding: 0.5em 1em;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}

div#toc_container ul.toc_list, div#toc_container ol {
  border: dashed 2px #4ddd25;/*破線*/
  border-radius: 9px;
  margin-left: 10px;/*はみ出ないように調整*/
  margin-right: 10px;/*はみ出ないように調整*/
  padding: 0.5em 0.5em 0.5em 2em;
  background: #efffef !important;
}

div#toc_container  ul li,div#toc_container ol li {
  line-height: 1.5;
  padding: 0.5em 0;
}

div#toc_container li a {
  color: #000;
}

.wpp-list a.wpp-post-title {
    color: #232323;
}

#twitter_timeline-3 .widget-title span {
    background-color: #289dcc;
    color: #ffffff;
    padding: 6px 12px;
    display: inline-block;
    border:2px;
    font-size:28px
}

#twitter_timeline-3 .widget-title {
    border-bottom: 2px solid #289dcc;
    padding-bottom: 0px;
}

.wpp-list li {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
}

#site-navigation {
    height: 46px;
}

#site-navigation li a {
    height: 42px;
}

.previous a {
    font-size:0;
}
.previous a:before {
    font-size: 28px;
    content: "⇦ 前へ";
}

.next a {
    font-size:0;
}
.next a:before {
    font-size: 28px;
    content: "次へ ⇨";
}

img.country_list {
    width: 250px;
    margin: 5px;
}

.country_flag {
  display: inline-block;
  position: relative;
}

img.country_list:hover {
  transition: 500ms;
  -webkit-filter: grayscale(100%) brightness(50%);
}

.country_flag:hover:after {
  content: attr(title);
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


/*/////////////////////////////////////////////////
//チャット画面(会話方式)を記事に表示する方法
/////////////////////////////////////////////////*/

.balloon__contener {
  clear: both;
  width: 100%;
  padding: 10px 0;
}

.balloon__contener:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.balloon__contener figure {
  width: 60px;
  position: absolute;
  padding: 0;
  margin: 0;
  top: 0;
}

.balloon__contener figure img {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  border: solid 1px #dddddd;
}

.balloon__contener figure figcaption {
  color: #000000;
  width: 60px;
  position: absolute;
  top: 60px;
  text-align: center;
  font-size: 70%;
  line-height: 100%;
}

.balloon__contener .balloon__left {
  width: 100%;
  position: relative;
  display: block;
  max-width: 80%;
  clear: both;
}

.balloon__contener .balloon__left figure {
  left: 0;
}

.balloon__contener .balloon__left .balloon__text {
  margin-left: 80px;
  position: relative;
  padding: 20px;
  border-radius: 10px;
  background-color: #d8f4f8;
}

.balloon__contener .balloon__left .balloon__text::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -10px;
  top: 12px;
  border-right: 15px solid #d8f4f8;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.balloon__contener .balloon__right {
  width: 100%;
  position: relative;
  display: block;
  float: right;
  max-width: 80%;
  clear: both;
}

.balloon__contener .balloon__right figure {
  right: 0;
}

.balloon__contener .balloon__right .balloon__text {
  margin-right: 80px;
  position: relative;
  padding: 20px;
  border-radius: 10px;
  background-color: #eeeeee;
}

.balloon__contener .balloon__right .balloon__text::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -10px;
  top: 12px;
  border-left: 15px solid #eeeeee;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}


@media only screen and (max-width: 767px){
  .balloon__contener .balloon__left,
  .balloon__contener .balloon__right {
    max-width: 100%;
  }
}

.writer-profile {
    width: 30%;
    margin: 1%;
    float: left;
    height: 650px;
}

.name {
    text-align:center;
		padding: 0 0.4em 1em;
		font-weight: bold;
    margin: 0;
}

/*ライター一覧ページスマフォ用*/
@media screen and (max-width: 767px) {

p{
  font-size:0.9em;
  line-height:1.8em !important;
}
  
.writer-profile{
    width: 48%;
    margin:1%;
    float:left;
    height:450px;
}
.writer-profile .name{
    text-align:center;
    font-weight:bold;
    padding:10px 0;
    margin:0;
    font-size:0.8em;
}
.writer-profile .description{
    font-size:0.6em;
    padding:0.2em;
}

/* 親divと同じサイズに */
.writer-profile .description a{
    font-size: 1.0em ;
    padding:0.2em;
}
	
.writer-profile a{
    font-size:0.6em;
    line-height:1em;
}
}

.profiletxt_inner {
    border: 1px solid #ddd;
    padding: 15px 15px 2px;
}

.profileimg_inner {
    float:left;
    margin-right: 10px;
}

.articles_inner {
    color: #333;
    right: 0;
    top: -5px;
    text-decoration: none;
    font-size: 12px;
    background: #e8e8e8;
    padding: 7px 12px;
    text-align: right;
}

.articles_inner:hover {
    color: #fff;
    text-decoration: none;
    background-color: #ff9701;
}

.author-box {
    display: none;
}

/* この記事を書いた人カスタマイズ */
.thisis_author {
    font-weight: bold;
    margin-bottom:7px;
    border-bottom: 1px dashed #a9a9a9;
}

/* スマホ閲覧時のスライダーレイアウト調整 */
@media screen and (max-width: 767px) {
   .slide-content h3.entry-title {
       display: none;
   }

  .slide-content .below-entry-meta {
       display: none;
   }

  .slide-content {
       padding-bottom :10px !important
   }
}

/* PC閲覧時のスライダーレイアウト調整 */
@media screen and (min-width: 767px) {
   .slide-content h3.entry-title {
			font-size:18px !important
   }

  .slide-content .below-entry-meta {
       display: none;
   }

  .slide-content {
       padding-bottom :10px !important
   }
}

/* 各期アイコンサイズ調整 ↓ 20190326 */

.real_members_icon {
    width : 10%;
    padding-right : 5px;
}

/* 各期アイコンサイズ調整 ↑ 20190326 */

/* スマホ閲覧時の見出しサイズ */
@media screen and (max-width: 767px) {
	h2:not(.entry-title ):not(.widget-title) {
		background: #f7f7f7;
		border-left: solid #5baccc 3px;
		padding: 5px 1px;
		border-bottom: solid 1px #dadada;
		clear: both;
		font-size: 1.2em;
	}

	h3:not(.entry-title ):not(.widget-title):not(#site-title) {
		border-left: solid #ff9701 2px;
		padding: 4px 1px;
		margin-top: 5px;
		margin-left: 8px;
		clear: both;
		font-size: 1.1em;
	}

	h4:not(.entry-title ):not(.widget-title):not(#site-title) {
		border-bottom: solid #4ddd25 1px;
		padding: 2px 1px;
		margin-left: 16px;
		clear: both;
		font-size: 1.0em;
		margin-top: 5px;
	}
	
	.entry-title {
		padding: 5px 0 0;
		font-size: 1.4em !important;
	}
}

/* スマホ閲覧時のヘッダー項目 */
@media screen and (max-width: 767px) {
	.date-in-header, .breaking-news, #site-title {
    display:none
}
}

/* スマホ閲覧時のヘッダー項目 */
@media screen and (max-width: 767px) {
	#colormag_highlighted_posts_widget-2 {
			display:none;
	}

	.home-icon .fa {
			color: #ffffff;
			font-size: 26px;
	}
	
	.menu-toggle {
	padding-bottom: 1px !important;
}
	.a2a_floating_style {
	width: 100%;
	display: flex;
	justify-content: center;
	}
	
	p#site-description {
    font-size: 0.66em;
	}
}