@charset "utf-8";
/* ====================================================
yearold
==================================================== */

/* adjust
==================================================== */
.yearold_bg {
  padding: 115px 0 100px;
}

/* oudan_inner
==================================================== */
.oudan_inner {
  position: relative;
  z-index: 2;
  width: 800px;
  margin: 0 auto;
  background-image: url(/library/anshin/7pj/img/oudan_img01.png);
  background-size: auto 678px;
  background-repeat: no-repeat;
  background-position: center 30px;
}


/* oudan_header
==================================================== */
.oudan_subtitle {
  width: 165px;
  margin: 0 auto;
  text-align: center;
}
.oudan_subtitle > img {
  max-width: 100%;
}

.oudan_title {
  width: 587px !important;
  margin: 24px auto 0 !important;
}
.oudan_title > img {
  max-width: 100%;
}

/* oudan_content
==================================================== */
.oudan_text {
  margin-top: 300px;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.5;
  text-align: center;
}

.oudan_text > em {
  font-size: 2.4rem;
  color: #4ab89d;
}

.ttl {
  line-height: 1;
}

.oudan_text > span {
  display: inline-block;
  background: url(/library/anshin/img/7pj/index_pickup_bg02.png) repeat-x center bottom;
}

/* oudan_cacth_wrap
==================================================== */
.oudan_cacth_wrap {
  background: #fff;
  border-radius: 20px;
  border: solid 2px #a50082;
  box-shadow:0px 0px 0px 10px #fff;
  margin: 50px auto 0;
  padding: 40px 0 30px;
  width: 820px;
}

.oudan_cacth_wrap h2 {
  text-align: center;
}

.oudan_cacth_date {
  color: #a50082;
  font-size: 2rem;
  font-weight: bold;
  margin-top: 25px;
}

.oudan_cacth_date span {
  background: #a50082;
  border-radius: 16px;
  color: #fff;
  display: inline-block;
  font-size: 1.6rem;
  margin-right: 15px;
  padding: 5px 18px 4px;
}

.oudan_cacth_text {
  font-size: 1.8rem;
  line-height: 2;
  margin: 20px 0 15px;
}

.oudan_end_text {
  color: #727272;
  font-size: 2.4rem;
  font-weight: bold;
  margin-top: 35px;
}

ul.oudan_cacth_btn_wrap {
  display: flex;
  justify-content: space-between;
  margin: 30px auto 0;
  width: 610px;
}

.oudan_cacth_btn_wrap li {
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
}

.oudan_cacth_btn_wrap li a {
  border-radius: 50px;
  color: #fff;
  display: block;
  line-height: 100px;
  width: 300px;
}

.oudan_cacth_btn_wrap li a:hover {
  text-decoration: none;
}

.oudan_cacth_btn_wrap li span {
  display: inline-block;
}

.oudan_cacth_btn_wrap li img {
  display: block;
  margin-bottom: -4px;
  margin-left: 7px;
  width: 30px;
}

.oudan_cacth_btn_left a {
  background: #e2635d;
}

.oudan_cacth_btn_right a {
  background: #bd74b7;
}

/* oudan_cacth_wrap02
==================================================== */
.oudan_cacth_wrap02 {
  background: url(/library/anshin/7pj/img/oudan_cacth02_bg.png) center / cover no-repeat;
  border-radius: 20px;
  border: solid 2px #9fa0a0;
  margin: 50px auto 0;
  padding: 60px 0;
  width: 840px;
}

.oudan_cacth_wrap02 h2 {
  text-align: center;
}

.oudan_cacth_date02 {
  color: #094;
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 12px;
}

.oudan_cacth_date02 span {
  background: #094;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  font-size: 1.5rem;
  margin-right: 8px;
  padding: 3px 8px 0;
}

/* oudan_area
==================================================== */
.oudan_area {
  margin-top: 100px;
  position: relative;
}

.oudan_area_title {
  width: 800px;
  margin: 0 auto;
}

.oudan_area_text {
  font-size: 1.8rem;
  line-height: 2.1;
  text-align: left;
  width: 800px;
  margin: 20px auto 0;
}

.oudan_area_map_bg {
  height: 557px;
  margin: -50px auto 0;
  width: 930px;
  position: relative;
}

.oudan_area_map_bg p {
  position: absolute;
}

.oudan_area_map {
  left: 50%;
  transform: translateX(-50%);
}

.oudan_area_btn01 {
  right: -31px;
  top: 148px;
  z-index: 10;
}

.oudan_area_btn02 {
  right: 106px;
  bottom: 130px;
  z-index: 10;
}

.oudan_area_btn03 {
  right: 222px;
  bottom: 37px;
  z-index: 10;
}

.oudan_area_btn04 {
  right: 408px;
  top: 147px;
  z-index: 10;
}

.oudan_area_btn05 {
  right: 447px;
  bottom: 37px;
  z-index: 10;
}

.oudan_area_btn06 {
  left: 127px;
  top: 219px;
  z-index: 10;
}

.oudan_area_icon {
  position: relative;
}

.oudan_area_icon::before {
  background: url(/library/anshin/7pj/img/oudan_area_map_icon.png) center / contain no-repeat;
  content: "";
  display: block;
  height: 25px;
  position: absolute;
  top: -5px;
  left: 0;
  width: 61px;
  z-index: 100;
}

.oudan_area_icon:hover::before {
  background: url(/library/anshin/7pj/img/oudan_area_map_icon_on.png) center / contain no-repeat;
}

.oudan_area_map_text {
  color: #625c4c;
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 30px;
  text-align: center;
}


/* FlagUnderlayer
==================================================== */
.yearold_header_totop.flag_header_totop a {
  background: url(/library/anshin/7pj/img/flag_totop_header.png) center / contain no-repeat;
  height: 21px;
  width: 168px;
}

.yearold_header_totop.flag_header_totop a:hover {
  background: url(/library/anshin/7pj/img/flag_totop_header_hover.png) center / contain no-repeat;
}

ul.flag_nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 40px auto 0;
  position: relative;
  width: 730px;
  z-index: 10;
}

ul.flag_nav li {
  background-color: #fff;
  border-radius: 30px;
  margin: 6px;
}

ul.flag_nav li.no-link_list {
  background: none;
}

ul.flag_nav .no-link {
  pointer-events: none;
}

.flag_area_wrap {
  border-radius: 20px;
  box-sizing: border-box;
  margin: 70px auto 0;
  padding: 60px 70px 80px;
  width: 840px;
}

.flag_area_wrap h2 {
  font-size: 4rem;
  text-align: center;
}

.flag_area_inner {
  background: url(/library/anshin/img/7pj/yearold_modal_bg01.jpg) repeat left top;
  border-radius: 20px;
  margin-top: 50px;
}

.flag_area_width {
  padding: 40px 55px;
}

.flag_area_tag {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
}

.flag_area_tag span {
  background-color: #ff3467;
  border-radius: 16px;
  padding: 5px 30px 3px;
}

.flag_area_data {
  font-weight: bold;
  text-decoration: underline;
}

.flag_area_topic h3 {
  font-size: 2.8rem;
  line-height: 1.2;
  margin-top: 10px;
  text-align: center;
}

.flag_area_text {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-top: 30px;
  text-align: left;
}

.flag_area_break {
  font-size: 2rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}

.flag_area_break::before,
.flag_area_break::after {
  content: "";
  display: block;
  height: 1px;
  width: calc(100% - 370px);
}

.flag_impression_wrap {
  background: rgba(228, 221, 215, .4);
}

.flag_impression_text {
  font-size: 1.8rem;
  line-height: 2.3;
  margin-top: 30px !important;
  text-align: left;
  padding: 30px;
}

.flag_impression_text span {
  background: linear-gradient(transparent 94%, #cfc3b7 40%);
}

.flag_accordion_content {
  padding-top: 40px;
}

.flag_accordion_content .flag_area_topic {
  border-top: dashed 1px #333;
  padding-top: 30px;
}

.flag_area_2clm {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.flag_area_2clm .flag_area_text {
  width: 305px;
}

.flag_area_2clm .flag_area_img {
  width: 250px;
}

.flag_area_2clm .flag_area_img img {
  width: 100%;
}

.flag_accordion_handle {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  color: #fff;
  display: block;
  font-size: 2rem;
  font-weight: bold;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.flag_accordion_handle:hover {
  cursor: pointer;
  color: #fff;
  opacity: .7;
  text-decoration: none;
}

.flag_accordion_handle::before {
  color: #fff;
  content: "過去の寄贈の様子を見る";
  display: block;
  line-height: 66px;
}

.flag_accordion_handle::after {
  background-size: contain;
  content: "";
  display: block;
  height: 23px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 100px;
  width: 23px;
}

.is-expanded .flag_accordion_handle::before {
  content: "閉じる";
}

.is-expanded .flag_accordion_handle::after {
  transform: translateY(-50%) rotate(180deg);
}

.is-collapsed .ancor_point {
  display: block;
}

.is-expanded .ancor_point {
  display: none;
}

#hokkaido-tohoku .flag_area_wrap {
  background: url(/library/anshin/7pj/img/flag_bg01.png) center / 820px calc(100% - 20px) #fff no-repeat;
}
#hokkaido-tohoku .flag_area_wrap h2,
#hokkaido-tohoku .flag_area_break {
  color: #659fe8;
}
#hokkaido-tohoku .flag_area_break::before,
#hokkaido-tohoku .flag_area_break::after,
#hokkaido-tohoku .flag_accordion_handle {
  background-color: #659fe8;
}
#hokkaido-tohoku .flag_accordion_handle::after {
  background-image: url(/library/anshin/7pj/img/flag_icon01.png);
}

#kanto .flag_area_wrap {
  background: url(/library/anshin/7pj/img/flag_bg02.png) center / 820px calc(100% - 20px) #fff no-repeat;
}
#kanto .flag_area_wrap.ver02 {
  background: url(/library/anshin/7pj/img/flag_bg02_02.png) center / 840px 100% #fff no-repeat;
}
#kanto .flag_area_wrap h2,
#kanto .flag_area_break {
  color: #44af35;
}
#kanto .flag_area_break::before,
#kanto .flag_area_break::after,
#kanto .flag_accordion_handle {
  background-color: #44af35;
}
#kanto .flag_accordion_handle::after {
  background-image: url(/library/anshin/7pj/img/flag_icon02.png);
}

#chubu .flag_area_wrap {
  background: url(/library/anshin/7pj/img/flag_bg03.png) center / 820px calc(100% - 20px) #fff no-repeat;
}
#chubu .flag_area_wrap.ver02 {
  background: url(/library/anshin/7pj/img/flag_bg03_02.png) center / 840px 100% #fff no-repeat;
}
#chubu .flag_area_wrap h2,
#chubu .flag_area_break {
  color: #c3d600;
}
#chubu .flag_area_break::before,
#chubu .flag_area_break::after,
#chubu .flag_accordion_handle {
  background-color: #c3d600;
}
#chubu .flag_accordion_handle::after {
  background-image: url(/library/anshin/7pj/img/flag_icon03.png);
}

#kansai .flag_area_wrap {
  background: url(/library/anshin/7pj/img/flag_bg04.png) center / 820px calc(100% - 20px) #fff no-repeat;
}
#kansai .flag_area_wrap.ver02 {
  background: url(/library/anshin/7pj/img/flag_bg04_02.png) center / 840px 100% #fff no-repeat;
}
#kansai .flag_area_wrap h2,
#kansai .flag_area_break {
  color: #f0c02d;
}
#kansai .flag_area_break::before,
#kansai .flag_area_break::after,
#kansai .flag_accordion_handle {
  background-color: #f0c02d;
}
#kansai .flag_accordion_handle::after {
  background-image: url(/library/anshin/7pj/img/flag_icon04.png);
}

#chushikoku .flag_area_wrap {
  background: url(/library/anshin/7pj/img/flag_bg05.png) center / 820px calc(100% - 20px) #fff no-repeat;
}
#chushikoku .flag_area_wrap h2,
#chushikoku .flag_area_break {
  color: #fb9928;
}
#chushikoku .flag_area_break::before,
#chushikoku .flag_area_break::after,
#chushikoku .flag_accordion_handle {
  background-color: #fb9928;
}
#chushikoku .flag_accordion_handle::after {
  background-image: url(/library/anshin/7pj/img/flag_icon05.png);
}

#kyushu .flag_area_wrap {
  background: url(/library/anshin/7pj/img/flag_bg06.png) center / 820px calc(100% - 20px) #fff no-repeat;
}
#kyushu .flag_area_wrap.ver02 {
  background: url(/library/anshin/7pj/img/flag_bg06_02.png) center / 840px 100% #fff no-repeat;
}
#kyushu .flag_area_wrap h2,
#kyushu .flag_area_break {
  color: #fb6864;
}
#kyushu .flag_area_break::before,
#kyushu .flag_area_break::after,
#kyushu .flag_accordion_handle {
  background-color: #fb6864;
}
#kyushu .flag_accordion_handle::after {
  background-image: url(/library/anshin/7pj/img/flag_icon06.png);
}


/* update01
==================================================== */
.update01 .flag_area_tag span {
  background-color: #ff437b;
  border-radius: 34px;
  padding: 5px 30px;
}
  
.update01 .flag_area_topic h3 {
  line-height: 1.35;
}
  
.update01 .flag_area_text {
  line-height: 1.9;
}

.update01 .flag_impression_text {
  line-height: 42px;
}
  
.update01 .flag_impression_text span {
  background: url(/library/anshin/7pj/img/flag_text_bg.png);
  display: block;
}

.update01 .flag_area_width {
  padding: 55px 40px 60px;
}

.update01 .flag_accordion_handle {
  margin-top: -5px;
}


/* ver02
==================================================== */
.ver02 .oudan_title {
  width: 793px !important;
}

.pickup_text_banner .new_icon::before {
  background: url(/library/anshin/7pj/img/new_icon.png) center / contain no-repeat;
  content: "";
  display: block;
  height: 26px;
  position: absolute;
  left: 90px;
  top: 6px;
  width: 58px;
  z-index: 1;
}

.pickup_text_banner:hover .new_icon::before {
  opacity: .7;
}

.modal_image_illust {
  position: relative;
}

.modal_image_illust::before {
  background: url(/library/anshin/img/7pj/yearold_modal_img31.png) center / contain no-repeat;
  content: "";
  display: block;
  height: 148px;
  position: absolute;
  right: -10px;
  bottom: -110px;
  width: 130px;
  z-index: 1;
}