/* ==========================================================
*
*  お知らせページスタイル
*
========================================================== */

@charset "UTF-8";



/******************************************
*
一覧リスト
*
******************************************/

ul.newsList{
	clear:both;
	display:block;
	overflow:hidden;
	margin:0 1em;
}

ul.newsList > li{
	display:block;
	overflow:hidden;
	border-bottom:1px dotted #cccccc;
}

ul.newsList > li > a{
	display:block;
	overflow:hidden;
	padding:2em 1em;
	text-decoration:none;
	color:#000000;
	font-size:1.4rem;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.pc ul.newsList > li > a:hover{
	background-color:#f5f5f5;
}
ul.newsList > li.nolink{
	display:block;
	overflow:hidden;
	padding:2em 1em;
	text-decoration:none;
	color:#000000;
	font-size:1.4rem;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

/*ul.newsList > li > a > div{
	display:inline-block;
}*/


/* for Sp --------------------*/
@media screen and (max-width:979px) {

	ul.newsList{
		margin:1em 0;
	}
    
    ul.newsList > li > a{
	    padding:1.5em 1em;
    }

}


/******************************************
*
カテゴリアイコン
*
******************************************/

div.date{
	display:inline-block;
	width: 120px;
}
div.newstag{
	display:inline-block;
	width: 180px;
}

div.hedline{
	display: block;
    margin-top: 0.75em;
}

span[class^='tag_']{
	font-size:1.15rem;
	padding:2px 10px;
	color:#ffffff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color:#cccccc;
}

/*営業所・ショールーム*/
span.tag_01{
	background-color:#eb7730;
}

/*お知らせ*/
span.tag_02{
	background-color:#7798d1;
}

/*商品情報*/
span.tag_03{
	background-color:#39aa4a;
}

/*イベント*/
span.tag_04{
	background-color:#485150;
}

/*制度*/
span.tag_05{
	background-color:#cde521;
}


/* for Sp --------------------*/
@media screen and (max-width: 768px) {

}


/******************************************
*
お知らせ詳細
*
******************************************/
#newsArticle{
	display:block;
	overflow:hidden;
	padding-bottom:30px;
	border-bottom:1px solid #cccccc;
	margin-bottom:30px;
}


#articleHeader{
	display:block;
	/*overflow:hidden;*/
	padding-bottom:30px;
	border-bottom:1px solid #cccccc;
}

#articleHeader > h2{
	font-size:2.4rem;
	line-height:125%;
	margin-bottom:30px;
}

#articleHeader > div.newstag{
	float:right;
	width:auto;
}


#articleBody{
	display:block;
	overflow:hidden;
 margin-top: 30px;
}

#articleBody > h3{
    display:block;
    overflow:hidden;
    font-size:2.0rem;
    line-height:125%;
    margin:60px 0 1em;
}

#articleBody > h3:first-child{
    margin:0 0 1em;
}

#articleBody > h3::after{
	display: block;
    overflow: hidden;
    content: "";
    width: 2.5em;
    margin-top: 0.5em;
    border-bottom: 2px solid #eb7730;
}


#articleBody > h4{
    display:block;
    overflow:hidden;
    font-size:1.6rem;
    padding:0.5em 1em;
    line-height:125%;
    background-color:#f5f5f5;
    border-left:5px solid #002169;
    margin:30px 0 1em;
}

#articleBody > p{
 font-size:1.6rem;
	line-height:155%;
	padding-bottom:1em;
}

#articleBody .linkTxt {
	line-height: inherit;
    padding-bottom: 0;
}

#articleBody > p > a[href^="http"]::after{
    font-family: 'ycota_ift';
    content: "\e903";
    margin-left:0.25em;
    color:#666666;
    font-size:inherit;
}

.pc #articleBody > p > a[href^="http"]:hover::after{
    color:#ec7731;
}


#articleBody > a,
#articleBody .linkTxt a {
	text-decoration:none;
	display:inline-block;
	overflow:hidden;
	padding:0.5em 2em;
	border:1px solid #cccccc;
}

#articleBody > a::after,
#articleBody .linkTxt a:after {
    font-family: 'ycota_ift';
    content:"\e917";
    color:#eb7730;
    font-weight:normal;
    margin-left:0.5em;
    margin-right:0.5em;

    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.pc #articleBody > a:hover::after,
.pc #articleBody .linkTxt a:hover:after{
    margin-left:1.0em;
    margin-right:0;
}