@charset "utf-8";
/*------------------------------------------*/
/*　新着情報一覧--------------------------------*/
/*------------------------------------------*/

#news_wrapper {
	margin:0 auto;
	padding:0 20px 30px;
	position:relative;
	max-width:1200px;
}

/*　メニュー（左カラム）-----------------------*/
.news_cat{
	max-width:200px;
	width:15%;
	float:left;
}
.news_cat ul{
	border:solid 1px #ccc;
}
.news_cat li{
	border-bottom:1px solid #ccc;
}
.news_cat li:last-child{
	border-bottom:none;
}
.news_cat li a{
	text-align:center;
	display:block;
	background:#fff;
	color:#333;
	padding:7px 10px;
	text-decoration:none;
}
.news_cat li a:hover,
.news_cat li.current a{
	background:#1E2F55;
	color:#FFF;
}

/*　新着情報一覧（右カラム）-----------------------*/
.news{
	background:#FFF;
	width:85%;
	float:left;
}
.archive_ttl{
	font-size:115%;
	font-weight:bold;
	margin:20px 0 0 0;
	text-align:center;
	padding:10px 0;
	background-color:#ddd;
	border:solid 1px #ddd;
}

/*　トップページ、ウエディングレポート一覧と共通のスタイル-----------------------*/
.newsArea{
	box-sizing:border-box;
	padding-left: 50px;
	margin-bottom:30px;
	float:left;
	width:100%;
}
.newsBox{
  float:left;
  width:50%;
  height:auto;
  box-sizing:border-box;
  margin-bottom:0;
  border-bottom:dashed 1px #ccc;
}
.newsBox:nth-child(odd){
  border-right:dashed 1px #ccc;
}
.newsBox a{
  display:block;
  color:#333;
  padding:30px 15px 30px 12px;
  box-sizing: border-box;
  background:url(../img/common/icon_arrow_r.png) no-repeat 98% center;
  background-size:14px 14px;
}
.newsBox a:hover,
.newsBox a:hover div.news_contents p{
  background-color:#f7f7f7;
}
.newsBox a:after{
content: "";
display: block;
clear: both;
}
.news_photo{
  float:left;
  width:24%;
  max-width:130px;
}
.news_photo img{
  width:100%;
  height:auto;
  display: block;
  max-width:130px;
  max-height:130px;
}
.news_contents{
  width:70%;
  overflow:hidden;
  float:left;
  padding:0 0 0 15px;
}
.news_label{
  width:80px;
  display: inline-block;
  margin-right:10px;
}
.news_label img{
  width:100%;
  height:auto;
  vertical-align: middle;
}
.news_contents span:nth-child(2){
  color:#777;
  font-size:86%;
  letter-spacing: 1px;
}
.news_contents p strong{
  font-size:107%;
  font-weight:bold;
  display: block;
  line-height:1.4;
  margin-bottom:5px;
}
.news_contents p {
  /* config */
  line-height: 1.5;
  height: 7.6em;
  background-color: #fff;
  /* config end */
  position: relative;
  padding:5px 1em 0 0;
  overflow: hidden;
  font-size:86%;
  clear:left;
}
.news_contents p:before {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-block;
  width: 1em;
}
.news_contents p:after {
  content: "";
  position: relative;
  right: -1em;
  float: right;
  width: 1em;
  height: 100%;
  background-color: inherit;
  margin-left:-1em;
}
.news.article_container h4.main_title{
	font-size:22px;
}
.articleTitle div{
	width:100%;
	font-size:86%;
	vertical-align:middle;
	display:inline-block;
	margin-bottom:10px;
}
.articleTitle div img{
	vertical-align:middle;
}
.articleBox+h4.main_title{
	margin-top:80px;
}

.others_news{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.others_news::after{
	content:"";
	display: block;
	width:30%;
}
.others_news li{
	width:30%;
}
.others_news li a{
	display:block;
	color:#333;
	text-decoration:none;
}
/*.others_news li a div.img{
	overflow:hidden;
	height:220px;
	margin-bottom:15px;
	background-color:#f7f7f7;
	text-align:center;
}
.others_news li a div.img img{
	width:auto;
	height:100%;
}*/
.others_news li a span.date{
	display:block;
	margin-bottom:5px;
}
.others_news li a div.img{
	overflow:hidden;
	position:relative;
	width: 100%;
	height: 200px;
	background-color:#f7f7f7;
	text-align:center;
	margin-bottom:15px;
}
.others_news li a div.img img{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 100%;
	height: auto;
	min-width: 100%;
}


/*------------------------------------------*/
/* 表示幅768px以下--------------------------*/
/*------------------------------------------*/

@media screen and (max-width: 768px){
.news{
	background:#FFF;
	width:100%;
	padding-bottom:15px;
}
.newsArea{
	width:100%;
	float:left;
}
.newsArea h3{
	margin-bottom:0px;
	padding: 20px 10px;
}
.news_label{
	width:80px;
	float:left;
}
.news_contents{
	position: relative;
    padding-left: 80px;
	line-height:120%;
}
.newsBox{
	clear:both;
}
.newsBox{
	margin-bottom:10px;
	padding:10px;
}
.newsBox a h4{
	color:#1F2E55 !important;
	font-weight:bold;
	font-size:17px;
	padding-top:5px;
	padding-bottom:5px;
}
.newsBox a p{
	color:#221714 !important;
	font-size:13px;
}
.newsBox a:hover p{
	text-decoration:underline;
}
.group{
	display:none;
}

.main_title{
	margin-top:30px;
	margin-bottom:30px;
	margin-left:10px;
}
.news_cat{
	text-align:center;
	margin-left:10px;
}
.news_imp{
	padding-top:15px;
	padding-bottom:15px;
	margin-left:50px;
	border-bottom:1px solid #333;
	border-top:1px solid #333;
}
.news_imp h3{
	margin-bottom:15px;
}
.news_cat li{
	width:100px;
	margin-right:1px;
	float:left;
	margin-bottom:1px;
}
.news_cat li a{
	text-align:center;
	display:block;
	background:#CCC;
	color:#333;
	padding:5px 10px;
	text-decoration:none;
}
.news_cat li a:hover{
	text-align:center;
	display:block;
	background:#1E2F55;
	color:#FFF;
	padding:5px 10px;
	text-decoration:none;
}
.menuArea{
	padding:40px;
	background:#FFF;
	border:10px solid #DCDDDD;
	max-width:1000px;
}
.menu_title{
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
.menu_img{
	float:left;
}
.menu_text{
	float:right;
	margin-left:30px;
}
.menu_text li{
	margin-bottom:15px;
}
.close{
	padding-top:15px;
	padding-bottom:15px;
	clear:both;
	width:100%;
	text-align:center;
}
.others_news{
	display:block;
}
.others_news li{
	width:100%;
	border-bottom:dotted 1px #ccc;
}
.others_news li a{
	display:flex;
	flex-wrap:wrap;
	padding:10px 30px 10px 10px;
	background: url(../../img/common/icon_arrow_r.png) no-repeat 98% center;
	background-size: 14px 14px;
}
.others_news li div.img{
	width:30%;
	height:100px!important;
	margin-right:5%;
	margin-bottom:0!important;
	display:flex;
	align-content: center;
	align-items: center;
}
.others_news li div.img img{
	width:100%!important;
	height:auto!important;
}
.others_news li div.txt{
	width:65%;
	font-size:86%;
}
.others_news li div.txt span.date{
	font-size:115%;
	color:#1E2D54;
}
}