@charset "UTF-8";
/* ***********************************************************
*
*    INDEX
*
* ***********************************************************
*/
/* =====================================================================
*
*    sukoyakaInner Common
*
* =================================================================== */
/* line 21, ../../sass/iroha-theme/theme2_1.scss */
div#sukoyakaInner div.txt-l p,
div#sukoyakaInner div.txt-r p,
div#sukoyakaInner div.txt-long p,
div#sukoyakaInner div.txt p {
  margin: 0 0 15px 0;
  line-height: 2;
}

/* line 25, ../../sass/iroha-theme/theme2_1.scss */
div#sukoyakaInner .pic-r {
  float: right;
}
@media screen and (max-width: 767px) {
  /* line 25, ../../sass/iroha-theme/theme2_1.scss */
  div#sukoyakaInner .pic-r {
    float: none;
    text-align: center;
  }
}

/* line 33, ../../sass/iroha-theme/theme2_1.scss */
div#sukoyakaInner .pic-l {
  float: left;
}
@media screen and (max-width: 767px) {
  /* line 33, ../../sass/iroha-theme/theme2_1.scss */
  div#sukoyakaInner .pic-l {
    float: none;
    text-align: center;
  }
}

/* line 41, ../../sass/iroha-theme/theme2_1.scss */
div#sukoyakaInner div.txt-long {
  clear: both;
  width: 100%;
}

/* line 45, ../../sass/iroha-theme/theme2_1.scss */
div#sukoyakaInner span.ref {
  margin: 0px;
  font-size: 80%;
  letter-spacing: 1.2px;
}

/* line 50, ../../sass/iroha-theme/theme2_1.scss */
div#sukoyakaInner span.ref a {
  color: #299476;
  text-decoration: underline;
}

/* line 53, ../../sass/iroha-theme/theme2_1.scss */
div#sukoyakaInner span.ref a:hover {
  text-decoration: underline;
}

/* =====================================================================
*
*    Iroha Layout
*
* =================================================================== */
/* line 62, ../../sass/iroha-theme/theme2_1.scss */
div#irohaMain {
  width: 715px;
}
@media screen and (max-width: 767px) {
  /* line 62, ../../sass/iroha-theme/theme2_1.scss */
  div#irohaMain {
    width: auto;
  }
}

/* line 69, ../../sass/iroha-theme/theme2_1.scss */
div#irohaMain .section {
  width: 715px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  /* line 69, ../../sass/iroha-theme/theme2_1.scss */
  div#irohaMain .section {
    width: auto;
    margin-bottom: 5px;
  }
}

/* line 78, ../../sass/iroha-theme/theme2_1.scss */
div#irohaMain .section h2 {
  margin-bottom: 16px;
}

/* line 81, ../../sass/iroha-theme/theme2_1.scss */
div#irohaMain .txt-r {
  float: right;
  width: 340px;
}
@media screen and (max-width: 767px) {
  /* line 81, ../../sass/iroha-theme/theme2_1.scss */
  div#irohaMain .txt-r {
    float: none;
    width: auto;
  }
}

/* line 90, ../../sass/iroha-theme/theme2_1.scss */
div#irohaMain .txt-l {
  float: left;
  width: 340px;
}
@media screen and (max-width: 767px) {
  /* line 90, ../../sass/iroha-theme/theme2_1.scss */
  div#irohaMain .txt-l {
    float: none;
    width: auto;
  }
}

/* line 99, ../../sass/iroha-theme/theme2_1.scss */
div#irohaMain .txt-l a {
  color: #299476;
  text-decoration: underline;
}

/* line 103, ../../sass/iroha-theme/theme2_1.scss */
div#irohaMain .txt-l a:hover {
  text-decoration: none;
  color: #999;
}

/* line 107, ../../sass/iroha-theme/theme2_1.scss */
div#irohaMain .illust01 {
  padding: 15px 0 8px;
}
@media screen and (max-width: 767px) {
  /* line 107, ../../sass/iroha-theme/theme2_1.scss */
  div#irohaMain .illust01 {
    text-align: center;
  }
}

/* line 114, ../../sass/iroha-theme/theme2_1.scss */
div#irohaMain .illust02 {
  float: right;
  width: 351px;
  padding-top: 48px;
}
@media screen and (max-width: 767px) {
  /* line 114, ../../sass/iroha-theme/theme2_1.scss */
  div#irohaMain .illust02 {
    float: none;
    width: auto;
    text-align: center;
  }
  /* line 124, ../../sass/iroha-theme/theme2_1.scss */
  div#irohaMain .illust02 img {
    display: block;
    margin: 0 auto 10px;
  }
}
@media screen and (max-width: 480px) {
  /* line 114, ../../sass/iroha-theme/theme2_1.scss */
  div#irohaMain .illust02 {
    float: right;
    width: 50%;
    margin: 10px;
    padding-top: 10px;
  }
}

/* line 136, ../../sass/iroha-theme/theme2_1.scss */
div#irohaMain .section03 {
  margin-bottom: 35px;
}

/*  kaisetuu
-----------------------------------------------------------------*/
/* line 142, ../../sass/iroha-theme/theme2_1.scss */
div#kaisetsu {
  _zoom: 1;
  margin: 0 0 20px 0;
  background: url(../../images/iroha/theme1_3/bg_kaisetu_repeat.gif) repeat-y 0 0;
}
@media screen and (max-width: 767px) {
  /* line 142, ../../sass/iroha-theme/theme2_1.scss */
  div#kaisetsu {
    width: auto;
    background-size: 100% 100%;
  }
}

/* line 152, ../../sass/iroha-theme/theme2_1.scss */
div#kaisetsu div.kaisetsu-outline {
  _zoom: 1;
  background: url(../../images/iroha/theme1_3/bg_kaisetu_top.gif) no-repeat 0 0;
}
@media screen and (max-width: 767px) {
  /* line 152, ../../sass/iroha-theme/theme2_1.scss */
  div#kaisetsu div.kaisetsu-outline {
    width: auto;
    background-size: 100% auto;
  }
}

/* line 161, ../../sass/iroha-theme/theme2_1.scss */
div#kaisetsu div.kaisetsu-inline {
  position: relative;
  width: 715px;
  background: url(../../images/iroha/theme1_3/bg_kaisetu_bottom.gif) no-repeat 0 100%;
}
@media screen and (max-width: 767px) {
  /* line 161, ../../sass/iroha-theme/theme2_1.scss */
  div#kaisetsu div.kaisetsu-inline {
    width: auto;
    background-size: 100% auto;
  }
}

/* line 171, ../../sass/iroha-theme/theme2_1.scss */
div#kaisetsu div.txt {
  padding: 12px 42px 25px 52px;
  font-size: 105%;
  color: #008565;
  line-height: 2;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  /* line 171, ../../sass/iroha-theme/theme2_1.scss */
  div#kaisetsu div.txt {
    padding: 10px 25px;
  }
}

/* line 182, ../../sass/iroha-theme/theme2_1.scss */
div#kaisetsu div.txt-long p {
  margin-bottom: 15px;
}

/* line 185, ../../sass/iroha-theme/theme2_1.scss */
div#kaisetsu a {
  text-decoration: underline;
}

/* line 188, ../../sass/iroha-theme/theme2_1.scss */
div#kaisetsu a:hover {
  text-decoration: none;
}

/*  column
-----------------------------------------------------------------*/
/* reset */
/* line 196, ../../sass/iroha-theme/theme2_1.scss */
div#column h3,
div#column h2 {
  margin: 0;
}

/* line 199, ../../sass/iroha-theme/theme2_1.scss */
div#column {
  position: relative;
  width: 715px;
  margin: 55px 0 10px 0;
  padding: 0 0 4px 0;
  background: url(../../images/iroha/column_bg_bottom.gif) no-repeat 0 100%;
  zoom: 1;
}
@media screen and (max-width: 767px) {
  /* line 199, ../../sass/iroha-theme/theme2_1.scss */
  div#column {
    width: auto;
    background-size: 100% auto;
  }
}

/* line 212, ../../sass/iroha-theme/theme2_1.scss */
div#column h2 {
  line-height: 0;
}

/* line 215, ../../sass/iroha-theme/theme2_1.scss */
div#column div.column-inside {
  margin: 0 0 0 0;
  padding: 0 60px 45px 60px;
  background: url(../../images/iroha/column_bg_repeat.gif) repeat-y 0 0;
}
@media screen and (max-width: 767px) {
  /* line 215, ../../sass/iroha-theme/theme2_1.scss */
  div#column div.column-inside {
    float: none;
    width: auto;
    padding: 0 15px 15px;
    background-size: 100% auto;
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  /* line 228, ../../sass/iroha-theme/theme2_1.scss */
  div#column .pic-r {
    display: none;
  }
}

/* line 233, ../../sass/iroha-theme/theme2_1.scss */
div#column h3 {
  padding-top: 20px;
}

/* line 236, ../../sass/iroha-theme/theme2_1.scss */
div#column div.txt-l {
  float: left;
  width: 380px;
  padding-top: 24px;
}
@media screen and (max-width: 767px) {
  /* line 236, ../../sass/iroha-theme/theme2_1.scss */
  div#column div.txt-l {
    float: none;
    width: auto;
  }
}

/* line 246, ../../sass/iroha-theme/theme2_1.scss */
div#column p.fig {
  padding-top: 25px;
}

/* responsive image*/
@media screen and (max-width: 480px) {
  /* line 251, ../../sass/iroha-theme/theme2_1.scss */
  #illust_3--res {
    float: right;
    margin: 10px;
  }
}

@media screen and (max-width: 767px) {
  /* line 257, ../../sass/iroha-theme/theme2_1.scss */
  p#pageTop {
    margin-top: -20px;
  }
}
