/* リンクボタン */
.buttom{
   display:block;
	font-size:18px;
   width:65%;

   /* ボタンのスタイル */
   margin:5px 5px 5px 5px;
   padding:10px 10px 10px 10px;
   border-radius: 3px;
   box-shadow: 1px 1px 3px 0px #ffcc33;
   background: #ffcc33;
}

.buttom3{
   display:block;
	font-size:17px;
   width:62%;

   /* ボタンのスタイル */
   margin:5px 5px 5px 30px;
   padding:10px 10px 10px 10px;
   border-radius: 3px;
   box-shadow: 1px 1px 3px 0px #ffde7a;
   background: #ffde7a;
}

/* 縦並び */
.yoko{
   position: relative; 
   float:none;
   font-size:14px;
   height:200px;
   width:100%;

   /* ボタンのスタイル */
   margin:0px 5px 10px 0px;
   padding:10px 10px 10px 10px;
   border-radius: 3px;
   box-shadow: 1px 1px 3px 0px #75b9f0;
   background: #f3f3f3;
}
.yoko2{
   position: relative; 
   float: left;
   font-size:14px;
   height:auto;
   width:95%;
   color: #01038e;

   /* ボタンのスタイル */
   margin:0px 5px 10px 10px;
   padding:10px 10px 10px 10px;
   border-radius: 3px;
   box-shadow: 1px 1px 3px 0px #75b9f0;
   border-style: solid;
   border-color: #1da1f2;
   border-width: thin;
   -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

@media (max-width: 767px) {
   .yoko2 {
     height:auto;
   }
}
.yoko2:hover{
   /* ボタンのスタイル */
   background: #1da1f2;
   color: #ffffff;
}

@media screen and (min-width:786px) {
/* 横並び */
.yoko{
   position: relative; 
   float:left;

   font-size:14px;
   height:200px;
   width:47%;

   /* ボタンのスタイル */
   margin:0px 5px 10px 10px;
   padding:10px 10px 10px 10px;
   border-radius: 3px;
   box-shadow: 1px 1px 3px 0px #75b9f0;
   background: #f3f3f3;
}

/* TOPリンクボタン */
.buttom2{
   display:block;
	font-size:17px;
   width:70%;
    position: absolute;  
    top: 18px;  
    left: 65px;  
   /* ボタンのスタイル */
   margin:5px 5px 5px 20px;
   padding:10px 10px 10px 10px;
   border-radius: 3px;
   box-shadow: 1px 1px 3px 0px #75b9f0;
   background: #75b9f0;
}

.buttom4{
   display:block;
	font-size:15px;
   width:80%;
    position: absolute;  
    top: 0px;  
    left: 55px;  
   /* ボタンのスタイル */
   margin:5px 5px 5px 20px;
   padding:10px 10px 10px 10px;
}

/*-------------------------------
  以下、追加 by Koshi 2020/10/14
--------------------------------*/

.yoko2-orange{
   position: relative; 
   float:left;
  font-size:14px;
   height:auto;
   width:100%;
   color: #f15a24;

   /* ボタンのスタイル */
   margin:0px 5px 10px 0px;
   padding:4px 18px;
   border-radius: 3px;
   box-shadow: 1px 1px 3px 0px #f15a24;
   border-style: solid;
   border-color: #f15a24;
   border-width: thin;
   -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.yoko2-orange:hover{
   /* ボタンのスタイル */
   background: #f2dd1d;
   color: #ffffff;
}

@media (max-width: 767px) {
   .yoko2-orange {
     width: 100%;
   }
}

/*-------------------------------
  以下、追加 by Koshi 
--------------------------------*/
.yoko3{
   position: relative; 
   float:left;
   font-size:14px;
   height:100%;
   width:100%;

   /* ボタンのスタイル */
   margin:0px 5px 10px 10px;
   padding:10px 10px 5px 30px;
   border-radius: 3px;
   box-shadow: 1px 1px 2px 0px #75b9f0;
   background: #f3f3f3;
}

@media (max-width: 767px) {
   .yoko3 {
     width: 100%;
   }
}

/*-------------------------------
　追加 by Koshi 囲み
--------------------------------*/
.box17{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.box17:before, .box17:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 p {
    margin: 0; 
    padding: 0;
}

/*-------------------------------
  追加 by Koshi img回り込み解除
--------------------------------*/
@media screen and (max-width: 767px) {
	img.alignleft,
	.wp-caption.alignleft {
		float: none;
	}
	img.alignright,
	.wp-caption.alignright {
		float: none;
	}
}

div .mnews{
	margin-bottom:20px;
	padding: 10px;
	background-color: #EEEEEE;
	border: solid 1px #DADADA;
}

.clearBoth { 
clear: both; 
}

/*最近ニュースページに吹き出しを追加する*/
.speech-balloon {
     position: relative;
     display: inline-block;
     padding: 25px;
     border: #878787 solid 4px;
     background-color: #FFF;
     margin-left: 0; 
}
	
.speech-balloon:before {
     content: '';
     position: absolute;
     display: block;
     z-index: 1;
     border-style: solid;
     border-color: #FFF transparent;
     border-width: 0 15px 15px 0;
     top: -11px;
     left: 21px;
}
.speech-balloon:after
{
     content: '';
     position: absolute;
     display: block;
     z-index: 0;
     border-style: solid;
     border-color: #878787 transparent;
     border-width: 0 15px 15px 0;
     top: -18px;
     left: 18px;
}

/*投稿ページの次の記事・前の記事を非表示にする*/
.vk_post-postType-post, .entry-meta-item-author
	{
		display:none;
	}

/*最近ニュースページの「ニュースの一覧を見る」ボタンを装飾する*/
.btn-wrap {
  display: block;
  text-align: center;
  border-radius: 5px;
  padding: 10px 15px;
  margin: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  transition: background 0.3s ease, color 0.3s ease;
}

.btn-wrap a {
  color: #FFF;
  text-decoration: none;
}

/* オレンジボタン */
.btn-wrap-orange {
  background-color: #FFB833;
}

.btn-wrap-orange:hover {
  background-color: #FFA500;
}

/* グリーンボタン */
.btn-wrap-green {
  background-color: #1F9393;
}

.btn-wrap-green:hover {
  background-color: #145C5C;
}

	.vk_post_date
	{
		display:none;
	}
	
	.updated
	{
		display:none;
	}		
	
	.fa-history
	{
		display:none;
	}		

	.category-news .vk_post_imgOuter
	{
		display:none;
	}
	
	
	.widget-title ,sub-section-title
		{
		font-size:1.0em;
	}
	
.site-footer-copyright p:nth-child(2) {
    display: none;
}
	/* 最近ニュースページのサムネイルをすべて非表示 */	
	div.vk_post_body
	{
		background-color: #ABB7C242;
	}
	
		/* サイト全体のaタグの色変更 */	
	a{
		color: #1e73BE;
		text-decoration: underline dotted 1px;
	}
	
	a:hover{
	color: #1F9393;
	text-decoration: none;
}