@charset "UTF-8";
/* CSS Document */
.link_waku {
    background-color: #FFB13B;
    padding: 3%;
    width: 60%;
    text-align: center;
    margin-top: 20px;
    border-radius: 5px;
    font-size: 100%;
    color: #FFFFFF;
    font-weight: bold;
    margin-right: 2%;
    word-break: break-all;
}
.link_waku a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
word-break: break-all;
}
.link_waku a:hover {
    background-color: #CCCCCC;
    color: #FFFFFF;
    word-break: break-all;

}
.link_waku:hover {
    background-color:#CCCCCC;
    color: #FFFFFF;
    word-break: break-all;
   
}

.shibu_img_right {
    width:60%;
    float: right;
  margin-left: 5%;
    text-align: center;
   
}
.shibu_text {
     width:75%;
    float: none;
  margin-left: auto;
margin-right: auto;
/*    margin-bottom: 20px;*/
}
.shibu_waku {
    width: 100%;
    background-image: url("images/img_ph2.png");
    background-repeat: no-repeat;
    background-position: 0% bottom;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
    height: 800px;
    }

.sub_article_shibu {
    width: 100%;
}
.sub_contents-in_shibu {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    background-color: #FFFFFF;
    padding: 4%;
    border-radius: 6px;
}
/*支部システム--ベース*/
.left_all {
    width: 20%;
    float: left;
     font-family: 'Kosugi Maru', sans-serif;
}
.left_title {
    padding: 2%;
    background-color: #52B55C;
    text-align: center;
   color: #FFFFFF;
    height: 30px;
    padding-top: 10px;
    padding-bottom:10px;
    border-radius: 6px;
}
/*.left_name_li {
    
}
.left_name_li ul {
    
}
.left_name_li ul li {
    border-bottom: thin dotted #B3B3B3;
    padding: 2%;
    padding-left: 8%;
    font-size: 95%;
    padding-top: 6%;
}*/
.left_name_li ul li	{
    height: auto;
    width:80%;
    font-size: 95%;
    color: #585757;
    line-height: 130%;
    display: block; 
    margin-left: 2%;
    
}

.left_name_li ul li:last-child {
	border:0; /* リストの最後のボーダーを消す */
	box-shadow:none;
}

.left_name_li ul li a	{
     width:100%;
    background-image: url("../../images/blog_h2.png");
    background-repeat: no-repeat;
    background-position: 3% center;
    padding-top: 15px;
    padding-bottom: 15px;
    text-decoration: none;
	display: inline-block; 
     border-bottom: 1px dotted #A9A9A9;
    padding-left: 22%;
    color: #585757;
	}
.left_name_li ul li a:hover	{
	text-decoration: none;
	color: rgba(119,119,119,1.00);
	}

.left_name_li ul li:last-child a {
	border-bottom-style: none;
}

.right_all {
    width: 75%;
    float: right;
}
/*支部システム--一覧*/
.shibu_main_title {
    text-align: center;
    font-size: 150%;
    color: #5E3819;
    margin-bottom: 50px;
    font-weight: bold;
     font-family: 'Kosugi Maru', sans-serif;
}
.right_blog {
    padding: 2%;
   /*min-height: 350px; */
   border: thin dotted  #52B55C;
    margin-bottom: 20px;
     border-radius: 6px;
}
.right_blog_name {
    width: 18%;
    float: right;
    padding: 0.5%;
    padding-left: 2%;
   color: #FFFFFF; 
    text-align:center;
  background-color: #52B55C; 
    margin-bottom: 20px;
 font-size: 88%;
border-radius: 5px;
}
.right_blog_text_all {
    width: 75%;
    float:right;
}
.right_blog_title {
    font-size: 120%;
    border-left: 8px solid #52B55C;
    padding-left: 2%;
    color: #5E3819;
    font-weight: bold;
    margin-bottom: 20px;
}
.right_blog_img {
    width: 20%;
    float: left;
    background-color: #FFF9F2;
}
.right_blog_text {
    padding-left: 3%;
    padding-top: 10px;
    margin-bottom: 20px;
     font-size: 95%;
}
.right_blog_day {
     font-size: 100%;
	width: 50%;
	float: left;
    text-align: left;
    color: #6C6C6C;
}
.right_blog_day  {
	color: #6A6A6A;
	padding-top: 10px;
	text-align: right;
	width: 100%;
	font-size: 14px;
/*	padding-bottom: 20px;*/
	margin-top: 15px;
	border-top: 1px dotted #B0B0B0;
	margin-left: auto;
	margin-right: auto;
 /*   margin-bottom: 10px;*/
}
.right_blog_day a {
	color: #777777;
}
.right_blog_day  a:hover {
	color: #908F8F;
}
.right_blog_motto {
    text-align: right;
    padding-top: 20px;
    font-size: 85%;
	width: 49%;
	padding-right: 1%;
	float: right;
}
.right_blog_motto a {
    text-align: right;
    color: #52B55C;
  
}
.right_blog_motto a:hover {
    text-align: right;
        text-decoration: underline;  
      color: #D7364A;
}	
/**/	
/*横幅768pxまで　*/
@media screen and (max-width: 768px){
    .shibu_text {
         width:96%;
    float: none;
  margin-left: auto;
margin-right: auto;
}
}