#main #article-content{
  text-align: center;
  padding:0 0 30px 0;
  font-family: "meiryo",sans-serif;
}
#main #article-content *{
  text-align: left;
}
#main #article-content>p{
  text-align: left;
  margin:1em auto 2em auto;
  color:#444;
  font-size:12pt;
  line-height: 1.8;
  max-width:840px;

}
    @media only screen and (max-width: 641px) and (min-width: 0px) {
        /*sp*/
        #main #article-content p{
          line-height: 1.6;
        }
    }
#main #article-content figure {
    width:80%;
    max-width:840px;
    margin:1.5em auto 2em auto;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    vertical-align: top;
}
@media only screen and (max-width: 641px) and (min-width: 0px) {
  /*sp*/
  #main #article-content figure {
    max-width:100%;
  }
}

#main #article-content figure.half{
  width:48%;
  display: inline-block;
}
#main #article-content figure.third{
  width:30%;
  display: inline-block;
}
#main #article-content figure.right{
  width:30%;
  margin:0 0 20px 20px;
  float:right;
}
#main #article-content figure.left{
  width:30%;
  margin:0 20px 20px 0;
  float:left;
}
#main #article-content figure img {
    width: 100%;
    vertical-align: top;
    border:1px solid #ccc;
}
#main #article-content .noborder img{
  border:0px;
}
#main #article-content figure figcaption{
  display: inline-block;
}
#main #article-content figure p{
  text-align: left;
  padding:8px;
  font-size:87%;
  line-height: 1.4;
  color:#666;
}
#main #article-content .image-horizontal-2{
  text-align: center;
  max-width:600px;
  margin:10px auto 10px auto;
}
#main #article-content .image-horizontal-2 figure.image{
		text-align: center;
		width: 48%!important;
		display: inline-block;
    margin-bottom:5px;
}
#main #article-content .image-horizontal-2 p{
	text-align: center!important;
  padding:8px;
  font-size:87%;
  line-height: 1.4;
  color:#666;
  max-width: 80%;
  margin:0 auto 0 auto;
}
#main #article-content .image-horizontal-3{
  text-align: center;
}
#main #article-content .image-horizontal-3 figure.image{
		text-align: center;
		width: 31%!important;
		display: inline-block;
    margin-bottom:5px;
}
#main #article-content .image-horizontal-3 p{
	text-align: center!important;
  padding:8px;
  font-size:87%;
  line-height: 1.4;
  color:#666;
  max-width:95%;
  margin:0 auto 0 auto;
}
#main #article-content h1{
  font-size:200%;
  color:#000;
  background-color:#f0f0f0;
  font-weight: bold;
  margin:3em auto 2em auto;
  clear: both;
  text-align: center;
  border:2px solid black;
  padding:10px;
}
#main article h3{
  font-size:150%;
  color:#444;
  font-weight: bold;
  margin:3em auto 2em auto;
  clear: both;
  text-align: left;
  border-left:10px solid #888;
  padding-left:16px;
}
#main article h4{
  font-size:110%;
  font-weight: bold;
  border-bottom: 1px solid gray;
  margin:5px auto 5px auto;
}
#main #article-content dl{
  margin:15px auto 20px auto;
}
#main #article-content dl dt{
  font-weight: bold;

}
#main #article-content dl dd{
  margin-bottom: 20px;
}

#main #article-content table{
max-width:95%;
margin:20px auto 20px auto;
font-size:77%;
}
#main #article-content table>caption{
	font-weight:bold;
}
#main #article-content table th{
padding:6px;
background-color:#777;
color:white;
}
#main #article-content table td{
padding:5px;
background-color:#f0f0f0;
color:#222;
}
#main #article-content table td,
#main #article-content table th{
  border:1px solid #bbb;
}

#article-content ul li{
  list-style-type:square;
  margin:6px;
  padding:5px;
  list-style-position: inside;
  font-size:120%;
}

#article-content h2{
  background-color:#777;
  color:white;
  font-weight:bold;
  font-size:30px;
  padding:2px 10px 2px 10px;
  margin:20px auto 10px auto;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#main #article-content .kakomi{
  border: 1px solid #ccc;
  padding:20px;
  background-color: #fcfcfc;
  font-size: 0.9rem;
  margin:20px auto 20px auto;
  text-align:center;
}
#main #article-content .kakomi *{
  text-align:left;
}
.footnote-ref{
  font-size:60%;
  font-weight:bold;
  color:#444;
}
.footnote-ref a:before{
  content:"(※";
}
.footnote-ref a:after{
  content:")";
}
.footnotes{
  font-size:90%;
  color:#444;
}
hr{display:block!important;}

blockquote{
  background: url('/img/watch/quote48.png') no-repeat 0.2em 0.3em;
  width: 90%;
  margin: 0.5em auto 1em;
  border-radius: 0.3em;
  padding: 0.7em 0.5em 0.5em 1em;
  background-color: #fff;
  border: 1px solid #e6dcba;
  position: relative;  
}
blockquote p.src {
  text-align: right;
  font-size: 85%;
}