@charset "UTF-8";
/* CSS Document */

img:focus{
	border: none;
	outline: none;
}
a:focus{
	border: none;
	outline: none;
}


#wrap{
}

/* --------------------------------------------------------------------------------
.localMainVisual
----------------------------------------------------------------------------------- */
#local-mainVisual{
  height: 186px;
  position: relative;
  background: url("/assets/images/common/bg_localmain.jpg") center no-repeat;
}
@media screen and (max-width:1280px){
  #local-mainVisual{
    background: url("/assets/images/common/bg_localmain_1280.jpg") left center no-repeat;
  }
}
@media screen and (max-width:768px){
  #local-mainVisual{
    background: url("/assets/images/common/bg_localmain_1280.jpg") center no-repeat;
  }
}
@media screen and (max-width:640px){
  #local-mainVisual{
    background: url("/assets/images/common/bg_localmain_sp.jpg") left center no-repeat;
  }
}
@media screen and (max-width:414px){
  #local-mainVisual{
    height: 136px;
    background: url("/assets/images/common/bg_localmain_sp.jpg") center right no-repeat;
  }
}
#local-mainVisual__tit{
  position: relative;
  max-width: 1400px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0 60px;
  box-sizing: border-box;
}
@media screen and (max-width:640px){
  #local-mainVisual__tit{
    padding: 0 15px;
  }
}
#local-mainVisual__tit h1{
  position: absolute;
  top: 50%;
  left: 60px;
  transform: translate(0,-50%);
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.46;
  color: #fff;
}
@media screen and (max-width:640px){
  #local-mainVisual__tit h1{
    left: 30px;
    width: calc(100% - 60px);
  }
}
@media screen and (max-width:414px){
  #local-mainVisual__tit h1{
    left: 20px;
    width: calc(100% - 40px);
    font-size: 2.4rem;
  }
}
.usTxt{
  display: block;
  margin-top: 10px;
  font-size: 1.6rem;
  line-height: 1.46;
}
@media screen and (max-width:414px){
  .usTxt{
    font-size: 1.4rem;
  }
}


#contents2017 .infomationArea{
  font-size: 1.2rem;
}

#wrap .titBox{
	width:96%;
	max-width:980px;
	margin:0px auto;
  position: relative;
}

#wrap .wrapInner{
	width:96%;
	max-width:980px;
	margin:0px auto;
}

#wrap .info{
  margin: 30px 0 60px;
}
#wrap .info .info__block{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#wrap .info .info__block .set__box{
  width: 48.5%;
}
@media screen and (max-width:740px)  {
  #wrap .info{
    margin: 30px 0;
  }
  #wrap .info .info__block .set__box{
    width: 100%;
  }
}

/* ----------------------------------------------------------
.snsShare
----------------------------------------------------------- */
@media screen and (min-width:741px) {
	.snsShare{
    padding: 10px 0 6px;
    text-align: right;
	}
	.snsShare ul{
		display:inline-block;
		text-align: right;
	}
	.snsShare ul li{
		display:inline-block;
		margin:0px 2px;
	}

}

@media screen and (max-width:768px)  {
	.snsShare{
	}
}

@media screen and (max-width:740px)  {
	.snsShare{
    padding: 10px 0 4px;
	}
	.snsShare ul{
		display:block;
		text-align: right;
	}
	.snsShare ul li{
		display:inline-block;
		margin:0px 2px;
	}
}

/* ----------------------------------------------------------
h2.title
----------------------------------------------------------- */
@media screen and (min-width:741px) {

	h2.title{
		color:#1e1c77;
		padding:0px 0px 2px;
		position:relative;
		width:100%;
    font-size: 1.8rem;
		leter-spacing:.04em;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	h2.title span{
		font-size:1.6rem;
		margin-right:4px;
		position:relative;
		display:inline-block;
		bottom:5px;
	}
	h2.title::after{
		content:"";
		display:block;
		background:linear-gradient(90deg, #0a3788, #1466f5);
		height:2px;
		width:100%;
	}
}
	
@media screen and (max-width:740px)  {
	h2.title{
		color:#1e1c77;
		padding:0px 0px 2px;
		position:relative;
		width:100%;
    font-size: 1.6rem;
		leter-spacing:.04em;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		font-size:18px;
	}
	h2.title span{
		font-size:1.0rem;
		margin-right:4px;
		position:relative;
		display:inline-block;
		bottom:5px;
	}
	h2.title::after{
		content:"";
		display:block;
		background:linear-gradient(90deg, #0a3788, #1466f5);
		height:2px;
		width:100%;
	}
}


/* ----------------------------------------------------------
.newsBlock
----------------------------------------------------------- */
@media screen and (min-width:741px) {
	.newsBlock{
		padding:0px 0px 0px 0px;
	}

	.newsBlock ul{
		padding:25px 0px 0px 0px;
	}
	.newsBlock ul li{
		padding:0px 0px 15px 0px;
		overflow:hidden;
	}
	.newsBlock ul li .dateBox{
		width:260px;
		float:left;
		text-align: right;
	}
	.newsBlock ul li span.new{
		display:inline-block;
		width:4em;
		text-align: center;
		margin-right:8px;
		color:#fff;
		background:#e10000;
		padding:2px 0px;
		font-size:1.2rem;
	}
	.newsBlock ul li span.date{
		display:inline-block;
		text-align: center;
		margin-right:8px;
		font-size:1.2rem;
		font-weight: bold;
	}
	.newsBlock ul li span.cat{
		display:inline-block;
		width:9em;
		text-align: center;
		margin-right:8px;
		padding:2px 0px;
		font-size:1.2rem;
	}
	.catNews{
		color:#666;
		background:#e7e7e7;
	}
	.catRelease{
		color:#666;
		background:#d2e8f9;
	}
	.newsBlock ul li a{
		display:block;
		width:710px;
		line-height:1.65em;
		float:right;
	}
	.newsBlock ul li a:hover{
		text-decoration: underline;
	}
}

@media screen and (max-width:740px)  {
	.newsBlock{
		padding:0px 0px 0px 0px;
	}

	.newsBlock ul{
		padding:25px 0px 0px 0px;
	}
	.newsBlock ul li{
		padding:0px 0px 15px 0px;
		overflow:hidden;
	}
	.newsBlock ul li .dateBox{
		width:100%;
		float:none;
		text-align: left;
	}
	.newsBlock ul li span.new{
		display:inline-block;
		width:4em;
		text-align: center;
		margin-right:8px;
		color:#fff;
		background:#e10000;
		padding:2px 0px;
		font-size:1.2rem;
	}
	.newsBlock ul li span.date{
		display:inline-block;
		text-align: center;
		margin-right:8px;
		font-size:1.2rem;
		font-weight: bold;
	}
	.newsBlock ul li span.cat{
		display:inline-block;
		width:9em;
		text-align: center;
		margin-right:8px;
		padding:2px 0px;
		font-size:1.2rem;
	}
	.catNews{
		color:#666;
		background:#e7e7e7;
	}
	.catRelease{
		color:#666;
		background:#d2e8f9;
	}
	.newsBlock ul li a{
		display:block;
		float:none;
		width:100%;
		line-height:1.65em;
		padding:6px 0px 0px 0px;
	}
	.newsBlock ul li a:hover{
		text-decoration: underline;
	}
}
	

	
	
	
/* ----------------------------------------------------------
.newsBlock
----------------------------------------------------------- */
@media screen and (min-width:741px) {
	.tileBlock{
		padding:25px 0px 35px 0px;
		overflow:hidden;
	}
	.tileBlock .tileSet{
		width:312px;
		height:auto;
		margin-right:22px;
		padding:25px 0px 0px 0px;
		float:left;
	}
	.tileBlock .tileSet:nth-child(3n){
		margin-right:0px;
	}
	.tileSet figure{
		line-height:0;
		margin:0px;
		paddiong:0px;
	}
	.tileSet h3{
		padding:6px 0px 0px 0px;
	}
	.tileSet h3 a{
		color: #0a3788;
		text-decoration: none;
		font-size: 1.4rem;
	}
	.tileSet h3 a:before {
		display: inline-block;
		background-color: #6cadde;
		content: "＞";
		color: #FFF;
		width: 18px;
		line-height: 14px;
		padding-top: 2px;
		padding-bottom: 2px;
		text-align: center;
		margin-right: 5px;
	}
	.tileSet h3:hover{
		text-decoration: underline;
	}
}
@media screen and (max-width:740px)  {
	.tileBlock{
		padding:25px 0px 35px 0px;
		overflow:hidden;
	}
	.tileBlock .tileSet{
		width:48%;
		height:auto;
		margin-right:4%;
		padding:25px 0px 0px 0px;
		float:left;
	}
	.tileBlock .tileSet:nth-child(3n){
		margin-right:4%;
	}
	.tileBlock .tileSet:nth-child(2n){
		margin-right:0px;
	}
	.tileSet figure{
		line-height:0;
		margin:0px;
		paddiong:0px;
	}
	.tileSet figure img{
		width:100%;
	}
	.tileSet h3{
		padding:6px 0px 0px 0px;
	}
	.tileSet h3 a{
		color: #0a3788;
		text-decoration: none;
		font-size: 1.4rem;
	}
	.tileSet h3 a:before {
		display: inline-block;
		background-color: #6cadde;
		content: "＞";
		color: #FFF;
		width: 18px;
		line-height: 14px;
		padding-top: 2px;
		padding-bottom: 2px;
		text-align: center;
		margin-right: 5px;
	}
	.tileSet h3:hover{
		text-decoration: underline;
	}
	
	
}