@charset "UTF-8";

/************************************************************************************
smaller than 980 TB
*************************************************************************************/
@media screen and (max-width: 980px) {
	
.minister #mainContentsBlock .itemBox {
	margin: 0 0 20px 0;
	overflow: hidden;
	zoom: 1;
	clear: both;
	position: relative;
	width: 100%;
}

.minister #mainContentsBlock .itemBox .photoBox {
	float: left;
	margin: 0;
	width: 17%;
	height: auto;
}

.minister #mainContentsBlock .itemBox .photoBox img {
	width: 100%;
	height: auto;
}

.minister #mainContentsBlock .itemBox .txtBox {
	float: right;
	margin: 0;
	width: 80%;
}	

/*-----------------------------------------------------
itemAndItem
-------------------------------------------------------*/

#container.minister .itemAndItem .columnL {
	float: none;
	width: 100%;
}

#container.minister .itemAndItem .columnR {
	float: none;
	width: 100%;
	text-align: center;
}

/*-----------------------------------------------------
 Minister Top
-------------------------------------------------------*/
/*----- List -----*/
.minister #contentsArea .column4 {
	margin: 0 7px 17px 2px;
}
.minister #contentsArea .column4::before{
	display: none;
}
.minister #contentsArea .column4::after{
  width: calc((100% - 42px) / 3);
}

.minister #contentsArea .column4 li {
	margin: 0 0 21px 0;
	width: calc((100% - 42px) / 3);
}

.minister #contentsArea .column4 .imgBox {
	height: 0;
	padding-top: 66.6%;
}

/*-----------------------------------------------------
 Minister Detail Page
-------------------------------------------------------*/
.ministerDetail {
	display: block;
}

.ministerDetail .left {
	display: flex;
	margin: 0 0 24px 0;
	width: 100%;
}

.ministerDetail .left .imgBox {
	margin: 0 16px 0 0;
	padding-top: 22%;
	width: 33%;
}
.ministerDetail .left .txtBox {
	position: relative;
	width: calc(67% - 16px);
}
.ministerDetail .left .nameBox {
	padding: 0 0 2px;
}

.ministerDetail .left .profileBox {
    margin: 0 0 75px;
}
.ministerDetail .left .movieLink {
	bottom: 0;
	font-size: 1.0625rem;
	left: 0;
	padding: 18px 0;
	position: absolute;
	width: 160px;
}

.ministerDetail .right {
	width: 100%;
}
}

/************************************************************************************
smaller than 768 TB
*************************************************************************************/
@media screen and (max-width: 768px) {
.minister #mainContentsBlock .itemBox .photoBox {
	width: 22%;
}

.minister #mainContentsBlock .itemBox .txtBox {
	width: 75%;
}

/*#profile tab*/

ul.lst_tabmenu li {
	font-size: 1em;
}

/*#profile table*/

div.box_tabcontents div.layoutLeft {
	float: none;
	width: 100%;
}


div.box_tabcontents div.layoutRight {
	float: none;
	width: 100%;
}
}


/************************************************************************************
smaller than 640 SP
*************************************************************************************/
@media screen and (max-width: 640px) {
	
p.txt_profile {
	padding-right: 0 !important;
}


p.txt_profile span.txt_movie,
p.txt_profile span.txt_movie_blank {
	display: inline-block !important;
	position: relative;
	margin-top: 10px;
}

.minister #mainContentsBlock .itemBox .photoBox {
	width: 30%;
}

.minister #mainContentsBlock .itemBox .txtBox {
	width: 65%;
}	

/*#profile tab*/
ul.lst_tabmenu li,
ul.lst_tabmenu li.on {
	background: #ededed url(/common3/img/icon_arrow_bwbs.gif) no-repeat bottom center;
}

ul.lst_tabmenu li.ac {
	background: #005bac url(/common3/img/icon_arrow_bbws.gif) no-repeat bottom center;
}

ul.lst_tabmenu li a,
ul.lst_tabmenu li.ac a,
ul.lst_tabmenu li.on a {
	background: none;
	padding-left: 0;
	padding-bottom: 20px;
	line-height: 1.5;
	text-align: center;
}

/*#profile table*/

.careerTable {
	border-top: none;
	border-bottom: solid 1px #cccccc;
	box-sizing: border-box;
	width: 100%;
}

.careerTable tr th {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	box-sizing: border-box;
	border-right: none;
	border-top: solid 1px #cccccc;
} 

.careerTable tr td {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	box-sizing: border-box;
	border-bottom: none;
}

#contentsArea div.box_tabcontents ul.lst_year li {
	border-left: none;
}

/*#press table*/
#contentsArea div.box_tabcontents .tableListPress {

}

#contentsArea div.box_tabcontents .tableListPress th {
	width: 100%;
	text-align: left;
	display: block;
	float: left;
	clear: both;
	box-sizing: border-box;
	border-right: none;
}
#contentsArea div.box_tabcontents .tableListPress td {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	box-sizing: border-box;
}
#contentsArea div.box_tabcontents .tableListPress td ul li {
	display: block;
}

/*#message table*/
#contentsArea div.box_tabcontents .tableListMessage th {
	width: 100%;
	display: block;
	border-right: none;
	float: left;
	clear: both;
	box-sizing: border-box;
}
#contentsArea div.box_tabcontents .tableListMessage td {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	box-sizing: border-box;
}

/* list-message */

div.box_tabcontents dl.tbl_messagelist dt {
	margin: 0;
	width: auto;
	float: none;
}

div.box_tabcontents dl.tbl_messagelist dd {
	margin-left: 0;
	padding-top: 1em;
	padding-bottom: 1em;
}

/*-----------------------------------------------------
 Minister Top
-------------------------------------------------------*/
/*----- List -----*/
.minister #contentsArea .column4 {
	margin: 0 2px 10px 2px;
}
.minister #contentsArea .column4::before{
  display: none;
}
.minister #contentsArea .column4::after{
  display: none;
}

.minister #contentsArea .column4 li {
	margin: 0 0 20px 0;
	width: 100%;
}

.minister #contentsArea .column4 .txtBox {
	padding: 22px 20px 60px;
}
.minister #contentsArea .column4 .txtBox .nameBox {
	min-height: 57px;
}

.minister #contentsArea .column4 .link {
	bottom: 22px;
	padding: 7px 0;
	width: 75px;
}

/*-----------------------------------------------------
 Minister Detail Page
-------------------------------------------------------*/

.ministerDetail .left {
	flex-direction: column;
	font-size: .875rem;
	margin: 0 48px 0 0;
}

.ministerDetail .left .imgBox {
	margin: 0 auto 20px;
	padding-top: 44.6%;
	width: 67%;
}

.ministerDetail .left .txtBox {
	width: 100%;
	margin: 0 0 48px;
}
.ministerDetail.oneColumn .left .txtBox {
	margin: 0;
}

.ministerDetail .left .nameBox {
	margin: 0 0 20px;
	padding: 0 0 12px;
	text-align: center;
}

.ministerDetail .left .nameBox .nameRb {
	font-size: .8125rem;
}
.ministerDetail .left .nameBox .name {
	font-size: 1.625rem;
}
.ministerDetail .left .nameBox .name .nameImg {
	height: 39px;
}

.ministerDetail .left .profileBox {
	margin: 0 0 19px;
}

.ministerDetail .left .movieLink {
	font-size: .875rem;
	margin: 0 auto;
	padding: 16px 0;
	position: static;
	width: 67%;
}

.ministerDetail .left .movieLink img {
	margin: 0 0 2px 0;
}

.ministerDetail .right .pageLinkBox {
	margin-bottom: 30px;
	padding: 20px 10px 15px;
}
#contentsArea .ministerDetail .right .pageLinkBox ul {
	flex-wrap: wrap;
	justify-content: space-between;
}
#contentsArea .ministerDetail .right .pageLinkBox ul li {
  margin: 0 15px 5px;
}

.ministerDetail #photo .photoBox li {
	display: block;
	justify-content: center;
	margin: 0 0 24px;
	padding: 0 0 16px;
}

.ministerDetail #photo .photoBox li .imgBox {
	width: 45%;
	margin: 0 auto 16px auto;
}

.ministerDetail #photo .photoBox li .txtBox {
	width: 100%;
}

}

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

p.txt_ministername {
	font-size: 2em !important;
}

p.txt_ministernamerb {
	font-size: 1em;
}

p.txt_profile {
	font-size: 1.1em;
}

p.txt_profile span.txt_movie,
p.txt_profile span.txt_movie_blank {
	font-size: 1em;
	padding: 10px;
}
}

/************************************************************************************
smaller than 480 SP
*************************************************************************************/
@media screen and (max-width: 480px) {
	
.minister #mainContentsBlock .itemBox .photoBox {
	width: 36%;
}

.minister #mainContentsBlock .itemBox .txtBox {
	width: 60%;
}	

#container.minister ul.ministerMethod {
	text-align: left;
}

/*#press tab*/
ul.lst_tabmenu li a,
ul.lst_tabmenu li.ac a,
ul.lst_tabmenu li.on a {
	font-weight: normal;
}

/* List-photo */

.photoReportBox {
	display: block;
}

#mainContentsBlock .photoReportBox .photoBox {
	width: auto;
	display: block;
	text-align: center;
}

#mainContentsBlock .photoReportBox .txtBox {
	display: block;
}

#contentsArea .ministerDetail .right .pageLinkBox ul li {
  margin: 0 5px 5px;
}

}

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

.minister #mainContentsBlock .itemBox .photoBox {
	float: none;
	width: 170px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

.minister #mainContentsBlock .itemBox .txtBox {
	float: none;
	width: auto;
}

/*tab*/
ul.lst_tabmenu li a,
ul.lst_tabmenu li.ac a,
ul.lst_tabmenu li.on a {
	margin-left: 0;
	margin-right: 0;
	font-size: 0.9em;
	line-height: 1.1;
}

}

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

/*tab*/
ul.lst_tabmenu li a,
ul.lst_tabmenu li.ac a,
ul.lst_tabmenu li.on a {
	line-height: 1.0;
}
}