@charset "UTF-8";


/*-------------------------------------------
Theme Name: Portfolio Gallery 2013
Theme URI: http://www.portfoliogallery.org/
Description: Portfolio Gallery 2013
Author: Masaomi Araki
Author URI: http://www.portfoliogallery.org
-------------------------------------------*/


@import url(fonts.css);
@import url(reset.css);
@import url(base.css);
@import url(fancybox.css);
@import url(slider.css);


header,
main,
nav,
footer{ margin: 0 auto; border-left: #DDD solid 1px;}


header h1{ height: 128px; line-height: 128px; margin: 0 32px;}


nav{ clear: both;}
nav ul{ border-top: #DDD solid 1px; padding: 0 32px;}
nav li{ display: inline; height: 48px; line-height: 48px; margin-right: 32px;}

.sub{ display: none; border-top: #DDD dotted 1px;}
.path li{ height: 34px; line-height: 34px;}


section{ clear: both;}
article{ float: left; border-top: #DDD dotted 1px;}
article h2{ margin: 32px 32px 0px 32px;}
article time, article ins, article cite{ display: block; margin: 8px 0 0 32px;}
article p{ margin: 16px 32px 64px 32px;}
article li{ list-style: disc;}
article figure{ border: #DDD solid 1px ;}
article figure a{ display: block; border: #FFF solid 6px; /*box-shadow: inset 0px 0px 18px rgba(0,0,0,1);*/}
article #instagram-embed-0{ margin-left: 0px !important;}

.slider{ float: none; padding: 32px; border: none;}
.slider h2, .slider ins{ position: absolute;}
.slider h2{ bottom: 32px; left: -24px;}
.slider ins{ bottom: 12px; left: -24px;}


.thumb{ margin-bottom: 48px;}
.thumb h2{ margin: 0px 32px 0px 32px;}
.thumb figure{ width: 269px; margin: 32px 32px 16px 32px;}
.thumb figure a{ width: 257px;}
.thumb img{ display: block;}


.via h2{ margin-bottom: 8px;}


.video img{ width: 257px;}


.tweet{ padding: 28px 0 48px 0;}


.content{ border-top: #DDD dotted 1px;}
.page{ float: left; line-height: 180%; border: none;}
.page h2,
.page h3,
.page h4,
.page h5,
.page h6,
.page time,
.page cite,
.page ins,
.page p,
.page del,
.page ul,
.page ol,
.page blockquote,
.page ins{ margin: 0 0 8px 0;}
.page a{ text-decoration: underline !important;}
.page h2 a{ text-decoration: none !important;}
.page h2,.page time{ line-height: normal;}
.page time{ margin-bottom: 16px;}
.page p{ clear: both; margin: 16px 0;}
.page ul{ list-style: inside disc; margin: 16px;}
.page ol{ list-style: inside decimal; margin: 16px;}
.page blockquote{ padding-left: 15px; border-left: #EEE solid 4px; margin: 32px 16px; font-style: italic;}
.page blockquote cite{ margin: 0; font-style: italic;}
.page hr{ clear: both; border-bottom: #DDD dotted 1px; margin: 64px 0;}
.page pre{ color: #FFF; background: #333; padding: 24px; margin: 32px 0; overflow: auto; line-height: 150%;}
.page iframe{ display: block; max-width: 593px; clear: both; margin: 48px auto; padding: 6px; border: #DDD solid 1px !important; background: #FFF;}
.page img{ padding: 6px; border: #DDD solid 1px; margin-bottom: 32px;}
.page .aligncenter{ display: block; clear: both; margin: 32px auto;}
.page .alignleft{ float: left; margin-right: 16px;}
.page .alignright{ float: right; margin-left: 16px;}
.page #disqus_thread{ width: 607px;}
.page #disqus_thread iframe{ width: 607px !important; max-width: none; min-height: 321px; border: none; padding: 64px 0 64px 0; margin: 0; background: #FCFCFC;}
.content aside{ float: right; border-top: none;}
.share{ text-align: left; padding: 32px 32px 0 0;}
.share div{ display: inline;}
.share iframe{ margin-right: 4px !important;}
#___plusone_0{ margin: 0 !important; vertical-align: top !important;}


.sitemap ul{ width: 607px; margin: 0 0 32px 0; overflow: hidden;}/*clearfix*/
.sitemap li{ float: left; width: 190px; margin-left: 0px; list-style: none;}
.sitemap li li{ float: none; list-style: outside circle; margin-left: 16px;}
.sitemap h4{ font-weight: normal;}


aside{ float: left; border-top: #DDD dotted 1px;}
aside h3{ height: 64px; line-height: 64px; text-align: center;}
aside ul{ margin: 0 32px; border-top: #DDD dotted 1px; margin-bottom: 64px; overflow : hidden;/*flort高さ対策*/}
aside li{ line-height: 150%; border-bottom: #DDD dotted 1px; margin-top: 10px;}
aside li img{ float: right; margin-top: 2px; border: none; filter: brightness(0.95); border-radius:100%;}
aside time{ display: block; margin: 2px 0 10px 0;}


.twitter li a{ display: block;}
.banner{ margin-bottom: 48px;}
.banner h3{ display: inline; position: relative; z-index: 1; top: -4px; left: 16px; text-align: left;}
.banner img{ position: relative; top: -64px; margin: 0; border-bottom: #DDD dotted 1px;}
.blog li{ text-align: center; height: 94px; line-height: 94px; margin: 0px;}
.archive li{ float: left; width: 50%; text-align: center; margin: 0; padding: 23px 0 23px 0;}
.archive li a{ display: block; width: 3em; margin: 0 auto;}
.archive span{ display: block; line-height: 24px;}
.archive .year,
.archive .month{ display: none;}


.paginate{ border-top: #DDD solid 1px; height: 48px; line-height: 48px;}
.paginate a,.paginate span{ margin-right: 16px;}
.activity dl{ display: inline;}/*heightはjs参照*/
.activity dt{ display: inline; margin-right: 16px;}
.activity dd{ display: inline; vertical-align: top; margin-right: 16px; text-transform: none;}


footer{ border-top: #DDD solid 1px; padding: 18px 0 128px 0; }
footer small{ display: block; line-height: 150%; margin-left: 32px;}
footer button{ position: relative; top: -73px; left: 777px; padding: 6px 0 6px 0; border: none;}
footer button:hover{ cursor: pointer;}