article,aside,canvas,details,figcaption,figure,header,footer,main,menu,nav,section,summary {
	display: block;
}
article, aside {
	text-align: left;
	margin: 10px 10px 1em 10px;
	padding-top: 10px;
	padding-bottom:10px;
}

.left_col h2,.right_col h2,.left_col h3,.right_col h3,aside h3 {
	margin-top: 0px;padding: 0px;line-height:1.1em;clear: both;color:#f69
}
article h1{
	font-size:2em
}
h1,h1 a:link,h1 a:visited,h2, h3, h4, h5, h6, h2 a:link, h3 a:link, h2 a:visited, h3 a:visited {
	padding: 0px;line-height:1.1em;clear: both;color:#f69
}
body {
	margin: 0;padding: 0;text-align: center;background-color: #FFC8E3;color:#333;font-family: Meiryo,Verdana, Geneva, Tahoma, sans-serif;font-size: 1em;
	background-image: url('../../miniwani.gif');
	-webkit-text-size-adjust: 100%;
}
a:link {text-decoration: none;color:#06c;}
a:visited{text-decoration:none}
a:hover {color: red;}

a img {border-width: 0;}
header,footer{background-color:#fff;clear:both}
dt{
	font-weight:bold
}
.container{text-align:left;position:relative;margin:auto;max-width:1200px}
header h1{
	margin:0;line-height:1.5em;padding:0;font-size:1em
}
nav#gnav{
	position: absolute;
	top: 0;
	right: 5px;
	overflow: visible;
	margin: 0;
	padding: 5px 2px 2px;
	font-size: 0.9em;
}
#snav{
	background-color: #FF93B6;overflow:hidden
}
nav ul{
	margin:0px;padding:0px;list-style:none
}
#snav ul{
	overflow: hidden;
}
nav li{
	float:left;margin:0;padding:0;
}
#gnav li{
	border-left:solid 1px #333;height:1.5em
}

#gnav a:link,#gnav a:visited {color:#333;display:block;padding:0 5px;}
#gnav a#this_site {background-color:#F69;color:#FFF;}
#snav a:link,#snav a:visited {color:#fff;display:block;padding:0 15px;}
.topic_path{
	background-color: #FFF4F9;
}
.topic_path .container{
	padding-left:10px
}
.search {padding:0.5em}
.wrapper{
	font-size:0.9em
}
header nav a:hover {text-decoration:underline}
aside ol {margin: 0px 0px 10px 2em;padding: 0px;}
aside ul, ul.list {list-style-type: none;margin: 0px 0px 1em 0px;padding: 0px;border-top: dotted 1px;}
aside ul li, ul.list li{padding: 0.8em 0px;margin: 0px;border-bottom: dotted 1px;}
aside ol li {margin: 0px;padding: 5px 0px 5px 0px;}
aside li a, .list a{display: block;}
.icon, aside li img {vertical-align: middle;}
.col_wrap {display: inline-block;
    *display: inline;  
    *zoom: 1;  
    width: 100%;
    clear:both;
}
.subtitle {margin-top:-15px;}
.left_col {float: left;width: 49%;margin-bottom: 10px;clear: both;}
.right_col {float: right;width: 49%;margin-bottom:10px;}
.left_col ul, .right_col ul {padding-top: 0px;margin-top: 0px;}
.lead {border: 1px solid #F69;background-color: #FFD7FF;margin: 10px 0;	padding: 5px;clear:both}
.lead p{margin:0}
.navi {margin:10px 0;text-align:center;clear:both;border-color:#F69;border-style:solid;border-width:1px 0;padding:2px 0;}
.bookmark {margin: 5px 0px;padding: 5px 0px;border-style: dotted;border-width: 1px 0px 1px 0px;clear: both;}

/* もくじのスタイル */

ul.table-of-contents{
	background: #FEF; /*背景色*/
	border: solid 1px #F69;
	padding: 0.5em;
	margin: 1.5em 0em;
}
.table-of-contents:before{
	content: ":::: CONTENTS ::::";
	display: block;
	text-align: center;
	font-weight: bold;
	color: #F69;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: dotted 2px #F69;
}
.table-of-contents li{
margin-left:2em;
}
.table-of-contents ul li{
margin-left:-0.5em;
}

.table-of-contents a:link{
 text-decoration:none;
 color:#666;
}
.table-of-contents a:hover{
 text-decoration:underline;
}

.caption, caption{color:#F69;}
.centerimg{margin-top:10px;margin-bottom:10px;text-align:center;clear:both;}
.centerimg img{margin:4px auto;}
.leftimg {padding: 0px 19px 10px 0px;float: left;}
.rightimg {padding: 0px 0px 10px 19px;float: right;}
.center {text-align: center;}
.right {text-align: right;}
.embed{
	border-radius: 7px; background: rgba(255,255,255,0.9);
	color:#333;
}
.del {text-decoration: line-through;}
.key {background-color: #CCC;color: #000;border-style: solid;border-width: 1px;padding: 1px;}
.gray{color:gray;}
.purple{color:purple;}
.red{color:red;}
.blue{color:blue;}
.green{color:green;}
.marron{color:maroon;}
pre.src{margin-top:0;border:1px solid #f8f8f8;color:#333;background-color:#EEE;white-space:pre-wrap;word-wrap:break-word;font-family:"ＭＳ ゴシック","Courier New";padding:1em;}
td ul {margin-bottom: 0px;}
.table {border: 1px solid #f69;border-collapse: collapse;font-family: "ＭＳ Ｐゴシック", Arial, sans-serif;margin-bottom: 1em;line-height: 1.2em;padding: 5px;}
.table th {border: 1px solid #f69;background-color: #FFC8E3;text-align: center;white-space: nowrap;}
.table td {border: 1px solid #f69;margin: 0;padding: 5px;}
.table ul {padding: 0px;margin: 0px 0px 0px 20px;}
.index {border-style: solid solid none solid;color: #FF4280;background-color: #FFDBE7;font-weight: 700;margin-bottom: 0;clear: both;border-color: #FF4280;border-width: 1px;padding: 3px;}
.col_wrap li {padding: 5px 0px;margin: 0px;}
.box {border:1px solid #FF4280;margin-bottom:19px;}
.box p {margin:0;padding:3px;}
.box ul {margin:0 0 0 25px;padding:2px;}
.box li{line-height:2em;}
.header, a.header, .header a {
	padding: 1px 5px 1px 5px;
	background-color: #F69;
	color: #FFF;
}
.point {margin: 1em 0px 1em 0px;border: 1px dashed #F69;padding: 10px;}
a.point:hover{
	color:white;background-color:deeppink;border-style:solid
}
article .ads_rectangle{text-align: center;clear: both;margin: 2em auto;display:block;}
.ads{margin:1em auto;}
aside .ads{text-align: center;margin:19px auto}
.ads_link{margin:19px auto}
li.arrow {background-position: left 5px;font-weight: 700;background-image: url(../images/arrow/right.gif);list-style-type: none;background-repeat: no-repeat;	padding-left: 20px;	margin-left: -20px;}
li.move{background-position: left top;padding-left: 22px;margin-left:-22px;list-style-type: none;background-image: url('../images/move.gif');background-repeat: no-repeat;}
li.arrow ul li {font-weight:400;}
ul.list-right{margin: 0px 0px 19px 0px;padding: 0px;float: right;font-weight: 700;}

footer p{
	margin:0;padding:.2em
}
footer .container{
	font-size:0.9em;padding:10px
}
footer .left_col, footer .right_col{
	width:48%
}
#page_content,#sidebar {
	background-color: #FFF;
}
.iframe-content {
    position: relative;
    width: 100%;
    padding: 56.25% 0 0 0;
}
.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Social bottons */
.social-buttons{margin:0 !important;list-style-type:none; padding:0 !important;height:60px}
.social-buttons li{
float:left;margin-right:0.3em;vertical-align:bottom;
}

.fb-like { /* Facebook */
    display: inline-block;
    height: 20px;
    overflow: hidden;
}
.fb_iframe_widget > span {
	vertical-align: baseline !important;
}
#___plusone_0,#___plusone_1,#___plusone_2 {
	vertical-align:-4px !important;
}
.pocket-btn { /* Pocket */
    display: inline-block;
    height: 20px;
    overflow: hidden;
}
.pocket-btn iframe { /* Pocket */
    width: 95px !important;
    overflow: hidden;
}

.sns{
margin:0 !important;list-style-type:none; padding:0 !important;}
/* display:inline-block;を指定 */
.sns li{
    display:inline-block;
    margin-top:5px;
    margin-right:5px;
    vertical-align:bottom;
    *display: inline;   <!-- IE用のハック -->
    zoom: 1;        <!-- IE用の hasLayout を true にするための記述 -->
}

/* 広告未配信の広告ユニットを非表示 */
ins.adsbygoogle[data-ad-status=unfilled] {
    display: none !important;
}

/* ダークモード */
@media (prefers-color-scheme: dark) {
body {
	background-image: none;
	background-color:#222;
	color:white
}
header, footer,#page_content,#sidebar {
    background-color: #333;
    color: #fff;
  }
#snav{
	background-color: #FF0066
}
.header, a.header, .header a, .nav a{
	background-color: #CC0052;
	color: #fff!important;
}
.header a:hover, .nav a:hover{
filter:alpha(opacity=80);
opacity:0.8;
}
ins{
	filter: brightness(95%);
}
#container,.comment{
	filter: brightness(90%);
}
.topic_path, .lead, ul.table
f-contents,.table th,.index,.rel {
	background-color: #444;
	color: #fff;
}
a:link{
	color: #99CCFF;
}
a:visited{
	color: #CC99FF
}
a:hover{
	color:deeppink
}
}

@media only screen{
img {max-width: 100%;height: auto;}
.wrapper{
	font-size:15px
}
}
@media(max-width:480px){
#snav{
	display:none
}
}
@media(max-width:639px){
body{
	-webkit-text-size-adjust: 100%;
}
nav#gnav{display:none}
.left_col, .right_col,footer .left_col, footer .right_col {float: left;width: 100%;margin:0!important}
.left_col ul.list{margin-bottom:0!important}
.right_col ul.list{margin-top:-1px;margin-bottom:1.5em}
.right_col h3, .right_col h4{	margin-top:1.1em!important}
#page_content, #sidebar, .index{margin: auto 0px;border-radius: 0px;}
.leftimg,.rightimg {float: none;padding:0;text-align:center}
img.rightimg{display:block;margin:auto}
	
}
@media(min-width:660px){
.search{
	position:absolute;top:0em;right:0px;width:300px;
}
}
@media(min-width:1024px){
.container{
	width:975px
}
.wrapper {
	display: inline-block;
	*display: inline; 
	*zoom: 1; 
	width: 985px;
	margin-bottom: 10px;
	margin-top:10px;
}
#page_content {
	margin: auto 0px;
	width: 650px;
	float: left;
}
#sidebar {
	float: right;
	width: 320px;
	margin: auto 0px 10px 0px;
}
#page_content, #sidebar {
	border-radius: 7px;
	-webkit-border-radius: 7px; /* Safari,Google Chrome用 */
	-moz-border-radius: 7px; /* Firefox用 */
}
article, aside {
	padding-top: -10px;
	margin-top: 0;
	margin-bottom:0
}

@media only screen and (min-width: 1110px) {
.container{width:1075px}
.wrapper {
	width: 1085px;
}
#page_content {
	width: 750px;
}
}
@media only screen and (min-width: 1225px) {
.container{width:1190px}
.wrapper {
	width: 1200px;
}
#page_content {
	width: 865px;
}
	
}