/*
Theme Name: Twenty Eleven
Theme URI: http://wordpress.org/themes/twentyeleven
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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 {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    vertical-align: baseline;
}

a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
}

:focus {
    /* remember to define focus styles! */
    outline: 0;
}

body {
    background: #fff !important;
}

ol,
ul {
    list-style: none;
}

table {
    border-spacing: 0;
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
}

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;
}


/* =Structure
----------------------------------------------- */

body {
    position: relative;
}
#page {
    margin: 0;
    padding: 0;
    text-align: left;
}

#branding #mainimage {
    position: relative;
    text-align: center;
    background: url('/column/wp-content/uploads/2020/09/header_img.jpg') center no-repeat;
    max-width: 1400px;
    margin: 0 auto;
    height: 400px;
}
@media screen and (max-width: 767px) {
    #branding #mainimage {
        background: url('/column/wp-content/uploads/2020/09/header_img_sp.jpg') center no-repeat;
        height: 60vw;
        background-size: 100%;
    }
}
#branding #mainimage .sp_only {
    display: none;
}
#branding #mainimage .header_logo {
    position: absolute;
    top: 15%;
    left: 0;
    right: 0;
    margin: auto;
}
#branding #mainimage .header_logo a {
    display: inline-block;
    width: 38%;
}
#branding #mainimage .header_logo a img {
    max-width: 451px;
}
@media screen and (max-width:767px) {
    #branding #mainimage .pc_only {
        display: none;
    }
    #branding #mainimage .sp_only {
        display: block;
    }
    #branding #mainimage .header_logo {
        top: 6%;
    }
    #branding #mainimage .header_logo a {
        width: 55%;
    }
    #branding #mainimage .header_logo a img {
        width: 100%;
    }
}

div#main {
    display: block;
    overflow: hidden;
    margin: 50px auto 0;
    padding: 1em;
    max-width: 1200px;
}

div#main div.mainarea {
    float: left;
    width: 70%;
}

div#main div.leftarea {
    float: right;
    width: 25%;
}

#primary {}

#content {
    margin: 0;
}

#secondary {
    float: left;
    width: 100%;
}


/* Singular */

.singular #primary {
    margin: 0;
}

.singular #content,
.left-sidebar.singular #content {
    position: relative;
    width: auto;
}

.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {}

.singular footer.entry-meta {
    display: none;
}

/* Attachments */

.singular .image-attachment .entry-content {
    margin: 0 auto;
    width: auto;
}

.singular .image-attachment .entry-description {
    margin: 0 auto;
    width: 68.9%;
}


/* Showcase */

.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%;
}

.widget-area a {
    text-decoration: none
}

.widget_text a {
    padding: 0.25em 10px 0.25em 25px;
    background: url(images/s_icon_c.jpg) 10px no-repeat;
}


/* error404 */

.error404 #primary {
    float: none;
    margin: 0;
}

.error404 #primary #content {
    margin: 0 7.6%;
    width: auto;
}


/* Alignment */

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.625em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.625em;
}

.aligncenter {
    display: block;
    clear: both;
    margin-right: auto;
    margin-left: auto;
}


/* Right Content */

.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-right: 0;
    margin-left: 7.6%;
    width: 18.8%;
}


/* One column */

.one-column #page {
    max-width: 690px;
}

.one-column #content {
    margin: 0 7.6%;
    width: auto;
}

.one-column #nav-below {
    margin-bottom: 1.625em;
    border-bottom: 1px solid #ddd;
}

.one-column #secondary {
    float: none;
    margin: 0 7.6%;
    width: auto;
}


/* Simplify the showcase template */

.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;
}


/* Simplify the showcase template when small feature */

.one-column section.featured-post .attachment-small-feature {
    position: static;
    display: block;
    max-width: 60%;
    height: auto;
    border: none;
}

.one-column article.feature-image.small {
    margin: 0 0 1.625em;
    padding: 0;
}

.one-column article.feature-image.small .entry-title {
    font-size: 20px;
    line-height: 1.3em;
}

.one-column article.feature-image.small .entry-summary {
    overflow: hidden;
    padding: 0;
    height: 150px;
    text-overflow: ellipsis;
}

.one-column article.feature-image.small .entry-summary a {
    left: -9%;
}


/* Remove the margin on singular articles */

.one-column.singular .entry-header,
.one-column.singular .entry-content,
.one-column.singular footer.entry-meta,
.one-column.singular #comments-title {
    width: 100%;
}


/* Simplify the pullquotes and pull styles */

.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;
    top: 40px;
    left: 0;
}

.one-column.singular #author-info {
    margin: 2.2em -8.8% 0;
    padding: 20px 8.8%;
}


/* Make sure we have room for our comment avatars */

.one-column .commentlist>li.comment {
    margin-left: 102px;
    width: auto;
}


/* Make sure the logo and search form don't collide */

.one-column #branding #searchform {
    top: 4em;
    right: 40px;
}


/* Talking avatars take up too much room at this size */

.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 {
    top: 1.625em;
    right: 1.625em;
    left: auto;
    display: block;
    padding: 0;
    background: transparent;
}

.one-column .commentlist .children .avatar {
    position: absolute;
    top: 2.2em;
    left: 2.2em;
    padding: 0;
    background: none;
}

.one-column #respond {
    width: auto;
}


/* =Global
----------------------------------------------- */


/* 基本フォント ------------------------------ */

body,
td,
th,
h1,
h2,
h3,
h4,
h5,
h6 {
    /* font-size: 12px; */
    line-height: 1.5;
}

input,
textarea,
select {
    font-size: 12px;
    font-family: Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
    color: #333;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue','游ゴシック体', '游ゴシック', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    line-height: 1.6em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#page {
    background: #fff;
}


/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
}
h1{
font-size:1.5em;
}
hr {
    margin-bottom: 1.625em;
    height: 1px;
    border: 0;
    background-color: #ccc;
}


/* Text elements */

p {
    margin-bottom: 1.625em;
}

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 {
    margin: 0 3em;
    font-weight: normal;
    font-style: italic;
    font-family: Georgia, "Bitstream Charter", serif;
}

blockquote em,
blockquote i,
blockquote cite {
    font-style: normal;
}

blockquote cite {
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

pre {
    overflow: auto;
    margin-bottom: 1.625em;
    padding: 0.75em 1.625em;
    background: #f4f4f4;
    font: 13px "Courier 10 Pitch", Courier, monospace;
    line-height: 1.5;
}

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 {
    position: relative;
    height: 0;
    vertical-align: baseline;
    font-size: 10px;
    line-height: 1;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: smaller;
}


/* Forms */

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=number],
textarea {
    border: 1px solid #ddd;
    background: #fff;
}

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 {
    padding: 4px 10px 4px 28px;
    height: 22px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: url(images/search.png) no-repeat 5px 6px;
    font-size: 14px;
    line-height: 1.2em;
}

input#searchsubmit {
    display: none;
}


/* Links */

a {
    color: #333;
    /*
    text-decoration: none;
    */
}

a:focus,
a:active,
a:hover {
    text-decoration: underline;
}


/* Assistive text */

.assistive-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

#access a.assistive-text:focus {
    position: absolute;
    top: 0;
    left: 7.6%;
    clip: auto !important;
    border-bottom: 1px solid #ddd;
    background: #eee;
    color: #1982d1;
    text-decoration: underline;
    font-size: 12px;
}


/* =Header
----------------------------------------------- */

#branding {
    position: relative;
}

#site-title {
    margin-right: 270px;
    padding: 3.65625em 0 0;
}

#site-title a {
    color: #111;
    text-decoration: none;
    font-weight: bold;
    font-size: 30px;
    line-height: 36px;
}

#site-title a:hover,
#site-title a:focus,
#site-title a:active {
    color: #1982d1;
}

#site-description {
    margin: 0 270px 3.65625em 0;
    color: #7a7a7a;
    font-size: 14px;
}


/* =Menu
-------------------------------------------------------------- */

#access {
    overflow: hidden;
    width: 976px;
}

#access ul {
    width: 985px;
}

#access ul li {
    float: left;
    margin-right: 1px;
}

#access ul li a {
    display: block;
    overflow: hidden;
    height: 48px;
    background: url(images/mainmenu.gif);
    text-indent: 100%;
    white-space: nowrap;
}

#access ul li#menu-item-9 a {
    width: 216px;
}

#access ul li#menu-item-11 a {
    width: 189px;
    background-position: -217px 0;
}

#access ul li#menu-item-12 a {
    width: 189px;
    background-position: -407px 0;
}

#access ul li#menu-item-13 a {
    width: 189px;
    background-position: -597px 0;
}

#access ul li#menu-item-14 a {
    width: 189px;
    background-position: -787px 0;
}

#access ul li a:hover {
    background: url(images/mainmenu_on.gif);
}

#access ul li#menu-item-9 a:hover {
    width: 216px;
}

#access ul li#menu-item-11 a:hover {
    width: 189px;
    background-position: -217px 0;
}

#access ul li#menu-item-12 a:hover {
    width: 189px;
    background-position: -407px 0;
}

#access ul li#menu-item-13 a:hover {
    width: 189px;
    background-position: -597px 0;
}

#access ul li#menu-item-14 a:hover {
    width: 189px;
    background-position: -787px 0;
}


/* Search Form */

#branding #searchform {
    position: absolute;
    top: 3.8em;
    right: 7.6%;
    text-align: right;
}

#branding #searchform div {
    margin: 0;
}

#branding #s {
    float: right;
    width: 72px;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    -webkit-transition-property: width, background;
    -moz-transition-property: width, background;
    -o-transition-property: width, background;
}

#branding #s:focus {
    width: 196px;
    background-color: #f9f9f9;
}

#branding #searchsubmit {
    display: none;
}

#branding .only-search #searchform {
    top: 5px;
    z-index: 1;
}

#branding .only-search #s {
    border-color: #000;
    background-color: #666;
    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;
}


/* =Content
----------------------------------------------- */

.page-title {
    margin: 0 0 1.5em 0;
        text-align: center;
/*    padding: 10px;
    border: solid 1px #efefef;
    background: url(images/bg_h2.gif);
    font-size: 14px;
    line-height: 1em;*/
}

.page-title a {
    text-transform: none;
    letter-spacing: 0;
    font-weight: bold;
}

.hentry,
.no-results {
    position: relative;
    margin: 0 0 3em 0;
    padding: 0 0 5em;
    border-bottom: 1px solid #ddd;
}

.hentry:last-child,
.no-results {
    border-bottom: none;
}

.blog .sticky .entry-header .entry-meta {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}
.entry-title {
    clear: both;
    padding: 0.3em 0 1em 0;
    font-weight: bold;
    line-height: 1.5em;
}
.entry-title,
.entry-title a {
    text-decoration: none;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
    /*color: #1982d1;*/
}

.entry-content,
.entry-summary {
    padding: 0.5em 0;
}

.entry-content h1,
.entry-content h2,
.comment-content h1,
.comment-content h2 {
    margin: 0 0 .8125em;
    color: #000;
    font-weight: bold;
}

.entry-content h3,
.comment-content h3 {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 10px;
    line-height: 2.6em;
}

.entry-content table,
.comment-content table {
    margin: 0 0 1.625em;
    width: 100%;
    border-bottom: 1px solid #ddd;
}

.entry-content th,
.comment-content th {
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 500;
    font-size: 10px;
    line-height: 2.6em;
}

.entry-content td,
.comment-content td {
    padding: 6px 10px 6px 0;
    border-top: 1px solid #ddd;
}

.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 {
    display: block;
    clear: both;
    margin: 0 0 1.625em;
}

.page-link a {
    margin: 0;
    padding: 2px 3px;
    background: #eee;
    color: #373737;
    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 {
    float: right;
    padding: 0 8px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #eee;
    color: #666;
    text-decoration: none;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.5em;
}

.entry-meta .edit-link a:hover,
.commentlist .edit-link a:hover {
    background: #888;
    color: #fff;
}

.entry-content .edit-link {
    display: block;
    clear: both;
}

/* Images */
.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%;
    /* Fluid images for posts, comments, and widgets */
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full,
img.size-large {
    max-width: 97.5%;
    width: auto;
    /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */
    height: auto;
    /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

.entry-content img.wp-smiley {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    border: none;
}

img.alignleft,
img.alignright,
img.aligncenter {
    margin-bottom: 1.625em;
}

p img,
.wp-caption {
    margin-top: 0.4em;
}

.wp-caption {
    margin-bottom: 1.625em;
    padding: 9px;
    max-width: 96%;
    background: #eee;
}

.wp-caption img {
    display: block;
    margin: -2px 0 0 -2px;
    max-width: 98%;
}

.wp-caption .wp-caption-text,
.gallery-caption {
    color: #666;
    font-size: 12px;
    font-family: Georgia, serif;
}

.wp-caption .wp-caption-text {
    position: relative;
    margin-bottom: 0.6em;
    padding: 10px 0 5px 40px;
}

.wp-caption .wp-caption-text:before {
    position: absolute;
    top: 7px;
    left: 10px;
    margin-right: 5px;
    color: #666;
    content: '\2014';
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
}

#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 {
    padding-right: 2%;
    width: 23%;
}

#content .gallery-columns-4 .gallery-item img {
    width: 100%;
    height: auto;
}


/* Image borders */


/*
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {
    padding: 6px;
    max-width: 97.5%;
    border: 1px solid #ddd;
}*/

.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 {
    border-color: #bbb;
    /* Add some useful style to those fancy borders for linked images ... */
    background: #eee;
}

.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {
    border-color: #ddd;
    /* ... including captioned images! */
    background: #fff;
}


/* Make sure videos and embeds fit their containers */

embed,
object {
    max-width: 100%;
}

.entry-content .twitter-tweet-rendered {
    max-width: 100% !important;
    /* Override the Twitter embed fixed width */
}


/* Password Protected Posts */

.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 */

#author-info {
    overflow: hidden;
    font-size: 12px;
}

.singular #author-info {
    margin: 2.2em -35.6% 0 -35.4%;
    padding: 20px 35.4%;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #f9f9f9;
}

.archive #author-info {
    margin: 0 0 2.2em;
    padding: 0 0 2.2em;
    border-bottom: 1px solid #ddd;
}

#author-avatar {
    float: left;
    margin-right: -78px;
}

#author-avatar img {
    padding: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px #bbb;
    -moz-box-shadow: 0 1px 2px #bbb;
    box-shadow: 0 1px 2px #bbb;
}

#author-description {
    float: left;
    margin-left: 108px;
}

#author-description h2 {
    margin: 5px 0 10px;
    color: #000;
    font-weight: bold;
    font-size: 15px;
}


/* Comments link */

.entry-header .comments-link a {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    padding: 0 0 0;
    width: 43px;
    height: 36px;
    background: #eee url(images/comment-bubble.png) no-repeat;
    color: #666;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    font-size: 13px;
    line-height: 35px;
}

.entry-header .comments-link a:hover,
.entry-header .comments-link a:focus,
.entry-header .comments-link a:active {
    background-color: #ffffff;
}

.entry-header .comments-link .leave-reply {
    visibility: hidden;
}


/*
Post Formats Headings
To hide the headings, display: none the ".entry-header .entry-format" selector,
and remove the padding rules below.
*/

.entry-header .entry-format {
    position: absolute;
    top: -5px;
    display: none;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 500;
    font-size: 10px;
    line-height: 2.6em;
}

article.format-aside .entry-content,
article.format-link .entry-content,
article.format-status .entry-content {
    padding: 20px 0 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 content styles for Posts and Pages */

.singular .hentry {
    position: relative;
    padding: 0;
}
.singular.page .hentry {
    padding: 3.5em 0 0;
}
.singular .entry-title {
    font-size: 24px;
}
.singular .entry-header .entry-meta {
    display: none;
}
.singular .head_metaBox {
    overflow: hidden;
}
.singular .head_metaBox .head_metaBox_date {
    color: #828282;
    font-size: 16px;
    margin: 0;
    float: left;
    padding: 5px 15px 0 0;
}
.singular .head_metaBox .head_metaBox_cate {
    float: left;
    margin: 0;
}
.singular .head_metaBox .head_metaBox_cate a {
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    border: 1px solid #a99958;
    padding: 0.2em 1em;
    color: #816e1f;
    margin: 0 10px 0 0;
}

blockquote.pull {
    margin: 0 0 1.625em;
    text-align: center;
    font-weight: bold;
    font-size: 21px;
    line-height: 1.6125em;
}

.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 {
    position: absolute;
    right: 0;
    bottom: auto;
}


/* =Aside
----------------------------------------------- */

.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;
}


/* =Link
----------------------------------------------- */

.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;
}


/* =Gallery
----------------------------------------------- */

.format-gallery .gallery-thumb {
    display: block;
    float: left;
    margin: .375em 1.625em 0 0;
    max-width: 100%;
}


/* =Status
----------------------------------------------- */

.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 {
    float: left;
    margin: 4px 10px 2px 0;
    padding: 0;
    -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;
}


/* =Quote
----------------------------------------------- */

.format-quote blockquote {
    margin: 0;
    color: #555;
    font-size: 17px;
}


/* =Image
----------------------------------------------- */

.indexed.format-image .entry-header {
    min-height: 61px;
    /* Prevent the comment icon from colliding with the image when there is no title */
}

.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 {
    overflow: hidden;
    padding: 4%;
    max-width: 96%;
    background: #ddd;
}

.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 {
    display: block;
}

.indexed.format-image footer.entry-meta a {
    color: #444;
}

.indexed.format-image footer.entry-meta a:hover {
    color: #fff;
}

#content .indexed.format-image img {
    padding: 0;
    max-width: 100%;
    border: none;
}

.indexed.format-image .wp-caption {
    margin-bottom: 0;
    padding: 2% 2% 0;
    max-width: 96%;
    background: #111;
}

.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
----------------------------------------------- */

.error404 #main #searchform {
    overflow: hidden;
    margin: 0 -8.9% 1.625em;
    padding: 1.625em 8.9%;
    border: 1px solid #ddd;
    border-width: 1px 0;
    background: #f9f9f9;
}

.error404 #main #s {
    width: 95%;
}

.error404 #main .widget {
    float: left;
    clear: none;
    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 {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 10px;
    line-height: 2.6em;
}


/* =Showcase
----------------------------------------------- */

h1.showcase-heading {
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 500;
    font-size: 10px;
    line-height: 2.6em;
}


/* Intro */

article.intro {
    margin: -1.855em -8.9% 1.625em;
    padding: 0 8.9%;
    border-bottom: none;
    background: #f9f9f9;
}

article.intro .entry-title {
    display: none;
}

article.intro .entry-content {
    padding: 1.625em 0 0.625em;
    color: #111;
    font-size: 16px;
}

article.intro .edit-link a {
    position: absolute;
    top: 30px;
    right: 20px;
    padding: 0 8px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #aaa;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
}

article.intro .edit-link a:hover,
article.intro .edit-link a:focus,
article.intro .edit-link a:active {
    background: #777;
}


/* Featured post */

section.featured-post {
    position: relative;
    float: left;
    margin: -1.625em -8.9% 1.625em;
    padding: 1.625em 8.9% 0;
    width: 100%;
}

section.featured-post .hentry {
    margin: 0;
    border: none;
    color: #666;
}

section.featured-post .entry-meta {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}


/* Small featured post */

section.featured-post .attachment-small-feature {
    position: relative;
    right: -15px;
    float: right;
    margin: 0 -8.9% 1.625em 0;
    max-width: 59%;
    height: auto;
}

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 {
    position: relative;
    top: 20px;
    left: -23.8%;
    z-index: 1;
    display: block;
    padding: 9px 26px 9px 85px;
    width: 180px;
    background: #222;
    color: #eee;
    text-decoration: none;
}

article.feature-image.small .entry-summary p a:hover {
    background: #1982d1;
    color: #eee;
    color: rgba(255, 255, 255, 0.8);
}


/* Large featured post */

section.feature-image.large {
    padding: 0;
    max-height: 288px;
    width: 100%;
    border: none;
}

section.feature-image.large .showcase-heading {
    display: none;
}

section.feature-image.large .hentry {
    position: absolute;
    top: 0;
    left: 9%;
    margin: 1.625em 9% 0 0;
    border-bottom: none;
}

article.feature-image.large .entry-title a {
    display: inline-block;
    padding: .2em 20px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #222;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-weight: 300;
}

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;
    padding: 0 0 6px;
    max-width: 117.9%;
    height: auto;
}


/* Featured Slider */

.featured-posts {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 1.625em -8.9% 20px;
    padding: 0;
    max-width: 1000px;
    height: 328px;
    border-bottom: 1px solid #ddd;
}

.featured-posts .showcase-heading {
    padding-left: 8.9%;
}

.featured-posts section.featured-post {
    position: absolute;
    top: 30px;
    left: 0;
    margin: 0;
    width: auto;
    height: 288px;
    background: #fff;
}

.featured-posts section.featured-post.large {
    overflow: hidden;
    max-width: 100%;
}

.featured-posts section.featured-post {
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -webkit-transition-property: opacity, visibility;
    -moz-transition-property: opacity, visibility;
}

.featured-posts section.featured-post {
    visibility: hidden;
    opacity: 0;
}

.featured-posts #featured-post-1 {
    visibility: visible;
    opacity: 1;
}

.featured-post .feature-text:after,
.featured-post .feature-image.small:after {
    position: absolute;
    top: 230px;
    width: 100%;
    height: 45px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* IE10+ */
    background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C */
    content: ' ';
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

.featured-post .feature-image.small:after {
    top: 253px;
}

#content .feature-slider {
    position: absolute;
    top: 5px;
    right: 8.9%;
    overflow: visible;
}

.feature-slider ul {
    margin: 0;
    list-style-type: none;
}

.feature-slider li {
    float: left;
    margin: 0 6px;
}

.feature-slider a {
    display: block;
    width: 14px;
    height: 14px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background: #3c3c3c;
    background: rgba(60, 60, 60, 0.9);
    -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);
}

.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);
    opacity: 0.5;
    cursor: default;
}


/* Recent Posts */

section.recent-posts {
    padding: 0 0 1.625em;
}

section.recent-posts .hentry {
    margin: 0;
    border: none;
}

section.recent-posts .other-recent-posts {
    margin: 0;
    border-bottom: 1px solid #ddd;
    list-style: none;
}

section.recent-posts .other-recent-posts li {
    position: relative;
    padding: 0.3125em 0;
}

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"] {
    float: left;
    max-width: 84%;
    color: #373737;
}

section.recent-posts .other-recent-posts a[rel="bookmark"]:after {
    color: transparent;
    content: '-';
    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 {
    position: absolute;
    right: 0;
    bottom: -2px;
    z-index: 1;
    display: block;
    padding: 0.3125em 0 0.3125em 1em;
    border-bottom: 2px solid #999;
    color: #444;
    text-align: right;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 10px;
    line-height: 2.76333em;
}

section.recent-posts .other-recent-posts .comments-link>span {
    border-color: #bbb;
    color: #888;
}

section.recent-posts .other-recent-posts .comments-link a:hover {
    border-color: #1982d1;
    color: #1982d1;
}

section.recent-posts .other-recent-posts li:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: '.';
}


/* =Attachments
----------------------------------------------- */

.image-attachment div.attachment {
    overflow: hidden;
    margin: 0 -8.9% 1.625em;
    padding: 1.625em 1.625em 0;
    border: 1px solid #ddd;
    border-width: 1px 0;
    background: #f9f9f9;
    text-align: center;
}

.image-attachment div.attachment img {
    display: block;
    margin: 0 auto 1.625em;
    max-width: 100%;
    height: auto;
}

.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 {
    margin: 0 0 2.6em;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 10px;
    line-height: 2.6em;
}


/* =Navigation
-------------------------------------------------------------- */

#content nav {
    clear: both;
    overflow: hidden;
    padding: 0 0 3em;
}
#content nav h2 {
    display: none;
}
#content nav a {
    position: relative;
    display: inline-block;
    padding: 0 1.5rem;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f5f5f5;
    color: #333;
    text-decoration: none;
    font-size: 16px;
    line-height: 2.2em;
    line-height: 2.5rem;
}
@media screen and (max-width:767px){
    #content nav a {
        font-size: 14px;
    }
}
#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;
    width: 50%;
    text-align: right;
}

#content nav .meta-nav {
    font-weight: normal;
}


/* Singular navigation */

#nav-single {
    position: relative;
    top: -0.3em;
    z-index: 1;
    float: right;
    text-align: right;
}

#nav-single .nav-previous,
#nav-single .nav-next {
    width: auto;
}

#nav-single .nav-next {
    padding-left: .5em;
}

#nav-single .nav-previous {
    padding-right: .5em;
}


/* =Widgets
----------------------------------------------- */

.widget-area {
    /*font-size: 12px;*/
}

.widget {
    clear: both;
    margin-bottom: 1.5em;
    padding: 0.5em 0 1.5em 0;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.widget:last-child{
    border-bottom: none;
margin-bottom: 0;
}

.widget ul {
    margin: 0;
}

.widget ul ul {
    margin-left: 1em;
}

.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;
}


/* Search Widget */

.widget_search form {
    margin: 0 0 1.625em;
}

.widget_search #s {
    width: 77%;
}

.widget_search #searchsubmit {
    position: relative;
    top: -2px;
    border: 1px solid #ccc;
    background: #ddd;
    -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;
}

.widget_search #searchsubmit:active {
    border-color: #0861a5;
    background: #1982d1;
    -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;
}


/* Ephemera Widget */

section.ephemera ol,
.widget_twentyeleven_ephemera ol {
    margin: 5px 0 0;
    list-style: square;
}

.widget_twentyeleven_ephemera .widget-entry-title {
    padding: 0;
    font-weight: bold;
    font-size: 15px;
}

.widget_twentyeleven_ephemera .comments-link a,
.widget_twentyeleven_ephemera .comments-link>span {
    display: block;
    color: #666;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 10px;
    line-height: 2.76333em;
}

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;
}


/* Twitter */

.widget_twitter li {
    margin-bottom: 14px;
    list-style-type: none;
}

.widget_twitter .timesince {
    display: block;
    margin-right: -10px;
    text-align: right;
    font-size: 11px;
}


/* Widget Image */

.widget_image img {
    padding: 0;
    max-width: 100%;
    height: auto;
    border: 0;
}


/* Calendar Widget */

.widget_calendar #wp-calendar {
    width: 95%;
    color: #555;
    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 {
    padding: 5px 0 3px 0;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
}

.widget_calendar #wp-calendar th {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #f4f4f4;
    font-weight: bold;
}

.widget_calendar #wp-calendar tfoot td {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #f4f4f4;
}


/* --------------------------------------------------------------------------------------
 sidebar
--------------------------------------------------------------------------------------- */


/*-- ブログについて ----------*/

aside#text-3 {
    margin: 15px 0 5px 0;
    padding: 6px;
    background: url(images/bg_kanbai.gif);
}

aside#text-3 div.inbox {
    padding: 10px 23px 23px 23px;
    background: #fff;
}

aside#text-3 div.inbox h3 {
    margin: 6px 0 10px 0;
    text-align: center;
    font-size: 14px;
}

aside#text-3 div.inbox p {
    display: block;
    margin-top: 10px;
    font-size: 11px;
}

aside#text-3 div.inbox strong {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
}


/*-- アーカイブで選ぶ(ツリー形式) ----------*/

aside#collapsarch-2 {
    margin: 15px 0 5px 0;
    border: 1px solid #ebebeb;
}

aside#collapsarch-2 h3 {
    padding: 6px 10px;
    border: 1px solid #fff;
    background: url(images/category_bg.jpg);
    font-size: 14px;
}

aside#collapsarch-2 ul.collapsing {
    margin: 7px 10px 10px 10px;
    line-height: 1.8;
}

aside#collapsarch-2 ul.collapsing li span.sym {
    margin: 0 6px 0 0;
}

aside#collapsarch-2 li {
    /*padding: 0 10px 0 25px;*/
    /*background: url(images/s_icon_c.jpg)  10px no-repeat;*/
}

aside#collapsarch-2 ul.collapsing li.archives {
    padding: 0 0 0 15px;
    background: url(images/s_icon_c.jpg) 1px 7px no-repeat;
}

aside#collapsarch-2 ul.collapsing li.collapse,
aside#collapsarch-2 ul.collapsing li.expand {
    padding: 0;
    background: none;
}


/*-- アーカイブで選ぶ ----------*/

aside#archives-2 {
    margin: 15px 0 5px 0;
    border: 1px solid #ebebeb;
}

aside#archives-2 h3 {
    padding: 6px 10px;
    border: 1px solid #fff;
    background: url(images/category_bg.jpg);
    font-size: 14px;
}

aside#archives-2 ul {
    margin: 7px 0 0 0;
    line-height: 1.8;
}

aside#archives-2 li {
    padding: 0 10px 0 25px;
    background: url(images/s_icon_c.jpg) 10px no-repeat;
}
aside#archives-2 span {
    display: block;
    padding: 6px 10px;
    text-align: right;
}

/*-- side カテゴリー ----------*/
#secondary .secondary_box {
    margin-bottom: 50px;
}
#secondary h3.secondary_title {
    display: block;
    border-left: 5px solid #a99958;
    padding-left: 15px;
    margin-bottom: 10px;
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue','游ゴシック体', '游ゴシック', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#secondary .secondary_box_cate ul {
    border-top: 1px solid #d9d9d9;
    padding-top: 10px;
}
#secondary .secondary_box_cate ul li {
    display: inline-block;
}
#secondary .secondary_box_cate ul a {
    border: 1px solid #a99958;
    padding: 0.3em 1em;
    color: #816e1f;
    margin: 10px 10px 0 0;
    display: inline-block;
    font-size: 16px;
}
#secondary .secondary_box_cate ul a:hover {
    text-decoration: none;
}
.sbi_no_avatar .sbi_header_img {
    background: #f00075 !important;
}

/*-- side 新着情報 ----------*/
#secondary .secondary_box_new ul li a:hover {
    text-decoration: none;
}
#secondary .secondary_box_new ul {
    border-bottom: 1px solid #d9d9d9;
}
#secondary .secondary_box_new ul li {
    border-top: 1px solid #d9d9d9;
    padding:20px 0;
    overflow: hidden;
}
#secondary .secondary_box_new ul li a {
    display: block;
}
#secondary .secondary_box_new ul li .entryImg {
    width: 35%;
    float: left;
    margin-right: 5%;
}
#secondary .secondary_box_new ul li .entryText {
    width: 60%;
    float: left;
}
#secondary .secondary_box_new ul li .entryImg img {
    width: 100%;
}
#secondary .secondary_box_new ul li .entryTitle {
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue','游ゴシック体', '游ゴシック', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 14px;
    font-weight: normal;
}
#secondary .secondary_box_new ul li .entryCate {
    padding-top: 5px;
}
#secondary .secondary_box_new ul li .entryCate a {
    display: inline-block;
    font-size: 12px;
    border: 1px solid #a99958;
    padding: 0em 0.5em;
    color: #816e1f;
    margin: 0 3px 3px 0;
}

/*-- facebook ----------*/
div.s_facebook {
    margin: 15px 0 0 0;
}

/*-- バナー ----------*/
.dot_border {
    padding-bottom: 10px;
    border-bottom: 1px dotted #ebebeb;
}


/* =Comments
----------------------------------------------- */

#comments {}

#comments-title {
    margin-bottom: 2em;
    padding: 10px 0;
    border-bottom: solid 1px #ebebeb;
    font-size: 13px;
    line-height: 1em;
}

.nopassword,
.nocomments {
    margin: 26px 0;
    color: #aaa;
    text-align: center;
    font-weight: 100;
    font-size: 24px;
}

.commentlist {
    margin: 0 auto;
    list-style: none;
}

.content .commentlist,
.page-template-sidebar-page-php .commentlist {
    width: 100%;
    /* reset the width for the one-column and sidebar page layout */
}

.commentlist>li.comment {
    position: relative;
    margin: 0 0 1.5em;
    padding: 1em;
    /*background: #f6f6f6;*/
    border-bottom: 1px solid #ebebeb;
}

.commentlist .pingback {
    margin: 0 0 1.625em;
    padding: 0 1.625em;
}

.commentlist .children {
    margin: 0;
    list-style: none;
}

.commentlist .children li.comment {
    position: relative;
    margin: 1.625em 0 0;
    padding: 1.625em;
    border-left: 1px solid #ddd;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    background: #fff;
}

.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 {
    margin-left: 50px;
    line-height: 1.625em;
}

.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 {
    position: absolute;
    top: 0;
    left: -102px;
    padding: 0;
    -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;
}

.commentlist>li:before {
    position: absolute;
    left: -21px;
}

.commentlist>li.pingback:before {
    content: '';
}

.commentlist .children .avatar {
    top: 2.2em;
    left: 2.2em;
    padding: 0;
    background: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

a.comment-reply-link {
    display: inline-block;
    padding: 0 8px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #eee;
    color: #666;
    text-decoration: none;
    font-size: 12px;
}

a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
    background: #888;
    color: #fff;
}

a.comment-reply-link>span {
    position: relative;
    top: -1px;
    display: inline-block;
}


/* Post author highlighting */

.commentlist>li.bypostauthor {
    border-color: #ebebeb;
    background: #fff;
}

.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 {}


/* Post Author threaded comments */

.commentlist .children>li.bypostauthor {
    border-color: #ebebeb;
    background: #ffff;
}


/* sidebar-page.php comments */


/* Make sure we have room for our comment avatars */

.page-template-sidebar-page-php .commentlist>li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
    margin-left: 102px;
    width: auto;
}


/* And a full-width comment form */

.page-template-sidebar-page-php #respond {
    width: auto;
}


/* Comment Form */

#respond {
    position: relative;
    /*width: 68.9%;*/
    overflow: auto;
    margin: 0 auto 1.5em auto;
    padding: 15px;
    border: 1px solid #e3e3e3;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f5f5f5;
}

#respond input[type="text"],
#respond textarea {
    position: relative;
    padding: 10px;
    border: 1px solid #eee;
    background: #fff;
    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 {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    display: inline-block;
    padding: 4px 10px;
    min-width: 120px;
    background: #eee;
}

#respond input[type="text"]:focus,
#respond textarea:focus {
    z-index: 1;
    text-indent: 0;
}

#respond textarea {
    width: 95%;
    resize: vertical;
}

#respond .comment-form-author .required,
#respond .comment-form-email .required {
    position: absolute;
    top: 10px;
    left: 85%;
    z-index: 1;
    color: #bd3500;
    font-weight: bold;
    font-size: 22px;
}

#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 {
    position: relative;
    margin: 20px 0;
    padding: 5px 22px;
    border: none;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #222;
    -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;
    /*left: 30px;*/
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

#respond input#submit:active {
    background: #1982d1;
    color: #bfddf3;
}

#respond #cancel-comment-reply-link {
    margin-left: 10px;
    color: #666;
    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 {
    font-weight: bold;
    font-size: 16px;
    line-height: 1em;
}

#cancel-comment-reply-link {
    position: absolute;
    top: 1.1em;
    right: 1.625em;
    display: block;
    color: #888;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: normal;
    font-size: 10px;
    line-height: 2.2em;
}

#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
    color: #ff4b33;
}

#respond label {
    line-height: 1.2em;
}

#respond input[type=text] {
    display: block;
    width: 95%;
}

#respond p {
    font-size: 12px;
}

p.comment-form-comment {
    margin: 0;
}

.form-allowed-tags {
    display: none;
}


/* =Footer
----------------------------------------------- */

#colophon {
    clear: both;
    padding: 20px;
    background: #333;
    color: #fff;
    /* margin: 50px 0 0 0; */
    /* position: relative; */
    /* border-top: 1px solid #efefef; */
    text-align: left;
    text-align: center;
}
.gotop {
    /* display: none; */
    position: fixed;
    right: 1em;
    bottom: 4em;
    z-index: 999;
    width: 40px;
}
.gotop a {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 40px;
    height: 0;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #f8d58a;
}
.gotop a:before {
    position: absolute;
    top: 40%;
    right: 0;
    left: 0;
    display: block;
    margin: auto;
    width: 10px;
    height: 10px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: "";
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
@media screen and (max-width:767px) {
    .gotop {
        bottom: 1em;
    }
}

/*ページトップに戻るボタン*/

#page-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    font-size: 77%;
}

#page-top a {
    display: block;
    padding: 30px 0;
    width: 60px;
    height: 61px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    /*border-radius: 5px;*/
}

#page-top a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
}

#supplementary {
    overflow: hidden;
    padding: 1.625em 7.6%;
    border-top: 1px solid #ddd;
}


/* Two Footer Widget Areas */

#supplementary.two .widget-area {
    float: left;
    margin-right: 3.7%;
    width: 48.1%;
}

#supplementary.two .widget-area+.widget-area {
    margin-right: 0;
}


/* Three Footer Widget Areas */

#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 Line */

#site-generator {
    padding: 2.2em 0.5em;
    border-top: 1px solid #ddd;
    background: #f9f9f9;
    color: #666;
    text-align: center;
    font-size: 12px;
    line-height: 2.2em;
}

#site-generator a {
    color: #555;
    font-weight: bold;
}
.widget_text #sb_instagram a{
    padding: 0;
    background:none;
}

ul.social{
    margin:0;
    padding:0;
    text-align:center;
}
ul.social li{
    display:inline-block;
    margin:0;
    padding:5px;
    list-style:none;
    text-align:center;
}
ul.social li a{
    width:48px;
    line-height:48px;
    display:inline-block;
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    padding: 0;
    background:#bdbdbd;
}
ul.social li a:hover{
    background-color:#666;
}
ul.social li img{
    vertical-align:middle;
}
ul.social li#facebook img{
    height:16px;
}
ul.social li#twitter img{
    height:14px;
}
ul.social li#pinterest img{
    height:20px;
}

/* ===========================================
  IEハック
/* =========================================== */

@media all and (-ms-high-contrast:none) {
    *::-ms-backdrop,
    #itemname {
        width: auto;
    }
}


/* =IE7
----------------------------------------------- */

#ie7 article.intro {
    margin-right: -7.6%;
    margin-left: -7.6%;
    padding-right: -7.6%;
    padding-left: -7.6%;
    max-width: 1000px;
}

#ie7 .featured-posts {
    margin: 0 -7.6%;
}

#ie7 .featured-post {
    margin-right: 0;
    margin-left: 0;
    max-width: 100%;
}

#ie7 section.recent-posts {
    margin-right: 7.6%;
}


/* =IE8
----------------------------------------------- */

#ie8 section.feature-image.large img {
    width: auto;
}

#ie8 section.featured-post .attachment-small-feature {
    max-width: none;
}


/* =Print
----------------------------------------------- */

@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) "] ";
        /* Show URLs */
    }
    #page {
        position: relative !important;
        display: block !important;
        float: none !important;
        clear: both !important;
        max-width: 100%;
    }
    #branding {
        padding: 0;
        border-top: none !important;
    }
    #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 {
        margin: 2.2em 0 0;
        padding: 0;
        border-top: none;
        border-bottom: none;
        background: none;
    }
    #respond {
        display: none;
    }
    .widget-area {
        display: none;
    }
    #colophon {
        display: none;
    }
    /* Comments */
    .commentlist>li.comment {
        position: relative;
        margin: 0 auto 1.625em;
        padding: 1.625em;
        width: auto;
        border: 1px solid #ddd;
        -moz-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        background: none;
    }
    .commentlist .avatar {
        top: 2.2em;
        left: 2.2em;
        width: 39px;
        height: 39px;
    }
    .commentlist li.comment .comment-meta {
        margin-left: 50px;
        line-height: 1.625em;
    }
    .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;
    }
    /* Post author highlighting */
    .commentlist>li.bypostauthor {
        color: #444;
    }
    .commentlist>li.bypostauthor .comment-meta {
        color: #666;
    }
    .commentlist>li.bypostauthor:before {
        content: none;
    }
    /* Post Author threaded comments */
    .commentlist .children>li.bypostauthor {
        border-color: #ddd;
        background: #fff;
    }
    .commentlist .children>li.bypostauthor>article,
    .commentlist .children>li.bypostauthor>article .comment-meta {
        color: #666;
    }
}


/* =Responsive Structure
----------------------------------------------- */

@media (max-width: 800px) {
    /* Simplify the basic layout */
    #nav-below {
        margin-bottom: 1.625em;
    }
    #main #secondary {
        float: none;
        width: auto;
    }
    /* Simplify the showcase template */
    .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;
    }
    /* Simplify the showcase template when small feature */
    section.featured-post .attachment-small-feature,
    .one-column section.featured-post .attachment-small-feature {
        position: static;
        display: block;
        float: left;
        margin: 0.625em auto 1.025em;
        max-width: 30%;
        height: auto;
        border: none;
    }
    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-right: 20px;
        padding-left: 20px;
        width: auto;
    }
    /* Remove the margin on singular articles */
    .singular .entry-header,
    .singular .entry-content,
    .singular footer.entry-meta,
    .singular #comments-title {
        width: 100%;
    }
    /* Simplify the pullquotes and pull styles */
    .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 {
        position: absolute;
        top: 40px;
        left: 0;
    }
    .singular #author-info {
        margin: 2.2em -8.8% 0;
        padding: 20px 8.8%;
    }
    /* Make sure we have room for our comment avatars */
    .commentlist {
        width: 100%;
    }
    .commentlist>li.comment,
    .commentlist .pingback {
        margin-left: 102px;
        width: auto;
    }
    /* And a full-width comment form */
    #respond {
        width: auto;
    }
    /* No need to float footer widgets at this size */
    #colophon #supplementary .widget-area {
        float: none;
        margin-right: 0;
        width: auto;
    }
    /* No need to float 404 widgets at this size */
    .error404 #main .widget {
        float: none;
        margin-right: 0;
        width: auto;
    }
}

@media (max-width: 650px) {
    /* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
    body,
    input,
    textarea {
        font-size: 14px;
    }
    #site-title a {
        font-size: 24px;
    }
    #site-description {
        font-size: 12px;
    }
    #access ul {
        font-size: 12px;
    }
    article.intro .entry-content {
        font-size: 12px;
    }
    .entry-title {
        font-size: 21px;
    }
    .featured-post .entry-title {
        font-size: 14px;
    }
    .singular .entry-title {
        font-size: 20px;
    }
    .entry-meta {
        font-size: 12px;
    }
    blockquote {
        margin: 0;
    }
    blockquote.pull {
        font-size: 17px;
    }
    /* Reposition the site title and description slightly */
    #site-title {
        padding: 5.30625em 0 0;
    }
    #site-title,
    #site-description {
        margin-right: 0;
    }
    /* Make sure the logo and search form don't collide */
    #branding #searchform {
        top: 1.625em !important;
    }
    /* Floated content doesn't work well at this size */
    .alignleft,
    .alignright {
        display: block;
        float: none;
        margin-right: 0;
        margin-left: 0;
    }
    /* Make sure the post-post navigation doesn't collide with anything */
    #nav-single {
        position: static;
        display: block;
    }
    .singular.page .hentry {
        padding: 1.625em 0 0;
    }
    /* Talking avatars take up too much room at this size */
    .commentlist>li.comment,
    .commentlist>li.pingback {
        margin-left: 0 !important;
    }
    .commentlist .avatar {
        position: static;
        display: block;
        padding: 0;
        background: transparent;
    }
    .commentlist .children .avatar {
        position: absolute;
        top: 2.2em;
        left: 2.2em;
        padding: 0;
        background: none;
    }
    /* Use the available space in the smaller comment form */
    #respond input[type="text"] {
        width: 95%;
    }
    #respond .comment-form-author .required,
    #respond .comment-form-email .required {
        left: 95%;
    }
    #content .gallery-columns-3 .gallery-item {
        padding-right: 2%;
        width: 31%;
    }
    #content .gallery-columns-3 .gallery-item img {
        width: 100%;
        height: auto;
    }
}

@media (max-width: 450px) {
    #content .gallery-columns-2 .gallery-item {
        padding-right: 4%;
        width: 45%;
    }
    #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(max-width: 768px) {


}


/* =スマホ
----------------------------------------------- */

@media(max-width:640px) {
    div#main div.mainarea,
    div#main div.leftarea {
        float: none;
        margin: 0 auto;
        width: 100%;
    }
    div#main {
        margin: 1em auto;
    }
    article header.entry-header .entry-meta {
        padding: 0 60px 1em 0;
        text-align: left;
    }
    .hentry,
    .no-results {
        padding: 0 0 3em;
    }
    .entry-content,
    .entry-summary {
        padding: 1em 0 0 0;
    }
}

/* post_list_area
---------------------------- */
#main .post_list_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#main .post_list_area .post_list a {
    text-decoration: none;
}
#main .post_list_area .post_list {
    width: 48%;
    margin-bottom: 45px;
    border-bottom: 1px solid #d9d9d9;
}
#main .post_list_area .post_list .hentry {
    padding: 0 0 40px !important;
    margin: 0 !important;
}
#main .post_list_area .post_list .entryImg img {
    width: 100%;
}
#main .post_list_area .post_list .entryTitle {
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    margin-top: 5px;
    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue','游ゴシック体', '游ゴシック', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#main .post_list_area .post_list .entryCate {
    margin-top: 10px;
}
#main .post_list_area .post_list .entryCate a {
    display: inline-block;
    font-size: 14px;
    border: 1px solid #a99958;
    padding: 0.2em 1em;
    color: #816e1f;
    margin: 0 10px 0 0;
}
#main .post_list_area .post_list .entryDate {
    color: #828282;
    font-size: 14px;
    margin-top: 5px;
}

@media screen and (max-width:767px) {
    #main .post_list_area .post_list {
        margin-bottom: 1.5em;
    }
    #main .post_list_area .post_list .hentry {
        padding: 0 0 1.5em !important;
    }
    #main .post_list_area .post_list .entryTitle {
        font-size: 14px;
    }
    #main .post_list_area .post_list .entryCate a {
        font-size: 13px;
        padding: 0.1em 0.5em;
    }
    #main .post_list_area .post_list .entryDate {
        font-size: 13px;
    }
}

/* カテゴリページ
---------------------------- */
.category .page-header {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 45px;
}
.category .page-header .page-title {
    text-align: left;
    padding-left: 15px;
    border-left: 5px solid #a99958;
    margin: 0 0 10px 0;
    line-height: 1.3em;
}
@media screen and (max-width:767px) {
    .category .page-header {
        margin-bottom: 1.5em;
    }
}

/* section_inner
---------------------------- */
@media screen and (min-width:768px) {
    .section_inner {
      max-width: 1080px;
      margin: auto;
      padding: 0 2.5%;
    }
}
@media screen and (max-width:767px){
    .section_inner {
      padding: 0 4%;
    }
}

/* breadcrumbs
---------------------------- */
.breadcrumbs {
    padding: 0 !important;
}
.breadcrumbs ol li {
    display: inline-block;
    position: relative;
    font-size: 14px;
    padding-right: 20px;
    letter-spacing: 0;
}
.breadcrumbs ol li::after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 6px;
  height: 6px;
  border-top: 1px solid #222;
  border-right: 1px solid #222;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.breadcrumbs ol li:last-child::after {
  display: none;
}
.breadcrumbs ol li a {
    text-decoration: underline;
}
.breadcrumbs ol li a {
    padding: 0 !important;
    background-color: #fff !important;
    color: #333;
    text-decoration: none;
    font-size: 14px !important;
    line-height: 1.5em !important;
    text-decoration: underline !important;
}
@media screen and (max-width:640px){
    .breadcrumbs {  
        padding: 1em 0 !important;
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 4em;
    }
}

/* bottom_editor_box
---------------------------- */
.bottom_editor_box {
    border-top: 1px solid #ddd;
    padding: 30px 0;
    overflow: hidden;
}
.bottom_editor_box p {
    margin: 0;
    padding: 0;
}
.bottom_editor_box .bottom_editor_box_text {
    float: left;
    width: 73%;
}
.bottom_editor_box .bottom_editor_box_text .bottom_editor_box_title {
    font-size: 90%;
    font-weight: bold;
}
.bottom_editor_box .bottom_editor_box_text .bottom_editor_box_neme {
    font-weight: bold;
    padding-bottom: 10px;
}
.bottom_editor_box .bottom_editor_box_img {
    float: right;
    width: 23%;
}
.bottom_editor_box .bottom_editor_box_img img {
    width: 100%;
    height: auto;
}
@media screen and (max-width:767px) {
    .bottom_editor_box {
        margin-top: 30px;
    }
    .bottom_editor_box .bottom_editor_box_text {
        float: unset;
        width: 100%;
    }
    .bottom_editor_box .bottom_editor_box_img {
        float: unset;
        width: 50%;
        margin: 20px auto 0;
    }
}

/* foot_hina_gogatsu
---------------------------- */
.foot_hina_gogatsu {
  text-align: center;
  padding: 60px 0;
}
.foot_hina_gogatsu a {
  display: inline-block;
  width: 330px;
  margin: 0 10px;
  font-size: 14px;
  text-decoration: none;
}
.foot_hina_gogatsu a img {
  vertical-align: middle;
  margin-right: 10px;
}
.foot_hina_gogatsu a span {
  position: relative;
}
.foot_hina_gogatsu a span::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -18px;
  margin: auto;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width:767px) {
    .foot_hina_gogatsu {
      padding: 0 0 10% 0;
      text-align: left;
    }
    .foot_hina_gogatsu .section_inner {
      padding: 0 8%;
    }
    .foot_hina_gogatsu a {
      font-size: 14px;
      display: block;
      margin: 0 0 5%;
      overflow: hidden;
      width: 100%;
    }
    .foot_hina_gogatsu a img {
      height: 80px;
      margin-right: 0;
      float: left;
    }
    .foot_hina_gogatsu a span {
      display: block;
      line-height: 80px;
      padding-left: 135px;
    }
    .foot_hina_gogatsu a span::after {
      right: 20px;
      width: 8px;
      height: 8px;
    }
}

/* foot
---------------------------- */
#foot {
  background-color: #efefef;
  padding-top: 1px;
}
#foot a {
  color: #707070;
  text-decoration: none;
}
#foot .foot_cv {
  border-bottom: 1px solid #d3d3d3;
  padding: 40px 0;
  text-align: center;
}
#foot .foot_cv ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#foot .foot_cv ul li {
    width: 40%;
    margin: 0 2%;
}
#foot .foot_cv ul li a {
  border-radius: 5px;
  display: block;
  padding: 25px 0;
  position: relative;
  font-size: 16px;
    color: #333;
}
#foot .foot_cv ul li.btn_catalog a {
    background-color: #fff965;
}
#foot .foot_cv ul li.btn_inquiry a {
    background-color: #dedede;
}
#foot .foot_cv ul li a::after{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  right: 20px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #707070;
  border-right: 1px solid #707070;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width:767px) {
    #foot .foot_cv {
      padding: 7% 0;
    }
    #foot .foot_cv ul li {
        width: 90%;
        margin: 8px 0;
    }
    #foot .foot_cv ul li a {
      padding: 20px 0;
      font-size: 14px;
    }
    #foot .foot_cv ul li a::after{
      right: 15px;
      width: 8px;
      height: 8px;
    }
}

#foot .foot_sub_navi {
  border-bottom: 1px solid #d3d3d3;
  padding: 70px 0;
  text-align: center;
}
#foot .foot_sub_navi ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#foot .foot_sub_navi ul li {
    width: 178px;
    margin: 10px 10px;
}
#foot .foot_sub_navi ul li a {
  border: 1px solid #c6c6c6;
  border-radius: 5px;
  display: block;
  padding: 8px 0;
}
@media screen and (max-width:767px) {
    #foot .foot_sub_navi {
      padding: 7% 0;
    }
    #foot .foot_sub_navi ul li {
        width: 90%;
        margin: 8px 0;
    }
    #foot .foot_sub_navi ul li a {
      padding: 10px 0;
    }
}

#foot .foot_navi {
  border-bottom: 1px solid #d3d3d3;
  text-align: center;
}
#foot .foot_navi ul li {
    display: inline-block;
    padding: 30px 0;
    margin: 0 30px;
}
#foot .foot_navi ul li a {
    display: inline-block;
    position: relative;
    padding-right: 15px;
    font-size: 14px;
}
#foot .foot_navi ul li a::after{
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  right: 0;
  width: 6px;
  height: 6px;
  border-top: 1px solid #707070;
  border-right: 1px solid #707070;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width:767px) {
    #foot .foot_navi {
      border-bottom: none;
      text-align: left;
      width: 90%;
      margin: 0 auto;
      padding-top: 7%;
    }
    #foot .foot_navi ul li {
      border-bottom: 1px solid #d3d3d3;
        display: block;
        padding: 0;
        margin: 0;
    }
    #foot .foot_navi ul li a {
        display: block;
        padding: 10px 0;
    }
}

#foot .foot_blog {
    text-align: center;
    padding: 40px 0;
}
#foot .foot_blog a {
  border: 1px solid #c6c6c6;
  display: inline-block;
  padding: 5px 0;
  width: 200px;
  margin: 0 10px;
  font-size: 14px;
}
@media screen and (max-width:767px) {
    #foot .foot_blog {
        padding: 10% 0;
    }
    #foot .foot_blog a {
      font-size: 12px;
      width: 140px;
      margin: 0 2%;
    }
}

#foot .foot_sns {
    text-align: center;
    padding: 0 0 40px;
}
#foot .foot_sns a {
  display: inline-block;
  margin: 0 10px;
}
#foot .foot_sns a img {
    width: 50px;
}
@media screen and (max-width:767px) {
    #foot .foot_sns {
        padding: 0 0 10%;
    }
    #foot .foot_sns a {
      margin: 0 10px;
    }
    #foot .foot_sns a img {
        width: 40px;
    }
}

#foot .foot_bottom {
  background: #444444;
  overflow: hidden;
  color: #cccccc;
}
#foot .foot_bottom a {
  color: #cccccc;
}
@media screen and (min-width:768px) {
  #foot .foot_bottom {
    line-height: 50px;
    padding: 0 35px 0 20px;
  }
  #foot .foot_bottom ul {
    float: left;
  }
  #foot .foot_bottom ul li {
    font-size: 12px;
    display: inline-block;
    padding: 0 15px;
  }
  #foot .foot_bottom .foot_bottom_copyright {
    font-size: 11px;
    float: right;
  }
}
@media screen and (max-width:767px) {
  #foot .foot_bottom {
    text-align: center;
    padding: 5% 0 5%;
  }
  #foot .foot_bottom ul li {
    font-size: 12px;
    display: inline-block;
    padding: 0 10px;
  }
  #foot .foot_bottom .foot_bottom_copyright {
    font-size: 11px;
    margin-top: 7%;
  }
}