/* Enter Your Custom CSS Here */
body{
  font-family: "メイリオ","ＭＳ Ｐゴシック",sans-serif,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,Osaka;
  	font-size: 16px;
}
body, button, input, select, textarea {
	color: #444;
}

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

#pre-header{
  background: none;
}
#header {
  border-bottom: 4px solid #ce2d2a;
}
#logo img{
  max-height: none;
}
/* センタリングをやめる*/
table {
  text-align: left;
}
/* タイトルが全て大文字になってしまうのを治す */
.blog-article .blog-title {
  text-transform: none !important;
}
#intro.option1 .page-title {
  text-transform: none !important;
}

.clearfix { display: inline-table; }

.entry-content {
/*  font-size: 15px; */
}
.entry-content h2 {
  font-family: "メイリオ","ＭＳ Ｐゴシック",sans-serif,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,Osaka;  
}

/* リンクの色を変える */
.entry-meta a:link, .blog-title a:link, .article  a:link, #head_to_head a:link{
  text-decoration: none;
  color: #4444ff;
}
.entry-meta a:visited, .blog-title a:visited, .article a:visited, #head_to_head a:visited{
  text-decoration: none;
  color:#4444FF;
}
.entry-meta a:hover, .blog-title a:hover, .article a:hover, #head_to_head a:hover{
  color:red;
  text-decoration: underline;
}
.entry-meta a:active, .blog-title a:active, .article a:active, #head_to_head a:active{
  text-decoration: none;
}

/* リンクの色を変える（サイドバー） */
#sidebar a:link {
  text-decoration: none;
  color: #4444ff;  
}
#sidebar a:visited {
  text-decoration: none;
  color:#4444FF;
}
#sidebar a:hover {
  color:red;
  text-decoration: underline;
}
#sidebar a:active {
  text-decoration: none;
}

/* リンクの色を変える（記事ページ） */
article.type-post p a:link {
  text-decoration: none;
  color: #4444ff;  
}
article.type-post p a:visited {
  text-decoration: none;
  color:#4444FF;
}
article.type-post p a:hover {
  color:red;
  text-decoration: underline;
}
article.type-post p a:active {
  text-decoration: none;
}

article.type-post a.more-link:link {
  color: #fff;
}
article.type-post a.more-link:visited {
  color: #fff;
}
article.type-post a.more-link:hover {
  text-decoration: none;
  color: #fff;
}
article.type-post a.more-link:active {
  color: #fff;
}

/* リンクの色を変える（固定ページ） */
article.type-page p a:link {
  text-decoration: none;
  color: #4444ff;  
}
article.type-page p a:visited {
  text-decoration: none;
  color:#4444FF;
}
article.type-page p a:hover {
  color:red;
  text-decoration: underline;
}
article.type-page p a:active {
  text-decoration: none;
}

/* リンクの色を変える（テーブル）*/
.tablepress td a:link {
  text-decoration: none;
  color: #4444ff;  
}
.tablepress td a:visited {
  text-decoration: none;
  color:#4444FF;
}
.tablepress td a:hover {
  color:red;
  text-decoration: underline;
}
.tablepress td a:active {
  text-decoration: none;
}

/* リンクの色を変える（関連記事）*/
.yarpp-related a:link {
  text-decoration: none;
  color: #4444ff;  
}
.yarpp-related a:visited {
  text-decoration: none;
  color:#4444FF;
}
.yarpp-related a:hover {
  color:red;
  text-decoration: underline;
}
.yarpp-related a:active {
  text-decoration: none;
}

#report table td{
  border: none;
}
#report table td.left{
  padding: 4px 2% 4px 0;
}
#report table td.right{
  vertical-align: top; text-align: left;
}
.blog-thumb img {
	border-radius: 5px;
}

.message {
    box-shadow: 0 3px 15px 0 #ccc;
    caption-side: bottom;
    margin: 0 auto 30px;
    overflow: hidden;  
    padding: 20px 20px 0 20px;
}

.custom_title h2 {
		position: relative;
		padding-left: 25px;
}

.custom_title h2:before {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 0;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 15px transparent;
    border-bottom: solid 15px rgb(119, 195, 223);
}
.custom_title h2:after {
    position: absolute;
    content: '';
    bottom: -3px;
    left: 10px;
    width: 100%;
    border-bottom: solid 3px rgb(119, 195, 223);
}

.custom_title h3 {
    border-bottom: double 5px #FFC778;
    /*線の種類（二重線）太さ 色*/
}
/*
.custom_title h4 {
    padding: .25em 0 .25em .75em;
    border-left: 6px solid #ccc;
}
*/
.custom_title h4 {
    position: relative;
    padding:0 0 5px 0;
    font-size:20px;
    border-bottom:#BFBFBF dotted 1px;
}
.custom_title h4:first-letter{
    font-size:35px;
    color:#325A8C;
}

.custom_title h5{
    color: #444;
    font-size: 24px;
    position: relative;
    padding: 0 0 2px 32px;
    border-bottom: #BFBFBF dotted 1px;
}
.custom_title h5:before, .custom_title  h5:after{
    content: "";
    position: absolute;
    bottom: 0;
    width: 12px;
    height: 12px;
    border: 2px solid #d14;
    margin: auto;
}
.custom_title h5:before{
    top: -6px;
    left: 0px;
}
.custom_title h5:after{
    top: 6px;
    left: 6px;
}

h2.circle-two {
    position: relative;
    display: block;
    padding: 0.2em 0 0.2em 1.2em;
}

h2.circle-two::before {
    position: absolute;
    top: 0.6em;
    left: 0;
    display: block;
    width: 0.8em;
    height: 0.8em;
    border-radius: 50%;
    background: #70e2ef;
    box-shadow: 0.4em -0.4em 0 -1px #ffcdcd;
    content: "";
}
h2.diamond-two {
  position: relative;
  display: block;
  padding: 0.2em 0 0.2em 1.5em;
  border-bottom: #BFBFBF dotted 1px;
}

h2.diamond-two::before {
    position: absolute;
    top: 0.5em;
    left: 0;
    display: block;
    width: 0.8em;
    height: 0.8em;
    background: #5ea6c3;
    box-shadow: 0.4em 0.4em 0 -0.1em #ff9c4f;
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#navi-list ul {
	margin: 0;
  justify-content: center;
}

#item-list {
display: flex;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap: wrap;
align-content: space-around;  
}
#item-list li {
list-style-type: none;
}
/* 一覧のリストの設定 */
#item-list a {
margin: 10px;
border-radius: 5px;
background: #f33f3f;
/* background: #60B99A; */
color: #fff;
display: block;
padding: 15px;
}

/* 引用部分 */
blockquote {
font-style: normal;
}

blockquote {
  background: none repeat scroll 0 0 rgba(245, 245, 245, 0.8);
  border: 1px solid #FFFFFF;
  margin: 1em 0;
  padding: 40px 55px 20px 55px;
  position: relative;
}
blockquote:before {
  color: #C8C8C8;
  content: "“";
  font-family: serif;
  font-size: 600%;
  left: 30px;
  line-height: 1em;
  position: absolute;
  top: 5px;
}
 
blockquote:after {
  color: #C8C8C8;
  content: "”";
  font-family: serif;
  font-size: 600%;
  line-height: 0;
  position: absolute;
  right: 30px;
  bottom: -5px;
}

#head_to_head table{
  border: none;
}
#head_to_head table .heading{
  background-color: #fbfbfb;  
}
#head_to_head table .date{
  border-top: 2px double;
}
#head_to_head table th, #head_to_head table td{
  border-right: none;
  padding: 7px 2%;
}

#stats #name {
  text-align: center;
  background-color: #217fc4;
  color: #fff;
  padding: 8px 2%;
  margin-bottom: 20px;
  font-weight: bold;
}
#stats #score {
  text-align: center;
  background-color: #000;
  color: #fff;
  padding: 8px 2%;
  margin-bottom: 20px;
  font-weight: bold;
}

#stats table, #stats table th, #stats table td{
  border: none;
  font-size: inherit;
  padding: 4px 2%;
}
#stats table th.title{
  text-align: center; background-color: #000; color: #fff; margin: 0;
}
.foogallery .fg-caption-title {
  font-size: 14px !important;
  white-space: normal !important;
  padding: 13px !important;
}
#schedule table {
	width:100%;
	border-collapse: collapse;
  border: none;
}
#schedule table th, #schedule table td{
  padding: 12px;
  vertical-align: middle;
  border-right: none;
  border-bottom: 1px solid #ccc;
}
#schedule table thead th{
  background: #d9edf7;
  font-size: 14px;
}
#schedule table thead th.column1{
	width: 8%;  
}
#schedule table thead th.column2{
	width: 25%;  
}
#schedule table thead th.column3{
	width: 29%;  
}
#schedule table thead th.column4{
	width: 27%;  
}
#schedule table thead th.column5{
	width: 11%;  
}
#schedule .br::before {
	content: "\A" ;
	white-space: pre ;
}

/* リンクの色を変える（テーブル）*/
#schedule table td a:link {
  text-decoration: none;
  color: #4444ff;  
}
#schedule table td a:visited {
  text-decoration: none;
  color:#4444FF;
}
#schedule table td a:hover {
  color:red;
  text-decoration: underline;
}
#schedule table td a:active {
  text-decoration: none;
}
#schedule .team img{
  vertical-align: middle;
  margin-right: 10px;
}
#schedule .team span{
  vertical-align:middle;
}

@media screen and (max-width: 640px) {
  #schedule table thead{
    display:none;
  }
  #schedule table tbody th, #schedule table tbody td {
	  display:block;
  }
  #schedule table tbody .section {
  	background: #d9edf7;
		text-align: center;
		font-size: 16px;    
		font-weight:bold;    
  }
  #schedule table tbody td::before {
		content: attr(label);
		font-weight:bold;
  	margin: 30px 10px;
	}  
	#schedule .br::before {
		content: none;
	}  
	#schedule .blank {
		display: none;
  }  
}

/* 福袋ページ用 */
#content-1 table {
	border: none;
}
#content-1 th, td {
	border: none;
  padding: inherit;
}

/* 引用 */
blockquote {
padding: 50px 20px 40px 20px;
}

blockquote, q {
font-size: inherit;
}

blockquote::before {
left: 10px;
}

blockquote::after {
right: 10px;
}

/* アドセンスの箇所 */
#quads-ad1 {
    margin-bottom: 20px !important;
}
#quads-ad2 {
    margin-bottom: 20px !important;
}

/* 吹き出し用 */
.balloon5 {
  width: 100%;
  margin: 4.5em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #d7ebfe;
}

.says p {
  margin: 0;
  padding: 0;
}