@charset "UTF-8";

 
body{display: none;} 
 
p {
    display: block;
    margin: 0 0 1em 0;
	line-height:1.7;
	letter-spacing:0.8px;
}

header {border-bottom: none;}

section#content {margin:0 0 0 0;}


section.read_block {width:48%; float:left; margin:30px 0 0 0;}
section.read_block div.read {
	line-height:2;
	font-size:117%;
	font-family: "a-otf-gothic-bbb-pr6n",sans-serif;
	font-feature-settings : "palt";
	letter-spacing: 0.9px;
	margin:0 0 16px 0;
}

@font-face {
font-family: 'azukiL';
  src: url('../font/azukiL.ttf') format('truetype');
}

section.news {width:47%; float:right; margin:30px 0 0 0; border:#2C843A;}
section.news section.head {background-color:#2C843A; width:421px; color:#FFF;  padding:10px 0; border: 1px solid #2C843A;}
section.news h2 {float:left; font-family: "azukiL"; font-weight: normal; margin:0 0 0 18px;}
section.news div.news_list_link {float:right; font-size:87%; margin:0 20px 0 0;}
section.news div.news_list_link a:link {color:#FFF;}
section.news div.news_list_link a:visited {color:#FFF;}
section.news div.news_list_link a:hover {color:#FF0;}
section.news div.news_list_link a:active {color:#FF0;}


.archive-post {
    border: 1px solid #2C843A;
    border-top:none;
    margin-bottom: 20px;
    padding: 10px 20px;
    height:22em;
}

section.news .topics {
    height: auto;
    margin: 0 auto 5px;
    line-height:2;
    border-bottom:1px solid #dcdcdc;
    
}

.post-date {
    display: inline-table;
    font-size: 85%;
    letter-spacing: 1px;
    width: auto;
}

#topics h2.title {
    color: #444;
    font-weight: bold;
    line-height: 1.4em;
    margin: 10px 0;
    padding-left: 5px;
}

section.first_block {margin:60px 0 0 0;}

@media only screen and (max-width: 800px) {
section.news section.head  {
		margin: 0 !important;
		width: 100%;
		
	}}


@media only screen and (max-width: 540px) {
	section.read_block {
    width: 100%;
}
	section.news {
    width: 100%;
}
	section.news section.head {
    width: 100%;
}
}