/*
Theme Name: Ogawa Studio
Version: 2.0
*/

/**************************************************** standard elements */
@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
	list-style:none;
}

body {width: 100%; min-width: 320px; line-height: 1.4em; font-size: 14px; color: #333; font-family:'Arial', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; background-color: #fff; -webkit-text-size-adjust: none;}
nav ul {list-style:none;}
img {max-width: 100%; height: auto;}
a {color:#333; line-height: 1.4em;}

p {line-height: 1.7em;}

/**************************************************** structure */
#outer-container {width: 100%; margin: 0px auto;}
#inner-container {width: 100%; margin: 0px auto; clear: both;}

#logo {display: none;}
#sp_logo {font-size: 15px; float: left;}
#sp_logo a img {width: 40px; height: auto; padding: 10px 5px 0 5px; text-decoration: none; float: left;}
#sp_logo dd {width: 200px; padding-top: 12px;}

#container {padding: 10px; clear: both;}
#content {padding-top: 20px;}

#menu-sub a {font-size: 12px; text-indent: 10px;}
#menu-sub li {list-style: none; border-top: 1px dotted #666; border-bottom: none; font-size:14px; line-height: 1.8;}

header {width: 100%; height: 60px; background-color: #fff; clear: both;}

/**************************************************** works nav */
#nav_works ul {margin: 10px 0 20px 0; float: left;}
#nav_works li {float: left;}
#nav_works a  {padding-left: 14px; font-size: 12px; text-decoration: none; overflow: hidden; outline: none; color: #000;}
#nav_works a:hover {color:#adadad; text-decoration: none;}
#nav_works .link_current a {color:#adadad;}

/**************************************************** footer */
footer {width: 100%; line-height: 1.7em; font-size: 11px; border-top: 1px solid #666; clear:both;}

.foot {padding-top: 10px;}
.foot .left img {display: none;}
.foot .right a img {width: 30px; height: auto;}

/************************************** Home  */
#home_left  {color:#fff;}
#home_left a {color:#fff;}

dl.news1 {margin-bottom: 30px; clear: both;}
dl.news2 {margin-bottom: 30px; clear: both;}

dl.news1 dt {padding: 10px; background-color:#000; padding:10px; border-bottom:1px solid #fff;}
dl.news1 dd {width: 100%; height: 16px; background-color:#696969;}

dl.news2 dt {padding: 10px; border-bottom:1px solid #fff; background-color:#5a5a5a;}
dl.news2 dd {width: 100%; height: 16px; background-color:#9c9c9c;}

.tdate    {text-indent: 10px; padding: 0 0 3px 0; background-color: #5a5a5a; float: left;}
.readmore {display: none;}

#featured_works {display: none;}

/************************************** News  */
#news_L {display: none;}

#news_R h1 {font-size:18px; padding:0 0 7px 0; line-height: 1.4em; clear:both;}
#news_R h2 {font-size:18px; padding:0 0 30px 0; clear:both;}
#news_R h3 {font-size:16px; line-height: 2.0em; clear: both;}

#news_R dl {border-bottom:1px solid #434343; line-height:1.7em;}
#news_R dt {width: 110px; float:left; clear: both; border-top: 1px solid #434343;}
#news_R dd {margin-left: 110px; border-top: 1px solid #434343;}
#news_R a {text-decoration:none;}

#news_single a {text-decoration:underline;}
#news_single img {padding:10px 15px 10px 0;}
#news_single dl {margin: 10px 0 30px;}

#news_R p {padding-bottom:20px;}

.block {padding: 20px 0;}

/************************************** Works  */
section    {width: 145px; height: 150px; padding: 0; margin: 0 3px 10px 0; float: left;}
section a img {padding-bottom: 5px; margin: 0; float: left; display: inline-block;}
section h1 {font-size:13px; padding-bottom:3px; line-height:1.2em;}
section h2 {font-size:11px; font-style:italic; color:#999;}

.w_image {width:145px; height:auto; background-color:#000;}

/************************************** Works Single  */
#ws h1 {font-size:18px;}
#ws h2 {font-size:12px; padding-top:7px; font-style:italic;}
#ws h3 {font-size:15px; padding-right:20px; float:left;}
#ws h4 {font-size:14px;}
#ws h5 {font-size:14px;text-decoration:underline;}

.space30 {height:30px; clear:both;}

#ws_R {width: 100%; padding-bottom: 20px; float: left;}
#ws_R a img {padding: 0 0 3px 3px; float:left;}
.memo {padding-top:10px; clear:both;}

/************************************** Publications  */

.pub    {width:145px; height:230px; padding:0; margin:0 5px 10px 0; float:left;}
.pub a img {padding-bottom:5px; margin:0; float:left;}
.pub h1 {font-size:13px; padding-bottom:3px; line-height:1.2em;}
.pub h2 {font-size:11px; font-style:italic; color:#999;}

.p_image {width:145px; height:190px; background-color:#000;}

/************************************** Publications Single  */
#single_publications h1 {font-size:18px; padding-bottom:3px; line-height:1.2em;}
#single_publications h2 {font-size:12px; font-style:italic; padding-bottom:10px; color:#999;}

#pubs_L {padding:30px 20px 0 0;}
#pubs_R {padding-top:77px;}

#pubs_R a img {padding:0 0 2px 2px; float:left;}
.memo_pub {padding:5px 0 30px 0; font-size:15px; clear:both;}

/************************************** Profile */
#profile {width: 100%;}
#profile h1 {font-size: 18px; padding: 20px 0 7px 0; clear: both;}

#p_left dl {line-height:1.7em; border-bottom:1px solid #434343; margin:30px 0 30px 0;}
#p_left dt {width:70px; float:left; clear: both; border-top:1px solid #434343;}
#p_left dd {margin-left:70px; border-top:1px solid #434343;}

#story {margin-top: 20px; float:left;}
#story p  {padding-bottom: 20px; clear:both;}
#story h2 {font-size: 16px; font-weight:bold; padding: 20px 0 20px 0;}
#story h3 {font-size: 15px; line-height:1.7em; padding: 10px 0 20px 0;}

/************************************** Atelier + Gallery  */
#atelier_left img {padding: 0 0 10px 0;}

.atelier_btn a  {padding: 10px 0 10px 0; color:#fff; background-color: #000; text-align: center;}
.atelier_btn a:hover {color: #000; background-color: #ccc; text-decoration: none;}

#atelier_right h1 {font-size: 20px; padding: 20px 0 30px 0;}
#atelier_right p  {padding-bottom: 15px; line-height: 1.8em;}

#atelier_thumb img {padding: 0 7px 7px 0;}
.at1    {padding: 20px; background-color: #000; color: #fff; margin: 0 7px 7px 0;}
.at1 h1 {font-size: 16px;}
.at1 ul {font-size: 13px; line-height: 1.5em; padding-top: 15px;}
.at1 span {width: 80px; float: left;}
.at1 li a {color: #fff;}

.at2   {background-color: #000; color: #fff; margin: 0 7px 7px 0;}
.at2 ul {line-height: 1.5em; padding: 10px 0 10px 10px;}
.at2 span {width: 60px; float:left;}
.at2 li a {color:#fff;}

/************************************** Contact  */
#contact {padding-top: 20px; float: left;}
#contact h1 {font-size: 20px; padding: 0 20px 0 0; float: left;}
#contact h2 {font-size: 14px; padding: 25px 0 18px 0; border-bottom: 1px #000 solid;}
#contact h3 {font-size: 16px; font-weight: bold; color: #555555; padding: 20px 0 0 0; clear: both;}
#contact h4 {color: #666;}

#contact p {margin: 40px 0 0 0; line-height: 1.8em; clear: both;}

#contact ul   {font-size:15px; margin: 20px 0 20px 0; clear: both;}
#contact span {width: 90px; float: left;}
#contact li   {border-top: solid #434343 1px; line-height: 2.2em;}

#c1_right a {text-decoration:underline;}

/************************************** Google */
.ggmap {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.ggmap iframe,
.ggmap object,
.ggmap embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.wp-pagenavi {padding-left: 0!important;}


/**************************************************************************/
/*smart phone side menu ***************************************************/
/**************************************************************************/

.button {width: 40px; height: 40px; position: absolute; display: block; background: url('img/menu_button_back.png') no-repeat center;}
.menu-button-right {right: 0px; background-color: #f2f2f2; margin: 10px 5px 0 0;}

/*slidemenu*/
.slidemenu {background-color: #333;}
.slidemenu li {list-style: none; border-top: 1px solid #4D4D4D; border-bottom: 1px solid #000; font-size:14px; line-height: 1.8;}
.slidemenu li a {padding:10px 0 10px 20px; display: block; text-decoration: none; color: #fff;}
.slidemenu li:first-child {border-top: none;}
.slidemenu li:last-child {border-bottom: none;}
.slidemenu .slidemenu-header {height: 49px; border-bottom: 1px solid #000; box-shadow: 0 1px 3px rgba(34,25,25,.4);
-moz-box-shadow: 0 1px 3px rgba(34,25,25,.4); -webkit-box-shadow: 0 1px 3px rgba(34,25,25,.4); background-color: #333;}
.slidemenu .slidemenu-header div {padding: 17px 0px 0px 19px; text-decoration: none; color: #fff;}

/*plugin*/
#main {z-index: 1;}
.slidemenu {top: 0;width: 240px; position: fixed; visibility: hidden; z-index: 100;}
.slidemenu .slidemenu-header {position: relative;}
.slidemenu .slidemenu-body {height: 100%; overflow: hidden; position: relative;}
.slidemenu .slidemenu-body .slidemenu-content {position: relative;}
.slidemenu-left {left: 0;}
.slidemenu-right {right: 0;}