/* カスタム CSS をここに入力してください */
html body {
    color: #8b4513;
}

ul.flows_list {
	list-style:none;
}

ul.flows_list li {
	list-style-type: disc;
    list-style-position: inside;
  	padding-bottom: 8px;
}

table.noborder_table,
table.noborder_table td {
	border:0!important;
  	font-size:16px;
  	padding-bottom:20px;
  	vertical-align: top;
} 

td.noborder_table_td1 {
	width:20%;
}

.table.noborder_table img {
	width:90%;
}

@media screen and (max-width: 768px) {
  
  body img#top_content_illust {
    position: absolute;
    max-width: 180px;
    left: 20px;
    top: -88px;
  }
  
  body .navbar-default .navbar-toggle:focus,
  body .navbar-default .navbar-toggle:hover {
      background-color: rgba(249, 153, 237, 0.4);
  }
  
  body .navbar-default .navbar-nav>.active>a,
  body .navbar-default .navbar-nav>.active>a:focus,
  body .navbar-default .navbar-nav>.active>a:hover {
    background-color: rgba(249, 153, 237, 0.4);
  }  
  
  td.noborder_table_td1 {
	width:30%;
  }  
  
  body .navbar-brand {
  	height:auto;
  }
  
  body .navbar-toggle {
    margin-top: 16px;
  }
}

th , td {
	font-size:13px;
}

body .footer-nav {
	border:0;
}

.home .area_nav.navbar.navbar-default {
    margin-bottom: 0!important;
}

body .area_nav.navbar .navbar-nav>li>a {
    border-radius: 5px;
    font-size: 13px;
    box-shadow: 1px 1px 3px #ccc;
    padding: 15px 24px;
    display: block;
  	color: #a85500;
  	font-weight:bold;
}

body .area_nav.navbar .navbar-nav>li>a:hover {
  
}

body .area_nav.navbar li {
  	margin-right:1%;
  	text-align:center;
}

body .area_nav.navbar li.menu-item-22 {
  	margin-right:0;
}

body .area_nav.navbar .navbar-nav>li {
    float: left;
    display: block;
}

body .area_nav.navbar .menu-item-119 a,
body .area_nav.navbar .menu-item-119 a:hover, 
body .area_nav.navbar .menu-item-119 a:focus{
	background:#ff7272;
}

body .area_nav.navbar .menu-item-200 a,
body .area_nav.navbar .menu-item-200 a:hover, 
body .area_nav.navbar .menu-item-200 a:focus{
	background:#f39800;
}

body .area_nav.navbar .menu-item-199 a,
body .area_nav.navbar .menu-item-199 a:hover,
body .area_nav.navbar .menu-item-199 a:focus{
	background:#fff100;
}

body .area_nav.navbar .menu-item-118 a,
body .area_nav.navbar .menu-item-118 a:hover,
body .area_nav.navbar .menu-item-118 a:focus{
	background:#8fc31f;
}

body .area_nav.navbar li.menu-item-22 a,
body .area_nav.navbar li.menu-item-22 a:hover,
body .area_nav.navbar li.menu-item-22 a:focus {
  	background:#00a0e9;
}


body .area_nav.navbar .menu-item-119 {
  	width:12%;
}

body .area_nav.navbar .menu-item-200 {
  	width:29%;
}

body .area_nav.navbar .menu-item-199 {
  	width:24%;  
}

body .area_nav.navbar .menu-item-118 {
  	width:12%;  
}

body .area_nav.navbar .menu-item-22 {
  	width:19%; 
}

html body {
	font-size:16px;
}

body a.btn {
	color:#fff;
  	border-radius:40px;
  	padding: 6px 40px;
}

.navbar-brand img{
	max-width:500px;
}

.area_title a.navbar-brand.navbar-brand_left {
	float:left;
}

.area_title .navbar-brand_right {
	float:right;
  	padding-top: 35px;
}

.navbar-brand_right img {
	width:200px;
  margin-left:15px;
}

body {
	background:url('http://animato-kiryu-midori.com/wp-content/uploads/2017/06/an_bg5.jpg');
  	background-position:left top;
}

.top_sky {
	background:url('http://animato-kiryu-midori.com/wp-content/uploads/2017/06/an_bg6.png');
    background-position: left top;
    background-repeat: repeat no-repeat;
    background-size: 35px;
}

.container_bg1 {
	background:url('http://animato-kiryu-midori.com/wp-content/uploads/2017/06/an_bg25.png');
    background-position: left bottom;
    background-repeat: repeat no-repeat;
    background-size: 640px;
}


.top_content_bg {
    background: #fff8f8;
    border-radius: 24px;
    padding: 20px 0;
    margin-bottom: 20px;
    position: relative;
    box-shadow: 1px 1px 3px #ccc;
}

.top_content_bg_y {
    background: #d3ff7c;
    border-radius: 24px;
    padding: 20px 0;
    margin-bottom: 30px;
    position: relative;
    box-shadow: 1px 1px 3px #ccc;
}

.top_content {
	margin:0 auto;
  	width:90%;
}

h1.an_h1 {
	color: #ef7d1a;
  	font-size:28px;
  	font-weight:bold;
  	text-align:center;
  	margin-bottom:30px;
    margin-top: 0;
    padding-top: 10px;
}

.top_image {
	margin-bottom:30px;
}

img#top_content_illust {
	position: absolute;
    max-width: 140px;
    left: -21px;
    top: -24px;
}

.top_blog_feed {
  background:#fde8c9;
}

h2 a {
	font-weight: bold;
}

body a {
    color: #ed7ba5;
}

body a:hover {
    color: #ed7ba5;
  	opacity:0.85;
}

body.home #content article,
body.archive #content article,
body.search #content article {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

body .sidebar ul {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

body .sidebar ul li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}


.btn-an {
  	background:#ed7ba5;
}

body .area_nav.navbar .navbar-right {
	text-align:left!important;
}

body .navbar-default {
    background: transparent;
    border-color: transparent;
}

@media screen and (max-width: 768px) {
	.area_title a.navbar-brand.navbar-brand_left {
		float:none;
	}  
  
    .navbar-brand img{
		max-width:250px;
	}
  
	.navbar {
    	min-height: 66px;
	}
  
    .navbar-toggle {
	    margin-top: 16px;
	}
  
	h1.an_h1 {
	  	font-size:22px;
	}  
}

.float { float:left; }
.text { overflow:auto; zoom:1; }

.sampleA {
margin:10px 10px 10px 0; 
}

.table2 {
  background-color: #99CC00;
  text-align: center;
  width: 250px;
  height: 50px;
}

.td2 {
  font-size:15px;
  background-color: #CCFF66;
  text-align: center;
  padding:5px;
  width: 250px;
  height: 50px;
}
.td22 {
  font-size:15px;
  background-color: #CCFF66;
  text-align: center;
  padding:5px;
  width: 500px;
  height: 50px;
}

.td3 {
  background-color: #990000;
  color: #FFFFFF;
  font-size:15px;
  text-align: center;
  width: 70px;
  height: 50px;
}
.td4 {
  background-color: #99CC00;
  color: #FFFFFF;
  font-weight: bold;
  font-size:15px;
  text-align: center;
  width: 70px;
  height: 50px;
}
.border1 {
  padding: 10px; 
  font-weight: bold;
  margin-bottom: 10px; 
  color:#556b2f;
  border: 1px dotted #333333; 
  border-radius: 5px; 
  background-color: #ffff99;"
}

.td-white {
  font-size:15px;
  width:680px;
  padding: 15px;
}
.td-font {
  font-weight: bold;
  font-size: 18px;
  margin-left:30px;
}
h3.bg-color {
  color: #89ce00;
  font-weight: bold;
}
h4.bg-color {
  color: #89ce00;
  font-weight: bold;
}
p.bg-color {
  color: #89ce00;
  font-weight: bold;
  font-size:20px;
} 
.align {
border:0px solid #ff0000;  
height: 40px;    
line-height: 40px;
}
.center{
 text-align: center;
}

@media screen and (min-width: 769px) {
	.title {
		display:none;
	}
}

.page-id-195 header h2,
.page-id-193 header h2 {
  display:none;
}

@media screen and (max-width: 1200px) {
	.container_bg1 {
    	background-size: 830px;
    	background-position: left bottom;
	}
}  
  
@media screen and (max-width: 992px) {
	.container_bg1 {
    	background-size: 450px;
    	background-position: left 100px;
    	background-repeat: repeat no-repeat;        
	}
}
  
@media screen and (max-width: 460px) {
	.container_bg1 {
    	background-size: 800px;
    	background-position: left 65px;
    	background-repeat: repeat no-repeat;    
  }
}

.file-box {
 background-color: #f9fcff;
 border: 1px solid #ddd;
 position: relative;
 padding: 1em 1em 1em 1.5em;
}
.file-box i {
 font-size: 22px;
 padding: 0 0.5em 0 0;
 color: #007acc;
}