/* 日本語、どうでしょう？スタイルシート*/
/*   last update at 2022.10*/

body,html {
width: 100%;
margin: 0;
padding: 0;
font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-weight: normal;
color: #111;
background-attachment: scroll;
}


table,td,th {
	padding:0;
	margin:0;
}

body,td,th {
	color: #504d18;
}


body {
margin:0;
padding:0;
}


a:link {color: #004799;text-decoration: none;}
a:visited {color: #004799;text-decoration: none;}
a:hover {color: #CC0000;text-decoration: underline;}
a:active {color: #FFFFFF;text-decoration: underline;}

img {border:0;}
img a {border:0}

ul {
list-style-type: none;
}

#container {
}

#wrapper {
text-align:center;
margin:0;
padding:0;
}

div#nihongo {
height:auto;
margin:0 auto;
font-size:1rem;
font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
background: #eff0eb;
}

#main,
.menuInner{
color: #333;
font-size:1rem;
}

.wrap {
width: 1000px;
margin: 0 auto;
text-align: left;
}

/* ヘッダー画像----------------------- */
#mainimg{
height:300px;
margin:0px;
background:url("/articles/blognihongo/tmpl/nihongo_header_bg.png") center;
}

#mainimg #toTisiki{
z-index:1;
font-weight:600;
}

#mainimg h1 {
width:100%;
margin:0;
padding:0;
z-index:0;
overflow:hidden;
text-align:left;
}

#leadTxt {
padding: 15px 10px;
line-height: 1.7;
color: #fff;
font-size: .9rem;
font-weight: 400;
background: #461100;
text-align: justify;
}

h3 { width:90%;
margin:auto 1rem;}

.nyukaiAnnai,
.menuProf,
.backNumList,
.menu2colum,
.sarch{
margin-bottom:20px;
}

.nyukaiAnnai{
margin-top:20px;
}

.nyukaiAnnai .toJK{
width:300px;
height:70px;
margin:10px auto;
}

.nyukaiAnnai .toJK a{
width:290px;
height:58px;
color:#111;
display:inline-block;
font-size:18px;
font-weight:600;
text-align:center;
line-height:58px;
background-color:#fff;
border-top:2px solid #222;
border-left:2px solid #222;
border-bottom:4px solid #222;
border-right:4px solid #222;
border-radius:5px;
} 



.twoColumnRightPane #main {
width: 620px;
padding:0;
background-color: #eff0eb;
border:0 solid #eff0eb;
}

.lowerlink {
margin:0 auto;
width:100%;
}

div.entry {
margin: 0 2rem 40px 0;
background-color: #fff;
border: solid 1px #ccc;
width: 100%;
padding: 1rem;
}

div.entryTitle {
text-align: left;
width: 100%;
height: 63px;
line-height: 140%;
margin: 2rem auto;
border-top: 3px solid orange;
border-bottom: 3px solid orange;
padding-bottom: 2rem;
}

div.entryTitle a {color: #504d18;text-decoration: none;}
div.entryTitle a:link {color: #504d18;text-decoration: none;}
div.entryTitle a:visited {color: #504d18;text-decoration: none;}
div.entryTitle a:hover {color: #CC0000;text-decoration: underline;}
div.entryTitle a:active {color: #FFFFFF;text-decoration: underline;}

.entryTitle-no {
font-size:100%;
padding:5px 0 0 5px;
width:200px;
float:left;
}

.entryTitle-no img {padding-right:4px;}

.entryTitle-no_icon {vertical-align: text-top;}
.entryTitle-no_text {line-height: 105%;margin-bottom: 500px;}


.entryTitle-title {
    font-size: 1.1rem;
    font-weight: bold;
    width: 455px;
    padding-right: 10px;
    float: right;
    line-height: 130%;
    margin-top: -30px;
}

.entryDate {
    width: 98%;
    margin: -16px auto 16px auto;
    font-weight: 100;
    text-align: right;
}

.entryBody {
    width: 92%;
    padding-top: 24px;
    text-align: justify;
    line-height: 200%;
    font-size: 1rem;
    margin: 0 auto;
}

.entryBody a:link {
	text-decoration: underline;
}


.entrySearch {
width:580px;
padding:0px 0 0 15px;
margin:10px0 0 15px;
text-align:left;
line-height: 35px;
font-size: 1em;
}

.entryKeyword {
text-align:right;
font-size:100%;
padding-right:20px;
padding-top:0;
margin:0 0 10px 0;
}

.osusume {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;/*rem算出*/
  background-color:#fff;
  text-align:left;
  width:95%;
  margin:0 50px 0 0;
  padding:1rem 0;
line-height:1.8rem;
}

.osusume_midashi {
font-size:1.05rem;
font-weight:bold;
padding:0 0 0 10px;
width:100%;
background-color:#ee7800;
color:#fff;
border-radius: 10px;
margin-bottom:.725rem;
}

.osusume_item {
padding-left:1rem;
margin:0 0 1rem 0;
}

.osusume_title {
font-size:1rem;
font-weight:normal;
}

.osusume_snippet {
margin-left:1rem;
font-size:.8rem;
}

.osusume_midashi i,
.osusume_title i {
margin-right:.2rem;
}

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

.osusume {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;/*rem算出*/
  text-align:left;
  width:90%;
margin:0 auto;

}

.wrap {
width: 100%;
margin: 0 auto;
text-align: left;
overflow:hidden;
}

#mainimg {
position: relative;
overflow: hidden;
height: 210px;
background: url(/articles/blognihongo/tmpl/nihongo_header_bg_sm.png);
}

#mainimg h1 {
position: absolute;
width:auto;
height:166px;
left: 50%;
position:center;
margin-left: -320px;
padding:0;
}

.menu2columInner{
width:48%;
max-width:300px;
min-width:150px;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;
box-sizing:border-box;
}

body,html {
width: 100%;
margin: 0;
padding: 0;
font-weight: normal;
color: #111;
}

#wrapper {
text-align:center;
margin:0;
padding:0;
overflow:hidden;
}

#leadTxt {
font-size: .8rem;
text-align: justify;
}

#contents {
width:98%;
height:auto;
overflow:hidden;
}


#footer-field {
width: 100%;
margin: 0 auto;
padding:10px 0 20px 0;
font-size: .75rem;
line-height: 1;
text-align:center;
color:#fff;
overflow:hidden;
}

ul.sns li a img { width:auto;height:auto;}

 .clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


img {
max-width: 100%;
height: auto;
width /***/:auto;
}

#container{
width:100%;
margin:0 auto;
overflow:hidden;
}

*{margin:0;
  padding:0;}

html {
	width: 100%;
overflow:hidden;
	margin: 0;
	padding: 0;
	overflow-y: scroll;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka","MS UI Gothic",sans-serif;
}

/* Hides from IE-mac \*/
/** html .clearfix {height: 1%;}←WIN IE6以前対策 ホーリーハック*/
.clearfix {display: inline-block;}← IE7とmac版IE5対策。
.clearfix {display: block;}←

table,td,th {
	padding:0;
	margin:0;
}

a:visited {color: #004799;text-decoration: none;}
a:hover {color: #CC0000;text-decoration: underline;}
a:active {color: #FFFFFF;text-decoration: underline;}

img{
max-width: 98%;
height: auto;
width /***/:auto;
}

img {border:0;}
img a {border:0}


ul {
list-style-type: none;
}

div#headerField2 .closeBox2 {
display:none;
}

div#main {
width:100%;
margin:0px;
}

.twoColumnRightPane #main {
width: 100%;
background-color: #eff0eb;
padding:0;
border:0 solid #eff0eb;
}

html>/**/body #main {
padding-left:0px;
}

div.entry {
text-align:left;
width:90%;
height:auto;
display:block;
margin: 0 auto;
margin-bottom: 2rem;
}

div.entryTitle {
text-align:left;
width:94%;
height:auto;
display:block;
line-height: 140%;
margin: 2rem auto;
border-top: 3px solid orange;
border-bottom: 3px solid orange;
padding-bottom: 2rem;
}


.entryTitle-no {
font-size:100%;
padding:5px 0 0 5px;
width:150px;
height:100px;
box-sizing: border-box;
display:block;
float:none;
}

.entryTitle-no img {
padding-right:4px;
width:58px;
height:58px;
box-sizing: border-box;
}

.entryTitle-title {
font-size:110%;
font-weight:bold;
width:95%;
height:40px;
padding-left:20px;
padding-top:0;
padding-right:0;
line-height:105%;
text-align:left;
box-sizing: border-box;
display:block;
float:none;
}

.entryDate {
width:90%;
margin-right:5%
text-align:right;
display:block;
font-size:100%;
}

.entryBody {
width:94%;
font-size:1rem;
padding:0;
margin:0 auto;
text-align: justify;
line-height: 200%;
}

.entrySearch {
width:98%;
padding:0px 0 0 15px;
margin:10px0 0 15px;
text-align:left;
line-height: 35px;
font-size: 1em;
}

.entryKeyword {
display:none;
}


div#bookPR {
width:85%;
margin:0 auto 0 auto;
}


div#menu {
width:auto;
width:95%;
text-align:left;
margin-top:41px;
margin:0 auto 0 auto
}

div.menuBlock {
margin:0 0 20px 0;
}

div.menuBlockR5,
div.menuBlockTB,
div.menuBlockMA,
div.menuBlockSC,
div.menuBlockPL {
margin: 0 0 30px 0;
background-color: #fff;
border: solid #333 2px;
border-radius: 5px;
padding-bottom: 1rem;
padding-right: 1rem;
}

div.menuadd {
display:none;
}

div.menuaddText {
visibility:visible;
display:block;
}

div.menuBlockTB {
display:none;
}

div.menuBlockMA {
display:none;
}

div.menuBlockSC {
display:none;
}

div.menumokuji {
width:95%;
margin:8px;
}


div.menuTitle {
width:95%;
height:38px;
padding:18px 0 7px 10px ;
font-size:107%;
font-weight:bold;
}

div.menuBody {
margin:0px 1rem;
line-height:150%;
font-size:100%;
}

ul.menuList {
margin:0px;
padding:0px;
font-size:100%;
list-style-type:none;
}

ul.menuList li {
line-height:150%;
margin:0px 0px .75rem 10px;
padding:3px 0 0 1.25rem;
}


div.archive-individual,
div.archive-date-based, 
div.archive {
margin:0 0 50px 0;
text-align:left;
}

div.archive-content {
margin:0px 0px 0px 40px;
line-height:130%;
}

ul.archive-list {
margin:0px;
padding:0px;
list-style: none;
margin: 20px;
}

ul.archive-list li.archive-list-item {
line-height:140%;
  position: relative;
  padding-left: 20px;
margin:.5rem;
}

ul.archive-list li.archive-list-item::before {
  content: '\f138';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 1px;
  left: 0;
  color: #99cc99;
}


/*--------------article sns*/
.articlesSns{
clear:all;
overflow:hidden;
}

.snsTools{
float:right;
margin:5px 0px 5px auto;
}

.snsTools ul li{
display:inline-block;
    *display: inline;  
    *zoom: 1;  
}


.snsTools ul li .twitter-tweet-button {
width: 104px !important;
}

} /*max-width:640px*/



@media screen and (max-width: 500px){
.osusume {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;/*rem算出*/
  text-align:left;
  width:90%;
margin:0 auto;

}
}

div#menu {
width:300px;
float:right;
text-align:left;
margin-right:30px;
_margin-right:15px;
margin-top:41px;
}

div.menuBlockR5,
div.menuBlockTB,
div.menuBlockMA,
div.menuBlockSC,
div.menuBlockPL {
margin: 0 0 30px 0;
background-color: #fff;
border: solid #333 2px;
border-radius: 5px;
padding-bottom: 1rem;
padding-right: 1rem;
}

div.adSpace,
div.menuBlock,
div.menuadd,
div.menuBlockTB,
div.menuBlockMA,
div.menuBlockSC {
	margin:0 0 30px 0;
}

div.menuaddText {
display:none;
}


div.menuTitle {
height:38px;
padding:20px 0 0 20px ;
font-weight:bold;
padding: 10px 1rem 0 0;
font-size: 1.2rem;
font-weight: bold;
color: #fff;
background-color: #333;
width: 100%;
margin: 0 0 1rem 0;
}

div.menuBody {
margin:0 0 0 1rem;
line-height:160%;
}

ul.menuList {
padding:0px;
list-style: none;
}

ul.menuList li {
line-height:140%;
  position: relative;
  padding-left: 20px;
margin:.5rem;
}

ul.menuList li::before {
  content: '\f138';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 0px;
  left: 0;
  color: #FD734A;
}


#menu .menuBlock .menumokuji {
	text-align: right;
	margin: 10px 0;
}



div.archive-individual,
div.archive-date-based, 
div.archive {
margin:0 0 50px 0;
text-align:left;
}

div.archive-content {
margin:0 0 0 20px;
line-height:160%;
width:100%;
}

ul.archive-list {
margin:0px;
padding:0px;
list-style: none;
margin: 20px;
}

ul.archive-list li.archive-list-item {
line-height:140%;
  position: relative;
  padding-left: 20px;
margin:.5rem;
}

ul.archive-list li.archive-list-item::before {
  content: '\f138';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 1px;
  left: 0;
  color: #FD734A;
}


/*--------------article sns*/
.articlesSns{
clear:all;
overflow:hidden;
}

.snsTools{
float:right;
margin:5px 0px 5px auto;
}

.snsTools ul li{
display:inline-block;
*display: inline;  
*zoom: 1;  
}


.snsTools ul li .twitter-tweet-button {
width: 104px !important;
}


/*-------------- 2015.9.17 add style for ios */
body {
	-webkit-text-size-adjust: 100%;
}