html {
 background-color: #f5f5f5;
}

body {
font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
margin: 0px;
font-size: 15px;
font-weight: bold;
line-height: 1.3;
background: #fff;
}

img {
max-width: 100%;
height: auto;
}

/* 見出し */
h1 {
  clear: both;
}
h2 {
  clear: both;
}
h3 {
  clear: both;
}
h4 {
  clear: both;
}
h5 {
  clear: both;
}
h6 {
  clear: both;
}

/* 文章 */
p {

}

/* リスト */
ul {
 padding-left: 0px;
 margin: 0px;
}

ol {

}
li {
 list-style-type: none;
 margin: 0px;
 padding-left: 0px;
}
dl {
}

dt {
}

dd {
}

/* リンク */

a { text-decoration: none; }
a:link{color: blue;}
a:visited{color: purple;}
a:hover{color: orange;}
a:active{color: red;}

/*メニュー部分*/
#ham-menu {
    color: #e41d18;
    background-color: #fff; /*メニュー背景色*/
    box-sizing: border-box;
    height: 30%;
    padding: 10px 10px; /*メニュー内部上下左右余白*/
    position: fixed;
    right: -400px; /*メニュー横幅①と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 400px; /*メニュー横幅①*/
    z-index: 1000;
}

/*メニューアイコン部分は疑似要素で*/
#ham-menu::before {
    background-color: #fff; /*ボタン部分背景色*/
    border-radius: 0 0 0 10px; /*左下角丸*/
    color: #333; /*アイコン（フォント）色*/
    content: "≡"; /*メニューアイコン*/
    display: block;
    font-size: 50px; /*アイコン（フォント）サイズ*/
    height: 50px;
    line-height: 50px; /*縦位置中央化*/
    position: absolute;
    right: 100%;
    text-align: center;
    top: 0;
    width: 50px;
}

/*透過背景部分*/
#menu-background {
    background-color: #333; /*黒背景部分背景色*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 100%;
    z-index: -1;
}

/*hover 時の処理*/
#ham-menu:hover {
    transform: translate(-300px); /*メニュー横幅①と合わせる*/
}

#ham-menu:hover + #menu-background {
    opacity: 0.5; /*黒背景部分透過度*/
    z-index: 999;
}

.rgbubun{
 margin:10px auto 20px 20px;
 width: 40%;
}

.rgbubun3{
  text-align: center;
  padding:0px 0px 20px 0px;
  margin: auto;
}

.cap2{
  font-size: 16px;
  color: #fff;
  padding:10px 0px 10px 0px;
  margin:0px 0px 0px 0px;
  font-weight: lighter;
  text-align: center;
}

.chuudan2{
 margin:0px 0px 0px 17px;
 text-align: center;
 vertical-align: top;
}

footer{
 padding-bottom: 1.4rem;
 background-color: #f5f5f5;
}

#footlinks{
 text-align: center;
}

#footlinks a{
 text-decoration: none;
 color: "#0000DD";
}

#copyright {
 color: #999;
 text-align: center;
 font-size: 0.8rem;
}

header { background-color:#ffb7d4; }

.caption{
  font-size: 16px;
  color: #009688;
  line-height: 1.4em;
  text-align: center;
}

.fa-twitter{
    color: #55acee;}

.fa-amazon{
    color: #FF9900;}

/* テーブル */
table {
  border-collapse: collapse;
  border: none;
  margin-left: auto;
  margin-right: auto;
}

th {
    border: none;
}

td {
   border: none;
}

.topm{
line-height: 180%;
}