@charset "utf-8";

/*-----------------------------------
極小美術館　--　スマホ用スタイル CSS　--

last modified --2013-11-3--
-----------------------------------*/

/********** スマホ用 **********/

@media screen and (max-width: 500px) {
/* 500pxまでの幅の場合に適応される */
img,.kijichuImg { width: 95%!important;margin: 10px 2.5%!important; }

}

@media screen and (max-width: 530px) {
/* 530pxまでの幅の場合に適応される */
#topPageMap{ display: none!important; }

#kannkoJOHO { width: 95%!important;margin: 10px 2.5%!important; }

}

@media screen and (max-width: 723px) {
/* 723pxまでの幅の場合に適応される */

#pcFooter { display: none!important; }
#spFooter { display: block!important; }

.pcImg,#menu,#show,#moshikomi,.slideshow-images,.kao_P_pc,#image1
{ display: none!important; }

.kao_P_sp,.navigation,.top_navi,.main_inImg 
{ display: block!important; }

 .kao_P_sp { float: right;margin: 0 10px 10px 10px!important;width: auto!important;height: 166px; }

body {
  width: 100%;
  background-color: #FFF;
  background: none;
  font: 12px/1.231 'ヒラギノ角ゴ pro W3', "Hiragino KaKu Gothic Pro", Osaka, sans-serif;
  line-height: 1.7;
  letter-spacing: 0;
}

#main {
position:relative;
background: #fff;
margin: 0;
padding: 0;
text-align:center;
border: none; 
width: 100%;
}

#title { width: 95%!important;margin: 10px 2.5%!important; }

#kikaku,#kikaku.espoir  {
	margin: 0 2.5%!important;
	padding: 0;
	width: 95%!important;
	border-bottom: 6px solid #000;
	position: relative;
}

#kikaku.espoir { border-bottom: 6px solid #5db372; }

#kikaku .S1 h2,#kikaku .S1 p { text-align:right;padding: 0; }

#kikaku .S2 h2,#kikaku .S2 p { text-align:left;padding: 0; }

#kikaku h2 { 
	color: #000;
	font-weight: bold;
	font-size:2.4em; 
	line-height: 1.1em;
	margin-top: 10px;
	margin-bottom: 10px;
	background: none;
	border-bottom: none;
}

#kikaku h3 { 
	color: #666;
	font-size:1.1em!important;
	font-weight:bold; 
	margin: 0 0 10px 0;
	text-align: center;
}

#kikaku .Num { 
	text-align:left;
	color: #000;
	font-weight: bold;
	font-size:1.2em; 
	line-height: 1.0;
	margin: 0;
	padding: 0 0 5px 0;
}

#kikaku.espoir .Num { 
	text-align:left;
	color: #5db372;
	font-weight: bold;
	font-size:1.3em; 
	line-height: 1.0;
	margin: 0;
	padding-left: 0px;
}

h1 { margin: 0!important; }

.title_S { font-size: 1.02em;margin: 0!important;  }

#Wrap { width: 95%!important; }

.photoLink_anime a { margin-right: 10px!important; }

.w_autoP { width: auto!important; }

.w500, .w500keimaki { width: 95%!important;margin-left: 2.5%!important; }

.topJPG { margin-top: 40px!important; }

.top_aisatsu { border: none!important;margin: 0!important; }

/********** 記事ブロック **********/

.kiji {
margin: 0 2.5%!important;
padding:0;
width: 95%!important;
}

.kiji h2.paperTitle { padding: 20px 0 5px  3px!important; }

.commentKiji { font-size: 1.25em!important; }

.commentKiji.Name span { height: 25px; }

.kiji h2 { font-size:1.7em!important; }

#ryakureki,#espoirRyakureki,#infoBlock,#profile {
	margin:30px auto 30px auto;
	width: 95%;
}

.Name { margin-left: 15px; }

/********** 作家一覧 **********/

#ListBlock { width: 100%; }

#infoBlock .ListBlock dt { 
	margin: 0;
	padding: 2px 10px;
	text-align:left; 
	font-weight: bold;
	background: #ddd;
}

#infoBlock ul { padding-left: 0px !important; }

#infoBlock .ListBlock dd { 
	margin: 0;
	padding: 1px 10px 5px 10px;
	text-align:left; 
	font-weight: normal;
	font-size:1.0em;
}

#ryakureki .kikaku dt,#espoirRyakureki .kikaku dt, dd{ 
	padding-bottom: 0.3em; 
	border-top: 4px solid #fff;
}

#ryakureki .kikaku dt,#espoirRyakureki .kikaku dt{
	//float: left;
	//padding-top: 4px;
		padding: 4px 4px 0 4px;
	//padding-right: 1em;
	//width: 60px;
		width: 40px;
	//text-align: right;
	font-weight: bold;
	background: #ebe3be;
	text-align:center; 
}

#ryakureki .kikaku dd,#espoirRyakureki .kikaku dd{
	//margin-bottom: 4px;
	margin-left: 0;
	border-left: 3px solid #fff;
	//padding-left: 1.5em;
	//padding-top: 5px;
	padding: 5px 10px;
	text-align:left;
	font-weight:normal; 
	background: #f4f1e0;
	overflow: auto ;
}

#ryakureki .kikaku .partsTitle,#espoirRyakureki .kikaku .partsTitle,.ListBlockCol3 .partsTitle{
	margin: 0;
	padding: 0;
	padding-top: 5px;
	text-align:left;
	font-weight:bold; 
	background: #fff;
	overflow: auto ;
	clear: both;
}

#ryakureki .kikaku .Lst,#espoirRyakureki .kikaku .Lst{
	margin: 0;
	padding-left: 1.5em;
	padding: 5px 5% 30px 0;
	text-align:right;
	font-weight:normal; 
	background: #fff;
	overflow: auto ;
	clear: both;
}

#espoirRyakureki .kikaku dt{ background: #bee1c3; }

#espoirRyakureki .kikaku dd{ background: #f4f9f4; }

.ListBlockCol3 dl {
	text-align:left;
	display: inline;
	float: left;
//	height: 150px;
//	width: 190px;
	height: auto!important;
	width: auto!important;
	margin: 5px 0 5px 0;
	padding: 0 0 0 7px;
	border-top: none;
	border-left: 6px solid #e0d4a4;
}

.ListBlockCol3 dl.newLin { border-left: 6px solid #7ABF88; }

.ListBlockCol3 dt { 
	margin-left: 0px;
	//margin-right: 10px;
	margin-right: 0;
	padding: 3px 10px;
	text-align:left; 
	font-weight: bold;
	background: #ddd;
}

.ListBlockCol3 dd { 
	margin-left: 0px;
	//padding-right: 10px;
	padding-right: 0;
	text-align:left; 
	font-weight: normal;
	font-size:0.9em;
}

#ListBlock ul {
	margin: 0;
	margin: 10px;
	padding: 0;
	padding-left: 0;
	padding-top: 10px;
}

#ListBlock dl.Lst { margin-bottom: 30px; }

#ListBlock {
	margin: 30px 0 ;
//	margin: 30px 40px 30px 50px;
//	width: 610px;
}

//#ListBlock h2 { font-size:1.5em; }

#ListBlock span {
	font-weight: normal;
	font-size:0.8em;
}

.ListBlockCol3 .partsTitle span{ font-weight:normal; }

/********** footer **********/

footer {
    width: 100%;
    padding: 5px 0 10px 0;
    color: #333333;
    text-align: center;
    border-top: solid 1px;
    border-top-color: #cccccc!important;
    background-color: #f4f5f7!important;
    clear: both;
}

/*---------- メニューボタン ----------*/ 

.navigation {
margin:20px 9px 15px;
position:relative;
overflow:hidden;
font-size: 15px;
}

.navigation :after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}

.navigation  {
min-height: 1px;
}

.navigation ul{
position:relative;
margin:0;
padding:0;
left:50%;
float:left;
width:100%;
}

.navigation li{
position:relative;
list-style :none;
right:50%;
float:left;
}

.navigation  li a{
display:block;
color:#FFFFFF;
text-decoration:none;
padding: 3px 0 7px 0;
}

.navigation li{
text-align: center;
font-weight:bold;
border:1px solid #666666;
border-left:none;
-webkit-border-radius:0px;
-webkit-text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0;
background-color: #000;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #242525),color-stop(0.50, #323232),color-stop(0.51, #000000),color-stop(1, #000000));

/*---------- ナビゲーションボタンの背景色はここの「background」で色を変更 ----------*/

}

.navigation li:first-child{
border:1px solid #666666;
-webkit-border-radius: 5px 0px 0px 5px;
}

.navigation li:last-child{
-webkit-border-radius: 0px 5px 5px 0px;
}

.top_navi li{ width:32.5%; }

}

/*---------- NEXTボタン ----------*/ 

.next {
padding:9px 0 8px 0!important;
width: 60px!important;
height: auto;
font-size:1.2em!important;
position: absolute;
top: 17px;
right: 4%;
}

.next a { color: #fff;text-decoration: none; }