@charset "UTF-8";

/*
==================================================

   記事

==================================================
*/



/*
==================================================
  レイアウト
==================================================
*/

#main {
float: right;
width: 100%;
margin: 0 0 0 -160px;
}
#content {
margin: 0 0 0 170px;
padding: 0 0 1px;
background-color: #ffffff;
box-shadow: 0 0 3px 0 #c0c0c0;
}
#navi {
float: left;
width: 160px;
margin: 0;
}



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

#main {
float: none;
margin: 0 0 30px;
}
#content {
margin: 0;
}
#navi {
float: none;
width: 100%;
}

}
/* ----- /767 ----- */



/*
==================================================
  記事
==================================================
*/

/* ----- Ads ----- */
#content aside.adsTop {
padding: 10px 10px 10px;
}
#content aside.adsTop div.label {
/* display: none; */
margin: 0 0 10px;
}
#content aside.adsTop div.label span {
padding: 2px 4px;
background-color: #efefef;
font-size: 80%;
color: #9f9f9f;
}
#content aside.adsTop div.responsive {
width: 728px;
height: 90px;
}
.page_top {
width: 728px;
height: 90px;
}

/* ----- 更新日 ----- */
#content footer.date {
padding: 1.6em 10px 0;
text-align: right;
}
#content footer.date p {
margin: 0;
}

/* ----- セクション ----- */
#content section.description {
padding: 1.6em 10px 0.6em;
}

/* ----- セクション内 ----- */
/* 見出し */
#content section.description > h2 {
margin: 0;
padding: 8px 10px 7px;
background-color: #ffd67b;
font-size: 100%;
line-height: 120%;
}

/* ----- 記述セクション ----- */
#content section.description > div.inner {
margin: 1.5em 15px 0;
}

/* 子セクション */
#content section.description section {
margin: 2.7em 0;
}
/* 子セクション内見出し */
#content section.description h3 {
margin: 0 0 1.2em;
font-size: 110%;
line-height: 140%;
}

/* 見出しマーク付き */
#content section.description h3.sm::before {
content: "■";
font-family: sans-serif;
}

/* 段落 */
#content section.description p {
margin: 0 0 1em;
line-height: 180%;
}

/* 参照コンテンツ */
#content section.description figure {
margin: 1.8em 0;
}
#content section.description figure figcaption {
margin: 5px 0 0;
font-size: 90%;
line-height: 140%;
}
#content section.description figure p {
margin: 0;
line-height: 100%;
}

/* pre */
#content section.description pre {
margin: 1.8em 0 2.2em;
padding: 20px 10px;
background-color: #f7fdfd;
border: 1px #c0c0c0 dotted;
line-height: 110%;
}

/* ----- 一般リスト（UL） ----- */
#content section.description ul {
margin: 1.5em 0 2em;
padding: 0;
list-style-type: none;
}
/* 項目 */
#content section.description ul li {
padding: 0 0 5px 20px;
background: url(../../image/marks/list.gif) no-repeat left top;
line-height: 140%;
}

/* ----- 項目（リストマークなし） ----- */
#content section.description ul.nm li {
padding: 0 0 5px 0;
background: none;
}

/* ----- ショートカットリスト（UL） ----- */
#content section.description ul.shortcut li {
padding: 0 0 5px 23px;
background: url(../../image/marks/file_s.gif) no-repeat left 0.2em;
}

/* ----- ノートリスト（UL） ----- */
#content section.description ul.note {
margin: 1.5em 0;
}
/* 項目 */
#content section.description ul.note li {
margin: 0 0 0 1em;
padding: 0 0 5px;
background: none;
text-indent: -1em;
}
#content section.description ul.note li::before {
content: "※";
}

/* ----- 記述リスト（DL） ----- */
#content section.description dl {
margin: 1.5em 0;
}
/* 用語 */
#content section.description dl dt {
margin: 0 0 8px;
font-weight: bold;
line-height: 140%;
}
#content section.description dl dt span {
font-weight: normal;
}
/* 説明 */
#content section.description dl dd {
margin: 0 0 1em 1em;
line-height: 140%;
}

/* ----- 順序リスト（OL） ----- */
#content section.description ol {
margin: 1.6em 0 2em 1.7em;
padding: 0;
}
/* 項目 */
#content section.description ol li {
margin: 0 0 5px;
line-height: 140%;
}

/* ----- フローリスト（OL） ----- */
#content section.description ol.flow {
margin: 2.2em 0;
list-style: none;
counter-reset: li;
}
#content section.description ol.flow li {
position: relative;
margin: 0 0 50px;
padding: 0 0 0 2em;
line-height: 100%;
}
#content section.description ol.flow li::before {
position: absolute;
top: 4px;
left: 0;
font-size: 180%;
font-weight: bold;
content: counter(li);
counter-increment: li;
}

/* ----- Ads ----- */
#content aside.adsBottom {
margin: 0 0 40px;
padding: 30px 20px 0;
}
#content aside.adsBottom div.label {
/* display: none; */
margin: 0 0 10px;
}
#content aside.adsBottom div.label span {
padding: 2px 4px;
background-color: #efefef;
font-size: 80%;
color: #9f9f9f;
}
/*
#content aside.adsBottom div.responsive {
width: 728px;
height: 90px;
}
.page_bottom {
width: 728px;
height: 90px;
}
*/
#content aside.adsBottom div.responsive {
width: 100%;
}
.page_bottom {
max-width: 728px;
min-height: 250px;
max-height: 280px;
}



/* ----- ★1023 ----- */
@media screen and (max-width: 1023px) {

#content aside.adsTop {
padding: 10px 10px 15px;
}
#content aside.adsTop div.responsive {
width: 100%;
height: auto;
max-width: 728px;
}
.page_top {
width: 100%;
height: auto;
max-width: 728px;
min-height: 90px;
max-height: 100px;
}

/*
#content aside.adsBottom div.responsive {
width: 100%;
height: auto;
max-width: 728px;
}
.page_bottom {
width: 100%;
height: auto;
max-width: 728px;
min-height: 90px;
max-height: 100px;
}
*/

}
/* ----- /1023 ----- */



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

#content aside.adsTop {
padding: 40px 0 50px;
text-align: center;
}
#content aside.adsTop div.label {
display: block;
margin: 0 0 20px;
}
#content aside.adsTop div.responsive {
width: 320px;
height: 100px;
margin: 0 auto;
}
.page_top {
width: 320px;
height: 100px;
}

#content footer.date {
padding: 1.6em 5px 0;
}

#content section.description {
padding: 1.6em 5px 0.6em;
}
#content section.description > div.inner {
margin: 1.5em 2px 0;
}

#content section.description > h2 {
padding: 8px 5px 7px;
}

#content section.description h3 {
font-size: 100%;
}

#content section.description figure figcaption {
font-size: 100%;
}

#content section.description pre {
padding: 20px 5px;
}

#content section.description ul {
margin: 1.7em 0;
padding: 0;
list-style-type: none;
}
#content section.description ul li {
padding: 0 0 15px 20px;
}

#content section.description ul.nm li {
padding: 0 0 15px 0;
}

#content section.description ul.shortcut li {
padding: 0 0 15px 23px;
}

#content section.description ul.note li {
padding: 0 0 10px;
}

#content section.description dl dd {
margin: 0 0 1em;
}

#content section.description ol {
margin: 1.7em 0 2em 1.7em;
}
#content section.description ol li {
margin: 0 0 15px;
}

#content section.description ol.flow li {
margin: 0 0 40px;
padding: 1.8em 0 0;
}
#content section.description ol.flow li::before {
top: 0;
font-size: 120%;
}

#content aside.adsBottom {
padding: 60px 0 60px;
text-align: center;
}
#content aside.adsBottom div.label {
display: block;
margin: 0 0 20px;
}
/*
#content aside.adsBottom div.responsive {
width: 100%;
height: auto;
}
.page_bottom {
width: 100%;
height: auto;
min-height: 250px;
max-height: 280px;
}
*/
.page_bottom {
max-width: 336px;
margin: 0 auto;
}

}
/* ----- /767 ----- */



/*
==================================================
  カテゴリーナビ
==================================================
*/

/* カテゴリーナビが入るまではサイドの広告を非表示 */

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

#navi aside.ads {
display: none;
}

}
/* ----- /767 ----- */