@charset "UTF-8";

.calendar .contents01{
	max-width: 956px;
}

#calArea {
	/*padding-bottom: 60px;*/
	text-align: center;
  padding-top: 2em;;
	}
#calArea .read-ttl {
  padding: 0;
	font-size:25.7px !important;
  margin: 0;
  color: rgb(17, 17, 17) !important;
  border: none;
}
#calArea .small {
	text-align: left;
}

#calBox {
background: #f8f6fd;
margin: 0 auto;
margin-bottom: 30px;
padding: 40px 60px;
text-align: center;
}
#calBox p{
	text-align: left;
	font-size: 16px;
}

#select {
	margin-top:30px;
	margin-bottom:40px;
	overflow:hidden;
	/*width:864px;*/
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#select li {
	width: 32.3%;
	font-size:0;
	line-height:0;
	margin-right:11px;
	margin-bottom:14px;
	/*float:left;*/
	display:inline;
	cursor:pointer;
}
#select li:nth-child(3n) { margin-right: 0;} 
#select li img{
	width: 311px;
}
.pagebody2 .contents01 #select li img{
	margin-top: 0;
}
#area {
	margin-bottom:20px;
	text-align:center;
}
#area h4 {
	margin-bottom:10px;
	margin-top: 35px;
	color:#701f7d;
	font-size: 28px;
}
#go2forcast {
  margin: 1em auto 2em;
  box-sizing: border-box;
  width: 65%;
}
#go2forcast a {
  display: block;
  width: 100%;
  color: #ffffff;
  background: #6E4199;
  font-size: 28px;
  padding: 0.5em 1em;
  text-align: center;
  line-height: 1.2;
}
#go2forcast a span {
  font-weight: bold;
}
#calBox p.commentary01 {
  font-size: 22px;
}

.blk01, .blk02 {
  box-sizing: border-box;
  text-align: left;
  margin-bottom: 1em;
}
.blk01 {
  background: #4D1F63;
  color: #ffffff !important;
  margin: 2em 0 4em;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.blk01 a {
  color: #ffffff !important;
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em 1em 0.5em;
}
.blk01 a:hover {
  opacity: 0.5;
}
#calArea .blk02 h3 {
  background: #6E4199;
  padding: 0 1em;
  color: #ffffff;
  margin-bottom: 0.5em;
}
.blk02>div{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.blk01>a>div {
  width: 70%;
}
.blk01>a>div.img01 {
  width: 27.5%;
}
.blk01>a>div.img01 img{
  width: 100%;
}
.pagebody2 .inner .contents01 .blk02 p {
  width: 70%;
}
.pagebody2 .inner .contents01 .blk02 p.img01 {
  margin-bottom: 0;
  width: 27.5%;
}
.pagebody2 .contents01 .blk01>a>div.img01 img, .pagebody2 .contents01 .blk02 p.img01 img{
  margin-top: 0;
}
hr.line01 {
  margin-bottom: 1em;
  border: solid 1px #6E4199;
}
@media screen and (max-width: 1250px) {
#go2forcast a {
  font-size: 2.2vw;
}
}
@media screen and (max-width: 1080px) {
.calendar .contents01{
}

#calArea {
	}
#calArea h3 {
	font-size:2.777777778vw;
}
#calArea .small {
}

#calBox {
margin-bottom: 2.777777778vw;
padding: 3.703703704vw 5.555555556vw;
}
#calBox p{
	font-size: 16px;
}

#select {
	margin-top:5.555555556vw;
	margin-bottom:3.703703704vw;
}
#select li {
	width: 32.3%;
	font-size:0;
	line-height:0;
	margin-right:1.018518519vw;
	margin-bottom:1.296296296vw;
}
#select li:nth-child(3n) { margin-right: 0;} 
#select li img{
	width: 28.7962963vw;
}
.pagebody2 .contents01 #select li img{
}
#area {
	margin-bottom:1.851851852vw;
}
#area h4 {
	margin-bottom:0.925925926vw;
	margin-top: 3.240740741vw;
	font-size: 2.592592593vw;
}
#go2forcast {
}
#go2forcast a {
  font-size: 2.2vw;
}
#go2forcast a span {
}
}

#calBox .calendarTtl {
  color: #701f7d;
  font-size: 24px;
  font-weight: bold;
  margin: 0 !important;
}
#calBox .calendarTtl .spon {
  display: none;
}

.predict05 {
  /*width: 980px;*/
  margin: 0 auto;
  background: #F9EEF4;
  border: 2px solid #B30074;
  padding: 40px;
}
.pagebody2 .inner .predict05 h2 {
  color: #000;
  font-size: 22px;
  text-align: left;
  line-height: 1.4;
  border-bottom: 1px solid #4D1F63;
  margin-bottom: 30px;
  padding-bottom: 5px;
}
.pagebody2 .inner .predict05 span {
  font-size: 31px;
  color: #000;
  font-weight: bold;
}
.pagebody2 .inner .predict05 p {
  margin-bottom: 0;
}
.predict05 div.fL {
  width: 60%;
  line-height: 1.6;
}

@media screen and (max-width: 1080px) {
  .predict05 {
    border: 2px solid #B30074;
    padding: 3.703703704vw;
  }
  .pagebody2 .inner .predict05 h2 {
    font-size: 2.037037037vw;
    border-bottom: 1px solid #4D1F63;
    margin-bottom: 2.777777778vw;
    padding-bottom: 0.462962963vw;
  }
  .pagebody2 .inner .predict05 span {
    font-size: 2.87037037vw;
  }
  .pagebody2 .inner .predict05 p {}
  .predict05 div.fL {
    width: 54.62962963vw;
  }
  .amount .contents03 .predict05 div.fL p {}
}