@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
I Love クラシック (min-width:641px)
/////////////////////////////////////////////////////////////////////////*/
* { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
html, body { width:100%; height:100%;}
body { text-align:center; font:13px/1 serif; *font-size:small; font-family:"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; *font:x-small;}
h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td { font-size:100%;font-weight:normal;}
article, aside, footer, header, nav, section { display:block;}
a,object,embed { outline:none;}
img { border:none; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;}
hr { display:none;}
li { list-style:none;}
.alt { position:absolute; top:-5000px; left:-9999px; text-align:left;}
.clearfix:after { content:""; clear:both; display:block;}
a { text-decoration:none; color:#ce5c08; -webkit-transition:all 0.25s 0s ease; -moz-transition:all 0.25s 0s ease; transition:all 0.25s 0s ease;}

/*common
//////////////////////////////////////////////////////*/
body {
	color:#4c433e; min-width:990px; -webkit-text-size-adjust:100%;
	background:url(../img/bg.jpg) center 0 / cover no-repeat fixed;
	padding:30px 0; text-align:center;
}
#container { 
	width:990px; padding-bottom:30px; margin:0 auto 40px; text-align:left;
	background:#f0efea url(../img/titlebg.jpg) center 0 no-repeat;
	min-height:1000px;
	/* box-shadow */
	box-shadow:rgba(97, 50, 31, 0.247059) 0px 10px 30px 0px;
	-webkit-box-shadow:rgba(97, 50, 31, 0.247059) 0px 10px 30px 0px;
	-moz-box-shadow:rgba(97, 50, 31, 0.247059) 0px 10px 30px 0px;
}
	.secondary #container { background-image:url(../img/titlebg2nd.jpg);}

/*header*/
#header{background:url(../img/title.png) center 0 no-repeat; }
	.secondary #header{background-image:url(../img/title2nd.png);}
#header #title{height:271px;overflow:hidden;}
	.secondary #header #title{height:161px; }
#header h1, #header p{text-indent:-5000px;}
	.secondary #header h1 a{display:block;width:300px;height:161px;}
#header #navi{background-color:#f0efea;}
#header #navi{
	text-align:center;
	margin-bottom:35px;
	/* box-shadow */
	background-color:rgba(240,239,234,0.85);
	box-shadow:rgba(97, 50, 31, 0.247059) 0px 10px 30px 0px;
	-webkit-box-shadow:rgba(97, 50, 31, 0.247059) 0px 10px 30px 0px;
	-moz-box-shadow:rgba(97, 50, 31, 0.247059) 0px 10px 30px 0px;
	background: -moz-linear-gradient(left,  rgba(240,239,234,0) 0%, rgba(240,239,234,0) 5%, rgba(240,239,234,0.85) 15%, rgba(240,239,234,0.85) 85%, rgba(240,239,234,0) 95%, rgba(240,239,234,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(240,239,234,0)), color-stop(5%,rgba(240,239,234,0)), color-stop(15%,rgba(240,239,234,0.85)), color-stop(85%,rgba(240,239,234,0.85)), color-stop(95%,rgba(240,239,234,0)), color-stop(100%,rgba(240,239,234,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(240,239,234,0) 0%,rgba(240,239,234,0) 5%,rgba(240,239,234,0.85) 15%,rgba(240,239,234,0.85) 85%,rgba(240,239,234,0) 95%,rgba(240,239,234,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(240,239,234,0) 0%,rgba(240,239,234,0) 5%,rgba(240,239,234,0.85) 15%,rgba(240,239,234,0.85) 85%,rgba(240,239,234,0) 95%,rgba(240,239,234,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(240,239,234,0) 0%,rgba(240,239,234,0) 5%,rgba(240,239,234,0.85) 15%,rgba(240,239,234,0.85) 85%,rgba(240,239,234,0) 95%,rgba(240,239,234,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(240,239,234,0) 0%,rgba(240,239,234,0) 5%,rgba(240,239,234,0.85) 15%,rgba(240,239,234,0.85) 85%,rgba(240,239,234,0) 95%,rgba(240,239,234,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0efea', endColorstr='#00f0efea',GradientType=1 ); /* IE6-9 */
}
	.secondary #header #navi{margin-bottom:20px;}
#header #navi li{display:inline-block;padding:0px 60px;color:#888;}
#header #navi li a{display:inline-block;padding:23px 0 17px;font-size:110%;width:100%;}
	.onair #header #navi li:nth-child(2) a,
	.about #header #navi li:nth-child(3) a{border-bottom:solid 4px #ce5c08;}
#header #navi li a:hover{color:#dc902f;}

#sns{position:relative;}
#sns #fb{position:absolute;right:140px;top:-250px;}
#sns #tw{position:absolute;right:0px;top:-250px;}
	.secondary #sns #fb{top:-145px;}
	.secondary #sns #tw{top:-145px;}

/*onair*/
#onair{padding:10px 0 0;}
#onair h2{text-align:center;font-size:31px; margin:0; padding:0 0 30px;letter-spacing:0.08em;}
#onair h2 span{font-size:24px;}
#photo1{position:absolute;}
#photo1 img{
	display:block;border:solid 10px #fff;width:440px;margin-left:50px;
	/* box-shadow */
	box-shadow:rgba(97, 50, 31, 0.247059) 0px 10px 30px -10px;
	-webkit-box-shadow:rgba(97, 50, 31, 0.247059) 0px 10px 30px -10px;
	-moz-box-shadow:rgba(97, 50, 31, 0.247059) 0px 10px 30px -10px;
}
#onair .right{margin-left:500px; min-height:440px;line-height:1.3;padding:0 50px 25px;}

#onair .piece {
	padding: 20px 0;
	position: relative;
/* box-shadow
box-shadow:rgb(255, 255, 255) 0px 0px 25px 10px;
-webkit-box-shadow:rgb(255, 255, 255) 0px 0px 25px 10px;
-moz-box-shadow:rgb(255, 255, 255) 0px 0px 25px 10px; */
}
#onair .piece:before {
	content: "「";
	font: 2em/1 serif, "ＭＳ Ｐ明朝", "MS PMincho";
	color:#d6dce2;
	text-align: left;
	line-height: 40px;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0.1em;
	left: -0.6em;
}
#onair .piece:after {
	content: "」";
	font: 2em/1 serif, "ＭＳ Ｐ明朝", "MS PMincho";
	color:#d6dce2;
	text-align: left;
	line-height: 60px;
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: 0.5em;
	right: -0.5em;
}
#onair .piece{font-size:26px; margin-bottom:0.1em;color:#2276c4;text-align:center;}
#onair .piece span{display:block;font-size:18px;padding-top:4px;}
#onair h4{font-size:17px;color:#8f4e15;margin-top:1em;}
#onair p{font-size:20px;line-height:1.3;margin:5px 0;}
#onair p span{font-size:16px;}
#onair .separator{height:3em;border-bottom:solid 1px #ddd; margin-bottom:3em;}

#onair #detail{display:table;border-collapse: separate;border-spacing:10px;padding:0 40px;}
#onair #detail .unit{
	display:table-cell; width:33%;
	padding:13px; background:#fff;
	font-family:sans-serif;line-height:1.6;
	vertical-align:top;
	}
#onair #detail .unit.interview{background:#6d4e37;color:#fff;}
#onair #detail .unit img{
	width:100%;display:block;margin-bottom:20px;
	/* box-shadow */
	box-shadow:rgba(94, 84, 80, 0.247059) 0px 10px 30px -10px inset;
	-webkit-box-shadow:rgba(94, 84, 80, 0.247059) 0px 10px 30px -10px inset;
	-moz-box-shadow:rgba(94, 84, 80, 0.247059) 0px 10px 30px -10px inset;
}
	#onair #detail .piccredit{position:relative;}
	#onair #detail .piccredit span{display:block;color:#321;position:absolute;right:0;font-family:helvetica;top:-1.5em;font-size:76%;}
#onair #detail h3{font-size:18px;margin:0 0 10px;font-weight:bold;}
#onair #detail h3 span{display:block;font-weight:normal;font-size:12px;font-family:helvetica;color:#8f4e15;}
#onair #detail .unit.interview h3 span{color:#bc9d8c;}
#onair #detail p{font-size:14px;margin-bottom:2em;letter-spacing:0.08em;}
#onair #detail blockquote{background:#edebe3;padding:13px;}
#onair #detail blockquote h4{font-size:14px;text-align:center;font-weight:bold;border-bottom:solid 1px #dcd1c3;padding:3px 0 5px;margin:0 0 5px;}
#onair #detail blockquote h5{font-weight:bold;font-size:14px;padding:8px 0 4px;}
	#onair #detail .interview blockquote h5{color:#ecbb96;}
	#onair #detail .interview blockquote h6{}
	#onair #detail .interview blockquote h6:before{content:'●'; color:#ecbb96;}
#onair #detail blockquote p{font-size:13px;line-height:1.7;margin-bottom:5px;letter-spacing:0em;}

#onair #detail .interview blockquote h4{color:#ecbb96;}
#onair #detail .interview blockquote{background:#49311f;}
#onair #detail .interview dl{}
#onair #detail .interview dt{border-top:dashed 1px #6f533f;margin-top:5px;padding-top:5px;}
#onair #detail .interview dd{margin-left:1em;font-size:90%;}

#footer{background:#483b30;color:#dedad4;font-size:80%;padding:20px;font-family:helvetica,sans-serif;}
#ptop{text-align:right;position:relative;}
#ptop a{display:block;position:absolute;right:20px;background:#483b30;top:-50px;padding:15px 25px;font-family:sans-serif;color:#fff;font-size:20px;}

/*about*/
#about{padding:20px 0;font-size:18px;text-align:left;line-height:2;letter-spacing:0.05em;}
#about p{margin-left:500px; padding:0 50px 1em;}
#about h2{text-align:center;font-size:31px; margin:0; padding:0 0 20px;letter-spacing:0.08em;}

/*onair*/
#onairindex{padding:20px 0;font-size:18px;text-align:left;line-height:2;letter-spacing:0.05em;}
#onairindex h2{text-align:center;font-size:31px; margin:0; padding:0 0 20px;letter-spacing:0.08em;}
#onairindex ul{padding:0 100px 1em;}
#onairindex li{margin-bottom:2em;border-bottom:solid 1px #999;padding-bottom:1em;}
#onairindex li a{display:block;}
	#onairindex li a:hover{background:#fff;}
#onairindex li .date{position:relative;padding-left:60px;color:#8f4e15;display:block;}
#onairindex li .title{color:#666;padding-left:60px;text-decoration:underline;}
#onairindex li .date strong{position:absolute; font-size:30px;left:0;top:-1em;}

/*IE8*/
.ie8 body { }
.ie8 #onair #detail .unit { float:left;width:31%; margin:0 1%; }
.ie8 #onair #detail:after { content:""; clear:both; display:block;}