header{
        background-color:#000000;
        color:#ffffff;
}
a img{
        border:0;
}
body{
        background-color:#ffffff;
        color:#333333;
        font-family: serif;
        margin:0;
        padding:0;
}
p{
        font-size:90%;
        line-height:1.8;
        margin-left:15px;
        margin-right: 15px;
        color:#87888e;
}
h1{
        font-size:130%;
}
h2{
        font-size:120%;
        border-bottom:1px dashed #9ba5a0;
        border-left:10px solid #a7b19b;
        padding-left:7px;
        color:#9ba5a0;
}
h3{
        font-size: 110%;
        color:#87888e;
        margin-left:15px;
        margin-right: 15px;
        text-align:center;
}
/* 文章の ――――――― 線 */
.p-border {
        border-top: 1px solid #87888e;
        margin-top: 10px;
        margin: 30px;
    }
.p-border2 {
        border: 1px solid #87888e;
        margin-top: 10px;
        margin: 30px;
    }
.p-border3 {
        border-bottom: 1px solid #87888e;
        margin-top: 10px;
        margin: 30px;
    }
/* フッター枠組み */
footer{
        font-size:70%;
        text-align:center;
        color:#ced1b3;
        background-color:#000000;
        padding-top:10px;
        padding-bottom:10px;
}
/* 記事 */

article{
        position:relative;
}
article{
        clear:both;
        width:960px;
        margin-left:auto;
        margin-right:auto;
}
article a{
        text-decoration:none;
        color:#a7b19b;
        padding-left: 5px;   
        padding-right: 5px;  
}
.catch{
        position:absolute;
        top:1px;
        left:30px;
        color:#c0c0c0;
        text-shadow:0 5px 5px #333333;
}
.maingazo{
        background-color:#ffffff;
}

ul{
        list-style-type:none;
        line-height:1.8;
        font-size:90%;
        padding-left:7px;
}
ul time{
        border-radius:3px;
        background-color:#9ba5a0;
        color:#ffffff;
        font-size:90%;
        padding-left:5px;
        padding-right:5px;
        margin-right:5px;
}
/* ナビリスト */
nav ul{
        font-weight:bold;
        text-align:right;
        padding-top:26px;
        padding-bottom:5px;      
        margin:0;  
}
nav li{
        display:inline;
        padding-left:10px;
        padding-right:10px;
        border-right:1px solid #ffffff;
}
nav a:hover{
        color:#ced1b3;
}
nav a:visited{
        color:#ffffff;
}
nav a{
        text-decoration:none;
        color:#ffffff;
}

header img{
        float:left;
}

.sabu-h1{
        border-bottom: 1px dashed #9ba5a0;
        color:#9ba5a0;
        padding-left: 10px;
        border-left: 15px solid #a7b19b;
        font-family:"Sawarabi Mincho", serif;
}
.header-in{
        width:960px;
        margin-left:auto;
        margin-right:auto;
}
/* パンくずリスト */
ol li{
        display:inline;
        margin-left: px;
        font-size: 80%;
}
/* お知らせの下の文章 */
.info-list{
        margin-left: 15px;
        margin-right: 15px;
        font-size: 90%;
        color:#2c332d;       
}
.info-list a{
        color: #033e32;
        text-decoration-line: 1px;
}   
/* article a:visited{
        color:#8ba460;
} ↑リンクを押した後*/
/* ↓リンク先を押してない状態 記事の中のリンク全て*/

/* お知らせ */
  
/*テーブル*/
table{
        border: 1px solid #a7b19b;
        font-size: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
        border-collapse:collapse;
}
th{
        background-color:#a7b19b;
        border: 1px solid #a7b19b;
        padding: 10px;
        font-family: "Sawarabi Mincho", serif;
}
td{
        border: 1px solid #a7b19b;
        padding: 15px;
}
/* ブログ */
.blog-cell{
        color:#fff
}
.blog-cell a{
        color:#ffffff
}
.blog-cell a:hover{
        color:#ffffff;
}
.blog-cell th{
        color:#ffffff;
}
.blog-td p{
        margin-top: 15px;
}
.blog-td img{
        margin-left: 10px;
}
.blog-time li{
        margin-left: 15px;
        margin-right: 15px;
        color: #677569; 
}
.blog-block{
        background-color: #a7b19b;
        text-align: center;
}
.blog-block a{
        color: #fff;  
        font-size: 120%;
        line-height: 2.5;
}
.wrapper2{
        border: 1px solid #a7b19b;
        padding: 0 15px 10px;
        margin-bottom: 30px;
}
#sentence{
        width: 400px;
        margin-left: auto;
        margin-right: auto;
}
/* フォント */
.wf-sawarabimincho { 
        font-family: "Sawarabi Mincho"; 
}
.wf-hannari {
         font-family: "Hannari"; 
}
/* プロフィール */
.prof-cell{
        font-family: "Sawarabi Mincho"; 
        color:#ffffff
}
/* 世界観一覧 */
.world-menu ul{
        margin-left: 30px;
        margin-right: 10px;
        border-bottom:px solid #ced1b3;
        padding-bottom: 20px;
}
.world-menu li{
        border-bottom: 1px dashed #ced1b3;
}
.world-menu a{
        display: block;
        padding: 3px;
        padding-left: 15px;
        padding-right: 15px;
        color: #677569;
}
.world-menu a:hover{
        color: #333333;
}
.world-line{
        border-bottom: 1px solid #ced1b3;
        padding-bottom: 20px;
}

/* 個展案内 */
.exhi-list a{
        color: #677569;
}
.exhi-list p{
        margin-left: 30px;
        display: block;
        padding: 3px;
        padding-left: 5px;
}
.exhi-list h2{
        font-size: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 0px;
}

/* 絵画教室 */

.artclass p{
        font-size: 110%;
        border-bottom: 1px solid #000;
}

       .child {
        float: left;
       }  
       .child {
        color: #677569;
        text-align: left;
        line-height: 30px;
        width: 100px;
        height: 150px;
        background-color:#fff;
        margin: 10px;
       }
       .child2{
        height: 160px;
       }
       .child2 a{
        margin: 0;
        padding: 0;
       }

/* フォーム */
input{
        display: block;
        width: 400px;
}
textarea{
        display: block;
        width: 400px;
        height: 120px;
}
button{
        width: 180px;
        padding: 10px;
}
/* プロフィールのテーブル */

/* SNS */
#sns{
        background: #faf7f0;
        padding: 4% 0;
}
#sns .wrapper{
        display: flex;
        justify-content: space-between;
}
#sns .sub-title{
        margin-bottom: 30px;
}
.sns-box{
        width: 30%;
}
.sub-title{
        padding:0 8px 8px;
        border-bottom: 2px #0bd solid ;
}

/* Googleマップ */
.wrapper{
        margin: 0 auto;
        padding: 0 3%;
}
#location {
        padding: 4% 0;
}
#location .wrapper{
        display: flex;
        justify-content: space-between;
}
.location-info {
        width: 32%;
}
.location-info p{
        padding: 12px 10px;
}
.location-info h3{
        color: #677569;
}
.location-map{
        width: 64%;
} 
iframe{
        width: 100%;
}

/* ボタン */
.button{
        font-size: 85%;
        background: #62aad6;
        color: #fff;
        border-radius: 2px;
        padding: 2px 22px 3px;
}
.button:hover{
        background: #197fb6;
}
.button2{
        font-size:95%;
        background: #ced1b3;
        color: #fff;
        border-radius: 3px;
        padding: 1px 5px 1px;
}
.button2:hover{
        background: #677569;
}   
/* 下のナビメニュー */
.foot-wr{
        background: #677569;
}
.foot-wr a{
        display: block;
        padding: 3px;
        padding-left: 15px;
        padding-right: 15px;
        color: #fff;
}
.foot-wr a:hover{
        color: #ced1b3;
}
.foot-wr ul{
        margin-bottom: 0px;
}
/*959px以下の場合*/
@media(max-width:959px){
header img{
        float:none;
}
nav ul{
        text-align:left;
        padding:0;
}
article{
        width:auto;
}
article img{
        max-width:100%;
        height:auto;
}
.header-in{
        width:auto;
}
/* SNS */
.sns-box{
        margin-bottom: 30px;
        width: 222px;
        margin-left: auto;
        margin-right: auto;
}        
/*GoogleMap*/
#location .wrapper,
#sns .wrapper{
        flex-direction: column;
}
.location-info,
.location-map{
        width: 100%;
}
}

/*600px以下の場合*/
@media(max-width:600px){
nav li{
        font-size:85%;
        padding-left:2px;
        padding-right:2px;
}
/* UENISJHI'S WebSiteの文字↓ */
.catch{
        position:absolute;
        top:5px;
        left:5px;
}
.info-list{
        margin-left:15px;
        font-size:95%;
        color:#000;   
}
p{
        font-size:95%;
        line-height:1.8;
        margin-left:15px;
        color:#000;
}
.world-menu li{
        font-size: 110%;
        line-height: 2.2;
} 
.blog-time li{
        margin-left: 15px;
        margin-right: 15px;
        color: #000; 
}
}