@charset "UTF-8";


/* 装飾 */
h3.camtitle{background-color:#78A936;color:#fff;text-align: center;padding:5px;margin-bottom:10px;border-radius: 15px;}
.camkikan{overflow: hidden;margin-bottom:20px;font-size:1.2em;font-weight: bold;text-align: center;position: relative;}
.camkikan ul{list-style: none;position: relative;
  left: 50%;
  float: left;
  list-style: none;
  padding: 0;}
.camkikan li{float:left;position: relative;
  left: -50%;
  float: left;}

.camkikan li a {
  position: relative;
  display: inline-block;
  transition: .3s;
  color:#ff3665 !important;
  /*margin-bottom:5px;*/
}
.camkikan li a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 2px;
  background-color: #ff3665 !important;;
  transition: .3s;
}
.camkikan a:hover::after {
  width: 100%;
}

.camkikan .youbi{display: inline-block;width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #FFA61A;text-align:center;
  line-height: 24px;
  vertical-align: middle;color:#fff;margin:0 5px 5px;font-size:12px;}
dl.camnaiyo{width:100%;margin:2em 0;}
dl.camnaiyo dt{width:120px;float:left;}
dl.camnaiyo dd{overflow: hidden}
dl.camnaiyo dd img{width:100%;max-width:100%;border:1px solid #fff;}
dl.camnaiyo dd strong{color:#D70010;}
dl.camnaiyo dt .balloon{
	position: relative;
	display: inline-block;
	margin: 0 15px 0 0;
	padding: 0 5px;
 	width: 90px;
	height: 90px;
	line-height: 90px;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	background: #EF3936;
	border-radius: 50%;
	box-sizing: border-box;
}
dl.camnaiyo dt .balloon:before{
	content: "";
	position: absolute;
	top: 50%;
	right: -25px;
	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #EF3936;
	z-index: 0;
}
.chuijikou{border:1px solid #D2D2D2;margin-top:15px;padding:15px;}
.chuijikou h4{text-align: center;line-height:2;}
.chuijikou ul{margin-left:1em;font-size:.85em;}

.chuijikou ul a {}
.chuijikou ul a{color:#D70010!important;font-weight: bold;border-bottom:1px solid #D70010;}
.chuijikou ul a:after{ font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;content: "\e906";}
.chuijikou ul a:hover{color: #FFA61A!important;border-bottom:1px solid #FFA61A;}








@media print, screen and (min-width: 568px)/*SPヨコ*/ {
dl.camnaiyo{display: table;}
dl.camnaiyo dt{display:table-cell;vertical-align: top;width:120px;}
dl.camnaiyo dd{display:table-cell;vertical-align: top;}
}

@media print, screen and (min-width: 960px)/*小型PC*/ {

}


/* 新生活応援スプリングフェア20190212 */
.springfair h3.camtitle{background-color: #43bfc9;color:#fff;/*background-image: linear-gradient(90deg, rgba(255, 232, 186,1) 0%, rgba(255, 196, 197,1)100%);color:#ff5d62;*/text-align: center;padding:8px;margin-bottom:10px;border-radius: 20px;}
.springfair .camkikan .youbi{
  background: #ff3665;}

.springfair .preimg2{text-align: center;}
.springfair .preimg2 img{margin:10px 1%;width:48%;min-width:200px;}
.springfair .preimg{text-align: center;margin-bottom:1em;}
.springfair .preimg img{margin:10px 1%;width:48%;}
/*.springfair dl.camnaiyo{width:100%;margin:2em 0 0;}*/

.springfair dl.camnaiyo {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.springfair hr{border:3px dotted #ffc7c4;}

/* お知らせ詳細 */


.newsdetail header h1 {
	font-size: 1.6em;
	position: relative;
	padding: 0 0 25px 0;border-bottom: 1px solid #ddd;
}
.newsdetail header .genre{display:inline-block;font-size: 1rem;
 margin-bottom: 20px;padding: 3px 20px;background-color: #F3F3F3;font-family: 'Montserrat', sans-serif;}
.newsdetail header .genre.event{background-color: #EF3936;color:#fff;}
.newsdetail header .genre.news{background-color: #FFA61A;color:#fff;}
.newsdetail header .genre.media{background-color: #78A936;color:#fff;}

.newsdetail header .date{font-family: 'Montserrat', sans-serif;}

.summary {
 margin-bottom: 20px;
}
.newscontent{}
.newsimage{ margin-bottom: 20px;text-align: center;}

@media print, screen and (min-width: 568px)/*SPヨコ*/ {

}

@media print, screen and (min-width: 769px)/*タブレットタテ*/
{
.newsdetail header h1 {
	font-size: 1.8em;
 }
.summary {
	font-size: 1rem;
 margin-bottom: 20px;
}
.newscontent {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}
 .newsimage {width: 45%;margin-bottom: 0}
 .newstext {width: 50%;}
}


@media print, screen and (min-width: 960px)/*小型PC*/ {
	.newsdetail header h1 {margin-bottom:50px;
}
}

@media print, screen and (min-width: 1280px)/*PC*/ {
}

/* お知らせ一覧 */

.newslist-li ul {
	margin-bottom:40px;
	overflow: hidden;list-style: none;
	margin: 0;
	padding: 0;
}
.newslist-li > li {list-style: none;
	background: #fff;
	margin: 1em 0;
	-moz-box-shadow: 0px 1px 5px rgba(000,000,000,0.1);
	-webkit-box-shadow: 0px 1px 5px rgba(000,000,000,0.1);
	box-shadow: 0px 1px 5px rgba(000,000,000,0.1);position: relative;
}
.newslist-li > li a{display: block;color:#000;}
.newsthum{width:50%;}
.newsthum img{width:100%!important;
	height: auto;
}
.newslist-li .genre{display:inline-block;font-size: .85rem;position: absolute;top:0;right:10px;
 margin-bottom:10px;padding: 3px 20px;background-color: #F3F3F3;font-family: 'Montserrat', sans-serif;}
.newslist-li .genre.event{background-color: #EF3936;color:#fff;}
.newslist-li .genre.news{background-color: #FFA61A;color:#fff;}
.newslist-li .genre.media{background-color: #78A936;color:#fff;}
.newslisttext{padding:15px;}

.newslist-li .post-title {
	margin-bottom:5px;font-weight: bold;
}
.newslist-li a .post-title{}
.newslist-li .excerpt{ overflow: hidden;margin-bottom: 10px;}
.newslist-li .excerpt p{font-size: .85rem;}
.newslist-li .date{font-family: 'Montserrat', sans-serif;}



@media print, screen and (min-width: 568px)/*SPヨコ*/ {
	.newslist-li > li a{	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
	.newslist-li .genre{position: relative;right:0;}
	.newsthum{width: 30%;margin-bottom:0;}
.newslisttext{width: 70%;padding-left:25px}
}

@media print, screen and (min-width: 769px)/*タブレットタテ*/ {
	.newslist-li > li a{	display:table;}
	.newsthum{width: 200px!important;display:table-cell;vertical-align: top;}
.newslisttext{width:auto;table-cell;vertical-align: top;}

}



@media print, screen and (min-width: 960px)/*小型PC*/ {
	.newslist{max-width:980px;margin:0 auto;}

}

@media print, screen and (min-width: 1280px)/*PC*/ {
}