@charset "utf-8";

.infoWp{
    width:100%;
    min-width: 980px;
    max-width:1160px;
    padding:40px 80px;
    background-color:#fff;
    margin:50px auto;
	box-sizing: border-box;
}
.titleArea{
    display:block;
    width:100%;
    text-align: center;
    margin:0 auto 40px;
}

.titleArea h2{
    padding:0.5em 0;
    font-size: 2em;
    line-height: 1em;
    box-sizing: border-box;
    border-bottom:1px solid #ccc;
}
.co {
    padding:10px 0;
    background-color:#faf9f6;
}
.co a.more{
    display: block;
    width:100%;
    margin:10px auto 20px;
    color:#eb711f;
    border:1px solid #eb711f;
    padding:0.5em 1em;
    box-sizing: border-box;
    text-align: center;
    border-radius: 2em;
    font-size: 0.9em;
    line-height: 1em;
    background-color:#fff;
    
}
.co a.more:after{
    font-family:'marurino';
    content:"\e945";
    display:inline-block;
    padding-left:0.5em;
    font-size:1.1em;
    vertical-align: top;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
    
}
.co a.more:hover{
    background-color:#ff7e00;
    color:#fff;
}

#info {
    width:100%;
    margin-bottom: 40px;
	padding:0;
	box-sizing: border-box;
}
#info li{
    -js-display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content:flex-start;
    width:100%;
    text-align: left;
	margin:0 !important;
    padding:1.2em 0 !important;
    color: #000;
    border-bottom:1px solid #ccc;
	box-sizing: border-box;
	align-items: flex-start;
}
#info li .date{
/*    width:100px;*/
	font-size:15px;
    color:#2b84d2;
/*	color:#eb711f;*/
	padding-right: 1em;
}
#info li .article{
	width:860px;
    text-align: left;
	font-size:15px;
    line-height: 1.6em;
	box-sizing: border-box;
}
#info li .article a{
	color:#eb711f !important;
	font-weight: normal !important;
	text-decoration: underline;
}
#info li .article.new:before{
    content:'NEW';
    display: inline-block;
    color:#fff;
    background-color:#c00;
    padding:0.3em 1em;
    font-size:0.8em;
    line-height: 1em;
    font-weight: bold;
    margin-right:0.5em;
}

#info li p{
	display:inline;
	font-size:small;
}

.infonavi {
    width:800px;
    margin:0 auto;
    text-align: center;
}
.infonavi li{
    display: inline-block;
    padding:20px;
    color:#ccc;
}
.infonavi li a{
    color:#000;
}
.infonavi li a:hover{
    color:#666;
}

.infoCt-tokyo:after,
.infoCt-chubu:after,
.infoCt-kinki:after{
display: inline-block;
color: #fff;
text-align: center;	
padding:0.2em 0.4em 0;
font-size: 0.85em;
line-height: 1.4em;
margin-right: 1em;
min-width: 3.3em;	
vertical-align: text-top;
letter-spacing: 0.1em;
}

.infoCt-tokyo:after{
content: '首都圏';
background-color: var(--tokyo);
}

.infoCt-chubu:after{
content: '中部圏';	
background-color: var(--chubu);
}

.infoCt-kinki:after{
content: '近畿圏';	
background-color: var(--kinki);
}


/* -------------------- smart phone  -------------------- */

@media screen and (max-width:767px) {

.co {
    padding: 0;
}
	
.infoWp {
    min-width: 0;
	margin-top: 0;
    padding: 20px 10px;

}
	
.infonavi {
    width: auto;
}

.titleArea h2{
border: none;
color: #eb711f;
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
font-weight: bold;
font-size:1.5em;
padding:5px 0;
}

.infoWp #mainHdImg h3 {
width: 100%;
margin: 10px auto 20px;
padding: 0.3em 0;
font-size: 1.3em;
font-weight: bold;
text-align: center;
color: #614336;
border-top: solid 1px #614336;
border-bottom: solid 1px #614336;
}

.titleArea {
margin: 0 auto 10px;
}

#info {
margin-bottom: 10px;
}

#info li {
display: block;
position: relative;
padding: 1em 0 !important;
}

#info li .date{
padding-top: 0;
display:inline-block;
font-size: 120%;
padding-right: 0.5em;	
}
#info li .article{
width:100%;
display: block;
position: relative;
/*padding-right: 3em;*/
margin-top: 0.3em;	
}
	
/*#info li .article:after{
font-family: 'marurino';
content: '\e92f';
color: #eb711f;
position: absolute;
right: 10px;
top: 50%;
margin-top: -1em;
font-size: 1.5em;	
}	*/

#info li p {
font-size: 80%;
line-height: 1.5em;
}

#info li .article > a {
font-weight: bold !important;
display: block;
color: rgb(0,77,161) !important;
margin-top: 10px;

}
	

}