@charset "UTF-8";
* {
  margin: 0;
  padding: 0; }

html {
  font-size: 62.5% !important; }

html, body {
  width: 100%;
  height: 100%; }

body {
  position: relative;
  height: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.8;
  -webkit-text-size-adjust: 100%;
  -webkit-overflow-scrolling: touch; }

p {
  font-size: 1.4rem;
  line-height: 1.8em;
  letter-spacing: 1px; }

a {
  color: #000;
  text-decoration: underline;
  transition: opacity 0.5s ease; }
  a:hover {
    opacity: 0.5; }

.col_wrapper {
  width: 800px;
  margin: 0 auto; }

.container {
  width: 800px;
  margin: 0 auto; }

@media screen and (max-width: 799px) {
  .col_wrapper {
    width: 100%;
    margin: 0 auto; }

  .container {
    width: 100%;
    margin: 0 auto; } }
.header {
  width: 100%; }
  .header_inner {
    width: 100%; }
    .header_inner img {
      width: 100%; }

.main, .media, .love {
  background-color: #eeefef; }

#sample {
  width: 100%;
  height: 400px; }

@media screen and (max-width: 799px) {
  .header_inner {
    width: 100%; }
    .header_inner img {
      width: 100%; } }
.footer_logo {
  padding: 80px 0 120px 0;
  text-align: center; }
  @media screen and (max-width: 799px) {
    .footer_logo {
      padding: 40px 0 80px;
      margin: 0 auto;
      width: 20%; }
      .footer_logo img {
        width: 100%; } }

.opacity a:hover img {
  opacity: .75; }

.clearfix:after {
  content: ".";
  /* 擬似要素を追加する */
  display: block;
  /*ブロックボックスを生成する*/
  visibility: hidden;
  /*ボックスを非表示にする*/
  clear: both;
  /* 左寄せ、または右寄せされた全ての要素にたいする回り込みを解除する。 */
  height: 0;
  /* 高さを、0pxにする。 */
  line-height: 0;
  /*行の高さは、0pxにする。*/ }

.pc_contents {
  display: inline-block; }

.sp_contents {
  display: none; }

@media screen and (max-width: 799px) {
  .pc_contents {
    display: none; }

  .sp_contents {
    display: inline-block; } }

/*# sourceMappingURL=cmn.css.map */