@charset "utf-8";

/************************************************************************************
smaller than 960 TB
*************************************************************************************/
@media screen and (max-width: 960px) {
/*-----------------------------------------------------
seisaku
-------------------------------------------------------*/
.seisakuBox ul.seisakuList li {
	width: 21%;
}

/*-----------------------------------------------------
#subContentsBlock bannerList
-------------------------------------------------------*/
#contentsArea #subContentsBlock ul.bannerList {
  text-align: left;
  width: auto;
  padding: 10px;
}

#contentsArea #subContentsBlock ul.bannerList li {
  padding: 5px;
  display: inline-block;
}

/*-----------------------------------------------------
#contentsArea .romanNumList
-------------------------------------------------------*/
#contentsArea .romanNumList01 li,
#contentsArea .romanNumList02 li {
  margin-left: 40px;
}

  /* 20180530 move from r_search.css
  共通検索ヘルプページ用 notice-search.html */
  .searchHelpScreenshot {
    float: none;
    display: block;
    margin: 0 auto;
  }

}

/************************************************************************************
smaller than 768 SP
*************************************************************************************/
@media screen and (max-width: 768px) {
#mainContentsBlock .itemBox .innerBox,
#mainContentsBlock .itemBox .innerBoxR {
  float: none;
  width: auto;
  padding-left: 0;
}

	.linkListBlock {
		margin: 0;
	}

  /* noguchisho 20180920 add */
  #mainContentsBlock .jushoushaContents .itemBox {
    flex-direction: column;
  }

  #mainContentsBlock .jushoushaContents .itemBox .innerBox,
  #mainContentsBlock .jushoushaContents .itemBox .innerBoxR {
  width: auto;
  }
}

/************************************************************************************
smaller than 640 SP
*************************************************************************************/
@media screen and (max-width: 640px) {
/*-----------------------------------------------------
dl
-------------------------------------------------------*/
/* topicsList */
.topicsList dt {
  float: none;
  padding-bottom: 5px;
  padding-top: 10px;
  width: 100%;
}

.topicsList dd {
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 15px;
}

.topicsList dd a {
  margin-right: 0;
}

/*-----------------------------------------------------
ul,ol
-------------------------------------------------------*/
#contentsArea ul.linkMonthly {
  text-align: left;
}

#contentsArea ul.linkMonthly li {
  width: auto;
}

/*-----------------------------------------------------
seisaku
-------------------------------------------------------*/
.seisakuBox ul.seisakuList li {
  width: 28%;
}

/*-----------------------------------------------------
#subContentsBlock bannerList
-------------------------------------------------------*/
#contentsArea #subContentsBlock .bannerSection {
  text-align: center;
}

#contentsArea #subContentsBlock ul.bannerList {
  text-align: left;
  width: auto;
  padding: 10px;
}

#contentsArea #subContentsBlock ul.bannerList li {
  width: 47%;
  text-align: center;
}

/*-----------------------------------------------------
tableBase 2016/03/30 mod
-------------------------------------------------------*/
/*
table.tableBase{
	width: 100%;
}
table.tableBase th,
table.tableBase th,
table.tableBase td{
	font-size: 0.8em;
	vertical-align: top;
}
table.tableBase.fontSizeInitial th,
table.tableBase.fontSizeInitial th,
table.tableBase.fontSizeInitial td{
	font-size: 1em;
	vertical-align: top;
}
*/
.tableBase,
.baseTable {
  width: 100% !important;
  height: auto !important;
  margin-left: 0 !important;
  display: block;
  overflow: auto;
  background-color: transparent;
  border: none;
}
.tableBase th,
.tableBase td,
.baseTable th,
.baseTable td {
  vertical-align: top;
  width: auto !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal !important;
}
.tableBase.fontSizeInitial th,
.tableBase.fontSizeInitial td {
  font-size: 1em;
}

/*-----------------------------------------------------
baseTable 2016/03/30 add
-------------------------------------------------------*/
.baseTable td {
  background-image: none;
  border: 1px solid #d5d4d4;
}
.baseTable .firstChild th,
.baseTable tr:first-child th {
  background-color: #e8edf0; /* parts.css l:800 は不要 */
}

/*-----------------------------------------------------
.minister .baseTable 2016/03/30 add
-------------------------------------------------------*/
.minister .baseTable {
  display: table;
}

/*-----------------------------------------------------
topicsTable
-------------------------------------------------------*/
.topicsTable th {
  width: auto;
  margin-top: 15px;
}
.topicsTable th:first-child {
  margin-top: 0;
}

.topicsTable th,
.topicsTable td {
  display: block;
}


/*-----------------------------------------------------
h2Block
-------------------------------------------------------*/
.h2Block {
  /*overflow: hidden;*/
  /*zoom: 1;*/
}

.h2Block h2 {
  /*padding-right: 0;*/
}

.h2Block .toList {
  /*position: relative;*/
  right: 0;
  /*top: 0;*/
  display: inline-block;
  /*float: right;*/
  /*border-top: solid 0.5em #ffffff;*/
}

/*-----------------------------------------------------
noguchisho 2018/09/20 add
-------------------------------------------------------*/
#mainContentsBlock .jushoushaContents .winnerBox .winnerDesc ul {
  display: flex;
  flex-direction: column;
}

  /* 20180920 サイトリスト用 */
  .linkListBlock .siteList li {
    width: calc(50% - 7px);
  }

  .linkListBlock .siteList li:nth-child(even) {
    margin-right: 0 !important;
  }

  .linkListContents .linkListBlock .siteList img {
    right: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
  }

/*-----------------------------------------------------
20180920
サイトリスト用
-------------------------------------------------------*/
	.linkListBlock .siteList::before {
		content: none;
	}
	.linkListBlock .siteList::after {
		content:"";
		display: block;
		width: calc(50% - 3.5px);
	}
	#contentsArea .linkListBlock .siteList li {
		margin: 0 0 7px 0 !important;
		padding: 0 16px 0 0;
		width: calc(50% - 3.5px);
	}
	.linkListBlock .siteList li::after {
	  width: 16px !important;
	}
	.linkListBlock .siteList li .banner_icon {
		left: initial;
		right: -8px;
		transform: translateX(50%);
	}
}

/************************************************************************************
smaller than 600 SP
*************************************************************************************/
@media screen and (max-width: 600px) {
/*-----------------------------------------------------
seisaku
-------------------------------------------------------*/
.seisakuBox ul.seisakuList li {
  width: 43%;
}
}

/************************************************************************************
smaller than 480 SP
*************************************************************************************/
@media screen and (max-width: 480px) {
/*-----------------------------------------------------
seisaku
-------------------------------------------------------*/
.seisakuBox ul.seisakuList li {
  width: 100%;
}

#contentsArea .indentMg0 p {
  margin-left: 0;
}

/*-----------------------------------------------------
#subContentsBlock bannerList
-------------------------------------------------------*/
#contentsArea #subContentsBlock ul.bannerList li {
  width: 45%;
}

#contentsArea #subContentsBlock ul.bannerList li img {
  width: 100%;
  height:auto;
}
}

/************************************************************************************
smaller than 320 SP
*************************************************************************************/
@media screen and (max-width: 320px) {

.seisakuBox ul li {
  display: block;
}
}