/******************************************************************
Theme Name: Bones (Rename Me!)
Theme URI: http://www.themble.com/bones
Description: This site was built using the Bones Development Theme. For more information about Bones or to view documentation, you can visit the <a href="https://github.com/eddiemachado/bones/issues" title="Bones Issues">Bones Issues</a> page on Github. You'll want to customize this for your clients with your own information.
Author: Your Name Here
Author URI: http://www.yoururlhere.com
Version: 1.7
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support
******************************************************************/

body { background: #222933; margin:0; }

#content { background:#323944; }

a { color:#fff; text-decoration:none; }
a:hover img { opacity:0.8; }

.mincho { font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important; }

.page-title { font-size:2.0em; font-weight:100; letter-spacing:2px; }






.header { background-image:url('/img/h_bg07.jpg'); background-size:cover; background-position:center; }
.workarchives { background-image:none !important; }
#inner-header { padding-top:80px;  }

#logo { float:left; width:200px; margin:0; font-size:30px; font-weight:800; letter-spacing:3px; }
#logo span { display:block; font-size:18px; font-weight:normal; letter-spacing:1px; font-family:Times, Times New Roman, Georgia, serif; margin:0 5px; line-height:24px; }
#logo .chiyo { letter-spacing:5px; font-size:16px; margin-bottom:.8em; }
#sns { float:right; width:200px; vertical-align:middle; text-align:right; }
#sns img { vertical-align:bottom; }
#sns .ig_logo, #sns .fb_logo { width:25px; margin-top:10px; }
#sns .fb_logo { margin-left:20px; margin-right:20px; }

#gnavi { margin:70px 0 10px;  padding:10px 10px;; clear:right; width:450px; float:right; xbackground:rgba(0,0,0,0.5); }
#gnavi a { display:block; float:left; width:105px; text-align:center; font-size:1.05em; letter-spacing:2px; }
#gnavi .profile { letter-spacing:-3px;  }
#gnavi span { display:block; font-size:.8em; letter-spacing:0; }

.footer { padding-top:50px; padding-bottom:30px; }
#inner-footer p { font-size:.9em; margin:0 10px; }
#inner-footer .copyright { margin-top:20px; }



#main-img { margin:0; height:600px; background-position:center center; background-size: cover; display:none; }



.wk-archive-title { font-size:1.4em; margin-top:30px; }






.ex_archive_title { font-size:1.2em; margin-bottom:40px; }
.ex_archive { margin:60px 0; }
.ex_archive .img { float:left; margin-right:20px; }
.ex_archive .img img { width:300px; height:auto; }
.ex_archive .text { float:left;  }

.ex-title { font-size:1.4em;  }

.works { display:flex; flex-wrap:wrap; }
.works article { margin-left:12px; max-height:155px; overflow:hidden; }
.works article:nth-child(4n+1) { margin-left:0; }

.work { padding:1.5em 0; }
.work-title { margin:1.5em 0 1.5em; }