@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed|Open+Sans:600|Chewy);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* ========================================
foundation
======================================== */

/* 1rem = 10pxにする */
html {
  font-size: 62.5%;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium"),
       local("Yu Gothic");
  font-weight: 500;
}

body {
  font-family: 'Yu Gothic', YuGothic, "ヒラギノ角ゴ ProN W3", 'Open Sans', 'Noto Sans JP', Meiryo, sans-serif;
  margin: 0;
  color: #333;
  line-height: 1.8;
  font-size: 14px;
  font-size: 1.4rem;
  word-break: break-word;
}

ul {
  list-style: none;
  padding: 0;
}

img {
  max-width: 100%;
  vertical-align:bottom;
}

table {
  border-collapse: collapse;
}

tr {
  vertical-align: top;
}

th {
  text-align: left;
}

figure {
  margin: 0;
}

/* URLなどが改行されない対策 */
td,
li,
p {
  word-break: break-word;
}

ol {
  padding-left: 1.2em;
}


p {
  margin: 0.8rem 0 1.6rem;
}

/* 選択範囲色指定 */
::-moz-selection {
  background-color: #b3d4fc;
  color: #000000;
}

::selection {
  background-color: #b3d4fc;
  color: #000000;
}

/* ========================================
others
======================================== */


/* 画像ホバー効果 */
a img {
  transition: opacity 0.5s;
}

a:hover img {
  opacity: 0.6;
}

/* 基本リンク色指定 */
a:link {color: #1a0dab;}
a:visited {color: #609;}

/* 埋め込みコード非表示 */
iframe[name='google_conversion_frame']{
  position:absolute;
  pointer-events:none;
  bottom:0;
  right:0;
}