@charset "UTF-8";

/* support index
------------------------------------------------------------------- */
div.supportIndexWhatBlock {
	margin-top: 15px;
}

body#support_index h2.archiveA02 {
	margin-top: 35px;
}

/* support index end
------------------------------------------------------------------- */

/* support donate koujo
------------------------------------------------------------------- */
div.koujoBlock01 {
	margin-top: 10px;
}

div.koujoBlockLeft {
	float: left;
	width: 465px;
}

div.koujoRightImage {
	margin-left: 15px;
	padding: 0;
	width: 210px;
	float: right;
}

div.koujoRightImage div.image {
	padding: 4px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
}

div.koujoNote01 {
	margin-top: 15px;
	padding: 8px 10px;
	border: 1px solid #cccccc;
	color: #666;
}

p.koujoNote02 {
	padding-top: 8px;
	border-top: 1px solid #ccc;
	color: #c11;
}
/* support donate koujo end
------------------------------------------------------------------- */

/* support what we can do
------------------------------------------------------------------- */
h2.simple.supportWhat {
	margin: 5px 0 0 0;
	_margin: 20px 0 0 0;
}

h2.simple.supportWhat.first {
	margin: 22px 0 0 0;
}

body#whatwecando div.whatMainBlock {
	margin-top: 22px;
	padding-bottom: 8px;
}

body#whatwecando div.whatMainBlock div.image {
	margin: 0 auto 10px auto;
	width: 180px;
}

body#whatwecando div.whatMainBlock div.left,
body#whatwecando div.whatMainBlock div.right {
	width: 330px;
}
body#whatwecando div.whatMainBlock div.left {
	float: left;
}
body#whatwecando div.whatMainBlock div.right {
	float: right;
}

/* support what we can do end
------------------------------------------------------------------- */

/* about index
------------------------------------------------------------------- */
div#aboutMainvisual {
	background-image: url(../../about/img/img_main_02.jpg);
	background-position: left top;
	background-repeat: repeat-y;
}

div#aboutMainvisual div.inner {
	background-image: url(../../about/img/img_main_01.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

div#aboutMainvisual div.contents {
	padding: 22px 320px 25px 25px;
	min-height: 195px;
	background-image: url(../../about/img/img_main_03.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

div#aboutMainvisual div.contents p.default {
	color: #430;
}
/* about index end
------------------------------------------------------------------- */

/* cms contents
------------------------------------------------------------------- */
body#cms h2.archiveA01 {
	margin-top: 25px;
}

body#cms h2.default {
	margin-top: 25px;
}
/* cms contents end
------------------------------------------------------------------- */

/* common
------------------------------------------------------------------- */
h2.archiveA02.firstAfterLead {
	margin-top: 22px;
}

div.h3BlockA01.withoutLine {
	margin: 20px 0 0 0;
	padding: 0;
	border-bottom: none;
}

div.relatedBlockA01.withoutMargin {
	margin-top: 0;
}

div.fBlockA04.mt10 {
	margin-top: 10px;
}

p.afterH2.mt0,
ul.afterH2.mt0 {
	margin-top: 0;
}

table.dataTableA01.mt10 {
	margin-top: 10px;
}

.gray01 {
	color: #666;
}

div.col1.center {
	padding-top: 0.2em;
}

.clearfix:after {
	content: url('../img/spacer.gif');
	display: block;
	clear: both;
	height: 0;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}
/* common end
------------------------------------------------------------------- */

/* 2019 Summer Donate
------------------------------------------------------------------- */
.summer2019 .imgR{
  float: right;
  margin: 0 0 20px 20px;
  padding-top: 25px;
}
.summer2019 .imgL{
  float: left;
  margin: 0 20px 20px 0;
  padding-top: 5px;
}
.summer2019 .message{
  margin: 40px 0 50px;
  background: #f4eddb;
  padding: 30px;
  box-shadow:0px 2px 4px 0px rgba(0,0,0,0.25);
}
.summer2019 .messageTxt{
  margin-top: 20px;
  background: url(https://www.aarjapan.gr.jp/join/event/images/img_summer2019_5_bg.jpg);
}
.summer2019 .messageTxt p{
  line-height: 2.3;
  font-size: 98% !important;
}
.summer2019 .messageTxt .imgR{
  padding-top: 9px;
}
.summer2019 .ttlH2{
  margin-bottom: 40px;
  line-height: 1.75;
  font-size: 125%;
  color: #de0716;
  font-weight: 800 !important;
  text-align: center;
}
.summer2019 .ttlH2 span{
  font-size: 150%;
  font-weight: 800 !important;
}
.summer2019 .list3 li{
  line-height: 1.6;
  width: 216px;
  float: left;
  margin: 0 20px 40px 0;
  font-size: 88%;
}
.summer2019 .list3 li:last-child{
  margin-right: 0;
}
.summer2019 .list3 img{
  display: inline-block;
  margin-bottom: 5px;
}
.summer2019 .donate{
  margin-bottom: 40px;
  padding: 30px;
  background: #fce6e7;
}
.summer2019 .donate h3{
  margin-bottom: 20px;
  line-height: 1.75;
  font-size: 130%;
  font-weight: 800 !important;
  text-align: center;
}
.summer2019 .donate li{
  float: left;
  width: 300px;
  font-size: 88%;
}
.summer2019 .donate li:last-child{
  margin-left: 30px;
}
.summer2019 .donate .btn{
  display: block;
  padding: 20px 0;
  background: #de0716;
  border-radius: 50px;
  color: #fff;
  text-align: center;
  font-size: 170%;
  font-weight: bold;
  box-shadow:0px 2px 3px 0px rgba(77,0,5,0.5);
}
.summer2019 .donate .btn:before{
  position: relative;
  top: 2px;
  display: inline-block;
  content: "";
  width: 21px;
  height: 21px;
  margin-right: 10px;
  background: url(https://www.aarjapan.gr.jp/join/event/images/img_summer2019_9.jpg) no-repeat;
}
.summer2019 .donate .default{
  margin-bottom: 10px
}
.summer2019 .lastyear{
  padding: 30px 30px 10px;
  border: 1px solid #ccc;
}
.summer2019 .lastyear h4{
  font-size: 125%;
  font-weight: bold;
}
.summer2019 .donateBtn{
  position: fixed;
  bottom: 0;
  right: 15px;
  margin-bottom: 0 !important;
}
.summer2019 .donateBtn img{
  border-radius: 4px 4px 0 0;
}
.summer2019 .cTxt{ text-align: center}
.summer2019 .rTxt{ text-align: right}
.summer2019 .sTxt, .summer2019 .default.sTxt{ font-size: 12px !important}
.summer2019 .font1{
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
}
.summer2019 .font2{
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
.summer2019 .default{
  font-size: 98% !important;
  line-height: 1.8;
}
.summer2019 .fSP{ display: none}
.summer2019 .fPC{ display: block}

@media screen and (max-width:639px) {
  .summer2019 .fSP{ display: block}
  .summer2019 .fPC{ display: none}
  .summer2019 .message{
    margin: 30px 0;
    padding: 15px 20px;
  }
  .summer2019 .list3 li, .summer2019 .donate li{
    float: none;
    width: 100%;
    margin: 0 0 15px !important;
  }
  .summer2019 .list3 img{
    display: inline-block;
    margin-bottom: 15px;
  }
  .summer2019 .imgR, .summer2019 .imgL{
    float: none;
      text-align: center;
    margin: 0 0 20px;
  }
  .summer2019 .message img, .summer2019 .imgR img{
      max-width: 100%;
    }
  .summer2019 .ttlH2{
    margin-bottom: 20px;
    line-height: 1.5;
    font-size: 100%;
  }
  .summer2019 .ttlH2 span{
    font-size: 140%;
  }
  .summer2019 .donate{
    margin-bottom: 30px;
    padding: 5px 20px 20px;
  }
  .summer2019 .donate h3{
    margin-bottom: 15px;
    font-size: 100%;
  }
  .summer2019 .donate li{
    margin: 30px 0 0 !important;
  }
  .summer2019 .donate .btn{
    margin-bottom: -10px;
    padding: 15px 0;
    font-size: 140%;
  }
  .summer2019 .donate .btn:before{
    top: 4px;
  }
  .summer2019 .lastyear{
    padding: 20px;
  }
  .summer2019 .lastyear h4{
    font-size: 115%;
  }
}
/* 2019 Summer Donate end
------------------------------------------------------------------- */