@charset "utf-8";
/* -----------------------------------------------------------
File name:      style.css
Author:         Masato Takahashi
Copyright:      2018 wwwonder
File Info:      common styling file
----------------------------------------------------------- */

/*
F 01. Flex Box Grid 960px / 12 Columns
F 02. General Styles
F 03. Typography
F 04. Forms
F 05. Position
F 06. Width Height
F 07. Margin
F 08. Button
F 09. BasicTable
F 10. Section Contents
F 11. Header
F 12. Page

*/


/* ------------------------------------------------------------------------ */
/* 01. Flex Box Grid 960px / 12 Columns */
/* ------------------------------------------------------------------------ */

.container {
  position: relative;
  width: 1000px;
  max-width: 1000px;
  min-width: 1000px;
  margin: 0 auto;
}

.col {
  margin-left: 2%;
  margin-right: 2%;
  float: left;
}

.col.one    { width:  4.33333333333333%;  } /* 1000px:43px     768px:33px   */
.col.two    { width:  12.66666666666667%; } /* 1000px:126px    768px:96px   */
.col.three  { width:  21%;                } /* 1000px:210px    768px:161px  */
.col.four   { width:  29.33333333333333%; } /* 1000px:293px    768px:225px  */
.col.five   { width:  37.66666666666667%; } /* 1000px:376px    768px:289px  */
.col.six    { width:  46%;                } /* 1000px:460px    768px:353px  */
.col.seven  { width:  54.33333333333333%; } /* 1000px:543px    768px:417px  */
.col.eight  { width:  62.66666666666667%; } /* 1000px:626px    768px:481px  */
.col.nine   { width:  71%;                } /* 1000px:710px    768px:545px  */
.col.ten    { width:  79.33333333333334%; } /* 1000px:793px    768px:609px  */
.col.eleven { width:  87.66666666666667%; } /* 1000px:876px    768px:673px  */
.col.twelve { width:  96%;                } /* 1000px:960px    768px:737px  */


.one-half     { width: 48%;    }
.one-third    { width: 30.66%; }
.two-third    { width: 65.33%; }
.one-fourth   { width: 22%;    }
.three-fourth { width: 74%;    }
.one-fifth    { width: 16.8%;  }
.two-fifth    { width: 37.6%;  }
.three-fifth  { width: 58.4%;  }
.four-fifth   { width: 67.2%;  }
.one-sixth    { width: 13.33%; }
.five-sixth   { width: 82.67%; }

.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.three-fifth,
.four-fifth,
.one-sixth,
.five-sixth {
  position: relative;
  margin-right: 4%;
  margin-bottom: 20px;
  float: left;
}

.last { margin-right: 0 !important; }


/* -- Self Clearing Goodness -- */
.container:after,
.row:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.clear {
  clear: both;
  visibility: hidden;
  width: 0;
  height: 0;
}



/* ------------------------------------------------------------------------ */
/* 02. General Styles
/* ------------------------------------------------------------------------ */

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  background-color: #fff;
  font-family: "游ゴシック","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
  color: #221916;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

::selection {
  color: #fff;
  background-color: #0074a2; /* Default Color */
}

::-moz-selection {
  color: #fff;
  background-color: #0074a2; /* Default Color */
}

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

/* ------------------------------------------------------------------------ */
/* 03. Typography
/* ------------------------------------------------------------------------ */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 0 0 10px 0;
  padding: 0;
  line-height: 1.6;
}

  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {}

h1 { font-size: 28px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }

p { margin: 0 0 20px 0; }

  p img { margin: 0; }

em { font-style: italic; }

strong { font-weight: bold; }

small { font-size: 80%; }

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0;
}

pre {
  background: #f9f9f9;
  border: 1px solid #e3e3e3;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) inset;
  font-family: Arial, Helvetica, 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  height: auto;
  margin: 0 0 20px;
  overflow-x: auto;
  padding: 20px;
}

.hidden { display: none !important; }

/* -- Links -- */
a {
  color: #00B200; /* Default Color */
  text-decoration: none;
  outline: 0;
}

a:hover,
a:focus {
  color: #666;
  text-decoration: underline;
}


/* -- Transititon for Links -- */
a {
  -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
       -o-transition: all 0.3s linear;
          transition: all 0.3s linear;
}


/* -- Lists -- */
ul,
ol { 
  list-style: none;
}

    ul li ul,
    ul li ol,
    ol li ul,
    ol li ol {
      margin-bottom: 0;
      margin-left: 20px;
      margin-top: 10px;
    }

ul li,
ol li {
  margin-bottom: 8px;
}



/* ------------------------------------------------------------------------ */
/* 04. Forms
/* ------------------------------------------------------------------------ */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
textarea,
select {
  background-color: #fff;
  padding: 8px 8px;
  outline: none;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  font-family: Arial, Helvetica, 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-size: 13px;
  max-width: 100%;
  display: inline-block;
  margin: 0;
  color: #666;
  border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
textarea:focus {
  border: 1px solid #bbb;
  color: #333;
}

textarea { min-height: 60px; }

select {
  padding: 5px;
  display: inline-block;
}


input[type="radio"] { display: inline-block; }


label,
legend {
  cursor: pointer;
  display: inline-block;
}

  label span,
  legend span { font-weight: bold; }

button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  margin:0 5px 5px 0;
  font-size:13px;
  font-family: Arial, Helvetica, 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  line-height:13px;
  padding: 10px 20px;
  border: 1px solid #ddd;
  font-weight:bold;
  display: inline-block;
  cursor: pointer;
  background-color: #fff;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover { background-color: #f3f3f3; }



/* ------------------------------------------------------------------------ */
/* 05. Position */
/* ------------------------------------------------------------------------ */

.align-left   { text-align: left !important; }
.align-center { text-align: center !important; }
.align-right  { text-align: right !important; }

.vertical-align-top    { vertical-align: top !important; }
.vertical-align-middle { vertical-align: middle !important; }
.vertical-align-bottom { vertical-align: bottom !important; }



/* ------------------------------------------------------------------------ */
/* 06. Width Height */
/* ------------------------------------------------------------------------ */

.width-5per  { width:  5%; }
.width-10per { width: 10%; }
.width-15per { width: 15%; }
.width-20per { width: 20%; }
.width-25per { width: 25%; }
.width-30per { width: 30%; }
.width-35per { width: 35%; }
.width-40per { width: 40%; }
.width-45per { width: 45%; }
.width-50per { width: 50%; }
.width-55per { width: 55%; }
.width-60per { width: 60%; }
.width-65per { width: 65%; }
.width-70per { width: 70%; }
.width-75per { width: 75%; }
.width-80per { width: 80%; }
.width-85per { width: 85%; }
.width-90per { width: 90%; }
.width-95per { width: 95%; }
.width-100per { width: 100%; }

.width-10px   { width:  10px; }
.width-20px   { width:  20px; }
.width-30px   { width:  30px; }
.width-40px   { width:  40px; }
.width-50px   { width:  50px; }
.width-60px   { width:  60px; }
.width-70px   { width:  70px; }
.width-80px   { width:  80px; }
.width-90px   { width:  90px; }
.width-100px  { width:  100px; }
.width-110px  { width:  110px; }
.width-120px  { width:  120px; }
.width-130px  { width:  130px; }
.width-140px  { width:  140px; }
.width-150px  { width:  150px; }
.width-160px  { width:  160px; }
.width-170px  { width:  170px; }
.width-180px  { width:  180px; }
.width-190px  { width:  190px; }
.width-200px  { width:  200px; }
.width-210px  { width:  210px; }
.width-220px  { width:  220px; }
.width-230px  { width:  230px; }
.width-240px  { width:  240px; }
.width-250px  { width:  250px; }
.width-260px  { width:  260px; }
.width-270px  { width:  270px; }
.width-280px  { width:  280px; }
.width-290px  { width:  290px; }
.width-300px  { width:  300px; }
.width-310px  { width:  310px; }
.width-320px  { width:  320px; }
.width-330px  { width:  330px; }
.width-340px  { width:  340px; }
.width-350px  { width:  350px; }
.width-360px  { width:  360px; }
.width-370px  { width:  370px; }
.width-380px  { width:  380px; }
.width-390px  { width:  390px; }
.width-400px  { width:  400px; }
.width-410px  { width:  410px; }
.width-420px  { width:  420px; }
.width-430px  { width:  430px; }
.width-440px  { width:  440px; }
.width-450px  { width:  450px; }
.width-460px  { width:  460px; }
.width-470px  { width:  470px; }
.width-480px  { width:  480px; }
.width-490px  { width:  490px; }
.width-500px  { width:  500px; }
.width-510px  { width:  510px; }
.width-520px  { width:  520px; }
.width-530px  { width:  530px; }
.width-540px  { width:  540px; }
.width-550px  { width:  550px; }
.width-560px  { width:  560px; }
.width-570px  { width:  570px; }
.width-580px  { width:  580px; }
.width-590px  { width:  590px; }
.width-600px  { width:  600px; }
.width-610px  { width:  610px; }
.width-620px  { width:  620px; }
.width-630px  { width:  630px; }
.width-640px  { width:  640px; }
.width-650px  { width:  650px; }
.width-660px  { width:  660px; }
.width-670px  { width:  670px; }
.width-680px  { width:  680px; }
.width-690px  { width:  690px; }
.width-700px  { width:  700px; }
.width-710px  { width:  710px; }
.width-720px  { width:  720px; }
.width-730px  { width:  730px; }
.width-740px  { width:  740px; }
.width-750px  { width:  750px; }
.width-760px  { width:  760px; }
.width-770px  { width:  770px; }
.width-780px  { width:  780px; }
.width-790px  { width:  790px; }
.width-800px  { width:  800px; }
.width-810px  { width:  810px; }
.width-820px  { width:  820px; }
.width-830px  { width:  830px; }
.width-840px  { width:  840px; }
.width-850px  { width:  850px; }
.width-860px  { width:  860px; }
.width-870px  { width:  870px; }
.width-880px  { width:  880px; }
.width-890px  { width:  890px; }
.width-900px  { width:  900px; }
.width-910px  { width:  910px; }
.width-920px  { width:  920px; }
.width-930px  { width:  930px; }
.width-940px  { width:  940px; }
.width-950px  { width:  950px; }
.width-960px  { width:  960px; }


.height-10px   { height:  10px; }
.height-20px   { height:  20px; }
.height-30px   { height:  30px; }
.height-40px   { height:  40px; }
.height-50px   { height:  50px; }
.height-60px   { height:  60px; }
.height-70px   { height:  70px; }
.height-80px   { height:  80px; }
.height-90px   { height:  90px; }
.height-100px  { height:  100px; }
.height-110px  { height:  110px; }
.height-120px  { height:  120px; }
.height-130px  { height:  130px; }
.height-140px  { height:  140px; }
.height-150px  { height:  150px; }
.height-160px  { height:  160px; }
.height-170px  { height:  170px; }
.height-180px  { height:  180px; }
.height-190px  { height:  190px; }
.height-200px  { height:  200px; }
.height-210px  { height:  210px; }
.height-220px  { height:  220px; }
.height-230px  { height:  230px; }
.height-240px  { height:  240px; }
.height-250px  { height:  250px; }
.height-260px  { height:  260px; }
.height-270px  { height:  270px; }
.height-280px  { height:  280px; }
.height-290px  { height:  290px; }
.height-300px  { height:  300px; }
.height-310px  { height:  310px; }
.height-320px  { height:  320px; }
.height-330px  { height:  330px; }
.height-340px  { height:  340px; }
.height-350px  { height:  350px; }
.height-360px  { height:  360px; }
.height-370px  { height:  370px; }
.height-380px  { height:  380px; }
.height-390px  { height:  390px; }
.height-400px  { height:  400px; }
.height-410px  { height:  410px; }
.height-420px  { height:  420px; }
.height-430px  { height:  430px; }
.height-440px  { height:  440px; }
.height-450px  { height:  450px; }
.height-460px  { height:  460px; }
.height-470px  { height:  470px; }
.height-480px  { height:  480px; }
.height-490px  { height:  490px; }
.height-500px  { height:  500px; }
.height-510px  { height:  510px; }
.height-520px  { height:  520px; }
.height-530px  { height:  530px; }
.height-540px  { height:  540px; }
.height-550px  { height:  550px; }
.height-560px  { height:  560px; }
.height-570px  { height:  570px; }
.height-580px  { height:  580px; }
.height-590px  { height:  590px; }
.height-600px  { height:  600px; }
.height-610px  { height:  610px; }
.height-620px  { height:  620px; }
.height-630px  { height:  630px; }
.height-640px  { height:  640px; }
.height-650px  { height:  650px; }
.height-660px  { height:  660px; }
.height-670px  { height:  670px; }
.height-680px  { height:  680px; }
.height-690px  { height:  690px; }
.height-700px  { height:  700px; }
.height-710px  { height:  710px; }
.height-720px  { height:  720px; }
.height-730px  { height:  730px; }
.height-740px  { height:  740px; }
.height-750px  { height:  750px; }
.height-760px  { height:  760px; }
.height-770px  { height:  770px; }
.height-780px  { height:  780px; }
.height-790px  { height:  790px; }
.height-800px  { height:  800px; }
.height-810px  { height:  810px; }
.height-820px  { height:  820px; }
.height-830px  { height:  830px; }
.height-840px  { height:  840px; }
.height-850px  { height:  850px; }
.height-860px  { height:  860px; }
.height-870px  { height:  870px; }
.height-880px  { height:  880px; }
.height-890px  { height:  890px; }
.height-900px  { height:  900px; }
.height-910px  { height:  910px; }
.height-920px  { height:  920px; }
.height-930px  { height:  930px; }
.height-940px  { height:  940px; }
.height-950px  { height:  950px; }
.height-960px  { height:  960px; }



/* ------------------------------------------------------------------------ */
/* 07. Margin */
/* ------------------------------------------------------------------------ */

.margin-top-10px { margin-top: 10px; }
.margin-top-20px { margin-top: 20px; }
.margin-top-30px { margin-top: 30px; }
.margin-top-40px { margin-top: 40px; }
.margin-top-50px { margin-top: 50px; }
.margin-top-60px { margin-top: 60px; }
.margin-top-70px { margin-top: 70px; }
.margin-top-80px { margin-top: 80px; }
.margin-top-90px { margin-top: 90px; }
.margin-top-100px { margin-top: 100px; }
.margin-top-150px { margin-top: 150px; }
.margin-top-200px { margin-top: 200px; }

.margin-right-10px { margin-right: 10px; }
.margin-right-20px { margin-right: 20px; }
.margin-right-30px { margin-right: 30px; }
.margin-right-40px { margin-right: 40px; }
.margin-right-50px { margin-right: 50px; }
.margin-right-60px { margin-right: 60px; }
.margin-right-70px { margin-right: 70px; }
.margin-right-80px { margin-right: 80px; }
.margin-right-90px { margin-right: 90px; }
.margin-right-100px { margin-right: 100px; }
.margin-right-150px { margin-right: 150px; }
.margin-right-200px { margin-right: 200px; }

.margin-bottom-5px { margin-bottom: 5px; }
.margin-bottom-10px { margin-bottom: 10px; }
.margin-bottom-20px { margin-bottom: 20px; }
.margin-bottom-30px { margin-bottom: 30px; }
.margin-bottom-40px { margin-bottom: 40px; }
.margin-bottom-50px { margin-bottom: 50px; }
.margin-bottom-60px { margin-bottom: 60px; }
.margin-bottom-70px { margin-bottom: 70px; }
.margin-bottom-80px { margin-bottom: 80px; }
.margin-bottom-90px { margin-bottom: 90px; }
.margin-bottom-100px { margin-bottom: 100px; }
.margin-bottom-150px { margin-bottom: 150px; }
.margin-bottom-200px { margin-bottom: 200px; }
.margin-bottom-300px { margin-bottom: 300px; }
.margin-bottom-400px { margin-bottom: 400px; }
.margin-bottom-500px { margin-bottom: 500px; }

.margin-left-10px { margin-left: 10px; }
.margin-left-20px { margin-left: 20px; }
.margin-left-30px { margin-left: 30px; }
.margin-left-40px { margin-left: 40px; }
.margin-left-50px { margin-left: 50px; }
.margin-left-60px { margin-left: 60px; }
.margin-left-70px { margin-left: 70px; }
.margin-left-80px { margin-left: 80px; }
.margin-left-90px { margin-left: 90px; }
.margin-left-100px { margin-left: 100px; }
.margin-left-150px { margin-left: 150px; }
.margin-left-200px { margin-left: 200px; }



/* ------------------------------------------------------------------------ */
/* 08. Button */
/* ------------------------------------------------------------------------ */

.button {
  margin: 0 0 5px 0;
  font-size: 13px;
  line-height: 13px;
  padding: 12px 20px;
  font-weight: bold;
  display: inline-block;
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #000000;
  text-decoration: none;
  letter-spacing: 1px;
  text-align: center;
  position: relative;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.button:hover {
  color: #FFFFFF;
  background-color: #000000;
  border: 1px solid #000000;
  text-decoration: none;
}

  .button.small {
    font-size: 11px;
    line-height: 11px;
    padding: 8px 10px 7px;
  }

  .button.small span { margin: 0 10px; }

  .button.large {
    font-size: 16px;
    line-height: 16px;
    padding: 20px 20px 20px;
  }

  .button.large span { margin: 0 10px; }

  .button.large i.fa { font-size: 20px; }


/* Transparent */
a.button.transparent {
  color: #ffffff;
  background-color: transparent;
  border: solid 1px #ffffff;
}

a.button.transparent:hover {
  color: #000000;
  background-color: #ffffff;
  border: solid 1px #ffffff;
}


/* Black */
a.button.black,
button.black,
input[type="submit"].black,
input[type="reset"].black,
input[type="button"].black {
  color: #ffffff;
  background-color: #000000;
  border: solid 1px #000000;
}

a.button.black:hover,
button.black:hover,
input[type="submit"].black:hover,
input[type="reset"].black:hover,
input[type="button"].black:hover {
  background-color: #282828;
  border: solid 1px #282828;
}


/* Gray */
a.button.gray,
button.gray,
input[type="submit"].gray,
input[type="reset"].gray,
input[type="button"].gray {
  color: #ffffff;
  background-color: #81848B;
  border: solid 1px #81848B;
}

a.button.gray:hover,
button.gray:hover,
input[type="submit"].gray:hover,
input[type="reset"].gray:hover,
input[type="button"].gray:hover {
  background-color: #5B5E64;
  border: solid 1px #5B5E64;
}


/* Red */
a.button.red,
button.red,
input[type="submit"].red,
input[type="reset"].red,
input[type="button"].red {
  color: #ffffff;
  background-color: #C11209;
  border: solid 1px #C11209;
}

a.button.red:hover,
button.red:hover,
input[type="submit"].red:hover,
input[type="reset"].red:hover,
input[type="button"].red:hover {
  background-color: #9A0F07;
  border: solid 1px #9A0F07;
}


/* Blue */
a.button.blue,
button.blue,
input[type="submit"].blue,
input[type="reset"].blue,
input[type="button"].blue {
  color: #ffffff;
  background-color: #0079C2;
  border: solid 1px #0079C2;
}

a.button.blue:hover,
button.blue:hover,
input[type="submit"].blue:hover,
input[type="reset"].blue:hover,
input[type="button"].blue:hover {
  background-color: #005F97;
  border: solid 1px #005F97;
}


/* Green */
a.button.green,
button.green,
input[type="submit"].green,
input[type="reset"].green,
input[type="button"].green {
  color: #ffffff;
  background-color: #00B200;
  border: solid 1px #00B200;
}

a.button.green:hover,
button.green:hover,
input[type="submit"].green:hover,
input[type="reset"].green:hover,
input[type="button"].green:hover {
  background-color: #007A00;
  border: solid 1px #007A00;
}



/* Orange */
a.button.orange,
button.orange,
input[type="submit"].orange,
input[type="reset"].orange,
input[type="button"].orange {
  color: #ffffff;
  background-color: #FF4400;
  border: solid 1px #FF4400;
}

a.button.orange:hover,
button.orange:hover,
input[type="submit"].orange:hover,
input[type="reset"].orange:hover,
input[type="button"].orange:hover {
  background-color: #CC3600;
  border: solid 1px #CC3600;
}


/* ------------------------------------------------------------------------ */
/* 09. BasicTable */
/* ------------------------------------------------------------------------ */

.basic-table {
  width: 100%;
  text-align: left;
  border: 1px solid #e0e0e0;
}

  .basic-table caption {
    text-align: left;
    font-size: 15px;
    color: #FFFFFF;
    background-color: #111111;
    padding: 10px 20px;
  }

    .basic-table caption .summary { float: left; }

    .basic-table caption .option-select-area {
      float: right;
      background: #FFF;
      color: #000;
      padding: 3px 10px;
      font-size: 13px;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
    }

    .basic-table th,
    .basic-table td {
      padding: 15px 20px 10px;
      vertical-align: middle;
      border-bottom: 1px solid #e0e0e0;
    }

  .basic-table th { font-weight: bold; }

      .basic-table thead th { background-color: #ccc; }

      .basic-table thead td { background-color: #fff; }

      .basic-table tbody th { background-color: #f2f2f2; }

    .basic-table td img { max-width: 100%; }

    .basic-table td input[type="text"],
    .basic-table td input[type="email"],
    .basic-table td input[type="tel"],
    .basic-table td textarea {
      max-width: 100%;
      margin-bottom: 10px;
    }

    .basic-table td input[type="text"] { width: 400px; }

    .basic-table td textarea { width: 500px; }

    .basic-table td input[type="tel"] { width: 70px; }

    .basic-table td textarea { height: 100px; }

    .basic-table td ul li { margin-bottom: 0; }




/* ------------------------------------------------------------------------ */
/* 12. Page */
/* ------------------------------------------------------------------------ */

.page-wrap {
  margin-top: 50px;
  margin-bottom: 50px;
}




/* ------------------------------------------------------------------------ */
/* 12. Top Page */
/* ------------------------------------------------------------------------ */








/* ------------------------------------------------------------------------ */
/* 19. Registration Information */
/* ------------------------------------------------------------------------ */

.scraping-result-info {
  background-color: #000;
  color: #fff;
  padding: 5px 10px;
  margin-bottom: 30px;
}

.scraping-result-info.success { background-color: #0CC; }

.scraping-result-info.error { background-color: #C00; }