/* 共通 */
body {
  margin: 0;
  -webkit-text-size-adjust: 100%;
  font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'
}

p,div,td,th,h1,h2,h3,h4,ul,ol,dl,{
  margin : 0px;
  padding : 0px;
}


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


table {border-collapse : collapse;}

a:hover img {
opacity: .6;
}

a {
  text-decoration: none;
}

a:hover {
  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;}
.linethrough {text-decoration: line-through;}
.mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*WEBフォントで「ふい字」*/

@font-face
{
    font-family: HUI;
    src: local(Meiryo), local(Verdana);
    unicode-range: U+0000-007F; /* ASCII文字 */
}

@font-face
{
    font-family: HUI;

    src: url('../font/HuiFontP29.eot?') format('eot'),
         url('../font/HuiFontP29.woff') format('woff'),
         url('../font/HuiFontP29.ttf')  format('truetype');

    unicode-range: U+0080-10FFFF; /* ASCII文字 以外 */
}


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

.pink {color: #e7368e;}
.black {color: #000;}
.white {color: #fff;}
.red {color: red;}
.gray {color: #4c4c4c;}
.navy {color: #1c184c;}

.markerYellow { background: linear-gradient(transparent 30%, #fffd38 30%);}
.markerLightpink { background-color: #f9cadf; padding: 5px;}
.markerPink { background: linear-gradient(transparent 15%, #fca0ce 15%);}
.markerBlue { background-color: #2bcfd5; padding: 5px;}

/*==================
背景カラー
===================*/

.bg_pink {background-color: #d82578;}
.bg_white {background-color: #fff;}
.bg_lightpink {background-color: #f9cadf;}
.bg_navy {background-color: #1c184c;}
.bg_gray {background-color: #2c2c2c;}
.bg_darkpink {background-color: #d82578;}



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

.right {
  float: right;
  margin: 0 0 15px 15px;
}
.left{
  float: left;
  margin: 0 15px 15px 0;
}
.center{margin : 0px auto;}
.centerS{margin : 0px auto; text-align: center;}

.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; margin: 30px 0;}


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

.mb30 {margin-bottom: 30px}
.mb50 {margin-bottom: 30px}


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

h2 {
  text-align: center;
  font-size: 2rem;
}

.bg_pink h2 {color: #fff;}
.bg_navy h2 {color: #fff;}
.bg_white h2 {color: #000;}
.bg_gray h2 {color: #fff;}

h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2rem;
  margin: 40px 0;
}

.bg_lightpink h3 {color: #1c184c;}
.bg_navy h3 {color: #fff;}
.bg_gray h3 {color: #fff;}
.bg_white h3 {color: #d82578;}

.bg_pink p {color: #fff;}
.bg_navy p {color: #fff;}
.bg_gray p {color: #fff;}


/*==================
 文字の装飾
===================*/

.bottomLineYellow {
  background-image: url(../img/bg_line_yellow.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  padding: 0 0 15px 20px;
}

.bottomLinePink {
  background-image: url(../img/bg_line_pink.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  padding: 0 0 15px 20px;
}



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

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

#to_top img{opacity: 0.6;}

/*==================
 footer
===================*/

#footer a:link {color:#fff;} /*未訪問のリンクの色*/
#footer a:visited {color:#fff;} /*訪問済みのリンクの色*/
#footer a:hover {color:#D62B78} /*カーソルが乗っているリンクの色*/