@charset "UTF-8";
/* [奥付]- - - - - - - - - -
制作者：徳村
更新者：徳村
製造日：2016.03.29
更新日：2016.03.29
- - - - - - - - - - - - - */
/* ブレイクポイントの設定 */
/* PCのコンテンツエリアの横幅 */
/* カラーの設定 */
/* フォント設定 */
@media screen and (min-width: 992px) { /*ロゴ - - - - - - - - - - - - - - - - - - - - - */
  #logo-wni { transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; }
  #logo-wni:hover { opacity: 0.5; transform: translateX(5px); -moz-transform: translateX(5px); -webkit-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; }
  /*シェアボタン - - - - - - - - - - - - - - - - - - - - - */
  #sns-header #twshare a, #sns-header #fbshare a, #sns-header #lnshare a { border: 1px solid #fff; transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; }
  #sns-header #twshare a:hover, #sns-header #fbshare a:hover, #sns-header #lnshare a:hover { background: #fff; transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; -ms-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; }
  #sns-header #twshare a:hover { color: #01a7e1; border: 1px solid #01a7e1; }
  #sns-header #fbshare a:hover { color: #3c599d; border-color: #3c599d; }
  #sns-header #lnshare a:hover { color: #00c300; border-color: #00c300; }
  #sns-header #twshare a:hover i { background: url(../img/sns_tw_co.svg) no-repeat; }
  #sns-header #fbshare a:hover i { background: url(../img/sns_fb_co.svg) no-repeat; }
  #sns-header #lnshare a:hover svg { background: url(../img/sns_li_co.svg) no-repeat; }
  /*ページ内リンク - - - - - - - - - - - - - - - - - - - - - */
  #link-inner li a, #link-inner li a:hover { transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; }
  #link-inner li a:hover { opacity: 0.5; }
  /*ボタン - - - - - - - - - - - - - - - - - - - - - */
  .btn, .btn:hover { transition: 0.3s ease-in; -moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -ms-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; }
  .btn01:hover { background: #3968ee; }
  .btn01:hover a { color: #fff; }
  .btn01:hover a:after { border-left-color: #fff; }
  span.btn01:hover { background: #fff; }
  .btn02:hover { background: #3968ee; border-bottom: 4px solid #4b8bf5; }
  /*step00 - - - - - - - - - - - - - - - - - - - - - */
  .step { transform: rotate(-15deg); -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); animation: icon_step 3s ease-in-out infinite alternate; -moz-animation: icon_step 3s ease-in-out infinite alternate; -webkit-animation: icon_step 3s ease-in-out infinite alternate; -ms-animation: icon_step 3s ease-in-out infinite alternate; -o-animation: icon_step 3s ease-in-out infinite alternate; }
  @keyframes icon_step { 0% { transform: rotate(-15deg); -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); }
    100% { transform: rotate(25deg); -moz-transform: rotate(25deg); -webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); } }
  @-webkit-keyframes icon_step { 0% { transform: rotate(-15deg); -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); }
    100% { transform: rotate(25deg); -moz-transform: rotate(25deg); -webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); } }
  @-moz-keyframes icon_step { 0% { transform: rotate(-15deg); -moz-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); }
    100% { transform: rotate(25deg); -moz-transform: rotate(25deg); -webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); } }
  /* 画面外にいる状態 */
  .fadein { opacity: 0; transform: translate(0, 30px); transition: 0.6s ease-out; -moz-transition: 0.6s ease-out; -webkit-transition: 0.6s ease-out; -ms-transition: 0.6s ease-out; -o-transition: 0.6s ease-out; }
  /* 画面内に入った状態 */
  .fadein.scrollin { opacity: 1; transform: translate(0, 0); } }