@charset "UTF-8";
/* ==================================================
   01.Mixin
================================================== */
/* --------------------------------------------------
   Extend
-------------------------------------------------- */
/* box-sizing */
body, #strMain, #areaPageData #txtTopicPath, #areaPageData h1.hdg1Ty01, #strFooterGreen > .inner, body.tmpGreenTop #areaContent02 > .inner, body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li, body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > a, body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > div.toggleContent, .hdg1Ty02 em.title, .hdg1Ty02 span.img, .compReport01 > div.list, .compReport01 > div.list > ul > li, .compReport02 > .img, .compReport02 > .img ul, .compSlide01 > .inner > ul.listImg > li, .compSlide01 > .inner > ul.listImg > li > a > span, .compSlide01 > .inner > ul.listNav, .tmpGreenTop #areaGlobal ul.navGlobal > li, .tmpGreenTop #areaGlobal ul.navGlobal > li > a, ul.navGlobal > li div.drop > ul, ul.navGlobal > li div.drop > ul > li, ul.navGlobal > li div.drop > p.btnClose, .tmpGreenTy01 #areaGlobal ul.navGlobal,
.tmpGreenTy02 #areaGlobal ul.navGlobal, .tmpGreenTy01 #areaGlobal ul.navGlobal > li > a,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li > a, ul.listBa.col2 > li, ul.listBa.col3 > li, ul.listBa.col4 > li, ul.listBa.col5 > li, ul.listLinkBa.col2 > li, ul.listLinkBa.col3 > li, ul.listLinkBa.col4 > li, ul.listLinkBa.col5 > li, ul.listNumBa.col2 > li, ul.listNumBa.col3 > li, ul.listNumBa.col4 > li, ul.listNumBa.col5 > li,
ul.listNumTy01.col2 > li,
ul.listNumTy01.col3 > li,
ul.listNumTy01.col4 > li,
ul.listNumTy01.col5 > li, ul.listIndexBa > li, ul.listIndexBa > li > a, ul.listIndexTy01 > li, ul.listBnrBa > li, ul.listBnrTy01 > li, ul.listReportBa > li, ul.listReportTy01, ul.listArchiveBa > li, .btnTy01 a, .toggleBtn01 > div.toggleContent, .btnFacebook p, .lightboxBa.active > div > .inner {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* text-decoration */
#areaPageData #txtTopicPath a, #strFooterGreen > .inner > ul > li > a, #strFooterGreen > .inner > ul > li > ul > li > a, .hdg2Ba > a.more,
.hdg2Ba > span.more > a, ul.navGlobal > li div.drop > p.btnClose a, ul.listLinkBa > li a, ul.listIndexTy01 > li > a,
ul.listIndexTy01 > li > div, .listYearBa > dl > dd > a {
  text-decoration: none;
}
#areaPageData #txtTopicPath a:hover, #strFooterGreen > .inner > ul > li > a:hover, #strFooterGreen > .inner > ul > li > ul > li > a:hover, .hdg2Ba > a.more:hover,
.hdg2Ba > span.more > a:hover, ul.navGlobal > li div.drop > p.btnClose a:hover, ul.listLinkBa > li a:hover, ul.listIndexTy01 > li > a:hover,
ul.listIndexTy01 > li > div:hover, .listYearBa > dl > dd > a:hover {
  text-decoration: underline;
}

/* clearfix */
#areaPageData #txtTopicPath, #strFooterGreen > .inner > ul, body.tmpGreenTop #areaContent02 > .inner > ul.listTop01, .hdg1Ty02, .hdg2Ba, .compReport01 > div.list > ul, .compReport02 > .img ul, .compSlide01 > .inner > ul.listImg, .compSlide01 > .inner > ul.listNav, .tmpGreenTop #areaGlobal ul.navGlobal, ul.navGlobal, ul.navGlobal > li div.drop, ul.navGlobal > li div.drop > ul, #areaGlobalSP ul.navGlobalSP, .tmpGreenTy01 #areaGlobal ul.navGlobal,
.tmpGreenTy02 #areaGlobal ul.navGlobal, ul.listBa, ul.listLinkBa, ul.listNumBa,
ul.listNumTy01, ul.listIndexBa, ul.listIndexTy01, ul.listBnrBa, ul.listBnrTy01, ul.listBnrTy01 > li, ul.listReportBa, ul.listReportBa > li > a, ul.listReportTy01, ul.listReportTy01 > li > a, ul.listArchiveBa, .listYearBa > dl, dl.listTy02, .lytColumnBa, .lytColumnTy01, .lytImgTy02, .lytIndexColumnBa, .jsSlideGreen01 > div.inner > ul.img, .jsSlideGreen01 > ul.nav {
  *zoom: 1;
}
#areaPageData #txtTopicPath:after, #strFooterGreen > .inner > ul:after, body.tmpGreenTop #areaContent02 > .inner > ul.listTop01:after, .hdg1Ty02:after, .hdg2Ba:after, .compReport01 > div.list > ul:after, .compReport02 > .img ul:after, .compSlide01 > .inner > ul.listImg:after, .compSlide01 > .inner > ul.listNav:after, .tmpGreenTop #areaGlobal ul.navGlobal:after, ul.navGlobal:after, ul.navGlobal > li div.drop:after, ul.navGlobal > li div.drop > ul:after, #areaGlobalSP ul.navGlobalSP:after, .tmpGreenTy01 #areaGlobal ul.navGlobal:after,
.tmpGreenTy02 #areaGlobal ul.navGlobal:after, ul.listBa:after, ul.listLinkBa:after, ul.listNumBa:after,
ul.listNumTy01:after, ul.listIndexBa:after, ul.listIndexTy01:after, ul.listBnrBa:after, ul.listBnrTy01:after, ul.listBnrTy01 > li:after, ul.listReportBa:after, ul.listReportBa > li > a:after, ul.listReportTy01:after, ul.listReportTy01 > li > a:after, ul.listArchiveBa:after, .listYearBa > dl:after, dl.listTy02:after, .lytColumnBa:after, .lytColumnTy01:after, .lytImgTy02:after, .lytIndexColumnBa:after, .jsSlideGreen01 > div.inner > ul.img:after, .jsSlideGreen01 > ul.nav:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  font-size: 0;
  line-height: 0;
}

/* --------------------------------------------------
   CSS Sprite
-------------------------------------------------- */
.modules-sprite, #strFooterGreen > .inner:before, #strFooterGreen > .inner > ul > li:before, #strFooterGreen > .inner > ul > li.close:before, #strFooterGreen > .inner > ul > li > a:before, #strFooterGreen > .inner > ul > li > ul > li > a:before, body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > a:before, body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > a.toggleHook.close:before, .hdg2Ba > span:before, .hdg2Ba.faq > span:before, .hdg2Ba > a.more:before,
.hdg2Ba > span.more > a:before, .compSlide01 > .inner > ul.listNav > li > a:before, .compSlide01 > .inner > ul.listNav > li.prev > a:before, ul.navGlobal > li div.drop > p.btnClose a:before, #areaGlobalSP ul.navGlobalSP > li:before, #areaGlobalSP ul.navGlobalSP > li.current:before, #areaGlobalSP ul.navGlobalSP > li > a:before, #areaGlobalSP ul.navGlobalSP > li.current > div.drop ul > li > a:before, .tmpGreenTy01 #areaGlobal > .inner:before,
.tmpGreenTy02 #areaGlobal > .inner:before, .tmpGreenTy01 #areaGlobal ul.navGlobal > li.active:before,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li.active:before, .tmpGreenTy01 #areaGlobal ul.navGlobal > li.active > a:before,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li.active > a:before, ul.listLinkBa > li a:before, ul.listNewsBa > li > a > span.txt:before,
ul.listNewsTy01 > li > a > span.txt:before, ul.listReportTy01 > li.current > a:before, ul.listMangrove > li:before, ul.listMangrove > li.sum:before, .listYearBa > dl > dd > a:before, dl.listFaqBa > dt > span.num:before, dl.listFaqBa > dd > span.num:before, .btnBa a:before, .toggleBtn01 > a.toggleHook:before, .toggleBtn01 > a.toggleHook.close:before, .jsSlideGreen01 > ul.nav > li > a:before, .jsSlideGreen01 > ul.nav > li.next > a:before, .lightboxBa.active > div > .inner a.close:before {
  background: url('/world/greengift/common/img/sprite/modules.png') no-repeat;
}

/* ==================================================
   02.Normalize
================================================== */
/* normalize.css v2.1.2 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

audio, canvas, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

a:focus {
  outline: thin dotted;
}

a:active, a:hover {
  outline: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

mark {
  background: #ff0;
  color: #000;
}

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button, input {
  line-height: normal;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* customize */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 1.0em;
  line-height: 1.2;
}

p {
  margin-top: 0;
}

ul {
  margin-top: 0;
  list-style: none;
  padding-left: 0;
}

img {
  vertical-align: bottom;
}

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



/* ==================================================
   03.Foundation
================================================== */
html {
  font-size: 62.5%;
  overflow-y: scroll;
}

body {
  min-width: 980px;
  color: #333333;
  background: #FFF;
  border-top: none;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  overflow-x: hidden;
}

@media only screen and (max-width: 980px) {
  body.rwd {
    min-width: inherit;
  }
}
@media only screen and (max-width: 640px) {
  body.rwd {
    width: 100%;
    overflow: hidden;
  }
}
a {
  color: #004e80;
}
a:hover {
  text-decoration: none;
  color: #1d6796;
}

em {
  font-weight: bold;
  font-style: normal;
}

strong {
  color: #cc0000;
  font-weight: normal;
}

input,
select {
  border: 1px solid #CCC;
  padding: 7px;
}

/* ==================================================
   04_Structure
================================================== */
/* --------------------------------------------------
   Structure
-------------------------------------------------- */
#strWrapper {
  background: white url(/world/greengift/common/img/structure/gg_bg_body.png) repeat center center !important;
  width: 100%;
  padding-bottom: 20px;
}

@media only screen and (max-width: 640px) {
  body.rwd #strWrapper {
    padding-bottom: 0;
    background: white url(/world/greengift/common/img/structure/gg_bg_body.png) repeat center center !important;
  }
}
#strMain {
  width: 100%;
  margin: 0 auto;
}

/* --------------------------------------------------
   Page Data
-------------------------------------------------- */
#areaPageData {
  position: relative;
  min-width: 980px;
  background: #549a0b;
  background: -moz-linear-gradient(left, #549a0b 0%, #85b851 50%, #549a0b 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #549a0b), color-stop(50%, #85b851), color-stop(100%, #549a0b));
  background: -webkit-linear-gradient(left, #549a0b 0%, #85b851 50%, #549a0b 100%);
  background: linear-gradient(left, #549a0b 0%, #85b851 50%, #549a0b 100%);
}
#areaPageData.internal .hdg1Ty01 {
  position: relative;
}
#areaPageData.internal .hdg1Ty01:after {
  content: "";
  background: url(/world/greengift/internal_activity/img/hdg_medal.png) 0 0 no-repeat;
  position: absolute;
  right: 0;
  top: -10px;
  width: 498px;
  height: 51px;
}
#areaPageData #txtTopicPath {
  width: 980px;
  padding: 13px 20px 0;
  margin: -1px auto 0;
  color: #FFF;
  font-weight: bold;
  position: relative;
  z-index: 1;
  font-size: 12px;
  font-size: 1.2rem;
}
#areaPageData #txtTopicPath li {
  display: inline-block;
  float: left;
  padding: 5px 0 10px;
}
#areaPageData #txtTopicPath li:before {
  content: ":";
  margin: 0 10px;
}
#areaPageData #txtTopicPath li.home:before {
  display: none;
}
#areaPageData #txtTopicPath a {
  color: inherit;
}
#areaPageData h1.hdg1Ty01 {
  width: 980px;
  padding: 0 20px 80px;
  margin: 0 auto;
  color: #FFF;
  font-size: 28px;
  font-size: 2.8rem;
}
#areaPageData h1.hdg1Ty01 span.sub01 {
  margin-left: 5px;
  font-size: 20px;
  font-size: 2rem;
}
#areaPageData h1.hdg1Ty01 span.sub02 {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
#areaPageData h1.hdg1Ty01.logo01 {
  display: table;
  height: 100%;
}
#areaPageData h1.hdg1Ty01.logo01 span.hdg,
#areaPageData h1.hdg1Ty01.logo01 a.logo {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}
#areaPageData h1.hdg1Ty01.logo01 a.logo {
  width: auto;
  position: relative;
}
#areaPageData h1.hdg1Ty01.logo01 a.logo img {
  position: absolute;
  right: 0;
  top: -20px;
}
#areaPageData p.bnr {
  width: 100%;
  max-width: 980px;
  position: relative;
  text-align: right;
  margin: 0 auto;
}
#areaPageData .hdg1Ty01 + p.bnr {
  top: -47px;
  margin-top: -100px;
}

@media only screen and (max-width: 980px) {
  body.rwd #areaPageData {
    min-width: 100%;
  }
  body.rwd #areaPageData #txtTopicPath,
  body.rwd #areaPageData h1.hdg1Ty01 {
    width: auto;
  }
  body.rwd #areaPageData.internal .hdg1Ty01:after {
    content: "";
    background-image: url(/world/greengift/internal_activity/img/hdg_medal_sp.png);
    display: block;
    position: static;
    width: 300px;
    height: 51px;
    background-size: 300px 51px;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 640px) {
  body.rwd #areaPageData h1.hdg1Ty01 {
    padding: 0 10px 20px;
  }
  body.rwd #areaPageData p.bnr {
    position: static;
    text-align: center;
    margin: -10px 0 0;
    padding-bottom: 10px;
  }
  body.rwd #areaPageData p.bnr img {
    width: 178px;
    height: 55px;
  }
  body.rwd #areaPageData #txtTopicPath {
    padding: 7px 10px 0;
  }
  body.rwd #areaPageData #txtTopicPath li {
    padding-bottom: 5px;
  }
}
body.internal #areaPageData {
  background: #2e9bc8;
  background: -moz-linear-gradient(left, #2e9bc8 0%, #7ccfb3 50%, #2e9bc8 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #2e9bc8), color-stop(50%, #7ccfb3), color-stop(100%, #2e9bc8));
  background: -webkit-linear-gradient(left, #2e9bc8 0%, #7ccfb3 50%, #2e9bc8 100%);
  background: linear-gradient(left, #2e9bc8 0%, #7ccfb3 50%, #2e9bc8 100%);
}

body.mangrove #areaPageData {
  background: #077255;
  background: -moz-linear-gradient(left, #077255 0%, #5b9d15 50%, #077255 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #077255), color-stop(50%, #5b9d15), color-stop(100%, #077255));
  background: -webkit-linear-gradient(left, #077255 0%, #5b9d15 50%, #077255 100%);
  background: linear-gradient(left, #077255 0%, #5b9d15 50%, #077255 100%);
}

/* --------------------------------------------------
   Template
-------------------------------------------------- */
body.tmpGreenTy01 #strWrapper,
body.tmpGreenTy02 #strWrapper {
  padding-top: 1px;
}
body.tmpGreenTy01 #strMain,
body.tmpGreenTy02 #strMain {
  max-width: 980px;
  margin: -40px auto 0;
  padding: 30px 20px 0;
  background: white url(/world/greengift/common/img/structure/gg_bg_body.png) repeat center center;
}

body.tmpGreenTy02 #areaPageData {
  padding-bottom: 10px;
}
body.tmpGreenTy02 #areaPageData #txtTopicPath {
  padding: 13px 20px 35px;
}
body.tmpGreenTy02 #strMain {
  margin: -40px auto 0;
  padding: 20px 20px 0;
}

@media only screen and (max-width: 640px) {
  body.rwd.tmpGreenTy01 #strWrapper, body.rwd.tmpGreenTy02 #strWrapper {
    padding-top: 15px;
  }
  body.rwd.tmpGreenTy01 #strMain, body.rwd.tmpGreenTy02 #strMain {
    padding-top: 0 !important;
    padding-bottom: 1px !important;
    margin-top: 0;
  }
  body.rwd.tmpGreenTy02 #areaPageData #txtTopicPath {
    padding-bottom: 0;
  }
}
/* --------------------------------------------------
   Header
-------------------------------------------------- */
#strHeader {
  border-top: 5px solid #009CE5;
  width: 100%;
  padding-bottom: 0;
}
#strHeader > h1 {
  max-width: 980px;
  margin: 0 auto;
  float: none;
}
#strHeader > h1 > a {
  padding: 12px 20px;
}

@media only screen and (max-width: 640px) {
  body.rwd #strHeader > h1 {
    text-align: center;
  }
}
/* --------------------------------------------------
   Footer
-------------------------------------------------- */
/* strFooter */
#strFooter {
  background: #FFF;
  padding-bottom: 10px;
  margin-top: -1px;
}

/* compFooterBnr */
#compFooterBnr {
  padding: 30px 0;
  background-color: #E7E7E7;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
#compFooterBnr > ul {
  margin: 0;
  text-align: center;
}
#compFooterBnr > ul li {
  display: inline-block;
  margin: 0 10px;
  min-width: 298px;
}

@media only screen and (max-width: 640px) {
  body.rwd #compFooterBnr {
    padding: 20px 0 10px;
  }
  body.rwd #compFooterBnr > ul li {
    display: block;
    margin: 0 0 10px;
  }
}
/* strFooterGreen */
#strFooterGreen {
  background: #fefce5 url(/world/greengift/common/img/structure/gg_line_gnav_02.png) repeat-x center top;
}
#strFooterGreen:after {
  content: "";
  width: 100%;
  height: 3px;
  background: url(/world/greengift/common/img/structure/gg_line_gnav_02.png) repeat-x center bottom;
  display: block;
}
#strFooterGreen > .inner {
  background: url(/world/greengift/common/img/sprite/modules/gg_bird_02.png) no-repeat right bottom;
  padding: 25px 48px;
  max-width: 980px;
  margin: 0 auto;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
}
#strFooterGreen > .inner:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -1344px;
  height: 32px;
  width: 42px;
}
#strFooterGreen > .inner:before {
  top: 10px;
  left: 0;
  position: absolute;
}
#strFooterGreen > .inner > ul {
  margin-bottom: 0;
}
#strFooterGreen > .inner > ul > li {
  width: 21%;
  float: left;
  position: relative;
}
#strFooterGreen > .inner > ul > li:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -2326px;
  height: 24px;
  width: 24px;
}
#strFooterGreen > .inner > ul > li:before {
  top: 0.7em;
  right: 10px;
  left: auto;
  display: none;
}

#strFooterGreen > .inner > ul > li.about, #strFooterGreen > .inner > ul > li.mangrove {
  width: 32%;
}
#strFooterGreen > .inner > ul > li.news, #strFooterGreen > .inner > ul > li.faq {
  width: 15%;
}
#strFooterGreen > .inner > ul > li.close {
  position: relative;
}
#strFooterGreen > .inner > ul > li.close:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -2278px;
  height: 24px;
  width: 24px;
}
#strFooterGreen > .inner > ul > li.close:before {
  display: none;
}
#strFooterGreen > .inner > ul > li > a {
  color: #000;
  font-weight: bold;
  display: inline-block;
  padding: 6px 0 6px 20px;
  position: relative;
}
#strFooterGreen > .inner > ul > li > a:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -2193px;
  height: 13px;
  width: 13px;
}
#strFooterGreen > .inner > ul > li > a:before {
  top: 0.5em;
  left: 0;
}
#strFooterGreen > .inner > ul > li > ul {
  margin-left: 5px;
}
#strFooterGreen > .inner > ul > li > ul > li > a {
  color: #000;
  display: inline-block;
  padding: 6px 0 6px 15px;
  position: relative;
}
#strFooterGreen > .inner > ul > li > ul > li > a:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -2267px;
  height: 11px;
  width: 6px;
}
#strFooterGreen > .inner > ul > li > ul > li > a:before {
  top: 0.5em;
  left: 0;
}

@media only screen and (max-width: 640px) {
  body.rwd #strFooterGreen > .inner {
    padding: 0;
    background-image: none;
  }
  body.rwd #strFooterGreen > .inner:before {
    display: none;
  }
  body.rwd #strFooterGreen > .inner > ul > li {
    width: 100%;
    float: none;
    border-bottom: 2px solid #EEE9AE;
  }
  body.rwd #strFooterGreen > .inner > ul > li:before {
    display: block;
  }
  body.rwd #strFooterGreen > .inner > ul > li.close > ul {
    display: none;
  }
    body.rwd #strFooterGreen > .inner > ul > li.internal_activity:before, body.rwd #strFooterGreen > .inner > ul > li.faq:before, body.rwd #strFooterGreen > .inner > ul > li.news:before {
    display: none !important;
  }
  body.rwd #strFooterGreen > .inner > ul > li > a {
    color: #000;
    font-weight: bold;
    display: block;
    padding: 14px 10px 14px 35px;
  }
  body.rwd #strFooterGreen > .inner > ul > li > a:before {
    top: 1.1em;
    left: 10px;
  }
  body.rwd #strFooterGreen > .inner > ul > li > ul {
    margin-left: 0;
    padding: 8px 0 10px 32px;
    border-top: 2px solid #EEE9AE;
  }
  body.rwd #strFooterGreen > .inner > ul > li > ul > li > a {
    display: block;
    padding: 8px 0 8px 15px;
  }
  body.rwd #strFooterGreen > .inner > ul > li > ul > li > a:before {
    top: 0.9em;
    left: 0;
  }
}
/* --------------------------------------------------
   Top
-------------------------------------------------- */
body.tmpGreenTop #areaMainVisual {
  background: url(/world/greengift/common/img/structure/gg_img_main_01.png) no-repeat center top;
  min-height: 480px;
  margin: 0 -10px;
  padding: 0 10px;
}
body.tmpGreenTop #areaMainVisual > p.imgMain {
  max-width: 980px;
  margin: 0 auto;
  text-align: left;
  padding-top: 380px;
}
body.tmpGreenTop #areaContent01 > .inner {
  max-width: 980px;
  margin: 0 auto;
}
body.tmpGreenTop #areaContent01 > .inner div.toggleContent {
  padding: 15px 15px 10px;
}
body.tmpGreenTop #areaContent01 > .inner div.toggleContent ul.listLinkBa li {
  margin-bottom: 6px;
}
body.tmpGreenTop #areaContent02 {
  background: #68a123;
  background: -moz-linear-gradient(left, #68a123 0%, #88b94e 50%, #68a123 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #68a123), color-stop(50%, #88b94e), color-stop(100%, #68a123));
  background: -webkit-linear-gradient(left, #68a123 0%, #88b94e 50%, #68a123 100%);
  background: linear-gradient(left, #68a123 0%, #88b94e 50%, #68a123 100%);
  -moz-box-shadow: inset 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  padding: 18px 0 0;
  margin-bottom: 20px;
}
body.tmpGreenTop #areaContent02 > .inner {
  max-width: 1020px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}
body.tmpGreenTop #areaContent02 > .inner:before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 31px;
  background: white url(/world/greengift/common/img/structure/gg_bg_body.png) repeat center center;
  content: "";
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 {
  position: relative;
  z-index: 1;
  margin: 0;
}
body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li {
  float: left;
  width: 49%;
  margin-left: 1%;
  position: relative;
}
body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > a {
  background: #F8FCEE;
  min-height: 130px;
  width: 100%;
  color: #333;
  text-decoration: none;
  display: block;
  overflow: hidden;
  line-height: 1.2;
  z-index: 10;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
}
body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > a > img {
  float: left;
  margin: 0 20px 5px 15px;
}
body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > a > em {
  margin-top: 30px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  display: block;
  vertical-align: middle;
  font-size: 20px;
  font-size: 2rem;
  overflow: hidden;
}
body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > a > em > span {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
}
body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > a:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -2227px;
  height: 7px;
  width: 11px;
}
body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > a:before {
  bottom: 5px;
  left: 50%;
  margin-left: -4px;
  display: inline-block;
  z-index: 1;
}
body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > a:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 13px;
  background: #CEE4A4;
  border-bottom: 2px solid #5C990E;
  position: absolute;
  bottom: 0;
  left: 0;
}
body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > a.toggleHook.close {
  background-color: #FFF;
  position: relative;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > a.toggleHook.close:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -2213px;
  height: 7px;
  width: 11px;
}
body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > a.toggleHook.close:before {
  bottom: 5px;
  left: 50%;
  margin-left: -4px;
  display: block;
}
body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > a.toggleHook.close:after {
  background: #EDEDED;
}
body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > a.toggleHook.close + div.toggleContent {
  display: none;
}
body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li:first-child {
  margin-left: 0;
  margin-right: 1%;
}
body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li:first-child > a > img {
  margin-top: 10px;
}
body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > div.toggleContent {
  width: 100%;
  position: absolute;
  background: #FFFDE6;
  padding: 20px 15px 15px;
  margin: -5px 0 0 0;
  z-index: 5;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.15);
}
body.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > div.toggleContent > ul.listLinkBa {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}
body.tmpGreenTop #areaContent03 > .inner {
  max-width: 980px;
  margin: 0 auto;
}
body.tmpGreenTop #areaContent03 > .inner > .boxTy01 {
  margin-bottom: 50px;
  background: url(/world/greengift/common/img/structure/gg_bg_01.jpg) no-repeat left center;
  border-width: 0 0 2px;
  padding: 12px 15px;
}
body.tmpGreenTop #areaContent03 > .inner > .boxTy01 .hdgBoxBa {
  margin-top: 10px;
  margin-left: 200px;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}
body.tmpGreenTop #areaContent03 > .inner > .boxTy01 .hdgBoxBa em {
  margin-right: 20px;
}
body.tmpGreenTop #areaContent03 > .inner > .boxTy01 .hdgBoxBa span.sub01 {
  font-weight: normal;
  position: relative;
  display: inline-block;
  top: -2px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media only screen and (max-width: 640px) {
  body.rwd.tmpGreenTop #areaMainVisual {
    margin: -20px -10px 0;
    padding: 0 10px;
    min-height: inherit;
    background: none;
  }
  body.rwd.tmpGreenTop #areaMainVisual p.imgMain {
    padding: 0;
    margin-bottom: 20px;
  }
  body.rwd.tmpGreenTop #areaContent01 .toggleBtn01 {
    white-space: normal;
  }
  body.rwd.tmpGreenTop #areaContent01 .toggleBtn01 .toggleHook {
    line-height: 1.2;
  }
  body.rwd.tmpGreenTop #areaContent01 .toggleBtn01 .toggleContent {
    position: relative;
    text-align: left;
  }
  body.rwd.tmpGreenTop #areaContent02 {
    margin-left: -10px;
    margin-right: -10px;
    padding-top: 10px;
  }
  body.rwd.tmpGreenTop #areaContent02 > .inner {
    padding: 0 10px;
  }
  body.rwd.tmpGreenTop #areaContent02 > .inner:before {
    display: none;
  }
  body.rwd.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li {
    width: 100%;
    float: none;
    margin: 0 0 10px 0 !important;
  }
  body.rwd.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > a {
    padding-bottom: 10px;
    min-height: inherit;
  }
  body.rwd.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > a > img {
    width: 80px;
    height: 55px;
    margin-right: 5px;
    margin-left: 5px;
  }
  body.rwd.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > a > em {
    margin: 10px 0;
    font-size: 18px;
    font-size: 1.8rem;
  }
  body.rwd.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li > a > em > span {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.2;
  }
  body.rwd.tmpGreenTop #areaContent02 > .inner > ul.listTop01 > li .toggleContent {
    position: relative;
    width: 100%;
    margin: -5px 0 0;
  }
  body.rwd.tmpGreenTop #areaContent03 .boxTy01 {
    background: #FFF !important;
    border-width: 1px 1px 2px !important;
  }
  body.rwd.tmpGreenTop #areaContent03 .boxTy01 > *:last-child {
    margin-bottom: 0;
  }
  body.rwd.tmpGreenTop #areaContent03 .hdgBoxBa {
    margin-left: 0px !important;
  }
  body.rwd.tmpGreenTop #areaContent03 p.btnBa > a {
    padding: 10px;
  }
}
/* ==================================================
   05.Modules
================================================== */
/* --------------------------------------------------
   Heading
-------------------------------------------------- */
/* hdg1Ba */
.hdg1Ba {
  color: #000;
  margin: 7px 0 25px;
  line-height: 1.2;
  font-size: 28px;
  font-size: 2.8rem;
}
.hdg1Ba span.sub01 {
  margin-left: 5px;
  line-height: 1.4;
  font-size: 20px;
  font-size: 2rem;
}
.hdg1Ba span.sub02 {
  color: #666;
  display: block;
  line-height: 1.4;
  font-size: 14px;
  font-size: 1.4rem;
}
.hdg1Ba + .hdg2Ba {
  margin-top: 10px;
}

/* hdg1Ty02 */
.hdg1Ty02 {
  margin: -20px -20px 20px;
  background: #FFF;
  color: #000;
  line-height: 1.2;
  display: table;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}
.hdg1Ty02 em.title {
  line-height: 1.2;
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  vertical-align: middle;
  text-shadow: 2px 2px 0 #FFF;
  width: 50%;
  font-size: 28px;
  font-size: 2.8rem;
}
.hdg1Ty02 em.title > span.sub01 {
  margin-top: 10px;
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
}
.hdg1Ty02 span.img {
  display: table-cell;
  width: 50%;
}
.hdg1Ty02 span.img img {
  max-width: 100%;
}
.hdg1Ty02 + .hdg2Ba {
  margin-top: 10px;
}

@media only screen and (max-width: 640px) {
  body.rwd .hdg1Ty02 {
    display: block;
    margin: 0 0 30px;
    width: 100%;
    background: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  body.rwd .hdg1Ty02 em.title,
  body.rwd .hdg1Ty02 span.img {
    display: block;
    width: 100%;
  }
  body.rwd .hdg1Ty02 em.title {
    padding: 10px 0 20px;
  }
  body.rwd .hdg1Ty02 span.img {
    text-align: center;
  }
}
/* hdg2Ba */
.hdg2Ba {
  color: #000;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 26px;
  font-size: 2.6rem;
}
.hdg2Ba > span {
  display: inline-block;
  padding-left: 50px;
  position: relative;
}
.hdg2Ba > span:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -1098px;
  height: 40px;
  width: 36px;
}
.hdg2Ba > span:before {
  top: -3px;
  left: 0;
}
.hdg2Ba:first-child {
  margin-top: 0;
}
.hdg2Ba.faq {
  margin-bottom: 11px;
  font-size: 21px;
  font-size: 2.1rem;
}
.hdg2Ba.faq > span {
  display: block;
  padding-left: 0;
  position: relative;
}
.hdg2Ba.faq > span:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -432px;
  height: 65px;
  width: 114px;
}
.hdg2Ba.faq > span:before {
  bottom: -11px;
  right: 7px;
  left: auto;
  top: auto;
}
.hdg2Ba > a.more,
.hdg2Ba > span.more > a {
  display: inline-block;
  margin-left: 30px;
  font-weight: normal;
  padding: 3px 0 3px 15px;
  position: relative;
  top: -3px;
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
}
.hdg2Ba > a.more:before,
.hdg2Ba > span.more > a:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -2267px;
  height: 11px;
  width: 6px;
}
.hdg2Ba > a.more:before,
.hdg2Ba > span.more > a:before {
  top: 0.4em;
  left: 0;
}
.hdg2Ba > a.more:first-child,
.hdg2Ba > span.more > a:first-child {
  margin-left: 10px;
}
.hdg2Ba > span.more {
  display: inline-block;
  float: right;
  padding-left: 0;
}
.hdg2Ba > span.more:before {
  display: none;
}
.hdg2Ba + .hdg3Ba {
  margin-top: 10px;
}
.hdg2Ba + .hdg4Ba {
  margin-top: 10px;
}

@media only screen and (max-width: 640px) {
  body.rwd .hdg2Ba.faq {
    margin-top: 40px !important;
  }
}
/* hdg3Ba */
.hdg3Ba {
  background-color: #347710;
  color: #FFF;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 7px 15px;
  font-size: 20px;
  font-size: 2rem;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

@media only screen and (max-width: 640px) {
  body.rwd .hdg3Ba {
    margin-bottom: 15px;
  }
}
/* hdg3Ty01 */
.hdg3Ty01 {
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 2rem;
}

/* hdg4Ba */
.hdg4Ba {
  color: #000;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 1.6rem;
}
.hdg4Ba > span:before {
  content: "";
  display: inline-block;
  background: #347710;
  width: 8px;
  height: 1.2em;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
  bottom: -3px;
  margin-right: 8px;
}

/* --------------------------------------------------
   Text
-------------------------------------------------- */
/* imgCatchBa */
p.imgCatch {
  position: relative;
  top: -30px;
  margin: 0 -20px -10px !important;
  padding-left: 0;
}

@media only screen and (max-width: 640px) {
  body.rwd p.imgCatch {
    top: -15px;
    margin-bottom: 20px !important;
  }
}
/* imgCatchBa report */
p.imgCatch.report {
  position: relative;
  top: -30px;
  margin: 0 -20px -10px !important;
}
p.imgCatch.report > span {
  font-weight: bold;
  color: #FFF;
  position: absolute;
  top: 53%;
  left: 4%;
  display: inline-block;
  padding-right: 170px;
  text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, 0 0 5px #000;
  font-size: 15.5px;
  font-size: 1.55rem;
}

@media only screen and (max-width: 640px) {
  body.rwd p.imgCatch.report {
    top: -15px;
    margin-bottom: 0 !important;
  }
  body.rwd p.imgCatch.report > span {
    padding: 15px 20px 0;
    color: #333;
    position: static;
    display: inline-block;
    text-shadow: none;
  }
}
p.imgCatchTy01 {
  margin: 0 0 15px !important;
}
p.imgCatchTy01.mt50 {
  margin-top: 50px !important;
}

/* linkImgBa */
p.linkImgBa > a {
  text-decoration: none;
}
p.linkImgBa > a:hover {
  text-decoration: underline;
}
p.linkImgBa > a > img {
  margin-bottom: 10px;
}
p.linkImgBa > a > span.caption {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}

/* txtLeadBa */
.txtLeadBa > strong {
  color: inherit;
  font-weight: bold;
  color: #000;
  line-height: 1.3;
  font-size: 20px;
  font-size: 2rem;
}
.txtLeadBa > strong em {
  color: #009CE5;
}

@media only screen and (max-width: 640px) {
  body.rwd .txtLeadBa > strong {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
/* compReport01 */
.compReport01 {
  background: #E9E9E9;
  display: table;
  margin-bottom: 40px;
}
.compReport01 > div.img {
  display: table-cell;
  width: 50%;
  text-align: center;
}
.compReport01 > div.list {
  padding: 20px 20px 0;
  display: table-cell;
  width: 50%;
  vertical-align: top;
}
.compReport01 > div.list > ul {
  margin: 0 -10px -20px;
}
.compReport01 > div.list > ul > li {
  float: left;
  padding: 0 10px;
  width: 33.33333%;
  margin-bottom: 20px;
}
.compReport01 > div.list > ul > li > a {
  display: block;
  padding: 0 0 5px;
  background: #FFF;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  border-bottom: solid 2px #77A839;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.compReport01 > div.list > ul > li > a > span {
  font-weight: bold;
  color: #333333;
  letter-spacing: -1px;
  font-size: 15px;
  font-size: 1.5rem;
  display: inline-block;
}
.compReport01 > div.list > ul > li > a:hover > span {
  text-decoration: underline;
}
.compReport01.internal > div.list > ul > li > a {
  border-color: #4BBEE0;
}

@media only screen and (max-width: 640px) {
  body.rwd .compReport01 {
    display: block;
    margin-bottom: 20px;
  }
  body.rwd .compReport01 > div.img {
    display: block;
    width: 100%;
  }
  body.rwd .compReport01 > div.list {
    display: block;
    width: 100%;
    padding: 10px 10px 0;
  }
  body.rwd .compReport01 > div.list > ul {
    margin: 0 -5px;
  }
  body.rwd .compReport01 > div.list > ul > li {
    width: 50%;
    margin-bottom: 10px;
    padding: 0 5px;
  }
  body.rwd .compReport01 > div.list > ul > li > a {
    text-decoration: none;
    padding-top: 5px;
  }
  body.rwd .compReport01 > div.list > ul > li > a > img {
    width: 75px;
    height: 50px;
  }
  body.rwd .compReport01 > div.list > ul > li > a > span {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
  }
  body.rwd .compReport01.internal > div.list > ul {
    background: none;
  }
}
/* compReport02 */
.compReport02 {
  margin-bottom: 45px;
  display: table;
  direction: rtl;
}
.compReport02 > .area {
  direction: ltr;
  width: 130px;
  margin-left: 20px;
  display: table-cell;
}
.compReport02 > .area > a {
  display: block;
  padding: 0 0 5px;
  background: #FFF;
  overflow: hidden;
  text-align: center;
  border-bottom: solid 2px #4BBEE0;
  text-decoration: none;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.compReport02 > .area > a > span {
  font-weight: bold;
  color: #333333;
  letter-spacing: -1px;
  font-size: 15px;
  font-size: 1.5rem;
  display: inline-block;
}
.compReport02 > .area > a img {
  min-width: 130px;
}
.compReport02 > .area > a:hover > span {
  text-decoration: underline;
}
.compReport02 > .img {
  direction: ltr;
  padding-right: 20px;
  width: 100%;
  display: table-cell;
  vertical-align: top;
}
.compReport02 > .img ul {
  background: #FFF;
  padding: 34px 10px 32px;
  margin: 0 auto;
  display: inline-block;
  width: 100%;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.compReport02 > .img ul li {
  float: left;
  margin: 0 8px 5px;
}
.compReport02 > .img ul li img {
  max-width: none !important;
  width: 60px !important;
  height: 60px !important;
}

/* compSlide01 */
.compSlide01 {
  background: #F4F4F4;
  position: relative;
  padding: 8px;
  margin: 0 0 20px;
}
.compSlide01 > .inner {
  position: relative;
  background: #FFF;
  padding: 30px 10px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
}
.compSlide01 > .inner > p.ribbon {
  position: absolute;
  top: -4px;
  left: -4px;
}
.compSlide01 > .inner > ul.listImg {
  position: relative;
  z-index: 1;
  max-width: 800px;
  margin: 0 auto;
}
.compSlide01 > .inner > ul.listImg > li {
  float: left;
  width: 20%;
  padding: 0 10px;
}
.compSlide01 > .inner > ul.listImg > li > a {
  text-decoration: none;
  display: block;
}
.compSlide01 > .inner > ul.listImg > li > a > span {
  display: block;
  margin-top: 5px;
  font-size: 12px;
  font-size: 1.2rem;
}
.compSlide01 > .inner > ul.listNav {
  margin-bottom: 0;
  width: 100%;
  max-width: 860px;
  position: absolute;
  left: 30px;
  top: 50%;
  margin-top: -35px;
}
.compSlide01 > .inner > ul.listNav > li {
  float: right;
}
.compSlide01 > .inner > ul.listNav > li:first-child {
  float: left;
}
.compSlide01 > .inner > ul.listNav > li > a {
  width: 20px;
  height: 33px;
  display: block;
  position: relative;
}
.compSlide01 > .inner > ul.listNav > li > a:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -1929px;
  height: 33px;
  width: 20px;
}
.compSlide01 > .inner > ul.listNav > li > a > span {
  position: relative;
  z-index: -1;
}
.compSlide01 > .inner > ul.listNav > li.prev > a {
  position: relative;
}
.compSlide01 > .inner > ul.listNav > li.prev > a:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -1995px;
  height: 33px;
  width: 20px;
}

/* --------------------------------------------------
   Navigation
-------------------------------------------------- */
/* areaGlobal - Top */
.tmpGreenTop #areaGlobal {
  position: relative;
  z-index: 100;
  background: #fffde6 url(/world/greengift/common/img/structure/gg_line_gnav_01.png) repeat-x center top;
  padding-top: 5px;
}
.tmpGreenTop #areaGlobal:after {
  content: "";
  width: 100%;
  height: 2px;
  background: url(/world/greengift/common/img/structure/gg_line_gnav_02.png) repeat-x center bottom;
  display: block;
}
.tmpGreenTop #areaGlobal p.menu {
  display: none;
  margin: 0;
}
.tmpGreenTop #areaGlobal p.home {
  background: url(/world/greengift/common/img/structure/gg_line_gnav_02.png) repeat-x center bottom;
  padding-bottom: 2px;
  width: 100%;
  text-align: center;
  margin: 0;
}
.tmpGreenTop #areaGlobal p.home a {
  display: block;
  vertical-align: bottom;
}
.tmpGreenTop #areaGlobal p.home img.other {
  display: none;
}
.tmpGreenTop #areaGlobal ul.navGlobal {
  margin: 3px auto;
  max-width: 980px;
}
.tmpGreenTop #areaGlobal ul.navGlobal > li {
  margin: 0;
  float: left;
  width: 16%;
  text-align: center;
  position: relative;
}
.tmpGreenTop #areaGlobal ul.navGlobal > li > a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  text-align: center;
  padding: 8px 10px;
  border: 2px solid #FFFDE6;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tmpGreenTop #areaGlobal ul.navGlobal > li > a:hover {
  background: #A8D07E;
  border: 2px solid #000;
}
.tmpGreenTop #areaGlobal ul.navGlobal > li.about {
  width: 26%;
}
.tmpGreenTop #areaGlobal ul.navGlobal > li.mangrove, .tmpGreenTop #areaGlobal ul.navGlobal > li.internal_activity {
  width: 20%;
}
.tmpGreenTop #areaGlobal ul.navGlobal > li.about > div.drop > ul, .tmpGreenTop #areaGlobal ul.navGlobal > li.about > div.drop > p.btnClose {
  left: 20px;
}
.tmpGreenTop #areaGlobal ul.navGlobal > li.mangrove > div.drop > ul, .tmpGreenTop #areaGlobal ul.navGlobal > li.mangrove > div.drop > p.btnClose {
  left: -234px;
}
.tmpGreenTop #areaGlobal ul.navGlobal > li.internal_activity > div.drop > ul, .tmpGreenTop #areaGlobal ul.navGlobal > li.internal_activity > div.drop > p.btnClose {
  left: -430px;
}
.tmpGreenTop #areaGlobal ul.navGlobal > li.news > div.drop > ul, .tmpGreenTop #areaGlobal ul.navGlobal > li.news > div.drop > p.btnClose {
  left: -626px;
}

@media only screen and (min-width: 640px) and (max-width: 980px) {
  body.rwd.tmpGreenTop #areaGlobal > .inner:before {
    display: none;
  }
  body.rwd.tmpGreenTop #areaGlobal .navGlobal {
    top: 3px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  body.rwd.tmpGreenTop #areaGlobal .navGlobal li {
    z-index: 10;
    position: relative;
  }
  body.rwd.tmpGreenTop #areaGlobal .navGlobal li.active {
    z-index: 11;
  }
  body.rwd.tmpGreenTop #areaGlobal .navGlobal li > a {
    font-size: 11px !important;
    font-size: 1.1rem !important;
    line-height: 1.1;
  }
}
@media only screen and (max-width: 640px) {
  body.rwd #areaGlobal > .inner:before {
    display: none;
  }
  body.rwd #areaGlobal .navGlobal {
    display: none;
  }
  body.rwd #areaGlobal p.home {
    background: none;
    padding-bottom: 0;
    text-align: left;
  }
  body.rwd #areaGlobal p.home img.top,
  body.rwd #areaGlobal p.home img.other {
    display: none;
  }
  body.rwd #areaGlobal p.menu {
    float: right;
    display: block;
    position: relative;
  }
  body.rwd #areaGlobal p.menu a {
    display: inline-block;
    background: #EDEACB;
    color: #000;
    font-weight: bold;
    padding: 10px 5px;
    text-decoration: none;
    top: 8px;
    right: 8px;
    position: absolute;
    white-space: nowrap;
    font-size: 14px;
    font-size: 1.4rem;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  body.rwd #areaGlobal p.menu a:hover {
    background: #DFDCBF;
  }
}
/* drop */
ul.navGlobal {
  margin: 3px auto;
  max-width: 980px;
}
ul.navGlobal > li {
  position: relative;
}
ul.navGlobal > li.current > div.drop {
  display: block;
}
ul.navGlobal > li div.drop {
  display: none;
  position: absolute;
  background: #A8D07E;
  z-index: 1000;
  padding: 17px 2000%;
  margin: 5px -2000% 0;
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
ul.navGlobal > li div.drop > ul {
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
  position: relative;
  min-height: 174px;
}
ul.navGlobal > li div.drop > ul > li {
  float: left;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #e4e1e1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e4e1e1));
  background: -webkit-linear-gradient(top, white 0%, #e4e1e1 100%);
  background: linear-gradient(top, #ffffff 0%, #e4e1e1 100%);
  width: 19%;
  margin-right: 1.25%;
  border: 1px solid #E3DFDF;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
ul.navGlobal > li div.drop > ul > li.last {
  margin-right: 0;
}
ul.navGlobal > li div.drop > ul > li > a {
  color: #000;
  text-decoration: none;
  display: block;
  padding: 5px 10px 10px;
}
ul.navGlobal > li div.drop > ul > li > a > span {
  font-weight: bold;
  padding: 0;
}
ul.navGlobal > li div.drop > ul > li > a > span > span {
  font-size: 12px;
  font-size: 1.2rem;
}
ul.navGlobal > li div.drop > ul > li > a > span {
  display: block;
}
ul.navGlobal > li div.drop > ul > li > a > img {
  margin-top: 5px;
}
ul.navGlobal > li div.drop > p.btnClose {
  width: 940px;
  margin: 13px auto 0;
  text-align: right;
  font-weight: normal;
  position: relative;
}
ul.navGlobal > li div.drop > p.btnClose a {
  padding-left: 20px;
  position: relative;
}
ul.navGlobal > li div.drop > p.btnClose a:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -2042px;
  height: 14px;
  width: 14px;
}
ul.navGlobal > li div.drop > p.btnClose a:before {
  top: 50%;
  left: 0;
  margin-top: -7px;
}

@media only screen and (max-width: 980px) {
  body.rwd.tmpGreenTop #areaGlobal .navGlobal {
    width: 100% !important;
  }
  body.rwd.tmpGreenTy01 #areaGlobal .navGlobal,
  body.rwd.tmpGreenTy02 #areaGlobal .navGlobal {
    width: 100% !important;
    display: table;
    height: 50px;
  }
  body.rwd.tmpGreenTy01 #areaGlobal .navGlobal > li:before,
  body.rwd.tmpGreenTy02 #areaGlobal .navGlobal > li:before {
    top: 37px !important;
  }
  body.rwd.tmpGreenTy01 #areaGlobal .navGlobal > li > a,
  body.rwd.tmpGreenTy02 #areaGlobal .navGlobal > li > a {
    height: 48px;
  }
  body.rwd.tmpGreenTy01 #areaGlobal .navGlobal > li > a:before,
  body.rwd.tmpGreenTy02 #areaGlobal .navGlobal > li > a:before {
    top: 35px !important;
  }
  body.rwd.tmpGreenTy01 #areaGlobal ul.navGlobal > li > .drop,
  body.rwd.tmpGreenTy02 #areaGlobal ul.navGlobal > li > .drop {
    top: 53px;
  }
}
/* areaGlobalSP */
@media only screen and (max-width: 640px) {
  body.rwd #areaGlobalSP {
    display: block;
  }
  body.rwd .navGlobal {
    display: none !important;
  }
}
#areaGlobalSP {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#areaGlobalSP p.btnGlobalBack {
  position: absolute;
  top: 9px;
  left: 7px;
  display: inline-block;
  line-height: 31px;
  background: url(/world/greengift/common/img/structure/gg_bg_back.png) no-repeat left center;
}
#areaGlobalSP p.btnGlobalBack a {
  display: block;
  color: #000;
  font-weight: bold;
  padding: 0;
  text-decoration: none;
  text-align: center;
  width: 53px;
  height: 31px;
}
#areaGlobalSP p.menu {
  margin-bottom: 0;
  position: relative;
  background: #fffde6 url(/world/greengift/common/img/structure/gg_line_gnav_02.png) repeat-x center top;
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  font-size: 1.7rem;
}
#areaGlobalSP p.menu a {
  cursor: default;
  color: #000;
  text-decoration: none;
  padding: 12px 0;
  display: block;
}
#areaGlobalSP p.menu:after {
  content: "";
  width: 100%;
  height: 3px;
  background: url(/world/greengift/common/img/structure/gg_line_gnav_02.png) repeat-x center bottom;
  display: block;
}
#areaGlobalSP p.home {
  display: none;
}
#areaGlobalSP ul.navGlobalSP {
  margin: -1px 0 0;
  max-width: 980px;
  font-size: 14px;
  font-size: 1.4rem;
}
#areaGlobalSP ul.navGlobalSP > li {
  border-bottom: 1px solid #000;
  background: #A8D07E;
  position: relative;
}
#areaGlobalSP ul.navGlobalSP > li:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -2278px;
  height: 24px;
  width: 24px;
}
#areaGlobalSP ul.navGlobalSP > li:before {
  top: 0.7em;
  right: 10px;
  left: auto;
}
#areaGlobalSP ul.navGlobalSP > li.current {
  position: relative;
}
#areaGlobalSP ul.navGlobalSP > li.current:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -2326px;
  height: 24px;
  width: 24px;
}
#areaGlobalSP ul.navGlobalSP > li.internal_activity:before, #areaGlobalSP ul.navGlobalSP > li.news:before, #areaGlobalSP ul.navGlobalSP > li.faq:before {
  display: none;
}
#areaGlobalSP ul.navGlobalSP > li > a {
  display: block;
  padding: 15px 10px 15px 35px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
  position: relative;
  position: relative;
}
#areaGlobalSP ul.navGlobalSP > li > a:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -2193px;
  height: 13px;
  width: 13px;
}
#areaGlobalSP ul.navGlobalSP > li > a:before {
  top: 1.2em;
  left: 10px;
}
#areaGlobalSP ul.navGlobalSP > li.current > div.drop {
  display: block;
}
#areaGlobalSP ul.navGlobalSP > li.current > div.drop ul {
  background: #FFF;
  padding: 5px 0 5px 30px;
  border-top: 1px solid #000;
}
#areaGlobalSP ul.navGlobalSP > li.current > div.drop ul > li > a {
  display: block;
  padding: 10px 10px 10px 22px;
  color: #000;
  text-decoration: none;
  position: relative;
}
#areaGlobalSP ul.navGlobalSP > li.current > div.drop ul > li > a:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -2256px;
  height: 11px;
  width: 6px;
}
#areaGlobalSP ul.navGlobalSP > li.current > div.drop ul > li > a:before {
  top: 0.9em;
  left: 5px;
}
#areaGlobalSP ul.navGlobalSP > li.current > div.drop img {
  display: none;
}
#areaGlobalSP ul.navGlobalSP > li.current > div.drop p.btnClose {
  display: none;
}
#areaGlobalSP ul.navGlobalSP > li div.drop {
  display: none;
}
#areaGlobalSP ul.navGlobalSP > li > p.btnClose {
  display: none;
}

/* areaGlobal */
.tmpGreenTy01 #areaGlobal,
.tmpGreenTy02 #areaGlobal {
  position: relative;
  z-index: 100;
  background: #fffde6 url(/world/greengift/common/img/structure/gg_line_gnav_01.png) repeat-x center top;
  padding-top: 5px;
  max-height: 112px;
}
.tmpGreenTy01 #areaGlobal:after,
.tmpGreenTy02 #areaGlobal:after {
  content: "";
  width: 100%;
  height: 2px;
  background: url(/world/greengift/common/img/structure/gg_line_gnav_02.png) repeat-x center bottom;
  display: block;
}
.tmpGreenTy01 #areaGlobal > .inner,
.tmpGreenTy02 #areaGlobal > .inner {
  max-width: 980px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  height: 72px;
  z-index: 0;
}
.tmpGreenTy01 #areaGlobal > .inner:before,
.tmpGreenTy02 #areaGlobal > .inner:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -1344px;
  height: 32px;
  width: 42px;
}
.tmpGreenTy01 #areaGlobal > .inner:before,
.tmpGreenTy02 #areaGlobal > .inner:before {
  top: 6px;
  right: -40px;
  position: absolute;
  z-index: 100;
}
.tmpGreenTy01 #areaGlobal p.menu,
.tmpGreenTy02 #areaGlobal p.menu {
  display: none;
  margin: 0;
}
.tmpGreenTy01 #areaGlobal p.home,
.tmpGreenTy02 #areaGlobal p.home {
  margin: 0;
  display: inline-block;
  position: absolute;
  vertical-align: bottom;
  bottom: 0;
  z-index: 1;
}
.tmpGreenTy01 #areaGlobal p.home img.top,
.tmpGreenTy02 #areaGlobal p.home img.top {
  display: none;
}
.tmpGreenTy01 #areaGlobal p.home img.other,
.tmpGreenTy02 #areaGlobal p.home img.other {
  width: auto;
}
.tmpGreenTy01 #areaGlobal ul.navGlobal,
.tmpGreenTy02 #areaGlobal ul.navGlobal {
  width: 100%;
  position: absolute;
  top: 8px;
  left: 0;
  margin: 0;
  padding-left: 240px;
}
.tmpGreenTy01 #areaGlobal ul.navGlobal > li,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li {
  margin: 0;
  float: left;
  width: 20%;
  text-align: center;
}
.tmpGreenTy01 #areaGlobal ul.navGlobal > li > a,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li > a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  text-align: center;
  padding: 5px 5px;
  border: 2px solid #FFFDE6;
  background: #FFFDE6;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tmpGreenTy01 #areaGlobal ul.navGlobal > li > a:hover, .tmpGreenTy01 #areaGlobal ul.navGlobal > li.active > a,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li > a:hover,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li.active > a {
  border-color: #000;
  background: #A8D07E;
}
.tmpGreenTy01 #areaGlobal ul.navGlobal > li.active,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li.active {
  position: relative;
}
.tmpGreenTy01 #areaGlobal ul.navGlobal > li.active:before,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li.active:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -1777px;
  height: 15px;
  width: 16px;
}
.tmpGreenTy01 #areaGlobal ul.navGlobal > li.active:before,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li.active:before {
  bottom: -8px;
  left: -7px;
  z-index: 11;
}
.tmpGreenTy01 #areaGlobal ul.navGlobal > li.active > a,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li.active > a {
  position: relative;
}
.tmpGreenTy01 #areaGlobal ul.navGlobal > li.active > a:before,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li.active > a:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -1762px;
  height: 15px;
  width: 16px;
}
.tmpGreenTy01 #areaGlobal ul.navGlobal > li.active > a:before,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li.active > a:before {
  bottom: -11px;
  left: auto;
  right: -15px;
  z-index: 11;
}
.tmpGreenTy01 #areaGlobal ul.navGlobal > li.about,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li.about {
  width: 19%;
}
.tmpGreenTy01 #areaGlobal ul.navGlobal > li.mangrove,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li.mangrove {
  width: 23%;
}
.tmpGreenTy01 #areaGlobal ul.navGlobal > li.internal_activity,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li.internal_activity,
.tmpGreenTy01 #areaGlobal ul.navGlobal > li.conserve,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li.conserve
 {
  width: 19%;
}
.tmpGreenTy01 #areaGlobal ul.navGlobal > li.news,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li.news {
  width: 11.5%;
}
.tmpGreenTy01 #areaGlobal ul.navGlobal > li.faq,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li.faq {
  width: 17.5%;
}
.tmpGreenTy01 #areaGlobal ul.navGlobal > li.about > div.drop > ul, .tmpGreenTy01 #areaGlobal ul.navGlobal > li.about > div.drop > p.btnClose,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li.about > div.drop > ul,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li.about > div.drop > p.btnClose {
  left: -236px;
}
.tmpGreenTy01 #areaGlobal ul.navGlobal > li.mangrove > div.drop > ul, .tmpGreenTy01 #areaGlobal ul.navGlobal > li.mangrove > div.drop > p.btnClose,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li.mangrove > div.drop > ul,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li.mangrove > div.drop > p.btnClose {
  left: -376px;
}
.tmpGreenTy01 #areaGlobal ul.navGlobal > li.internal_activity > div.drop > ul, .tmpGreenTy01 #areaGlobal ul.navGlobal > li.internal_activity > div.drop > p.btnClose,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li.internal_activity > div.drop > ul,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li.internal_activity > div.drop > p.btnClose {
  left: -607px;
}
.tmpGreenTy01 #areaGlobal ul.navGlobal > li > .drop,
.tmpGreenTy02 #areaGlobal ul.navGlobal > li > .drop {
  bottom: auto;
  margin-top: 0;
  top: 66px;
}

@media only screen and (max-width: 980px) {
  body.rwd.tmpGreenTy01 #areaGlobal > .inner,
  body.rwd.tmpGreenTy02 #areaGlobal > .inner {
    height: auto;
  }
  .tmpGreenTy01 #areaGlobal p.home,
  .tmpGreenTy02 #areaGlobal p.home {
    position: relative;
  }
}

@media only screen and (min-width: 640px) and (max-width: 980px) {
  body.rwd.tmpGreenTy01 #areaGlobal > .inner:before,
  body.rwd.tmpGreenTy02 #areaGlobal > .inner:before {
    display: none;
  }
  body.rwd.tmpGreenTy01 #areaGlobal .navGlobal,
  body.rwd.tmpGreenTy02 #areaGlobal .navGlobal {
    top: 3px;
    padding-left: 220px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  body.rwd.tmpGreenTy01 #areaGlobal .navGlobal li,
  body.rwd.tmpGreenTy02 #areaGlobal .navGlobal li {
    z-index: 10;
    position: relative;
  }
  body.rwd.tmpGreenTy01 #areaGlobal .navGlobal li.active,
  body.rwd.tmpGreenTy02 #areaGlobal .navGlobal li.active {
    z-index: 11;
  }
  body.rwd.tmpGreenTy01 #areaGlobal .navGlobal li > a,
  body.rwd.tmpGreenTy02 #areaGlobal .navGlobal li > a {
    font-size: 11px !important;
    font-size: 1.1rem !important;
    line-height: 1.1;
  }
}
/* --------------------------------------------------
   Unorderd List
-------------------------------------------------- */
ul > li > *:last-child {
  margin-bottom: 0;
}

/* listBa */
ul.listBa {
  margin: 0 0 10px;
}
ul.listBa > li {
  padding-left: 25px;
  margin-bottom: 5px;
  position: relative;
}
ul.listBa > li:before {
  content: "";
  width: 3px;
  height: 3px;
  background: #9CCE00;
  border: 1px solid #000;
  position: absolute;
  top: 0.55em;
  left: 10px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
ul.listBa > li > ul.listBa {
  margin: 3px 0 -3px -5px;
}
ul.listBa > li > ul.listBa li:before {
  background: #858585;
}
ul.listBa > li > p + ul.listBa,
ul.listBa > li > p + p.linkBa {
  margin-top: -14px;
  margin-bottom: 5px;
}
ul.listBa.col2 > li, ul.listBa.col3 > li, ul.listBa.col4 > li, ul.listBa.col5 > li {
  float: left;
  width: 50%;
  padding-right: 20px;
}
ul.listBa.col3 > li {
  width: 33.33333%;
}
ul.listBa.col4 > li {
  width: 25%;
}
ul.listBa.col5 > li {
  width: 20%;
}

/* sp */
@media only screen and (max-width: 640px) {
  body.rwd ul.listBa.col2 > li, body.rwd ul.listBa.col3 > li, body.rwd ul.listBa.col4 > li, body.rwd ul.listBa.col5 > li,
  body.rwd .areaSimpleHTML ul.col2 > li,
  body.rwd .areaSimpleHTML ul.col3 > li,
  body.rwd .areaSimpleHTML ul.col4 > li,
  body.rwd .areaSimpleHTML ul.col5 > li {
    float: none;
    padding-right: 0;
    width: 100% !important;
  }
}
/* listLinkBa */
ul.listLinkBa {
  margin: 0 0 10px;
}
ul.listLinkBa > li {
  margin-top: 0px;
}
ul.listLinkBa > li a {
  color: #004e80;
  position: relative;
  display: inline-block;
  padding: 3px 0 3px 15px;
  position: relative;
}
ul.listLinkBa > li a:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -2256px;
  height: 11px;
  width: 6px;
}
ul.listLinkBa > li a:before {
  top: 0.55em;
  left: 0;
}
ul.listLinkBa > li > ul.listLinkBa {
  margin-left: 20px;
}
ul.listLinkBa.col2 > li, ul.listLinkBa.col3 > li, ul.listLinkBa.col4 > li, ul.listLinkBa.col5 > li {
  float: left;
  width: 50%;
  padding-right: 20px;
}
ul.listLinkBa.col2 > li.wide, ul.listLinkBa.col3 > li.wide, ul.listLinkBa.col4 > li.wide, ul.listLinkBa.col5 > li.wide {
  width: 100%;
}
ul.listLinkBa.col3 > li {
  width: 33.33333%;
}
ul.listLinkBa.col4 > li {
  width: 25%;
}
ul.listLinkBa.col5 > li {
  width: 20%;
}

.boxBa ul.listLinkBa {
  margin-bottom: -10px;
}

/* sp */
@media only screen and (max-width: 640px) {
  body.rwd ul.listLinkBa.col2 > li, body.rwd ul.listLinkBa.col3 > li, body.rwd ul.listLinkBa.col4 > li, body.rwd ul.listLinkBa.col5 > li {
    float: none;
    padding-right: 0;
    width: 100% !important;
  }
}
/* listNoteBa */
ul.listNoteBa {
  margin: 0 0 15px;
  font-size: 14px;
  font-size: 1.4rem;
}
ul.listNoteBa > li {
  padding-left: 1.5em;
  margin-bottom: 2px;
}
ul.listNoteBa > li > span {
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
}
ul.listNoteBa > li > span + ul.listBa.first {
  margin-top: -1.4em;
}
ul.listNoteBa > li > em {
  background-color: #FFFEF6;
  display: inine;
  padding: 4px;
}
ul.listNoteBa > li > em strong {
  font-weight: bold;
  position: relative;
  bottom: -1px;
}
ul.listNoteBa.alignR > li {
  text-align: right;
}
ul.listNoteBa.alignR > li > span {
  display: inline;
  margin: 0;
}
ul.listNoteBa.num > li {
  padding-left: 2.8em;
}
ul.listNoteBa.num > li > span {
  width: 2.8em;
  margin-left: -2.8em;
}
ul.listNoteBa > li > ul.listBa {
  margin-top: 0.4em;
}
ul.listNoteBa > li > ul.listBa li {
  margin-bottom: 5px;
}

/* listNumBa + listNumTy01 */
ul.listNumBa,
ul.listNumTy01 {
  margin: 0 0 20px;
}
ul.listNumBa > li,
ul.listNumTy01 > li {
  padding-left: 1.5em;
  margin-bottom: 2px;
}
ul.listNumBa > li > span,
ul.listNumBa > li > em > span,
ul.listNumTy01 > li > span,
ul.listNumTy01 > li > em > span {
  display: inline-block;
  width: 1.5em;
  margin-left: -1.5em;
}
ul.listNumBa.col2 > li, ul.listNumBa.col3 > li, ul.listNumBa.col4 > li, ul.listNumBa.col5 > li,
ul.listNumTy01.col2 > li,
ul.listNumTy01.col3 > li,
ul.listNumTy01.col4 > li,
ul.listNumTy01.col5 > li {
  float: left;
  width: 50%;
  padding-right: 20px;
}
ul.listNumBa.col3 > li,
ul.listNumTy01.col3 > li {
  width: 33.33333%;
}
ul.listNumBa.col4 > li,
ul.listNumTy01.col4 > li {
  width: 25%;
}
ul.listNumBa.col5 > li,
ul.listNumTy01.col5 > li {
  width: 20%;
}

/* sp */
@media only screen and (max-width: 640px) {
  body.rwd ul.listNumBa.col2 > li, body.rwd ul.listNumBa.col3 > li, body.rwd ul.listNumBa.col4 > li, body.rwd ul.listNumBa.col5 > li,
  body.rwd ul.listNumTy01.col2 > li,
  body.rwd ul.listNumTy01.col3 > li,
  body.rwd ul.listNumTy01.col4 > li,
  body.rwd ul.listNumTy01.col5 > li {
    float: none;
    padding-right: 0;
    width: 100% !important;
  }
}
/* listNumTy01 */
ul.listNumTy01 > li {
  padding-left: 2.5em;
}
ul.listNumTy01 > li > span,
ul.listNumTy01 > li > em > span {
  display: inline-block;
  width: 2.9em;
  margin-left: -3em;
}

/* listNewsBa */
ul.listNewsBa,
ul.listNewsTy01 {
  margin-bottom: 20px;
}
ul.listNewsBa > li,
ul.listNewsTy01 > li {
  margin-top: 17px;
}
ul.listNewsBa > li:first-child,
ul.listNewsTy01 > li:first-child {
  margin-top: 0;
}
ul.listNewsBa > li > a,
ul.listNewsTy01 > li > a {
  text-decoration: none;
  padding-left: 11.5em;
  position: relative;
  display: block;
}
ul.listNewsBa > li > a > span.date,
ul.listNewsTy01 > li > a > span.date {
  position: absolute;
  top: 0;
  color: #333333;
  left: 0;
  font-size: 14px;
  font-size: 1.4rem;
}
ul.listNewsBa > li > a > span.date > img,
ul.listNewsTy01 > li > a > span.date > img {
  display: none;
}
ul.listNewsBa > li > a > span.icon,
ul.listNewsTy01 > li > a > span.icon {
  display: inline-block;
  background: #B2DB81;
  padding: 2px 5px 2px 0;
  min-width: 6.0em;
  text-align: center;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 8.5em;
  color: #333333;
  font-size: 11px;
  font-size: 1.1rem;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
ul.listNewsBa > li > a > span.txt,
ul.listNewsTy01 > li > a > span.txt {
  line-height: 1.2;
  display: block;
  position: relative;
  padding-left: 10px;
}
ul.listNewsBa > li > a > span.txt:before,
ul.listNewsTy01 > li > a > span.txt:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -2256px;
  height: 11px;
  width: 6px;
}
ul.listNewsBa > li > a > span.txt:before,
ul.listNewsTy01 > li > a > span.txt:before {
  top: 0.2em;
  left: 0;
}
ul.listNewsBa > li > a:hover > span.txt,
ul.listNewsTy01 > li > a:hover > span.txt {
  text-decoration: underline;
}
ul.listNewsBa > li.cat01 span.icon,
ul.listNewsTy01 > li.cat01 span.icon {
  background-color: #B2DB81;
}
ul.listNewsBa > li.cat02 span.icon,
ul.listNewsTy01 > li.cat02 span.icon {
  background-color: #5B9D15;
  letter-spacing: -2px;
}
ul.listNewsBa > li.cat03 span.icon,
ul.listNewsTy01 > li.cat03 span.icon {
  background-color: #66C1C0;
}

@media only screen and (max-width: 640px) {
  body.rwd ul.listNewsBa > li > a,
  body.rwd ul.listNewsTy01 > li > a {
    padding-left: 0;
  }
  body.rwd ul.listNewsBa > li > a > span,
  body.rwd ul.listNewsTy01 > li > a > span {
    position: static;
  }
  body.rwd ul.listNewsBa > li > a > span.icon,
  body.rwd ul.listNewsTy01 > li > a > span.icon {
    margin-left: 10px;
    margin-bottom: 5px;
  }
  body.rwd ul.listNewsBa > li > a > span.txt,
  body.rwd ul.listNewsTy01 > li > a > span.txt {
    position: relative;
  }
}
/* listNewsTy01 */
ul.listNewsTy01 {
  margin: 0 0 20px;
}
ul.listNewsTy01 > li > a {
  padding-left: 6.0em;
}
ul.listNewsTy01 > li > a > span.date {
  top: -0.2em;
}

/* listIndexBa */
ul.listIndexBa {
  margin: 0 -10px 20px;
}
ul.listIndexBa > li {
  float: left;
  width: 33.33333%;
  padding: 0 10px;
  margin-bottom: 20px;
}
ul.listIndexBa > li > a {
  background: #FFF;
  border-bottom: 2px solid #71B828;
  display: block;
  text-align: center;
  padding: 125px 5px 20px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  color: #333333;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
ul.listIndexBa > li > a:hover {
  text-decoration: underline;
}
ul.listIndexBa > li > a > h2, ul.listIndexBa > li > a h3, ul.listIndexBa > li > a h4 {
  margin-bottom: 0;
  font-size: 20px;
  font-size: 2rem;
}
ul.listIndexBa > li > a span.sub01 {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
ul.listIndexBa > li > a p.img {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  text-align: center;
}
ul.listIndexBa.col4 > li {
  width: 25%;
}

@media only screen and (max-width: 640px) {
  body.rwd ul.listIndexBa {
    margin: 0 0 20px;
  }
  body.rwd ul.listIndexBa > li {
    float: none;
    width: 100% !important;
    padding: 0;
    margin-bottom: 10px;
  }
  body.rwd ul.listIndexBa > li > a {
    height: auto !important;
    min-height: 70px;
    padding: 15px 5px 10px;
    display: table;
    width: 100%;
  }
  body.rwd ul.listIndexBa > li > a p.img {
    display: inline-block;
    width: auto;
    top: 10px;
    left: 10px;
  }
  body.rwd ul.listIndexBa > li > a p.img img {
    width: 75px;
    height: 45px;
  }
  body.rwd ul.listIndexBa > li > a > h2, body.rwd ul.listIndexBa > li > a h3, body.rwd ul.listIndexBa > li > a h4 {
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 0;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: left;
    padding-left: 90px;
  }
}
/* listIndexBa.report */
@media only screen and (max-width: 640px) {
  body.rwd ul.listIndexBa.report > li > a {
    min-height: 75px;
  }
  body.rwd ul.listIndexBa.report > li > a p.img img {
    width: 75px;
    height: 50px;
  }
}
/* listIndexTy01 */
ul.listIndexTy01 {
  margin: 0 -10px 0;
}
ul.listIndexTy01 > li {
  float: left;
  width: 100%;
  padding: 0 10px;
  margin-bottom: 20px;
}
ul.listIndexTy01 > li > a,
ul.listIndexTy01 > li > div {
  background: #FFF;
  border-bottom: 2px solid #71B828;
  display: block;
  padding: 15px 20px 0;
  position: relative;
  color: #333333;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
ul.listIndexTy01 > li > a > p.title,
ul.listIndexTy01 > li > div > p.title {
  padding: 0 0 15px;
  margin-bottom: 0;
  font-weight: bold;
  line-height: 1.2;
  font-size: 20px;
  font-size: 2rem;
}
ul.listIndexTy01 > li > a > p.title > span,
ul.listIndexTy01 > li > div > p.title > span {
  font-weight: normal;
}
ul.listIndexTy01 > li > a span.sub01,
ul.listIndexTy01 > li > div span.sub01 {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
ul.listIndexTy01 > li > a p.img,
ul.listIndexTy01 > li > div p.img {
  text-align: center;
}
ul.listIndexTy01 > li > a p.ribbon,
ul.listIndexTy01 > li > div p.ribbon {
  position: absolute;
  top: -4px;
  left: -4px;
}
ul.listIndexTy01 > li > a p.ribbon img,
ul.listIndexTy01 > li > div p.ribbon img {
  width: auto;
  max-width: none;
}
ul.listIndexTy01 > li > div:hover {
  text-decoration: none;
}
ul.listIndexTy01 > li.pj > a,
ul.listIndexTy01 > li.pj > div {
  border-color: #DEB840;
}
ul.listIndexTy01 > li.internal > a,
ul.listIndexTy01 > li.internal > div {
  border-color: #4BBEE0;
}
ul.listIndexTy01.col1 > li {
  padding: 0 8px;
}
ul.listIndexTy01.col1 > li a {
  padding-top: 20px;
}
ul.listIndexTy01.col2 > li {
  width: 50%;
}
ul.listIndexTy01.col3 > li {
  width: 33.33333%;
}
@media only screen and (max-width: 640px) {
  body.rwd ul.listIndexTy01 {
    margin: 0 0 10px;
  }
  body.rwd ul.listIndexTy01 > li {
    float: none;
    width: 100%;
    padding: 0;
  }
  body.rwd ul.listIndexTy01 > li p.img img {
    max-width: 50%;
    height: auto;
  }
}
/* listIndexTy02 */
ul.listIndexTy02{
}
ul.listIndexTy02 > li{
margin-bottom: 20px;
}
ul.listIndexTy02 .box{
display: block;
overflow: hidden;
padding: 20px;
border-bottom: 2px solid #5d990f;
border-radius: 5px;
background-color: #fff;
box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
color: #333;
text-decoration: none;
}
ul.listIndexTy02 a.box:hover,
ul.listIndexTy02 a.box:focus{
text-decoration: underline;
}
ul.listIndexTy02 .listLabelCategory{
font-size: 0;
}
ul.listIndexTy02 .listLabelCategory li{
display: inline-block;
margin-left: 13px;
padding: 7px 13px;
background-color: #dcac00;
color: #fff;
font-size: 16px;
font-size: 1.6rem;
}
ul.listIndexTy02 .content{
overflow: hidden;
}
ul.listIndexTy02 .img{
float: right;
margin-left: 20px;
}
ul.listIndexTy02 .img > img{
max-width: 100%;
}
ul.listIndexTy02 .listLabelCategory li:first-child{
margin-left: 0;
}
ul.listIndexTy02 .listLabelCategory .type01{
background-color: #89c54a;
}
ul.listIndexTy02 .listLabelCategory .type02{
background-color: #b5b5b5;
}
ul.listIndexTy02 .listLabelCategory .type03{
background-color: #6ebde2;
}
ul.listIndexTy02 .title{
margin: 20px 0 0;
font-weight: bold;
font-size: 20px;
font-size: 2rem;
line-height: 1.2;
}
ul.listIndexTy02 .title .date{
display: block;
margin-bottom: 10px;
font-weight: normal;
font-size: 16px;
font-size: 1.6rem;
}
@media only screen and (max-width: 640px){
  ul.listIndexTy02 .box{
  padding: 15px;
  }
  ul.listIndexTy02 .listLabelCategory li{
  margin-left: 10px;
  padding: 5px 10px;
  font-size: 14px;
  font-size: 1.4rem;
  }
  ul.listIndexTy02 .img{
  float: none;
  margin-bottom: 10px;
  margin-left: 0;
  text-align: center;
  }
  ul.listIndexTy02 .title{
  margin-top: 10px;
  }
  ul.listIndexTy02 .title .date{
  font-size: 14px;
  font-size: 1.4rem;
  }
}
/* listBnrBa */
ul.listBnrBa {
  margin: 0 -10px 10px;
}
ul.listBnrBa > li {
  float: left;
  padding: 0 10px;
  margin-bottom: 20px;
}
ul.listBnrBa > li > a {
  background: #FFF;
  display: block;
  text-align: center;
  padding: 0;
  overflow: hidden;
  text-decoration: none;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
ul.listBnrBa.col3 > li {
  width: 33.33333%;
}
ul.listBnrBa.col4 > li {
  width: 25%;
}

@media only screen and (max-width: 640px) {
  body.rwd ul.listBnrBa {
    margin: 0 -5px 10px;
  }
  body.rwd ul.listBnrBa > li {
    width: 50%;
    padding: 0 5px;
    margin-bottom: 10px;
  }
}
/* listBnrTy01 */
ul.listBnrTy01 {
  margin: 0 0 10px;
}
ul.listBnrTy01 > li {
  margin-bottom: 10px;
}
ul.listBnrTy01 > li > a {
  float: left;
  margin-right: 10px;
}
ul.listBnrTy01 > li > a > img {
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
ul.listBnrTy01 > li > p {
  padding-top: 5px;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-size: 1.4rem;
}
ul.listBnrTy01 > li > p > em {
  font-size: 18px;
  font-size: 1.8rem;
}

/* listReportBa */
ul.listReportBa {
  margin: 0 0 10px;
  line-height: 1.2;
}
ul.listReportBa > li {
  margin-top: 20px;
}
ul.listReportBa > li:first-child {
  margin-top: 0;
}
ul.listReportBa > li > a {
  color: #333333;
  text-decoration: none;
}
ul.listReportBa > li > a:hover > p {
  text-decoration: underline;
}
ul.listReportBa > li > a > img {
  float: left;
  margin-right: 10px;
}
ul.listReportBa > li > a > p {
  padding-top: 8px;
  margin-bottom: 0;
  overflow: hidden;
}
ul.listReportBa > li > a > p > em {
  font-size: 22px;
  font-size: 2.2rem;
}

/* listReportTy01 */
ul.listReportTy01 {
  line-height: 0.9;
  position: relative;
  margin: 30px -17px 20px;
  padding: 10px 0px 0;
  background: #E2E2E2;
}
ul.listReportTy01 > li {
  display: inline-block;
  width: 90px;
  float: left;
  margin: 0 9px 10px;
}
ul.listReportTy01 > li.current {
  font-weight: bold;
}
ul.listReportTy01 > li.current > a {
  position: relative;
}
ul.listReportTy01 > li.current > a:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -1536px;
  height: 46px;
  width: 45px;
}
ul.listReportTy01 > li.current > a:before {
  position: absolute;
  top: -4px;
  left: -4px;
}
ul.listReportTy01 > li > a {
  display: block;
  color: #333333;
  text-decoration: none;
  text-align: center;
  background: #FFF;
  padding-top: 10px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  border: 1px solid #f5f3f3;
  border-bottom: 2px solid #5D990F;
}
ul.listReportTy01 > li > a:hover > span {
  text-decoration: underline;
}
ul.listReportTy01 > li > a > span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 90px;
  height: 2.5em;
  font-size: 12px;
  font-size: 1.2rem;
}

p.imgCatch + ul.listReportTy01 {
  margin-top: -30px;
}

p.imgCatch.report + ul.listReportTy01 {
  display: none;
}

p.imgCatch.report + ul.listReportTy01 + .hdg2Ba {
  margin-top: 10px;
}

@media only screen and (max-width: 640px) {
  body.rwd ul.listReportTy01 {
    margin: 30px -10px 20px;
  }
}
/* listArchiveBa */
ul.listArchiveBa {
  margin: 0 0 20px;
  text-align: center;
}
ul.listArchiveBa > li {
  width: 25%;
  float: left;
  border: 1px solid #C9C9C9;
}
ul.listArchiveBa > li > a,
ul.listArchiveBa > li > em {
  padding: 12px 10px;
  font-weight: bold;
  text-decoration: none;
  color: #333333;
  display: block;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #dedede 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dedede));
  background: -webkit-linear-gradient(top, white 0%, #dedede 100%);
  background: linear-gradient(top, #ffffff 0%, #dedede 100%);
  -moz-box-shadow: inset 0 -2px 5px -2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 -2px 5px -2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 -2px 5px -2px rgba(0, 0, 0, 0.3);
}
ul.listArchiveBa > li > a:hover {
  text-decoration: underline;
}
ul.listArchiveBa > li.current > a,
ul.listArchiveBa > li.current > em {
  color: #FFF;
  background: #77A839;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* listMangrove */
ul.listMangrove {
  margin-bottom: 20px;
}
ul.listMangrove > li {
  line-height: 1.2;
  display: inline-block;
  margin-right: 40px;
  font-weight: bold;
  padding-left: 60px;
  position: relative;
}
ul.listMangrove > li:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -1628px;
  height: 46px;
  width: 54px;
}
ul.listMangrove > li:before {
  position: absolute;
  top: 0;
  left: 0;
}
ul.listMangrove > li.sum {
  padding-left: 90px;
  position: relative;
}
ul.listMangrove > li.sum:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -1444px;
  height: 46px;
  width: 84px;
}
ul.listMangrove > li.sum:before {
  position: absolute;
  top: 0;
  left: 0;
}
ul.listMangrove > li > span {
  color: #347710;
  display: inline-block;
}
ul.listMangrove > li > span > em {
  font-size: 20px;
  font-size: 2rem;
}

/* --------------------------------------------------
   Definition List
-------------------------------------------------- */
/* listYearBa 旧年別一覧リスト */
.listYearBa {
  background: #F4F4F4;
  padding: 10px;
  margin: 30px 0 20px;
}
.listYearBa > dl {
  margin: 0;
  padding: 20px 30px;
  background: #FFF;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.listYearBa > dl > dt {
  float: left;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}
.listYearBa > dl > dd {
  float: right;
  margin-top: 3px;
  margin-left: 30px;
}
.listYearBa > dl > dd > a {
  padding: 3px 0 3px 15px;
  position: relative;
}
.listYearBa > dl > dd > a:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -2256px;
  height: 11px;
  width: 6px;
}
.listYearBa > dl > dd > a:before {
  top: 0.5em;
  left: 0;
}

@media only screen and (max-width: 640px) {
  body.rwd .listYearBa > dl {
    padding: 10px;
  }
  body.rwd .listYearBa > dl > dt {
    float: none;
    font-size: 18px;
    font-size: 1.8rem;
  }
  body.rwd .listYearBa > dl > dd {
    float: none;
    margin-left: 0;
  }
}
/* listYearBa 新年別一覧リスト */
.listYearBa02 {
  background: #F4F4F4;
  padding: 10px;
  margin: 30px 0 20px;
}
.listYearBa02 > .content {
  margin: 0;
  padding: 20px 30px;
  background: #FFF;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
  box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
  display: flex;
}
.listYearBa02 > .content > .title {
  display: flex;
  flex: 0 0 auto;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}
.listYearBa02 > .content > .list {
  display: flex;
  list-style: none;
  margin: 0;
  flex-wrap: wrap;
}
.listYearBa02 > .content > .list > li {
  margin-top: 3px;
  margin-left: 30px;
}
.listYearBa02 > .content > .list > li > a {
  text-decoration: none;
  padding: 3px 0 3px 15px;
  position: relative;
}
.listYearBa02 > .content > .list > li > a:hover {
  text-decoration: underline;
}
.listYearBa02 > .content > .list > li > a::before {

  background: url(/world/greengift/common/img/sprite/modules.png) no-repeat;
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -2256px;
  height: 11px;
  width: 6px;
  top: .5em;
  left: 0;
}

@media only screen and (max-width: 640px){
  .listYearBa02 > .content {
    flex-direction: column;
    padding: 10px;
  }
  .listYearBa02 > .content > .title {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .listYearBa02 > .content > .list {
    flex-direction: column;
    padding-left: 0;
  }
  .listYearBa02 > .content > .list > li {
    margin-left: 0;
  }
}

/* listTy02 */
dl.listTy02 {
  margin: 0 0 25px;
}
dl.listTy02 > dt,
dl.listTy02 > dd {
  float: left;
  padding: 5px 0;
}
dl.listTy02 > dt {
  font-weight: bold;
  clear: both;
  padding-left: 0;
  /*&:after{
  	content:"：";
  }*/
}
dl.listTy02 > dd {
  margin: 0;
  padding-left: 5px;
}

/* sp */
@media only screen and (max-width: 640px) {
  body.rwd dl.listTy02 > dt,
  body.rwd dl.listTy02 > dd {
    float: none;
    width: 100% !important;
  }
  body.rwd dl.listTy02 > dt {
    padding: 0;
  }
  body.rwd dl.listTy02 > dd {
    padding-top: 0;
    margin-bottom: 10px;
  }
}
/* listFaqBa */
dl.listFaqBa {
  margin: 10px 0 5px;
}
dl.listFaqBa > dt {
  position: relative;
  padding-left: 4.0em;
  margin: 0;
  font-weight: bold;
  margin-bottom: 15px;
  color: #000;
}
dl.listFaqBa > dt > span.num {
  display: inline-block;
  top: -20px;
  left: 0;
  border: 2px solid #000;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #A8D07E;
  font-size: 18px;
  font-size: 1.8rem;
  position: relative;
  position: absolute;
  padding: 0 5px;
  line-height: 1.8;
}
dl.listFaqBa > dt > span.num:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -2056px;
  height: 10px;
  width: 10px;
}
dl.listFaqBa > dt > span.num:before {
  left: auto;
  right: -5px;
  bottom: 0;
  display: none\9;
}
dl.listFaqBa > dt > span.num > em {
  font-size: 22px;
  font-size: 2.2rem;
}
dl.listFaqBa > dd {
  padding-left: 4.0em;
  margin: 0 0 55px;
  position: relative;
}
dl.listFaqBa > dd > span.num {
  top: -7px;
  left: 8px;
  border: 2px solid #000;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #FFF855;
  font-size: 18px;
  font-size: 1.8rem;
  position: relative;
  padding: 0 8px;
  line-height: 1.7;
  font-weight: bold;
  position: absolute;
}
dl.listFaqBa > dd > span.num:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -2106px;
  height: 10px;
  width: 10px;
}
dl.listFaqBa > dd > span.num:before {
  left: auto;
  right: -6px;
  bottom: -1px;
  display: none\9;
}

/* --------------------------------------------------
   Buttom
-------------------------------------------------- */
/* btnBa */
.btnBa a {
  display: block;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  padding: 10px 15px 10px 37px;
  text-decoration: none;
  position: relative;
  background: #619922;
  background: -moz-linear-gradient(top, #aace70 0%, #619922 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aace70), color-stop(100%, #619922));
  background: -webkit-linear-gradient(top, #aace70 0%, #619922 100%);
  background: linear-gradient(top, #aace70 0%, #619922 100%);
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 1px 2px 0 1px rgba(0, 0, 0, 0.15), inset 2px 2px 2px 2px rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: 1px 2px 0 1px rgba(0, 0, 0, 0.15), inset 2px 2px 2px 2px rgba(255, 255, 255, 0.15);
  box-shadow: 1px 2px 0 1px rgba(0, 0, 0, 0.15), inset 2px 2px 2px 2px rgba(255, 255, 255, 0.15);
  position: relative;
}
.btnBa a:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -1844px;
  height: 20px;
  width: 16px;
}
.btnBa a:before {
  top: 50%;
  margin-top: -10px;
  left: 15px;
  position: absolute;
}
.btnBa a:hover {
  background: #619922;
  background: -moz-linear-gradient(top, #619922 0%, #aace70 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #619922), color-stop(100%, #aace70));
  background: -webkit-linear-gradient(top, #619922 0%, #aace70 100%);
  background: linear-gradient(top, #619922 0%, #aace70 100%);
}

/* btnTy01 */
.btnTy01 a {
  border: 1px solid #F4F4F4;
  display: inline-block;
  white-space: nowrap;
  background-color: #FFF;
  color: #264A80;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  padding: 10px;
  min-width: 180px;
  border: 1px solid #F4F4F4;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 14px;
  font-size: 1.4rem;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.btnTy01 a:hover {
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #eeeeee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #eeeeee));
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #eeeeee 100%);
  background: linear-gradient(top, #f7f7f7 0%, #eeeeee 100%);
}

/* toggleBtn01 */
.toggleBtn01 {
  position: relative;
}
.toggleBtn01 > a.toggleHook {
  z-index: 10;
  display: block;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  padding: 20px 12px 25px;
  text-decoration: none;
  text-shadow: 0 0 5px #2A7C00;
  font-size: 20px;
  font-size: 2rem;
  background: #619922;
  background: -moz-linear-gradient(top, #619922 0%, #aace70 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #619922), color-stop(100%, #aace70));
  background: -webkit-linear-gradient(top, #619922 0%, #aace70 100%);
  background: linear-gradient(top, #619922 0%, #aace70 100%);
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 1px 2px 0 1px rgba(0, 0, 0, 0.15), inset 2px 2px 2px 2px rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: 1px 2px 0 1px rgba(0, 0, 0, 0.15), inset 2px 2px 2px 2px rgba(255, 255, 255, 0.15);
  box-shadow: 1px 2px 0 1px rgba(0, 0, 0, 0.15), inset 2px 2px 2px 2px rgba(255, 255, 255, 0.15);
  position: relative;
}
.toggleBtn01 > a.toggleHook:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -1880px;
  height: 16px;
  width: 20px;
}
.toggleBtn01 > a.toggleHook:before {
  bottom: -2px;
  left: 50%;
  margin-left: -8px;
  display: inline-block;
  z-index: 1;
}
.toggleBtn01 > a.toggleHook:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 15px;
  background: #CFE5A7;
  position: absolute;
  bottom: 0;
  left: 0;
}
.toggleBtn01 > a.toggleHook.close {
  background: #619922;
  background: -moz-linear-gradient(top, #aace70 0%, #619922 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aace70), color-stop(100%, #619922));
  background: -webkit-linear-gradient(top, #aace70 0%, #619922 100%);
  background: linear-gradient(top, #aace70 0%, #619922 100%);
  position: relative;
}
.toggleBtn01 > a.toggleHook.close:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -1808px;
  height: 16px;
  width: 20px;
}
.toggleBtn01 > a.toggleHook.close:before {
  bottom: 0;
}
.toggleBtn01 > a.toggleHook.close:after {
  background: #ABCE71;
}
.toggleBtn01 > a.toggleHook.close + div.toggleContent {
  display: none;
}
.toggleBtn01 > div.toggleContent {
  width: 100%;
  position: absolute;
  background: #FFFDE6;
  padding: 20px 15px 15px;
  z-index: 5;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.toggleBtn01 > div.toggleContent > ul.listLinkBa {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}

/* btnFacebook */
.btnFacebook {
  text-align: center;
  background: url(/world/greengift/common/img/btn/gg_btn_facebook_02.png) no-repeat center top;
  min-height: 100px;
  padding-top: 60px;
  margin-bottom: 20px;
}
.btnFacebook p {
  display: inline-block;
  background-color: #FFF;
  padding: 0;
  min-width: 180px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #fffaa1;
  background: -moz-linear-gradient(top, #fffaa1 0%, #fff250 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffaa1), color-stop(100%, #fff250));
  background: -webkit-linear-gradient(top, #fffaa1 0%, #fff250 100%);
  background: linear-gradient(top, #fffaa1 0%, #fff250 100%);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.btnFacebook p:hover {
  background: #fff250;
  background: -moz-linear-gradient(top, #fff250 0%, #fffaa1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff250), color-stop(100%, #fffaa1));
  background: -webkit-linear-gradient(top, #fff250 0%, #fffaa1 100%);
  background: linear-gradient(top, #fff250 0%, #fffaa1 100%);
}
.btnFacebook p > a {
  background: url(/world/greengift/common/img/btn/gg_btn_facebook_03.png) no-repeat 10px center;
  padding: 15px 20px 15px 65px;
  display: block;
  color: #000;
  text-decoration: none;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
}
.btnFacebook p > a > img {
  display: none;
}

/* --------------------------------------------------
   Box
-------------------------------------------------- */
/* boxBa */
.boxBa {
  background-color: #FFF;
  padding: 20px 15px;
  margin-bottom: 20px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  border: 1px solid #f5f3f3;
}

/* boxTy01 */
.boxTy01 {
  background-color: #FFF;
  padding: 20px 15px;
  margin-bottom: 20px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  border: 1px solid #f5f3f3;
  border-bottom: 2px solid #5D990F;
}
.boxTy01 .hdgBoxBa {
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 2rem;
}
.boxTy01 .hdgBoxBa > span.sub01 {
  font-size: 15px;
  font-size: 1.5rem;
}
.boxTy01 > *:last-child {
  margin-bottom: 0;
}
.boxTy01 > p > span.caption,
.boxTy01 ul.listLinkBa {
  position: relative;
  bottom: -5px;
}

/* boxTy02 */
.boxTy02 {
  background-color: #EDEDED;
  padding: 15px;
  margin-bottom: 20px;
}
.boxTy02 > *:last-child {
  margin-bottom: 0;
}
.boxTy02 > .boxBa {
  margin: -5px;
}
.boxTy02 .hdgBoxBa {
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 2rem;
}
.boxTy02 .hdgBoxBa > span.sub01 {
  font-size: 15px;
  font-size: 1.5rem;
}
.boxTy02.imgFloat01 {
  position: relative;
  padding-right: 140px;
}
.boxTy02 p.float {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
}

/* boxTy03 */
.boxTy03 {
  background-color: #F4F4F4;
  padding: 30px 20px;
  margin-bottom: 20px;
  overflow: hidden;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.boxTy03 > *:last-child {
  margin-bottom: 0;
}
.boxTy03 > .boxTy04 {
  margin: 20px -20px -30px;
}

/* boxTy04 */
.boxTy04 {
  background-color: #F8F8F8;
  padding: 30px 20px;
  margin-bottom: 20px;
}
.boxTy04 > *:last-child {
  margin-bottom: 0;
}

/* boxReportBa */
.boxReportBa {
  background-color: #ECE7DD;
  padding: 15px 30px;
  margin-bottom: 25px;
}
.boxReportBa > *:last-child {
  margin-bottom: 0;
}
.boxReportBa .hdgBoxBa {
  margin-bottom: 5px !important;
}
.boxReportBa > .hdgBoxBa {
  color: #49390C;
}
.boxReportBa > .boxBa {
  margin: 0 -15px 20px;
}
.boxReportBa > ul.contact li {
  display: inline-block;
  margin-left: 50px;
}
.boxReportBa > ul.contact li:first-child {
  margin-left: 0;
}

/* --------------------------------------------------
   Table
-------------------------------------------------- */
table th > *:last-child,
table td > *:last-child {
  margin-bottom: 0;
}
table th ul.listAnchorBa,
table td ul.listAnchorBa {
  margin-bottom: 5px;
}
table th ul.listAnchorBa > li,
table td ul.listAnchorBa > li {
  margin-bottom: 3px;
}

.hdg2Ba + table {
  margin-top: 26px;
}

.hdg3Ba + table {
  margin-top: 22px;
}

/* sp */
@media only screen and (max-width: 640px) {
  body.rwd table.tblBa th, body.rwd table.tblBa td {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* tblBa */
table.tblBa {
  margin-bottom: 20px;
  width: 100%;
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  background: #FFF;
}
table.tblBa > caption {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: left;
  margin-bottom: 5px;
}
table.tblBa > caption > span.sub01 {
  font-weight: normal;
}
table.tblBa > caption > span.sub02 {
  display: inline-block;
  float: right;
}
table.tblBa > caption p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
}
table.tblBa th,
table.tblBa td {
  border: 1px solid #000000;
  border-width: 0 1px 1px 0;
  padding: 8px;
  text-align: left;
  vertical-align: top;
}
table.tblBa > thead {
  font-size: 15px;
  font-size: 1.5rem;
}
table.tblBa > thead th,
table.tblBa > thead td {
  background: #A8D07E;
  text-align: center;
  vertical-align: middle;
}
table.tblBa > thead span.icon01 {
  display: inline-block;
  background: #019CE5;
  color: #FFF;
  font-weight: bold;
  padding: 1px 5px;
  margin: 0 3px 1px;
  font-size: 12px;
  font-size: 1.2rem;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
table.tblBa > tbody {
  font-size: 14px;
  font-size: 1.4rem;
}
table.tblBa > tbody th {
  vertical-align: top;
  font-weight: normal;
  background-color: #F6F6F6;
}
table.tblBa td.icon {
  vertical-align: middle;
  text-align: center;
}
table.tblBa td.icon img {
  vertical-align: middle;
}
table.tblBa sup {
  position: relative;
  margin-left: 3px;
}

/* --------------------------------------------------
   Layout
-------------------------------------------------- */
/* lytColumnBa */
.lytColumnBa {
  margin-bottom: 5px;
}
.lytColumnBa > .col {
  float: left;
  margin-bottom: 20px;
  padding-right: 3%;
}
.lytColumnBa > .col > *:last-child {
  margin-bottom: 0;
}
.lytColumnBa > .col dl.listLinkBa dd:last-child {
  margin-bottom: 0;
}
.lytColumnBa > .col span.caption {
  position: relative;
  bottom: -5px;
  margin: 0;
}
.lytColumnBa.col2 {
  width: 103%;
}
.lytColumnBa.col2 > .col {
  width: 47%;
}
.lytColumnBa.col2 > .col.wide {
  width: 97%;
}
.lytColumnBa.col3 {
  width: 103%;
}
.lytColumnBa.col3 > .col {
  width: 30.33333%;
}
.lytColumnBa.col4 {
  width: 103%;
}
.lytColumnBa.col4 > .col {
  width: 22.0%;
}
.lytColumnBa.col5 {
  width: 103%;
}
.lytColumnBa.col5 > .col {
  width: 17%;
}
.lytColumnBa.col2, .lytColumnBa.col3, .lytColumnBa.col4, .lytColumnBa.col5 {
  /* width */
}
.lytColumnBa.col2 .col.w05, .lytColumnBa.col3 .col.w05, .lytColumnBa.col4 .col.w05, .lytColumnBa.col5 .col.w05 {
  width: 2% !important;
}
.lytColumnBa.col2 .col.w33, .lytColumnBa.col3 .col.w33, .lytColumnBa.col4 .col.w33, .lytColumnBa.col5 .col.w33 {
  width: 30% !important;
}
.lytColumnBa.col2 .col.w66, .lytColumnBa.col3 .col.w66, .lytColumnBa.col4 .col.w66, .lytColumnBa.col5 .col.w66 {
  width: 63% !important;
}
.lytColumnBa.col2 .col.w10, .lytColumnBa.col3 .col.w10, .lytColumnBa.col4 .col.w10, .lytColumnBa.col5 .col.w10 {
  width: 7% !important;
}
.lytColumnBa.col2 .col.w15, .lytColumnBa.col3 .col.w15, .lytColumnBa.col4 .col.w15, .lytColumnBa.col5 .col.w15 {
  width: 12% !important;
}
.lytColumnBa.col2 .col.w20, .lytColumnBa.col3 .col.w20, .lytColumnBa.col4 .col.w20, .lytColumnBa.col5 .col.w20 {
  width: 17% !important;
}
.lytColumnBa.col2 .col.w25, .lytColumnBa.col3 .col.w25, .lytColumnBa.col4 .col.w25, .lytColumnBa.col5 .col.w25 {
  width: 22% !important;
}
.lytColumnBa.col2 .col.w30, .lytColumnBa.col3 .col.w30, .lytColumnBa.col4 .col.w30, .lytColumnBa.col5 .col.w30 {
  width: 27% !important;
}
.lytColumnBa.col2 .col.w35, .lytColumnBa.col3 .col.w35, .lytColumnBa.col4 .col.w35, .lytColumnBa.col5 .col.w35 {
  width: 32% !important;
}
.lytColumnBa.col2 .col.w40, .lytColumnBa.col3 .col.w40, .lytColumnBa.col4 .col.w40, .lytColumnBa.col5 .col.w40 {
  width: 37% !important;
}
.lytColumnBa.col2 .col.w45, .lytColumnBa.col3 .col.w45, .lytColumnBa.col4 .col.w45, .lytColumnBa.col5 .col.w45 {
  width: 42% !important;
}
.lytColumnBa.col2 .col.w50, .lytColumnBa.col3 .col.w50, .lytColumnBa.col4 .col.w50, .lytColumnBa.col5 .col.w50 {
  width: 47% !important;
}
.lytColumnBa.col2 .col.w55, .lytColumnBa.col3 .col.w55, .lytColumnBa.col4 .col.w55, .lytColumnBa.col5 .col.w55 {
  width: 52% !important;
}
.lytColumnBa.col2 .col.w60, .lytColumnBa.col3 .col.w60, .lytColumnBa.col4 .col.w60, .lytColumnBa.col5 .col.w60 {
  width: 57% !important;
}
.lytColumnBa.col2 .col.w65, .lytColumnBa.col3 .col.w65, .lytColumnBa.col4 .col.w65, .lytColumnBa.col5 .col.w65 {
  width: 62% !important;
}
.lytColumnBa.col2 .col.w70, .lytColumnBa.col3 .col.w70, .lytColumnBa.col4 .col.w70, .lytColumnBa.col5 .col.w70 {
  width: 67% !important;
}
.lytColumnBa.col2 .col.w75, .lytColumnBa.col3 .col.w75, .lytColumnBa.col4 .col.w75, .lytColumnBa.col5 .col.w75 {
  width: 72% !important;
}
.lytColumnBa.col2 .col.w80, .lytColumnBa.col3 .col.w80, .lytColumnBa.col4 .col.w80, .lytColumnBa.col5 .col.w80 {
  width: 77% !important;
}
.lytColumnBa.col2 .col.w85, .lytColumnBa.col3 .col.w85, .lytColumnBa.col4 .col.w85, .lytColumnBa.col5 .col.w85 {
  width: 82% !important;
}
.lytColumnBa.col2 .col.w90, .lytColumnBa.col3 .col.w90, .lytColumnBa.col4 .col.w90, .lytColumnBa.col5 .col.w90 {
  width: 87% !important;
}
.lytColumnBa.col2 .col.w95, .lytColumnBa.col3 .col.w95, .lytColumnBa.col4 .col.w95, .lytColumnBa.col5 .col.w95 {
  width: 92% !important;
}
.lytColumnBa.col2 .col.w100, .lytColumnBa.col3 .col.w100, .lytColumnBa.col4 .col.w100, .lytColumnBa.col5 .col.w100 {
  width: 97% !important;
}

/* lytColumnTy01 */
.lytColumnTy01 {
  margin-bottom: 20px;
  width: 100%;
}
.lytColumnTy01 > .col {
  float: left;
  margin-bottom: 0;
}
.lytColumnTy01 > .col > *:last-child {
  margin-bottom: 0;
}
.lytColumnTy01.col2 > .col {
  width: 50%;
}
.lytColumnTy01.col3 > .col {
  width: 33.33333%;
}
.lytColumnTy01.col4 > .col {
  width: 25.0%;
}
.lytColumnTy01.col5 > .col {
  width: 20%;
}

/* sp */
@media only screen and (max-width: 640px) {
  body.rwd .lytColumnBa,
  body.rwd .lytColumnTy01 {
    margin-bottom: 10px;
  }
  body.rwd .lytColumnBa.col2, body.rwd .lytColumnBa.col3, body.rwd .lytColumnBa.col4, body.rwd .lytColumnBa.col5,
  body.rwd .lytColumnTy01.col2,
  body.rwd .lytColumnTy01.col3,
  body.rwd .lytColumnTy01.col4,
  body.rwd .lytColumnTy01.col5 {
    width: 100%;
  }
  body.rwd .lytColumnBa > .col, body.rwd .lytColumnBa.col2 > .col, body.rwd .lytColumnBa.col3 > .col, body.rwd .lytColumnBa.col4 > .col, body.rwd .lytColumnBa.col5 > .col,
  body.rwd .lytColumnTy01 > .col,
  body.rwd .lytColumnTy01.col2 > .col,
  body.rwd .lytColumnTy01.col3 > .col,
  body.rwd .lytColumnTy01.col4 > .col,
  body.rwd .lytColumnTy01.col5 > .col {
    float: none;
    width: 100% !important;
    margin-right: 0;
    margin-bottom: 10px;
  }
  body.rwd .lytColumnBa > .col,
  body.rwd .lytColumnBa > .col > *,
  body.rwd .lytColumnBa > .col > * > *,
  body.rwd .lytColumnTy01 > .col,
  body.rwd .lytColumnTy01 > .col > *,
  body.rwd .lytColumnTy01 > .col > * > * {
    height: auto !important;
  }
}
/* lytImgBa + lytImgTy01 */
.lytImgBa,
.lytImgTy01 {
  margin-bottom: 25px;
  width: 100%;
}
.lytImgBa.imageR, .lytImgBa.imageL,
.lytImgTy01.imageR,
.lytImgTy01.imageL {
  display: table;
}
.lytImgBa.imageR > .img, .lytImgBa.imageL > .img,
.lytImgTy01.imageR > .img,
.lytImgTy01.imageL > .img {
  display: table-cell;
  vertical-align: top;
  padding-left: 20px;
  white-space: nowrap;
}
.lytImgBa.imageR > .img > p, .lytImgBa.imageL > .img > p,
.lytImgTy01.imageR > .img > p,
.lytImgTy01.imageL > .img > p {
  margin-bottom: 0;
}
.lytImgBa.imageR > .img img, .lytImgBa.imageL > .img img,
.lytImgTy01.imageR > .img img,
.lytImgTy01.imageL > .img img {
  max-width: none;
  margin-bottom: 0;
}
.lytImgBa.imageR > .img > span.iconA, .lytImgBa.imageL > .img > span.iconA,
.lytImgTy01.imageR > .img > span.iconA,
.lytImgTy01.imageL > .img > span.iconA {
  margin: 0 -10px 0 10px;
}
.lytImgBa.imageR > .img span.caption, .lytImgBa.imageL > .img span.caption,
.lytImgTy01.imageR > .img span.caption,
.lytImgTy01.imageL > .img span.caption {
  display: inline-block;
  margin-top: 5px;
  font-size: 12px;
  font-size: 1.2rem;
}
.lytImgBa.imageR > .img > span[class*="btnTy"], .lytImgBa.imageL > .img > span[class*="btnTy"],
.lytImgTy01.imageR > .img > span[class*="btnTy"],
.lytImgTy01.imageL > .img > span[class*="btnTy"] {
  display: table-cell;
  vertical-align: top;
}
.lytImgBa.imageR > .img > span[class*="btnTy"] a, .lytImgBa.imageL > .img > span[class*="btnTy"] a,
.lytImgTy01.imageR > .img > span[class*="btnTy"] a,
.lytImgTy01.imageL > .img > span[class*="btnTy"] a {
  margin-left: 15px;
}
.lytImgBa.imageR > .img > span[class*="btnTy"]:first-child a, .lytImgBa.imageL > .img > span[class*="btnTy"]:first-child a,
.lytImgTy01.imageR > .img > span[class*="btnTy"]:first-child a,
.lytImgTy01.imageL > .img > span[class*="btnTy"]:first-child a {
  margin-left: 0;
}
.lytImgBa.imageR > .img.frame, .lytImgBa.imageL > .img.frame,
.lytImgTy01.imageR > .img.frame,
.lytImgTy01.imageL > .img.frame {
  background: #FFF;
  border-bottom: 2px solid #4BBEE0;
  display: table-cell;
  text-align: center;
  padding: 15px !important;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  margin-left: 20px;
  color: #333333;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.lytImgBa.imageR > .img.frame > span.caption, .lytImgBa.imageL > .img.frame > span.caption,
.lytImgTy01.imageR > .img.frame > span.caption,
.lytImgTy01.imageL > .img.frame > span.caption {
  margin-top: 0;
  position: relative;
  bottom: -5px;
  font-size: 14px;
  font-size: 1.4rem;
}
.lytImgBa.imageR > .content, .lytImgBa.imageL > .content,
.lytImgTy01.imageR > .content,
.lytImgTy01.imageL > .content {
  display: table-cell;
  vertical-align: top;
  width: 100%;
  padding-right: 20px;
}
.lytImgBa.imageR > .content > *:last-child, .lytImgBa.imageL > .content > *:last-child,
.lytImgTy01.imageR > .content > *:last-child,
.lytImgTy01.imageL > .content > *:last-child {
  margin-bottom: 0;
}
.lytImgBa.imageR > .content > *:last-child *:last-child, .lytImgBa.imageL > .content > *:last-child *:last-child,
.lytImgTy01.imageR > .content > *:last-child *:last-child,
.lytImgTy01.imageL > .content > *:last-child *:last-child {
  margin-bottom: 0;
}
.lytImgBa.imageL,
.lytImgTy01.imageL {
  direction: rtl;
}
.lytImgBa.imageL > .img,
.lytImgTy01.imageL > .img {
  direction: ltr;
  padding-left: 0;
  padding-right: 20px;
}
.lytImgBa.imageL > .img.frame,
.lytImgTy01.imageL > .img.frame {
  margin-left: 0;
  margin-right: 20px;
}
.lytImgBa.imageL > .img img,
.lytImgTy01.imageL > .img img {
  max-width: none;
}
.lytImgBa.imageL > .content,
.lytImgTy01.imageL > .content {
  padding-left: 20px;
  direction: ltr;
}
.lytImgBa.narrow,
.lytImgTy01.narrow {
  margin-bottom: 15px;
}
.lytImgBa.narrow.imageL > .img,
.lytImgTy01.narrow.imageL > .img {
  padding-right: 3px !important;
}
.lytImgBa.narrow.imageR > .img,
.lytImgTy01.narrow.imageR > .img {
  padding-left: 3px !important;
}

.lytImgBa.imageR, .lytImgBa.imageL,
.lytImgTy01.imageR,
.lytImgTy01.imageL,
x:-moz-any-link.imageR,
x:-moz-any-link.imageL {
  display: block;
}

.col2 .lytImgBa.imageR > .img,
.col3 .lytImgBa.imageR > .img,
.col4 .lytImgBa.imageR > .img,
.col2 .lytImgTy01.imageR > .img,
.col3 .lytImgTy01.imageR > .img,
.col4 .lytImgTy01.imageR > .img {
  padding-left: 15px;
}
.col2 .lytImgBa.imageL > .img,
.col3 .lytImgBa.imageL > .img,
.col4 .lytImgBa.imageL > .img,
.col2 .lytImgTy01.imageL > .img,
.col3 .lytImgTy01.imageL > .img,
.col4 .lytImgTy01.imageL > .img {
  padding-right: 15px;
}

/* lytImgTy01 */
.lytImgTy01.imageR, .lytImgTy01.imageL {
  direction: ltr;
}
.lytImgTy01.imageR {
  direction: rtl;
}
.lytImgTy01.imageR > .img,
.lytImgTy01.imageR > .content {
  direction: ltr;
}

/* lytImgTy02 */
.lytImgTy02 {
  margin-bottom: 10px;
  width: 100%;
}
.lytImgTy02.imageR > .img, .lytImgTy02.imageL > .img {
  float: left;
  padding-right: 25px;
}
.lytImgTy02.imageR > .img img, .lytImgTy02.imageL > .img img {
  max-width: none;
  margin-bottom: 10px;
}
.lytImgTy02.imageR > .img span.caption, .lytImgTy02.imageL > .img span.caption {
  display: inline-block;
  margin-top: -5px;
  font-size: 12px;
  font-size: 1.2rem;
}
.lytImgTy02.imageR > .content > *:last-child, .lytImgTy02.imageL > .content > *:last-child {
  margin-bottom: 0;
}
.lytImgTy02.imageR > .img {
  float: right;
  padding-right: 0;
  padding-left: 25px;
}
.lytImgTy02.imageR > .img img {
  max-width: none;
}

.col2 .lytImgTy02.imageR > .img,
.col3 .lytImgTy02.imageR > .img,
.col4 .lytImgTy02.imageR > .img {
  padding-left: 15px;
}
.col2 .lytImgTy02.imageL > .imgs,
.col3 .lytImgTy02.imageL > .imgs,
.col4 .lytImgTy02.imageL > .imgs {
  padding-right: 15px;
}

/* sp */
@media only screen and (max-width: 640px) {
  body.rwd .lytImgBa,
  body.rwd .lytImgTy01,
  body.rwd .lytImgTy02 {
    margin-bottom: 30px;
  }
  body.rwd .lytImgBa.imageR, body.rwd .lytImgBa.imageL,
  body.rwd .lytImgTy01.imageR,
  body.rwd .lytImgTy01.imageL,
  body.rwd .lytImgTy02.imageR,
  body.rwd .lytImgTy02.imageL {
    display: block;
  }
  body.rwd .lytImgBa.imageR > .img, body.rwd .lytImgBa.imageL > .img,
  body.rwd .lytImgTy01.imageR > .img,
  body.rwd .lytImgTy01.imageL > .img,
  body.rwd .lytImgTy02.imageR > .img,
  body.rwd .lytImgTy02.imageL > .img {
    float: none;
    display: block;
    text-align: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.rwd .lytImgBa.imageR > .img img, body.rwd .lytImgBa.imageL > .img img,
  body.rwd .lytImgTy01.imageR > .img img,
  body.rwd .lytImgTy01.imageL > .img img,
  body.rwd .lytImgTy02.imageR > .img img,
  body.rwd .lytImgTy02.imageL > .img img {
    margin: 0;
    max-width: 100%;
  }
  body.rwd .lytImgBa.imageR > .img span.caption, body.rwd .lytImgBa.imageL > .img span.caption,
  body.rwd .lytImgTy01.imageR > .img span.caption,
  body.rwd .lytImgTy01.imageL > .img span.caption,
  body.rwd .lytImgTy02.imageR > .img span.caption,
  body.rwd .lytImgTy02.imageL > .img span.caption {
    margin: 0;
  }
  body.rwd .lytImgBa.imageR > .content, body.rwd .lytImgBa.imageL > .content,
  body.rwd .lytImgTy01.imageR > .content,
  body.rwd .lytImgTy01.imageL > .content,
  body.rwd .lytImgTy02.imageR > .content,
  body.rwd .lytImgTy02.imageL > .content {
    display: block;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 10px;
  }
  body.rwd .lytImgBa.imageR,
  body.rwd .lytImgTy01.imageR,
  body.rwd .lytImgTy02.imageR {
    direction: inherit;
  }
  body.rwd .lytImgBa.imageR > .img,
  body.rwd .lytImgBa.imageR > .content,
  body.rwd .lytImgTy01.imageR > .img,
  body.rwd .lytImgTy01.imageR > .content,
  body.rwd .lytImgTy02.imageR > .img,
  body.rwd .lytImgTy02.imageR > .content {
    direction: inherit;
  }
}
/* lytIndexColumnBa */
.lytIndexColumnBa {
  margin-bottom: 5px;
  width: 103%;
}
.lytIndexColumnBa > .col01,
.lytIndexColumnBa > .col02 {
  float: left;
  margin-bottom: 15px;
  padding-right: 2%;
}
.lytIndexColumnBa > .col01 > *:last-child,
.lytIndexColumnBa > .col02 > *:last-child {
  margin-bottom: 0;
}
.lytIndexColumnBa > .col01 {
  width: 64%;
}
.lytIndexColumnBa > .col02 {
  padding-right: 0;
  width: 32%;
  background: #DDD;
  background: #e9e9e9;
  background: -moz-linear-gradient(left, #e9e9e9 0%, #f4f4f4 50%, white 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e9e9e9), color-stop(50%, #f4f4f4), color-stop(100%, white));
  background: -webkit-linear-gradient(left, #e9e9e9 0%, #f4f4f4 50%, white 100%);
  background: linear-gradient(left, #e9e9e9 0%, #f4f4f4 50%, #ffffff 100%);
}
.lytIndexColumnBa > .col02 > .inner {
  padding: 30px 20px 0 20px;
}
.lytIndexColumnBa > .col02 > .inner p {
  margin-bottom: 5px;
}
.lytIndexColumnBa > .col02 > .inner .boxBa {
  padding: 12px;
}
.lytIndexColumnBa > .col02 > .inner .boxBa span.caption {
  font-size: 14px;
  font-size: 1.4rem;
}
.lytIndexColumnBa > .col02 > .inner .boxBa > *:last-child {
  margin-bottom: 0;
}
.lytIndexColumnBa > .col02 > .inner hr.lineBa {
  margin: 25px 0 15px;
  background-size: 100% 75%;
  height: 15px;
}

/* sp */
@media only screen and (max-width: 640px) {
  body.rwd .lytIndexColumnBa {
    margin-bottom: 5px;
    width: 100%;
  }
  body.rwd .lytIndexColumnBa > .col01,
  body.rwd .lytIndexColumnBa > .col02 {
    float: none;
    padding-right: 0;
    width: 100%;
    display: block;
    height: auto !important;
  }
  body.rwd .lytIndexColumnBa > .col01 ul.listIndexBa > li {
    height: auto !important;
  }
  body.rwd .lytIndexColumnBa > .col01 ul.listIndexBa > li p {
    display: none;
  }
  body.rwd .lytIndexColumnBa > .col02 {
    padding-bottom: 0;
    margin-bottom: 0;
    background: none;
  }
  body.rwd .lytIndexColumnBa > .col02 > .inner {
    background: #e9e9e9;
    background: -moz-linear-gradient(left, #e9e9e9 0%, #f4f4f4 50%, white 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e9e9e9), color-stop(50%, #f4f4f4), color-stop(100%, white));
    background: -webkit-linear-gradient(left, #e9e9e9 0%, #f4f4f4 50%, white 100%);
    background: linear-gradient(left, #e9e9e9 0%, #f4f4f4 50%, #ffffff 100%);
    margin: 0 -10px;
    padding-bottom: 10px;
  }
}
/* --------------------------------------------------
   Adjust
-------------------------------------------------- */
/* width */
.w05 {
  width: 5% !important;
}

.w33 {
  width: 33% !important;
}

.w66 {
  width: 66% !important;
}

.w10 {
  width: 10% !important;
}

.w15 {
  width: 15% !important;
}

.w20 {
  width: 20% !important;
}

.w25 {
  width: 25% !important;
}

.w30 {
  width: 30% !important;
}

.w35 {
  width: 35% !important;
}

.w40 {
  width: 40% !important;
}

.w45 {
  width: 45% !important;
}

.w50 {
  width: 50% !important;
}

.w55 {
  width: 55% !important;
}

.w60 {
  width: 60% !important;
}

.w65 {
  width: 65% !important;
}

.w70 {
  width: 70% !important;
}

.w75 {
  width: 75% !important;
}

.w80 {
  width: 80% !important;
}

.w85 {
  width: 85% !important;
}

.w90 {
  width: 90% !important;
}

.w95 {
  width: 95% !important;
}

.w100 {
  width: 100% !important;
}

.wAuto {
  width: auto !important;
}

.w950px {
  width: 950px !important;
}

/* Align */
.alignL {
  text-align: left !important;
}

.alignR {
  text-align: right !important;
}

.alignC {
  text-align: center !important;
}

.flashC > object {
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}

/* Margin */
.mb00 {
  margin-bottom: 0 !important;
}

.mb05 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

/* Icon */
img.icon {
  position: relative;
}
img.icon.blank01 {
  top: -2px;
  margin: 0 3px 0 2px;
  max-width: none;
}
img.icon.figure01 {
  top: -5px;
  width: 14px;
  height: 14px;
}
img.icon.media01 {
  top: -3px;
  margin-right: 3px;
}

/* Line */
hr.lineBa {
  border: none;
  background: url(/world/greengift/common/img/structure/gg_line_01.png) no-repeat center top;
  max-width: 910px;
  height: 17px;
  margin: 25px auto 20px;
}

/* sp */
@media only screen and (max-width: 640px) {
  body.rwd hr.lineBa {
    margin: 30px -10px 20px;
    background-size: 100% 75%;
    height: 15px;
  }
  body.rwd .pcHidden {
    display: block !important;
  }
  body.rwd .spHidden {
    display: none;
  }
}
/* img */
img.sizeBa {
  width: inherit;
  height: inherit;
}

/* animation */
.animeSlide {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: relative;
  top: 0;
  left: 0;
}

/* font */
span.caption {
  font-size: 14px;
  font-size: 1.4rem;
}

/* category color */
body.mangrove ul.listIndexBa > li > a,
body.mangrove .compReport01 div.list ul li > a {
  border-color: #245a07;
}

body.internal ul.listIndexBa > li > a,
body.internal .compReport01 div.list ul li > a {
  border-color: #4BBEE0;
}

/* ==================================================
   06.JS
================================================== */
/* jsFadeVisual */
.jsFadeVisual {
  margin: -30px -20px 20px;
  padding-left: 0;
}
.jsFadeVisual > ul {
  margin: 0;
}
.jsFadeVisual > ul > li img {
  width: auto;
  /* for ie8 */
}

@media only screen and (max-width: 640px) {
  body.rwd .jsFadeVisual {
    margin: -15px -20px 20px;
  }
}
/* brughtcove1 */
#brughtcove1 {
  z-index: 1000;
}

/* jsSlideGreen01 */
.jsSlideGreen01 {
  position: relative;
  padding: 0 21px;
}
.jsSlideGreen01 > div.inner {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
.jsSlideGreen01 > div.inner > ul.img {
  margin-bottom: 5px;
}
.jsSlideGreen01 > div.inner > ul.img > li {
  float: left;
}
.jsSlideGreen01 > div.inner > ul.img > li img {
  max-width: 100%;
  height: auto;
}
.jsSlideGreen01 > ul.nav {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  top: 70px;
  left: 0;
}
.jsSlideGreen01 > ul.nav > li {
  float: left;
}
.jsSlideGreen01 > ul.nav > li > a {
  background: #FFF;
  overflow: hidden;
  width: 13px;
  height: 20px;
  display: inline-block;
  position: relative;
}
.jsSlideGreen01 > ul.nav > li > a:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -2136px;
  height: 20px;
  width: 13px;
}
.jsSlideGreen01 > ul.nav > li > a:before {
  top: 0;
  left: 0;
}
.jsSlideGreen01 > ul.nav > li > a > span {
  position: relative;
  z-index: -1;
  display: inline-block;
}
.jsSlideGreen01 > ul.nav > li.next {
  float: right;
}
.jsSlideGreen01 > ul.nav > li.next > a {
  position: relative;
}
.jsSlideGreen01 > ul.nav > li.next > a:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -2086px;
  height: 20px;
  width: 13px;
}

@media only screen and (max-width: 980px) {
  body.rwd .jsSlideGreen01 {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* lightboxBa */
.lightboxBa {
  width: 1px;
  height: 1px;
  display: block;
  opacity: 0;
  overflow: hidden;
}
.lightboxBa.active {
  position: fixed;
  width: 100%;
  height: 140%;
  background: url(/world/greengift/common/img/structure/gg_bg_lightbox.png) repeat left top;
  z-index: 500;
  top: -20%;
  display: table;
  text-align: center;
  vertical-align: middle;
  opacity: 1;
  overflow: auto;
}
.lightboxBa.active > div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.lightboxBa.active > div > .inner {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  background: #000;
  padding: 30px;
  position: relative;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
  max-width: 890px;
  height: auto;
}
.lightboxBa.active > div > .inner > img {
  width: 100%;
  max-width: 100% !important;
  height: auto !important;
}
.lightboxBa.active > div > .inner a.close {
  text-decoration: none;
  position: relative;
  position: absolute;
  top: -30px;
  right: -30px;
}
.lightboxBa.active > div > .inner a.close:before {
  content: "";
  position: absolute;
  display: block;
  background-position: 0 -2042px;
  height: 14px;
  width: 14px;
}
.lightboxBa.active > div > .inner a.close:before {
  top: 10px;
  left: auto;
  right: 10px;
}
.lightboxBa.active > div > .inner a.close > span {
  position: relative;
  z-index: -1;
}
.lightboxBa.active > div > .inner .blsc {
  width: 100%;
  max-width: 890px;
  height: auto;
  position: relative;
}

@media only screen and (max-width: 980px) {
  body.rwd .lightboxBa .inner {
    max-width: 100% !important;
  }
  body.rwd .lightboxBa .inner > img {
    max-width: 100% !important;
  }
  body.rwd .lightboxBa .inner .blsc {
    max-width: 100% !important;
  }
  body.rwd .lightboxBa .inner .blsc object {
    max-width: 100% !important;
    height: 400px;
  }
}
@media only screen and (max-width: 640px) {
  body.rwd .lightboxBa > .inner {
    padding: 20px;
  }
}


/* ==================================================
   マングローブ植林記録 改修
================================================== */
.lytColumnBa.col2Ty01 {
  width: 103%;
}
.lytColumnBa.col2Ty01 > .col {
  width: 30.33333%;
}
.lytColumnBa.col2Ty01 > .col.middle {
  width: 63.66666%;
}

@media only screen and (max-width: 640px) {
  .lytColumnBa.col2Ty01 > .col {
    box-sizing: border-box;
  }
}


/* ブライトコーブ */
.BCLbody {
  background: #fff;
  position: relative;
  top: -30px;
  margin: 0 -20px -10px !important;
}
.BCLvideoWrapper {
  width: 50%;
  height: 276px;
  margin: auto;
  overflow: hidden !important;
}

@media only screen and (max-width: 900px) {
  .BCLvideoWrapper{
    height: 272px;
  }
  .BrightcoveExperience{
    height: 272px;
  }
}
@media only screen and (max-width: 980px) {
  .BCLbody{
    top: -20px;
  }
}
@media only screen and (max-width: 640px) {
  .BCLbody{
    top: -15px;
    margin: 0 -10px -10px !important;
  }
  .BCLvideoWrapper img,.BCLvideoWrapper object{
    width:100%;
    height: auto;
  }
  .BCLvideoWrapper {
    width: 100%;
    height: auto;
    min-width:auto;
  }
  .BrightcoveExperience{
    height: auto;
  }
}

.BCLvideoWrapper iframe {
  width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
.BrightcoveExperience{
  height: 276px;
}

/* mangrove hdg3Ty02 */
.hdg3Ty02 {
  background-color: #347710;
  color: #FFF;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 20px;
  padding: 7px 10px;
  font-size: 20px;
  font-size: 2rem;
  -moz-border-radius: 4px;
  border-radius: 4px;
  line-height: 24px;
}

@media only screen and (max-width: 640px) {
  body.rwd .hdg3Ty02 {
    margin-bottom: 15px;
  }
}

.mangrove .hdg3Ty02 .icon{
  padding-right:20px;
}

/* for IE */
.ieStyle.mangrove .hdg3Ty02 .text{
  position: relative;
  top: 3px;
}
/* end for IE */

.mangrove .hdg3Ty02 a{
  text-decoration: none;
  color:#fff;
}
.mangrove .hdg3Ty02 a:hover{
  text-decoration: underline;
}
.mangrove .hdg3Ty02 + .hdg4Ba {
  margin-top: 20px;
}

/* reportIndexBa */
.reportIndexBa h3{
  font-size: 16px;
  box-sizing: border-box;
  width: auto;
  display: inline-block;
  position: relative;
  padding-right:16px;
}
.reportIndexBa h3:after{
  content: "";
  position: absolute;
  display: block;
  margin: -5px 0 0;
  top:50%;
  right: 0;
  width: 6px;
  height: 11px;
  background: url(/world/greengift/mangrove/common/img/icon/icon_arrow.png) no-repeat;
}
.reportIndexBa a{
  text-decoration: none;
}
.reportIndexBa a:hover{
  text-decoration: underline;
}
.reportIndexBa .icon{
  margin-right:10px;
}
.reportIndexBa .icon img{
  max-width: none;
}
.reportIndexBa .img{
  text-align: center;
}

@media only screen and (max-width: 640px) {
  body.rwd .reportIndexBa .col3 .col{
    margin-bottom:30px;
  }
}

/* ==================================================
全国イベントマップ
================================================== */
.compEventMap{
position: relative;
margin-bottom: 1em;
}
.compEventMap .mapImg{
}
.compEventMap .box{
position: absolute;
box-sizing: border-box;
padding: 7px 0 10px 12px;
border-radius: 5px;
background-color: #fff;
}
.compEventMap .box::after{
position: absolute;
display: block;
background-position: 0 0;
background-repeat: no-repeat;
content: "";
}
.compEventMap .box.area-hokkaido{
top: 5.5%;
left: 286px; /* JS と連携するため px 単位 */
width: 263px; /* JS と連携するため px 単位 */
}
.compEventMap .box.area-hokkaido::after{
right: 20px;
bottom: -23px;
width: 49px;
height: 23px;
background-image: url(/world/greengift/internal_activity/img/bg_map_balloon_hokkakido.png);
}
.compEventMap .box.area-tohoku{
top: 32.5%;
left: 667px; /* JS と連携するため px 単位 */
width: 235px; /* JS と連携するため px 単位 */
}
.compEventMap .box.area-tohoku::after{
top: 40px;
left: -33px;
width: 33px;
height: 20px;
background-image: url(/world/greengift/internal_activity/img/bg_map_balloon_tohoku.png);
}
.compEventMap .box.area-kanto{
top: 53%;
left: 629px; /* JS と連携するため px 単位 */
width: 277px; /* JS と連携するため px 単位 */
}
.compEventMap .box.area-kanto::after{
top: 35px;
left: -34px;
width: 34px;
height: 19px;
background-image: url(/world/greengift/internal_activity/img/bg_map_balloon_kanto.png);
}
.compEventMap .box.area-chubu{
top: 23.5%;
left: 202px; /* JS と連携するため px 単位 */
width: 273px; /* JS と連携するため px 単位 */
}
.compEventMap .box.area-chubu::after{
right: 65px;
bottom: -28px;
width: 43px;
height: 28px;
background-image: url(/world/greengift/internal_activity/img/bg_map_balloon_chubu.png);
}
.compEventMap .box.area-kinki{
top: 74.5%;
left: 545px; /* JS と連携するため px 単位 */
width: 320px; /* JS と連携するため px 単位 */
}
.compEventMap .box.area-kinki::after{
top: -6px;
left: -76px;
width: 76px;
height: 59px;
background-image: url(/world/greengift/internal_activity/img/bg_map_balloon_kinki.png);
}
.compEventMap .box.area-chugoku{
top: 45%;
left: 61px; /* JS と連携するため px 単位 */
width: 278px;/* JS と連携するため px 単位 */
}
.compEventMap .box.area-chugoku::after{
right: 35px;
bottom: -23px;
width: 44px;
height: 23px;
background-image: url(/world/greengift/internal_activity/img/bg_map_balloon_chugoku.png);
}
.compEventMap .box.area-shikoku{
top: 82%;
left: 291px; /* JS と連携するため px 単位 */
width: 226px; /* JS と連携するため px 単位 */
}
.compEventMap.type-wideBox .box.area-shikoku{
width: 250px;
}
.compEventMap .box.area-shikoku::after{
top: -28px;
left: 80px;
width: 29px;
height: 28px;
background-image: url(/world/greengift/internal_activity/img/bg_map_balloon_shikoku.png);
}
.compEventMap .box.area-kyushu{
top: 70%;
left: 38px; /* JS と連携するため px 単位 */
width: 179px;/* JS と連携するため px 単位 */
}
.compEventMap.type-wideBox .box.area-kyushu{
width: 200px;
}
.compEventMap .box.area-kyushu::after{
top: 40px;
right: -33px;
width: 33px;
height: 30px;
background-image: url(/world/greengift/internal_activity/img/bg_map_balloon_kyushu.png);
}
.compEventMap .hdg{
display: inline-block;
margin: 0 0 8px;
padding: 0 5px 3px 5px;
border-bottom: 2px solid #3eb3d6;
font-size: 16px;
font-size: 1.6rem;
}
.compEventMap .hdg a{
color: #333;
text-decoration: none;
}
.compEventMap .list{
margin: 0;
font-size: 10px;
font-size: 1rem;
}
.compEventMap .list dt{
float: left;
font-weight: bold;
}
.compEventMap .list.wide dt{
min-width: 4.5em;
}
.compEventMap .list dd{
overflow: hidden;
padding: 0 0 5px 5px;
border-left: 1px solid #ccc;
}
.compEventMap .list dd:last-child{
padding-bottom: 0;
}
@media only screen and (max-width: 640px){
  .compEventMap .mapImg{
  display: none;
  }
  .compEventMap .box{
  position: static;
  padding: 0;
  width: auto !important;
  background: none;
  }
  .compEventMap .box::after{
  content: none;
  }
  .compEventMap .hdg{
  display: block;
  margin-bottom: 15px;
  padding: 0;
  border-bottom: none;
  }
  .compEventMap .hdg a{
  position: relative;
  display: block;
  overflow: hidden;
  padding: 20px 40px 20px 20px;
  border-bottom: solid 2px #3eb3d6;
  border-radius: 2px;
  background: #FFF;
  box-shadow: -1px 0 4px rgba(0, 0, 0, 0.2);
  text-decoration: none;
  font-size: 19px;
  font-size: 1.9rem;
  }
  .compEventMap .hdg a::after{
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  border-top: 3px solid #3eb3d6;
  border-right: 3px solid #3eb3d6;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  }
  .compEventMap .list{
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  }
  .compEventMap .list dt{
  float: none;
  }
  .compEventMap .list dd + dt{
  margin-top: 5px;
  }
  .compEventMap .list dd{
  margin: 0;
  padding: 0;
  border-left: none;
  }
  .compEventMap .list dd br{
  display: none;
  }
  br.spHide{
  display: none;
  }
}