@charset "UTF-8";
/*============
  3.11当日表示
  ============*/
.date20190311 {
  display: none;
}

/*============
  KV AREA
  ============*/
#kv_area {
  position: relative;
  font-size: 0;
}

#kv_area #kv_container {
  display: block;
  position: relative;
  width: 100%;
  height: 544px;
  background-image: url("../img/bg_pattern1.png");
}

#kv_area #kv_container #kv_img_area {
  position: absolute;
  top: 24px;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  width: 1086px;
  height: 477px;
}

#kv_area #kv_container #kv_img_area .kv_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#kv_area #kv_container #kv_logo_area {
  position: absolute;
  top: 270px;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  width: 280px;
  height: 200px;
  opacity: 0;
}

#kv_area #kv_container #kv_pager_area {
  position: absolute;
  top: 516px;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  width: 160px;
  height: 12px;
  opacity: 0;
}

#kv_area #kv_container #kv_pager_area #kv_pager li {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  border: #83c9d5 solid 1px;
  background: #fff;
  margin: 0 10px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

#kv_area #kv_container #kv_pager_area #kv_pager li.current {
  background: #83c9d5;
}

#kv_area #kv_container_311 {
  display: none;
}

#kv_area #kv_container_311 #bg_bar_top {
  position: relative;
  height: 100px;
  width: 100%;
  background-image: url("../img/bg_bar_top.jpg");
  background-repeat: repeat-x;
  background-position: 0px 0;
  -webkit-animation: anim_top 240s linear 0s infinite;
          animation: anim_top 240s linear 0s infinite;
}

@-webkit-keyframes anim_top {
  0% {
    background-position: 0px 0;
  }
  100% {
    background-position: -2800px 0;
  }
}

@keyframes anim_top {
  0% {
    background-position: 0px 0;
  }
  100% {
    background-position: -2800px 0;
  }
}

#kv_area #kv_container_311 #bg_bar_middle {
  position: relative;
  height: 300px;
  width: 100%;
  background-image: url("../img/bg_bar_middle.png");
  background-repeat: repeat;
}

#kv_area #kv_container_311 #bg_bar_bottom {
  position: relative;
  height: 100px;
  width: 100%;
  background-image: url("../img/bg_bar_bottom.jpg");
  background-repeat: repeat-x;
  background-position: 0px 0;
  -webkit-animation: anim_bottom 240s linear 0s infinite;
          animation: anim_bottom 240s linear 0s infinite;
}

@-webkit-keyframes anim_bottom {
  0% {
    background-position: 0px 0;
  }
  100% {
    background-position: 2800px 0;
  }
}

@keyframes anim_bottom {
  0% {
    background-position: 0px 0;
  }
  100% {
    background-position: 2800px 0;
  }
}

#kv_area #kv_container_311 #kv311_map_area {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  width: 950px;
  height: 500px;
}

#kv_area #kv_container_311 #kv311_map_area #kv311_logo {
  position: absolute;
  top: 120px;
  left: 22px;
  width: 236px;
  height: auto;
}

#kv_area #kv_container_311 #kv311_map_area #kv311_counter_line {
  position: absolute;
  top: 241px;
  left: 703px;
  width: 246px;
  height: auto;
}

#kv_area #kv_container_311 #kv311_map_area #kv311_counter_heart {
  position: absolute;
  top: 258px;
  left: 709px;
  width: 25px;
  height: auto;
}

#kv_area #kv_container_311 #kv311_map_area #kv311_counter {
  position: absolute;
  top: 207px;
  left: 703px;
  width: 246px;
  height: auto;
}

#kv_area #kv_container_311 #kv311_map_area #kv311_counter_title {
  position: absolute;
  top: 208px;
  left: 728px;
  color: #107283;
  font-size: 23px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 1.2px;
}

#kv_area #kv_container_311 #kv311_map_area #kv311_count {
  position: absolute;
  top: 252px;
  left: 696px;
  width: 260px;
  text-align: center;
}

#kv_area #kv_container_311 #kv311_map_area #kv311_count span {
  display: inline-block;
  color: #80c9d0;
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 1.6px;
  text-indent: 38px;
  font-family: "Helvetica";
  background-image: url("../img/kv311_counter_heart.png");
  background-repeat: no-repeat;
  background-position: 0px 50%;
}

#kv_area #kv_container_311 #kv311_map_area #map_heart1 {
  position: absolute;
  top: 68px;
  left: 593px;
  width: 34px;
  height: auto;
}

#kv_area #kv_container_311 #kv311_map_area #map_heart2 {
  position: absolute;
  top: 178px;
  left: 555px;
  width: 52px;
  height: auto;
}

#kv_area #kv_container_311 #kv311_map_area #map_heart3 {
  position: absolute;
  top: 278px;
  left: 527px;
  width: 41px;
  height: auto;
}

#kv_area #kv_container_311 #kv311_map_area #map_heart4 {
  position: absolute;
  top: 285px;
  left: 489px;
  width: 27px;
  height: auto;
}

#kv_area #kv_container_311 #kv311_map_area #map_heart5 {
  position: absolute;
  top: 312px;
  left: 430px;
  width: 41px;
  height: auto;
}

#kv_area #kv_container_311 #kv311_map_area #map_heart6 {
  position: absolute;
  top: 325px;
  left: 383px;
  width: 27px;
  height: auto;
}

#kv_area #kv_container_311 #kv311_map_area #map_heart7 {
  position: absolute;
  top: 381px;
  left: 381px;
  width: 16px;
  height: auto;
}

#kv_area #kv_container_311 #kv311_map_area #map_heart8 {
  position: absolute;
  top: 368px;
  left: 299px;
  width: 41px;
  height: auto;
}

#kv_area #kv_container_311 #kv311_map_area #map_heart9 {
  position: absolute;
  top: 449px;
  left: 238px;
  width: 27px;
  height: auto;
}

#kv_area #kv_container_311 #kv311_map_area #map_heart_area .map_heart_set {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  position: absolute;
  top: 100px;
  left: -200px;
  width: 80px;
  height: 80px;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

#kv_area #kv_container_311 #kv311_map_area #map_heart_area .map_heart_set .map_heart_shadow {
  position: absolute;
  top: 30px;
  left: 18px;
}

#kv_area #kv_container_311 #kv311_map_area #map_heart_area .map_heart_set .map_heart {
  position: absolute;
  top: 0px;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}

#kv_area #kv_container_311 #kv311_map_area #kv311_map_heart_dummy {
  position: absolute;
  top: 68px;
  left: 238px;
  width: 389px;
  height: auto;
}

#kv_area #kv_container_311 #kv311_map_area #kv311_map {
  position: absolute;
  top: 28px;
  left: 238px;
  width: 451px;
  height: auto;
}

/*============
  THEME AREA
  ============*/
#theme_area {
  position: relative;
  background-image: url("../img/bg_pattern1.png");
  padding-bottom: 160px;
}

#theme_area #theme_container {
  position: relative;
  display: block;
  width: 930px;
  height: auto;
  margin: 0 auto;
  text-align: center;
}

#theme_area #theme_container h2 {
  margin-top: 0;
  padding-top: 81px;
}

#theme_area #theme_container h2 img {
  width: 436px;
  height: 74px;
}

#theme_area #theme_container #theme_lead {
  margin-top: 26px;
  padding-left: 10px;
  color: #107283;
  font-size: 16px;
  font-weight: normal;
  line-height: 2.25;
  letter-spacing: 0.1px;
}

#theme_area #theme_container #theme_lead p {
  margin-bottom: 20px;
}

#theme_area #theme_container #theme_311 {
  padding-left: 10px;
  color: #107283;
  font-size: 16px;
  font-weight: normal;
  line-height: 2.25;
  letter-spacing: 0.1px;
}

#theme_area #theme_container #theme_311 h3 {
  color: #000;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 2.6px;
  margin-top: 52px;
  margin-left: -20px;
  margin-bottom: 23px;
}

#theme_area #theme_container #theme_311 #theme_search_box {
  display: inline-block;
  width: 400px;
  height: 50px;
  border: #999 solid 1px;
  vertical-align: top;
  margin-left: -10px;
  padding: 0 18px;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 1px;
  outline: none;
}

#theme_area #theme_container #theme_311 #theme_search_btn {
  display: inline-block;
  background: #4070ff;
  width: 139px;
  height: 50px;
  vertical-align: top;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 5px;
  text-indent: 28px;
  margin-left: 10px;
  background-image: url("../img/icon_search.png");
  background-repeat: no-repeat;
  background-position: 33px 50%;
  outline: none;
}

#theme_area #theme_container #theme_311 #theme_311_s_title {
  margin-top: 110px;
  margin-bottom: 32px;
}

#theme_area #theme_container #theme_311 #theme_311_s_title .s_title_txt {
  width: 512px;
}

#theme_area #theme_container #theme_311_howto_donation {
  position: relative;
  display: inline-block;
  border-bottom: #107283 solid 1px;
  padding-right: 24px;
  margin-top: 58px;
  background-image: url("../img/icon_arrow_down.svg");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  line-height: 1.4;
}

#theme_area #theme_container #theme_311_howto_donation a {
  color: #107283;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 1.5px;
}

#theme_area #theme_container #theme_311_howto_donation a:hover {
  text-decoration: none;
}

#theme_area #theme_container #partner_area {
  position: relative;
  display: block;
  width: 540px;
  height: 221px;
  background: #fff;
  margin: 0 auto;
  margin-top: 94px;
}

#theme_area #theme_container #partner_area #partner_title {
  position: absolute;
  top: 34px;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  color: #107283;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.285;
  letter-spacing: 2.5px;
}

#theme_area #theme_container #partner_area #partner_msg {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.625;
  letter-spacing: 0px;
  padding-top: 80px;
}

#theme_area #theme_container #partner_area #partner_logo_jt {
  position: absolute;
  top: 143px;
  left: 95px;
  width: 82px;
  height: auto;
}

#theme_area #theme_container #partner_area #partner_logo_softbank {
  position: absolute;
  top: 151px;
  left: 200px;
  width: 138px;
  height: auto;
}

#theme_area #theme_container #partner_area #partner_logo_kirin {
  position: absolute;
  top: 149px;
  left: 359px;
  width: 89px;
  height: auto;
}

.anchor {
  position: absolute;
  top: -75px;
  display: block;
  background: transparent;
  width: 10px;
  height: 10px;
}

/** 各章帯タイトル共通 */
.title_container {
  position: absolute;
  display: block;
  width: 950px;
  height: 320px;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  margin: 0 auto;
}

.title_container h2 img {
  position: absolute;
  top: 74px;
  left: 408px;
  width: 420px;
  height: 80px;
}

.title_container p {
  position: absolute;
  top: 188px;
  left: 408px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.7;
  letter-spacing: 0px;
  white-space: nowrap;
}

/*============
  S1 AREA
  ============*/
#s1_area {
  position: relative;
  background-image: url("../img/bg_pattern2.png");
  padding-bottom: 162px;
}

#s1_area #s1_title {
  position: relative;
  width: 100%;
  height: 320px;
  background: #84cdd7;
  background-image: url("../img/s1_title_bg.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

#s1_area #s1_container {
  position: relative;
  width: 1920px;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}

#s1_area #s1_container #s1_carousel {
  display: block;
  width: 1038px;
  margin: 0 auto;
  margin-top: 80px;
}

#s1_area #s1_container #s1_carousel ul.s1_cs {
  display: inline-block;
  width: 1038px;
  padding: 0 44px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 554px;
  font-size: 0;
}

#s1_area #s1_container #s1_carousel ul.s1_cs li {
  display: inline-block;
  width: 230px;
  height: 272px;
  background: #fff;
  margin: 0 10px 10px 0;
}

#s1_area #s1_container #s1_carousel ul.s1_cs li a {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#s1_area #s1_container #s1_carousel ul.s1_cs li a:focus {
  outline: none;
}

#s1_area #s1_container #s1_carousel ul.s1_cs li a:hover {
  display: block;
  position: relative;
  opacity: 0.8;
  text-decoration: none;
}

#s1_area #s1_container #s1_carousel ul.s1_cs li:nth-child(4n) {
  margin-right: 0;
}

#s1_area #s1_container #s1_carousel ul.s1_cs li .s1_cs_data {
  display: table;
  height: 108px;
  width: 100%;
}

#s1_area #s1_container #s1_carousel ul.s1_cs li .s1_cs_txt_area {
  display: table-row;
  height: 100%;
  text-align: center;
}

#s1_area #s1_container #s1_carousel ul.s1_cs li .s1_cs_txt_area .s1_cs_txt_container {
  display: table-cell;
  vertical-align: top;
  padding: 11px 10px;
}

#s1_area #s1_container #s1_carousel ul.s1_cs li .s1_cs_txt_area .s1_cs_txt_container .s1_cs_title {
  color: #107283;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 1px;
  padding-top: 4px;
  padding-bottom: 2px;
}

#s1_area #s1_container #s1_carousel ul.s1_cs li .s1_cs_txt_area .s1_cs_txt_container .s1_cs_party {
  color: #666;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
}

#s1_area #s1_container #s1_carousel ul.s1_cs li .s1_cs_tab_area {
  text-align: center;
  padding-bottom: 10px;
}

#s1_area #s1_container #s1_carousel ul.s1_cs li .s1_cs_tab_area .s1_cs_tab {
  display: inline-block;
  width: 94px;
  height: 20px;
  background: #74bac4;
  border: #74bac4 solid 1px;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 19px;
  letter-spacing: 1px;
  margin: 5px 5px;
}

#s1_area #s1_container #s1_cs_nav {
  text-align: center;
}

#s1_area #s1_container #s1_cs_nav #s1_prev_btn {
  position: absolute;
  top: 258px;
  left: 421px;
}

#s1_area #s1_container #s1_cs_nav #s1_next_btn {
  position: absolute;
  top: 258px;
  left: 1459px;
}

#s1_area #s1_container #s1_view_donation {
  margin-top: 19px;
}

#s1_area #s1_container #s1_yahoo_fund_area {
  position: relative;
  width: 700px;
  margin: 0 auto;
  text-align: center;
  margin-top: 80px;
}

#s1_area #s1_container #s1_yahoo_fund_area h3 {
  color: #107283;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.2px;
  margin-bottom: 24px;
}

#s1_area #s1_container #s1_yahoo_fund_area h3 span {
  color: #107283;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.75;
  letter-spacing: 0.2px;
}

#s1_area #s1_container #s1_yahoo_fund_area #s1_yahoo_fund_img {
  margin-top: 35px;
  margin-bottom: 16px;
}

/*============
  SLICK 共通
  ============*/
.slick-list {
  overflow: visible;
}

.slick-slide {
  opacity: 0.5;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  outline: none;
}

.slick-active {
  opacity: 1;
}

.cs_dots {
  width: 100px;
  margin: 0 auto;
  text-align: center;
  margin-top: 18px;
}

.cs_dots li {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: #107283 solid 1px;
  border-radius: 12px;
  margin: 0 10px;
  overflow: hidden;
  text-indent: -999px;
}

.cs_dots li.slick-active {
  background: #107283;
}

.cs_prev_btn {
  display: block;
  width: 40px;
  height: 40px;
  border: #107283 solid 1px;
  border-radius: 40px;
  background-image: url("../img/icon_arrow_left.svg");
  background-repeat: no-repeat;
  background-position: 45% 50%;
  cursor: pointer;
}

.cs_next_btn {
  display: block;
  width: 40px;
  height: 40px;
  border: #107283 solid 1px;
  border-radius: 40px;
  background-image: url("../img/icon_arrow_right.svg");
  background-repeat: no-repeat;
  background-position: 55% 50%;
  cursor: pointer;
}

/** 楕円ボタン共通 */
.ellipse_btn {
  position: relative;
  width: 395px;
  height: 64px;
  border: #83c9d5 solid 1px;
  border-radius: 64px;
  background: #fff;
  -webkit-box-shadow: 0px 3px 0px 0px #83c9d5;
          box-shadow: 0px 3px 0px 0px #83c9d5;
  background-image: url("../img/icon_ellipse_arrow.svg");
  background-repeat: no-repeat;
  background-position: 91% 50%;
  margin: 0 auto;
  text-align: center;
}

.ellipse_btn a {
  display: block;
  width: 100%;
  color: #107283;
  font-size: 20px;
  font-weight: bold;
  line-height: 62px;
  letter-spacing: 0.2px;
}

.ellipse_btn a:hover {
  text-decoration: none;
}

/*============
  S2 AREA
  ============*/
#s2_area {
  position: relative;
  background-image: url("../img/bg_pattern1.png");
  padding-bottom: 160px;
}

#s2_area #s2_title {
  position: relative;
  width: 100%;
  height: 320px;
  background: #84cdd7;
  background-image: url("../img/s2_title_bg.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

#s2_area #s2_container {
  position: relative;
  width: 1920px;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}

#s2_area #s2_container #s2_charity_area {
  position: relative;
  display: block;
  text-align: center;
  /** チャリティーオークションカルーセル */
  /** オークション一覧を見るボタン */
}

#s2_area #s2_container #s2_charity_area #s2_charity_s_title {
  margin-top: 73px;
  margin-bottom: 10px;
}

#s2_area #s2_container #s2_charity_area #s2_charity_s_title .s_title_txt {
  width: 480px;
}

#s2_area #s2_container #s2_charity_area #s2_charity_term {
  color: #107283;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 0.1px;
  margin-bottom: 12px;
}

#s2_area #s2_container #s2_charity_area #s2_charity_msg {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.625;
  letter-spacing: 0px;
}

#s2_area #s2_container #s2_charity_area #s2_carousel {
  position: relative;
  display: block;
  width: 1038px;
  margin: 0 auto;
  margin-top: 36px;
}

#s2_area #s2_container #s2_charity_area #s2_carousel ul.s2_cs {
  display: inline-block;
  width: 1038px;
  padding: 0 44px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 554px;
  font-size: 0;
  text-align: left;
}

#s2_area #s2_container #s2_charity_area #s2_carousel ul.s2_cs li {
  display: inline-block;
  width: 230px;
  height: 272px;
  background: #fff;
  margin: 0 10px 10px 0;
}

#s2_area #s2_container #s2_charity_area #s2_carousel ul.s2_cs li a {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#s2_area #s2_container #s2_charity_area #s2_carousel ul.s2_cs li a:focus {
  outline: none;
}

#s2_area #s2_container #s2_charity_area #s2_carousel ul.s2_cs li a:hover {
  display: block;
  position: relative;
  opacity: 0.8;
  text-decoration: none;
}

#s2_area #s2_container #s2_charity_area #s2_carousel ul.s2_cs li:nth-child(4n) {
  margin-right: 0;
}

#s2_area #s2_container #s2_charity_area #s2_carousel ul.s2_cs li .s2_cs_data {
  display: table;
  height: 108px;
  width: 100%;
}

#s2_area #s2_container #s2_charity_area #s2_carousel ul.s2_cs li .s2_cs_txt_area {
  display: table-row;
  height: 100%;
  text-align: center;
}

#s2_area #s2_container #s2_charity_area #s2_carousel ul.s2_cs li .s2_cs_txt_area .s2_cs_txt_container {
  display: table-cell;
  vertical-align: top;
  padding: 10px 10px;
}

#s2_area #s2_container #s2_charity_area #s2_carousel ul.s2_cs li .s2_cs_txt_area .s2_cs_txt_container .s2_cs_title {
  color: #107283;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 1px;
  padding-top: 4px;
  padding-bottom: 2px;
}

#s2_area #s2_container #s2_charity_area #s2_carousel ul.s2_cs li .s2_cs_txt_area .s2_cs_txt_container .s2_cs_title.st {
  line-height: 1.1;
}

#s2_area #s2_container #s2_charity_area #s2_carousel ul.s2_cs li .s2_cs_txt_area .s2_cs_txt_container .s2_cs_item {
  color: #666;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
}

#s2_area #s2_container #s2_charity_area #s2_carousel ul.s2_cs li .s2_cs_txt_area .s2_cs_txt_container .s2_cs_item.st {
  letter-spacing: -0.8px;
}

#s2_area #s2_container #s2_charity_area #s2_cs_nav {
  text-align: center;
}

#s2_area #s2_container #s2_charity_area #s2_cs_nav #s2_prev_btn {
  position: absolute;
  top: 445px;
  left: 421px;
}

#s2_area #s2_container #s2_charity_area #s2_cs_nav #s2_next_btn {
  position: absolute;
  top: 445px;
  left: 1459px;
}

#s2_area #s2_container #s2_charity_area #s2_view_auction {
  margin-top: 18px;
}

#s2_area #s2_container #s2_market_area {
  position: relative;
  display: block;
  text-align: center;
}

#s2_area #s2_container #s2_market_area #s2_market_s_title {
  margin-top: 114px;
  margin-bottom: 10px;
}

#s2_area #s2_container #s2_market_area #s2_market_s_title .s_title_txt {
  width: 349px;
}

#s2_area #s2_container #s2_market_area #s2_market_msg {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.625;
  letter-spacing: 0px;
}

#s2_area #s2_container #s2_market_area #s2_market_banners_area {
  position: relative;
  width: 950px;
  margin: 0 auto;
  margin-top: 35px;
  font-size: 0;
}

#s2_area #s2_container #s2_market_area #s2_market_banners_area #s2_banner_tohoku {
  display: inline-block;
  margin-bottom: 20px;
}

#s2_area #s2_container #s2_market_area #s2_market_banners_area #s2_banner_hokkaido {
  display: inline-block;
  margin-right: 20px;
}

#s2_area #s2_container #s2_market_area #s2_market_banners_area #s2_banner_nishinihon {
  display: inline-block;
  margin: 0px 0px;
}

#s2_area #s2_container #s2_market_area #s2_market_banners_area #s2_banner_busaiku {
  display: inline-block;
  margin-top: 40px;
}

/*============
  S3 AREA
  ============*/
#s3_area {
  position: relative;
  background-image: url("../img/bg_pattern2.png");
  padding-bottom: 118px;
}

#s3_area #s3_title {
  position: relative;
  width: 100%;
  height: 320px;
  background: #84cdd7;
  background-image: url("../img/s3_title_bg.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

#s3_area #s3_container {
  position: relative;
  width: 1920px;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}

#s3_area #s3_container #s3_graph_area {
  position: relative;
  display: block;
  text-align: center;
}

#s3_area #s3_container #s3_graph_area #s3_graph_s_title {
  margin-top: 73px;
  margin-bottom: 10px;
}

#s3_area #s3_container #s3_graph_area #s3_graph_s_title .s_title_txt {
  width: 351px;
}

#s3_area #s3_container #s3_graph_area #s3_graph_banners_area {
  position: relative;
  width: 700px;
  margin: 0 auto;
  margin-top: 30px;
  font-size: 0;
  text-align: left;
}

#s3_area #s3_container #s3_graph_area #s3_graph_banners_area .s3_banner_title {
  color: #767676;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.78;
  letter-spacing: 0.1px;
  text-decoration: none;
  margin-top: 10px;
}

#s3_area #s3_container #s3_graph_area #s3_graph_banners_area a .s3_banner_title {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.78;
  letter-spacing: 0.1px;
  text-decoration: underline;
  margin-top: 10px;
}

#s3_area #s3_container #s3_graph_area #s3_graph_banners_area .s3_banner_lead {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0.1px;
  margin-top: 4px;
}

#s3_area #s3_container #s3_graph_area #s3_graph_banners_area #s3_banner_mismatch {
  margin-top: 32px;
}

#s3_area #s3_container #s3_graph_area #s3_graph_banners_area #s3_banner_external {
  margin-top: 32px;
}

#s3_area #s3_container #s3_partner_area {
  position: relative;
  display: block;
  text-align: center;
}

#s3_area #s3_container #s3_partner_area #s3_partner_s_title {
  margin-top: 68px;
  margin-bottom: 10px;
}

#s3_area #s3_container #s3_partner_area #s3_partner_s_title .s_title_txt {
  width: 482px;
}

#s3_area #s3_container #s3_partner_area #s3_partner_article_area {
  position: relative;
  width: 700px;
  margin: 0 auto;
  margin-top: 30px;
  font-size: 0;
  text-align: left;
}

#s3_area #s3_container #s3_partner_area #s3_partner_article_area ul li {
  position: relative;
/*  clear: both; */
  display: block;
  height: 250px;
  margin-bottom: 42px;
}
#s3_area #s3_container #s3_partner_area #s3_partner_article_area ul .partner_top {
  clear: both;
}
#s3_area #s3_container #s3_partner_area #s3_partner_article_area ul .partner_clear {
  clear: both;
}

#s3_area #s3_container #s3_partner_area #s3_partner_article_area ul li #kirin {
  top: -100px;
}

#s3_area #s3_container #s3_partner_area #s3_partner_article_area img {
  display: inline-block;
  margin-right: 24px;
  float: left;
}

#s3_area #s3_container #s3_partner_area #s3_partner_article_area .s3_partner_title a {
  display: inline-block;
  width: 420px;
  color: #000;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 0.1px;
  text-decoration: underline;
  vertical-align: top;
  margin-top: -4px;
}

#s3_area #s3_container #s3_partner_area #s3_partner_article_area .s3_partner_title a.kirin:after {
  content: "";
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: 8px;
  margin-left: 8px;
  vertical-align: top;
  background-image: url("../img/icon_url_external.svg");
  background-repeat: no-repeat;
  background-size: 17px 16px;
}

#s3_area #s3_container #s3_partner_area #s3_partner_article_area .s3_partner_name {
  display: inline-block;
  width: 300px;
  color: #666;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.45;
  letter-spacing: 0.1px;
  vertical-align: top;
  margin-top: 2px;
}

#s3_area #s3_container #s3_partner_area #s3_partner_article_area .s3_partner_lead {
  display: inline-block;
  width: 420px;
  color: #000;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.7;
  letter-spacing: 0.1px;
  margin-top: 6px;
}

/*============
  S4 AREA
  ============*/
#s4_area {
  position: relative;
  background-image: url("../img/bg_pattern1.png");
  padding-bottom: 154px;
}

#s4_area #s4_title {
  position: relative;
  width: 100%;
  height: 320px;
  background: #84cdd7;
  background-image: url("../img/s4_title_bg.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

#s4_area #s4_title .title_container h2 img {
  top: 57px;
}

#s4_area #s4_title .title_container p {
  top: 168px;
}

#s4_area #s4_container {
  position: relative;
  width: 1920px;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}

#s4_area #s4_container #s4_search_area {
  position: relative;
  width: 950px;
  margin: 0 auto;
  margin-top: 30px;
  text-align: center;
}

#s4_area #s4_container #s4_search_area #s4_311_logo {
  margin-top: 50px;
  margin-bottom: 24px;
}

#s4_area #s4_container #s4_search_area #s4_311_lead {
  color: #107283;
  font-size: 16px;
  font-weight: normal;
  line-height: 2.3;
  letter-spacing: 0.1px;
}

#s4_area #s4_container #s4_search_area h3 {
  color: #000;
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 2.6px;
  margin-top: 60px;
  margin-left: -20px;
  margin-bottom: 23px;
}

#s4_area #s4_container #s4_video_area {
  position: relative;
}

#s4_area #s4_container #s4_video_area #s4_311_s_title {
  margin-top: 74px;
  margin-bottom: 32px;
}

#s4_area #s4_container #s4_video_area #s4_311_s_title .s_title_txt {
  width: 512px;
}

#s4_area #s4_container #s4_donation_area {
  position: relative;
}

#s4_area #s4_container #s4_donation_area #s4_donation_s_title {
  margin-top: 64px;
  margin-bottom: 16px;
}

#s4_area #s4_container #s4_donation_area #s4_donation_s_title .s_title_txt {
  width: 320px;
}

#s4_area #s4_container #s4_donation_area #s4_donation_lead {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.2;
  letter-spacing: 0px;
}

#s4_area #s4_container #s4_donation_area #s4_carousel {
  display: block;
  width: 950px;
  margin: 0 auto;
  margin-top: 38px;
}

#s4_area #s4_container #s4_donation_area #s4_carousel ul.s4_cs {
  display: inline-block;
  width: 720px;
  padding: 0 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 554px;
  font-size: 0;
}

#s4_area #s4_container #s4_donation_area #s4_carousel ul.s4_cs li {
  display: inline-block;
  width: 230px;
  height: 272px;
  background: #fff;
  margin: 0 10px 10px 0;
}

#s4_area #s4_container #s4_donation_area #s4_carousel ul.s4_cs li a {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#s4_area #s4_container #s4_donation_area #s4_carousel ul.s4_cs li a:focus {
  outline: none;
}

#s4_area #s4_container #s4_donation_area #s4_carousel ul.s4_cs li a:hover {
  display: block;
  position: relative;
  opacity: 0.8;
  text-decoration: none;
}

#s4_area #s4_container #s4_donation_area #s4_carousel ul.s4_cs li:nth-child(3n) {
  margin-right: 0;
}

#s4_area #s4_container #s4_donation_area #s4_carousel ul.s4_cs li .s4_cs_data {
  display: table;
  height: 108px;
  width: 100%;
}

#s4_area #s4_container #s4_donation_area #s4_carousel ul.s4_cs li .s4_cs_txt_area {
  display: table-row;
  height: 100%;
  text-align: left;
}

#s4_area #s4_container #s4_donation_area #s4_carousel ul.s4_cs li .s4_cs_txt_area .s4_cs_txt_container {
  display: table-cell;
  vertical-align: top;
  padding: 10px 10px;
}

#s4_area #s4_container #s4_donation_area #s4_carousel ul.s4_cs li .s4_cs_txt_area .s4_cs_txt_container .s4_cs_title {
  color: #666;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 1px;
  padding-top: 4px;
  padding-bottom: 2px;
}

#s4_area #s4_container #s4_donation_area #s4_carousel ul.s4_cs li .s4_cs_txt_area .s4_cs_txt_container .s4_cs_title.st {
  letter-spacing: 0px;
}

#s4_area #s4_container #s4_donation_area #s4_carousel ul.s4_cs li .s4_cs_txt_area .s4_cs_txt_container .s4_cs_party {
  color: #107283;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.25;
  letter-spacing: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
}

#s4_area #s4_container #s4_donation_area #s4_carousel ul.s4_cs li .s4_cs_txt_area .s4_cs_txt_container .s4_cs_party.st {
  letter-spacing: 0px;
}

#s4_area #s4_container #s4_report_area {
  position: relative;
}

#s4_area #s4_container #s4_report_area #s4_report_s_title {
  margin-top: 72px;
  margin-bottom: 8px;
}

#s4_area #s4_container #s4_report_area #s4_report_s_title .s_title_txt {
  width: 538px;
}

#s4_area #s4_container #s4_report_area #s4_report_lead {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.65;
  letter-spacing: 0px;
}

#s4_area #s4_container #s4_report_area #s4_view_report {
  margin-top: 35px;
}

#s4_area #s4_container #s4_report_area #s4_howto_donation {
  position: relative;
  display: block;
  color: #107283;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.2px;
  margin-top: 40px;
  padding-top: 36px;
  margin-bottom: 30px;
}

#s4_area #s4_container #s4_report_area #s4_howto_donation_list {
  position: relative;
  width: 700px;
  margin: 0 auto;
  color: #000;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.75;
  letter-spacing: 0.1px;
  text-align: left;
}

#s4_area #s4_container #s4_report_area #s4_howto_donation_list li {
  position: relative;
  display: inline-block;
  padding-left: 12px;
}

#s4_area #s4_container #s4_report_area #s4_howto_donation_list li:before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 8px;
  height: 8px;
  background: #666;
  border-radius: 8px;
}

/*============
  S5 AREA
  ============*/
#s5_area {
  position: relative;
  background-image: url("../img/bg_pattern3.png");
  padding-bottom: 112px;
}

#s5_area #s5_title {
  position: relative;
  width: 100%;
  height: 209px;
  background: #a9b3db;
}

#s5_area #s5_title #s5_title_sc {
  position: absolute;
  top: 38px;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  color: #514796;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 2.2px;
}

#s5_area #s5_title .title_container h2 img {
  left: 307px;
  top: 89px;
  width: 336px;
  height: 80px;
}

#s5_area #s5_title .title_container p {
  top: 168px;
}

#s5_area #s5_container {
  position: relative;
  width: 1920px;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}

#s5_area #s5_container #s5_banners_area {
  position: relative;
  width: 700px;
  margin: 0 auto;
  margin-top: 80px;
  font-size: 0;
  text-align: left;
}

#s5_area #s5_container #s5_banners_area .s5_banner_title {
  color: #767676;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.78;
  letter-spacing: 0.1px;
  text-decoration: none;
  margin-top: 18px;
}

#s5_area #s5_container #s5_banners_area a .s5_banner_title {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.78;
  letter-spacing: 0.1px;
  text-decoration: underline;
  margin-top: 18px;
}

#s5_area #s5_container #s5_banners_area .s5_banner_lead {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0.2px;
  margin-top: 4px;
}

#s5_area #s5_container #s5_banners_area #s5_banner_moshi {
  margin-top: 35px;
}

/*============
  RELATED AREA
  ============*/
#related_area {
  position: relative;
  background-image: url("../img/bg_pattern1.png");
  padding-bottom: 80px;
  text-align: center;
  border-top: #569ba6 solid 2px;
}

#related_area #related_title h2 {
  color: #107283;
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 1px;
  padding-top: 120px;
}

#related_area #related_container {
  position: relative;
  width: 1920px;
  left: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
}

#related_area #related_container #related_banners_area {
  position: relative;
  margin: 0 auto;
  width: 740px;
  margin-top: 40px;
  font-size: 0;
}

#related_area #related_container #related_banners_area ul li {
  display: inline-block;
  margin: 0 20px 40px;
}

/*============
  検索ボックス
  ============*/
.y311_wrapper.pc .y311_search {
  height: 50px;
  text-align: left;
  width: 550px;
}

#y311_footer .cm, .y311_opening .cm, .y311_wrapper .cm {
  margin-left: auto;
  margin-right: auto;
}

.y311_wrapper .y311_search {
  height: 40px;
  text-align: center;
  width: 100%;
  position: relative;
}

*, *::before, *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

user agent stylesheet
div {
  display: block;
}

.y311_wrapper {
  position: relative;
  font-size: 15px;
  line-height: 1.8;
  color: #666;
  z-index: 1;
}

body {
  color: #333;
  font-family: "Avenir Next" , "Helvetica Neue" , Helvetica , Verdana , YuGothic , "游ゴシック" , "Hiragino Kaku Gothic ProN" , "ヒラギノ角ゴ ProN" , Meiryo , メイリオ , sans-serif;
}

html {
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased;
  position: relative;
  //overflow-x: hidden;//横スクロール対応
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*, *::before, *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

*, *::before, *::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.y311_wrapper.pc .y311_search {
  height: 50px;
  text-align: left;
  width: 550px;
}

.y311_wrapper.pc .y311_search p {
  width: 550px;
}

.y311_wrapper .y311_search p {
  margin: 0 auto;
  width: 272px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.srchbtn2 {
  float: left;
  width: 25.45%;
  height: 50px;
  margin-left: 1.81%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 13.5px 0;
  border: 1px solid #3973ee;
  background: url("../img/mag_glass@2x.png") no-repeat 30% center, #4070ff;
  background-size: 12%;
  color: #ffffff;
  cursor: pointer;
  font-size: 106%;
  font-weight: bold;
  text-indent: 1em;
  line-height: 1.29;
  letter-spacing: 0.1em;
  border-radius: 0;
  border-style: none;
  outline: none;
}

.y311_wrapper .y311_search #srchtxt {
  display: block;
  float: left;
  width: auto;
  border: 2px solid #1a75ff;
  line-height: 0;
  height: 44px;
  font-size: 16px;
  padding-left: 10px;
  border-radius: 0;
}

.y311_wrapper.pc .y311_search #srchtxtBg {
  width: 400px;
}

.y311_wrapper .y311_search #srchtxtBg {
  display: block;
  float: left;
  overflow: hidden;
  line-height: 0;
}

.y311_wrapper.pc .y311_search #srchtxt {
  width: 400px;
  border: 1px solid #999;
  height: 50px;
  border-radius: 0;
}

.y311_wrapper.pc .y311_search .srchbtn2:hover {
  background: url("../img/mag_glass@2x.png") no-repeat 30% center, #15e;
  background-size: 12%;
}

.y311_wrapper.pc .y311_search .srchbtn2:active {
  background: url("../img/mag_glass@2x.png") no-repeat 30% center, #15e;
  background-size: 12%;
}