@charset "UTF-8";

@keyframes fadein {

  0% {

    transform: scale(0.2);

    opacity: 0.2;

  }

  100% {

    transform: scale(1);

    opacity: 1;

  }

}

body {

  background: #1f1f1f;

  color: #FFF;

}



.navbar-list-main {

  color: #000;

}



.right {

  text-align: right !important;

}



.center {

  text-align: center;

}



.fw-700 {

  font-weight: 700 !important;

}



main {

  max-width: 1032px;

  padding-top: 70px;

  margin-left: auto;

  margin-right: auto;

  position: relative;

}

main a {

  color: #FFF;

}

main a:hover img {

  opacity: 1;

}

main .mod-Sns_List {

  display: flex;

  justify-content: flex-start;

  width: 100%;

  margin: 12px auto 0;

}

main .mod-Sns_ListItem {

  width: 100%;

  max-width: 78px;

  margin-right: 8px;

}

main .mod-Sns_ListItem:last-of-type {

  margin-right: 0;

}

main .mod-Sns_ListLink {

  display: flex;

  flex-wrap: wrap;

  align-items: center;

  justify-content: center;

  width: 100%;

  color: #fff;

  height: 25px;

}

main .mod-Sns_ListItem[aria-label=twitter] .mod-Sns_ListLink {

  background-color: #1da1f2;

}

main .mod-Sns_ListItem[aria-label=facebook] .mod-Sns_ListLink {

  background-color: #3b5998;

}

main .mod-Sns_ListItem[aria-label=evernote] .mod-Sns_ListLink {

  background-color: #37a62d;

}

main .mod-Sns_ListImg {

  width: auto;

  height: 12px;

}

main .mod-Sns_ListText {

  display: block;

  margin-left: 4px;

  font-size: 0.625rem;

  text-align: center;

  color: #FFF !important;

}

main .heading1 {

  font-size: 2rem;

  margin-top: 70px;

}

main .header {

  margin-top: 50px;

  z-index: 10;

  outline: 1px #ccc solid;

  max-width: 100%;

}

main .st-Container:first-child {

  background-image: linear-gradient(315deg, #ffffff 0%, #d7e1ec 74%);

  position: relative;

  border-bottom: 4px solid #418fde;

  -o-border-image: linear-gradient(to right, #418fde 0%, #d7e1ec 100%);

  border-image: linear-gradient(to right, #418fde 0%, #d7e1ec 100%);

}

main .page-PostContents_Title {

  letter-spacing: -0.027em;

  border: none;

  width: 75%;

  padding: 75px 32px 16px;

  color: #424242;

  text-shadow: 0 1px 2px #fff;

}

main .heading2 {

  position: relative;

  overflow: hidden;

  padding: 1rem 100px;

  border: 2px solid #418fde;

  clear: both;

  margin-top: 64px;

}

main .heading2:before {

  position: absolute;

  top: -150%;

  left: -115px;

  width: 200px;

  height: 300%;

  content: "";

  transform: rotate(20deg);

  background: #418fde;

}

main .heading2 span {

  font-size: 20px;

  font-size: 2rem;

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  display: block;

  padding-top: 1rem;

  padding-left: 16px;

  color: #fff;

}

main .mod-CardTypeC_Item {

  border: 0;

  display: flex;

  flex-wrap: wrap;

  flex-direction: column;

  width: calc((100% - 24px) / 2);

  margin-top: 32px;

  padding: 32px 25px;

  transition: 0.2s;

}

main .page-PostContents ul {

  border: 0;

}

main .page-PostContents li {

  padding: 0;

}

main .page-PostContents li:before {

  content: none;

}

main .page-PostContents li:after {

  content: none;

}

main .page-PostContents li.last {

  width: 100%;

}

main .page-PostContents p {

  text-align: left;

}

main .page-PostContents table {

  margin: 32px auto;

  width: 80%;

  border: none;

  border-top: solid 1px #666;

  border-bottom: solid 1px #666;

  border-collapse: separate;

  border-spacing: 0 10px;

  background: #ddd;

}

main .page-PostContents th {

  padding: 8px 32px;

  vertical-align: middle;

  height: 53px;

  width: 40%;

  border-right: solid 1px #666;

  margin: 0;

  text-align: left;

  color: #333;

  font-size: 16px;

  font-weight: bold;

}

main .page-PostContents td {

  padding: 8px 8px 8px 32px;

  margin: 0;

  height: 53px;

  width: 60%;

  border: none;

  color: #666;

  line-height: 16px;

  text-align: left;

  vertical-align: middle;

  white-space: nowrap;

  overflow: hidden;

}

main .single ul {

  list-style: none;

  margin: 0;

  padding: 0;

  border: none;

  width: 100%;

  text-align: center;

  display: inline-block;

}

main .single li {

  padding: 50px 0 0;

  display: inline-block;

  text-align: center;

  display: inline-block;

}

main .single li span {

  display: block;

  text-align: center;

}

main .single li:before {

  content: none;

}

main .retsu ul {

  list-style: none;

  margin: 0;

  padding: 0;

  border: none;

  width: 100%;

  text-align: center;

  display: inline-flex;

}

main .retsu li {

  padding: 50px 0 0;

  display: inline-block;

  text-align: center;

  display: inline-flex;

}

main .retsu li span {

  display: block;

  text-align: center;

}

main .retsu li:before {

  content: none;

}

main aside {

  margin-top: 72px;

}

main .lead-sentence p.writer {

  text-align: right;

  font-size: 90%;

}

main .lead-sentence p.writer span {

  font-weight: 700;

}

main .colum {

  display: block;

  font-size: 110% !important;

  margin-top: 32px;

}



main p {

    margin-top: 32px;

    font-size: 16px;

    letter-spacing: .8px;

    line-height: 2.3;

    font-family: Noto Serif JP;

    max-width: 960px;

    margin-right: auto;

    margin-left: auto;

}



main .colum p:first-of-type {

  margin-top: 0;

}

main .modal-img {

  text-align: center;

  vertical-align: top;

}

main .modal-img figure {

  margin: 0;

  display: none;

}

main .modal-img figure:target {

  display: block;

  position: fixed;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  z-index: 9999;

}

main .modal-img figure:target #overlay {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

  background: rgba(0, 0, 0, 0.7);

  text-decoration: none;

  color: inherit;

}

main .modal-img figure:target img {

  animation: fadein 0.3s;

}

main .modal-img figcaption {

  color: #FFF;

  z-index: 10;

}

main img.pc_img {

  position: absolute;

  left: 70%;

  top: -290px;

  height: 200px;

}

main .h_px300 {

  max-height: 300px;

}

main .h_px500 {

  max-height: 500px;

}

main .mod-CardTypeC {

  flex-wrap: wrap;

  justify-content: space-between;

}

main .annotation {

  font-size: 96%;

  color: #888;

}

main .annotation::before {

  content: "▲ ";

  color: #418fde;

}

main .info {

  margin-top: 32px;

  display: flex;

  border: 1px solid #ccc;

  padding: 32px;

  align-items: center;

  border-radius: 4px;

}

main .info a {

  background-color: #418fde;

  padding: 10px;

  border-radius: 4px;

  margin: 10px;

  display: block;

  text-align: center;

  color: #FFF;

}

main .info-txt {

  width: 60%;

}

main .info-img {

  text-align: center;

  width: 40%;

}

main .info-img img {

  margin: 0;

}

main .productsDetail-PageDesc {

  font-size: 1rem;

}

main .productsDetail-PageDesc span {

  font-size: 16px;

  margin-top: 24px;

  display: inline-block;

}

main .no-boeder {

  border: none !important;

  outline: none !important;

}

main .graph {

  float: right;

  width: 55%;

}

main .px600 {

  max-width: 600px;

  margin: 25px auto 0;

  display: block;

  text-align: center;

  max-width: 600px;

  margin: auto;

  display: block;

}

main .px400 {

  max-width: 90%;

  margin-left: auto;

  margin-right: auto;

  display: block;

}

main .mod-HeadingTypeB {

  margin-top: 0;

}

main .youtube {

  width: 80%;

  aspect-ratio: 16/9;

  margin: auto;

}

main .youtube iframe {

  margin-top: 50px;

  z-index: 10;

  outline: 1px #ccc solid;

  background: #FFF;

  width: 100%;

  height: 100%;

}

main .item-img {

  position: absolute;

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  -webkit-transform: translate(-50%, -50%);

  -ms-transform: translate(-50%, -50%);

}

main .card-img {

  padding-top: 50%;

  position: relative;

}



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

  main .mod-Sns_List {

    justify-content: center;

    margin: 40px auto 0;

  }

  main .page-PostContents {

    overflow: hidden;

  }

  main .page-PostContents table {

    float: none;

    width: 100%;

  }

  main .mod-CardTypeC_Item {

    width: 50%;

    margin-top: 24px;

  }

  main .colum {

    -moz-columns: auto;

    columns: auto;

  }

  main .right {

    text-align: center !important;

  }

  main .h_px300 {

    height: auto;

    max-width: 80%;

  }

  main .h_px500 {

    height: auto;

    max-width: 80%;

  }

  main .info {

    display: inline-block;

  }

  main .info a {

    margin: 32px 0;

    padding: 16px;

  }

  main .info-img {

    width: 100%;

  }

  main .info-txt {

    width: 100%;

  }

  main .graph {

    float: none;

    width: 100%;

  }

  main .heading2 {

    padding: 1rem 10px 1rem 100px;

  }

}

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

  main .page-PostContents {

    width: calc(100% - 48px);

    margin-left: auto;

    margin-right: auto;

  }

}/*# sourceMappingURL=ms_blog_kiji.css.map */