/*--------------------------------------------------------------------
/- file   : uwp_v1_2.css
/- update : 20090208
/- desc   : css for modern browser
/--------------------------------------------------------------------*/

@media screen, print { /* MacIE除外用 */

/************** Common styles ***************/


div#interview_f-115b div#main a:link {
	color:#003399;
	text-decoration:underline;
}
div#interview_f-115b div#main a:visited {
	color:#003399;
	text-decoration:underline;
}
div#interview_f-115b div#main a:hover{
	color:#3E82F1;
	text-decoration:underline;
}


/************** Content Main styles ***************/

div#interview_f-115b {
	width: 760px;
	padding: 0;
	line-height:1.5;
}
div#interview_f-115b div#main {
	padding: 25px 25px 0px;
}

/************** mainL ***************/

div#interview_f-115b div.mainL {
	float: right;
	width: 505px;
	overflow: hidden;
}

div#interview_f-115b div.mainL div.introBox {
	background: #eff2f7;
	padding: 20px;
}

div#interview_f-115b div.mainL div.introBox p.txt {
	color: #183958;
	padding-top: 10px;
}

div#interview_f-115b div.mainL div.introBox {
	background: #eff2f7;
	padding: 20px;
	margin-bottom: 20px;
}

div#interview_f-115b div.mainL div.introBox dd{
	margin: 0;
}

div#interview_f-115b div.mainL div.interviewBox {
	padding: 0px;
}
div#interview_f-115b div.mainL div.interviewBox dd {
	margin: 0;
}

div#interview_f-115b div.mainL div.interviewBox h2 {
	padding-bottom: 20px;
}

div#interview_f-115b div.mainL div.interviewBox dl dt {
	color: #145289;
	font-weight: bold;
	padding-bottom: 20px;
}

div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph {
	clear: both;
}


div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dt.answer {
	display: none;
}


div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.txt {
	padding-bottom: 20px;
}

div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.txt270 {
	width: 270px;
	padding-bottom: 20px;
}

div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.txt span.name,
div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.txt270 span.name {
	color: #cc6600;
	font-weight: bold;
}

div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.photoR150 {
	padding: 0px 0px 20px 20px;
	width: 150px !important; /* モダンブラウザ向け */
	width: 170px; /* IE 6以下のみ */
	float: right;
}

div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.photoR207 {
	padding: 0px 0px 20px 20px;
	width: 207px !important; /* モダンブラウザ向け */
	width: 227px; /* IE 6以下のみ */
	float: right;
}

div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.photoR230 {
	padding: 0px 0px 20px 20px;
	width: 230px !important; /* モダンブラウザ向け */
	width: 250px; /* IE 6以下のみ */
	float: right;
}

div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.photoL150 {
	padding: 0px 20px 20px 0px;
	width: 150px !important; /* モダンブラウザ向け */
	width: 170px; /* IE 6以下のみ */
	float: left;
}

div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.photoL180 {
	padding: 0px 20px 20px 0px;
	width: 180px !important; /* モダンブラウザ向け */
	width: 200px; /* IE 6以下のみ */
	float: left;
}

div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.photoL230 {
	padding: 0px 20px 20px 0px;
	width: 230px !important; /* モダンブラウザ向け */
	width: 250px; /* IE 6以下のみ */
	float: left;
}

div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.photoL150 img,
div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.photoL180 img,
div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.photoL230 img,
div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.photoR150 img,
div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.photoR207 img,
div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.photoR230 img {
	margin-bottom: 3px;
}

div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.photoL150 span.caption,
div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.photoL180 span.caption,
div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.photoL230 span.caption,
div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.photoR150 span.caption,
div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.photoR207 span.caption,
div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p.photoR230 span.caption {
	color: #888888;
	font-size:80%;
}

div#interview_f-115b div.mainL div.interviewNavi {
	background: url(../images/navi.gif) no-repeat left top;
	height: 44px;
	width: 505px;
	overflow: hidden;
	list-style-type: none;
	margin: 20px 0px;
}

div#interview_f-115b div.mainL div.interviewNavi ul {
	width: 505px;
	overflow: hidden;
}

div#interview_f-115b div.mainL div.interviewNavi li {
	display: inline;
	list-style-type: none;
}

div#interview_f-115b div.mainL div.interviewNavi li a {
	height: 44px;
	display: block;
	float: left;
	text-indent: -1000px;
	text-decoration: none;
	overflow: hidden;
}

div#interview_f-115b div.mainL div.interviewNavi li.beforebtn a {
	background: url(../images/navi.gif) no-repeat 0px 0px;
	width: 143px;
}

div#interview_f-115b div.mainL div.interviewNavi li.chapter01 a {
	background: url(../images/navi.gif) no-repeat -143px 0px;
	width: 38px;
}

div#interview_f-115b div.mainL div.interviewNavi li.chapter02 a {
	background: url(../images/navi.gif) no-repeat -181px 0px;
	width: 38px;
}

div#interview_f-115b div.mainL div.interviewNavi li.chapter03 a {
	background: url(../images/navi.gif) no-repeat -219px 0px;
	width: 38px;
}

div#interview_f-115b div.mainL div.interviewNavi li.chapter04 a {
	background: url(../images/navi.gif) no-repeat -258px 0px;
	width: 38px;
}

div#interview_f-115b div.mainL div.interviewNavi li.chapter05 a {
	background: red url(../images/navi.gif) no-repeat -296px 0px;
	width: 38px;
}

div#interview_f-115b div.mainL div.interviewNavi li.chapter06 a {
	background: red url(../images/navi.gif) no-repeat -334px 0px;
	width: 38px;
}

div#interview_f-115b div.mainL div.interviewNavi li.nextbtn a {
	background: url(../images/navi.gif) no-repeat -372px 0px;
	width: 133px;
}

div#interview_f-115b div.mainL div.interviewNavi li.beforebtn a:hover {
	background: url(../images/navi.gif) no-repeat 0px -44px;
	width: 143px;
}

div#interview_f-115b div.mainL div.interviewNavi li.chapter01 a:hover {
	background: url(../images/navi.gif) no-repeat -143px -44px;
	width: 38px;
}

div#interview_f-115b div.mainL div.interviewNavi li.chapter02 a:hover {
	background: url(../images/navi.gif) no-repeat -181px -44px;
	width: 38px;
}

div#interview_f-115b div.mainL div.interviewNavi li.chapter03 a:hover {
	background: url(../images/navi.gif) no-repeat -219px -44px;
	width: 38px;
}

div#interview_f-115b div.mainL div.interviewNavi li.chapter04 a:hover {
	background: url(../images/navi.gif) no-repeat -258px -44px;
	width: 38px;
}

div#interview_f-115b div.mainL div.interviewNavi li.chapter05 a:hover {
	background: url(../images/navi.gif) no-repeat -296px -44px;
	width: 38px;
}

div#interview_f-115b div.mainL div.interviewNavi li.chapter06 a:hover {
	background: url(../images/navi.gif) no-repeat -334px -44px;
	width: 38px;
}

div#interview_f-115b div.mainL div.interviewNavi li.nextbtn a:hover {
	background: url(../images/navi.gif) no-repeat -372px -44px;
	width: 133px;
}

div#interview_f-115b div.mainL div.interviewNavi li.chapter01_on a {
	background: url(../images/navi.gif) no-repeat -143px -44px;
	width: 38px;
}

div#interview_f-115b div.mainL div.interviewNavi li.chapter02_on a {
	background: url(../images/navi.gif) no-repeat -181px -44px;
	width: 38px;
}

div#interview_f-115b div.mainL div.interviewNavi li.chapter03_on a {
	background: url(../images/navi.gif) no-repeat -219px -44px;
	width: 38px;
}

div#interview_f-115b div.mainL div.interviewNavi li.chapter04_on a {
	background: url(../images/navi.gif) no-repeat -258px -44px;
	width: 38px;
}

div#interview_f-115b div.mainL div.interviewNavi li.chapter05_on a {
	background: url(../images/navi.gif) no-repeat -296px -44px;
	width: 38px;
}

div#interview_f-115b div.mainL div.interviewNavi li.chapter06_on a {
	background: url(../images/navi.gif) no-repeat -334px -44px;
	width: 38px;
}

/************** mainR ***************/

div#interview_f-115b div.mainR {
	float: left;
	width: 180px;
}

div#interview_f-115b div.mainR div.itemBox {
	background: url(../images/right_bg.gif) repeat-y left top;
	margin-bottom: 15px;
}

div#interview_f-115b div.mainR div.itemBox dt,
div#interview_f-115b div.mainR div.castBox dt {
	margin: 0;
	padding: 0;
	height: 19px;
	overflow: hidden;
}

div#interview_f-115b div.mainR div.itemBox dd {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #dddddd;
}
div#interview_f-115b div.mainR div.castBox dd {
	margin: 0;
	padding: 0;
}

div#interview_f-115b div.mainR div.itemBox dd p.photo{
	padding: 10px;
}

div#interview_f-115b div.mainR div.castBox {
	background: url(../images/right_bg.gif) repeat-y left top;
}

div#interview_f-115b div.mainR div.castBox dd ul li {
	border-bottom: 1px solid #dddddd;
}

div#interview_f-115b div.mainR div.castBox dd ul li p {
	margin-top: 8px;
	margin-left: 8px;
	margin-bottom: 8px;
	padding: 0;
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
}

/************* ClearFix Styles *************/

/* Modern browsers like Firefox, Safari, Opera */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
    font-size: 0.1em;
    line-height: 0;
}

/* IE 7 and MacIE*/
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


} /* MacIE除外用 */


#pagebody ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div#interview_f-115b {
  width: 100%;
}
div#interview_f-115b div.mainR {
}
div#interview_f-115b div.mainL {
    width: 935px;
    max-width: 75%;
    width: calc(100% - 200px);
}
img[src*="img_main.jpg"]{
  width: 100%;
  height: auto;
}
@media (max-width: 640px;) {
  div#interview_f-115b div.mainL,
  div#interview_f-115b div.mainR{
    float: none;
    width: auto;
  }
}

div#interview_f-115b div.mainL {
  max-width: 100%;
  width: 100%;
}
div#interview_f-115b div.mainR {
    float: none;
    width: 100%;
    display: flex;
}
div#interview_f-115b div.mainR div.castBox{
  background: none;
}
div#interview_f-115b div.mainR div.castBox dd ul li p {
  margin: 0;
}
div#interview_f-115b div.mainR div.itemBox *{
  margin: 0;
  padding: 0;
}
div#interview_f-115b div.mainR div.castBox *{
  margin: 0;
  padding: 0;
}
div#interview_f-115b div.mainR div.castBox{
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div#interview_f-115b div.mainR div.castBox dt{
  background: #444444;
}
div#interview_f-115b div.mainR div.castBox ul{
  display: flex;
  flex-wrap: wrap;
  border-top: solid 1px silver;
  border-right: solid 1px silver;
}
div#interview_f-115b div.mainR div.castBox ul li{
  width: calc(100% / 4);
}
div#interview_f-115b div.mainR div.castBox ul li:not(:first-child){
  border-left: solid 1px silver;
}
div#interview_f-115b div.mainR div.castBox img{
  max-width: 100%;
  height: auto;
}
div#interview_f-115b div.mainR div.castBox {
  background: none;
  margin-left: 15px;
}
div#interview_f-115b div.mainR div.castBox dd ul li {
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
div#interview_f-115b div.mainR div.castBox ul li {
  width: calc(100% / 4);
  box-sizing: border-box;
}
div#interview_f-115b div.mainR div.castBox dd ul li p {
  padding: 15px;
}
div#interview_f-115b div.mainL div.interviewNavi {
  background: none;
  height: auto;
  width: 100%;
  max-width: 550px;
  list-style-type: none;
  margin: 20px auto;
  background: #ddd;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div#interview_f-115b div.mainL div.interviewNavi ul {
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
div#interview_f-115b div.mainL div.interviewNavi li {
    display: inline-block;
    list-style-type: none;
    letter-spacing: normal;
    font-size: 14px;
}
div#interview_f-115b div.mainL div.interviewNavi li a {
    background: none!important;
    width: auto!important;
    height: auto;
    display: inline-block;
    float: none;
    text-indent: 0;
    overflow: hidden;
    text-decoration: none!important;
    padding: 5px 10px;
    vertical-align: bottom;
}
div#interview_f-115b div.mainL div.interviewNavi li[class*="_on"] a{
  background: #003399!important;
  color: white!important;
}
div#interview_f-115b div.mainL div.interviewNavi li.beforebtn a,
div#interview_f-115b div.mainL div.interviewNavi li.nextbtn a{
    background: none!important;
    width: auto!important;
    color: black!important;
}
div#interview_f-115b div.mainL div.interviewNavi li.beforebtn a{
  position: relative;
  padding-left: 1em;
}
div#interview_f-115b div.mainL div.interviewNavi li.beforebtn a:before{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .3em .4em .3em 0;
  border-color: transparent #000000 transparent transparent;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
div#interview_f-115b div.mainL div.interviewNavi li.nextbtn a{
  position: relative;
  padding-right: 1em;
}
div#interview_f-115b div.mainL div.interviewNavi li.nextbtn a:before{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: .3em 0 .3em .4em;
  border-color: transparent transparent transparent #000000;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 800px) {
  div#interview_f-115b div.mainR div.castBox ul li{
    width: 50%;
  }
}
@media screen and (max-width: 639px) {
  div#interview_f-115b img{
    max-width: 100%;
    height: auto;
  }
  div#interview_f-115b div#main{
    padding: 0;
  }
  div#interview_f-115b div.mainR{
    display: block;
  }
  div#interview_f-115b div.mainR div.itemBox{
    background: none;
    border: 1px solid #dddddd;
  }
  div#interview_f-115b div.mainR div.itemBox dt {
    background: #444444;
  }
  div#interview_f-115b div.mainR div.itemBox dd{
    border-bottom: none;
  }
  div#interview_f-115b div.mainR div.itemBox .photo a{
    display: block;
    text-align: center;
  }
  div#interview_f-115b div.mainR div.castBox{
    margin-left: 0;
    margin-bottom: 15px;
  }
  div#interview_f-115b div.mainR div.castBox ul{
    display: block;
  }
  div#interview_f-115b div.mainR div.castBox ul li{
    width: 100%;
  }
  div#interview_f-115b div.mainL div.interviewNavi li{
    font-size: 12px!important;
  }
  div#interview_f-115b div.mainL div.interviewNavi li.beforebtn,
  div#interview_f-115b div.mainL div.interviewNavi li.nextbtn{
    width: 100%;
    text-align: center;
  }
  div#interview_f-115b div.mainL div.interviewBox dl dd dl.paragraph dd p[class*="photo"] {
    padding: 0px;
    width: 100% !important;
    float: none;
    text-align: center;
  }
}