/* 共通 */
body { margin: 0;}

img{max-width: 100%}

p,div,td,th,h1,h2,h3,h4,ul,ol,dl,{
  margin : 0px;
  padding : 0px;
  font-size : 1.5rem;
  font-weight : normal;
}

img{
  margin : 0px;
  border : none;
}


table {border-collapse : collapse;}

a:hover img {
opacity: .6;
}

a {
text-decoration: none;
}

.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 600ms;
    }

.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

/*==================
フォント
===================*/

.fs60 {font-size :0.6rem;}
.fs70 {font-size :0.7rem;}
.fs80 {font-size :0.8rem;}
.fs120 {font-size :1.2rem;}
.fs150 {font-size :1.5rem;}
.fs180 {font-size :1.8rem;}
.fs200 {font-size :2.0rem;}

.fs85B {font-size :0.85rem; font-weight: bold;}
.fs120B {font-size: 1.2rem; font-weight: bold;}
.fs150B {font-size :1.5rem; font-weight: bold;}
.fs180B {font-size :1.8rem; font-weight: bold;}
.fs200B {font-size :2.0rem; font-weight: bold;}
.fs300B {font-size :3.0rem; font-weight: bold;}
.fs400B {font-size :4.0rem; font-weight: bold;}

.bold {font-weight: bold;}
.underline {text-decoration: underline;}
.mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*==================
フォントカラー
===================*/

.magenta {color: #ff0066;}
.black {color: #000;}
.white {color: #fff;}
.pink {color: #ffddd8;}
.darkpink {color: #e62a72;}
.darkgray {color: #685a45;}
.darkorange {color: #9f401f;}

/*==================
背景カラー
===================*/
.bg_stripe{background-image:url("../img/bg_stripe.jpg")}
.bg_img{background-image:url("../img/bg_img.jpg")}
.bg_gold{background-color:#EFF79C}
.bg_red {background-color: #CD0003;}
.bg_darkpink {background-color: #e62a72;}
.bg_pink {background-color: #ffddd8;}
.bg_magenta {background-color: #ff0066;}
.bg_orange {background-color: #f1e7bc;}
.bg_beige {background-color: #efdac6;}
.bg_brown {background-color: #997663;}
.bg_white {background-color: #fff;}
.bg_blue {background-color: #4e56a2;}
.bg_yellow {background-color: #f6ed62;}

/*==================
マージン
===================*/

.mb50 {margin-bottom: 50px;}

/*==================
float
===================*/

.right {
  float: right;
  margin: 0 0 10px 10px;
}
.left{float : left;}
.center{margin : 0px auto;}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.clear{
  clear : both;
  display : block;
  height : 0px;
  line-height : 0em;
}

.text_right{text-align : right;}
.text_left{text-align : left;}
.text_center{text-align : center;}


/*==================
 見出し
===================*/
h1 {
  margin: 0;
  padding: 0;
}

h2 {
  text-align: center;
  font-weight: bold;
  font-size: 3rem;
}

.bg_beige h2 {color: #a5774b;}
.bg_brown h2 {color: #f3dfcd;}

h3 {
  font-weight: bold;
  font-size: 2.5rem;
  color: #eb8d8f;
}


/*==================
 トップへ戻る
===================*/

#to_top{
  position: fixed;
  right: 5px;
  bottom: 5px;
}

#to_top img{opacity: 0.6;}