@charset "utf-8";


/*NEWS一覧
============================================*/

.news section#news {

}

.news section#news .newsBox{
    background: none;
    padding: 0;
}


.news section#news .newsBox .news_left{
	width:75%;
	float:left;
}

.news section#news .newsBox .listBox {
    padding: 0 0 30px 0;
    border-bottom: 1px dotted #694e39;
    margin: 0 0 30px 0;	
}

.news section#news .newsBox .listBox a {
	display:block;
}

.news section#news .newsBox .listBox p {
    padding: 5px;
	border: 3px solid #694e39;
	background: #fff;
    display: inline-block;
    vertical-align: top;
    width: 15%;
    margin: 0 30px 0 0;
}

.news section#news .newsBox .listBox p img {
	vertical-align:bottom;
}

.news section#news .newsBox .listBox .txt {
	display:inline-block;
	width:60%;
}

.news section#news .newsBox .listBox .txt dt{
font-family: 'Roboto', sans-serif;
    color: #694e39;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0 0 5px 0;
}

.news section#news .newsBox .listBox .txt dd {
    color: #694e39;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 5px 0 10px 0;
    font-size: 100%;
}

.news section#news .newsBox .listBox .txt span {
    font-size: 90%;
    line-height: 1.8em;
    padding: 10px 0 0 0;
}

.news section#news .newsBox .news_right{
	width:20%;
	float:right;
}

.news section#news .newsBox .news_right p {
    font-family: 'Roboto', sans-serif;
    color: #694e39;
    font-size: 120%;
    font-weight: bold;
    letter-spacing: 1;
    border-bottom: 3px solid #694e39;
    padding: 0 0 10px 0;
}

.news section#news .newsBox .news_right ul {
    padding: 30px 0;
    color: #694e39;
}

.news section#news .newsBox .news_right li {
    float: none;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    padding: 0 0 10px 0;
}

.news section#news .newsBox .news_right li a:hover {
	text-decoration:underline;
}



/*NEWS詳細
============================================*/

.news section#news .newsBox .news_left .txt_d {
padding: 0 0 100px 0;
    border-bottom: 1px dotted #694e39;
    margin: 0 0 100px 0;
}

.news section#news .newsBox .news_left .txt_d dl {
    font-family: 'Roboto', sans-serif;
    color: #694e39;
	padding:0 0 50px 0;
}

.news section#news .newsBox .news_left .txt_d dt {
    font-weight: bold;
    font-size: 110%;
    padding: 0 0 10px 0;
}

.news section#news .newsBox .news_left .txt_d dd {
    font-size: 150%;
    font-weight: bold;
    letter-spacing: 2px;
}

.news section#news .newsBox .news_left .txt_d .content {
	line-height:2.5;
	font-size: 1em;
}

/**********************************************/
.wp-pagenavi {
	clear:both;
    display: block;
    padding: 30px 0;
	margin:0 0 50px 0;
}

.wp-pagenavi span.current {
    border: 2px solid #694e39;
    background: #694e39;
    padding: 10px 15px;
    color: #fff;
    font-weight: bold;
	margin:0 5px;
	
}

a.page.larger {
    border: 2px solid #694e39;
    background: #fff;
    padding: 10px 15px;
    margin: 0 5px;
	color:#694e39;
}

a.page.smaller {
    border: 2px solid #694e39;
    background: #fff;
    padding: 10px 15px;
    margin: 0 5px;
	color:#333;
}

a.page.larger:hover {
	text-decoration:none;
	background:#694e39;
	color:#fff;
}

a.page.smaller:hover {
	text-decoration:none;
	background:#694e39;
	color:#fff;
}

a.nextpostslink {
    border: 2px solid #694e39;
    background: #fff;
    padding: 10px 15px;
    margin: 0 5px;
	color:#694e39;
}


a.previouspostslink {
    border: 2px solid #694e39;
    background: #fff;
    padding: 10px 15px;
    margin: 0 5px;
	color:#694e39;
}

a.previouspostslink :hover {
	text-decoration:none;
	background:#694e39;
	color:#fff;
}

a.nextpostslink:hover {
	text-decoration:none;
	background:#694e39;
	color:#fff;
}

/*********************************************/


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

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

@media screen and (max-width: 767px){
/*NEWS一覧
============================================*/

.news section#news {

}

.news section#news .newsBox{
    background: none;
    padding: 0;
}


.news section#news .newsBox .news_left{
	width: 100%;
	float: none;
}

.news section#news .newsBox .listBox {
    padding: 0 0 30px 0;
    border-bottom: 1px dotted #694e39;
    margin: 0 0 30px 0;	
}

.news section#news .newsBox .listBox a {
}

.news section#news .newsBox .listBox p {

    width: 35%;
    margin: 0 10px 0 0;
}

.news section#news .newsBox .listBox .txt {
	display:inline-block;
	width: 53%;
}

.news section#news .newsBox .listBox .txt dt{
	letter-spacing: 0;
	padding: 0;
}

.news section#news .newsBox .listBox .txt dd {

    padding: 5px 0;
    font-size: 90%;
}

.news section#news .newsBox .listBox .txt span {
    font-size: 70%;
    line-height: 1.8em;
    padding: 10px 0 0 0;
}

.news section#news .newsBox .news_right{
	width: 100%;
	float: none;
}

.news section#news .newsBox .news_right p {
    font-family: 'Roboto', sans-serif;
    color: #694e39;
    font-size: 120%;
    font-weight: bold;
    letter-spacing: 1;
    border-bottom: 3px solid #694e39;
    padding: 0 0 10px 0;
}

.news section#news .newsBox .news_right ul {
    padding: 30px 0;
    color: #694e39;
}

.news section#news .newsBox .news_right li {
    float: none;
    width: 100%;
    padding: 0 0 10px 0;
    margin: 0;
}

.news section#news .newsBox .news_right li a:hover {
	text-decoration:underline;
}

.news section#news .newsBox .news_right li:nth-child(n+3) {
	display:block;
}



/*NEWS詳細
============================================*/
.news section#news .newsBox .news_left .txt_d {
	padding: 0 0 50px 0;
	margin: 0 0 50px 0;
}

.news section#news .newsBox .news_left .txt_d dl {
	padding:0 0 30px 0;
}

.news section#news .newsBox .news_left .txt_d dd {
    font-size: 120%;
}

.news section#news .newsBox .news_left .txt_d .content {
	font-size:0.8em;
}
}