@charset "UTF-8";

/*
Theme Name:gridgraphic
Theme URI:
Author:gridgraphic
Author URI:
Description:based on Sydney Theme
Template:sydney
Version:1.0.0
License:GNU General Public License v2 or later
License URI:https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:gridgraphic
Tags:responsive-layout
*/

@import url(https://fonts.googleapis.com/css?family=Marcellus);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Maven+Pro);

@font-face
{
font-family: "Open Sans", "中ゴシックBBB";
font-style: normal;
font-weight: 400;
/*src: url('https://webfonts.sakura.ne.jp/ab.woff') format('woff');*/
font-display: swap;
}

body
{
font-size: 100%;
line-height: 1.4;
font-family: "Open Sans", "中ゴシックBBB", sans-serif;
}

a,
a:link,
a:visited
{
color: #993300;
}

.page-wrap
{
width: 100%;
margin: 0px auto;/*max-width: 1024px;*/
padding: 40px 0px 4em 0px !important;
}

.home .page-wrap
{
width: 100%;
margin: 0px auto;/*max-width: 1024px;*/
padding: 40px 0px 4em 0px !important;
}

.page-wrap .content-wrapper
{
background-color: transparent;
padding: 0px;
margin: 0px auto;/*max-width: 1024px;*/
width: 90%;
}

.page .page-wrap .content-wrapper,
.single .page-wrap .content-wrapper
{
padding: 0px;
}

.content-wrapper
{
margin: 2em 0px 0px 0px;
}

.content-inner
{
max-width: 800px;
margin: 2em auto 0px auto;
}

.single-story .content-inner
{
max-width: 800px;
margin: 2em auto 6em auto !important;
}

.post-type-archive-story .content-inner
{
max-width: 900px;
margin: 2em auto 6em auto !important;
}

.container
{
width: 100%;
}

.container,
.container-fluid
{
margin: 0px auto;
padding: 0px;
}

.row
{
margin: 0px;
}

.site-title
{
font-size: 130% !important;
margin: 0.65em 0px 0em 0px;
padding: 0px 0px 0em 0px;
font-weight: 200;
line-height: 1.4;
letter-spacing: 0.15em;
}

.site-description
{
font-size: 70% !important;
margin: 0px;
}

.site-header
{
left: 0;
padding: 0px 0;
top: 0;
transition: all 0.3s ease-out 0s;
width: 100%;
z-index: 1000;
height: 60px;
/*border-bottom:1px solid #ddd;*/
/*background-color: rgba(0,0,0,0.05)!important;*/
background: rgba(255 255 255/0.9)!important;
}

.site-header.fixed
{
position: fixed;
height: 60px;
padding: 0px;
/*background-color: rgba(0,0,0,0.05)!important;*/
background: rgba(255 255 255/0.9)!important;
}

.site-header.float
{
height: 60px;
padding: 0px;
/*background-color: rgba(0,0,0,0.05)!important;*/
background: rgba(255 255 255/0.9)!important;
}

.site-header.float-header
{
padding: 0px;
height: 60px;
/*background-color: rgba(0,0,0,0.05)!important;*/
background: rgba(255 255 255/0.9)!important;
}

.header-wrap
{
margin: 0px auto;
width: 90%;/*max-width: 1024px;*/
}

img.site-logo
{
max-width: 140px;
margin: 0em 0px 0px 0px;
}

#mainnav
{
display: block;
float: right;
transition: all 0.3s linear 0s;
margin: 0em 0px 0px 0px;
padding: 0px;
}

#mainnav ul
{
margin: 0px 0px 0px 0px;
padding: 0px;
}

#mainnav ul li
{
margin: 0px 0px 0px 0px;
padding: 0px;
}

#mainnav ul li::before
{
color: #fff;
float: left;
font-family: Fontawesome;
font-size: 100%;
font-weight: 400;
line-height: 1;
margin: 0px 0px;
}

#mainnav ul li a
{
font-size: 100% !important;
padding: 0em 0.8em;
font-family: "Maven Pro", "中ゴシックBBB", sans-serif !important;
font-weight: 100;
letter-spacing: 0.1em;
margin: 0px 0px;
border-radius: 1em;
}

#mainnav ul li a:hover,
#mainnav ul li.current-menu-item a,
#mainnav ul li.current-menu-ancestor a,
.single-post ul li.info a,
.archive.category ul li.info a,
.tax-wcat ul li.works a,
.single-works ul li.works a
{
background: #222;
color: #fff !important;
}

/*.home #mainnav ul li.home a
{
background: none;
color: #222 !important;
}

.home #mainnav ul li.home a:hover
{
background: #222;
color: #fff !important;
}*/





.home #mainnav ul li.home
{
display: none;
}

#mainnav ul.sub-menu::after
{
display: none !important;
}

#mainnav ul.sub-menu
{
border-radius: 0;
left: initial;
opacity: 0;
position: absolute;
/*top: 100%;*/
top: 30px !important;
right: 0px !important;
transition: all 0.3s ease 0s;
visibility: hidden;
width: auto;
min-width: 150px;
margin: 0px !important;
padding: 0px !important;
border: none !important;
background: none !important;
}

#mainnav ul.sub-menu li
{
padding: 0em;
margin: 0px 0px 1px 0px;
width: 100%;
border: none !important;
}

#mainnav ul.sub-menu li a
{
border-top: none;
display: block;
padding: 0.5em 0.75em !important;
transition: all 0.3s ease 0s;
margin: 0px;
font-size: 90% !important;
font-family: "Open Sans", "中ゴシックBBB", sans-serif;
width: 100%;
line-height: 1;
border-radius: 0;
background: rgba(0,0,0,0.7);
white-space: nowrap;
}

#mainnav ul.sub-menu li a
{
color: #fff !important;
}

#mainnav ul.sub-menu li a:hover
{
background: #999 !important;
opacity: 1;
}

.posts-layout
{
width: 100%;
clear: both;
}

.home .posts-layout
{
width: 100%;
margin: 0px 0% 0px 0px;
clear: both;
}

.home .posts-layout:last-child
{
margin: 0px 0% 0px 0px;
}

.page-header
{
border: 0 none;
margin: 3em 0px 3em 0px;
padding: 0px;
overflow: hidden;
}

.single .page-header
{
border: 0 none;
margin: 3em 0px 3em 0px;
padding: 0px;
}

.page-header p
{
font-size: 64%;
margin: 0px 0px 1em 0px;
color: #999;
}

.post-type-archive-story .page-header p,
.single-story .page-header p
{
text-align: center;
}

.page-name
{
margin: 0px 0px 0em 0px;
}

.page-name h1
{
margin: 0px 0px 0.25em 0px;
display: block;
font-family: "Open Sans", sans-serif;
font-weight: 200;
font-size: 110% !important;
letter-spacing: 0.05em;
}

.page .page-name h1
{
margin: 0px 0px 0.25em 0px;
display: block;
font-weight: 100;
font-size: 100% !important;
text-transform: uppercase;
}

.single-story .page-name img,
.post-type-archive-story .page-name img
{
margin: 0px auto 0.25em auto;
display: block;
width: 320px;
height: auto;
}

.page-name h1 a
{
font-size: 100%;
color: #222;
font-weight: 100 !important;
display: block;
}

.page .page-name p
{
margin: 0px 0px 1em 0px;
display: block;
font-weight: 100;
font-size: 60% !important;
color: #999;
}

.breadcrumbs
{
margin: 0px 0px 0em 0px;
font-size: 70%;
padding: 0em 5%;
border-radius: 0.3em;
text-align: right;
display: flex;
align-items: center;
justify-content: flex-end;/*background:rgba(255 255 255/0.9);*/
}

.home .breadcrumbs
{
padding: 0em 5%;
}

.breadcrumbs span
{
padding: 0em 0.35em;
}

h4
{
font-size: 80% !important;
}

.cat-name
{
margin: 0px 0px 2em 0px;
}

.cat-name p
{
font-size: 80%;
margin: 0px 0px 1em 0px;
}

.posts-layout article
{
width: 33.33% !important;
float: left !important;
clear: none;
margin: 0px 0% 3em 0px;
padding: 0px;
height: 14em;
}

/*.posts-layout article:nth-of-type(3n)
{
margin: 0px 0% 0px 0px;
}*/




.works .posts-layout article,
.tax-wcat .posts-layout article
{
width: 32.66% !important;
float: left !important;
clear: none;
margin: 0px 1% 3em 0px !important;
padding: 0px;
height: 15em;
}

.works .posts-layout article:nth-of-type(3n),
.tax-wcat .posts-layout article:nth-of-type(3n)
{
margin: 0px 0% 3em 0px !important;
}

.post-type-archive-story .posts-layout article
{
width: 100% !important;
float: none !important;
clear: none;
margin: 0px 0% 3em 0px !important;
padding: 0px;
height: 22em;
}

.home .posts-layout article
{
width: 49.5% !important;
float: left !important;
clear: none;
margin: 0px 1% 0px 0px;
padding: 0px;
height: 19em;
}

.home .posts-layout article:nth-of-type(2n)
{
margin: 0px 0% 0px 0px;
}

.home .posts-layout.storyposts article
{
width: 100% !important;
float: none !important;
clear: none;
margin: 0px 0% 0px 0px;
padding: 0px;
height: auto;
text-align: center;
}

.home .posts-layout article .entry-header
{
padding: 0px 0em 0px 0px;
margin: 0px;
}

.home .posts-layout.infoposts
{
margin: 0px 0% 6em 0px;
/*overflow: hidden;*/
float: left;
width: 47.5%;
clear: none;
}

.home .posts-layout.worksposts
{
margin: 0em 5% 6em 0px;
overflow: hidden;
float: left;
width: 47.5%;
clear: none;
}

.home .posts-layout.worksposts.checkered
{
background: none;
margin: 40px auto 8em auto;
height: 40em;
width: 100%;
overflow: hidden;
}

.home .posts-layout.storyposts
{
margin: 0px 0% 6em 0px;
overflow: hidden;
clear: both;
}

.entry-thumb
{
height: 8em;
margin: 0px 0px 0.75em 0px !important;
/*border-radius:0.3em;*/
/*border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
box-sizing: border-box;*/
display: block;/*background:#333;*/
/*transition: transform 0.5s linear;*/
overflow: hidden;
}

.entry-thumb img
{
height: 9em;
object-fit: cover;
object-position: 50% 50%;
}

.storyposts .entry-thumb
{
height: 20em;
margin: 0px 0px 0.5em 0px !important;
/*border-radius:0.3em;*/
/*border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
box-sizing: border-box;*/
display: block;/*background:#333;*/
}

.infoposts .entry-thumb
{
height: 8em;
margin: 0px 0px 0.5em 0px !important;
/*border-radius:0.3em;*/
/*border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
box-sizing: border-box;*/
display: block;/*background:#333;*/
}

.works .entry-thumb,
.tax-wcat .entry-thumb
{
height: 12em;
margin: 0px 0px 0.5em 0px !important;
/*border-radius:0.3em;*/
/*border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;*/
/*border-top: none;
border-bottom: none;
box-sizing: border-box;*/
display: block;/*box-shadow:0px 2px 3px #ccc;*/
}

.storypost .entry-thumb
{
height: 18em;
margin: 0px 0px 1em 0px !important;
display: block;
}

.home .infoposts .entry-thumb,
.home .worksposts .entry-thumb
{
height: 10em;
margin: 0px 0px 0.5em 0px !important;
border: none;
}

.home .worksposts.checkered .entry-thumb
{
height: 8em;
margin: 0px 0px 0em 0px !important;
border: none;
}

.home .worksposts ul
{
width: 100%;
margin: 0px;
padding: 0px;
}

.home .worksposts.checkered ul li
{
width: 16.66%;
float: left;
margin: 0px;
list-style-type: none;
}

.home .worksposts ul li
{
/*width: 22.75%;*/
width: 25%;
float: left;
/*margin: 0px 3% 0px 0px;*/
margin: 0px 0% 0px 0px;
list-style-type: none;/*height: 15em;*/
}

/*.home .worksposts ul li:last-child
{
margin: 0px 0% 0px 0px;
}*/

/*.home .worksposts ul li:nth-child(3n)
{
width:33.33%;
float:left;
}*/









.home .plandosee
{
width: 100%;
}

.home .plandosee h2
{
text-align: center;
font-size: 120%;
font-family: "Maven Pro", "中ゴシックBBB", sans-serif !important;
font-weight: 100;
}

.home .storyposts
{
}

.home .storyposts h2
{
text-align: center;
font-size: 120%;
font-family: "Maven Pro", "中ゴシックBBB", sans-serif !important;
font-weight: 100;
}

.home .storyposts h2 img
{
max-width: 320px;
height: auto;
}

.entry-thumb:hover
{
opacity: 0.5;
transition: 0.3s linear opacity;
}

.home .infoposts h2,
.home .worksposts h2
{
font-size: 120%;
margin: 0px 0px 0.5em 0px;
font-weight: 200;
font-family: "Maven Pro", "中ゴシックBBB", sans-serif !important;
text-align: center;
}

.home .infoposts .caption,
.home .worksposts .caption
{
margin: 0px 0px 3em 0px;
font-size: 70%;
color: #999;
font-family: "Maven Pro", "中ゴシックBBB", sans-serif !important;
text-align: center;
}

.hentry .title-post
{
font-size: 120%;
font-weight: 200;
line-height: normal;
margin: 0px 0px 0.5em 0px;
padding: 0px;
line-height: 1.2;
color: #444;
font-family: "Open Sans", "中ゴシックBBB", sans-serif;
}

.category .hentry .title-post,
.category-info .hentry .title-post
{
font-size: 75%;
font-weight: 200;
line-height: normal;
margin: 0px 0px 0.5em 0px;
padding: 0 1.5em 0 0;
line-height: 1.4;
font-family: "Open Sans", "中ゴシックBBB", sans-serif;
color: #444;
}

.home .title-post
{
font-size: 85%;
font-weight: 400;
line-height: normal;
margin: 0px 0px 0.5em 0px;
padding: 0 1.5em 0 0;
line-height: 1.4;
font-family: "Open Sans", "中ゴシックBBB", sans-serif;
}

.single .hentry .title-post
{
font-size: 110% !important;
font-weight: 200;
line-height: 1.2;
margin: 0 0 0.75em 0px;
padding: 0;
text-align: left;
}

.single-works .hentry .title-post
{
margin: 0 0 3em 0px;
text-align: center;
}

.single-story .hentry .title-post
{
font-size: 130% !important;
font-weight: 100 !important;
line-height: 1.2;
margin: 0 0 5em 0px;
padding: 2em;
text-align: center;
background: rgba(0,0,0,0.1);
font-family: "YuMincho", "游明朝", serif;
}

.single-story.postid-2864 .hentry .title-post
{
background: url(../../../images/pages/story/back/bamboo.jpg) top center no-repeat;
}

.single-story.postid-2900 .hentry .title-post
{
background: url(../../../images/pages/story/back/types.jpg) top center no-repeat;
background-size: cover;
}

.single-story .hentry .title-post a
{
color: #222;
}

.hentry .meta-post,
.hentry .meta-post a,
.home .entry-post
{
color: inherit;
font-size: 64% !important;
}

.content-area .post-wrap,
.contact-form-wrap
{
padding: 0px;
}

.content-area .hentry
{
padding: 0px !important;
position: relative;
}

.hentry::after
{
display: none;
}

#primary,
#secondary
{
background-color: transparent;
background: none;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9
{
min-height: 1px;
padding: 0px;
position: relative;
}

.works .col-md-9,
.tax-wcat .col-md-9
{
width: 100%;
margin: 0px 0% 7em 0px;
float: none;
overflow: hidden;
}

.col-md-9
{
width: 65%;
margin: 0px 10% 0px 0px;
background-color: transparent !important;
background: none;
float: left;
}

.single-works .col-md-9
{
width: 100%;
/*max-width: 1024px;*/
margin: 0px auto 5em auto;
background-color: transparent !important;
background: none;
float: none;
}

.single-story .col-md-9,
.post-type-archive-story .col-md-9
{
width: 100%;
margin: 0px auto 5em auto;
float: none;
}

.home .col-md-9
{
width: 100%;
margin: 0px 0% 0px 0px;
}

.works .col-md-3,
.tax-wcat .col-md-3
{
width: 100%;
background-color: transparent !important;
background: none;
float: none;
overflow: hidden;
}

.col-md-3
{
width: 25%;
background-color: transparent !important;
background: none;
float: left;
}

.single-works .col-md-3
{
width: 100%;
/*max-width: 1024px;*/
background-color: transparent !important;
background: none;
float: none;
margin: 0px 0px 2em 0px !important;
}

.single-story .col-md-3,
.post-type-archive-story .col-md-3
{
width: 100%;
/*max-width: 1024px;*/
background-color: transparent !important;
background: none;
float: none;
margin: 0px 0px 2em 0px !important;
}

.works .col-md-3 .widget,
.tax-wcat .col-md-3 .widget,
.single-works .col-md-3 .widget,
.single-story .col-md-3 .widget,
.post-type-archive-story .col-md-3 .widget
/*,
.single-works .col-md-3 .widget*/
{
width: 30%;
float: left;
margin: 0px 5% 0px 0px;
padding: 0px;
}

.works .col-md-3 .widget:nth-of-type(3n),
.tax-wcat .col-md-3 .widget:nth-of-type(3n),
.single-works .col-md-3 .widget:nth-of-type(3n),
.single-story .col-md-3 .widget:nth-of-type(3n)
/*.single-works .col-md-3 .widget:nth-of-type(4n)*/
{
margin: 0px 0% 0px 0px;
}

/*.single-works .col-md-3 .widget
{
width: 100%;
float: none;
margin: 0px 0% 3em 0px;
padding: 0px;
}*/













.content-area .hentry
{
margin: 0px 0% 5em 0px;
}

select,
sbutton,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
{
color: #222;
background-color: rgba(255,255,255,0.3);
border: 1px solid #999;
height: 3em;
padding: 0.5em 1em !important;
width: 100% !important;
font-size: 100%;
}

.single-works button
{
width: 44px !important;
height: 44px !important;/*font-size: 44px !important;*/
}

textarea
{
color: #222;
background-color: rgba(255,255,255,0.3);
border: 1px solid #999;
height: 10em;
padding: 0.5em 1em !important;
width: 100% !important;
font-size: 100% !important;
}

input[type="button"],
input[type="reset"],
input[type="submit"]
{
color: #fff;
background-color: rgba(255,255,255,0.3);
border: 1px solid #999;
height: 3em;
padding: 0.5em 1em !important;
width: auto;
font-size: 110% !important;
float: left;
margin: 0px 1em 0px 0px;
}

input.search-field,
input[type="search"].search-field
{
padding: 0em 1em !important;
height: 3em;
color: #222 !important;
font-weight: 200;
font-size: 85%;
width: 100% !important;
display: block;
margin: 0px auto 0px auto;
}
 input:placeholder-shown {
font-size: 80% !important;
color: #222 !important;
}

input[type="reset"],
input[type="submit"]
{
position: relative;
display: inline-block;
font-family: sans-serif;
font-size: 90%;
line-height: 1.2;
font-weight: 400;
padding: 0.75em 2.5em;
}

label
{
font-weight: 300;
width: 100%;
}

.wpcf7-response-output
{
margin: 1em 0em;
padding: 0.2em 1em;
float: left;
width: 100%;
}

.widget-area
{
border: none;
}

.widget-area .widget-title
{
padding-bottom: 0px;
}

.site-header .col-md-4
{
margin: 0px 0% 0px 0%;
display: flex;
align-items: center;
justify-content: flex-start;
height: 40px;
}

.site-header .col-md-8
{
margin: 0px 0% 0px 0%;
display: flex;
align-items: center;
justify-content: flex-end;
height: 40px;
}

.entry-content p
{
font-size: 77.5%;
line-height: 2;
margin: 0em 0px 2em 0px;
font-family: "Open Sans", "中ゴシックBBB", sans-serif;
letter-spacing: 0.02em;
color: #444;
white-space: normal;
}

.single-story .entry-content p
{
font-size: 90%;
line-height: 2;
margin: 0em 0px 2em 0px;
font-family: "Open Sans", "中ゴシックBBB", sans-serif;
letter-spacing: 0.02em;
color: #444;
white-space: normal;
}

.single-story .entry-content h2
{
font-size: 180%;
line-height: 1.5;
margin: 0em 0px 2em 0px;
font-family: "Open Sans", "中ゴシックBBB", sans-serif;
font-family: "YuMincho", "游明朝", serif;
letter-spacing: 0.02em;
color: #444;
white-space: normal;
font-weight: 100;
}

.single-story .entry-content h3
{
font-size: 120%;
line-height: 1.5;
margin: 0em 0px 2em 0px;
font-family: "Open Sans", "中ゴシックBBB", sans-serif;
letter-spacing: 0.02em;
color: #444;
white-space: normal;
font-weight: 100;
}

.single-story .strprof
{
overflow: hidden !important;
width: 100%;
margin: 0px auto 2em auto;
}

.single-story .strprof .strprofdesc
{
width: 55% !important;
float: left;
margin: 0px 10% 0px 0px;
}

.single-story .strprof .strprofdesc p
{
font-size: 75%;
}

.single-story .strprof .strprofimg
{
width: 35% !important;
float: left;
}

.single-story .spkr
{
width: 7.5%;
float: left;
font-size: 85%;
font-weight: 600;
line-height: 2;
}

.single-story .words
{
width: 92.5%;
float: left;
margin: 0em 0px 2.5em 0px;
}

.single-story .words:last-of-type
{
margin: 0em 0px 8em 0px;
}

.single-story .words p
{
font-size: 85% !important;
margin: 0em 0px 1em 0px !important;
font-family: serif;
}

.single-story .words p:last-of-type
{
margin: 0em 0px 0em 0px !important;
}

.single-story .content-inner h3,
.single-story .content-inner p
{
font-family: serif !important;
}

.page-links
{
margin: 2em 0px 2em 0px;
padding: 2em;
text-align: center;
background: rgba(0,0,0,0.2);
}

.linkpages
{
margin: 0px auto !important;
overflow: hidden;
background: rgba(0,0,0,0.1);
display: flex;
justify-content: center;
padding: 2em;
position: relative;
clear: both;
}

.linknum
{
/*float: left;*/
overflow: hidden;
position: relative;
text-align: center;
margin: 0em auto 0em auto;
}

.pre
{
margin: 0px 1em 0px 0em;
}

.next
{
float: right;
margin: 0px 0px 0px 1em;
}

.number
{
/*display:block;
margin:0px auto;*/
}

.number a,
.number .current
{
padding: 0px 0.35em;
}

.works .entry-content
{
margin: 0em 0px 4em 0px;
}

.works .entry-content p
{
font-size: 77.5%;
line-height: 2;
margin: 0em auto 2em auto;
max-width: 800px;
font-family: "Open Sans", "中ゴシックBBB", sans-serif;
letter-spacing: 0.02em;
color: #444;
}

.entry-content img
{
margin: 1em 0px;
width: 100%;
height: auto;
opacity: 0.95;
}

.single-story .entry-content img
{
margin: 1em auto;
width: auto !important;
max-width: 100% !important;
height: auto;
opacity: 0.95;
}

.entry-footer
{
clear: left;
margin: 0px;
}

.single .entry-header
{
margin: 2em 0px 2em 0px;
font-size: 110%;
}

.page .entry-header
{
margin: 3em 0px 3em 0px;
font-size: 110%;
}

.page h2
{
font-size: 120%;
}

.works h2,
.tax-wcat h2
{
font-size: 100%;
font-weight: 200;
margin: 0em 0px 0.5em 0px;
line-height: 1.4;
}

.works h3,
.tax-wcat h3
{
font-size: 75%;
font-weight: 200;
width: 100%;
text-align: left;
padding: 0px;
line-height: 1.25;
}

.works h2 a,
.works h3 a,
.tax-wcat h2 a,
.tax-wcat h3 a
{
color: #993300;
}

.wterm
{
font-size: 70%;
margin: 0em 0px 1em 0px;
}

.works .catlist
{
width: 100%;
padding: 0px;
margin: 0px 0% 3em 0px;
overflow: hidden;
}

.works .parent
{
width: 100%;
margin: 0px 0% 2em 0px;
padding: 0px 0px 0.5em 0px;
list-style-type: none;
float: none;
clear: both;
overflow: hidden;
}

.works .parent a
{
display: block;
margin: 0px 0px;
padding: 0px 0px 0.5em 0px;
height: auto;
/*border-radius:0.3em;*/
/*border: 1px solid #ddd;
box-sizing: border-box;
background: #bbb;*/
color: #222;
line-height: 1.4;
}

.works .parent h2
{
margin: 0px 0px 2em 0px;
border-bottom: 1px solid #666;
}

.works .child
{
/*width: 16.66%;*/
width: 32.66%;
margin: 0em 1% 0em 0%;
float: left;
list-style-type: none;
overflow: hidden;
height: 20em;/*background:#eee;*/
}

.works .child:nth-of-type(3n)
{
margin: 0em 0% 0em 0%;
}

/*.works .child:nth-of-type(even)
{
background:#ddd;
}*/

/*.works .child:nth-of-type(2n)
{
margin: 0em 0% 2em 0%;
}*/








.works .child a
{
width: 100%;
height: 2em;
/*background: #eee;*/
font-size: 80%;
line-height: 1.6;
padding: 0em 0px 0.5em 0px;
margin: 0em 0% 0em 0%;
float: none;
display: block;
}

.works .child ul
{
padding: 0em 0px;
width: 100%;
float: none;
height: auto;
}

.works .child ul li
{
padding: 0em 0px;
width: 100%;
float: left;
height: auto;
list-style-type: none;
}

.works .child .entry-thumb
{
padding: 0em 0px;
width: 100%;
display: block;
height: 12em;
float: none;
border-left: none;
border-right: none;
}

.works .grandson
{
width: auto;
margin: 0em 0% 0.5em 0%;
padding: 0.15em 0.5em 0.15em 0.5em;
float: left;
list-style-type: none;
height: auto;
border-right: 1px solid #999;
}

.works .grandson:last-of-type
{
/*margin: 0em 0% 0em 0%;*/
border-right: none;
}

.works .grandson a
{
line-height: 1;
padding: 0em 0px;
font-size: 70%;
width: 100%;
float: none;
clear: left;
/*background:#ddd;*/
display: block;
height: auto;
}

.works .grandson ul
{
padding: 0em 0px;
width: 100%;
float: none;
height: auto;
}

.works .grandson ul li
{
padding: 0em 0px;
width: 16.66%;
float: left;
height: auto;
list-style-type: none;
}

.works .grandson .entry-thumb
{
padding: 0.25em 0px;
width: 100%;
/*background:#ddd;*/
display: block;
height: 8em;
float: left;
}

.amw-galleria-slideshow
{
margin: 0em 0% 3em 0%;
}

.posts-navigation
{
width: 100% !important;
clear: both;
}

.posts-navigation .nav-previous,
.posts-navigation .nav-next
{
padding: 0px;
}

.posts-navigation .nav-previous a,
.posts-navigation .nav-next a
{
font-size: 80%;
}

.post-navigation
{
width: 100% !important;
clear: both;
margin: 0px !important;
padding: 0em !important;
background-color: transparent;
background: none;
}

.single-works .post-navigation
{
width: 100% !important;
/*max-width: 800px;*/
clear: both;
margin: 0px auto 4em auto !important;
padding: 0em !important;
background-color: transparent;
background: none;
overflow: hidden;
}

.post-type-archive-story main p
{
font-size: 80%;
line-height: 2;
margin: 0px 0px 4em 0px;
font-family: serif !important;
}

.post-type-archive-story main p.credit
{
text-align: right;
}

.post-type-archive-story main h3.title-post
{
font-size: 110%;
margin: 0px 0px 1em 0px;
font-weight: 200;
font-family: serif !important;
}

.post-navigation ul
{
padding: 0px !important;
}

.post-navigation li
{
padding: 0px;
list-style-type: none !important;
}

.post-navigation .prev
{
width: 50%;
float: left;
font-size: 100%;
margin: 0px !important;
}

.post-navigation .next
{
text-align: right;
width: 50%;
float: right;
font-size: 100%;
margin: 0px !important;
}

.post-navigation .prev img,
.post-navigation .next img
{
width: 25px;
height: 25px;
}

.post-navigation a
{
color: #222;
font-size: 70%;
}

.fa.fa-chevron-left,
.fa.fa-chevron-right
{
font-size: 150% !important;
}

.widget input,
.widget select
{
width: 100%;
}

#secondary
{
background-color: transparent !important;
}

#secondary .widget-title
{
color: #222;
font-size: 85%;
text-align: left !important;
margin: 0em 0px 1.5em 0px;
font-weight: 200;
}

#secondary .widget ul li
{
margin: 0px 0px 2em 0px;
padding: 0px;
}

.page #secondary .widget ul li
{
margin: 0px 0px 0.5em 0px;
padding: 0px;
}

.story #secondary .widget ul li
{
margin: 0px 0px 0.5em 0px;
padding: 0px;
}

#secondary .widget ul li a
{
color: #993300;
font-size: 75%;
/*float:left;*/
clear: left;
padding: 0px;
margin: 0px 0px 0.5em 0px;
font-family: "Open Sans", "中ゴシックBBB", sans-serif;
}

.works #secondary .widget-title
{
color: #222;
font-size: 85%;
text-align: left !important;
margin: 0em 0px 1.5em 0px;
font-weight: 200;
font-family: "Open Sans", "中ゴシックBBB", sans-serif;
}

.works #secondary .widget ul li,
.tax-wcat #secondary .widget ul li
{
margin: 0px 0px 0.5em 0px;
}

#secondary select
{
height: auto;
font-size: 90% !important;
}

/*#secondary .widget ul li .post-date{
	    font-size:85%;
	     margin-left: 0;
    float: left;
    position: absolute;
    top: 0px;
    left: 0;

}*/










.page .entry-content p
{
font-size: 75%;
line-height: 1.8;
font-weight: 200;
margin: 0px 0px 2em 0px;
overflow: hidden;
}

.page-profile .entry-content p
{
font-size: 75%;
line-height: 1.8;
font-weight: 200;
margin: 0px 0px 0.5em 0px;
overflow: hidden;
}

.page-profile .entry-content p+p
{
font-size: 75%;
line-height: 1.8;
font-weight: 200;
margin: 2em 0px 0.5em 0px;
overflow: hidden;
}

.page .entry-content p+h3
{
margin: 3em 0px 1em 0px;
color: #444;
font-family: "Open Sans", "中ゴシックBBB", sans-serif;
}

.page.page-profile .entry-content p+h3
{
margin: 0em 0px 1em 0px;
color: #444;
font-family: "Open Sans", "中ゴシックBBB", sans-serif;
}

.page .entry-content p+h4
{
margin: 3em 0px 1em 0px;
color: #444;
font-family: "Open Sans", "中ゴシックBBB", sans-serif;
}

.page .entry-content dt,
.page .entry-content dd
{
font-size: 75%;
line-height: 1.8;
font-weight: 200;
}

.page .entry-content dt p,
.page .entry-content dd p
{
font-size: 100%;
line-height: 1.8;
font-weight: 200;
}

.page .entry-content h3
{
font-size: 100%;
line-height: 1.8;
font-weight: 400;
padding: 0px;
color: #444;
font-family: "Open Sans", "中ゴシックBBB", sans-serif;
}

.page .entry-content h4
{
font-size: 100% !important;
line-height: 1.8;
font-weight: 400;
padding: 0px;
color: #444;
font-family: "Open Sans", "中ゴシックBBB", sans-serif;
}

.page .entry-content dl,
.page .entry-content ul
{
overflow: hidden;
margin: 0px 0px 3em 0px;
}

.page .entry-content dt
{
clear: left;
float: left;
width: 15%;
}

.page .entry-content dd
{
float: left;
width: 85%;
}

.page .entry-content ul
{
padding: 0px;
margin: 0px 0px 3em 1em;
overflow: hidden;
}

.page .entry-content ul li
{
font-size: 75%;
margin: 0px 0px 0.75em 1em;
}

.page .entry-content dd ul li
{
font-size: 95%;
margin: 0px 0px 0.25em 1em;
}

.page .entry-content dd ul
{
margin: 0px 0px 0em 0.1em;
padding: 0px 0px 0em 0.3em;
}

.page .entry-content ul li a
{
font-size: 70%;
}

.widget_recent_entries .post-date
{
margin-left: 0;
float: left;
position: absolute;
bottom: -1.5em;
left: 0;
font-size: 70%;
}

.widget-area .widget.widget_recent_entries a
{
position: relative;
/*top: 1.5em;*/
left: 0px;
width: 100%;
display: block;
}

.widget-area .widget.widget_recent_entries li,
.widget-area .widget.widget_recent_entries li:last-child
{
position: relative;
padding: 0px 0px 0.5em 0px;
margin: 0px 0px 0em 0px;
display: block;
}

.works .widget-area .widget.widget_recent_entries li,
.works .widget-area .widget.widget_recent_entries li:last-child
{
position: relative;
padding: 0px 0px 0em 0px;
margin: 0px 0px 0.5em 0px;
}

.galleria-container
{
position: relative;
overflow: hidden;/*max-height: 740px !important;*/
}

.galleria-thumbnails-container
{
bottom: 0;
height: 60px;
left: 0px;
position: absolute;
right: 0px;
z-index: 2;
}

.galleria-stage .galleria-image
{
margin: 0px !important;/*height:100% !important;*/
}

.galleria-stage .galleria-image img
{
top: 0px !important;
margin: 0px !important;
}

.galleria-thumbnails .galleria-image
{
background: #fff none repeat scroll 0 0;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
border-left: none;
cursor: pointer;
float: left;
margin: 0px !important;
height: 60px;
box-sizing: border-box;
}

.galleria-thumbnails .galleria-image img
{
margin: 0px !important;
}

.galleria-thumb-nav-left,
.galleria-thumb-nav-right
{
height: 60px;
}

.galleria-thumb-nav-left:hover,
.galleria-thumb-nav-right:hover
{
color: #fff !important;
}

.galleria-thumb-nav-right
{
background-position: -578px 15px;
}

.galleria-thumb-nav-left
{
background-position: -495px 15px;
}

.galleria-info-link
{
left: 10px;
display: none;
}

.site-footer
{
line-height: 1.8;
padding: 2em 0px 0px 0px;
height: 360px;/*border-top: 1px solid #666;*/
}

#colophon
{
background: rgba(255,255,255,0.5);
}

.fbanners
{
width: 90%;
height: 40px;
/*background:rgba(255,255,255,0.4);*/
margin: 0px auto 1px auto;
text-align: center;
}

.fbanners #text
{
display: none !important;
}

.fbanners a
{
display: inline-block;
height: 40px;
width:143px;
margin: 0px;
padding: 0px;
background:#fff;
}

.fbanners img
{
width: auto;
height: 100%;
display: inline-block !important;
margin: 0px 0px 0px 1px;
padding: 0px;
}

.site-info
{
width: 90%;
/*max-width: 1024px;*/
margin: 0px auto;
font-family: "Open Sans", "中ゴシックBBB", sans-serif;
}

.site-info .cname
{
font-size: 100%;
letter-spacing: 0.15em;
display: block;
margin: 0px 0px 1em 0px;
font-weight: 200;
}

.site-info .cname img.site-logo
{
max-width: 300px;
max-height:200px;
margin: 0px auto 0em auto;
display:block;
}

.site-info .adr
{
font-size: 60%;
display: block;
margin: 0px 0px 0px 0px;
font-weight: 200;
}

.site-info .telfax
{
font-size: 60%;
display: block;
margin: 0px 0px 2em 0px;
font-weight: 200;
}

.site-info .copyright
{
font-size: 60%;
display: block;
margin: 0px 0px 0px 0px;
font-weight: 200;
text-align:center;
}

.entry-cf
{
width: 100%;
max-width: 800px;
margin: 2em auto 2em auto;
padding: 1em 0px 1em 0px;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
overflow: hidden;
font-family: "Open Sans", "中ゴシックBBB", sans-serif;
}

.entry-cf p
{
font-size: 70%;
margin: 0px 0px 0em 0px;
line-height: 1.6;
font-weight: 200;
}

.entry-cf dl+p
{
font-size: 70%;
margin: 1.5em 0px 0em 0px;
line-height: 1.6;
font-weight: 200;
}

.entry-cf dl
{
width: 100%;
margin: 0px 0px 0em 0px;
overflow: hidden;
}

.entry-cf dt
{
font-size: 70%;
margin: 0px 0px 0.25em 0px;
font-weight: 300;
float: left;
clear: left;
padding: 0.25em 0.25em 0em 0em;
width: 20%;
height: auto;
}

.entry-cf dd
{
font-size: 70%;
margin: 0px 0px 0.25em 0px;
font-weight: 200;
float: left;
padding: 0.25em 0em 0em 0.25em;
width: 80%;
height: auto;
}

.entry-cf dd p
{
font-size: 100% !important;
}

.go-top
{
bottom: 0px !important;
right: 0px !important;
width: 50px;
height: 50px;
border-radius: 0;
transition: none;
}

.go-top.show
{
width: 50px !important;
height: 50px !important;
border-radius: 0;
transition: none;
}

.go-top:hover
{
background: #930;
}

.go-top svg,
.go-top:hover svg
{
fill: #fff;
}

.works .reference
{
font-size: 70%;
padding: 0em;
margin: 0px auto 2em auto;
width: 100%;
max-width: 800px;
}

.works .reference a
{
background: rgba(255,255,255,0.5);
font-size: 100%;
padding: 0.75em;
margin: 0px;
width: 100%;
display: block;
}

.works .reference a:hover
{
background: rgba(255,255,255,0.3);
transition: 0.3s linear opacity;
}

.works .reference .fa-angle-right
{
font-size: 130%;
margin: 0px 0.5em 0px 0px;
}

.search-results .page-title,
.search-no-results .page-title
{
padding: 0px;
margin: 0px 0px 1em 0px;
height: 150px;
}

.page-title h1.title-post,
.error404 h1.page-title
{
font-size: 140% !important;
font-weight: 200 !important;
padding: 0px;
margin: 0px 0px 0em 0px;
color: #666;
text-align: center;
line-height: 145px;
}

.search-results .page-title,
.search-no-results .page-title
{
font-size: 120% !important;
font-weight: 200 !important;
padding: 0px;
margin: 0px 0px 1em 0px;
color: #666;
text-align: center;
line-height: 145px;
}

.search-no-results .page-content p
{
font-size: 80% !important;
margin: 0px 0px 4em 0px;
text-align: center;
}

.search-no-results .page-content form
{
font-size: 80% !important;
margin: 0px 0px 4em 0px;
text-align: center;
}

.search-results main
{
overflow: hidden;
}

.search-results article
{
padding: 0px 0px 4em 0px !important;
margin: 0px 3% 2em 0px !important;
width: 22.75% !important;
float: left;
height: 15em;
}

.search-results article:nth-of-type(4n)
{
margin: 0px 0% 2em 0px !important;
}

.search-results .entry-title
{
font-size: 80%;
font-weight: 200;
padding: 0px;
margin: 0px 0px 0em 0px;
color: #666;
line-height: 1.6;
}

.search-results .entry-header
{
padding: 0px;
margin: 0px 0px 0.5em 0px;
}

.search-results .entry-summary p
{
font-size: 70%;
padding: 0px;
margin: 0px 0px 0.5em 0px;
}

.error-404 label
{
width: 50%;
margin: 0px auto 1em auto;
}

.error-404 .page-content
{
text-align: center !important;
}

.error-404 input[type="reset"],
.error-404 input[type="submit"]
{
position: static;
display: block !important;
font-family: sans-serif;
font-size: 80% !important;
line-height: 1.2;
font-weight: 400;
padding: 0.25em 2.5em !important;
text-align: center;
margin: 0px auto 1em auto !important;
clear: both !important;
float: none;
}

.error-404 input.search-field,
.error-404 input[type="search"].search-field
{
padding: 0em 1em !important;
height: 3em;
color: #222 !important;
font-weight: 200;
font-size: 85%;
width: 100% !important;
display: block !important;
margin: 0px auto 0px auto !important;
float: none;
}

.error-404 .page-wrap
{
padding: 0em 0em 4em 0em !important;
}

span.wpcf7-list-item
{
display: block;
}

.mgl-tiles-container
{
overflow: hidden;
margin: 0px 0px 4em 0px;
}

.single-story figure
{
position: relative;
}

.single-story .wp-caption .wp-caption-text
{
position: absolute;
right: 0.5em;
bottom: 0.5em;
font-size: 70%;
color: #fff;
margin: 0px;
}

.wp-pagenavi
{
box-sizing: border-box;
padding: 1em 0px;
display: flex;
justify-content: center;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

.wp-pagenavi a,
.wp-pagenavi span
{
text-decoration: none;
border-left: 1px solid #ddd;
border: none;
/*border-right: none;
border-top: none;
border-bottom: none;*/
padding: 5px 5px !important;
margin: 0px 3px;
display: flex;
align-items: center;
line-height: 1;
/*background: rgba(255 255 255/0.9);*/
background: none;
font-size: 90%;
}

.wp-pagenavi span.current
{
font-weight: bold;
background: rgba(0 0 0/0.15);
}
 @media only screen and (max-width: 1024px) {

body.custom-background
{
/*background-size: contain !important;
background: url(../../../images/lib/back/pencil01_c_light_b.jpg) bottom right no-repeat !important;*/
background: url(https://www.gridgraphic.jp/wp-content/uploads/2019/05/pencil01_c_light_b_bw.jpg) bottom right no-repeat fixed !important;
background-size: 150% !important;
}

.container
{
width: 100%;
}

.header-wrap
{
width: 100%;
margin: 0px auto;
position: relative;
}

.site-header
{
padding: 0px;
height: 40px;
background-color: transparent !important;
position: fixed !important;
}

.site-header.fixed
{
position: fixed !important;
height: 40px;
padding: 0px;
}

.site-header.float
{
height: 40px;
padding: 0px;
}

.site-header.float-header
{
padding: 0px;
height: 40px;
background-color: rgba(255,255,255,0.95)!important;
}

.site-header .col-md-4
{
margin: 0px 0% 0px 2.5%;
width: 100%;
}

.site-header .col-md-8
{
margin: 0px 0% 0px 0%;
width: 100%;
position: absolute;
}

img.site-logo
{
max-width: 140px;
margin: 0em 0px 0px 0%;
}

.btn-menu
{
/*float: right;*/
margin: 0% 0px 0px 0px;
right: 15px;
top: 0px;
position: absolute;
}

/*.btn-menu
{
margin: 0.35em 0 0;
}*/




.btn-menu .sydney-svg-icon
{
margin-top: 2.5px !important;
fill: #222 !important;
}

.btn-submenu svg
{
fill: #222 !important;
width: 20px;
transform: rotate(-180deg);
transition: all 0.4s;
position: relative;
top: 2.5px;
}

#mainnav-mobi
{
margin: 0px auto;
top: 40px;
}

#mainnav-mobi ul li
{
border-top: 1px solid #666;
}

.btn-submenu
{
position: absolute;
right: 0px;
height: 40px !important;
line-height: 40px;
}

#mainnav-mobi ul > li > a
{
display: block;
text-decoration: none;
padding: 0.5em 2em;
color: #fff;
font-size: 90%;
letter-spacing: 0.02em;
}

#mainnav-mobi ul.sub-menu > li > a
{
display: block;
text-decoration: none;
padding: 1em 3em !important;
background: #CC0000;
}

.page-wrap
{
width: 92.5%;
margin: 0px auto;
padding: 40px 0px 4em 0px !important;
}

.site-info
{
width: 92.5%;
margin: 0px auto;
}

.works .child,
.works .child:nth-of-type(4n),
.works .posts-layout article,
.works .posts-layout article:nth-of-type(5n)
{
width: 30% !important;
height: 18em !important;
margin: 0px 5% 0em 0px !important;
}

.tax-wcat .posts-layout article,
.tax-wcat .posts-layout article:nth-of-type(5n)
{
width: 30% !important;
height: 17em !important;
margin: 0px 5% 0em 0px !important;
}

.works .child:nth-of-type(3n),
.works .posts-layout article:nth-of-type(3n),
.tax-wcat .posts-layout article:nth-of-type(3n)
{
margin: 0px 0% 0em 0px !important;
}

.entry-cf dt
{
width: 30%;
}

.entry-cf dd
{
width: 70%;
}

.breadcrumbs
{
display: none;/*margin: 1em 0px 1em 0px;
background: #eee;*/
}
}
 @media only screen and (max-width: 768px) {

.page-wrap
{
width: 90%;
padding: 100px 0px 0px 0px !important;
}

.col-md-9
{
width: 100%;
margin: 0px 0% 2em 0px;
float: none;
}

.col-md-3
{
width: 100%;
margin: 0px 0% 0px 0px;
float: none;
}

.site-header
{
padding: 0px;
height: 60px;
background-color: transparent!important;
}

.header-wrap
{
width: 100%;
margin: 0px auto;
position: relative;
}

.site-title
{
margin: 0.75em auto 0 auto;
}

#mainnav-mobi
{
top: 40px;
margin: 0px;
}

.page-name
{
text-align: center;
}

.single .entry-header
{
margin: 2em 0px 1em 0px;
font-size: 100%;
}

.home .worksposts ul li
{
width: 33.33%;
height: 15em;
}

.home .worksposts.checkered ul li
{
width: 33.33%;
height: auto;
}

.home .posts-layout.worksposts.checkered
{
height: 60em;
}

.home .worksposts.checkered .entry-thumb
{
height: 6em;
}

.home .posts-layout article,
.home .posts-layout article:nth-of-type(2n)
{
width: 100% !important;
/*height: 13em;*/
height: auto;
margin: 0px 0% 2em 0px;
}

.posts-layout article
{
width: 50% !important;
float: left !important;
clear: none;
margin: 0px 0% 3em 0px;
padding: 0px;
height: 12em;
}

.works .child,
.works .child:nth-of-type(4n)
{
width: 50%;
height: 20em;
}

.works .child,
.works .child:nth-of-type(4n),
.works .child:nth-of-type(3n)
{
width: 47.5% !important;
height: 18em;
margin: 0px 5% 0em 0px !important;
}

.works .posts-layout article,
.tax-wcat .posts-layout article,
.works .posts-layout article:nth-of-type(5n),
.tax-wcat .posts-layout article:nth-of-type(5n),
.works .posts-layout article:nth-of-type(3n),
.tax-wcat .posts-layout article:nth-of-type(3n)
{
width: 47.5% !important;
height: 12em;
margin: 0px 5% 0em 0px !important;
}

.works .child:nth-of-type(2n),
.works .posts-layout article:nth-of-type(2n),
.tax-wcat .posts-layout article:nth-of-type(2n)
{
margin: 0px 0% 0em 0px !important;
}

.works .col-md-3 .widget,
.tax-wcat .col-md-3 .widget,
.single-works .col-md-3 .widget,
.works .col-md-3 .widget:nth-of-type(3n),
.tax-wcat .col-md-3 .widget:nth-of-type(3n),
.single-works .col-md-3 .widget:nth-of-type(3n)
{
width: 47.5%;
float: left;
margin: 0px 5% 2em 0px !important;
padding: 0px;
}

.works .col-md-3 .widget:nth-of-type(2n),
.tax-wcat .col-md-3 .widget:nth-of-type(2n),
.single-works .col-md-3 .widget:nth-of-type(2n)
{
margin: 0px 0% 2em 0px !important;
}

.works h2,
.tax-wcat h2
{
text-align: center !important;
}

.site-info
{
text-align: center;
}

.entry-cf dl
{
width: 100%;
margin: 0px 0px 0em 0px;
overflow: hidden;
}

.fbanners
{
margin: 1em auto 0px auto;
text-align: center;
}

.error-404 .page-wrap
{
padding: 0em 0em 4em 0em !important;
}

.error-404 input.search-field,
.error-404 input[type="search"].search-field
{
width: 100% !important;
}

.error-404 label
{
width: 100%;
margin: 0px auto 1em auto;
}

.single-post .entry-content br
{
display: inline;
}

.single-story .entry-content br
{
display: inline;
}

main .entry-content img
{
margin: 0px 0px 4em 0px;
}

.works .col-md-3 .widget,
.tax-wcat .col-md-3 .widget,
.single-works .col-md-3 .widget,
.single-story .col-md-3 .widget,
.works .col-md-3 .widget:nth-of-type(3n),
.tax-wcat .col-md-3 .widget:nth-of-type(3n),
.single-works .col-md-3 .widget:nth-of-type(3n),
.single-story .col-md-3 .widget:nth-of-type(3n)
{
width: 47.5%;
float: left;
margin: 0px 5% 0px 0px;
padding: 0px;
}

.works .col-md-3 .widget:nth-of-type(2n),
.tax-wcat .col-md-3 .widget:nth-of-type(2n),
.single-works .col-md-3 .widget:nth-of-type(2n),
.single-story .col-md-3 .widget:nth-of-type(2n)
{
margin: 0px 0% 0px 0px;
}

.single-story .spkr
{
width: 100%;
}

.single-story .words
{
width: 100%;
}

.single-story .number
{
display: none !important;
}

.storyposts .entry-thumb
{
height: 12em;
}

.post-type-archive-story .posts-layout article
{
height: 15em;
}

.home .storyposts h2 img
{
margin: 0px 0% 0em 0px;
}

.post-navigation .prev,
.post-navigation .next
{
width: 100%;
float: none;
margin: 0px 0% 1em 0px;
}
}
 @media only screen and (max-width: 479px) {

.home .worksposts.checkered .entry-thumb
{
height: 5em;
}

.home .worksposts ul li
{
width: 50% !important;
height: 12em;
}

.home .posts-layout article,
.home .posts-layout.worksposts,
.home .posts-layout.infoposts
{
width: 100% !important;
height: auto;
margin: 0px 0% 2em 0px !important;
}

.posts-layout article
{
width: 100% !important;
float: none !important;
clear: none;
margin: 0px 0% 2em 0px;
padding: 0px;
height: 14em;
}

.works .child,
.works .child:nth-of-type(4n),
.works .posts-layout article,
.tax-wcat .posts-layout article,
.works .posts-layout article:nth-of-type(5n),
.tax-wcat .posts-layout article:nth-of-type(5n),
.works .child:nth-of-type(3n),
.works .posts-layout article:nth-of-type(3n),
.tax-wcat .posts-layout article:nth-of-type(3n),
.works .child:nth-of-type(2n),
.works .posts-layout article:nth-of-type(2n),
.tax-wcat .posts-layout article:nth-of-type(2n)
{
width: 100% !important;
float: none;
height: auto !important;
margin: 0px 0px 2em 0px !important;
}

.entry-thumb
{
height: 8em;
}

.works .entry-thumb,
.tax-wcat .entry-thumb
{
height: 10em;
margin: 0px 0px 0.5em 0px !important;
}

.works .col-md-3 .widget,
.story .col-md-3 .widget,
.tax-wcat .col-md-3 .widget,
.single-works .col-md-3 .widget,
.single-story .col-md-3 .widget,
.works .col-md-3 .widget:nth-of-type(3n),
.tax-wcat .col-md-3 .widget:nth-of-type(3n),
.single-works .col-md-3 .widget:nth-of-type(3n) .single-story .col-md-3 .widget:nth-of-type(3n)
{
width: 100%;
float: none;
margin: 0px 0% 2em 0px !important;
padding: 0px;
}

.entry-cf dt
{
width: 100%;
float: none;
padding: 0px;
}

.entry-cf dd
{
width: 100%;
float: none;
margin: 0px 0px 1em 0px;
padding: 0px;
}

.page-title h1.title-post,
.error404 h1.page-title
{
line-height: 1.4;
}

.single-story .strprof .strprofdesc
{
width: 100% !important;
float: none;
margin: 0px 0% 0px 0px;
}

.single-story .strprof .strprofimg
{
width: 100% !important;
float: none;
}

.home .storyposts h2 img
{
max-width: 240px;
height: auto;
}

.site-header .col-md-4
{
margin: 0px 0% 0px 5%;
width: 100%;
}
}