@charset "UTF-8";

body    {margin: 0;
        font-family: 'Source Sans Pro','メイリオ', 'Hiragino Kaku Gothic Pro',sans-serif;
        word-wrap: break-word;
        overflow-wrap: break-word;
}

body {
  background-color: #ffffff;
}

/*フッダーを最下部に固定*/
body,
#wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* サイト名 */
.site h1 a	{color: #000000;
    text-align: center;
	text-decoration: none}

.site h1	{margin: 0;
	font-size: 30px}

.site img	{border: none;
	        height: auto;
            opacity: 0.95}

/* ヘッダー画像 */
.topimg	{max-width: 100%;
	height: auto;
	vertical-align: bottom}

/* BUTTON */

.img00-1 {text-align: center}

#buttonA {
  display: inline-block;
  padding: 0.2em 1em;
  text-decoration: none;
  background: #457FD3;
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight:bold;
  font-size: 35px;
}
#buttonA:hover{opacity: 0.8}
#buttonA:active {
  opacity: 0.8    
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

#buttonB {
  display: inline-block;
  margin: 0 3px 0 3px;
  padding: 0.3em 1em;
  text-decoration: none;
  background: #25A31D;
  color: #FFF;
  border: none;/*初期値の枠線消す*/
  border-bottom: solid 4px #149c02;
  border-radius: 3px;
  font-size: 25px;
  font-family: 'Noto Sans JP', sans-serif;
}
#buttonB:hover{opacity: 0.8}
#buttonB:active {
  opacity: 0.8    
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

#buttonC {
  display: inline-block;
  margin: 0 3px 0 3px;
  padding: 0.3em 1em;
  text-decoration: none;
  background: #666666;
  color: #FFF;
  border: none;/*初期値の枠線消す*/
  border-radius: 5px;
  font-size: 16px;
  font-family: 'Noto Sans JP', sans-serif;
}
#buttonC:hover{opacity: 0.8}

#buttonD {
  display: inline-block;
  margin: 3px 0px 0px 20px;
  padding: 0.3em 1em;
  text-decoration: none;
  background: #25A31D;
  color: #FFF;
  border: none;/*初期値の枠線消す*/
  border-bottom: solid 4px #149c02;
  border-radius: 10px;
  font-size: 23px;
  font-family: 'Noto Sans JP', sans-serif;
}
#buttonD:hover{opacity: 0.8}
#buttonD:active {
  opacity: 0.8    
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}





/*掲示板TOPの下部用とアップロード画面*/
.news	{display: block;
    padding: 3% 3%;
    height: 100vh
    border-radius: 0px;
    background-color: #ffffff;*/
    opacity: 0.95;
	/*border: solid thin #E1D737*/}

.news h1	{margin: 0px 0px 25px 5px;
    padding-left: 8px;
    border-left:solid 30px #37BEF0;
	font-size: 40px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:Medium;
	color: #25A31D}

.news h2	{margin: 20px 0px 10px 5px;
    padding-left: 8px;
    border-left:solid 13px #ffe401;
	font-size: 25px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:Medium;
	color: #43382B}

.news .news_color h2 {border-left:solid 13px #25A31D}

.news h3 {margin: 0px 0px 10px 15px;
	font-size: 22px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:Medium;
	color: #43382B;}

.news h3:hover {opacity: 0.8}

.news h4 {margin: 0px 0px 10px 20px;
	font-size: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:Medium;
	color: #25A31D;}

.news .sage h4 {margin: 0px 0px 10px 10px;
font-size: 20px;
}

.news p {margin: 0px 0px 15px 10px;
	font-size: 25px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight:Medium;
	color:#43382B }

.news .sage p {margin: 0px 0px 5px 20px;
font-size: 20px;
}

.news .submenu p{margin: 0px 0px 0px 20px;
}

.news b 	{margin-top: 0;
	margin-bottom: 15px;
    margin-left: 8px;
	font-size: 16px;
	color:#FF6600 }

.news ul	{margin: 0;
	padding: 0;
	list-style: none}

.news li {display:inline;
}

.news red {color: red;
margin-left: 5px;
font-size: 17px
}
.news orange {color: orange;
margin-left: 5px;
font-size: 17px    
}

.my-red {color: red}

.kakunin {
margin: -5px 0 10px 25px;    
}

.img00-1 i {margin: 0 10px 0 0;}

input, textarea{
    box-sizing: border-box
}

input[type="text"]{
    margin: 8px 10px 8px 24px;
    border: 1px solid #ccc;
    padding: 15px;
    width: 90%;
    font-size: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    border-radius: 6px
} 

input[type="text"]:focus {
    background-color: #e2ecf6;
}

input[type="text"]{background-color: #E6E6E6;
}

#comma01, #comma02, #comma03, #comma04, #comma05 {
    margin: 8px 10px 8px 24px;
    border: 1px solid #ccc;
    padding: 15px;
    width: 90%;
    font-size: 20px;
    font-family: 'Noto Sans JP', sans-serif;
    border-radius: 6px
}

#comma01:focus, #comma02:focus, #comma03:focus, #comma04:focus, #comma05:focus {
    background-color: #e2ecf6;
}


#comma01, #comma02, #comma03, #comma04, #comma05 {background-color: #E6E6E6;
}
 
/* コピーライト */
.copyright p	{margin: 0;
	color: #ffffff;
    font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px}

/* ボックスの左右 */
.boxA, .box4, .box5
	{padding-left: 15px;
	padding-right: 15px;
    box-sizing: border-box}

/* BOX5をフッターとしてバーの形にする */
.box5	{padding-top: 4px;
	padding-bottom: 4px;
    background-color: #25A31D;
    margin-top: auto;/*フッダーを最下部に固定のパーツ*/
    }

/* ボックスの上下 背景色 */
.boxA	{padding-top: 10px;
	padding-bottom: 0px;
    background-color: #25A31D;}


.box4	{padding-top: 20px;
	padding-bottom: 20px;
    background-color: #f5f5f5;}

.box4-1	{min-height: 100vh;}

/* シェアボタン */
.news .share {margin: 50px 0px 0px 0px ;    
}

.news .share ul {margin: 0;
        padding:0;
        list-style: none
}

.news .share li a {display: block;
    padding: 10px 5px;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
}

.news .share-tw {background-color: #55acee;
margin: 0 2px 10px 4px}
.news .share-fb {background-color: #3b5998;
margin: 0 4px 10px 2px}

.news .share li a:hover {opacity: 0.8}

.news .share ul:after {content: "";
display: block;
clear: both}

.news .share li {float: left;
width : calc(100% / 2) ;}

/*トップ画面のシェアボタン*/
.share_top {
height: 64px;
margin: 24px 0 0 0;
padding: 24px 0 24px 0;
}

.share_top_inner {content: "";
display: block;
clear: both}

.facebook {float: right}
.twitter a {float: right}

.facebook {width: 72px;}
.fb_iframe_widget > span {vertical-align: baseline !important;}
.twitter {width: 76px;}

/*タイマーフォント*/
.container {text-align: center}

section {font-size:30px;
} 

#cyo,#oku,#man,#yen {font-size: 90px;
    font-family: 'Lato', sans-serif;
}

.hidden {display: none;
}


/* ########### 768px以下 ########### */
@media (max-width: 768px) {
        
/* BUTTON  */
#button-0{
  padding: 7px 15px;
  border: 5px solid #457FD3;
  margin: 7px 0 0 -5px;
  font-size: 21px;
}

section {font-size:23px;
}
    
#cyo,#oku,#man,#yen {font-size: 70px;
    font-family: 'Lato', sans-serif;
}    
        
}

/* ########### 599px 以下 ########### */
@media (max-width: 599px) {

            
/*投稿ニュース文字小さく*/
    
#buttonA {font-size: 23px;}
    
.news h1	{margin: 10px 0px 15px 5px;
    padding-left: 7px;
    border-left:solid 15px #37BEF0;
	font-size: 22px}    
    
.news h2	{margin: 20px 0px 10px 5px;
	font-size: 20px}
    
    
.news h3 {margin: 0px 0px 10px 0px;
	font-size: 16px;}

.news h4 {margin: 0px 0px 10px 5px;
    font-size: 16px;}
    
.news h5 {margin: 5px 0px 5px 5px;
    font-size: 16px;}    
        
.news p	{margin: 0px 0px 10px 7px;
font-size: 1.0em;
} 
    
.news .sage p {margin: 0px 0px 4px 10px;
font-size: 0.83em;
}

.news red {color: red;
margin-left: 5px;
font-size: 16px
}
    
.news orange {color: orange;
margin-left: 5px;
font-size: 16px    
}    
    
/*入力フォーム*/
input[type="text"]{
    margin: 5px 0px 5px 0px;
    padding: 5px;
    width: 100%;
    font-size: 16px;
    border-radius: 2px
}

#comma01, #comma02, #comma03, #comma04, #comma05 {
    margin: 5px 0px 5px 0px;
    padding: 5px;
    width: 100%;
    font-size: 16px;
    border-radius: 2px
}    
    
#buttonD {font-size: 16px;
}    
    

    
/*シェアボタン*/
.news .share li a {padding: 7px 5px;
    font-size: 16px;
    border-radius: 5px;
}    
.share span {display: inline-block;
            text-indent: -9999px}

/*タイマーフォント*/
section {font-size:16px;
}
    
#cyo,#oku,#man,#yen {font-size: 30px;
    font-family: 'Lato', sans-serif;
}     
          
}



/* ########### 359px以下 ########### */
@media (max-width: 359px) {

/* サイト名 */
.site img	{width: 220px;
	height: auto}
    
/*タイマーフォント*/
section {font-size:16px;
}        
#cyo,#oku,#man,#yen {font-size: 25px;
    font-family: 'Lato', sans-serif;
}     

}

/* ########### 769px以上 ########### */
@media (min-width: 769px) {
    
/* BOX1とBOX2を横に並べる設定 */
.boxA:after	{content: "";
	display: block;
	clear: both}

.box1	{float: left;
         width: auto;}
    
.box1-2	{float: left;
	width: 33.33%}    
.box1-3	{float: left;
	width: 33.33%}
.box1-1 li {margin-left: 10%;
            float: left;}    
.box1-3 li {margin-right: 10%;
            float: right;}
    
.box2	{float: right;
	width: auto}
    
/* ########### 1190px 以上 ########### */
@media (min-width: 1190px) {
/* 全体の横幅を固定 */
.box3, .box4, .boxA-inner, .box5-inner
	{width: 1140px;
	margin-left: auto;
	margin-right: auto}

}