@charset "UTF-8";
/* -----------------------------------------------------------
   COLUNM 
------------------------------------------------------------*/
.Column #leftBox h1{
	text-indent:-9999px;
	background:url(../img/column_header.jpg) no-repeat;
	}

.Column .box p.txt{
	font-size:85%;
	line-height:170%;
	margin-bottom:20px;
	}
.Column #bknum ul{
	list-style:none;
	}


@media all and (min-width: 768px) {
.Column #leftBox h1{
	width:580px;
	height:440px;
	margin-bottom:30px;
	}
.Column #leftBox h2{
	display:block;
	background:url(../img/column_line.png) bottom repeat-x;
	padding-bottom:10px;
	color:#7b533c;
	font-size:95%;
	margin-bottom:20px;
	letter-spacing:0.04em;
	}
.Column #leftBox h2 .vol{
	width:80px;
	height:26px;
	display:block;
	float:left;
	text-indent:-9999px;
	margin-right:10px;
	}
.Column #leftBox h2 .date{
	padding-top:8px;
	display:block;
	}
.Column .vol1 h2 .vol{ background:url(../column/img/vol1.png) no-repeat;}
.Column .vol2 h2 .vol{ background:url(../column/img/vol2.png) no-repeat;}
.Column .vol3 h2 .vol{ background:url(../column/img/vol3.png) no-repeat;}
.Column .vol4 h2 .vol{ background:url(../column/img/vol4.png) no-repeat;}
.Column .vol5 h2 .vol{ background:url(../column/img/vol5.png) no-repeat;}
.Column .vol6 h2 .vol{ background:url(../column/img/vol6.png) no-repeat;}
.Column .vol7 h2 .vol{ background:url(../column/img/vol7.png) no-repeat;}
.Column .vol8 h2 .vol{ background:url(../column/img/vol8.png) no-repeat;}
.Column .vol9 h2 .vol{ background:url(../column/img/vol9.png) no-repeat;}
.Column .vol10 h2 .vol{ background:url(../column/img/vol10.png) no-repeat;}



.Column #bknum{
	padding-top:20px;
	margin-bottom:40px;
	}
.Column #bknum li{
	width:44px;
	float:left;
	margin-right:1px;
	}
.Column #bknum a{
	display:block;
	width:44px;
	height:44px;
	background:url(../img/column_bknum.png) no-repeat;
	text-indent:-9999px;
	}
.Column #bknum .b1 a{ background-position:0 0;}
.Column #bknum .b2 a{ background-position:-44px 0;}
.Column #bknum .b3 a{ background-position:-88px 0;}
.Column #bknum .b4 a{ background-position:-132px 0;}
.Column #bknum .b5 a{ background-position:-176px 0;}
.Column #bknum .b6 a{ background-position:-220px 0;}
.Column #bknum .b7 a{ background-position:-264px 0;}
.Column #bknum .b8 a{ background-position:-308px 0;}
.Column #bknum .b9 a{ background-position:-352px 0;}
.Column #bknum .b10 a{ background-position:-396px 0;}
.Column #bknum .b11 a{ background-position:-440px 0;}

.Column #bknum .b1 a:hover,.vol1 #bknum .b1 a{ background-position:0 -44px;}
.Column #bknum .b2 a:hover,.vol2 #bknum .b2 a{ background-position:-44px -44px;}
.Column #bknum .b3 a:hover,.vol3 #bknum .b3 a{ background-position:-88px -44px;}
.Column #bknum .b4 a:hover,.vol4 #bknum .b4 a{ background-position:-132px -44px;}
.Column #bknum .b5 a:hover,.vol5 #bknum .b5 a{ background-position:-176px -44px;}
.Column #bknum .b6 a:hover,.vol6 #bknum .b6 a{ background-position:-220px -44px;}
.Column #bknum .b7 a:hover,.vol7 #bknum .b7 a{ background-position:-264px -44px;}
.Column #bknum .b8 a:hover,.vol8 #bknum .b8 a{ background-position:-308px -44px;}
.Column #bknum .b9 a:hover,.vol9 #bknum .b9 a{ background-position:-352px -44px;}
.Column #bknum .b10 a:hover,.vol10 #bknum .b10 a{ background-position:-396px -44px;}
.Column #bknum .b11 a:hover,.vol11 #bknum .b11 a{ background-position:-440px -44px;}

.Column #profile{
	background:#7b533c;
	padding:6px;
	}
.Column #profile .block{
	border:1px solid #fefcf6;
	padding:20px;
	}
.Column #profile .block h3{
	font-size:95%;
	color:#fff;
	padding-bottom:8px;
	}
.Column #profile .block p{
	font-size:85%;
	line-height:160%;
	color:#fff;
	}
}
@media all and (max-width: 767px) {
.Column #leftBox .unit{
	margin:0 6px;
	background:#fefcf6;
	}
.Column .unit .inner{
	padding:0 !important;
	}
.Column .box{
	width:90%;
	margin:0 auto;
	}
.Column .box p.txt{
	width:96%;
	margin:0 auto 20px;
	}
.Column #leftBox h1{
	width:100%;
	height:0;
	padding-top:71.3%;
	background-size:cover;
	margin:0 auto 20px;
	}
.Column #leftBox h2{
	display:block;
	background:url(../img/column_line.png) bottom repeat-x;
	padding-bottom:10px;
	font-size:95%;
	margin-bottom:20px;
	letter-spacing:0.04em;
	}
.Column #leftBox h2 .vol{
	color:#c34433;
	padding-right:10px;
	}
.Column #leftBox h2 .date{
	color:#7b533c;
	}
.Column #bknum{
	width:100%;
	padding-top:20px;
	margin:0 auto;
	}
.Column #bknum{
	width:100%;
	}
.Column #bknum li{
	text-align:center;
	width:50%;
	box-sizing:border-box;
	float:left;
	border-right:1px solid #fefcf6;
	border-bottom:1px solid #fefcf6;
	background:#c34433;
	}
.Column #bknum li:nth-child(2n){
	border-right:none;
	}
.Column #bknum a{
	display:block;
	width:100%;
	padding:8px 0;
	color:#fff;
	}
.vol1 #bknum .b1,.vol2 #bknum .b2,.vol3 #bknum .b3,.vol4 #bknum .b4,.vol5 #bknum .b5,.vol6 #bknum .b6,.vol7 #bknum .b7,.vol8 #bknum .b8,.vol9 #bknum .b9,.vol10 #bknum .b10,.vol11 #bknum .b11{
	background:#ac8772;
	}

.Column #profile{
	width:100%;
	margin:0 auto;	
	background:#7b533c;
	}	
.Column #profile .block{
	padding:20px;
	}
.Column #profile .block h3{
	font-size:95%;
	color:#fff;
	padding:0 0 8px;
	line-height:140%;
	}
.Column #profile .block p{
	font-size:85%;
	line-height:160%;
	color:#fff;
	}
}