/* 共通 */
body {
  margin: 0;
  -webkit-text-size-adjust: 100%; /*iPhoneやAndroidブラウザーnote縦向きと横向きの文字サイズを自動調整する機能を制御する*/
  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;
}

.inner p { font-size: 1.2rem; color: #222;}
.header_inner p { font-size: 1.2rem; }

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

table {border-collapse : collapse;}

a { text-decoration: none;}
a:hover { text-decoration: none;}
a:hover img { opacity: .6;}

.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;
}

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

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

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


/*==================
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;}


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

.mb10 {margin-bottom: 10px}
.mb20 {margin-bottom: 20px}
.mb30 {margin-bottom: 30px}
.mb40 {margin-bottom: 40px}
.mb50 {margin-bottom: 50px}
.mb60 {margin-bottom: 60px}
.mb70 {margin-bottom: 70px}
.mb80 {margin-bottom: 80px}
.mb90 {margin-bottom: 90px}


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

#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:#44A66D} /*カーソルが乗っているリンクの色*/