@charset "utf-8";
@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
:focus { outline: 0;
}
body {
background: #fff;
line-height: 1;
}
ol, ul {
list-style: none;
}
table { border-collapse: separate;
border-spacing: 0;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a img {
border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
} body {
padding: 0 2em;
}
#page {
margin: 2em auto;
max-width: 1000px;
}
#branding hgroup {
margin: 0 7.6%;
}
#access div {
margin: 0 7.6%;
}
#primary {
float: left;
margin: 0 -26.4% 0 0;
width: 100%;
}
#content {
margin: 0 34% 0 7.6%;
width: 58.4%;
}
#secondary {
float: right;
margin-right: 7.6%;
width: 18.8%;
} .singular #primary {
margin: 0;
}
.singular #content,
.left-sidebar.singular #content {
margin: 0 7.6%;
position: relative;
width: auto;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
clear:both;
margin: 0 auto;
width: 96%;
} .singular .image-attachment .entry-content {
margin: 0 auto;
width: auto;
}
.singular .image-attachment .entry-description {
margin: 0 auto;
width: 68.9%;
} .page-template-showcase-php #primary,
.left-sidebar.page-template-showcase-php #primary {
margin: 0;
}
.page-template-showcase-php #content,
.left-sidebar.page-template-showcase-php #content {
margin: 0 7.6%;
width: auto;
}
.page-template-showcase-php section.recent-posts {
float: right;
margin: 0 0 0 31%;
width: 69%;
}
.page-template-showcase-php #main .widget-area {
float: left;
margin: 0 -22.15% 0 0;
width: 22.15%;
} .error404 #primary {
float: none;
margin: 0;
}
.error404 #primary #content {
margin: 0 7.6%;
width: auto;
} .alignleft {
display: inline;
float: left;
margin-right: 1.625em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.625em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .left-sidebar #primary {
float: right;
margin: 0 0 0 -26.4%;
width: 100%;
}
.left-sidebar #content {
margin: 0 7.6% 0 34%;
width: 58.4%;
}
.left-sidebar #secondary {
float: left;
margin-left: 7.6%;
margin-right: 0;
width: 18.8%;
} .one-column #page {
max-width: 690px;
}
.one-column #content {
margin: 0 7.6%;
width: auto;
}
.one-column #nav-below {
border-bottom: 1px solid #ddd;
margin-bottom: 1.625em;
}
.one-column #secondary {
float: none;
margin: 0 7.6%;
width: auto;
} .one-column .page-template-showcase-php section.recent-posts {
float: none;
margin: 0;
width: 100%;
}
.one-column .page-template-showcase-php #main .widget-area {
float: none;
margin: 0;
width: auto;
}
.one-column .page-template-showcase-php .other-recent-posts {
border-bottom: 1px solid #ddd;
} .one-column section.featured-post .attachment-small-feature {
border: none;
display: block;
height: auto;
max-width: 60%;
position: static;
}
.one-column article.feature-image.small {
margin: 0 0 1.625em;
padding: 0;
}
.one-column article.feature-image.small .entry-title {
font-size: 1.25em;
line-height: 1.3em;
}
.one-column article.feature-image.small .entry-summary {
height: 150px;
overflow: hidden;
padding: 0;
text-overflow: ellipsis;
}
.one-column article.feature-image.small .entry-summary a {
left: -9%;
} .one-column.singular .entry-header,
.one-column.singular .entry-content,
.one-column.singular footer.entry-meta,
.one-column.singular #comments-title {
width: 100%;
} .one-column.singular blockquote.pull {
margin: 0 0 1.625em;
}
.one-column.singular .pull.alignleft {
margin: 0 1.625em 0 0;
}
.one-column.singular .pull.alignright {
margin: 0 0 0 1.625em;
}
.one-column.singular .entry-meta .edit-link a {
position: absolute;
left: 0;
top: 40px;
}
.one-column.singular #author-info {
margin: 2.2em -8.8% 0;
padding: 20px 8.8%;
} .one-column .commentlist > li.comment {
margin-left: 102px;
width: auto;
} .one-column #branding #searchform {
right: 40px;
top: 4em;
} .one-column .commentlist > li.comment {
margin-left: 0;
}
.one-column .commentlist > li.comment .comment-meta,
.one-column .commentlist > li.comment .comment-content {
margin-right: 85px;
}
.one-column .commentlist .avatar {
background: transparent;
display: block;
padding: 0;
top: 1.625em;
left: auto;
right: 1.625em;
}
.one-column .commentlist .children .avatar {
background: none;
padding: 0;
position: absolute;
top: 2.2em;
left: 2.2em;
}
.one-column #respond {
width: auto;
} body, input, textarea {
color: #373737;
font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
line-height: 1.625;
}
body {
background: #e2e2e2;
}
#page {
background: #fff;
} h1,h2,h3,h4,h5,h6 {
clear: both;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.625em;
} p {
margin-bottom: 1.25em;
}
ul, ol {
margin: 0 0 1.625em 2.5em;
}
ul {
list-style: square;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}
dl {
margin: 0 1.625em;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.625em;
}
strong {
font-weight: bold;
}
cite, em, i {
font-style: italic;
}
blockquote {
font-family: Georgia, "Bitstream Charter", serif;
font-style: italic;
font-weight: normal;
margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
font-style: normal;
}
blockquote cite {
color: #666;
font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
letter-spacing: 0.05em;
text-transform: uppercase;
}
pre {
background: #f4f4f4;
font: 13px "Courier 10 Pitch", Courier, monospace;
line-height: 1.5;
margin-bottom: 1.625em;
overflow: auto;
padding: 0.75em 1.625em;
}
code, kbd, samp, var {
font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
border-bottom: 1px dotted #666;
cursor: help;
}
address {
display: block;
margin: 0 0 1.625em;
}
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: smaller;
} input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number],
textarea {
background: #fafafa;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
border: 1px solid #ddd;
color: #888;
}
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=number]:focus,
textarea:focus {
color: #373737;
}
textarea {
padding-left: 3px;
width: 98%;
}
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number] {
padding: 3px;
}
input#s {
background: url(//handa-h.jp/wp-content/themes/handa/images/search.png) no-repeat 5px 6px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 14px;
height: 22px;
line-height: 1.2em;
padding: 4px 10px 4px 28px;
}
input#searchsubmit {
display: none;
} a {
color: #1982d1;
text-decoration: none;
}
a:focus,
a:active,
a:hover {
text-decoration: underline;
} .assistive-text,
.screen-reader-text {
position: absolute !important;
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
width: 1px;
}
#access a.assistive-text:focus,
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background: #eee;
border-bottom: 1px solid #ddd;
color: #1982d1;
clip: auto !important;
font-size: 12px;
height: auto;
position: absolute;
text-decoration: underline;
top: 0;
left: 7.6%;
width: auto;
} #branding {
border-top: 2px solid #bbb;
padding-bottom: 10px;
position: relative;
z-index: 9999;
}
#site-title {
margin-right: 270px;
padding: 3.65625em 0 0;
}
#site-title a {
color: #111;
font-size: 30px;
font-weight: bold;
line-height: 36px;
text-decoration: none;
}
#site-title a:hover,
#site-title a:focus,
#site-title a:active {
color: #1982d1;
}
#site-description {
color: #7a7a7a;
font-size: 14px;
margin: 0 270px 3.65625em 0;
}
#branding img {
height: auto;
display: block;
width: 100%;
} #access {
background: #222; background: -moz-linear-gradient(#252525, #0a0a0a);
background: -o-linear-gradient(#252525, #0a0a0a);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); background: -webkit-linear-gradient(#252525, #0a0a0a);
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
clear: both;
display: block;
float: left;
margin: 0 auto 6px;
width: 100%;
}
#access ul {
font-size: 13px;
list-style: none;
margin: 0 0 0 -0.8125em;
padding-left: 0;
}
#access li {
float: left;
position: relative;
}
#access a {
color: #eee;
display: block;
line-height: 3.333em;
padding: 0 1.2125em;
text-decoration: none;
}
#access ul ul {
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
box-shadow: 0 3px 3px rgba(0,0,0,0.2);
display: none;
float: left;
margin: 0;
position: absolute;
top: 3.333em;
left: 0;
width: 188px;
z-index: 99999;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
background: #f9f9f9;
border-bottom: 1px dotted #ddd;
color: #444;
font-size: 13px;
font-weight: normal;
height: auto;
line-height: 1.4em;
padding: 10px 10px;
width: 168px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
background: #efefef;
}
#access li:hover > a,
#access a:focus {
background: #f9f9f9; background: -moz-linear-gradient(#f9f9f9, #e5e5e5);
background: -o-linear-gradient(#f9f9f9, #e5e5e5);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9f9f9), to(#e5e5e5)); background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
color: #373737;
}
#access ul li:hover > ul {
display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
font-weight: bold;
} #branding #searchform {
position: absolute;
top: 3.8em;
right: 7.6%;
text-align: right;
}
#branding #searchform div {
margin: 0;
}
#branding #s {
float: right;
-webkit-transition-duration: 400ms;
-webkit-transition-property: width, background;
-webkit-transition-timing-function: ease;
-moz-transition-duration: 400ms;
-moz-transition-property: width, background;
-moz-transition-timing-function: ease;
-o-transition-duration: 400ms;
-o-transition-property: width, background;
-o-transition-timing-function: ease;
width: 72px;
}
#branding #s:focus {
background-color: #f9f9f9;
width: 196px;
}
#branding #searchsubmit {
display: none;
}
#branding .only-search #searchform {
top: 5px;
z-index: 1;
}
#branding .only-search #s {
background-color: #666;
border-color: #000;
color: #222;
}
#branding .only-search #s,
#branding .only-search #s:focus {
width: 85%;
}
#branding .only-search #s:focus {
background-color: #bbb;
}
#branding .with-image #searchform {
top: auto;
bottom: -27px;
max-width: 195px;
}
#branding .only-search + #access div {
padding-right: 205px;
} #main {
clear: both;
padding: 1.625em 0 0;
}
.page-title {
color: #666;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.1em;
line-height: 2.6em;
margin: 0 0 2.6em;
text-transform: uppercase;
}
.page-title a {
font-size: 12px;
font-weight: bold;
letter-spacing: 0;
text-transform: none;
}
.category-title{
margin:15px 0 0 10px;
font-size:small;
width:auto;
}
.hentry,
.no-results {
margin: 0 0 1.625em;
padding: 0 0 1.625em;
position: relative;
}
.hentry:last-child,
.no-results {
border-bottom: none;
}
.blog .sticky .entry-header .entry-meta {
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.entry-title,
.entry-header .entry-meta {
padding-right: 76px;
}
.entry-title {
color: #222;
font-weight: bold;
padding:5px 15px 0 15px;
margin:0;
font-size:1.3em;
border-bottom: solid 2px #009933;
background-color:#eee;
text-shadow:#fff 2px  2px;
}
.entry-title,
.entry-title a {
color: #222;
text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
color: #1982d1;
}
.entry-meta{
color: #666;
font-size: 12px;
margin:0 0 15px 10px;
}
.entry-meta a {
font-weight: nomal;
}
.entry-meta .sep{
float:right;
margin:10px 0;
}
.entry-meta .by-author {
display: none;
}
.entry-content,
.entry-summary {
padding: 10px 15px;
}
.entry-content .more-link {
white-space: nowrap;
}
.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
color: #000;
font-weight: bold;
margin: 0 0 .8125em;
}
.entry-content h3,
.comment-content h3 {
font-size: 18px;
font-weight:bold;
letter-spacing: 0.1em;
line-height: 2.6em;
text-transform: uppercase;
}
.entry-content table,
.comment-content table {
margin: 0 0 1.625em;
width: 100%;
}
.entry-content th,
.comment-content th {
color: #666;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.1em;
line-height: 2.6em;
text-transform: uppercase;
}
.entry-content td,
.comment-content td {
padding: 6px 10px;
}
.entry-content #s {
width: 75%;
}
.comment-content ul,
.comment-content ol {
margin-bottom: 1.625em;
}
.comment-content ul ul,
.comment-content ol ol,
.comment-content ul ol,
.comment-content ol ul {
margin-bottom: 0;
}
dl.gallery-item {
margin: 0;
}
.page-link {
clear: both;
display: block;
margin: 0 0 1.625em;
}
.page-link a {
background: #eee;
color: #373737;
margin: 0;
padding: 2px 3px;
text-decoration: none;
}
.page-link a:hover {
background: #888;
color: #fff;
font-weight: bold;
}
.page-link span {
margin-right: 6px;
}
.entry-meta .edit-link a,
.commentlist .edit-link a {
background: #eee;
-moz-border-radius: 3px;
border-radius: 3px;
color: #666;
float: right;
font-size: 12px;
line-height: 1.5em;
font-weight: 300;
text-decoration: none;
padding: 0 8px;
}
.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
background: #888;
color: #fff;
}
.entry-content .edit-link {
clear: both;
display: block;
} .entry-content img,
.comment-content img,
.widget img {
max-width: 100%; }
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto; }
img.size-full,
img.size-large {
max-width: 97.5%;
width: auto; height: auto; }
.entry-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 1.625em;
border:none !important;
}
p img,
.wp-caption {
margin-top: 0.4em;
}
.wp-caption {
background: #fff;
margin-bottom: 1.625em;
max-width: 96%;
max-width: calc( 100% - 18px );
padding: 0px 10px 5px 0px;
}
.wp-caption img {
display: block;
max-width: 98%;
max-width: calc( 100% - 14px );
}
.wp-caption .wp-caption-text,
.gallery-caption {
color: #666;
font-family: Georgia, serif;
font-size: 12px;
}
.wp-caption .wp-caption-text {
margin-bottom: 0.6em;
padding: 5px 0 0 0;
position: relative;
}
.wp-caption .wp-caption-text:before {
color: #666; font-size: 14px;
font-style: normal;
font-weight: bold;
margin-right: 5px;
position: absolute;
top: 7px;
}
#content .gallery {
margin: 0 auto 1.625em;
}
#content .gallery a img {
border: none;
}
img#wpstats {
display: block;
margin: 0 auto 1.625em;
}
#content .gallery-columns-4 .gallery-item {
width: 23%;
padding-right: 2%;
}
#content .gallery-columns-4 .gallery-item img {
width: 100%;
height: auto;
} img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img { border: 1px solid #ddd;
padding: 0;
max-width: 97.5%;
max-width: calc( 100% - 14px );
}
.wp-caption img {
border-color: #eee;
}
a:focus img[class*="align"],
a:hover img[class*="align"],
a:active img[class*="align"],
a:focus img[class*="wp-image-"],
a:hover img[class*="wp-image-"],
a:active img[class*="wp-image-"],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img { background: #eee;
border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img { background: #fff;
border-color: #ddd;
} embed,
iframe,
object {
max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
max-width: 100% !important; } .post-password-required .entry-header .comments-link {
margin: 1.625em 0 0;
}
.post-password-required input[type=password] {
margin: 0.8125em 0;
}
.post-password-required input[type=password]:focus {
background: #f7f7f7;
} #author-info {
font-size: 12px;
overflow: hidden;
}
.singular #author-info {
background: #f9f9f9;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 2.2em -35.6% 0 -35.4%;
padding: 20px 35.4%;
}
.archive #author-info {
border-bottom: 1px solid #ddd;
margin: 0 0 2.2em;
padding: 0 0 2.2em;
}
#author-avatar {
float: left;
margin-right: -78px;
}
#author-avatar img {
background: #fff;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px #bbb;
-moz-box-shadow: 0 1px 2px #bbb;
box-shadow: 0 1px 2px #bbb;
padding: 3px;
}
#author-description {
float: left;
margin-left: 108px;
}
#author-description h2 {
color: #000;
font-size: 15px;
font-weight: bold;
margin: 5px 0 10px;
} .entry-header .comments-link a {
background: #eee url(//handa-h.jp/wp-content/themes/handa/images/comment-bubble.png) no-repeat;
color: #666;
font-size: 13px;
font-weight: normal;
line-height: 35px;
overflow: hidden;
padding: 0 0 0;
position: absolute;
top: 1.5em;
right: 0;
text-align: center;
text-decoration: none;
width: 43px;
height: 36px;
}
.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
background-color: #1982d1;
color: #fff;
color: rgba(255,255,255,0.8);
}
.entry-header .comments-link .leave-reply {
visibility: hidden;
} .entry-header .entry-format {
color: #666;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.1em;
line-height: 2.6em;
position: absolute;
text-transform: uppercase;
top: -5px;
}
.entry-header hgroup .entry-title {
padding-top: 5px;
}
article.format-aside .entry-content,
article.format-link .entry-content,
article.format-status .entry-content {
padding:0 0 10px 0;
}
article.format-status .entry-content {
min-height: 65px;
}
.recent-posts .entry-header .entry-format {
display: none;
}
.recent-posts .entry-header hgroup .entry-title {
padding-top: 0;
} .singular .hentry {
border-bottom: none;
padding: 4.875em 0 0;
position: relative;
}
.singular.page .hentry {
padding: 3.5em 0 0;
}
.singular .entry-title {
color: #000;
font-weight: bold;
margin:0 0 20px 0;
}
.singular .entry-title,
.singular .entry-header .entry-meta {
padding-right: 0;
}
.singular .entry-header .entry-meta {
clear:both;
margin:0 0 20px 0;
}
blockquote.pull {
font-size: 21px;
font-weight: bold;
line-height: 1.6125em;
margin: 0 0 1.625em;
text-align: center;
}
.singular blockquote.pull {
margin: 0 -22.25% 1.625em;
}
.pull.alignleft {
margin: 0 1.625em 0 0;
text-align: right;
}
.singular .pull.alignleft {
margin: 0 1.625em 0 -22.25%;
}
.pull.alignright {
margin: 0 0 0 1.625em;
text-align: left;
}
blockquote.pull.alignleft,
blockquote.pull.alignright {
width: 33%;
}
.singular .pull.alignright {
margin: 0 -22.25% 0 1.625em;
}
.singular blockquote.pull.alignleft,
.singular blockquote.pull.alignright {
width: 33%;
}
.singular .entry-meta .edit-link a {
bottom: auto;
left: 50px;
right: auto;
top: 80px;
} .format-aside .entry-title,
.format-aside .entry-header .comments-link {
display: none;
}
.singular .format-aside .entry-title {
display: block;
}
.format-aside .entry-content {
padding: 0;
}
.singular .format-aside .entry-content {
padding: 1.625em 0 0;
} .format-link .entry-title,
.format-link .entry-header .comments-link {
display: none;
}
.singular .format-link .entry-title {
display: block;
}
.format-link .entry-content {
padding: 0;
}
.singular .format-link .entry-content {
padding: 1.625em 0 0;
} .format-gallery .gallery-thumb {
float: left;
display: block;
margin: .375em 1.625em 0 0;
max-width: 100%;
} .format-status .entry-title,
.format-status .entry-header .comments-link {
display: none;
}
.singular .format-status .entry-title {
display: block;
}
.format-status .entry-content {
padding: 0;
}
.singular .format-status .entry-content {
padding: 1.625em 0 0;
}
.format-status img.avatar {
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px #ccc;
-moz-box-shadow: 0 1px 2px #ccc;
box-shadow: 0 1px 2px #ccc;
float: left;
margin: 4px 10px 2px 0;
padding: 0;
} .format-standard .wp-video,
.format-standard .wp-audio-shortcode,
.format-audio .wp-audio-shortcode,
.format-standard .video-player {
margin-bottom: 24px;
} .format-quote blockquote {
color: #555;
font-size: 17px;
margin: 0;
} .indexed.format-image .entry-header {
min-height: 61px; }
.indexed.format-image .entry-content {
padding-top: 0.5em;
}
.indexed.format-image .entry-content p {
margin: 1em 0;
}
.indexed.format-image .entry-content p:first-child,
.indexed.format-image .entry-content p:first-child a,
.indexed.format-image .entry-content p:first-child img {
display: block;
margin: 0;
}
.indexed.format-image .entry-content .wp-caption .wp-caption-text {
margin: 0;
padding-bottom: 1em;
}
.indexed.format-image footer.entry-meta {
background: #ddd;
overflow: hidden;
padding: 4%;
max-width: 96%;
}
.indexed.format-image div.entry-meta {
display: inline-block;
float: left;
width: 35%;
}
.indexed.format-image div.entry-meta + div.entry-meta {
float: none;
width: 65%;
}
.indexed.format-image .entry-meta span.cat-links,
.indexed.format-image .entry-meta span.tag-links,
.indexed.format-image .entry-meta span.comments-link {
clear:both;
}
.indexed.format-image footer.entry-meta a {
color: #444;
}
.indexed.format-image footer.entry-meta a:hover {
color: #fff;
}
#content .indexed.format-image img {
border: none;
max-width: 100%;
padding: 0;
}
.indexed.format-image .wp-caption {
background: #111;
margin-bottom: 0;
max-width: 96%;
padding: 2% 2% 0;
}
.indexed.format-image .wp-caption .wp-caption-text {
color: #ddd;
}
.indexed.format-image .wp-caption .wp-caption-text:before {
color: #444;
}
.indexed.format-image a:hover img {
opacity: 0.8;
} .error404 #main #searchform {
background: #f9f9f9;
border: 1px solid #ddd;
border-width: 1px 0;
margin: 0 -8.9% 1.625em;
overflow: hidden;
padding: 1.625em 8.9%;
}
.error404 #main #s {
width: 95%;
}
.error404 #main .widget {
clear: none;
float: left;
margin-right: 3.7%;
width: 30.85%;
}
.error404 #main .widget_archive {
margin-right: 0;
}
.error404 #main .widget_tag_cloud {
float: none;
margin-right: 0;
width: 100%;
}
.error404 .widgettitle {
font-size: 10px;
letter-spacing: 0.1em;
line-height: 2.6em;
text-transform: uppercase;
} h1.showcase-heading {
color: #666;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.1em;
line-height: 2.6em;
text-transform: uppercase;
} article.intro {
background: #f9f9f9;
border-bottom: none;
margin: -1.855em -8.9% 1.625em;
padding: 0 8.9%;
}
article.intro .entry-title {
display: none;
}
article.intro .entry-content {
color: #111;
font-size: 16px;
padding: 1.625em 0 0.625em;
}
article.intro .edit-link a {
background: #aaa;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
font-size: 12px;
padding: 0 8px;
position: absolute;
top: 30px;
right: 20px;
text-decoration: none;
}
article.intro .edit-link a:hover,
article.intro .edit-link a:focus,
article.intro .edit-link a:active {
background: #777;
} section.featured-post {
float: left;
margin: -1.625em -8.9% 1.625em;
padding: 1.625em 8.9% 0;
position: relative;
width: 100%;
}
section.featured-post .hentry {
border: none;
color: #666;
margin: 0;
}
section.featured-post .entry-meta {
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
} section.featured-post .attachment-small-feature {
float: right;
height: auto;
margin: 0 -8.9% 1.625em 0;
max-width: 59%;
position: relative;
right: -15px;
}
section.featured-post.small {
padding-top: 0;
}
section.featured-post .attachment-small-feature:hover,
section.featured-post .attachment-small-feature:focus,
section.featured-post .attachment-small-feature:active {
opacity: .8;
}
article.feature-image.small {
float: left;
margin: 0 0 1.625em;
width: 45%;
}
article.feature-image.small .entry-title {
line-height: 1.2em;
}
article.feature-image.small .entry-summary {
color: #555;
font-size: 13px;
}
article.feature-image.small .entry-summary p a {
background: #222;
color: #eee;
display: block;
left: -23.8%;
padding: 9px 26px 9px 85px;
position: relative;
text-decoration: none;
top: 20px;
width: 180px;
z-index: 1;
}
article.feature-image.small .entry-summary p a:hover {
background: #1982d1;
color: #eee;
color: rgba(255,255,255,0.8);
} section.feature-image.large {
border: none;
max-height: 288px;
padding: 0;
width: 100%;
}
section.feature-image.large .showcase-heading {
display: none;
}
section.feature-image.large .hentry {
border-bottom: none;
left: 9%;
margin: 1.625em 9% 0 0;
position: absolute;
top: 0;
}
article.feature-image.large .entry-title a {
background: #222;
background: rgba(0,0,0,0.8);
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
display: inline-block;
font-weight: 300;
padding: .2em 20px;
}
section.feature-image.large:hover .entry-title a,
section.feature-image.large .entry-title:hover a {
background: #eee;
background: rgba(255,255,255,0.8);
color: #222;
}
article.feature-image.large .entry-summary {
display: none;
}
section.feature-image.large img {
display: block;
height: auto;
max-width: 117.9%;
padding: 0 0 6px;
} .featured-posts {
border-bottom: 1px solid #ddd;
display: block;
height: 328px;
margin: 1.625em -8.9% 20px;
max-width: 1000px;
padding: 0;
position: relative;
overflow: hidden;
}
.featured-posts .showcase-heading {
padding-left: 8.9%;
}
.featured-posts section.featured-post {
background: #fff;
height: 288px;
left: 0;
margin: 0;
position: absolute;
top: 30px;
width: auto;
}
.featured-posts section.featured-post.large {
max-width: 100%;
overflow: hidden;
}
.featured-posts section.featured-post {
-webkit-transition-duration: 200ms;
-webkit-transition-property: opacity, visibility;
-webkit-transition-timing-function: ease;
-moz-transition-duration: 200ms;
-moz-transition-property: opacity, visibility;
-moz-transition-timing-function: ease;
}
.featured-posts section.featured-post {
opacity: 0;
visibility: hidden;
}
.featured-posts #featured-post-1 {
opacity: 1;
visibility: visible;
}
.featured-post .feature-text:after,
.featured-post .feature-image.small:after {
content: ' ';
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); width: 100%;
height: 45px;
position: absolute;
top: 230px;
}
.featured-post .feature-image.small:after {
top: 253px;
}
#content .feature-slider {
top: 5px;
right: 8.9%;
overflow: visible;
position: absolute;
}
.feature-slider ul {
list-style-type: none;
margin: 0;
}
.feature-slider li {
float: left;
margin: 0 6px;
}
.feature-slider a {
background: #3c3c3c;
background: rgba(60,60,60,0.9);
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
display: block;
width: 14px;
height: 14px;
}
.feature-slider a.active {
background: #1982d1;
-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4), inset 0 0 2px rgba(255,255,255,0.8);
cursor: default;
opacity: 0.5;
} section.recent-posts {
padding: 0 0 1.625em;
}
section.recent-posts .hentry {
border: none;
margin: 0;
}
section.recent-posts .other-recent-posts {
border-bottom: 1px solid #ddd;
list-style: none;
margin: 0;
}
section.recent-posts .other-recent-posts li {
padding: 0.3125em 0;
position: relative;
}
section.recent-posts .other-recent-posts .entry-title {
border-top: 1px solid #ddd;
font-size: 17px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"] {
color: #373737;
float: left;
max-width: 84%;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
content: '-';
color: transparent;
font-size: 11px;
}
section.recent-posts .other-recent-posts a[rel="bookmark"]:hover {
}
section.recent-posts .other-recent-posts .comments-link a,
section.recent-posts .other-recent-posts .comments-link > span {
border-bottom: 2px solid #999;
bottom: -2px;
color: #444;
display: block;
font-size: 10px;
font-weight: 500;
line-height: 2.76333em;
padding: 0.3125em 0 0.3125em 1em;
position: absolute;
right: 0;
text-align: right;
text-transform: uppercase;
z-index: 1;
}
section.recent-posts .other-recent-posts .comments-link > span {
border-color: #bbb;
color: #888;
}
section.recent-posts .other-recent-posts .comments-link a:hover {
color: #1982d1;
border-color: #1982d1;
}
section.recent-posts .other-recent-posts li:after {
clear: both;
content: '.';
display: block;
height: 0;
visibility: hidden;
} .image-attachment div.attachment {
background: #f9f9f9;
border: 1px solid #ddd;
border-width: 1px 0;
margin: 0 -8.9% 1.625em;
overflow: hidden;
padding: 1.625em 1.625em 0;
text-align: center;
}
.image-attachment div.attachment img {
display: block;
height: auto;
margin: 0 auto 1.625em;
max-width: 100%;
}
.image-attachment div.attachment a img {
border-color: #f9f9f9;
}
.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
border-color: #ddd;
background: #fff;
}
.image-attachment .entry-caption p {
font-size: 10px;
letter-spacing: 0.1em;
line-height: 2.6em;
margin: 0 0 2.6em;
text-transform: uppercase;
} audio,
video {
display: inline-block;
max-width: 100%;
}
.attachment .entry-content .mejs-container {
margin-bottom: 24px;
} #content nav {
clear: both;
overflow: hidden;
padding: 0 0 1.625em;
}
#content nav a {
font-size: 12px;
font-weight: bold;
line-height: 2.2em;
}
#nav-above {
padding: 0 0 1.625em;
}
#nav-above {
display: none;
}
.paged #nav-above {
display: block;
}
.nav-previous {
float: left;
width: 50%;
}
.nav-next {
float: right;
text-align: right;
width: 50%;
}
#content nav .meta-nav {
font-weight: normal;
} #nav-single {
float: right;
position: relative;
top: -0.3em;
text-align: right;
z-index: 1;
}
#nav-single .nav-previous,
#nav-single .nav-next {
width: auto;
}
#nav-single .nav-next {
padding-left: .5em;
}
#nav-single .nav-previous {
padding-right: .5em;
} .widget-area {
font-size: 12px;
}
.widget {
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
clear: both;
margin: 0 0 2.2em;
}
.widget-title {
color: #666;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.1em;
line-height: 2.6em;
text-transform: uppercase;
}
.widget ul {
font-size: 15px;
margin: 0;
}
.widget ul ul {
margin-left: 1.5em;
}
.widget ul li {
color: #777;
font-size: 13px;
}
.widget a {
font-weight: bold;
text-decoration: none;
}
.widget a:hover,
.widget a:focus,
.widget a:active {
text-decoration: underline;
} .widget_search form {
margin: 0 0 1.625em;
}
.widget_search #s {
width: 77%;
}
.widget_search #searchsubmit {
background: #ddd;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
-moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.09);
color: #888;
font-size: 13px;
line-height: 25px;
position: relative;
top: -2px;
}
.widget_search #searchsubmit:active {
background: #1982d1;
border-color: #0861a5;
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.1);
color: #bfddf3;
} section.ephemera ol,
.widget_twentyeleven_ephemera ol {
list-style: square;
margin: 5px 0 0;
}
.widget_twentyeleven_ephemera .widget-entry-title {
font-size: 15px;
font-weight: bold;
padding: 0;
}
.widget_twentyeleven_ephemera .comments-link a,
.widget_twentyeleven_ephemera .comments-link > span {
color: #666;
display: block;
font-size: 10px;
font-weight: 500;
line-height: 2.76333em;
text-transform: uppercase;
}
section.ephemera .entry-title .comments-link a:hover,
.widget_twentyeleven_ephemera .entry-title .comments-link a:hover {
}
section.ephemera .entry-title a span {
color: #29628d;
} .widget_twitter li {
list-style-type: none;
margin-bottom: 14px;
}
.widget_twitter .timesince {
display: block;
font-size: 11px;
margin-right: -10px;
text-align: right;
} .widget_image img {
border: 0;
padding: 0;
height: auto;
max-width: 100%;
} .widget_calendar #wp-calendar {
color: #555;
width: 95%;
text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
text-align: center;
}
.widget_calendar #wp-calendar caption {
font-size: 11px;
font-weight: 500;
padding: 5px 0 3px 0;
text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
background: #f4f4f4;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
background: #f4f4f4;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
} #comments-title {
color: #666;
font-size: 10px;
font-weight: 500;
line-height: 2.6em;
padding: 0 0 2.6em;
text-transform: uppercase;
}
.nopassword,
.nocomments {
color: #aaa;
font-size: 24px;
font-weight: 100;
margin: 26px 0;
text-align: center;
}
.commentlist {
list-style: none;
margin: 0 auto;
width: 68.9%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
width: 100%; }
.commentlist > li.comment {
background: #f6f6f6;
border: 1px solid #ddd;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0 0 1.625em;
padding: 1.625em;
position: relative;
}
.commentlist .pingback {
margin: 0 0 1.625em;
padding: 0 1.625em;
}
.commentlist .children {
list-style: none;
margin: 0;
}
.commentlist .children li.comment {
background: #fff;
border-left: 1px solid #ddd;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
margin: 1.625em 0 0;
padding: 1.625em;
position: relative;
}
.commentlist .children li.comment .fn {
display: block;
}
.comment-meta .fn {
font-style: normal;
}
.comment-meta {
color: #666;
font-size: 12px;
line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
line-height: 1.625em;
margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
margin: 1.625em 0 0;
word-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.comment-meta a {
font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px #ccc;
-moz-box-shadow: 0 1px 2px #ccc;
box-shadow: 0 1px 2px #ccc;
left: -102px;
padding: 0;
position: absolute;
top: 0;
}
.commentlist > li:before {
content: url(//handa-h.jp/wp-content/themes/handa/images/comment-arrow.png);
left: -21px;
position: absolute;
}
.commentlist > li.pingback:before {
content: '';
}
.commentlist .children .avatar {
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
left: 2.2em;
padding: 0;
top: 2.2em;
}
a.comment-reply-link {
background: #eee;
-moz-border-radius: 3px;
border-radius: 3px;
color: #666;
display: inline-block;
font-size: 12px;
padding: 0 8px;
text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
background: #888;
color: #fff;
}
a.comment-reply-link > span {
display: inline-block;
position: relative;
top: -1px;
} .commentlist > li.bypostauthor {
background: #ddd;
border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
content: url(//handa-h.jp/wp-content/themes/handa/images/comment-arrow-bypostauthor.png);
} .commentlist .children > li.bypostauthor {
background: #ddd;
border-color: #d3d3d3;
}  .page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
margin-left: 102px;
width: auto;
} .page-template-sidebar-page-php #respond {
width: auto;
} #respond {
background: #ddd;
border: 1px solid #d3d3d3;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0 auto 1.625em;
padding: 1.625em;
position: relative;
width: 68.9%;
}
#respond input[type="text"],
#respond textarea {
background: #fff;
border: 4px solid #eee;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
-moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
position: relative;
padding: 10px;
text-indent: 80px;
}
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label {
background: #eee;
-webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
-moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
color: #555;
display: inline-block;
font-size: 13px;
left: 4px;
min-width: 60px;
padding: 4px 10px;
position: relative;
top: 40px;
z-index: 1;
}
#respond input[type="text"]:focus,
#respond textarea:focus {
text-indent: 0;
z-index: 1;
}
#respond textarea {
resize: vertical;
width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
color: #bd3500;
font-size: 22px;
font-weight: bold;
left: 75%;
position: absolute;
z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
font-size: 13px;
}
#respond p {
margin: 10px 0;
}
#respond .form-submit {
float: right;
margin: -20px 0 10px;
}
#respond input#submit {
background: #222;
border: none;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
color: #eee;
cursor: pointer;
font-size: 15px;
margin: 20px 0;
padding: 5px 42px 5px 22px;
position: relative;
left: 30px;
text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
background: #1982d1;
color: #bfddf3;
}
#respond #cancel-comment-reply-link {
color: #666;
margin-left: 10px;
text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
text-decoration: underline;
}
.commentlist #respond {
margin: 1.625em 0 0;
width: auto;
}
#reply-title {
color: #373737;
font-size: 24px;
font-weight: bold;
line-height: 30px;
}
#cancel-comment-reply-link {
color: #888;
display: block;
font-size: 10px;
font-weight: normal;
line-height: 2.2em;
letter-spacing: 0.05em;
position: absolute;
right: 1.625em;
text-decoration: none;
text-transform: uppercase;
top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
color: #ff4b33;
}
#respond label {
line-height: 2.2em;
}
#respond input[type=text] {
display: block;
height: 24px;
width: 75%;
}
#respond p {
font-size: 12px;
}
p.comment-form-comment {
margin: 0;
}
.form-allowed-tags {
display: none;
} #colophon {
clear: both;
}
#supplementary {
border-top: 1px solid #ddd;
padding: 1.625em 7.6%;
overflow: hidden;
} #supplementary.two .widget-area {
float: left;
margin-right: 3.7%;
width: 48.1%;
}
#supplementary.two .widget-area + .widget-area {
margin-right: 0;
} #supplementary.three .widget-area {
float: left;
margin-right: 3.7%;
width: 30.85%;
}
#supplementary.three .widget-area + .widget-area + .widget-area {
margin-right: 0;
} #site-generator {
background: #f9f9f9;
border-top: 1px solid #ddd;
color: #666;
font-size: 12px;
line-height: 2.2em;
padding: 2.2em 0.5em;
text-align: center;
}
#site-generator a {
color: #555;
font-weight: bold;
}  @-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
@media (max-width: 800px) { #main #content {
margin: 0 7.6%;
width: auto;
}
#nav-below {
border-bottom: 1px solid #ddd;
margin-bottom: 1.625em;
}
#main #secondary {
float: none;
margin: 0 7.6%;
width: auto;
} .page-template-showcase-php .featured-posts {
min-height: 280px;
}
.featured-posts section.featured-post {
height: auto;
}
.page-template-showcase-php section.recent-posts {
float: none;
margin: 0;
width: 100%;
}
.page-template-showcase-php #main .widget-area {
float: none;
margin: 0;
width: auto;
}
.page-template-showcase-php .other-recent-posts {
border-bottom: 1px solid #ddd;
} section.featured-post .attachment-small-feature,
.one-column section.featured-post .attachment-small-feature {
border: none;
display: block;
float: left;
height: auto;
margin: 0.625em auto 1.025em;
max-width: 30%;
position: static;
}
article.feature-image.small {
float: right;
margin: 0 0 1.625em;
width: 64%;
}
.one-column article.feature-image.small .entry-summary {
height: auto;
}
article.feature-image.small .entry-summary p a {
left: 0;
padding-left: 20px;
padding-right: 20px;
width: auto;
} .singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
width: 100%;
} .singular blockquote.pull {
margin: 0 0 1.625em;
}
.singular .pull.alignleft {
margin: 0 1.625em 0 0;
}
.singular .pull.alignright {
margin: 0 0 0 1.625em;
}
.singular .entry-meta .edit-link a {
left: 0;
position: absolute;
top: 40px;
}
.singular #author-info {
margin: 2.2em -8.8% 0;
padding: 20px 8.8%;
} .commentlist {
width: 100%;
}
.commentlist > li.comment,
.commentlist .pingback {
margin-left: 102px;
width: auto;
} #respond {
width: auto;
} #colophon #supplementary .widget-area {
float: none;
margin-right: 0;
width: auto;
} .error404 #main .widget {
float: none;
margin-right: 0;
width: auto;
}
}
@media (max-width: 650px) { body, input, textarea {
font-size: 13px;
}
#site-title a {
font-size: 24px;
}
#site-description {
font-size: 12px;
}
#access ul {
font-size: 12px;
}
#branding .only-search + #access div {
padding-right: 0;
}
article.intro .entry-content {
font-size: 12px;
}
.entry-title {
font-size: 1.2em;
}
.featured-post .entry-title {
font-size: 14px;
}
.singular .entry-title {
font-size: 1.2em;
}
.entry-meta {
font-size: 0.75em;
}
blockquote {
margin: 0;
}
blockquote.pull {
font-size: 17px;
} #site-title {
padding: 5.30625em 0 0;
}
#site-title,
#site-description {
margin-right: 0;
} #branding #searchform {
top: 1.625em !important;
} .alignleft,
.alignright {
display: block;
float: none;
margin-left: 0;
margin-right: 0;
} #nav-single {
display: block;
position: static;
}
.singular .hentry {
padding: 1.625em 0 0;
}
.singular.page .hentry {
padding: 1.625em 0 0;
}
.singular .entry-header .entry-meta,
.singular .entry-header .entry-format,
.singular .entry-meta .edit-link a {
position: static;
} .commentlist > li.comment,
.commentlist > li.pingback {
margin-left: 0 !important;
}
.commentlist .avatar {
background: transparent;
display: block;
padding: 0;
position: static;
}
.commentlist .children .avatar {
background: none;
left: 2.2em;
padding: 0;
position: absolute;
top: 2.2em;
} #respond input[type="text"] {
width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
left: 95%;
}
#content .gallery-columns-3 .gallery-item {
width: 31%;
padding-right: 2%;
}
#content .gallery-columns-3 .gallery-item img {
width: 100%;
height: auto;
}
}
@media (max-width: 450px) {
#content .gallery-columns-2 .gallery-item {
width: 45%;
padding-right: 4%;
}
#content .gallery-columns-2 .gallery-item img {
width: 100%;
height: auto;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
body {
padding: 0;
}
#page {
margin-top: 0;
}
#branding {
border-top: none;
}
} @media print {
body {
background: none !important;
font-size: 10pt;
}
footer.entry-meta a[rel=bookmark]:link:after,
footer.entry-meta a[rel=bookmark]:visited:after {
content: " [" attr(href) "] "; }
#page {
clear: both !important;
display: block !important;
float: none !important;
max-width: 100%;
position: relative !important;
}
#branding {
border-top: none !important;
padding: 0;
}
#branding hgroup {
margin: 0;
}
#site-title a {
font-size: 21pt;
}
#site-description {
font-size: 10pt;
}
#branding #searchform {
display: none;
}
#branding img {
display: none;
}
#access {
display: none;
}
#main {
border-top: none;
box-shadow: none;
}
#primary {
float: left;
margin: 0;
width: 100%;
}
#content {
margin: 0;
width: auto;
}
.singular #content {
margin: 0;
width: 100%;
}
.singular .entry-header .entry-meta {
position: static;
}
.entry-meta .edit-link a {
display: none;
}
#content nav {
display: none;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
margin: 0;
width: 100%;
}
.singular .hentry {
padding: 0;
}
.entry-title,
.singular .entry-title {
font-size: 21pt;
}
.entry-meta {
font-size: 10pt;
}
.entry-header .comments-link {
display: none;
}
.page-link {
display: none;
}
.singular #author-info {
background: none;
border-bottom: none;
border-top: none;
margin: 2.2em 0 0;
padding: 0;
}
#respond {
display: none;
}
.widget-area {
display: none;
}
#colophon {
display: none;
}
#header{
display:none;
}
.whole{
min-height:auto;
width:auto;
height:auto;
margin:0 0 20pt 0;
}
#content_box{
float:none !important;
width:auto !important;
height:auto;
padding-bottom:0 !important;
margin-bottom:0 !important;
}
#side_menu{
display:none;
}
#footer{
display:none;
} .commentlist > li.comment {
background: none;
border: 1px solid #ddd;
-moz-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
margin: 0 auto 1.625em;
padding: 1.625em;
position: relative;
width: auto;
}
.commentlist .avatar {
height: 39px;
left: 2.2em;
top: 2.2em;
width: 39px;
}
.commentlist li.comment .comment-meta {
line-height: 1.625em;
margin-left: 50px;
}
.commentlist li.comment .fn {
display: block;
}
.commentlist li.comment .comment-content {
margin: 1.625em 0 0;
}
.commentlist .comment-edit-link {
display: none;
}
.commentlist > li::before,
.commentlist > li.bypostauthor::before {
content: '';
}
.commentlist .reply {
display: none;
} .commentlist > li.bypostauthor {
color: #444;
}
.commentlist > li.bypostauthor .comment-meta {
color: #666;
}
.commentlist > li.bypostauthor:before {
content: none;
} .commentlist .children > li.bypostauthor {
background: #fff;
border-color: #ddd;
}
.commentlist .children > li.bypostauthor > article,
.commentlist .children > li.bypostauthor > article .comment-meta {
color: #666;
}
} #ie7 article.intro {
margin-left: -7.6%;
margin-right: -7.6%;
padding-left: -7.6%;
padding-right: -7.6%;
max-width: 1000px;
}
#ie7 .featured-posts {
margin: 0 -7.6%;
}
#ie7 .featured-post {
margin-left: 0;
margin-right: 0;
max-width: 100%;
}
#ie7 section.recent-posts {
margin-right: 7.6%;
} #ie8 section.feature-image.large img {
width: auto;
}
#ie8 section.featured-post .attachment-small-feature {
max-width: none;
}
 html{
font-size:100%;
}
body{
margin:0;
padding:0;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:0.9em;
background-image: url(https://handa-h.jp/images/body_bg.png);
background-repeat:no-repeat;
background-size:100%;
letter-spacing:1.2;
} a{
color:#333;
}
a:hover{
color:#008040;
}
.entry-content{
line-height:1.75;
}
.entry-content p{
margin:10px auto 30px auto;
}
.entry-content p a{
border-bottom:dotted 1px;
}
.small_text{
font-size:0.80em;
}
strong{
color:#008040;
}
strong a{
color:#008040;
text-decoration:underline;
}
strong a:hover{
color:#666;
}
h3{
width:100%;
height:auto;
font-size:1.2em;
font-weight:bold;
margin:0 auto 10px auto;
}
h4{
width:100%;
height:auto;
font-size:1.1em;
font-weight:bold;
background-color: #DFEFE6;
border-bottom:solid 2px #009933;
padding:2px auto 1px auto;
margin:0 auto 15px auto;
text-indent:10px;
box-sizing:border-box;
}
h5{
width:100%;
height:auto;
font-size:1.0em;
font-weight:nomal;
background-color:#DFEFE6;
padding:5px;
margin:0 auto 15px auto;
text-indent:10px;
box-sizing:border-box;
} .img_center{
margin:0 auto 10px auto;
text-align:center;
}
a:hover img{
opacity: 0.7;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
ul.menu_list{
margin:0  0 10px 0;
padding:0;
}
ul.menu_list li{
margin:0 0 5px 30px;
padding:1px 0 0 16px;
list-style:none;
background-image:url(https://handa-h.jp/images/list_img_01.png);
background-repeat:no-repeat;
background-position:left top;
}
ul.menu_list li a:hover{
display:block;
}
ul.menu_list li ul{
width:90%;
border-top:solid 1px #eee;
padding:5px 0 5px 20px;
margin:5px 0 5px -10px;
}
ul.menu_list li ul li{
list-style:none;
background:none;
}
hr.gy_hr{
clear:both;
width:96%;
height:3px;
margin:15px auto;
background-color:#eeeeee;
border:none;
}
#side_menu{
float:left;
width:210px;
height:auto;
padding:0 0 10px 0;
box-sizing:border-box;
margin-top:0;
margin-right:10px;
margin-left:0;
font-size:0.9em;
}
#side_menu ul{
margin:0 0 20px 0;
background-color:#eee;
}
#side_menu ul .side_title{
width:100%;
height:auto;
padding:15px 0;
margin:0;
line-height:1;
text-align:center;
font-size:1.25em;
background-color:#009933;
color:#fff;
box-sizing:border-box;
}
#side_menu ul .side_title a{
color:#fff;
}
#side_menu ul li{
margin:0;
padding:10px 0 10px 10px;
list-style:none;
list-style-position:inside;
background-image:url(https://handa-h.jp/images/list_img_02.png);
background-repeat:no-repeat;
background-position:left;
background-color:#eee;
border-bottom:solid 1px #fff;
}
#side_menu ul li:hover{
background-color:#fff;
}
#side_menu ul li a:hover{
display:block;
text-decoration:none;
}
#side_menu h2{
font-size:1.0em;
color:#00503B;
font-weight:normal;
margin:0 auto 5px auto;
padding:5px;
background-color:#eee;
box-sizing:border-box;
}
#side_menu h2 a{
color:#00503B;
}
p{
line-height:1.5;
}
table{
border-collapse: collapse;
} #header{
width:1000px;
height:auto;
margin:0 auto;
padding:0 0 20px 0;
}
#header h1{
font-size:x-small;
color:#000;
margin:5px 0 10px 0;
font-weight:normal;
}
#header #header_ssh{
float:left;
width:65px;
height:40px;
margin:0 0 0 200px;
text-align:center;
z-index:3;
position:relative;
}
#header #header_ssh_en{
float:left;
width:65px;
height:40px;
margin:0 0 0 150px;
text-align:center;
z-index:3;
position:relative;
}
#header #header_logo{
float:left;
width:1000px;
height:auto;
margin:0 0 20px 0;
text-align:center;
z-index:1;
position:absolute;
}
#sp_header_menu{
display:none;
}
#header #header_menu{
float:right;
z-index:2;
position:relative;
}
#header #header_menu ul{
margin:5px 0 0 0;
padding:0;
}
#header #header_menu ul li{
background-color:#eeeeee;
color:#000000;
padding:2px 10px;
margin:0 5px;
list-style:none;
float:left;
box-sizing:border-box;
font-size:small;
}
#header #header_menu ul li a{
text-decoration:none;
}
#header #header_menu ul li a:hover{
color:#ffffff;
}
#header #header_menu ul li:hover{
display:block;
background-color:#009933;
color:#ffffff;
}
#main_menu {
clear:both;
float:left;
width:1000px;
height:70px;
margin:20px 0;
font-size:0.8em;
}
#main_menu ul#dropmenu {
margin: 0px; 
padding: 0px; 
height: 70px;
}
#main_menu ul#dropmenu li {
width: 198px;
height: 70px;
float: left;
　　box-sizing:border-box;
margin:0 2px 0 0;
list-style-type: none;
position: relative;
}
#main_menu ul#dropmenu a {
background-color: #eee;
color: #333;
line-height: 40px;
text-align: center;
text-decoration: none;
display: block;
width: 100%;
height: 100%;
}
#main_menu ul#dropmenu a:hover {
background-color: #DFEFE6;
color: #333;
}
#main_menu ul#dropmenu { zoom:1; }
#main_menu ul#dropmenu:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
#main_menu ul#dropmenu ul.sub {
background-color: #eee; 
margin: 0px;
padding: 0px;
display: none;
position: absolute;
z-index:200;
}
#main_menu ul#dropmenu ul.sub li {
width: 193px;
height: 35px;
border-bottom:solid 1px #fff;
overflow:visible;
}
#main_menu ul#dropmenu ul.sub li a {
line-height: 35px;
text-align: left;
text-indent: 10px;
}
#main_menu ul#dropmenu ul.sub li a:hover {
background-color: #DFEFE6;
color: #333;
}
#sp_main_menu{
display:none;
}
.topimg{
clear:both;
width:1000px;
height:200px;
margin:auto;
} .whole{
clear:both;
width:1000px;
height:auto;
margin:10px auto;
}
#content_box{
width:78%;
height:auto;
min-height:700px;
float:right;
padding:0 15px 20px 15px;
margin:0 0 20px 0;
box-sizing:border-box;
background-color:#fff;
}
#content_box p{
line-height:1.5;
}
#content_box article{
margin:20px 0 0 0;
padding:0;
}
.entry-photo-img{
float:left;
width:100%;
height:auto;
margin:0 0 15px 0;
}
.photo-img-left{
width:49%;
height:auto;
float:left;
margin:0 1% 0 0;
}
.photo-img-left img{
width:100%;
max-width:100%;
}
.photo-img-right{
width:49%;
height:auto;
float:left;
margin:0 0 0 1%;
}
.photo-img-right img{
width:100%;
max-width:100%;
}
.inside_text{
float:left;
clear:both;
width:100%;
margin:0 0 30px 0;
} #index_news{
clear:both;
float:left;
width:100%;
height:auto;
padding:10px 10px 10px 86px;
margin:20px auto 0 auto;
box-sizing:border-box;
background-color:#fff;
background-image:url(https://handa-h.jp/images/index_news.jpg);
background-repeat:no-repeat;
background-position:left;
font-size:0.85em;
}
.flexslider{
clear:both;
float:left;
width:1000px;
height:400px;
margin:10px auto 50px auto;
padding:0;
border:none;
background-color:none;
}
ul.slides{
margin:0;
padding:0;
}
ul.slides li{
list-style:none;
margin:0;
padding:0;
list-style-position:inside;
}
#slideshow{
float:left;
width:1000px;
height:400px;
background-image:url(https://handa-h.jp/images/slider/01_bg.jpg);
background-repeat:no-repeat;
}
#slideshow img{
animation-name: 'copyanime';
animation-duration: 5s;
animation-timing-function: ease;
animation-direction:alternate;
}
#news_more{
clear:both;
float:right;
margin:0 15px 30px 0;
}
@keyframes 'copyanime' {
0% {	opacity:0;	}
100% {	opacity:1;	}
}
#index_content{
clear:both;
width:100%;
height:90px;
padding:10px 0;
background-image:url(https://handa-h.jp/images/grn_bg.png);
}
#index_content #inside{
width:1000px;
height:auto;
margin:0 auto;
padding:0;
}
#index_content #inside div{
float:left;
margin:0;
padding:0;
width : 20%;
text-align:center;
white-space:nowrap;
}
#news_box{
width:330px;
height:auto;
float:left;
background-color:#fff;
padding:15px;
margin:0 10px 10px 0;
}
ul#npcatch{
width:300px;
height:auto;
margin:0 auto 5px auto;
float:left;
}
ul#npcatch li{
width:100%;
min-height:80px;
clear:both;
float:left;
border:solid 1px #eee;
padding:10px;
margin:0 0 10px 0;
list-style:none;
}
ul#npcatch li .title{
float:left;
width:190px;
height:auto;
}
ul#npcatch li .title a{
color:#008040;
}
ul#npcatch li .news_data{
font-size:0.65em;
font-weight:normal;
}
ul#npcatch li .news_data{
color:#000;
}
ul#npcatch li img{
float:left;
width:80px;
height:80px;
margin:0 10px 0 0;
}
#news_box .comment_big{
clear:both;
text-align:center;
font-size:0.8em;
}
#menu_center{
float:left;
width:280px;
height:auto;
background-color:#ffffff;
background-image:url(https://handa-h.jp/images/corner.png);
background-repeat:no-repeat;
background-position:right top;
padding:15px;
margin:0 10px 10px 0;
}
#menu_center a{
text-decoration:none;
}
#menu_center h2{
font-size:1.2em;
color:#00503B;
font-weight:normal;
margin:0 auto 15px auto;
text-align:center;
}
#menu_center h2 a{
color:#00503B;
}
#menu_right{
float:left;
width:280px;
height:auto;
background-color:#ffffff;
background-image:url(https://handa-h.jp/images/corner.png);
background-repeat:no-repeat;
background-position:right top;
padding:15px;
margin:0 0 10px 0;
}
#menu_right a{
text-decoration:none;
}
#menu_right h2{
font-size:1.2em;
color:#00503B;
font-weight:normal;
margin:0 auto 15px auto;
text-align:center;
}
#menu_right h2 a{
color:#00503B;
}
#sp_fmenu{
display:none;
}
.level{
width:100%;
height:auto;
margin:0 0 20px 0;
}
.level th{
text-align:left;
font-size:1.2em;
font-weight:bold;
padding:3px 0 0 0;
}
.level td{
padding:3px 0 1px 0;
}
.point_box{
clear:both;
width:100%;
height:auto;
margin:0 0 20px 0;
padding:20px;
box-sizing:border-box;
border: solid 2px #eee;
line-height:1.8;
text-align:center;
}
.point_text{
clear:both;
width:100%;
height:auto;
margin:0 0 20px 0;
padding:20px;
box-sizing:border-box;
border: solid 2px #eee;
line-height:1.8;
}
.entry-content h4{
font-size:1.25em!important;
font-weight:bold!important;
margin:0 0 10px 0;
color:#009933;
}
.point_box p{
margin:10px 0 0 0!important;
}
.list_menu{
clear:both;
float:left;
width:100%;
height:auto;
margin:0 0 20px 0!important;
padding:0 0 0 20px;
}
.list_menu li{
float:left;
margin:0 20px 0 0;
list-style-image:url(https://handa-h.jp/images/list_img_02.png);
list-style-position:inside;
padding:0 0 10px 0;
}
.timetable{
width:100%;
height:auto;
margin:20px auto;
border-collapse: collapse;
text-align:center;
}
.timetable td{
padding:5px;
border: 1px solid #999;
}
.timetable tr:nth-child(even) {
background: #eee;
}
.timetable tr:hover {
background: hsla(158,76%,94%,1.00);
}
.p_box{
clear:both;
margin:10px auto;
background-color:#F8F8F8;
padding:20px;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;;
}
.kouka_content_title{
width:100%;
height:auto;
margin:0 0 20px 0;
font-size:20px;
}
.author{
float:right;
margin:10px 0 20px 0;
}
.kouka_content{
clear:both;
margin:0 0 0 20px;
}
.search-title{
margin:20px 0 0 0;
font-size:medium;
}
h1.result-title{
font-size:medium;
} table{
width:100%;
height:auto;
max-width:100%;
margin:20px 0 20px 0;
box-sizing:border-box;
font-size:0.8em;
}
table table{
font-size:1.0em;
}
table a{
text-decoration:underline;
}
table th{
font-size:1.0em;
font-weight:bold;
line-height:1.1;
padding:10px 0;
background-color:#fff;
}
table td{
border:solid 1px #ccc;
vertical-align:text-top;
}
table th{
border:solid 1px #ccc;
}
table.simple_box{
width:100%;
height:auto;
max-width:100%;
margin:20px 0 20px 0;
box-sizing:border-box;
font-size:0.75em;
}
table.simple_box a{
text-decoration:underline;
}
table.simple_box th{
font-size:1.0em;
font-weight:bold;
line-height:1.1;
padding:10px 0;
background-color:#fff;
}
table.simple_box td{
border:solid 1px #ccc;
padding:10px 5px;
}
table.simple_box th{
border:solid 1px #ccc;
}
table.simple_box tr:nth-child(even) {
background-color:#eee;
}
table.sub_box{
width:100%;
height:auto;
margin:0 auto 20px auto;
border-collapse: collapse;
}
table.sub_box th{
font-size:1.0rem;
padding:3px 5px 2px 5px;
border-bottom:solid 1px  #ccc;
}
table.sub_box td{
padding:3px 5px 5px 5px;
border-bottom:solid 1px  #ccc;
}
table.photo_box{
width:100%;
height:auto;
border:none;
text-align:center;
border-collapse: separate;
}
table.photo_box tr{
margin:0 0 3px 0;
}
table.photo_box td{
width:50%;
height:auto;
background-color:#eee;
padding:3px 0 0 0;
}
table.photo_box td img{
width:100%;
height:auto;
}
table.no_border{
border:none;
}
table.no_border td{
border:none;
}
table.no_border tr{
border:none;
}
.footer_addbox{
border:none;
margin:0 0 10px 0;
}
.footer_addbox td{
border:none;
}
.footer_addbox tr{
border:none;
} .line_list{
width:94%;
height:auto;
margin:0 auto 10px auto;
padding:0;
}
.line_list li{
list-style:none;
padding:5px 2px 2px 18px;
margin:0 0 10px 0;
border-bottom: solid 1px #eee;
background-image: url(https://handa-h.jp/images/list_img_02.png);
background-repeat:no-repeat;
background-position:left;
}	
.center_list{
width:50%;
height:auto;
margin:10px auto;
padding:0;
}
.center_list li{
list-style:none;
padding:5px 30px 2px 18px;
margin:0 0px 10px 0;
border-bottom: solid 1px #eee;
background-image: url(https://handa-h.jp/images/list_img_02.png);
background-repeat:no-repeat;
background-position:left;
} #footer{
clear:both;
width:100%;
height:auto;
margin:20px 0 0 0;
background-image: url(https://handa-h.jp/images/footer_bg.png);
background-position:top;
background-repeat:repeat-x;
background-color:#eeeeee;
overflow:hidden;
}
#footer #footer_content{
width:1000px;
height:auto;
margin:0 auto;
}
#footer #footer_content #gotop{
width:100%;
height:auto;
text-align:right;
}
#sp_gotop{
display:none;
}
#footer_address{
float:left;
margin:10px auto 30px auto;
font-size:small;
}
#footer_address h3{
font-size:1.2rem;
line-height:1.2;
margin:0;
padding:0;
}
#footer_address p{
margin:0;
line-height:1.0;
}
#footer_right{
float:right;
font-size:0.75em;
}
#footer_right ul{
float:left;
margin:10px 30px 30px 0;
padding:0 0 0 20px;
background-image: url(https://handa-h.jp/images/footerright_bg.png);
background-repeat:repeat-y;
background-position:left;
}
#footer_right ul li{
list-style:none;
margin:0 0 3px 0;
padding:0;
}
#footer_right ul li a{
text-decoration:none;
}
#copyright{
clear:both;
margin:20px 0 10px 0;
text-align:center;
font-size:0.6em;
}
.clear{
clear:both;
margin:10px 0;
} #header #main_menu ul li.en_menu{
background-color:#eeeeee;
margin:0;
list-style:none;
float:left;
box-sizing:border-box;
vertical-align:baseline;
width: calc((100% * 1/3) );
}
#header #main_menu ul li.en_menu a{
text-decoration:none;
box-sizing:border-box;
}
#header #main_menu ul li.en_menu a:hover{
color:#ffffff;
}
#header #main_menu ul li.en_menu:hover{
display:block;
background-color:#009933;
color:#ffffff;
}
#header #main_menu ul li.en_menu ul.sub li{
font-size:1.0em;
width:332px;
float:left;
}
#header #main_menu ul li.en_menu ul.sub li a{
text-decoration:none;
padding-top:0;
box-sizing:border-box;
font-size:1.0em;
text-shadow:#fff 1px 2px 2px;
}
#index_content #en_inside{
width:1000px;
height:auto;
margin:0 auto;
padding:0;
}
#index_content #en_inside div{
float:left;
margin:0;
padding:0;
width : calc((100% * 1/3) );
white-space:nowrap;
}
#menu_right_en{
float:left;
width:280px;
height:auto;
background-color:#ffffff;
background-image:url(https://handa-h.jp/images/corner.png);
background-repeat:no-repeat;
background-position:right top;
padding:15px 15px 150px 15px;
margin:0 0 10px 0;
}
#menu_right_en a{
text-decoration:none;
}
#menu_right_en h2{
font-size:1.2em;
color:#00503B;
font-weight:normal;
margin:0 auto 15px auto;
text-align:center;
}
#menu_right_en h2 a{
color:#00503B;
}
@media screen and (min-width: 481px) and (max-width: 860px){
img{
max-width:100%;
}
#whole{
width:100%;
height:auto;
}
#header{
width:100%;
height:auto;
}
#header #header_logo{
width:100%;
height:auto;
float:left;
}
#header #header_ssh{
float:left;
width:auto;
height:auto;
margin:0 0 0 10%;
text-align:center;
z-index:3;
position:relative;
}
#header #header_ssh_en{
float:left;
width:auto;
height:auto;
margin:0 0 0 10%;
text-align:center;
z-index:3;
position:relative;
}
#header #header_menu{
float:right;
}
#header #header_menu ul{
margin:50px 0 0 0;
padding:0;
z-index:2;
position:relative;
}
#header #header_menu ul li{
background-color:#eeeeee;
color:#000000;
padding:2px 10px;
margin:0 5px;
list-style:none;
float:left;
box-sizing:border-box;
font-size:small;
}
#header #header_menu ul li a{
text-decoration:none;
}
#header #header_menu ul li a:hover{
color:#ffffff;
}
#header #header_menu ul li:hover{
display:block;
background-color:#009933;
color:#ffffff;
}
#main_menu{
clear:both;
width:100%;
height:auto;
margin:20px 0 0 0;
}
#main_menu ul#dropmenu{
width:100%;
height:auto;
margin:0;
padding:0;
}
#main_menu ul#dropmenu li{
float:left;
width:20%;
height:auto;
margin:0;
padding:0;
list-style:none;
}
#main_menu ul#dropmenu li img{
width:100%;
height:auto;
}
.flexslider{
clear:both;
width:100%;
height:auto;
margin:45px auto 10px auto;
padding:0;
border:none;
}
.flexslider ul{
width:100%;
height:auto;
margin:0;
padding:0;
}
.flexslider img{
max-width:100%;
}
#slideshow{
width:100%;
height:auto;
background-image:url(https://handa-h.jp/images/slider/01_bg.jpg);
background-size:100%;
background-repeat:no-repeat;
}
#slideshow img{
width:100%;
height:auto;
}
#index_content{
clear:both;
width:100%;
height:auto;
float:left;
}
#index_content #inside{
width:96%;
height:auto;
margin:0 auto;
padding:0;
}
#index_content #inside div{
width:20%;
height:auto;
margin:0 auto;
}
#index_content #inside div img{
width:80%;
height:auto;
margin:0 auto;
}	
#index_content #en_inside{
width:96%;
height:auto;
margin:0 auto;
padding:0;
text-align:center;
}
#index_content #en_inside div{
width:33%;
height:auto;
margin:0 auto;
}
#index_content #en_inside div img{
width:80%;
height:auto;
margin:0 auto;
}	
#menu_center,#menu_right,#menu_right_en{
width:33%;
height:auto;
float:left;
background-color:#fff;
padding:0 2% 10px 2%;
box-sizing:border-box;
margin:10px auto 10px auto;
}
ul.menu_list{
margin:0  0 10px 0;
padding:0;
}
ul.menu_list li{
margin:0 0 5px 20px;
padding:1px 0 0 16px;
list-style:none;
background-image:url(https://handa-h.jp/images/list_img_01.png);
background-repeat:no-repeat;
background-position:left;
}
ul.menu_list li a:hover{
display:block;
}
hr.gy_hr{
clear:both;
width:100%;
height:3px;
margin:15px auto;
background-color:#eeeeee;
border:none;
}
.topimg{
width:100%;
height:auto;
}
.whole{
width:100%;
height:auto;
padding:0;
}
#side_menu{
width:22%;
height:auto;
float:left;
margin:10px 0 0 2%;
}
#content_box{
width:74%;
height:auto;
float:right;
}
#news_box{
width:33%;
height:auto;
float:left;
background-color:#fff;
padding:0 2% 10px 2%;
box-sizing:border-box;
margin:10px auto 10px auto;
}
ul#npcatch{
width:96%;
height:auto;
margin:0 auto 15px auto;
}
ul#npcatch li{
width:100%;
min-height:80px;
clear:both;
float:left;
border:solid 1px #eee;
padding:10px;
margin:0 0 10px 0;
list-style:none;
}
ul#npcatch li .title{
float:left;
width:50%;
height:auto;
}
ul#npcatch li .title a{
color:#009933;
}
ul#npcatch li .news_data{
font-size:0.65em;
font-weight:normal;
}
ul#npcatch li .news_data{
color:#000;
}
ul#npcatch li img{
float:left;
width:80px;
height:80px;
margin:0 10px 0 0;
}
#news_box .comment_big{
clear:both;
text-align:center;
font-size:0.8em;
}
#footer #footer_content{
width:100%;
height:auto;
margin:20px auto 10px auto;
}
#footer #footer_content #gotop{
display:none;
}
#footer #footer_content #sp_gotop{
position:fixed;
right:10px;
bottom:10px;
display:inherit;
}
#footer_address{
width:100%;
height:auto;
margin:30px auto 30px auto;
font-size:small;
text-align:center;
}
#footer_address h3{
font-weight:normal;
font-size:1.2em;
}
#footer_right{
display:none;
}
}
@media screen and (max-width: 480px) {
html{
font-size: 62.5%;
}
body{
font-size:1.6rem;
}
img{
max-width:100%;
}
#whole{
width:100%;
height:auto;
}
#header{
width:100%;
height:auto;
margin:0 0 20px 0;
}
#header h1{
font-size:x-small;
font-weight:normal;
text-align:center;
margin:3px 0 5px 0;
}
#header #header_logo{
clear:both;
width:100%;
height:auto;
margin:0 0 10px 0;
text-align:center;
}
#header #header_logo img{
width:60%;
height:auto;
}
#header #header_menu{
display:none;
}
.topimg{
clear:both;
width:100%;
height:auto;
float:left;
margin:20px auto 10px auto;
}
#main_menu{
display:none;
}
.btn {
clear:both;
background:transparent url(https://handa-h.jp/images/btn.png) no-repeat 0 0;
display: block;
width:42px;
height: 42px;
position: absolute;
position:fixed;
top:10px;
right:10px;
cursor: pointer;
z-index: 200;
}	
.close {
background-position: -42px 0;
}
#sp_main_menu{
display: none;
background-color:rgba(0,0,0,0.6);
position: absolute;
position:fixed;
top: 0px;
right:0;
width:60%;
padding:60px 0 10px 0;
z-index:100;
}
#sp_menu{
margin:0;
padding:0;
}
#sp_menu li {
width:96%;
list-style:none;
margin:0 auto 2px auto;
padding:0 0 5px 0;
font-size:0.8em;
}
#sp_menu li a {
color:#00503B;
display: block;
padding:10px 5px 10px 16px;
background-color: hsla(0,0%,100%,0.80);
text-decoration:none;
background-image:url(https://handa-h.jp/images/list_img_01.png);
background-repeat:no-repeat;
background-position:left;
}
.flexslider{
clear:both;
width:100%;
height:auto;
margin:0 auto 50px auto;
padding:0;
border:none;
}
.flexslider ul{
width:100%;
height:auto;
margin:0;
padding:0;
}
.flexslider img{
max-width:100%;
}
#slideshow{
width:100%;
height:auto;
background-image:url(https://handa-h.jp/images/slider/01_bg.jpg);
background-size:100%;
background-repeat:no-repeat;
}
#slideshow img{
width:100%;
height:auto;
}
#index_content{
clear:both;
width:100%;
height:auto;
float:left;
display:none;
}
#index_content #inside{
width:96%;
height:auto;
margin:0 auto;
padding:0;
}
#index_content #inside div{
width:48%;
height:auto;
margin:0 auto;
}
#index_content #inside div img{
width:80%;
height:auto;
margin:0 auto;
}
#index_content #en_inside{
width:96%;
height:auto;
margin:0 auto;
padding:0;
}
#index_content #en_inside div{
width:calc((100% * 1/3) );
height:auto;
margin:0 auto;
}
#index_content #en_inside div img{
width:90%;
height:auto;
margin:0 auto;
}
#menu_center,#menu_right,#menu_right_en{
width:86%;
height:auto;
float:left;
background-color:#fff;
padding:5%;
margin:0 2% 10px 2%;
}
ul.menu_list{
margin:0  0 10px 0;
padding:0;
}
ul.menu_list li{
margin:0 0 5px 20px;
padding:1px 0 0 16px;
list-style:none;
background-image:url(https://handa-h.jp/images/list_img_01.png);
background-repeat:no-repeat;
background-position:left;
}
ul.menu_list li a:hover{
display:block;
}
hr.gy_hr{
clear:both;
width:100%;
height:3px;
margin:15px auto;
background-color:#eeeeee;
border:none;
}
.whole{
width:98%;
height:auto;
padding:0 1%;
}
table.simple_box{
width:100%;
height:auto;
max-width:100%;
margin:20px 0 20px 0;
box-sizing:border-box;
font-size:0.5em;
}
table.simple_box a{
text-decoration:underline;
}
table.simple_box th{
font-weight:bold;
padding:10px 0;
}
table.simple_box td{
padding:2px;
box-sizing: border-box;
}
#footer #footer_content{
width:100%;
height:auto;
margin:20px auto 10px auto;
}
#footer #footer_content #gotop{
display:none;
}
#footer #footer_content #sp_gotop{
position:fixed;
right:10px;
bottom:10px;
display:inherit;
}
#footer_address{
width:100%;
height:auto;
margin:30px auto 30px auto;
font-size:small;
text-align:center;
}
#footer_address h3{
font-weight:normal;
font-size:1.2em;
}
#footer_right{
display:none;
}
#side_menu{
display:none;
}
#sp_fmenu{
margin:15px 0;
display:inherit;
}
#sp_fmenu ul{
margin:0;
padding:0;
}
#sp_fmenu ul li{
margin:0;
padding:5px 5px 5px 15px;
border-bottom: solid 1px #eee;
background-image:url(https://handa-h.jp/images/list_img_01.png);
background-repeat:no-repeat;
background-position:left;
list-style:none;
}
#content_box{
clear:both;
width:100%;
height:100%;
float:right;
margin:0 auto;
padding:0 15px;
box-sizing:border-box;
background-color:#fff;
}
.line_list{
width:98%;
height:auto;
margin:0 auto 10px auto;
padding:0;
}
.line_list li{
list-style:none;
padding:5px 2px 2px 18px;
margin:0 0 3px 0;
font-size:0.9em;
border-bottom: solid 1px #eee;
background-image: url(https://handa-h.jp/images/list_img_02.png);
background-repeat:no-repeat;
background-position:left;
}
#index_news{
clear:both;
float:left;
width:100%;
height:auto;
padding:60px 5px 10px 5px;
margin:10px auto 0 auto;
box-sizing:border-box;
background-color:#fff;
background-image:url(https://handa-h.jp/images/index_news.jpg);
background-repeat:no-repeat;
background-position:left;
font-size:0.85em;
}
#header #header_ssh{
float:left;
width:auto;
height:auto;
margin:0 0 0 10px;
text-align:center;
z-index:3;
position:relative;
}
#header #header_ssh img{
width:60%;
height:auto;
}
#header #header_ssh_en{
float:left;
width:auto;
height:auto;
margin:0 0 0 10px;
text-align:center;
z-index:3;
position:relative;
}
#header #header_ssh_en img{
width:60%;
height:auto;
}
}@font-face {
font-family: 'flexslider-icon';
src: url(//handa-h.jp/wp-content/themes/handa/fonts/flexslider-icon.eot);
src: url(//handa-h.jp/wp-content/themes/handa/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'), url(//handa-h.jp/wp-content/themes/handa/fonts/flexslider-icon.woff) format('woff'), url(//handa-h.jp/wp-content/themes/handa/fonts/flexslider-icon.ttf) format('truetype'), url(//handa-h.jp/wp-content/themes/handa/fonts/flexslider-icon.svg#flexslider-icon) format('svg');
font-weight: normal;
font-style: normal;
} .flex-container a:hover,
.flex-slider a:hover {
outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flex-pauseplay span {
text-transform: capitalize;
} .flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
width: 100%;
display: block;
}
.flexslider .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexslider .slides {
display: block;
}
* html .flexslider .slides {
height: 1%;
}
.no-js .flexslider .slides > li:first-child {
display: block;
} .flexslider {
margin: 0 0 60px;
background: #fff;
border: 4px solid #fff;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides img {
height: auto;
-moz-user-select: none;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
@-moz-document url-prefix() {
.loading .flex-viewport {
max-height: none;
}
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: '\f001';
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
content: '\f002';
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter: alpha(opacity=0);
cursor: default;
z-index: -1;
}
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: '\f004';
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: '\f003';
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
} @media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}
 .membership_level {
text-align: right;
}
.sp_content{
display:none;
} .dl_box {
min-height:145px;
}
.aligncenter {
text-align:center;
}
.circle_red {
color: #fff;
background-color:#f00;
padding: 0;
margin: 0;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
display: inline-block;
border-radius: 50%;
} ul#npcatch {
width:300px;
height:auto;
margin:0 auto 5px auto;
float:left;
overflow-wrap: normal;
background-color: white;
}. a{
color:#008040;
} ul#npcatch li figure {
float: left !IMPORTANT;
margin: 0 !IMPORTANT;
}
ul#npcatch li img{
float:left;
width:80px;
height:80px;
margin:0 10px 0 0;
}
ul#npcatch li.sticky {
background-color: #D4EBDB;
} .sdm_download_item_top {
width:100%;
height:75px;
overflow:hidden;
background-color:#DFEFE6;
}
.sdm_download_thumbnail {
}
.sdm_download_title {
float:left;
font-size: 1.1em !IMPORTANT;
font-weight: bold; box-sizing:border-box;
text-indent:10px;
margin:0 !IMPORTANT;
padding:5px;
} ul.inline_block {
}
ul.inline_block li {
display:inline-block;
width:100px;
}
ul.inline_block li a {
display: block;
} ol.list_parentheses{
padding:0 0 0 2em;
margin:0;
}
ol.list_parentheses li{
list-style-type:none; counter-increment: cnt;
}
ol.list_parentheses li:before{
display: marker !IMPORTANT; 
content: "(" counter(cnt) ") " !IMPORTANT;
margin-left:-1em;
width: 2em;
} .intl_box {
border: 1px solid #cccccc;
box-sizing: border-box;
text-align: center;
}
.intl_title {
border-bottom: 1px solid #cccccc;
height:25px; background-color:#D4EBDB;
color: #000000; 
} .club_box{
position: relative;
float:left;
border: 1px solid #cccccc;
margin:0;
padding:0;
width: 170px;
height: 155px;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
}
.club_box .picture_box{
height:110px;
width:150px;
border: 0;
margin:10px;
background-image: url(https://handa-h.jp/wp-content/uploads/2016/08/koushou.png);
background-size: 60%;
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
position: relative;
}
.link .picture_box{
background-image: none;
overflow: hidden;
position: relative;
}
.club_box .picture_box img, .link .picture_box img {
position:absolute;
width:auto;
height:auto;
border:0;
max-width:100%;
max-height:100%;
left: 50%;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.club_box .name_box{
border-bottom: 1px solid #cccccc;
height:25px; background-color:#D4EBDB;
color: #000000; 
}
.club_box:after{
content: "";
clear: both;
display: block;
}
.club_box a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-indent:-999px;
}
.link .name_box {
color: #009933;
}
.link:hover{
background-color: #8BEB9B; }
.link:hover .name_box{
background-color: #009933;
color: #FFFFFF;
}   hr.hiiragi {
height:4px;
border-top:solid 2px #009933;
border-bottom:solid 2px #009933;;
color:#008040;
} td.arrow:empty {
background-image: linear-gradient(to top left, transparent 50%, #aaa 50%, #aaa 51%, transparent 51%, transparent);
}
.table_03{
width: 100%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.table_03 th{
width:25%;
padding:4px;
text-align: left;
vertical-align: top;
color: #444;
background-color: #feedf3;
border-left: 3px double #999;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.table_03 td{
width:75%;
padding:4px;
background-color: #fafafa;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.linkbox div{
display:inline-block;
vertical-align:bottom;
}
.linkbox div a{
font-weight:bold;
color:#008040;
}
.linkbox div a:hover{
font-weight:bold;
color:#333;
} .blinking{
-webkit-animation:blink 1.5s ease-in-out infinite alternate;
-moz-animation:blink 1.5s ease-in-out infinite alternate;
animation:blink 1.5s ease-in-out infinite alternate;
}
.wp-caption{
text-align:center;
}
.wp-caption img{
clear:both;
max-width:190px;
}
.wp-caption-text {
text-align:center;
}
.su-post-comments-link {
display:none;
} article.sci_communication dt,
article.changemaker_seminar dt,{
position: relative;
padding: 0.25em 0;
}
article.sci_communication dt:after,
article.changemaker_seminar dt:after{
content: "";
display: block;
height: 2px;
background: -moz-linear-gradient(to right, #009933, transparent);
background: -webkit-linear-gradient(to right, #009933, transparent);
background: linear-gradient(to right, #009933, transparent);
}
article.sci_communication dd,
article.changemaker_seminar dd{
position: relative;
margin-left: 1em;
}
article.sci_communication dd ul,
article.changemaker_seminar dd ul{
position: relative;
margin-left: 1em;
}
article#participation dl {
padding: 0.5em 1em;
margin: 2em 0;
color: #474747;
background: whitesmoke; border-left: double 7px #009933; border-right: double 7px #009933; }
article#participation dl p {
margin: 0; 
padding: 0;
}
dt {
font-size: 110%;
}
dl.lecturer,
dl.facilitator,
dl.poster { }
dl:after {
display:block;
clear:both;
height:0px;
visibility:hidden;
content:".";
}
dl.lecturer dd.picture, dl.facilitator dd.picture, dl.poster dd{
max-width:100%;
width:200px;
height:auto;
display: inline-block;
vertical-align: middle;
text-align: center;
padding: 5px;
}
dl.lecturer dd.biography, dl.facilitator dd.biography{
display: inline-block;
margin-right: 3.5em ; }
dl.lecturer dd.picture_url, dl.facilitator dd.picture_url{
min-width:60%;
width:440px;
vertical-align: middle;
}
tr.tr_link:nth-child(even) a, tr.tr_link:nth-child(odd) a{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-indent:-999px;
}
tr.tr_link:nth-child(even):hover, tr.tr_link:nth-child(odd):hover{
background-color: #D4EBDB; cursor:pointer;
}
td.times, td.participation_end_date, td.datetime,
td.prize, td.year, td.best_name {
text-align: center;
}
td.prize {
width:7em;
}
td.best_name {
width:6.5em;
}
td.year {
width:6em;
}
td.total {
text-align: right;
}
tr.tr_link:nth-child(even) td.lecturer_pict, 
tr.tr_link:nth-child(odd) td.lecturer_pict {
width:80px;
height:auto;
vertical-align:middle;
text-align: center;
}
tr.tr_link:nth-child(even) td.lecturer_pict img, 
tr.tr_link:nth-child(odd) td.lecturer_pict img {
width:80px;
height:auto;
}
.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }
.text-indent p { text-indent:1em;margin-top:0;margin-bottom:0;}
div.past{display:none;}
.line_list2{
width:94%;
height:auto;
margin:0 auto 10px auto;
padding:0; }
.line_list2 li{
display: inline-block;
list-style:none; padding:5px 2px 2px 18px;
margin:0 0 10px 0;
border-bottom: solid 1px #eee;
background-image: url(https://handa-h.jp/images/list_img_02.png);
background-repeat:no-repeat;
background-position:left;
width:30%;
}
.nav-top {
display:block;
width: 100%;
text-align: center;
}
#navigation-year{
display:block;
}
#navigation-year ul li{
display:inline;
margin-right: 1em;
}
.post-type-archive-sci_communication .entry-title {
color: #000;
font-weight: bold;
margin: 0 0 20px 0;
}
@-webkit-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink{
0% {opacity:0;}
100% {opacity:1;}
}
.wp-caption-text {
font-size:100% !IMPORTANT;
}
h1.su-post-title {
width:100%;
height:auto;
font-size:1.0em;
font-weight:normal;
background-color:#DFEFE6;
padding:5px;
margin:0 auto 15px auto;
text-indent:10px;
box-sizing:border-box;
}
.domain::before {
content: '@';
}
.privacy {
margin:auto;
border:double 5px #009933;
width:90%;
height:150px;
line-height:3em;
overflow-y:scroll;
padding:5px;
}
.privacy > ul {
margin:0;
padding:0 10px;
}
.privacy > ul > li {
display:block;
width:100%;
height:auto;
font-size:1.0em;
font-weight:nomal;
background-color:#DFEFE6;
padding:0 5px;
margin:0 auto 15px auto;
text-indent:10px;
box-sizing:border-box;
}
a.box {
border: solid 1.5px #009933;
margin: 1px 3px;
padding:1px 3px;
}
a.red {
color:#FF0000;
text-decoration:underline;
}
a.red.box {
text-decoration:none;
}
a.box:hover {
background-color:#D4EBDB;
} li.menu-item.menu-item-new a:after {
content: "NEW!";
margin-left: 0.5rem;
padding: 1px 2px;
vertical-align: middle;
font-size: .6rem;
color: #fff;
font-weight: bold;
border-radius: 3px;
background-color: #f02020;
} h2.entry-title {
background-color: #ebd4e4;
}
@media print { .not_print_area {
display: none;
} body {
top:0 !IMPORTANT;
left:0 !IMPORTANT;
width:172mm !IMPORTANT;
height:251mm !IMPORTANT;
}
.privacy {
margin:auto;
border:solid 1px #000000;
width:90%;
height:auto !IMPORTANT;
line-height:1em;
overflow-y:visible;
padding:5px;
}
.entry-content, .entry-meta {
font-size:14pt;
}
}
@media only screen and (max-width: 979px) {
}
@media only screen and (min-width: 321px) and (max-width: 768px) {
#index_content {
display:none;
}
}
@media only screen and (max-width: 320px) {
td.prize {
width:auto;
}
td.best_name {
width:auto;
}
td.year {
width:auto;
}
#index_content {
display:none;
}
}