/*
2016/01/08
*/

/*TOPイメージコメント
------------------------*/
.top-contents{
	background-color:#fff;
	margin-top:60px;
}

.mimg{
	width:57.27273%;
	margin:0 4.54545% 0 0;
	float:left;
}
.mimg img{width:100%;}

.mtext{padding-top:15px;width:30%;float:left;line-height:2rem;}
.mtext h3{padding:10px; background:rgb(89,80,144); margin-bottom:10px; color:#fff;
	font-weight:normal;text-align:center;
}

/*100th
--------------------------*/
.th100-box{
	background-color:rgb(246,240,0);
	padding:20px 0;
}
.th100-box-inner{
	max-width:1100px;
	text-align:center;
}
.th100-box-inner > h2 {
	font-size:25px;
}
.th100-box-inner > h2 > span{
	display:block;
	padding-top:10px;
	font-weight:normal;
}


/*コンテンツBOX
---------------------------------*/
.cts-box{
	background-color:#fff;
	padding:40px 0px;
}
.cts-box-inner{
	max-width:1100px;
}
.photos > li{height:250px;}
.col-3 > li  img{width:100%;}

.color-green{background-color:#C0C0C0;}

/*見出し
---------------------------------*/
h3.title{
    position: relative;
    color: #fff;
    background:rgb(89,80,144);
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 -1.8em 1.5em -1.8em;
    padding: 0.8em;
    box-shadow: 0 1px 3px #777;
    -moz-box-shadow: 0 1px 3px #777;
    -webkit-box-shadow: 0 1px 3px #777;
    -o-box-shadow: 0 1px 3px #777;
    -ms-box-shadow: 0 1px 3px #777;
}
 
h3.title:after,
h3.title:before{
    content: "";
    position: absolute;
    top: 100%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #333;
}
 
h3.title:before{
    right: 0;
    border-left: 5px solid #333;
}
 
h3.title:after{
    left: 0;
    border-right: 5px solid #333;
}

/*新着情報
---------------------------------*/
h3.b-title{
	font-size:24px;
	padding:10px 0;
	font-weight:normal;
	border-bottom:solid 1px rgb(89,80,144);
	margin-bottom:30px;
}

/*fit
------------------------------*/
#news-inner ul{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


/*隕句ｭｦ莨�
------------------------------*/
#top-kengaku a{display:block;position:relative;}
#top-kengaku .y-bunner{margin-bottom:40px;}
#top-kengaku .y-bunner img{width:100%;}
.mobile{display:none;}
#top-kengaku  h3.kengaku-title{
		background-color:#f5f5f5;  border-bottom:1px solid #ccc;
		margin-bottom:10px;
		text-align:center;
		padding:10px;
		font-size:20px;
		}

.tk-img{overflow:hidden;}
.tk-img img{width:100%;height:auto;transition:all 0.3s;position:relative;top:0;left:0}
a:hover .tk-img img{width:110%;position:relative;top:-10px;left:-10%;opacity:0.7}

.tk-new{display:block;background:rgb(89,80,144);color:#fff;padding:7px;font-weight:normal}
.tk-desc{display:block;position:absolute;top:0;right:0;background:rgba(0,0,0,0.5);padding:6px;color:#fff;font-weight:normal;font-size:14px;font-size:1.4rem;}

.tk-title{background:#f5f2f0;padding:15px;overflow:hidden;}
.tk-title img{float:right;width:32px;height:auto;margin-left:15px;}
.tk-title h3{font-size:17px;font-size:1.7rem;word-break:break-all;tk-new}
.tk-title h3 span{font-weight:normal;color:#545352;display:block;margin-top:10px;}

/*繝舌リ繝ｼ
-------------------------------*/
.fanfun-bunner{background:rgb(255,245,113);}
.fanfun-bunner img{max-width:100%;}
/*-------------------------------*/





/*ブログ
----------------------*/
.blog-box{background-color:#fff;padding-bottom:40px;}
.blog-box-inner{max-width:1100px;}

/* ヘッダー画像
----------------*/
.bti{width:90%;float:right;margin-bottom:40px;}
.bti-img>img{width:100%}
.bti-img{
	float:right;
	width:81.1363675%; margin:0 0 20px 4.54545%;
		
}
.bti-title{width:14.3181825%;float:left;}
.bti-title > h1{
	font-size:2em;
	background-color:#134b7b;color:#fff;padding:50px 0;
	text-align:center;
}
.bti-title > h1 >span{border-bottom:solid 2px #fff;padding-bottom:5px}

/* 記事エリア
--------------*/
.a-wapper{padding:10px 0;margin-bottom:10px; border-bottom:solid 2px #134b7b}



div.date{font-weight:bold;}
h2.b-title{padding:10px 0;font-size:26px;color:#134b7b}
.index{max-height:600px;
  overflow:hidden;}
.article-body {
  width:100%;
  padding: 40px 0 36px 0;
  line-height: 2; 
  font-weight:bold;
}
.article-body img {
    max-width: 100%;
    height: auto; }

.cover{width:100%;height:130px;position:relative;background-color:#000;
	top:-60px;
	background-color: rgb(89,80,144);
	text-align:center;
	padding:50px;
	color:#fff;
	font-size:2em;
	font-weight:bold;
	
}
.cover:hover{
	background-color:#B92A2C;
}
#mapcanvas{margin:10px 0;width: 100%;height:400px}
/* サイドエリア
-----------------*/
.blog-side{ width:28.636365%; float:left; padding-top:30px;}
.blog-side h4{color:#134b7b;font-size:1.2em}
.blog-side ul{margin:20px 0;}
.blog-side ul li{
	margin-bottom:15px;
	font-weight:bold;
}
.blog-side ul a:hover li{
	color:#666666;
}
@media screen and (max-width: 1100px) {
	.blog-box-inner{width:90%;}
}

@media screen and (max-width: 720px) {
	.aricle-area{width:100%; margin:0 0 4.54545% 0;float:none}
	.bti{float:none;margin:0 4.54545%;}
	.bti-img{width:100%;float:none;margin:0;}
	.bti-title{width:auto;float:none;margin-bottom:30px;}
	.bti-title > h1{padding-left:10px;padding:30px 0;}
	.article-body {
      padding: 20px 0 18px 0; }
    .article-body img{max-width: 100%;}
    .blog-side{width:100%; margin:0 0 4.54545% 0;float:none}
}

/*繝帙ヰ繝ｼ*/
.list-plaza a:hover{background:#edf4df;}
.list-plaza a:hover .tp-more{background:#8ab727}
a:hover .tp-more{background:#8ab727}


@media screen and (min-width: 0px) and (max-width:1024px){
	/*蜍慕判
	------------------------------*/
	#top-video strong{font-size:40px;font-size:4.0rem;}

}

@media screen and (min-width: 0px) and (max-width:1023px){
	.cts-box{padding:40px 20px;}
}


@media screen and (min-width: 0px) and (max-width:767px){
	
	
	.mtext,.mimg{width:100%; margin:0 0 4.54545% 0;float:none}
	.mtext{padding:0 20px;}
	
}