@charset "utf-8";
.footerWrap{margin-top: 1em;}
.footerWrap tr:has(+tr) th{
  padding-bottom: 1em;
}
@media screen and (max-width:940px) {
    .mobile {width:100% !important;}
    table {
      width:100% !important;
      word-break: break-word;
    }
    .bodyWrap > table{
      max-width: 832px;
    }
    .bodyWrap > table tr td table tr td[align="right"]{
      white-space: nowrap;
    }
    img {
      max-width:100% !important;
      height:auto !important;
    }
	.header{
		width: 100% !important;
		display: block !important;
		box-sizing:border-box !important;
		padding:20px 20px 0 !important;
	}
	.picWrap{
		width: 100% !important;
		display: block !important;
		box-sizing:border-box !important;
	}
	.bodyWrap{
		width: 100% !important;
		display: block !important;
		box-sizing:border-box !important;
		padding:0 40px 15px !important;
	}
	.footerWrap{
		width: 100% !important;
		display: block !important;
		text-align:center !important;
	}
	.mobile {width: 100% !important;}
    .titWrap > tbody > tr:first-of-type{
      display: flex;
			flex-wrap:wrap;
    }
    .titWrap > tbody > tr td:first-of-type{
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 44px;
    }
    .bodyWrap > table.titWrap > tbody > tr td:first-of-type{height: 38px;}
    .bodyWrap > table.titWrap:first-of-type > tbody > tr td:first-of-type{height: 32px;}
		.titWrap > tbody > tr:has(td + td) td:first-of-type{
      width: calc(100% - 45px) !important;
      
    }
    .titWrap > tbody > tr:has(td + td) td:last-of-type{
      width: 45px !important;
    }
    .titWrap > tbody > tr td:first-of-type img{
      position: absolute;
      left: 0;
      top:0;
    }
    .titWrap > tbody > tr td img{
      height: 44px !important;
      max-width: none !important;
      width: auto !important;
    }
    .bodyWrap > table.titWrap > tbody > tr td img{
      height: 38px !important;
    }
    .bodyWrap > table.titWrap:first-of-type > tbody > tr td img{
      height: 32px !important;
    }
    .mainUrl{
      width: 43.73% !important;
      height: auto !important;
    }
    .inFlex,.mainL{
      width: 100% !important;
      height: auto !important;
    }
    .inFlex{
      display: flex;
      flex-direction: row;
      justify-content: center;
      padding: 0 4.62765%;
      box-sizing: border-box;
    }
    .mainL img{width: 100% !important;}
    .mainR{
      width: 56.27% !important;
      vertical-align: top;
      position: relative;
    }
    .mainR img{
      position: absolute;
      left: 0;top:0;
      width: 100% !important;
      height: calc(100% + 4px) !important;
    }
}
@media screen and (max-width:620px) {
  .bodyWrap{padding:0 20px 15px !important;}
	.header .mobile tr:has(.logo){
		display: flex;
		flex-wrap:wrap;
	}
	.logo{text-align: center;}
	.mobile tr:has(.onepost),
    table tr:has(.onepost){
		width: 100% !important;
		display: flex;
    	flex-direction: column;
	}
	.widthHalf{
		width:50% !important;
		text-align: center;
      	align-content: center;
	}
    .bodyWrap > table{
      width: 100% !important;
    }
	.onepost{
		width: 100% !important;
		display: block !important;
		box-sizing:border-box !important;
	}
    .widthblock,.mainL,.mainUrl{
		width: 100% !important;
		display: block !important;
		box-sizing:border-box !important;
	}
	.mainR{ display:none !important;}
	.mainL img{width: 100% !important; height:auto !important;}
  .mobile:has(.onepost) tr:has(+tr){
    padding-bottom: 20px;
  }
}
@media screen and (min-width:621px) {
  .mobile:has(.onepost) tr:has(+tr) td{
    padding-bottom: 10px;
  }
}