.multibg {
  background:
    url("../images/leaf.bmp"), 
    url("../images/macaque2.bmp");

  background-repeat:
    no-repeat, 
	no-repeat
;
  background-position:
    left bottom, 
	right bottom
;
font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}

.thumbnail img {
	height: 100%;
	float: right;
}

.thumbnail {
    display: inline-block; /* ここがポイント */
    height: 170px;
    padding-right: 10px;
    margin-bottom: 15px;
}

.mozi{
	font-size: none;
}
.nofont{
	font-family: none;
}

.l-content,.c-content_title {
    margin: 40px 0 40px;
    vertical-align: top;
}
.sym{
	margin: 10px 0 10px;
}

.sym2{
		text-align: center;
	}

.sym3{
	width: 100%;
}

.sym4{
	display: none;
}

.border_1{
    width: 900px; 
    margin: auto; 
    border: 1px solid #ccc; 
    padding: 0px 50px 50px 50px;
    border-bottom-width: 0;
    border-top-width: 0;
}

.border_2{
	display: block;
	position: relative;
	z-index: 101;
	width: 900px; 
	margin: 0 auto; 
	padding: 60px 0;
	font-size: 0;
	letter-spacing: -.4em;
    text-align: center;
    border-bottom-width: 0;
    border-top-width: 0;
}
	
.border_3{
	display: block;
	position: relative;
	z-index: 101;
	padding: 30px 0;
	font-size:  20px;
    width: 900px; 
    margin: 0 auto; 
    letter-spacing: -.10em;
	text-align: center;
    border-bottom-width: 0;
    border-top-width: 0;
	color: #a9a9a9;
}

.midashi{
	margin: 20px 0 20px 0;
    color: #0097e0;/*文字色*/
    text-align: left;
    font-size: 24px;
}

.midashi::after{
	content: "";
    display: block;
    height: 4px;
    background: -webkit-linear-gradient(to right, rgb(0, 255, 200), transparent);
    background: linear-gradient(to right, rgb(0, 255, 200), transparent);

}
.topimage {
    display: inline;
    vertical-align: middle;
    height: 50px;
}

.yakutop{
	width: 500px;
}

.topimage2 {
  display: block;
  vertical-align: top;
  height: 50px;
}

.box1{
	float: right;
}

.box2{
	margin: 0 350px 0 0;
}

.onodaidaim {
  display: inline;
  vertical-align: middle;
  height: 50px;
}
.menu {
  display: inline;
  vertical-align: middle;
  height: 50px;
  z-index:2;
}
span.text-icon {
  display: inline-block;
  background: #df002c;
  padding: 1px 5px;
  margin-left: 5px;       /* 先行する文字列との間隔 */
  vertical-align: middle; /* 先行する文字列と上下中央揃え */
  font-size: 0.5em;
  font-weight: bold;
  color: #fff;
  border-radius: 3px;     /* アイコンの角を丸める */
}

.foot{
    color: white;
    background: #2b2b2b;
}

.is-pc{
	display: block;
}

.is-sp{
	display: none;
}

.foot_under{
    background: black;
    size:;
}

.divide_left{
	width: 540px;
	text-align: left;
    display: inline-block;
    vertical-align: top;
    font-size: 23px;
    letter-spacing: normal;
}
.divide_right{
	width: calc(100% - 540px);
	font-size: 0;
	letter-spacing: -.4em;
	text-align: right;
	display: inline-block;
	vertical-align: top;
}

.divide_right_share{
	width: 100%;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	font-size: 16px;
	letter-spacing: normal;
}

.divide_foot{
	display: inline-block;
    vertical-align: middle;
    font-family: "Amiri", serif;
    letter-spacing: .1em;
}

.divide_foot_ico{
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	list-style: none;
}

.li_share{
	display: inline-block;
	margin-left: 8px;
	/*width: 20px;  アイコンが小さくなるはずだったが…*/
	vertical-align: middle;
	letter-spacing: normal;
} 

.a_share{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
	vertical-align: baseline;
	font-size: 100%;
}

.divide_right_bnr{
	margin-top: 80px;
	text-align: right;
	width: 280px;
	display: inline-block;
} 
	
.link{
  position: relative;
  display: inline-block;
  transition: .3s;
  text-decoration: none;
  color: blue;  
}
.link::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 1px;
  background-color: #2ecc71;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.link:hover::after {
  width: 100%;
} 

.img_wrap{
  border: 0px solid #ddd;
  overflow: hidden;
  background: #000;
}
.img_wrap img{
  width: 100%;
  cursor: pointer;
  vertical-align:bottom;
  transition-duration: 0.3s;
}
.img_wrap:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}

.img_wrap_2{
  border: 0px solid #ddd;
  width: 500px;
  height: ;
  margin: 0px 160px 0px ;
  overflow: hidden;
  background: #ffffff;
  
}
.img_wrap_2 img{
  width: 100%;
  cursor: pointer;
  transition-duration: 0.3s;
}
.img_wrap_2:hover img{
  opacity: 0.6;
  transition-duration: 0.3s;
}

@media screen and (min-width: 768px){
	.border_2{
		margin: 0 auto;
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	.is-sp{
	display: none;
}
	
}

@media screen and (max-width: 768px){
	.is-pc{
		display: none;
	}
	.is-sp{
		display: block;
	}
	.border_1{
		width: 84%;
		padding: 2px 0;
		border: none;
	}
	.divide_right{
		display: none;
	}
	.divide_right_bnr{
		margin: auto;
		display: block;
	}
	.border_2{
		width: 100%;
	}
	.divide_left{
		font-size: 17px;
		width: 84%;
	}
	.border_3{
		width: 84%;
		font-size: 10px
	}
	.yakutop {
		width: 290px;
	}
	.box1{
		float: none;
		display: block;
	}
	.box2{
		margin: 0 0 0 0;
		display: block;
		padding: 10px 0 0 0;
	}
	.sym{
		width: 300px;
	}
	.sym3{
		display:none;
	}
	.sym4{
		display: block;
		text-align: center;
		width: 100%;
		list-style: none;
		
	}
	.thumbnail{
		display: inline-block;
	}
	.mozi{
		font-size: 19px;
	}
	.midashi{
		font-size: 23px;
	}
	.img_wrap{
		width: 60%;
	}
    .img_wrap_2{
		margin: 0;
		width: 300px;
	}	
}

/*@media screen and (min-width: 320px){
	.divide_left{
		font-size: 15px;
	}
	.border_2 .divide_left{
		letter-spacing: normal;
	}
	.border_2 .divide_left{
		display: none;
	}
}
*/
 
 #loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #001a00;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: white;
  z-index: 2;
}