@charset "utf-8";
/* CSS Document */

#contentInner div {
  line-height: 1.8;
}
#contentInner div strong {
  line-height: 2;
}
.fright {
  float: right;
  margin-top: 5px;
  padding-left: 25px;
}
.fright img {
  margin-right: 0;
}


/* maru 1212 */
.fleft {
  float: left;
  margin-top: 5px;
  padding-right: 25px;
}
.fleft img {
  margin-left: 0;
}
/* maru 1212 */


.img-m.fleft{
  padding-right: 25px;
}

.flat div {
    display: inline-block;
    padding: 0 20px;
    text-align: left;
}
#content .fright img {
  margin-right: 0;
}
#content .fleft img {
  margin-left: 0;
}
#content #contentInner .img-l div{
  margin-top: 20px;
}

#content #contentInner .img-l div, #content #contentInner .img-m div  {
text-align: center;
}

#content #contentInner .img-l p, #content #contentInner .img-m p  {
text-align: left;
}
#content iframe{
  margin-top: 20px;
}
#content #contentInner .img-l figure{
width: 100%;
max-width: 100%;
text-align: center;
margin: 0 auto 20px;
}

#content #contentInner .img-l figure img{
width: 100% !important;
max-height: 100% !important;
max-width: 100% !important;
height: auto !important;
margin: 0 auto;
text-align: center;
}

#content #contentInner .img-l figure figcaption{
  width: 100%;
max-width: 870px;
  font-size: 13px;
  padding: .75em 0px 5px 0px;
  box-sizing: border-box;
  text-align: left;
}

#content #contentInner .img-m figure{
    width: 100%;
    max-width: 450px;
	text-align: center;
    margin: 0 auto;
    display: inline-block;
}
#content #contentInner .img-m figure:nth-child(even){
  margin-left: 30px;
  vertical-align:top
}
#content #contentInner .img-m figure img{
  width: 100% !important;
    max-width: 400px;
    max-height: 100%;
    height: auto !important;
	margin: 0 auto;
text-align: center;
}
#content #contentInner .img-m figure figcaption{
  width: 100%;
max-width: 400px;
  font-size: 13px;
  padding: .75em 5px 5px 5px;
  box-sizing: border-box;
  text-align: left;
}
#content #contentInner .img-s figure {
    width: 100%;
    max-width: 250px;
    margin: 0 auto 20px;
    display: inline-block;
}
#content #contentInner .img-s figure img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
}
#content #contentInner .img-s figure figcaption {
  width: 100%;
max-width: 250px;
  font-size: 13px;
  padding: .75em 5px 5px 5px;
  box-sizing: border-box;
  text-align: left;
}
@media screen and (max-width:768px) {
    .fright{
    padding-left: 0;
    float: none;
    text-align: center;
  }
    .img-m.fleft{
  padding-right: 0;
}
#content .fright img {
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
border: 3px solid #D0D5D9;
}
#content .fleft img {
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
border: 3px solid #D0D5D9;
}
  #content #contentInner .img-m figure{
      width: 100%;
    text-align: center;
    max-width: 420px;
    margin: 0 auto 20px;
    display: block;
}
  #content #contentInner .img-m figure:nth-child(even) {
    margin-left: 0;
    margin: 0 auto 20px;
}
  #content #contentInner .fleft{
    width: 100%;
  }
    #content #contentInner .img-s figure {
  width: 100%;
    text-align: center;
    display: block;
    max-width: 300px !important;
    margin: 0 auto;
}
  #content #contentInner .img-s figure figcaption{
    max-width: 300px !important;
  }
}