@charset "UTF-8";
/* ***********************************************************
*
*    INDEX
*
* ***********************************************************
*/
/* =====================================================================
*
*    Iroha Layout
*
* =================================================================== */
/* line 18, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain {
  width: 700px;
  position: relative;
  padding: 0;
}
/* line 22, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain .hidden {
  display: block;
}
@media screen and (max-width: 767px) {
  /* line 22, ../../sass/iroha-theme/theme1_1.scss */
  div#irohaMain .hidden {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  /* line 18, ../../sass/iroha-theme/theme1_1.scss */
  div#irohaMain {
    width: 100%;
  }
}

/* line 34, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain h2,
div#irohaMain h3 {
  margin: 35px 0 10px;
}
@media screen and (max-width: 767px) {
  /* line 34, ../../sass/iroha-theme/theme1_1.scss */
  div#irohaMain h2,
  div#irohaMain h3 {
    margin: 10px 0 10px;
  }
}

/* line 40, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain p#irohaMainImg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  /* line 40, ../../sass/iroha-theme/theme1_1.scss */
  div#irohaMain p#irohaMainImg {
    position: static;
    text-align: center;
  }
  /* line 49, ../../sass/iroha-theme/theme1_1.scss */
  div#irohaMain p#irohaMainImg img {
    max-width: 336px;
  }
}

/* line 54, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain div.irohaMainTxt {
  min-height: 340px;
  _height: 340px;
}

/* line 58, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain div.irohaMainTxt p {
  width: 360px;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  /* line 58, ../../sass/iroha-theme/theme1_1.scss */
  div#irohaMain div.irohaMainTxt p {
    width: 100%;
  }
}

/* line 66, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain div#illust1 {
  width: 700px;
  margin: 30px 0 35px;
}
@media screen and (max-width: 767px) {
  /* line 66, ../../sass/iroha-theme/theme1_1.scss */
  div#irohaMain div#illust1 {
    width: auto;
  }
}

/* line 74, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain div#illust1 p.img {
  float: right;
  width: 376px;
}
@media screen and (max-width: 767px) {
  /* line 74, ../../sass/iroha-theme/theme1_1.scss */
  div#irohaMain div#illust1 p.img {
    float: none;
    width: auto;
    text-align: center;
  }
  /* line 82, ../../sass/iroha-theme/theme1_1.scss */
  div#irohaMain div#illust1 p.img img {
    width: 100%;
  }
}

/* line 87, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain div#illust1 div.txtBox {
  float: left;
  width: 308px;
}
@media screen and (max-width: 767px) {
  /* line 87, ../../sass/iroha-theme/theme1_1.scss */
  div#irohaMain div#illust1 div.txtBox {
    float: none;
    width: auto;
  }
}

/* line 96, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain div#illust1 div.txtBox h3 {
  margin: 0;
  padding: 25px 0 10px;
}

/* line 100, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain div#illust1 div.txtBox ul li {
  font-size: 105%;
  line-height: 2;
  letter-spacing: 1px;
}

/* line 105, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain div#illust1 div.txtBox ul li span {
  color: #008565;
}

/* line 110, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain div#illust2 {
  float: left;
  margin: 0px 0 10px 0;
}
@media screen and (max-width: 767px) {
  /* line 110, ../../sass/iroha-theme/theme1_1.scss */
  div#irohaMain div#illust2 {
    float: none;
    text-align: center;
  }
}

/* line 119, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain div#txtBox1 {
  width: 460px;
  line-height: 2;
  margin: 0 0 20px 30px;
  float: left;
}
@media screen and (max-width: 767px) {
  /* line 119, ../../sass/iroha-theme/theme1_1.scss */
  div#irohaMain div#txtBox1 {
    float: none;
    width: auto;
    margin: 0 0 20px;
  }
}

/* line 131, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain div#txtBox1 h3 {
  margin-top: 0;
}

/* line 134, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain div#txtBox1 p {
  margin-bottom: 15px;
}

/* line 137, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain div.txtBox2 {
  clear: both;
  width: 650px;
  line-height: 2;
  margin: 0 0 35px 0;
}
@media screen and (max-width: 767px) {
  /* line 137, ../../sass/iroha-theme/theme1_1.scss */
  div#irohaMain div.txtBox2 {
    width: auto;
  }
  /* line 145, ../../sass/iroha-theme/theme1_1.scss */
  div#irohaMain div.txtBox2 #resize {
    width: 100%;
  }
  /* line 147, ../../sass/iroha-theme/theme1_1.scss */
  div#irohaMain div.txtBox2 #resize img {
    width: 100%;
    height: auto;
    max-width: 347px;
  }
}

/* line 155, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain div.txtBox2 p {
  margin-bottom: 15px;
}

/* line 158, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain div#txtBox3 {
  width: 460px;
  line-height: 2;
  margin: 0 0 35px 0;
  float: left;
}
@media screen and (max-width: 767px) {
  /* line 158, ../../sass/iroha-theme/theme1_1.scss */
  div#irohaMain div#txtBox3 {
    width: auto;
    float: none;
  }
}

/* line 169, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain div#txtBox3 h3 {
  margin-top: 0;
}

/* line 172, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain div.txtBox3 p {
  margin-bottom: 15px;
}

/* line 175, ../../sass/iroha-theme/theme1_1.scss */
div#irohaMain div#illust3 {
  float: right;
  margin: 0px 0 0 0;
}
@media screen and (max-width: 767px) {
  /* line 175, ../../sass/iroha-theme/theme1_1.scss */
  div#irohaMain div#illust3 {
    float: none;
    text-align: center;
  }
}

/* line 184, ../../sass/iroha-theme/theme1_1.scss */
div#kaisetsu {
  width: 715px;
  background: url(../../images/iroha/theme1_1/bg_kaisetu_repeat.gif) repeat-y 0 0;
}
@media screen and (max-width: 767px) {
  /* line 184, ../../sass/iroha-theme/theme1_1.scss */
  div#kaisetsu {
    width: auto;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
  }
}

/* line 193, ../../sass/iroha-theme/theme1_1.scss */
div#kaisetsu div.kaisetsu-outline {
  width: 715px;
  background: url(../../images/iroha/theme1_1/bg_kaisetu_top.gif) no-repeat 0 0;
}
@media screen and (max-width: 767px) {
  /* line 193, ../../sass/iroha-theme/theme1_1.scss */
  div#kaisetsu div.kaisetsu-outline {
    width: auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
  }
}

/* line 202, ../../sass/iroha-theme/theme1_1.scss */
div#kaisetsu div.kaisetsu-inline {
  position: relative;
  width: 715px;
  min-height: 342px;
  _height: 342px;
  background: url(../../images/iroha/theme1_1/bg_kaisetu_bottom.gif) no-repeat 0 100%;
}
@media screen and (max-width: 767px) {
  /* line 202, ../../sass/iroha-theme/theme1_1.scss */
  div#kaisetsu div.kaisetsu-inline {
    width: auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
  }
}

/* line 216, ../../sass/iroha-theme/theme1_1.scss */
div#kaisetsu p.img {
  position: absolute;
  top: 110px;
  right: 35px;
}
@media screen and (max-width: 767px) {
  /* line 216, ../../sass/iroha-theme/theme1_1.scss */
  div#kaisetsu p.img {
    display: none;
  }
}

/* line 225, ../../sass/iroha-theme/theme1_1.scss */
div#kaisetsu div.txtBox {
  padding: 0 190px 10px 60px;
  font-size: 105%;
  color: #008565;
  line-height: 2;
  letter-spacing: 1px;
}
@media screen and (max-width: 767px) {
  /* line 225, ../../sass/iroha-theme/theme1_1.scss */
  div#kaisetsu div.txtBox {
    padding: 10px 25px;
  }
}

/* line 236, ../../sass/iroha-theme/theme1_1.scss */
div#kaisetsu div.txtBox p {
  margin-bottom: 15px;
}

/* line 239, ../../sass/iroha-theme/theme1_1.scss */
div#kaisetsu div.txtBox .ref {
  font-size: 10px;
}

/* line 242, ../../sass/iroha-theme/theme1_1.scss */
div#column {
  position: relative;
  width: 715px;
  margin: 45px 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 242, ../../sass/iroha-theme/theme1_1.scss */
  div#column {
    width: auto;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
  }
}

/* line 255, ../../sass/iroha-theme/theme1_1.scss */
div#column h2 {
  margin: 0;
}
/* line 258, ../../sass/iroha-theme/theme1_1.scss */
div#column h2 img {
  display: block;
}

/* line 262, ../../sass/iroha-theme/theme1_1.scss */
div#column p.img {
  position: absolute;
  top: 55px;
  right: 50px;
}
@media screen and (max-width: 767px) {
  /* line 262, ../../sass/iroha-theme/theme1_1.scss */
  div#column p.img {
    display: none;
  }
}

/* line 271, ../../sass/iroha-theme/theme1_1.scss */
div#column .pic1 {
  position: absolute;
  bottom: 35px;
  _bottom: 70px;
  left: 75px;
}

/* line 277, ../../sass/iroha-theme/theme1_1.scss */
div#column div.txtBox {
  min-height: 345px;
  _height: 345px;
  margin: -5px 0 0;
  padding: 10px 180px 20px 60px;
  font-size: 105%;
  line-height: 2;
  letter-spacing: 1px;
  background: url(../../images/iroha/column_bg_repeat.gif) repeat-y 0 0;
}
@media screen and (max-width: 767px) {
  /* line 277, ../../sass/iroha-theme/theme1_1.scss */
  div#column div.txtBox {
    float: none;
    width: auto;
    padding: 10px;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
    margin: 0;
  }
}

/* line 295, ../../sass/iroha-theme/theme1_1.scss */
div#column div.txtBox-inside {
  float: right;
  width: 350px;
}
@media screen and (max-width: 767px) {
  /* line 295, ../../sass/iroha-theme/theme1_1.scss */
  div#column div.txtBox-inside {
    float: none;
    width: auto;
  }
}

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

/* line 308, ../../sass/iroha-theme/theme1_1.scss */
div#column h3 {
  max-width: 304px;
}

/* line 312, ../../sass/iroha-theme/theme1_1.scss */
div#column h3,
div#column div.txtBox p {
  margin: 0 0 20px 0;
}

/* line 315, ../../sass/iroha-theme/theme1_1.scss */
div#column div.txtBox p.ref {
  margin: 0px;
  font-size: 95%;
}

/* line 319, ../../sass/iroha-theme/theme1_1.scss */
p#pageTop a {
  margin: 35px 10px 10px 0;
}

/* responsive image*/
/* line 324, ../../sass/iroha-theme/theme1_1.scss */
#illust_1--smt {
  width: 50%;
  margin: 10px;
  height: auto;
  float: right;
}

/* line 330, ../../sass/iroha-theme/theme1_1.scss */
#illust_2--smt {
  float: left;
  width: 50%;
  margin: 10px;
  height: auto;
}

/* line 336, ../../sass/iroha-theme/theme1_1.scss */
#illust_3--smt {
  width: 50%;
  margin: 10px;
  float: right;
  height: auto;
}

/* line 342, ../../sass/iroha-theme/theme1_1.scss */
#column_img--smt {
  width: 50%;
  max-width: 93px;
  margin: 10px;
  float: right;
  height: auto;
}

@media screen and (max-width: 767px) {
  /* line 349, ../../sass/iroha-theme/theme1_1.scss */
  .mediabox .mediabox__media {
    width: auto !important;
  }
}

/* line 354, ../../sass/iroha-theme/theme1_1.scss */
.iroha-1-h {
  font-size: 120%;
  color: #299476;
  font-weight: lighter;
}

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