@charset "utf-8";
/* CSS Document */
/*
--------------------------------------------------
FONT SIZE
--------------------------------------------------

***** Font Size *****
09px = 70%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
36px = 273.5%
--------------------------------------------------
*/
.center {
	text-align: center;
}

.border-b{
	border-bottom: 1px solid #000;
}
div#wrapper div.header_sub{
}
div#wrapper div.title_sub{
	margin-top: 55px;
	text-align: center;
	padding-bottom: 20px;
}
div#wrapper div.title_main{
	margin-top: 10px;
	text-align: center;
	padding-bottom: 20px;
}
div#wrapper p.title-doc{
	padding: 20px 40px;
	text-align: left;
}
div#wrapper div.title_catch{

	padding: 20px 40px;
	text-align: center;
	font-size: 28px !important;
	line-height: 1.3em;
}
div#wrapper div.inner{
	background-color: #fff;
	width: 580px;
	margin: 45px auto 0;
	border-radius: 10px;
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px; 
    color: #000;
	position: relative;
	overflow: hidden;
	font-size: 24px !important;
	text-align: center;
	padding-top: 40px;
}

div#wrapper.entry div.inner,
div#wrapper.entry .title-doc,
div#wrapper.entry div.inner-sub
{
	line-height: 1.5em;
	font-size: 20px;
}

div#wrapper.entry .title-doc.type3{
	font-size: 140%
}


div#wrapper div.inner div.label,
div#wrapper div.inner div.label-sub{
	width: 100%;
	text-align: center;
}


.border-d-b{
	border-bottom: dotted 1px #888;
}

div#wrapper div.inner.no-bg{
	background: none !important;
    color: #fff;
    border-bottom: dotted 1px #888;
	border-radius: 0 !important;
	padding-bottom: 32px;
}
div#wrapper div.inner.no-bg .strong{
	font-weight: 600;
}
div#wrapper div.inner.no-bg .inner-sub{
    border-top: dotted 1px #888;
    line-height: 1.3em;
    overflow: hidden;
    padding: 50px 0;
}
div#wrapper div.inner.no-bg .inner-sub.mtop60{
	margin-top: 60px;

}
div#wrapper div.inner.no-bg .inner-sub:last-child{
	padding-bottom: 0;
}

div#wrapper div.inner.no-bg .inner-sub.padding-small{
	padding: 30px 0;
}
	div#wrapper div.inner.no-bg .inner-sub.padding-small div.title{
		color: #C8A55A;
		font-size: 24px;
	}
	div#wrapper div.inner.no-bg .inner-sub.padding-small p{
		margin-top: 1em;
		font-size: 20px;
		text-align: left;
	}

div#wrapper div.inner.no-bg .inner-sub dl{
	text-align: left;
	margin-left: 5px;
}
div#wrapper div.inner.no-bg .inner-sub dl a{
	color: #C8A55A;
	text-decoration: underline;
}
div#wrapper div.inner.no-bg .inner-sub dl dt{
	display: block;
	float: left;
	width: 30%;
	color: #828282;
	margin-top: .5em;
}
div#wrapper div.inner.no-bg .inner-sub dl dd{
	display: block;
	float: left;
	width: 70%;
	margin-top: .5em;
}

.gold{
	color: #C8A55A;
}

/*エントリー用*/
div#wrapper.entry div.inner.no-bg .inner-sub dl{
	font-size: 22px;
	line-height: 1.6em;
	margin-left: 5px;
	overflow: hidden;
}
div#wrapper.entry div.inner.no-bg .inner-sub dl a{
	color: #fff;
	text-decoration: underline;
}
div#wrapper.entry div.inner.no-bg .inner-sub dl dt{
	display: block;
	float: left;
	width: 7%;
	color: #fff;
	margin-top: .8em;
}
div#wrapper.entry div.inner.no-bg .inner-sub dl dd{
	display: block;
	float: left;
	width: 93%;
	margin-top: .8em;
}

div#wrapper div.inner > a{
	display: block;
	margin: 85px auto 0;
}

div#wrapper div.inner > p{
	line-height: 2em;

	width: 520px;
	margin: 25px auto 0;
	padding-bottom: 65px;
	line-height: 2em;
	text-align: left;
}

div#wrapper div.inner > p.interview-body{
	margin: 2em auto 0;
	padding-bottom: 0;
}

/*インタビュー一覧*/
div.bottom-buttons
{
	width: 440px;
	padding: 68px;
	border: 2px solid #c8a55a;
	margin: 40px auto 0;
}
div.bottom-buttons img{
	
}
div.bottom-buttons img.title{
	
}
div.bottom-buttons img.button{
	margin-top: 35px;
}


/*職種について＆トップに戻る*/
div#wrapper div.buttons{
	font-weight: 600;
	padding: 0 24px 30px;
	font-size: 24px !important;
	margin: 34px 0 50px;
}
div#wrapper div.buttons.no-mb{
	margin: 34px 0 0;
}

div#wrapper.short div.buttons{
}
div#wrapper div.buttons img{
	float: right;
}

div#wrapper div.buttons a,
div#wrapper div.buttons a:hover,
div#wrapper div.buttons a:active,
div#wrapper div.buttons a:visited{
	color: #C8A55A;
}

/*タイル要素*/


ul.artists{
	width: 520px;
	margin: 60px auto 0;
	overflow: hidden;
}
li.tile{
	float: left;
	position: relative;
	display: block;
	width: 238px;
	margin-right: 40px;
}
li.info{
	padding-top: 70px;
	padding-bottom: 60px;
	clear: both;
	font-size: 20px;
	color: #646464;
	line-height: 1.5em;
	text-align: left;
}
li.tile:nth-child(2n){
	margin-right: 0;
}
li.tile div.thumbnail{
	position: relative;
	overflow: hidden;
	text-align: center;
	width: 238px;
	height: 238px;
	border: 1px solid #c8a55a;
	background: url(../img/bg_mesh.gif);

}
li.tile div.thumbnail.no-bg{
	background: none;
}

li.tile div.thumbnail img{
	opacity: 0;
}
li.tile p.name{
	clear: both;
	position: relative;
	margin-top: 15px;
	height: 105px;
	width: 238px;
	font-size: 20px;
	line-height: 1.5em;
	text-align: left;
}
li.tile.noname div.thumbnail{
}
li.tile.noname p.name{
	margin-top: 0;
	height: 40px;
}

div#wrapper div.inner.tile{
	padding-bottom: 60px;
}


div#wrapper img.img1{
/*div#wrapper div.inner.tile > img.img1{*/
	/*margin: 85px auto 0;*/
	padding-bottom: 20px;
}
div#wrapper img.img2{
/*div#wrapper div.inner.tile > img.img2{*/
	/*margin: 60px auto 0;*/
}
div#wrapper div.inner.tile > img.title-sub{
	margin: 60px auto;
	padding-bottom: 0;
}
div#wrapper div.inner.tile div.inner-sub{
	width: 520px;
	margin: 60px auto 0;
	overflow: hidden;
	position: relative;
	text-align: center;
	padding-bottom: 60px;
}
div#wrapper div.inner.tile img.img3{
	margin: 0 auto 0;
}
.center {
	margin-top: 60px;
	text-align: center;
}

/*エントリー関連ページ用*/
div.frame-gold
{
	width: 490px;
	padding: 40px;
	border: 2px solid #c8a55a;
	margin: 40px auto 0;
	text-align: left;
	overflow: hidden;
}
div.partun-bg{
	background: url(../img/bg_mesh.png);
}

div.frame-gold .label{
	margin: 0;
	padding: 0;
}
div.frame-gold .label img{
	margin: 0;
}
div.frame-gold p{
	margin-top: 1em;
}
div.frame-gold>p+.inner-sub{
	margin-top: 50px;
}
div.frame-gold div.buttons{
	text-align: center;
	overflow: hidden;
	margin: 0 auto !important;
}
div.frame-gold div.buttons img{
	margin-top: 30px;
	float: none !important;
}
div.frame-gold ul{
	margin-left: 1em;
	margin-top: 40px;
	list-style: disc;
	padding-top: 10px;
}
div.frame-gold ul li{
	font-size: 19px;

}
div.arrow{
	margin-top: 40px;
	text-align: center;
}

p.label-text{
	font-size: 24px;
	font-weight: 600;
}
p.label-text-sub{
	margin-top: 1.5em;
}
div#wrapper div.inner div.inner-sub ul{
	text-align: left;
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 1.5em;
}
div#wrapper div.inner div.inner-sub ul li a{
	color: #c8a55a;
	}
div#wrapper div.inner div.label+p+div.buttons>p {
	margin-top: 50px;
}

div#wrapper.entry div.inner.no-bg .inner-sub dl.salaly{
	overflow: hidden;
}
div#wrapper.entry div.inner.no-bg .inner-sub dl.salaly dt{
	width: 20%;
	color: #c8a55a;
}
div#wrapper.entry div.inner.no-bg .inner-sub dl.salaly dd{
	width: 80%;
}
div#wrapper.entry div.inner div.inner-sub > div.label + p{
	/*margin-top: 2em;*/
}

div#wrapper.entry div.inner-sub dl + div.center{
	margin-top: 40px;
}

div#wrapper.entry div.inner div.inner-sub.pad0{
	padding: 0;
}

div#wrapper.entry div.inner.no-bg .inner-sub.button-interview{}
div#wrapper.entry div.inner.no-bg .inner-sub.button-interview a{
	display: block;
	margin-top: 30px;
}

/*スペシャルコンテンツ*/
div#wrapper.special div{
	max-height: 1000%;
}
div#wrapper.special div.inner div.video p.title{
	color: 	#c8a55a;
	text-align: left;
}
div#wrapper.special div.inner.no-bg {
background: none !important;
border-bottom: dotted 1px #888;
border-radius: 0 !important;
padding: 0;
margin: 30px 20px 40px;
}
div#wrapper.special div.title_sub {
}
div#wrapper.special div.inner div.video p.date{	
	margin-top: 5px;
	text-align: right;
	font-size: 20px;
	color: #888;
}


div#wrapper.special div.mainv{
	margin-left: -2px;
}
div#wrapper.special div.mainv + div.button{
	width: 100%;
	text-align: center;
	margin-top: -150px;
	margin-bottom: 100px;
}
.entry_txt05{
	margin-left: 20px;
}

.entry_txt05 span{
	margin-left: 45px;
}
.label_close{
	margin-top: 10px!important;
	font-size: 19px;
	color:#666;
}