@charset "utf-8";

#category {
	clear: both;
}

#category span {
	display: none
}

@media screen and (max-width:910px) {

#category img {
	width: 100%;
	height: auto;
}

}



/********************************************************

	iv01  /interview/index.html

********************************************************/
#iv01 {
	background: url(../img/bg_01.jpg) repeat-x center top;
}

#iv01 h1 {
	padding-top: 7px;
	clear: both;
}

#iv01 .whiteBox {
	/*background: url(../interview/img/iv01_bg_01.gif) no-repeat left bottom;	*/
	background: linear-gradient(180deg, #FFF, #F0F5FB);
	border: 1px solid #BDD9FE;
	border-radius: 6px;
	clear: both;
	margin-top: 20px;
	padding-bottom: 18px;
}

#iv01 #topBox {
	margin-top: 0;
}

#iv01 .whiteBox h2 {
	width: calc(100% - 26px);
	margin: 13px 13px 15px;
}
#iv01 .whiteBox h2 img {
	width: 100%;
	height: auto
}

#iv01 .whiteBox p.photo {
	float: left;
	padding-left: 18px;
}

#iv01 .whiteBox .rightBox {
	float: right;
	width: 446px;
	padding-right: 18px;
}

@media screen and (max-width:910px) {
#iv01 .whiteBox .rightBox {
	float: right;
	width: calc(100% - 180px);
	padding-right: 18px;
}
}

@media screen and (max-width:630px) {
	#iv01 .whiteBox p.photo img {
	max-width: 100px;
		height: auto
}
#iv01 .whiteBox .rightBox {
	float: right;
	width: calc(100% - 146px);
	padding-right: 13px;
}
}

#iv01 .rightBox dl {
	color: #2262b1;
	background: url(../img/dot_gray.gif) repeat-x left bottom;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#iv01 .rightBox dd {
	font-weight: bold;
	font-size: 107%;
}

#iv01 p.txt {
	font-size: 107%;
}

#iv01 p.link {
	background: url(../img/arrow_01.gif) no-repeat left 3px;
	padding-left: 18px;
	margin-top: 20px;
} 

#iv01 #backNumber {
	clear: both;
	margin: 18px 18px 0;
	background-color: #e3ecf8;
	padding: 8px 12px 12px 12px;
}

#iv01 #backNumber h3 {
	color: #2262b1;
	font-weight: bold;
}

#iv01 #backNumber ul {
	color: #2262b1;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#iv01 #backNumber li:nth-child(odd) {
	margin-right: 10px
}
/*#iv01 #backNumber li:nth-child(even) {
	float: right;
}*/

#iv01 #backNumber li a {
	width: 249px;
	min-height: 65px;
	padding: 10px;
	display: block;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	color: #2262b1;
	background-color: #FFFFFF;
	margin-top: 8px;
}



#iv01 #backNumber li a:hover {
	border: 1px solid #2262b1;	
}


#iv01 #backNumber li a img {
	padding: 0 10px 0 0;
	float: left;
}
#iv01 #backNumber li a span {
	padding: 8px 0 0 0;
	float: none;
}
@media screen and (max-width:630px) {
#iv01 #backNumber li:nth-child(odd) {
	margin-right: 0px
}
/*#iv01 #backNumber li:nth-child(even) {
	float: right;
}*/
#iv01 #backNumber li {
	margin: 0;
	padding: 0;
	width: 100%;
}
#iv01 #backNumber li a {
	width: calc(100% - 20px);
	min-height: 65px;
	padding: 10px;
	display: block;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	color: #2262b1;
	background-color: #FFFFFF;
	margin-top: 8px;
}
}
/********************************************************

	iv02  /interview/

********************************************************/
#iv02 h1#pageTtl {
	background: url(../interview/img/iv02_pttl_bg.gif) no-repeat left top;
	height: 27px;
	padding: 8px 0 0 23px;
	font-weight: bold;
	font-size: 107%;
}

@media screen and (max-width:910px) {
#iv02 h1#pageTtl {
	background: url(../interview/img/iv02_pttl_bg.gif) no-repeat left top;
	height: 0;
	padding: 8px 0 5.56% 23px;
	font-weight: bold;
	font-size: 107%;
	width: calc(100% - 23px);
	background-size: contain
}
}

@media screen and (max-width:480px) {
#iv02 h1#pageTtl {
	background: url(../interview/img/iv02_pttl_bg_sp.png) no-repeat left top;
	height: 0;
	padding: 8px 0 11.1% 23px;
	font-weight: bold;
	font-size: 107%;
	width: calc(100% - 23px);
	background-size: contain
}
}

#iv02 p#lead,#iv02 p#itvBnr {
	width: 100%;
}

#iv02 p#lead img,#iv02 p#itvBnr img {
	width: 100%;
	height: auto
}

#iv02 .grayBox {
	background-color: #f5f4f1;
	padding: 15px;
	margin-top: 20px;
}

@media screen and (max-width:630px) {
#iv02 .grayBox {
	background-color: #f5f4f1;
	padding: 15px;
	margin-top: 5px;
}
}

#iv02 .grayBox p {
	float: left;
	text-align: center;
	width: 130px;
}

#iv02 .grayBox dl {
	float: right;
	width: 455px;
}



#iv02 .grayBox dd p {
	float: none;
	text-align: left;
	width: 455px !important;
}

@media screen and (max-width:910px) {
#iv02 .grayBox p {
	width: auto;	
}	
	#iv02 .grayBox p img {
	margin: 0 20px 10px 0;
}	
	
#iv02 .grayBox dl {
	float: none;
	width: 100%;
}
#iv02 .grayBox dd p {
	float: none;
	text-align: left;
	width: 100% !important;
}	
}

#iv02 .grayBox dt {
	font-size: 107%;
	font-weight: bold;
	color: #2262b1;
	background: url(../img/dot_gray.gif) repeat-x left bottom;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#iv02 h2 {
	font-size: 107%;
	font-weight: bold;
	color: #2262b1;
	background: url(../img/dot_gray.gif) repeat-x left bottom;
	margin: 40px 0 5px;
	padding-bottom: 5px;
	clear: both;
}


#iv02 p.stl {
	font-size: 107%;
	color: #2262b1;
	margin: 10px 0;
	clear: both;
}

#iv02 dl.talk dt {
	float: left;
	clear: left;
	width: 5em;
	padding-top: 15px;
	font-weight: bold;
	letter-spacing: 0em;
}

#iv02 dl.talk dt.partner {
	color: #2262b1;
}

#iv02 dl.talk dd {
	margin-left: 5em;
	padding-top: 15px;
}

#iv02 dl.talk dd p {
	float: right;
	margin: 0 0 20px 20px;
}

#iv02 dl.talk dd .alignright {
	float: right;
	margin: 0 0 15px 20px;
}

@media screen and (max-width:600px) {
#iv02 dl.talk dd img {
	width: 150px;
	height: auto
}
}

#iv02 p.date {
	clear: both;
	text-align: right;
	margin-top: 20px;
}

#iv02 dl#monthly {
	clear: both;
	height: 105px;
	width: 630px;
	position: relative;
	background: url(../interview/img/iv02_monthly_bg.jpg) no-repeat left top;
	margin-top: 27px;
}

@media screen and (max-width:910px) {
#iv02 dl#monthly {
	clear: both;
	height: 105px;
	width: 630px;
	position: relative;
	background: url(../interview/img/iv02_monthly_bg.jpg) no-repeat left top;
	margin: 27px auto 0;
}
}

#iv02 dl#monthly dt {
	position: absolute;		
	left: 153px;
	top: 49px;
}

#iv02 dl#monthly dd {
	position: absolute;		
	right: 16px;
	top: 43px;
}

@media screen and (max-width:630px) {
#iv02 dl#monthly {
	clear: both;
	height: auto;
	width: 100%;
	position: relative;
	background: linear-gradient(180deg, #FFF, #F0F5FB);
	border: 1px solid #BDD9FE;
	border-radius: 6px;
	margin: 27px auto 0;
	text-align: center;
}
	
#iv02 dl#monthly dt {
	position: relative;		
	left: auto;
	top: auto;
	padding: 15px 0;
}

#iv02 dl#monthly dd {
	position: relative;		
	left: 0;
	right: 0;
	top: auto;
	padding: 0 0 15px;
}
}





#iv02 #backnumber {
	/*background: url(../interview/img/iv02_backnumber_bg.gif) no-repeat left bottom;*/
	background: linear-gradient(180deg, #FFF, #F0F5FB);
	border: 1px solid #BDD9FE;
	border-radius: 6px;
	margin-top: 25px;
}

@media screen and (max-width:910px) {
#iv02 #backnumber {
	width: 630px;
	/*background: url(../interview/img/iv02_backnumber_bg.gif) no-repeat left bottom;*/
	background: linear-gradient(180deg, #FFF, #F0F5FB);
	border: 1px solid #BDD9FE;
	border-radius: 6px;
	margin: 25px auto 0;
}
}

@media screen and (max-width:630px) {
#iv02 #backnumber {
	width: 100%;
	/*background: url(../interview/img/iv02_backnumber_bg.gif) no-repeat left bottom;*/
	background: linear-gradient(180deg, #FFF, #F0F5FB);
	border: 1px solid #BDD9FE;
	border-radius: 6px;
	margin: 25px auto 0;
}
}

#iv02 #backnumber h3 {
	background: url(../interview/img/iv02_backnumber_ttl.png) no-repeat left top;
	height: 23px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 0 0 13px;
	margin: 13px 13px 0;
	width: calc(100% - 39px);
	background-size: contain
}

@media screen and (max-width:480px) {
#iv02 #backnumber h3 {
	background: url(../interview/img/iv02_backnumber_ttl_sp.png) no-repeat left top;
	height: 23px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 13px 0 13px;
	margin: 13px 13px 0;
	width: calc(100% - 52px);
	background-size: contain
}
}

#iv02 #backnumber ul {
	padding: 8px 0 15px 15px;
}

#iv02 #backnumber li {
	width: 274px;
	float: left;
	background: url(../img/arrow_01.gif) no-repeat left 3px;
	padding: 0 15px 0 18px;
	margin-top: 5px;
}

@media screen and (max-width:630px) {
#iv02 #backnumber li {
	width: 80%;
	float: left;
	background: url(../img/arrow_01.gif) no-repeat left 3px;
	padding: 0 15px 0 18px;
	margin-top: 5px;
}
}
#iv02 p#itvBnr {
	clear: both;
	background: url(../img/dot_gray.gif) repeat-x left top;
	padding-top: 20px;
	margin-top: 27px;
}

#iv02 .grayBox.option p img {
	max-width: 125px;
	height: auto
}




#sideNavi ul.accordion{ /* アコーディオン部 */
		border-right: 1px solid #aad1fa;
	border-bottom: 1px solid #aad1fa;
	border-left: 1px solid #aad1fa;
}
#sideNavi ul.accordion ul.hide{ /* アコーディオン非表示 */
	display: none;
}
.category-285 #sideNavi ul.accordion ul.y2023 {display: block}
.category-215 #sideNavi ul.accordion ul.y2022 {display: block}
.category-150 #sideNavi ul.accordion ul.y2021 {display: block}
.category-60 #sideNavi ul.accordion ul.y2020 {display: block}
.category-20 #sideNavi ul.accordion ul.y2019 {display: block}
.category-22 #sideNavi ul.accordion ul.y2018 {display: block}
.category-5 #sideNavi ul.accordion ul.y2017 {display: block}
.category-6 #sideNavi ul.accordion ul.y2016 {display: block}
.category-7 #sideNavi ul.accordion ul.y2015 {display: block}
.category-8 #sideNavi ul.accordion ul.y2014 {display: block}
.category-9 #sideNavi ul.accordion ul.y2013 {display: block}
.category-10 #sideNavi ul.accordion ul.y2012 {display: block}
.category-11 #sideNavi ul.accordion ul.y2011 {display: block}
.category-12 #sideNavi ul.accordion ul.y2010 {display: block}
.category-13 #sideNavi ul.accordion ul.y2009 {display: block}
.category-14 #sideNavi ul.accordion ul.y2008 {display: block}
.category-15 #sideNavi ul.accordion ul.y2007 {display: block}
.category-16 #sideNavi ul.accordion ul.y2006 {display: block}
.category-17 #sideNavi ul.accordion ul.y2005 {display: block}
.category-18 #sideNavi ul.accordion ul.y2004 {display: block}
.category-19 #sideNavi ul.accordion ul.y2003 {display: block}


#sideNavi ul.accordion > li{ /* リセット */

}
#sideNavi ul.accordion li p{ /* リセット */
	margin: 0;
	padding: 8px 10px 8px 32px;
	
}

#sideNavi ul.accordion > li{ /* アーカイブリスト */
	padding: 0;
	display: block;
	background: url(../img/arrow_01.gif) no-repeat 13px 12px #FFFFFF;
	color: #114890;
	text-decoration: none;
	border-bottom: 1px solid #aad1fa;
	cursor: pointer
}

#sideNavi ul.accordion + li a:hover {
	background: #d7e4f7;
}

#sideNavi ul.accordion + li a.navi_on {
	background: #d7e4f7;
}

#sideNavi ul.accordion > li > ul > li {
	border-top: 1px dotted #aad1fa;
	padding: 0;
	margin: 0;
	display: block;
	
}

#sideNavi ul.accordion > li > ul > li a {
	background: url(../img/arrow_02.gif) no-repeat 13px 12px #FFFFFF;
	display: block;
	padding: 8px 10px 8px 32px;
	color: #114890;
	text-decoration: none;
}

#sideNavi ul.accordion > li > ul > li a:hover {
	background: url(../img/arrow_02.gif) no-repeat 13px 12px #ededed;

}