@charset "utf-8";
@import url("html5reset-1.6.1.css");

/*------------リセット&初期設定の追加------------*/
*{
box-sizing:border-box;
word-break:break-all;
-webkit-appearance:none;/*プラットフォームのスタイルをリセット*/
-moz-appearance:none;
}

html{
}
body{
letter-spacing: 0.05em;
line-height:1.8;
font-family:  'メイリオ', 'ヒラギノ角ゴ', sans-serif;
font-size:13px;
background:
color:gray;
}

a{
color:gray;
text-decoration:none;
border-bottom:solid 1px #8792cc;
}
a:hover{
color:#5e87b1;
}
a:visited{
border-bottom:solid 1px #656e99 ;
}


img {/*画像の伸縮設定*/
max-width:100%;
height:auto;
vertical-align:bottom;/*画像の縦の隙間対策*/
}

a img{border: 1px #8792cc solid;
}

em{
font-style:normal;
}

ul,ol{
list-style-position:inside;/*リストマークを内側に表示*/
}
ul{
list-style-type:none;
}
ol{
list-style-type:decimal-leading-zero;
}

hr{/*水平線 段落の区切り*/
border-top:1px solid #8792cc;
}

/*------------パーツ------------*/

/*強調*/
em{
font-weight: bold;
}
/*重要*/
strong{
background:#7e89bf;
color:white;
}
/*追加*/
ins{
text-decoration:underline;
}



/*装飾ボックス*/
.textbox{
background:url(rose.png) top right no-repeat transparent;
border:1px dashed #EDCECE;
padding:1em;
}

.hr1{
    margin:5px 10px 5px 0;
    border-top: 1px #ccc;
    border-bottom: 1px #fff;
    border-style:solid;
}

.hr2{
    margin:5px 10px;
    height:50px;
}



/*------------レイアウト------------*/

/* 改行設定 */
.br-pc{display:block;}
.br-sp{display:none;}






/*作品ページ*/
#image_page{
text-align:left;
color:#333333;
margin-left: auto;
margin-right: auto;
width: 80%;
}

#image_page h2{
font-size:1.3em;
color: #5e87b1;
text-decoration:underline;
margin-top: 30px;
margin-left: 20px;
letter-spacing:6px;
}
#frame{
margin-top: 20px;
margin-left: 20px;
}
#info{
margin:20px;
padding:10px;
}

img{border: 1px #B6B6B6 solid;
box-sizing: content-box;
}
a img{border: 1px #B6B6B6 solid;
}
/*作品ページ↑*/

/*漢詩用・一覧用表組*/
table.kansi{
border-collapse: collapse;
}
table.kansi,
table.kansi th,
table.kansi td {
border: 0px #ff0000 solid;
text-align: left;
padding-left: 30px;
margin-left: -30px;
}

table.itiran1{
border-collapse: collapse;
}
table.itiran1,
table.itiran1 th,
table.itiran1 td {
border: 1px #666666 solid;
text-align: left;
padding:3px;
margin:10px 0;
white-space: nowrap;
}
table.itiran2{
border-collapse: collapse;
}
table.itiran2,
table.itiran2 th,
table.itiran2 td {
border: 1px #666666 solid;
text-align: left;
padding:5px 10px;
margin:0;
white-space: nowrap;
}
/*漢詩用・一覧用表組↑*/

/*blockquoteの装飾*/
blockquote{
border-left:5px solid #8792cc ;
margin-top:5px;
margin-bottom: 10px;
padding:5px 10px;
background: #;
}
/* 引用符「”」を非表示 */
blockquote:before {
content: none;
}


.box{
font-size:13.5px;
border:0px solid #888;
background-color:#ffffff;
width:auto;
margin:10px 200px 0 0;
padding:5px;
letter-spacing: -0.1px
}
.box p{
margin:15px 0;
}

/* フレームメニュー関係 */
.pboxf{
font-size:13.5px;
border:1px solid #888;
background-color:#ffffff;
width:auto;
margin:10px;
padding:5px;
letter-spacing: -0.1px
}

.fmini{
font-size:13.5px;
border:0px solid #888;
background-color:#ffffff;
width:auto;
margin:0 0 0 5px;
padding:5px;
letter-spacing: -0.1px
}








.siwa{
pointer-events: all;
text-decoration: underline;
display:inline-block;
}
.toggle{
height: 0;
padding: 0 0px;
overflow: hidden;
}
.siwa input {
display: none;
}
input:checked + .toggle{
height: auto;
padding: 0;
}
.close{
text-align:center;
font-size:12px;
color:gray;
padding: 5px 0;
}

.sourcebox{
width:100%;
background-color: #dddddd;/*灰色*/
}



/*------------@mediaquary-600以下------------*/
@media screen and (max-width:600px) {

body{
background:
}

#wrapper{
width: 85%;
margin:60px auto;
}

header{
position:static;/*表示位置を初期値に戻す*/
}
header h1{
margin-left: 10px;
}
#leftcolumn{
width:100%;
float:none;
}

#rightcolumn{
width:100%;
float:none;
margin-top:40px;
}

nav #navlist li{
display:inline-block;
margin:0.5em 1em 0.5em 1em;
}

#index{
margin:0 auto;
height:auto
}
.indexbox{
margin:20px auto;
padding:20px;
text-align:center;
max-width:580px;
min-height:280px
}

.br-pc{display:none;}
.br-sp{display:block;}

/*作品ページ＠600以下*/
#image_page{
text-align:left;
color:#333333;
margin:0px;
padding:0px;

width: 100%;
}


}
#image_page h2{
margin-top: 30px;
margin-left: 30px;
}
#frame{
margin:10px 10px;
}
#info{
margin:20px 10px;
padding:10px;
}

img{
max-width: 100%;
height: auto;
}

/*blockquoteの装飾*/
blockquote{
max-width:95%;
}



.tab_content {
  display: none;
  padding: 20px 20px 0;
  clear: both;
  overflow: hidden;
}






/* 作品ページ＠600以下↑*/

.box{
border:0px solid #888;
background-color:#ffffff;
width:auto;
margin:10px 20px ;
padding:5px;
}
.box p{
margin:10px 0;
}



/*漢詩用・一覧用表組*/
table.kansi{
border-collapse: collapse;
}
table.kansi,
table.kansi th,
table.kansi td {
  display: block;
  text-align:center;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
table.kansi th {
  display: block;
  width:100%;
  border:solid 0px blue;
  margin: 0px;
  padding:0 3px;
  text-align: left;
}
table.kansi td {
  display: block;
  width:100%;
  border:solid 0px green;
  margin: 0px;
  text-align: left;
  padding-top: 1em;
}
.table_wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

}
/*確認済*/