@charset "UTF-8";

/*
Theme Name: Q.cells
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */

/**
 * 1.0 Reset
 *
 * Modified from Normalize.css to provide cross-browser consistency and a smart
 * default styling of HTML elements.
 *
 * @see http://git.io/normalize
 * ----------------------------------------------------------------------------
 */

@import "rde.css";

@font-face {
    font-family: "TradeGothic";
    src: url("fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot");
    src: url("fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?#iefix")
            format("embedded-opentype"),
        url("fonts/c4aef0d4-bfcf-4790-acf5-909881f411e8.woff") format("woff"),
        url("fonts/e741f29c-bc18-4343-bff3-db2465a0be3e.ttf") format("truetype"),
        url("fonts/853e2a9b-4057-42a5-ad7e-0762cda0b13c.svg#TradeGothic")
            format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "TradeGothic";
    src: url("fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot");
    src: url("fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix")
            format("embedded-opentype"),
        url("fonts/f51d24dd-8256-43c6-ba1a-6aeae9d3f262.woff") format("woff"),
        url("fonts/955ee494-66b2-4eb2-8f19-bc3a088df16d.ttf") format("truetype"),
        url("fonts/d5153ad4-7c93-4757-9147-640e69ec4801.svg#TradeGothic")
            format("svg");
    font-weight: 700;
    font-style: normal;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #e1dfd1 inset;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] {
    display: none;
}

html {
    font-size: 14px;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
        Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
    color: #141412;
    line-height: 1.4;
    margin: 0;
}

a {
    color: #01a7d9;
    text-decoration: none;
}
a:visited {
    color: #01a7d9;
}
a:focus {
    outline: thin dotted;
}
a:active,
a:hover {
    color: #002e54;
    outline: 0;
}
a:hover {
    text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    /*x	font-family: Bitter, Georgia, serif;*/
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
        Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.3;
    color: #00a6d6;
}

h1 {
    font-size: 36px;
    margin: 33px 0;
}
h2 {
    font-size: 24px;
    margin: 25px 0;
}
h3 {
    font-size: 20px;
    margin: 22px 0;
}
h4 {
    font-size: 18px;
    margin: 25px 0;
}
h5 {
    font-size: 16px;
    margin: 30px 0;
}
h6 {
    font-size: 14px;
    margin: 36px 0;
}

address {
    font-style: italic;
    margin: 0 0 24px;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

p {
    margin: 0 0 15px;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 14px;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

pre {
    background: #f5f5f5;
    color: #666;
    font-family: monospace;
    font-size: 14px;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

blockquote {
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    margin: 24px 40px;
}

blockquote blockquote {
    margin-right: 0;
}

blockquote cite,
blockquote small {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}

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

blockquote strong,
blockquote b {
    font-weight: 400;
}

small {
    font-size: smaller;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

dl {
    margin: 0 20px;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 0 20px;
}

menu,
ol,
ul {
    margin: 16px 0;
    padding: 0 0 0 40px;
}

ul {
    list-style-type: square;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

li > ul,
li > ol {
    margin: 0;
}

img {
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
}

button,
input {
    line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    padding-right: 2px; /* Don't cut off the webkit search cancel button */
    width: 270px;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
}

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

caption {
    font-size: 16px;
    margin: 20px 0;
}

th {
    font-weight: bold;
    padding: 6px 10px 6px 0;
    border-top: 1px solid #ededed;
}
td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}

del {
    color: #333;
}

ins {
    background: #fff9c0;
    text-decoration: none;
}

hr {
    height: 1px;
    width: 100%;
    border: 0;
    background: #e1dfd1;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    clear: both;
    /*x	background: url(images/dotted-line.png) repeat center top;
x	background-size: 4px 4px;
x	border: 0;
x	height: 1px;
x	margin: 0 0 24px;*/
}

/**
 * 2.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */

.genericon:before,
.menu-toggle:after,
.featured-post:before,
.date a:before,
.entry-meta .author a:before,
.format-audio .entry-content:before,
.comments-link a:before,
.tags-links a:first-child:before,
.categories-links a:first-child:before,
.edit-link a:before,
.attachment .entry-title:before,
.attachment-meta:before,
.attachment-meta a:before,
.comment-awaiting-moderation:before,
.comment-reply-link:before,
.comment-reply-login:before,
.comment-reply-title small a:before,
.bypostauthor > .comment-body .fn:before,
.error404 .page-title:before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font: normal 16px/1 Genericons;
    vertical-align: text-bottom;
}

/* Clearing floats */
.clear:after,
.attachment .entry-header:after,
.site-footer .widget-area:after,
.site-footer .widget-sitemap:after,
.entry-content:after,
.page-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.comment-form-author:after,
.comment-form-email:after,
.comment-form-url:after,
.comment-body:after {
    clear: both;
}

.clear:before,
.clear:after,
.attachment .entry-header:before,
.attachment .entry-header:after,
.site-footer .widget-area:before,
.site-footer .widget-area:after,
.site-footer .widget-sitemap:before,
.site-footer .widget-sitemap:after,
.entry-content:before,
.entry-content:after,
.page-content:before,
.page-content:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after,
.gallery:before,
.gallery:after,
.comment-form-author:before,
.comment-form-author:after,
.comment-form-email:before,
.comment-form-email:after,
.comment-form-url:before,
.comment-form-url:after,
.comment-body:before,
.comment-body:after {
    content: "";
    display: table;
}

/* Assistive text */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    line-height: normal;
    padding: 15px 23px 14px;
    position: absolute;
    left: 5px;
    top: 5px;
    text-decoration: none;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
}

/* Form fields, general styles first. */
button,
input,
textarea {
    border: none;
    font-family: inherit;
    padding: 5px;
}

input,
textarea {
    color: #333;
}

input:focus,
textarea:focus {
    border: none;
    outline: 0;
}

/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    background: #ff6c00; /* Old browsers */
    /*x	background: -webkit-linear-gradient(top, #e05d22 0%, #d94412 100%); */ /* Chrome 10+, Safari 5.1+ */
    /*x	background:   linear-gradient(to bottom, #e05d22 0%, #d94412 100%); */ /* W3C */
    border: none;
    /*x	border-bottom: 3px solid #b93207;*/
    color: #fff;
    display: inline-block;
    padding: 11px 24px 10px;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
    opacity: .6; /* Old browsers */
    /*x	background: -webkit-linear-gradient(top, #ed6a31 0%, #e55627 100%); /* Chrome 10+, Safari 5.1+ */
    /*x	background:   linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); /* W3C */
    outline: none;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
    background: #002e54; /* Old browsers */
    /*x	background: -webkit-linear-gradient(top, #d94412 0%, #e05d22 100%);*/ /* Chrome 10+, Safari 5.1+ */
    /*x	background:   linear-gradient(to bottom, #d94412 0%, #e05d22 100%);*/ /* W3C */
    border: none;
    /*x	border-top: 3px solid #b93207;*/
    padding: 12px 24px 9px;
}

.post-password-required input[type="submit"] {
    padding: 7px 24px 4px;
    vertical-align: bottom;
}

.post-password-required input[type="submit"]:active {
    padding: 5px 24px 6px;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
    color: #7d7b6d;
}

:-moz-placeholder {
    color: #7d7b6d;
}

::-moz-placeholder {
    color: #7d7b6d;
}

:-ms-input-placeholder {
    color: #7d7b6d;
}

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

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

img.size-full,
img.size-large,
img.wp-post-image {
    height: auto;
    max-width: 100%;
}

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
    max-width: 100%;
}

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

/* Images */
.alignleft {
    float: left;
}

.alignright {
    float: right;
}

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

figure.wp-caption.alignleft,
img.alignleft {
    margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
    margin: 5px 10px 5px 0;
}

figure.wp-caption.alignright,
img.alignright {
    margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
    margin: 5px 0 5px 10px;
}

img.aligncenter {
    margin: 5px auto;
}

img.alignnone {
    margin: 5px 0;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
    color: #220e10;
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    margin: 0 0 24px;
}

div.wp-caption.alignright img[class*="wp-image-"] {
    float: right;
}

div.wp-caption.alignright .wp-caption-text {
    padding-left: 10px;
}

img.wp-smiley,
.rsswidget img {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
    list-style-position: inside;
}

/**
 * 3.0 Basic Structure
 * ----------------------------------------------------------------------------
 */

.site {
    background-color: #fff;
    width: 100%;
}

.site-main {
    position: relative;
    height: 450px;
    display: table-row;
}

.site-main .sidebar-container,
.site-main .sidebar-press {
    height: 0;
    position: absolute;
    top: 40px;
    width: 100%;
    z-index: 1;
}

.site-main .sidebar-inner {
    margin: 0 auto;
    max-width: 1040px;
}

/**
 * 4.0 Header
 * ----------------------------------------------------------------------------
 */

/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */

.site-header {
    position: relative;
    min-height: 60px;
    height: 60px;
    width: 100%;
    border-bottom: 1px solid #e9ebef;
	background: #fff;
	padding: 0 20px;
}
.site-header .header-bar {
	display: flex;
	width: 100%;
}
.site-header .inner {
    position: absolute;
    left: 8px;
}
.site-header .home-link {
    position: absolute;
    top: 25px;
    left: 0px;
    display: block;
    width: 140px;
    height: 52px;
    text-indent: -9999px;
    z-index: 2;
}

.site-header .site-title:hover {
    text-decoration: underline;
}

.site-header .navbar-lefter {
	width: 200px;
	height: 60px;
    background: url("../image/common/logo.png") no-repeat center center;
}
.site-header .navbar-center {
	display: none;
}

.site-header .navbar-right {
	display: none;
}

.site-title {
    /*	font-size: 100%;
	line-height: 1;
	margin: 0;
	padding: 135px;
*/
}

.site-description {
    font: 300 italic 24px "Source Sans Pro", Helvetica, sans-serif;
    margin: 0;
}

/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */

.main-navigation {
    clear: both;
    /*x	padding:0 180px;*/
    padding: 0 0 0 120px;
    height: 45px;
    position: relative;
}

ul.nav-menu,
div.nav-menu > ul {
    text-align: center;
    margin: 0;
    font-size: 0;
    line-height: 0;
    height: 60px;
    padding: 0;
}

.nav-menu li {
    display: inline-block;
    position: relative;
    /*x	border-left:1px solid #e1dfd2;*/
}
.nav-menu > li:first-child {
    border-left: none;
}

.nav-menu li a {
    display: block;
    color: #01a7d9;
    font-size: 15px;
    font-weight: bold;
    height: 60px;
    line-height: 1.2;
    padding: 22px 20px;
    text-decoration: none;
}

.nav-menu > li:hover > a,
.nav-menu > li > a:hover,
.nav-menu > li:focus > a,
.nav-menu > li > a:focus {
    background-color: #002e54;
    color: #fff;
}

/* sub menu */
ul.nav-menu ul a,
.nav-menu ul ul a {
    /*x	color: #fff;
x	margin: 0;*/
}
.nav-menu ul li {
    /*x	border-right:1px solid #e1dfd1;*/
}
.nav-menu ul li a {
    height: 71px;
    line-height: 1.2;
    padding: 30px 29px 0 29px;
}
.nav-menu u li a:hover {
    background: #002e54;
    color: #fff;
}
.nav-menu > li.current-menu-parent > a,
.nav-menu > li.current-page-ancestor > a,
.nav-menu > li.current-menu-item a,
.nav-menu > li.current_page_item a {
    color: #002e54;
}
.nav-menu > li.current-menu-parent:hover > a,
.nav-menu > li.current-page-ancestor:hover > a,
.nav-menu > li.current-menu-item:hover > a,
.nav-menu > li.current_page_item:hover > a {
    color: #fff;
}
.nav-menu .sub-menu,
.nav-menu .children {
    display: block;
    background-color: #220e10;
    border: none;
    border-top: 0;
    padding: 0;
    position: absolute;
    left: 0px;
    z-index: 999999;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    border-left: 1px solid #d9d6ca;
    border-right: 1px solid #d9d6ca;
    border-bottom: 1px solid #d9d6ca;
    border-top: 1px solid #d9d6ca;
}
.nav-menu .sub-menu li,
.nav-menu .children li {
    display: block;
    border: none;
    background-color: #fff;
}
.nav-menu .sub-menu li.has_children > a:after,
.nav-menu .children li.has_children > a:after {
    content: "\203A";
    font-size: 34px;
    /*x	font-weight:bold;*/
    position: absolute;
    right: 12px;
    top: 0px;
    display: block;
    z-index: 1;
}
.nav-menu .sub-menu li a,
.nav-menu .children li a {
    display: block;
    width: auto;
    min-width: 135px;
    white-space: nowrap;
    height: 50px;
    padding: 15px 40px 0 20px;
    text-align: left;
    color: #01a7d9;
}

.nav-menu .sub-menu li:hover,
.nav-menu .children li:hover,
.nav-menu .sub-menu li:focus,
.nav-menu .children li:focus {
    background-color: #f2f1ee;
}
.nav-menu .sub-menu li:hover > a,
.nav-menu .children li:hover > a,
.nav-menu .sub-menu li:focus > a,
.nav-menu .children li:focus > a {
    color: #002e54;
}
.nav-menu .sub-menu li:hover ul li a,
.nav-menu .children li:hover ul li a {
    background: #e8e7dd;
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
    display: block;
    border-left: 0;
    left: 100%;
    top: 0;
}
/* 曾孫設定 */
.nav-menu .sub-menu li li:hover a,
.nav-menu .children li li:hover a,
.nav-menu .sub-menu li li:focus a,
.nav-menu .children li li:focus a {
    background-color: #e8e7de;
}
.nav-menu .sub-menu li li:hover li a:hover,
.nav-menu .children li li:hover li a:hover,
.nav-menu .sub-menu li li:focus li a:hover,
.nav-menu .children li li:focus li a:hover {
    background-color: #e1dfd1 !important;
}

/*孫設定*/
.nav-menu .sub-menu ul li a,
.nav-menu .children ul li a {
    background-color: #f2f1ee;
    color: #01a7d9;
}
.nav-menu .sub-menu ul li a:hover,
.nav-menu .children ul li a:hover {
    background-color: #e8e7de;
    color: #002e54;
}

/* 子・孫設定 */
ul.nav-menu ul a,
.nav-menu ul ul a {
    /*x	color: #fff;
x	margin: 0;
x	width: 200px;*/
}
ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
    background-color: #f2f1ee;
    color: #002e54;
}
.nav-menu .sub-menu .current-menu-item > a,
.nav-menu .sub-menu .current_page_item > a,
.nav-menu .sub-menu .current-menu-parent > a,
.nav-menu .sub-menu .current-page-parent > a,
.nav-menu .sub-menu .current-menu-parent > a:hover,
.nav-menu .sub-menu .current-page-parent > a:hover {
    background: #002e54 !important;
    color: #fff !important;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
    clip: inherit;
    overflow: inherit;
    height: inherit;
    width: inherit;
}

/* 罫線 */
.nav-menu .sub-menu li:before,
.nav-menu .children li:before {
    content: "";
    position: absolute;
    top: -1px;
    left: 20px;
    right: 20px;
    height: 1px;
    background: #f2f1ee;
    display: block;
}
.nav-menu .sub-menu li:first-child:before,
.nav-menu .children li:first-child:before {
    display: none;
}
.nav-menu .sub-menu li li:before {
    background: #e8e7de;
}
.nav-menu .sub-menu li li li:before {
    background: #e0dfd5;
}

.menu-toggle {
    display: none;
}

/* Sub Navigation for Inside Pages */
.sidebar-subnavi {
    text-align: center;
}

/*

.nav-menu .sub-menu,
.nav-menu .children {
	display:block;
	position:absolute;
	top:78px;
	left:0;
	z-index:99999;
	width:100%;
	height:80px;
	padding:0;
	border-top:1px solid #d9d6ca;
	border-bottom:1px solid #d9d6ca;
	background:url(img/bg/bg_subnavi.png) repeat-x 0 0;
x	overflow: hidden;
x	clip: rect(1px, 1px, 1px, 1px);
}
.nav-menu .sub-menu li,
.nav-menu .children li{
	display:inline-block;
	border:none;}
.nav-menu .sub-menu a,
.nav-menu .children a{
	height:50px;
	padding:15px 15px;
	margin:15px 3px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;}

.nav-menu .sub-menu ul,
.nav-menu .children ul{
	border:none;
	left: 100%;
	top: 0;
	text-align:center;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
	background-color: #db572f;
}


.nav-menu .sub-menu a:hover,
.nav-menu .children a:hover{
	background:#002e54;}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
x	clip: inherit;
x	overflow: inherit;
x	height: inherit;
x	width: inherit;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #fff;
	background:#002e54;
}

.nav-menu .sub-menu li.current-menu-item a,
.nav-menu .children li.current-menu-item a{
	background:#002e54;
	height:50px;
	padding:15px 15px;
	margin:15px 3px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#fff;}

.menu-toggle {
	display: none;
}
*/

.site-header .search-form {
    position: absolute;
    right: 20px;
    top: 1px;
}

.site-header .search-field {
    background-color: transparent;
    background-image: url(img/icon/search-icon.png);
    background-position: 6px center;
    background-repeat: no-repeat;
    background-size: 56px 20px;
    border: none;
    cursor: pointer;
    height: 37px;
    margin: 3px 0;
    padding: 0 0 0 76px;
    position: relative;
    -webkit-transition: width 400ms ease, background 400ms ease;
    transition: width 400ms ease, background 400ms ease;
    width: 0;
}

.site-header .search-field:focus {
    background-color: #fff;
    border: 2px solid #c3c0ab;
    cursor: text;
    outline: 0;
    width: 230px;
}

/**
 *  Sub Navigation
 * ----------------------------------------------------------------------------
 */

#sabNavi {
    margin: 0;
    padding: 0;
    background: url(img/bg/bg_subnavi.png) repeat-x 0 0;
}
#sub-navi {
    margin: 0;
    padding: 0;
}
#sabNavi .widget_nav_menu {
    background: none;
    margin: 0;
    padding: 0;
}
#sabNavi .widget li {
    padding: 0;
}

.sidebar-subnavi .menu {
    list-style-type: none;
    height: 65px;
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #d9d6ca;
}
.sidebar-subnavi .menu > li {
    position: relative;
    display: inline-block;
    /*x  float: left;*/
    margin: 0;
    padding: 0;
    text-align: center;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.sidebar-subnavi .menu li.has_children:after {
    content: "\02C7";
    font-size: 34px;
    /*x	font-weight:bold;*/
    position: absolute;
    right: 0px;
    top: 7px;
    display: block;
    z-index: 1;
    color: #00a6d6;
}
.sidebar-subnavi .menu li.has_children:hover {
    border-top: 1px solid #d9d6ca;
    border-left: 1px solid #d9d6ca;
    border-right: 1px solid #d9d6ca;
}
.sidebar-subnavi .menu li > a {
    display: block;
    margin: 0;
    padding: 15px 20px 25px 5px;
    color: #00a6d6;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
}
.sidebar-subnavi .menu > li:hover > a,
.sidebar-subnavi .menu li ul li a:hover {
    color: #002e54;
}
.sidebar-subnavi .menu li.has_children:hover > a {
    background: #fff;
    color: #002e54;
}
.sidebar-subnavi .menu li ul {
    display: block;
    min-width: 100%;
    list-style: none;
    position: absolute;
    top: 100%;
    left: -1px;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #fff;
    z-index: 999999;
    -webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}
.sidebar-subnavi .menu li:last-child ul {
    /*x	left: -79px;
x	width: 100%;*/
    background: #fff;
}
.sidebar-subnavi .menu li ul li {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 0;
    /*x	color: #fff;*/
}
.sidebar-subnavi .menu li ul li a {
    padding: 13px 15px;
    /*x	background: #fff;*/
    color: #00a6d6;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
}
.sidebar-subnavi .menu li:hover ul li {
    display: block;
    min-width: 180px;
    overflow: visible;
    height: 38px;
    border-left: 1px solid #d9d6ca;
    border-right: 1px solid #d9d6ca;
    border-bottom: 1px solid #d9d6ca;
}
.sidebar-subnavi .menu li:hover ul li:first-child {
    border-top: 0;
}
.sidebar-subnavi .menu li ul li:last-child {
    /*x  border-bottom: 1px solid #D9D6CA;*/
}
.sidebar-subnavi .menu li:hover ul li:last-child a {
}

.sidebar-subnavi .menu li.current-menu-item a,
.sidebar-subnavi .menu licurrent_page_item a {
    color: #002e54;
}

/*
.sidebar-subnavi .widget_nav_menu{}
.sidebar-subnavi .menu > li{
	display:inline-block !important;
	height:60px;
	margin:0;
	padding:22px 0 0;
	font-size:14px;
	line-height:1.2;
	font-weight:bold;
	position:relative;
}
.sidebar-subnavi .menu ul.sub-menu li{
	margin:0;
	padding:0;}

.sidebar-subnavi .menu > li > a{
	font-size:100%;
	line-height:1.2;
	margin:0 5px;
	padding:10px 5px;
	background:#fff;
	color:#002e54;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.sidebar-subnavi .menu > li.current_page_item > a{
	background:#002e54;
	color:#fff;
}
.sidebar-subnavi li:hover > a{
	background:#002e54;
	color:#fff;
	text-decoration:none;
	-webkit-transition: all 1s ease-out;  /* Saf3.2+, Chrome */
/*-moz-transition: all 1s ease-out;*/ /* FF4+ */
/*-ms-transition: all 1s ease-out;*/ /* IE10? */
/*-o-transition: all 1s ease-out;*/ /* Opera 10.5+ */
/*transition: all 1s ease-out;*/
/*}


.sidebar-subnavi .menu ul.sub-menu{
	display:block;
	width:260px;
	position:absolute;
	top:60px;
	left:0%;
	text-align:left;
	z-index:1;
	margin:0;
	padding:0;
	list-style:none;
}
.sidebar-subnavi .menu ul.sub-menu > a{
	display:block;
	padding:10px 10px;
	font-size:14px;
}*/
/**
 * 5.0 Content
 * ----------------------------------------------------------------------------
 */

.hentry {
    padding: 40px 0;
}

.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
    margin: 0 auto;
    /*x	max-width: 604px;*/
    width: 100%;
}

.sidebar .entry-header,
.sidebar .entry-content,
.sidebar .entry-summary,
.sidebar .entry-meta {
    max-width: 1040px;
    padding: 0 376px 0 60px;
}

/**
 * 5.1 Entry Header
 * ----------------------------------------------------------------------------
 */

.sidebar .entry-header .entry-meta {
    padding: 0;
}

.entry-thumbnail img {
    display: block;
    margin: 0 auto 10px;
}

.entry-header {
    max-width: 1024px;
    margin-bottom: 30px;
    /*x	padding-left:39px;*/
}

.entry-title {
    /*x	font-weight: normal;*/
    font-size: 200%;
    margin: 0 0 5px;
}

.entry-title a {
    color: #141412;
}

.entry-title a:hover {
    color: #ea9629;
}

/**
 * 5.2 Entry Meta
 * ----------------------------------------------------------------------------
 */

.entry-meta {
    clear: both;
    font-size: 14px;
}

.entry-meta a {
    color: #bc360a;
}

.entry-meta a:hover {
    color: #bc360a;
}

.entry-meta > span {
    margin-right: 20px;
}

.entry-meta > span:last-child {
    margin-right: 0;
}

.featured-post:before {
    content: "\f308";
    margin-right: 2px;
}

.entry-meta .date a:before {
    content: "\f303";
}

.comments-link a:before {
    content: "\f300";
    margin-right: 2px;
    position: relative;
    top: -1px;
}

.entry-meta .author a:before {
    content: "\f304";
    position: relative;
    top: -1px;
}

.categories-links a:first-child:before {
    content: "\f301";
}

.tags-links a:first-child:before {
    content: "\f302";
    position: relative;
    top: -1px;
}

.edit-link a:before {
    content: "\f411";
    position: relative;
    top: -1px;
}

.single-author .entry-meta .author,
.sticky.format-standard .entry-meta .date,
.sticky.format-audio .entry-meta .date,
.sticky.format-chat .entry-meta .date,
.sticky.format-image .entry-meta .date,
.sticky.format-gallery .entry-meta .date {
    display: none;
}

/**
 * 5.3 Entry Content
 * ----------------------------------------------------------------------------
 */

.entry-content {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

.entry-content a,
.comment-content a {
    color: #00a6d6;
}

.entry-content a:hover,
.comment-content a:hover {
    color: #00729f;
    text-decoration: none;
}

.entry-content blockquote {
    font-size: 24px;
}

.entry-content blockquote cite,
.entry-content blockquote small {
    font-size: 16px;
}

.entry-content img.alignleft,
.entry-content .wp-caption.alignleft {
    margin-left: -60px;
}

.entry-content img.alignright,
.entry-content .wp-caption.alignright {
    margin-right: -60px;
}

footer.entry-meta {
    margin-top: 24px;
}

.format-standard footer.entry-meta {
    margin-top: 0;
}

/* Page links */
.page-links {
    clear: both;
    font-size: 16px;
    font-style: italic;
    font-weight: normal;
    line-height: 2.2;
    margin: 20px 0;
    text-transform: uppercase;
}

.page-links a,
.page-links > span {
    background: #fff;
    border: 1px solid #fff;
    padding: 5px 10px;
    text-decoration: none;
}

.format-status .entry-content .page-links a,
.format-gallery .entry-content .page-links a,
.format-chat .entry-content .page-links a,
.format-quote .entry-content .page-links a,
.page-links a {
    background: #e63f2a;
    border: 1px solid #e63f2a;
    color: #fff;
}

.format-gallery .entry-content .page-links a:hover,
.format-audio .entry-content .page-links a:hover,
.format-status .entry-content .page-links a:hover,
.format-video .entry-content .page-links a:hover,
.format-chat .entry-content .page-links a:hover,
.format-quote .entry-content .page-links a:hover,
.page-links a:hover {
    background: #fff;
    color: #e63f2a;
}

.format-status .entry-content .page-links > span,
.format-quote .entry-content .page-links > span {
    background: none;
}

.page-links .page-links-title {
    background: transparent;
    border: none;
    margin-right: 20px;
    padding: 0;
}

/* Mediaelements */
.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
    background: #220e10;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry
    .mejs-controls
    .mejs-horizontal-volume-slider
    .mejs-horizontal-volume-current {
    background: #fff;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #ea9629;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry
    .mejs-controls
    .mejs-horizontal-volume-slider
    .mejs-horizontal-volume-total {
    background: #595959;
}

.hentry .mejs-controls .mejs-time-rail span,
.hentry
    .mejs-controls
    .mejs-horizontal-volume-slider
    .mejs-horizontal-volume-total,
.hentry
    .mejs-controls
    .mejs-horizontal-volume-slider
    .mejs-horizontal-volume-current {
    border-radius: 0;
}

/**
 * 5.4 Galleries
 * ----------------------------------------------------------------------------
 */

.gallery {
    margin-bottom: 20px;
    margin-left: -4px;
}

.gallery-item {
    float: left;
    margin: 0 4px 4px 0;
    overflow: hidden;
    position: relative;
}

.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
    display: table;
    margin: 0 auto 20px;
}

.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
    text-align: center;
}

.gallery-columns-4 .gallery-item {
    max-width: 23%;
    max-width: -webkit-calc(25% - 4px);
    max-width: calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
    max-width: 19%;
    max-width: -webkit-calc(20% - 4px);
    max-width: calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
    max-width: 15%;
    max-width: -webkit-calc(16.7% - 4px);
    max-width: calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
    max-width: 13%;
    max-width: -webkit-calc(14.28% - 4px);
    max-width: calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
    max-width: 11%;
    max-width: -webkit-calc(12.5% - 4px);
    max-width: calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
    max-width: 9%;
    max-width: -webkit-calc(11.1% - 4px);
    max-width: calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
    margin-right: 0;
}

.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n + 1),
.gallery-columns-1.gallery-size-thumbnail
    figure.gallery-item:nth-of-type(1n + 1),
.gallery-columns-2.gallery-size-thumbnail
    figure.gallery-item:nth-of-type(2n + 1),
.gallery-columns-3.gallery-size-thumbnail
    figure.gallery-item:nth-of-type(3n + 1) {
    clear: left;
}

.gallery-caption {
    background-color: rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    padding: 2px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
    width: 100%;
}

.gallery-caption:before {
    box-shadow: 0 -10px 15px #000 inset;
    content: "";
    height: 100%;
    min-height: 49px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.gallery-item:hover .gallery-caption {
    opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
    display: none;
}

/**
 * 5.5 Post Formats
 * ----------------------------------------------------------------------------
 */

/* Aside */
.format-aside {
    background-color: #f7f5e7;
}

.blog .format-aside:first-of-type,
.single .format-aside:first-of-type,
.format-aside + .format-aside,
.format-aside + .format-link,
.format-link + .format-aside {
    box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
}

.format-aside .entry-meta {
    margin-top: 0;
}

.format-aside blockquote {
    font-size: 100%;
    font-weight: normal;
}

.format-aside cite {
    font-size: 100%;
    text-transform: none;
}

.format-aside cite:before {
    content: "\2014";
    margin-right: 5px;
}

/* Audio */
.format-audio {
    background-color: #db572f;
}

.format-audio .entry-title {
    font-size: 28px;
    font-weight: bold;
}

.format-audio .entry-content:before {
    content: "\f109";
    float: left;
    font-size: 64px;
    position: relative;
    top: 4px;
}

.format-audio .entry-content a,
.format-audio .entry-meta a,
.format-audio .entry-content a:hover,
.format-audio .entry-meta a:hover {
    color: #fbfaf3;
}

.format-audio .audio-content {
    background: url(images/dotted-line.png) repeat-y left top;
    background-size: 4px 4px;
    float: right;
    padding-left: 35px;
    width: 80%;
    width: -webkit-calc(100% - 85px);
    width: calc(100% - 85px);
}

.format-audio .wp-audio-shortcode {
    height: 30px !important; /* Override mediaelement.js style */
    margin: 20px 0;
    max-width: 400px !important; /* Override mediaelement.js style */
}

.format-audio audio {
    max-width: 100% !important; /* Avoid player width overflow. */
}

/* Chat */
.format-chat {
    background-color: #eadaa6;
}

.format-chat .entry-title {
    font-size: 28px;
    font-weight: bold;
}

.format-chat .entry-meta a,
.format-chat .entry-content a {
    color: #722d19;
}

.format-chat .entry-meta .date a:before {
    content: "\f108";
    margin-right: 2px;
}

.format-chat .entry-meta .author {
    display: none;
}

.format-chat .chat {
    margin: 0;
}

.format-chat .chat .chat-timestamp {
    color: #722d19;
    float: right;
    font-size: 12px;
    font-weight: normal;
    margin: 5px 10px 0;
}

.format-chat .chat .fn {
    font-style: normal;
}

/* Gallery */
.format-gallery {
    background-color: #fbca3c;
}

.format-gallery .entry-header {
    margin-bottom: 15px;
}

.format-gallery .entry-title {
    font-size: 50px;
    font-weight: 400;
    margin: 0;
}

.format-gallery .entry-meta a,
.format-gallery .entry-content a {
    color: #722d19;
}

/* Image */
.format-image .entry-title {
    font-size: 28px;
    font-weight: bold;
}

.format-image .categories-links,
.format-image .tags-links {
    display: none;
}

/* Link */
.format-link {
    background-color: #f7f5e7;
}

.blog .format-link:first-of-type,
.single .format-link:first-of-type {
    box-shadow: inset 0 2px 2px rgba(173, 165, 105, 0.2);
}

.format-link .entry-header,
.format-link .entry-content p:last-child {
    margin-bottom: 0;
}

.format-link .entry-title {
    color: #ca3c08;
    display: inline;
    font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
    margin-right: 20px;
}

.format-link .entry-title a {
    color: #bc360a;
}

.format-link div.entry-meta {
    display: inline;
}

/* Quote */
.format-quote {
    background-color: #210d10;
}

.format-quote .entry-content,
.format-quote .entry-meta {
    color: #f7f5e7;
}

.format-quote .entry-content blockquote {
    font-size: 28px;
    margin: 0;
}

.format-quote .entry-content a,
.format-quote .entry-meta a,
.format-quote .linked {
    color: #e63f2a;
}

.format-quote .entry-content cite a {
    border-bottom: 1px dotted #fff;
    color: #fff;
}

.format-quote .entry-content cite a:hover {
    text-decoration: none;
}

.format-quote blockquote small,
.format-quote blockquote cite {
    display: block;
    font-size: 16px;
}

.format-quote blockquote {
    font-style: italic;
    font-weight: 300;
    padding-left: 75px;
    position: relative;
}

.format-quote blockquote:before {
    content: "\201C";
    font-size: 140px;
    font-weight: 400;
    line-height: 0.8;
    padding-right: 25px;
    position: absolute;
    left: -15px;
    top: -3px;
}

.format-quote .entry-meta .author {
    display: none;
}

/* Status */
.format-status {
    background-color: #722d19;
    padding: 0;
}

.format-status .entry-content,
.format-status .entry-meta {
    padding-left: 35px;
    position: relative;
}

.format-status .entry-content a {
    color: #eadaa6;
}

.format-status .entry-meta a {
    color: #f7f5e7;
}

.sidebar .format-status .entry-content,
.sidebar .format-status .entry-meta {
    padding-left: 95px;
}

.format-status .entry-content:before,
.format-status .entry-meta:before {
    background: url(images/dotted-line.png) repeat-y left bottom;
    background-size: 4px 4px;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    left: 10px;
    top: 0;
    width: 1px;
}

.sidebar .format-status .entry-content:before,
.sidebar .format-status .entry-meta:before {
    left: 70px;
}

.format-status .categories-links,
.format-status .tags-links {
    display: none;
}

/* Ensures the dots in the dot background are in lockstep. */
.format-status .entry-meta:before {
    background-position: left top;
}

.format-status .entry-content {
    color: #f7f5e7;
    font-size: 24px;
    font-style: italic;
    font-weight: 300;
    padding-bottom: 30px;
    padding-top: 40px;
    position: relative;
}

.format-status .entry-content p:first-child:before {
    background-color: rgba(0, 0, 0, 0.65);
    content: "";
    height: 3px;
    margin-top: 13px;
    position: absolute;
    left: 4px;
    width: 13px;
}

.sidebar .format-status .entry-content > p:first-child:before {
    left: 64px;
}

.format-status .entry-content p:last-child {
    margin-bottom: 0;
}

.format-status .entry-meta {
    margin-top: 0;
    padding-bottom: 40px;
}

.format-status .entry-meta .date a:before {
    content: "\f105";
}

/* Video */
.format-video {
    background-color: #db572f;
}

.format-video .entry-content a,
.format-video .entry-meta a,
.format-video .entry-content a:hover,
.format-video .entry-meta a:hover {
    color: #fbfaf3;
}

.format-video .entry-title {
    font-size: 50px;
    font-weight: 400;
}

.format-video .entry-meta {
    color: #220e10;
}

/**
 * 5.6 Attachments
 * ----------------------------------------------------------------------------
 */

.attachment .hentry {
    background-color: #e8e5ce;
    margin: 0;
    padding: 0;
}

.attachment .entry-header {
    margin-bottom: 0;
    max-width: 1040px;
    padding: 30px 0;
}

.attachment .entry-title {
    display: inline-block;
    float: left;
    font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
    margin: 0;
}

.attachment .entry-title:before {
    content: "\f416";
    font-size: 32px;
    margin-right: 10px;
}

.attachment .entry-meta {
    clear: none;
    color: inherit;
    float: right;
    max-width: 604px;
    padding: 9px 0 0;
    text-align: right;
}

.hentry.attachment:not(.image-attachment) .entry-meta {
    max-width: 104px;
}

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

.attachment-meta:before {
    content: "\f307";
}

.full-size-link a:before {
    content: "\f402";
}

.full-size-link:before {
    content: none;
}

.attachment .entry-meta a,
.attachment .entry-meta .edit-link:before,
.attachment .full-size-link:before {
    color: #ca3c08;
}

.attachment .entry-content {
    background-color: #fff;
    max-width: 100%;
    padding: 40px 0;
}

.image-navigation {
    margin: 0 auto;
    max-width: 1040px;
    position: relative;
}

.image-navigation a:hover {
    text-decoration: none;
}

.image-navigation .nav-previous,
.image-navigation .nav-next {
    position: absolute;
    top: 50px;
}

.image-navigation .nav-previous {
    left: 0;
}

.image-navigation .nav-next {
    right: 0;
}

.image-navigation .meta-nav {
    font-size: 32px;
    font-weight: 300;
    vertical-align: -4px;
}

.attachment .entry-attachment,
.attachment .type-attachment p {
    margin: 0 auto;
    max-width: 724px;
    text-align: center;
}

.attachment .entry-attachment .attachment {
    display: inline-block;
}

.attachment .entry-caption {
    text-align: left;
}

.attachment .entry-description {
    margin: 20px auto 0;
    max-width: 604px;
}

.attachment .entry-caption p:last-child,
.attachment .entry-description p:last-child {
    margin: 0;
}

.attachment .site-main .sidebar-container,
.attachment .site-main .sidebar-press {
    display: none;
}

.attachment .entry-content .mejs-audio {
    max-width: 400px;
    margin: 0 auto;
}

.attachment .entry-content .wp-video {
    margin: 0 auto;
}

.attachment .entry-content .mejs-container {
    margin-bottom: 24px;
}

/**
 * 5.7 Post/Paging Navigation
 * ----------------------------------------------------------------------------
 */

.navigation .nav-previous {
    float: left;
}

.navigation .nav-next {
    float: right;
}

.navigation a {
    color: #bc360a;
}

.navigation a:hover {
    color: #ea9629;
    text-decoration: none;
}

.paging-navigation {
    background-color: #e8e5ce;
    padding: 40px 0;
}

.paging-navigation .nav-links {
    margin: 0 auto;
    max-width: 604px;
    width: 100%;
}

.sidebar .paging-navigation .nav-links {
    max-width: 1040px;
    padding: 0 376px 0 60px;
}

.paging-navigation .nav-next {
    padding: 13px 0;
}

.paging-navigation a {
    font-size: 22px;
    font-style: italic;
    font-weight: 300;
}

.paging-navigation .meta-nav {
    background-color: #e63f2a;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 26px;
    padding: 3px 0 8px;
    text-align: center;
    width: 50px;
}

.paging-navigation .nav-previous .meta-nav {
    margin-right: 10px;
    padding: 17px 0 23px;
    width: 80px;
}

.paging-navigation .nav-next .meta-nav {
    margin-left: 10px;
}

.paging-navigation a:hover .meta-nav {
    background-color: #ea9629;
    text-decoration: none;
}

.post-navigation {
    background-color: #fff;
    color: #ca3c08;
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    padding: 20px 0;
}

.post-navigation .nav-links {
    margin: 0 auto;
    max-width: 1040px;
}

.sidebar .post-navigation .nav-links {
    padding: 0 376px 0 60px;
}

.post-navigation a[rel="next"] {
    float: right;
    text-align: right;
}

/**
 * 5.8 Author Bio
 * ----------------------------------------------------------------------------
 */

.author-info {
    margin: 0 auto;
    max-width: 604px;
    padding: 30px 0 10px;
    text-align: left; /* gallery & video post formats */
    width: 100%;
}

.author.sidebar .author-info {
    max-width: 1040px;
    padding: 30px 376px 10px 60px;
}

.single .author-info {
    padding: 50px 0 0;
}

.author-avatar .avatar {
    float: left;
    margin: 0 30px 30px 0;
}

.single-format-status .author-description {
    color: #f7f5e7;
}

.author-description .author-title {
    clear: none;
    font: 300 italic 20px "Source Sans Pro", Helvetica, sans-serif;
    margin: 0 0 8px;
}

.author-link {
    color: #ca3c08;
    margin-left: 2px;
}

.author.archive .author-link {
    display: none;
}

/**
 * 5.9 Archives
 * ----------------------------------------------------------------------------
 */

.archive-header {
    background-color: #e8e5ce;
}

.archive-title,
.archive-meta {
    font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
    margin: 0 auto;
    max-width: 1040px;
    padding: 30px 0;
    width: 100%;
}

.archive-meta {
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    margin-top: -15px;
    padding: 0 0 11px;
}

.sidebar .archive-meta {
    padding-right: 316px;
}

/**
 * 5.10 Search Results/No posts
 * ----------------------------------------------------------------------------
 */
.hfeed {
    width: 100%;
    height: 612px;
    display: table;
}
.header-bar {
    display: table-row;
    height: 60px;
}

.page-header {
    background-color: #e8e5ce;
}

.page-title {
    font: 300 italic 30px "Source Sans Pro", Helvetica, sans-serif;
    margin: 0 auto;
    max-width: 1040px;
    padding: 30px 0;
    width: 100%;
}

.page-content {
    margin: 0 auto;
    max-width: 604px;
    padding: 40px 0;
    width: 100%;
}

.sidebar .page-content {
    margin: 0 auto;
    max-width: 1040px;
    padding: 40px 376px 40px 60px;
}

/**
 * 5.11 404
 * ----------------------------------------------------------------------------
 */

.error404 .page-header {
    background-color: #fff;
}

.error404 .page-title {
    line-height: 0.6;
    margin: 0;
    padding: 300px;
    position: relative;
    text-align: center;
    width: auto;
}

.error404 .page-title:before {
    color: #e8e5ce;
    content: "\f423";
    font-size: 964px;
    line-height: 0.6;
    overflow: hidden;
    position: absolute;
    left: 7px;
    top: 28px;
}

.error404 .page-wrapper {
    background-color: #e8e5ce;
}

.error404 .page-header,
.error404 .page-content {
    margin: 0 auto;
    max-width: 1040px;
    padding-bottom: 40px;
    width: 100%;
}

/**
 * 5.12 Comments
 * ----------------------------------------------------------------------------
 */

.comments-title,
.comment-list,
.comment-reply-title,
.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 604px;
    width: 100%;
}

.sidebar .comments-title,
.sidebar .comment-list,
.sidebar .must-log-in,
.sidebar .comment-reply-title,
.sidebar .comment-navigation,
.sidebar .comment-respond .comment-form {
    max-width: 1040px;
    padding-left: 60px;
    padding-right: 376px;
}

.comments-title {
    font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
}

.comment-list,
.comment-list .children {
    list-style-type: none;
    padding: 0;
}

.comment-list .children {
    margin-left: 20px;
}

.comment-list > li:after,
.comment-list .children > li:before {
    background: url(images/dotted-line.png) repeat left top;
    background-size: 4px 4px;
    content: "";
    display: block;
    height: 1px;
    width: 100%;
}

.comment-list > li:last-child:after {
    display: none;
}

.comment-body {
    padding: 24px 0;
    position: relative;
}

.comment-author {
    float: left;
    max-width: 74px;
}

.comment-author .avatar {
    display: block;
    margin-bottom: 10px;
}

.comment-author .fn {
    word-wrap: break-word;
}

.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login {
    color: #bc360a;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
}

.says {
    display: none;
}

.no-avatars .comment-author {
    margin: 0 0 5px;
    max-width: 100%;
    position: relative;
}

.no-avatars .comment-metadata,
.no-avatars .comment-content,
.no-avatars .comment-list .reply {
    width: 100%;
}

.bypostauthor > .comment-body .fn:before {
    content: "\f408";
    vertical-align: text-top;
}

.comment-list .edit-link {
    margin-left: 20px;
}

.comment-metadata,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply {
    float: right;
    width: 79%;
    width: -webkit-calc(100% - 124px);
    width: calc(100% - 124px);
    word-wrap: break-word;
}

.comment-meta,
.comment-meta a {
    color: #a2a2a2;
    font-size: 13px;
}

.comment-meta a:hover {
    color: #ea9629;
}

.comment-metadata {
    margin-bottom: 20px;
}

.ping-meta {
    color: #a2a2a2;
    font-size: 13px;
    line-height: 2;
}

.comment-awaiting-moderation {
    color: #a2a2a2;
}

.comment-awaiting-moderation:before {
    content: "\f414";
    margin-right: 5px;
    position: relative;
    top: -2px;
}

.comment-reply-link:before,
.comment-reply-login:before {
    content: "\f412";
    margin-right: 3px;
}

/* Comment form */
.comment-respond {
    background-color: #f7f5e7;
    padding: 30px 0;
}

.comment .comment-respond {
    margin-bottom: 20px;
    padding: 20px;
}

.comment-reply-title {
    font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
}

.comment-reply-title small a {
    color: #131310;
    display: inline-block;
    float: right;
    height: 16px;
    overflow: hidden;
    width: 16px;
}

.comment-reply-title small a:hover {
    color: #ed331c;
    text-decoration: none;
}

.comment-reply-title small a:before {
    content: "\f406";
    vertical-align: top;
}

.sidebar .comment-list .comment-reply-title,
.sidebar .comment-list .comment-respond .comment-form {
    padding: 0;
}

.comment-form .comment-notes {
    margin-bottom: 15px;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
    margin-bottom: 8px;
}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
    float: left;
    padding: 5px 0;
    width: 120px;
}

.comment-form .required {
    color: #ed331c;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    max-width: 270px;
    width: 60%;
}

.comment-form textarea {
    width: 100%;
}

.form-allowed-tags,
.form-allowed-tags code {
    color: #686758;
    font-size: 12px;
}

.form-allowed-tags code {
    font-size: 10px;
    margin-left: 3px;
}

.comment-list .pingback,
.comment-list .trackback {
    padding-top: 24px;
}

.comment-navigation {
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    margin: 0 auto;
    max-width: 604px;
    padding: 20px 0 30px;
    width: 100%;
}

.no-comments {
    background-color: #f7f5e7;
    font-size: 20px;
    font-style: italic;
    font-weight: 300;
    margin: 0;
    padding: 40px 0;
    text-align: center;
}

.sidebar .no-comments {
    padding-left: 60px;
    padding-right: 376px;
}

/**
 * 5.13 Multisite
 * ----------------------------------------------------------------------------
 */

.site-main .mu_register {
    margin: 0 auto;
    max-width: 604px;
    width: 100%;
}

.mu_alert {
    margin-top: 25px;
}

.site-main .mu_register input[type="submit"],
.site-main .mu_register #blog_title,
.site-main .mu_register #user_email,
.site-main .mu_register #blogname,
.site-main .mu_register #user_name {
    font-size: inherit;
    width: 270px;
}

.site-main .mu_register input[type="submit"] {
    width: auto;
}

/**
 * 6.0 Sidebar
 * ----------------------------------------------------------------------------
 */

.site-main .widget-area {
    float: right;
    width: 300px;
}

/**
 * 6.1 Widgets
 * ----------------------------------------------------------------------------
 */

.widget {
    background-color: rgba(247, 245, 231, 0.7);
    font-size: 14px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    margin: 0 0 24px;
    padding: 20px;
    word-wrap: break-word;
}

.widget .widget-title {
    font: 300 20px "Source Sans Pro", Helvetica, sans-serif;
    margin: 0 0 10px;
}

.widget ul,
.widget ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.widget li {
    padding: 5px 0;
}

.widget .children li:last-child {
    padding-bottom: 0;
}

.widget li > ul,
.widget li > ol {
    margin-left: 20px;
}

.widget a {
    color: #01a7d9;
}
.widget a:hover {
    color: #002e54;
}

/* Search widget */
.search-form .search-submit {
    display: none;
}

/* RSS Widget */
.widget_rss .rss-date {
    display: block;
}

.widget_rss .rss-date,
.widget_rss li > cite {
    color: #a2a2a2;
}

/* Calendar Widget */
.widget_calendar table,
.widget_calendar td {
    border: 0;
    border-collapse: separate;
    border-spacing: 1px;
}

.widget_calendar caption {
    font-size: 14px;
    margin: 0;
}

.widget_calendar th,
.widget_calendar td {
    padding: 0;
    text-align: center;
}

.widget_calendar a {
    display: block;
}

.widget_calendar a:hover {
    background-color: rgba(0, 0, 0, 0.15);
}

.widget_calendar tbody td {
    background-color: rgba(255, 255, 255, 0.5);
}

.site-footer .widget_calendar tbody td {
    background-color: rgba(255, 255, 255, 0.05);
}

.widget_calendar tbody .pad,
.site-footer .widget_calendar tbody .pad {
    background-color: transparent;
}

/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------
 */

.footer-bar {
    color: #686758;
    font-size: 14px;
    text-align: center;
    display: table-row;
}
.site-footer {
    padding-right: 20px;
    padding-left: 20px;
    display: table;
    width: 100%;
}
.site-footer .site-footer-left {
    display: table-cell;
    width: auto;
    text-align: left;
}
.site-footer .site-footer-center {
    display: table-cell;
    width: auto;
    text-align: center;
}
.site-footer .site-footer-right {
    display: table-cell;
    width: auto;
    text-align: right;
    font-size: x-small;
    color: white;
}

.site-footer .widget-area,
.sidebar .site-footer {
    text-align: left;
}

.site-footer a {
    color: #686758;
}

.site-footer .sidebar-container,
.site-footer .sidebar-press {
    background-color: #f2f1ec;
    padding: 20px 0;
}

.site-footer .widget-area {
    margin: 0 auto;
    max-width: 1480px;
    width: 100%;
}

.sidebar .site-footer .widget-area {
    max-width: 724px;
    position: relative;
    left: -158px;
}

.site-footer .widget {
    background: transparent;
    color: #fff;
    float: left;
    margin-right: 20px;
    width: 245px;
}

.sidebar .site-footer .widget {
    width: 228px;
}

.sidebar .site-footer .widget:nth-of-type(4),
.sidebar .site-footer .widget:nth-of-type(3) {
    margin-right: 0;
}

.site-footer .widget a {
    color: #00a5d3;
}

.site-footer .widget-title,
.site-footer .widget-title a,
.site-footer .wp-caption-text {
    color: #9ca797;
}

.site-info {
    padding: 0;
    width: 200px;
    float: left;
}

#wpstats {
    display: block;
    margin: -10px auto 0;
}

/* ====================================
 COMMON
==================================== */
#primary,
#content {
    clear: both;
}
.inner,
.breadcrumbs {
    clear: both;
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 0.5% 0.5%;
}
.breadcrumbs {
    padding: 10px 0 15px 0;
}
.breadcrumbs,
.breadcrumbs a {
    color: #9ca696;
    font-size: 12px;
}
.breadcrumbs a:hover {
    color: #002e54;
}

a.defBtn {
    display: inline-block;
    color: #fff;
    font-size: 100%;
    line-height: 1.2;
    padding: 10px 25px;
    background: #00a6d6;
    font-weight: bold;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
a.defBtn:hover,
a.defBtn2:hover,
a.defBtn3:hover,
a.defBtn4:hover,
a.defBtn5:hover,
a.defBtns:hover {
    background: #00729f;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-out; /* Saf3.2+, Chrome */
    -moz-transition: all 0.2s ease-out; /* FF4+ */
    -ms-transition: all 0.2s ease-out; /* IE10? */
    -o-transition: all 0.2s ease-out; /* Opera 10.5+ */
    transition: all 0.2s ease-out;
}

a.defBtn2 {
    display: inline-block;
    color: #fff;
    font-size: 100%;
    line-height: 1.2;
    padding: 10px 56px;
    background: #00a6d6;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
a.defBtn3 {
    display: inline-block;
    color: #fff;
    font-size: 100%;
    line-height: 1.2;
    padding: 10px 42px;
    background: #00a6d6;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
a.defBtn4 {
    display: inline-block;
    color: #fff;
    font-size: 100%;
    line-height: 1.2;
    padding: 10px 44px;
    background: #00a6d6;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
a.defBtn5 {
    display: inline-block;
    color: #fff;
    font-size: 100%;
    line-height: 1.2;
    padding: 10px 58px;
    background: #00a6d6;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
a.defBtns {
    display: block;
    width: 96%;
    height: auto;
    font-size: 100%;
    line-height: 1.2;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0;
    text-align: center;
    color: #fff;
    background: #00a6d6;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

/* ====================================
 Head
==================================== */
#headWrap {
    width: 100%;
    border-bottom: 1px solid #d9d6ca;
}
#pageInner.head {
    position: relative;
    height: 119px;
}
#headNavi {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 623px;
    height: 40px;
}
#headNavi ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#headNavi ul li {
    float: left;
    border-right: 1px solid #e1dfd0;
}
#headNavi ul li a {
    display: block;
    height: 40px;
    font-size: 13px;
    line-height: 1.2;
    padding: 12px 20px 0;
    color: #9ca696;
}

#headNavi ul#menu {
}
#headNavi ul#menu li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 89px;
    height: 40px;
    border: none;
}
#headNavi ul#menu li span.nav01 {
    display: block;
    width: 89px;
    height: 40px;
    text-indent: -9999px;
    background: url(img/button/flag.png) no-repeat 0 0;
}
#headNavi ul#menu li:hover {
    background-color: #eee;
}
#headNavi ul#menu > li > ul {
    display: none;
    position: absolute;
    z-index: 9999;
    top: 40px;
    left: -1px;
    margin: 0;
    padding: 0;
    width: 91px;
    background: #fff;
    border: solid 1px #e1dfd0;
}
#headNavi ul#menu > li > ul > li {
    margin: 0;
    padding: 0;
    width: 90px;
    height: 30px;
    border: none;
}
#headNavi ul#menu > li > ul > li > a {
    display: block;
    margin: 0;
    padding: 0;
    width: 90px;
    height: 30px;
    text-indent: -9999px;
    background: url(img/button/flag.png) no-repeat;
}
#headNavi ul#menu li ul li:hover {
    background: #eee;
}

#headNavi ul#menu li.nav02 a {
    background-position: 0 -45px;
}
#headNavi ul#menu li.nav03 a {
    background-position: 0 -85px;
}
#headNavi ul#menu li.nav04 a {
    background-position: 0 -125px;
}
#headNavi ul#menu li.nav05 a {
    background-position: 0 -165px;
}
#headNavi ul#menu li.nav06 a {
    background-position: 0 -205px;
}
#headNavi ul#menu li.nav07 a {
    background-position: 0 -245px;
}
#headNavi ul#menu li.nav08 a {
    background-position: 0 -285px;
}

/* ====================================
 Keyvisual
==================================== */
#insideKeyWrap {
    position: relative;
}
#insidekey {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    /*x	margin-left:-960px;
x	height:640px;*/
    font-size: 100%;
    line-height: 1.2;
    text-align: center;
}
#insidekey .keyInner {
    position: relative;
    margin: 0 auto;
    max-width: 1920px;
}
#insidekey .keycatch {
    background: #fff;
    opacity: 0.9;
    min-width: 30%;
    min-height: 100px;
    position: absolute;
    top: 65%;
    left: 15%;
    margin: -150px 0 0 0;
    padding: 0 30px 30px 30px;
    z-index: 1;
    text-align: left;
    font-size: 1em;
    line-height: 1.2em;
}
#insidekey img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

#keyvisual {
    display: block;
    /*x	height:640px;*/
    font-size: 100%;
    line-height: 1.2;
}
/*
#keyvisual .outer{
	position:absolute;
	top:50%;
	left:50%;
	height:0;
	width:0;
	z-index:1;
}
#keyvisual .inner{
	max-width:1480px;
	min-width:1024px;
	height:10px;
	background:#F00;
	position:relative;
}*/
#keyvisual .keycatch {
    background: #fff;
    opacity: 0.9;
    min-width: 30%;
    height: auto;
    position: absolute;
    top: 70%;
    left: 15%;
    padding: 0 30px 30px 30px;
    margin: -15% 0 0 0;
    z-index: 999999;
    font-size: 1em;
    line-height: 1.2em;
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}
.bx-wrapper img {
    max-width: 100%;
    display: block;
}

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
    /*x	-moz-box-shadow: 0 0 5px #ccc;
x	-webkit-box-shadow: 0 0 5px #ccc;
x	box-shadow: 0 0 5px #ccc;
x	border:  5px solid #fff;
x	left: -5px;
x	background: #fff;*/
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: auto;
}

/* LOADER */
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(img/key/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: 0.85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    margin-left: -100px;
    padding: 12px 0 0;
    width: 200px;
    height: 40px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    background: rgba(0, 0, 0, 0.4);
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    text-indent: -9999px;
    display: block;
    width: 11px;
    height: 11px;
    border: 2px solid #fff;
    margin: 0 3px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #132b64;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    left: 50%;
    margin-left: -85px;
    background: url(img/key/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
    right: 50%;
    margin-right: -85px;
    background: url(img/key/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    bottom: 25px;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 1;
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
    text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(img/key/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(img/key/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}
.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: 0.85em;
    padding: 10px;
}

/* ====================================
 Column
==================================== */
.col2:before,
.col2:after,
.col3:before,
.col3:after,
.col4:before,
.col4:after,
.col5:before,
.col5:after,
.col6:before,
.col6:after {
    content: " ";
    display: table;
    text-align: center;
}
.col2:after,
.col3:after,
.col4:after,
.col5:after,
.col6:after {
    clear: both;
}
.col2,
.col3,
.col4,
.col5,
.col6 {
    clear: both;
    /*x	display:block;*/
    display: table;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    *zoom: 1;
}
.col2 > div,
.col3 > div,
.col4 > div,
.col5 > div,
.col6 > div {
    /*x	display:block;*/
    display: table-cell;
    vertical-align: top;
    /*x	float:left;*/
}
body#home .col2 > div,
body#home .col3 > div,
body#home .col4 > div,
body#home .col5 > div,
body#home .col6 > div {
    display: block;
    /*x	display:table-cell;
x	vertical-align:top;*/
    float: left;
}
.col2.line > div,
.col3.line > div,
.col4.line > div,
.col5.line > div,
.col6.line > div {
    border-right: 1px solid #e1dfd1;
}

.col2 > div {
    width: 50%;
    padding: 0 1% !important;
}
.col2 > div:last-child {
    border-right: none;
}
.col3 > div {
    width: 33.33%;
    padding: 0 1%;
}
.col3 > div:last-child {
    border-right: none;
}
.col4 > div {
    width: 25%;
    padding: 0 1%;
}
.col4 > div:last-child {
    border-right: none;
}
/*	
.col2 > div{width:49.02%; margin-left:1%; padding-right:1%; padding-left:1%;}
.col2 > div:first-child{width:49.02%; margin-left:0; padding-left:0;}
.col2 > div:last-child{width:49.02%; border-right:none; padding-right:0;}
.col3 > div{width:33.1%; margin-left:1%; padding-right:1%; padding-left:1%;}
.col3 > div:first-child{width:32.15%; margin-left:0; padding-left:0;}
.col3 > div:last-child{width:32%; border-right:none; padding-right:0;}
.col4 > div{width:24.62%; margin-left:1%; padding-right:1%; padding-left:1%;}
.col4 > div:first-child{width:23.62%; margin-left:0; padding-left:0;}
.col4 > div:last-child{width:23.52%; border-right:none; padding-right:0;}
.col4 > div{max-width:362px;}
*/

.col5 > div {
}
.col5 > div:first-child {
}
.col5 > div:last-child {
}

.col6 > div {
}
.col6 > div:first-child {
}
.col6 > div:last-child {
}

.col2 > div img,
.col3 > div img,
.col4 > div img,
.col5 > div img,
.col6 > div img {
    width: 100%;
}
.col2 > div img.nozoom,
.col3 > div img.nozoom,
.col4 > div img.nozoom,
.col5 > div img.nozoom,
.col6 > div img.nozoom {
    width: auto;
}
.col2 > div p,
.col3 > div p,
.col4 > div p,
.col5 > div p,
.col6 > div p {
    text-align: justify;
}

.col2 > div a,
.col3 > div a,
.col4 > div a,
.col5 > div a,
.col6 > div a {
    margin: 0;
}
.col2 > div a,
.col3 > div a,
.col4 > div a,
.col5 > div a,
.col6 > div a {
    margin: 0;
}

/* ====================================
 INDEX
==================================== */
ul.commercialCat {
    display: block;
    width: 100%;
    /*x	height:0;
x	height:2em;*/
    margin: 0;
    padding: 0.1px 0 1em 0;
    list-style-position: outside;
    font-weight: bold;
    list-style: none;
    box-sizing: content-box;
}
ul.commercialCat li {
    /*x	float:left;*/
    margin: 0 0 0 5px;
    padding: 0;
}
ul.commercialCat2 {
    display: block;
    width: 100%;
    /*x	height:0;
x	height:2em;*/
    margin: 0.1px 0 1em 0;
    padding: 0;
    font-weight: bold;
    list-style: none;
}
ul.commercialCat2 li {
    float: left;
    width: 46%;
    margin: 0 0 0 5px;
}
/*
ul.commercialCat li.nav01{
color: #fff;
font-size: 100%;
line-height: 1.2;
text-align:center;
padding: 10px;
margin:5px;
width: 90%;
background: #00a6d6;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
ul.commercialCat li.nav02{
color: #fff;
font-size: 100%;
line-height: 1.2;
text-align:center;
padding: 10px;
margin:5px;
width: 45%;
background: #00a6d6;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;

}
ul.commercialCat li.nav03{
color: #fff;
font-size: 100%;
line-height: 1.2;
text-align:center;
padding: 10px;
margin:23px 5px 5px 5px;
width: 90%;
background: #00a6d6;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
*/

/* ====================================
 Footer
==================================== */
.footrest {
    padding: 39px 19px 39px 42px;
    border-top: 1px solid #cdd2cb;
    font-size: 15px;
    color: #b2b2b2;
    line-height: 1.2;
}

#socialmedia {
    padding: 30px 42px;
}
#socialmedia p {
    float: left;
    font: bold 18px/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
        "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #b2b2b2;
    width: 15em;
    margin: 0;
    padding: 10px 0;
}
#socialmedia ul {
    margin: 0;
    padding: 0;
}
#socialmedia ul li {
    float: left;
    margin: 0 10px;
}
#socialmedia ul li a {
    display: block;
    width: 40px;
    height: 40px;
    text-indent: -9999px;
    background: url(img/button/socialmedia.png) no-repeat;
}
#socialmedia ul li.nav01 a {
    background-position: 0 0;
}
#socialmedia ul li.nav02 a {
    background-position: -40px 0;
}
#socialmedia ul li.nav03 a {
    background-position: -80px 0;
}

.footnavi {
    float: right;
    font-size: 14px;
    line-height: 1.2;
}
.footnavi ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footnavi ul li {
    float: left;
    margin: 0;
    padding: 0;
    border-right: 1px solid #b2b2b2;
    display: block;
}
.footnavi ul li.end {
    border-right: none;
}
.footnavi ul li a {
    color: #b2b2b2;
    padding: 0 20px;
}

/* ====================================
 Footer Press
==================================== */
.sidebar-press {
}
.sidebar-press h2 {
    text-align: left;
    color: #9da596;
    font-size: 26px;
    line-height: 1.5;
    padding-left: 40px;
    margin: 0 0 0px 0;
}
.site-footer .sidebar-press {
    padding: 40px 0 0 0;
}
.sidebar-press .pressInner {
    max-width: 100%;
}
.sidebar-press .pressInner dl {
    margin: 0 10% 0px;
    text-align: left;
}
.sidebar-press .pressInner dl dt {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 20px 0;
    color: #9ca696;
}
.sidebar-press .pressInner dl dd {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
        Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 105%;
    line-height: 1.4;
    font-weight: bold;
    color: #5c5c4f;
    text-align: justify;
}
.sidebar-press .pressInner dl dd a {
    color: #00a6d6;
}

/* ====================================
 Footer Sitemap
==================================== */
.sidebar-sitemap {
    text-align: left;
}
.sidebar-sitemap h3.widget-title {
    font-weight: bold;
}
.sidebar-sitemap ul.menu,
.sidebar-sitemap ul.menu ul {
    list-style: none;
    padding-left: 0;
}
.sidebar-sitemap ul.menu li {
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
    padding: 0;
}
.sidebar-sitemap ul.menu li a {
    color: #666;
}

.sidebar-sitemap ul.menu li.fcol02.fnav10,
.sidebar-sitemap ul.menu li.fcol03.fnav12,
.sidebar-sitemap ul.menu li.fcol04.fnav10 {
    font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
    margin-top: 40px;
}
.sidebar-sitemap ul.menu li.fcol02.fnav10 a,
.sidebar-sitemap ul.menu li.fcol03.fnav12 a,
.sidebar-sitemap ul.menu li.fcol04.fnav10 a {
    color: #9ca797;
}
.sidebar-sitemap ul.menu li.fcol02.fnav01 > a,
.sidebar-sitemap ul.menu li.fcol02.fnav06 > a,
.sidebar-sitemap ul.menu li.fcol03.fnav02 > a,
.sidebar-sitemap ul.menu li.fcol03.fnav09 > a {
    /*x	float:left;*/
    width: 70px;
    clear: both;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    font-weight: bold;
    pointer-events: none;
    cursor: default;
}
.sidebar-sitemap > .widget-sitemap > div:nth-child(2) ul.sub-menu,
.sidebar-sitemap > .widget-sitemap > div:nth-child(3) ul.sub-menu {
    display: block;
    margin-left: 1em;
    /*x	width:265px;*/
}
/*
.sidebar-sitemap ul.menu li.fcol02.fnav05,
.sidebar-sitemap ul.menu li.fcol02.fnav09,
.sidebar-sitemap ul.menu li.fcol03.fnav01,
.sidebar-sitemap ul.menu li.fcol03.fnav08,
.sidebar-sitemap ul.menu li.fcol03.fnav11,
.sidebar-sitemap ul.menu li.fcol04.fnav09{
	margin-bottom:1em;}

.site-footer .sidebar-sitemap .widget-sitemap {
	margin: 0 auto;
	text-align:left;
}
.site-footer .sidebar-sitemap .widget{
	margin:0;
	padding:50px 0 0 40px;}
.site-footer .sidebar-sitemap > .widget-sitemap > div:nth-child(1){width:325px;}
.site-footer .sidebar-sitemap > .widget-sitemap > div:nth-child(2){width:375px;}
.site-footer .sidebar-sitemap > .widget-sitemap > div:nth-child(3){width:375px;}
.site-footer .sidebar-sitemap > .widget-sitemap > div:nth-child(4){width:375px;}

.sidebar .site-footer .widget-sitemap {
x	max-width: 724px;
x	position: relative;
x	left: -158px;
x	text-align:left;
}
*/

/* ====================================
 Addition CSS SETTING
==================================== */

/* ====================================
 Responsive layout Setting
==================================== */
/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
    width: device-width;
}
@viewport {
    width: device-width;
}

@media (max-width: 1599px) {
    .site {
        border: 0;
    }
}

@media (max-width: 1480px) {
    /* crumbs + primary Wrap margin */
    .breadcrumbs,
    #primary {
        width: 100%;
        /*x		padding:0 10px;*/
    }
}

@media (max-width: 1170px) {
    .main-navigation {
        /*x		padding:0 0 0 180px;*/
    }
    ul.nav-menu,
    div.nav-menu > ul {
        /*x		text-align:left;*/
    }
}

@media (max-width: 1069px) {
    .sidebar img.alignleft,
    .sidebar .wp-caption.alignleft {
        margin-left: 0;
    }

    .sidebar img.alignright,
    .sidebar .wp-caption.alignright {
        margin-right: 0;
    }

    .error404 .page-header {
        margin-left: auto;
        max-width: 604px;
        width: 100%;
    }

    .archive-header,
    .search .page-header,
    .archive .page-header,
    .blog .page-header,
    .error404 .page-content,
    .search .page-content,
    .archive .page-content,
    .attachment .entry-header,
    .attachment .entry-content,
    .post-navigation .nav-links,
    .sidebar .site-info,
    .site-footer .widget-area {
        padding-left: 20px;
        padding-right: 20px;
    }

    .error404 .page-title {
        font-size: 24px;
        padding: 180px;
    }

    .error404 .page-title:before {
        font-size: 554px;
    }

    .attachment .image-navigation {
        max-width: 724px;
    }

    .image-navigation .nav-previous,
    .image-navigation .nav-next {
        position: static;
    }

    .site-main .widget-area {
        margin-right: 60px;
    }
}

@media (max-width: 1024px) {
    /* common */
    .inner {
        /*x		width:288px;*/
    }
    /* Header */
    .site-header .home-link {
        width: 105px;
        height: 40px;
        left: 50%;
        margin-left: -52px;
        top: 19px;
        line-height: 0;
    }
    .site-title {
        width: 105px;
        height: 40px;
        background-size: contain;
    }
    #headNavi {
        width: 61px;
        min-width: 61px;
    }
    #headNavi ul {
        display: none;
    }
    #headNavi .search {
        position: relative;
        display: block;
        width: 60px;
        height: 71px;
        border-left: 1px solid #e1dfd1;
    }
    .site-header .search-form {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 3;
        background: rgba(0, 153, 255, 0.1);
    }
    .site-header .search-form .searchWrap {
        position: relative;
        height: 37px;
        width: 100%;
    }
    .site-header .search-form label {
        display: block;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 46px;
    }
    .site-header .search-form .active label {
        width: auto;
    }
    .site-header .search-field {
        background-color: transparent;
        background-image: url(img/icon/search-icon-mb.png);
        background-position: 6px center;
        background-repeat: no-repeat;
        background-size: 27px 26px;
        border: none;
        cursor: pointer;
        height: 37px;
        margin: 14px 0;
        padding: 0 0 0 46px;
        position: relative;
        right: 0;
        -webkit-transition: width 400ms ease, background 400ms ease;
        -moz-transition: width 400ms ease, background 400ms ease;
        -ms-transition: width 400ms ease, background 400ms ease;
        -o-transition: width 400ms ease, background 400ms ease;
        transition: width 400ms ease, background 400ms ease;
        width: 0;
    }
    .site-header .search-field:focus {
        background-color: #fff;
        border: 2px solid #c3c0ab;
        cursor: text;
        outline: 0;
        width: 230px;
    }

    #headNavi {
    }
    #headNavi {
    }
    #headNavi {
    }

    #sabNavi {
        display: none;
    }

    .sidebar .entry-header,
    .sidebar .entry-content,
    .sidebar .entry-summary,
    .sidebar .entry-meta,
    .sidebar .comment-list,
    .sidebar .comment-reply-title,
    .sidebar .comment-navigation,
    .sidebar .comment-respond .comment-form,
    .sidebar .featured-gallery,
    .sidebar .post-navigation .nav-links,
    .author.sidebar .author-info {
        max-width: 604px;
        padding-left: 0;
        padding-right: 0;
    }

    .sidebar .site-info,
    .search.sidebar .page-content,
    .blog.sidebar .page-content,
    .attachment .entry-header,
    .sidebar .comments-title {
        max-width: 604px;
    }

    .sidebar .archive-meta,
    .attachment .entry-header,
    .search.sidebar .page-content,
    .blog.sidebar .page-content,
    .sidebar .site-info,
    .sidebar .comments-title,
    .sidebar .no-comments {
        padding-left: 0;
        padding-right: 0;
    }

    .attachment .entry-meta {
        float: left;
        text-align: left;
        width: 100%;
    }

    .attachment .entry-content {
        max-width: 100%;
        padding: 40px 0;
    }

    .format-status .entry-content {
        padding-top: 40px;
    }

    .format-status .entry-meta {
        padding-bottom: 40px;
    }

    .sidebar .format-status .entry-content,
    .sidebar .format-status .entry-meta {
        padding-left: 35px;
    }

    .sidebar .format-status .entry-content:before,
    .sidebar .format-status .entry-meta:before {
        left: 10px;
    }
    .sidebar .format-status .entry-content p:first-child:before {
        left: 4px;
    }
    .sidebar .paging-navigation .nav-links {
        padding: 0 60px;
    }
    .site-main .sidebar-container,
    .site-main .sidebar-press {
        height: auto;
        margin: 0 auto;
        max-width: 604px;
        position: relative;
        top: 20px;
    }
    .site-main .widget-area {
        float: none;
        margin: 0;
        width: 100%;
    }

    .sidebar .site-footer .widget-area {
        max-width: 100%;
        left: 0;
    }
    .main-navigation {
        padding: 0;
        height: 71px;
    }

    /* Small menu */
    .menu-toggle {
        cursor: pointer;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 55px;
        height: 71px;
        background: url(img/icon/icn_menu.png) no-repeat center center;
        border-right: 1px solid #e1dfd1;
        text-indent: -9999px;
        /*x		font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;*/
        margin: 0;
        padding: 0;
    }

    .menu-toggle:after {
        /*x		content: "\f502";
x		font-size: 12px;
x		padding-left: 8px;
x		vertical-align: -4px;*/
    }

    .toggled-on .menu-toggle:after {
        content: "\f500";
        vertical-align: 2px;
    }

    .toggled-on .nav-menu,
    .toggled-on .nav-menu > ul {
        display: block;
        margin-left: 0;
        padding: 0;
        width: 260px;
    }
    /*
	.toggled-on li,
	.toggled-on .children {
		display: block;
	}

	.toggled-on .nav-menu li > ul {
		background-color: transparent;
		display: block;
		float: none;
		margin-left:0;
		position: relative;
		left: 0;
		top: 0;
	}

	.toggled-on .nav-menu li > ul a {
		color: #141412;
		width: auto;
	}

	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a {
		background-color: transparent;
		color: #141412;
	}

	.toggled-on .nav-menu li a:hover,
	.toggled-on .nav-menu ul a:hover {
		background-color: #db572f;
		color: #fff;
	}
*/
    /* 総合 */
    .nav-menu li,
    .nav-menu li li,
    .nav-menu li li li {
        clip: inherit;
        display: block;
    }

    .nav-menu {
        position: absolute;
        top: 71px;
        left: 20px;
        z-index: 99;
    }
    .nav-menu li {
        display: block;
        position: relative;
        background: #fff;
        /*x		border-bottom:1px solid #e1dfd2;*/
        border-left: none;
    }
    .nav-menu li a {
        display: block;
        color: #01a7d9;
        height: 38px;
        width: 260px;
        font-weight: bold;
        font-size: 16px;
        line-height: 1.2;
        padding: 10px 20px;
        text-decoration: none;
    }

    /* 親 */
    .nav-menu > li.has_children > span.childShow,
    .nav-menu .sub-menu li.has_children > span.childShow,
    .nav-menu .children li.has_children > span.childShow {
        display: block;
        width: 38px;
        height: 38px;
        text-align: center;
        font-size: 16px;
        /*x	font-weight:bold;*/
        position: absolute;
        right: 0;
        top: 0px;
        margin: 0;
        padding: 0;
        z-index: 1;
        cursor: pointer;
        background: url(img/navi/flag_navi_child.png) no-repeat 0 0;
    }
    .nav-menu > li.has_children > span.childShow.active,
    .nav-menu .sub-menu li.has_children > span.childShow.active,
    .nav-menu .children li.has_children > span.childShow.active {
        background-position: 0 -38px;
    }
    .nav-menu .sub-menu li.has_children > a:after,
    .nav-menu .children li.has_children > a:after {
        content: " ";
    }

    /* Menu Layout */
    /* 子 */
    .nav-menu .sub-menu,
    .nav-menu .children {
        display: none;
        background-color: #220e10;
        border: none;
        padding: 0;
        position: relative;
        left: 0px;
        z-index: 999999;
        height: inherit;
        width: inherit;
        /*x		overflow: hidden;*/
        clip: rect(auto, auto, auto, auto);
    }
    .nav-menu .sub-menu li a,
    .nav-menu .children li a {
        display: block;
        width: auto;
        white-space: nowrap;
        width: 260px;
        height: 38px;
        padding: 10px 20px 10px 30px;
        text-align: left;
        font-size: 13px;
        font-weight: normal;
        color: #01a7d9;
    }
    /*曾孫*/
    .nav-menu .sub-menu ul,
    .nav-menu .children ul {
        display: none;
        border-left: 0;
        left: 0;
        top: 0;
    }
    .nav-menu .sub-menu ul li a,
    .nav-menu .children ul li a {
        display: block;
        width: auto;
        white-space: nowrap;
        width: 260px;
        height: 38px;
        padding: 10px 20px 10px 40px;
        text-align: left;
        font-size: 13px;
        font-weight: normal;
        color: #01a7d9;
    }

    /*
	.main-navigation {
		clear: both;
		padding:0;
		height: 0;
		position: relative;
	}
	ul.nav-menu,
	div.nav-menu > ul {
		margin: 0;
		font-size:0;
		line-height:0;
		padding:0;
	}
	.nav-menu>li:first-child{border-left:none;}
	.nav-menu > li:hover > a,
	.nav-menu > li > a:hover,
	.nav-menu > li:focus > a,
	.nav-menu > li > a:focus {
		background-color: #002e54;
		color: #fff;
	}
*/

    ul.nav-menu,
    div.nav-menu > ul {
        display: none;
    }

    /* keyvisual */

    #insidekey {
        display: block;
        /*x	height:640px;*/
        font-size: 100%;
        line-height: 1.2;
        text-align: center;
    }
    #insidekey .keyInner {
        position: relative;
        margin: 0 auto;
        max-width: 1920px;
    }
    #insidekey .keycatch {
        background: #fff;
        margin: 0 0 0 5%;
        padding: 0 0 20px;
        width: 90%;
        height: 300px;
        position: static;
        /*x		top:50%;
x		left:4%;*/
        text-align: left;
        font-size: 1em;
        line-height: 1.2em;
        background: #fff;
        z-index: 0;
    }
    #insidekey img {
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }

    #keyvisual .keycatch {
        position: static;
        /*x		bottom:0;
x		right:0;*/
        margin: 0 0 0 5%;
        padding: 0 0 30px;
        width: 90%;
        height: 300px;
        background: #fff;
        z-index: 100000;
    }
}

/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {
    .entry-content img.alignleft,
    .entry-content .wp-caption.alignleft {
        margin-left: 0;
    }

    .entry-content img.alignright,
    .entry-content .wp-caption.alignright {
        margin-right: 0;
    }

    .attachment .image-navigation,
    .attachment .entry-attachment .attachment {
        max-width: 604px;
        padding: 0;
        width: 100%;
    }

    .gallery-caption {
        display: none;
    }
}

@media (max-width: 643px) {
    html {
        font-size: 12px;
    }
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 22px;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 18px;
    }
    h5 {
        font-size: 16px;
    }
    h6 {
        font-size: 14px;
    }

    /*press*/
    .sidebar-press .pressInner dl dt {
        font-size: 10px;
    }

    #content .entry-header,
/*	#content .entry-content, */
	#content .entry-summary,
	#content footer.entry-meta,
	#content .featured-gallery,
	.search.sidebar .page-content,
	.blog.sidebar .page-content,
	.sidebar .post-navigation .nav-links,
	.paging-navigation .nav-links,
	#content .author-info,
	.comments-area .comments-title,
	.comments-area .comment-list,
	.comments-area .comment-navigation,
	.comment-respond,
	.sidebar .site-info,
	.sidebar .paging-navigation .nav-links {
        padding-left: 20px;
        padding-right: 20px;
    }

    #content .format-status .entry-content,
    #content .format-status .entry-met {
        padding-left: 35px;
    }

    /* ??? */
    #content .featured-gallery {
        padding-left: 24px;
    }

    .gallery-columns-1 .gallery-item {
        margin-right: 0;
        width: 100%;
    }

    .entry-title,
    .format-chat .entry-title,
    .format-image .entry-title,
    .format-gallery .entry-title,
    .format-video .entry-title {
        font-size: 22px;
        font-weight: bold;
    }

    .format-quote blockquote,
    .format-status .entry-content {
        font-size: 18px;
    }

    .format-quote blockquote small,
    .format-quote blockquote cite {
        font-size: 13px;
    }

    .error404 .page-title {
        padding: 40px 0 0;
    }

    .error404 .page-title:before {
        content: normal;
    }

    .comment-author {
        margin-right: 30px;
    }

    .comment-author .avatar {
        height: auto;
        max-width: 100%;
    }

    .comment-metadata,
    .comment-content,
    .comment-list .reply {
        width: 70%;
        width: -webkit-calc(100% - 104px);
        width: calc(100% - 104px);
    }

    .comment-form input[type="text"],
    .comment-form input[type="email"],
    .comment-form input[type="url"] {
        width: -webkit-calc(100% - 120px);
        width: calc(100% - 120px);
    }

    .comment-form textarea {
        height: 80px; /* Smaller field for mobile. */
    }

    /* Audio */
    .format-audio .entry-content:before {
        display: none;
    }

    .format-audio .audio-content {
        background-image: none;
        float: none;
        padding-left: 0;
        width: auto;
    }

    .col2:before,
    .col2:after,
    .col3:before,
    .col3:after,
    .col4:before,
    .col4:after,
    .col5:before,
    .col5:after,
    .col6:before,
    .col6:after {
        content: " ";
        display: block;
        text-align: center;
    }
    .col2:after,
    .col3:after,
    .col4:after,
    .col5:after,
    .col6:after {
        clear: both;
    }
    .col2,
    .col3,
    .col4,
    .col5,
    .col6 {
        clear: both;
        display: block;
        width: 100%;
        max-width: 1480px;
        margin: 0 auto;
        *zoom: 1;
    }
    .col2 > div,
    .col3 > div,
    .col4 > div,
    .col5 > div,
    .col6 > div {
        display: block !important;
        width: 100%;
        float: none;
        clear: both;
    }
    .col2.line > div,
    .col3.line > div,
    .col4.line > div,
    .col5.line > div,
    .col6.line > div {
        border: none;
        border-bottom: 1px solid #e1dfd1;
    }
    .col2 > div {
        padding: 0 1%;
    }
    .col2 > div:last-child {
        border-bottom: none;
    }

    .col3 > div {
        padding: 0 1%;
    }
    .col3 > div:last-child {
        border-bottom: none;
    }

    .col4 > div {
        padding: 0 1%;
    }
    .col4 > div:last-child {
        border-bottom: none;
    }

    .col5 > div {
    }
    .col5 > div:last-child {
    }

    .col6 > div {
    }
    .col6 > div:last-child {
    }

    .col2 > div img,
    .col3 > div img,
    .col4 > div img,
    .col5 > div img,
    .col6 > div img {
        width: 100%;
    }
    .col2 > div p,
    .col3 > div p,
    .col4 > div p,
    .col5 > div p,
    .col6 > div p {
        text-align: justify;
    }
}

/* Mobile devices */
@media (max-width: 359px) {
    .gallery {
        margin-left: 0;
    }

    .gallery .gallery-item,
    .gallery-columns-2.gallery-size-thumbnail .gallery-item {
        max-width: none;
        width: 49%;
        width: -webkit-calc(50% - 4px);
        width: calc(50% - 4px);
    }

    .gallery-columns-1.gallery-size-medium,
    .gallery-columns-1.gallery-size-thumbnail,
    .gallery-columns-2.gallery-size-thumbnail,
    .gallery-columns-3.gallery-size-thumbnail {
        display: block;
    }

    .gallery-columns-1 .gallery-item,
    .gallery-columns-1.gallery-size-medium .gallery-item,
    .gallery-columns-1.gallery-size-thumbnail .gallery-item {
        text-align: center;
        width: 98%;
        width: -webkit-calc(100% - 4px);
        width: calc(100% - 4px);
    }

    .gallery-columns-3 .gallery-item:nth-of-type(3n),
    .gallery-columns-5 .gallery-item:nth-of-type(5n),
    .gallery-columns-7 .gallery-item:nth-of-type(7n),
    .gallery-columns-9 .gallery-item:nth-of-type(9n) {
        margin-right: 4px;
    }

    .gallery br {
        display: none;
    }

    .gallery .gallery-item:nth-of-type(even) {
        margin-right: 0;
    }

    /* Comments */
    .comment-author {
        margin: 0 0 5px;
        max-width: 100%;
    }

    .comment-author .avatar {
        display: inline;
        margin: 0 5px 0 0;
        max-width: 20px;
    }

    .comment-metadata,
    .comment-content,
    .comment-list .reply {
        width: 100%;
    }
}

/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

/* Retina-specific styles. */
@media print,
    (-o-min-device-pixel-ratio: 5/4),
    (-webkit-min-device-pixel-ratio: 1.25),
    (min-resolution: 120dpi) {
    .site-header .search-field {
        /*x		background-image: url(img/icon/search-icon.png);*/
    }

    .format-audio .audio-content,
    .format-status .entry-content:before,
    .format-status .entry-meta:before,
    .comment-list > li:after,
    .comment-list .children > li:before {
        background-image: url(images/dotted-line-2x.png);
    }
}

@media print {
    body {
        background: none !important;
        color: #000;
        font-size: 10pt;
    }

    footer a[rel="bookmark"]:link:after,
    footer a[rel="bookmark"]:visited:after {
        content: " [" attr(href) "] "; /* Show URLs */
    }

    .site {
        max-width: 98%;
    }

    .site-header {
        /*       background-image: none !important;*/
        position: relative;
        min-height: 90px;
        height: 90px;
        width: 1050px;
        border-bottom: 1px solid #d9d6ca;
        display: table;
    }

    .site-header .home-link {
        max-width: none;
        min-height: 0;
    }

    .site-title {
        color: #000;
        font-size: 21pt;
    }

    .site-description {
        font-size: 10pt;
    }

    .author-avatar,
/*.site-footer, */
	.comment-respond,
	.comments-area .comment-edit-link,
	.comments-area .reply,
	.comments-link,
	.entry-meta .edit-link,
	.page-links,
	.site-content nav,
	.widget-area,
	.main-navigation,
/*	.navbar, */
	.more-link {
        display: none;
    }

    .entry-header,
    .entry-content,
    .entry-summary,
    .entry-meta {
        margin: 0;
        width: 100%;
    }

    .page-title,
    .entry-title {
        font-size: 21pt;
    }

    .entry-meta,
    .entry-meta a {
        color: #444;
        font-size: 10pt;
    }

    .entry-content img.alignleft,
    .entry-content .wp-caption.alignleft {
        margin-left: 0;
    }

    .entry-content img.alignright,
    .entry-content .wp-caption.alignright {
        margin-right: 0;
    }

    .format-image .entry-content .size-full {
        margin: 0;
    }

    /* Remove colors from post formats */
    .hentry {
        background-color: #fff;
    }

    /* Comments */
    .comments-area > li.comment {
        background: none;
        position: relative;
        width: auto;
    }

    .comment-metadata {
        float: none;
    }

    .comment-author .fn,
    .comment-reply-link,
    .comment-reply-login {
        color: #333;
    }
}

/* ====================================
 OTHER
==================================== */
/* margin */
.mrA {
    margin-left: auto;
    margin-right: auto;
    display: block !important;
}
.mrt0 {
    margin-top: 0px !important;
}
.mrt5 {
    margin-top: 5px !important;
}
.mrt10 {
    margin-top: 10px !important;
}
.mrt15 {
    margin-top: 15px !important;
}
.mrt20 {
    margin-top: 20px !important;
}
.mrt25 {
    margin-top: 25px !important;
}
.mrt30 {
    margin-top: 30px !important;
}
.mrt35 {
    margin-top: 35px !important;
}
.mrt40 {
    margin-top: 40px !important;
}
.mrt45 {
    margin-top: 45px !important;
}
.mrt50 {
    margin-top: 50px !important;
}
.mrt55 {
    margin-top: 55px !important;
}
.mrt60 {
    margin-top: 60px !important;
}
.mrt65 {
    margin-top: 65px !important;
}
.mrt70 {
    margin-top: 75px !important;
}
.mrt75 {
    margin-top: 75px !important;
}
.mrt80 {
    margin-top: 80px !important;
}
.mrt85 {
    margin-top: 85px !important;
}
.mrt90 {
    margin-top: 90px !important;
}
.mrt95 {
    margin-top: 95px !important;
}
.mrt100 {
    margin-top: 100px !important;
}
.mrr0 {
    margin-right: 0px !important;
}
.mrr5 {
    margin-right: 5px !important;
}
.mrr10 {
    margin-right: 10px !important;
}
.mrr15 {
    margin-right: 15px !important;
}
.mrr20 {
    margin-right: 20px !important;
}
.mrr25 {
    margin-right: 25px !important;
}
.mrr30 {
    margin-right: 30px !important;
}
.mrr35 {
    margin-right: 35px !important;
}
.mrr40 {
    margin-right: 40px !important;
}
.mrr45 {
    margin-right: 45px !important;
}
.mrr50 {
    margin-right: 50px !important;
}
.mrr55 {
    margin-right: 55px !important;
}
.mrr60 {
    margin-right: 60px !important;
}
.mrr65 {
    margin-right: 65px !important;
}
.mrr70 {
    margin-right: 75px !important;
}
.mrr75 {
    margin-right: 75px !important;
}
.mrr80 {
    margin-right: 80px !important;
}
.mrr85 {
    margin-right: 85px !important;
}
.mrr90 {
    margin-right: 90px !important;
}
.mrr95 {
    margin-right: 95px !important;
}
.mrr100 {
    margin-right: 100px !important;
}
.mrb0 {
    margin-bottom: 0px !important;
}
.mrb5 {
    margin-bottom: 5px !important;
}
.mrb10 {
    margin-bottom: 10px !important;
}
.mrb15 {
    margin-bottom: 15px !important;
}
.mrb20 {
    margin-bottom: 20px !important;
}
.mrb25 {
    margin-bottom: 25px !important;
}
.mrb30 {
    margin-bottom: 30px !important;
}
.mrb35 {
    margin-bottom: 35px !important;
}
.mrb40 {
    margin-bottom: 40px !important;
}
.mrb45 {
    margin-bottom: 45px !important;
}
.mrb50 {
    margin-bottom: 50px !important;
}
.mrb55 {
    margin-bottom: 55px !important;
}
.mrb60 {
    margin-bottom: 60px !important;
}
.mrb65 {
    margin-bottom: 65px !important;
}
.mrb70 {
    margin-bottom: 75px !important;
}
.mrb75 {
    margin-bottom: 75px !important;
}
.mrb80 {
    margin-bottom: 80px !important;
}
.mrb85 {
    margin-bottom: 85px !important;
}
.mrb90 {
    margin-bottom: 90px !important;
}
.mrb95 {
    margin-bottom: 95px !important;
}
.mrb100 {
    margin-bottom: 100px !important;
}
.mrl0 {
    margin-left: 0px !important;
}
.mrl5 {
    margin-left: 5px !important;
}
.mrl10 {
    margin-left: 10px !important;
}
.mrl15 {
    margin-left: 15px !important;
}
.mrl20 {
    margin-left: 20px !important;
}
.mrl25 {
    margin-left: 25px !important;
}
.mrl30 {
    margin-left: 30px !important;
}
.mrl35 {
    margin-left: 35px !important;
}
.mrl40 {
    margin-left: 40px !important;
}
.mrl45 {
    margin-left: 45px !important;
}
.mrl50 {
    margin-left: 50px !important;
}
.mrl55 {
    margin-left: 55px !important;
}
.mrl60 {
    margin-left: 60px !important;
}
.mrl65 {
    margin-left: 65px !important;
}
.mrl70 {
    margin-left: 75px !important;
}
.mrl75 {
    margin-left: 75px !important;
}
.mrl80 {
    margin-left: 80px !important;
}
.mrl85 {
    margin-left: 85px !important;
}
.mrl90 {
    margin-left: 90px !important;
}
.mrl95 {
    margin-left: 95px !important;
}
.mrl100 {
    margin-left: 100px !important;
}

/*padding*/
.pdt0 {
    padding-top: 0px !important;
}
.pdt5 {
    padding-top: 5px !important;
}
.pdt10 {
    padding-top: 10px !important;
}
.pdt15 {
    padding-top: 15px !important;
}
.pdt20 {
    padding-top: 20px !important;
}
.pdt25 {
    padding-top: 25px !important;
}
.pdt30 {
    padding-top: 30px !important;
}
.pdt35 {
    padding-top: 35px !important;
}
.pdt40 {
    padding-top: 40px !important;
}
.pdt45 {
    padding-top: 45px !important;
}
.pdt50 {
    padding-top: 50px !important;
}
.pdt55 {
    padding-top: 55px !important;
}
.pdt60 {
    padding-top: 60px !important;
}
.pdt65 {
    padding-top: 65px !important;
}
.pdt70 {
    padding-top: 75px !important;
}
.pdt75 {
    padding-top: 75px !important;
}
.pdt80 {
    padding-top: 80px !important;
}
.pdt85 {
    padding-top: 85px !important;
}
.pdt90 {
    padding-top: 90px !important;
}
.pdt95 {
    padding-top: 95px !important;
}
.pdt100 {
    padding-top: 100px !important;
}
.pdr0 {
    padding-right: 0px !important;
}
.pdr5 {
    padding-right: 5px !important;
}
.pdr10 {
    padding-right: 10px !important;
}
.pdr15 {
    padding-right: 15px !important;
}
.pdr20 {
    padding-right: 20px !important;
}
.pdr25 {
    padding-right: 25px !important;
}
.pdr30 {
    padding-right: 30px !important;
}
.pdr35 {
    padding-right: 35px !important;
}
.pdr40 {
    padding-right: 40px !important;
}
.pdr45 {
    padding-right: 45px !important;
}
.pdr50 {
    padding-right: 50px !important;
}
.pdr55 {
    padding-right: 55px !important;
}
.pdr60 {
    padding-right: 60px !important;
}
.pdr65 {
    padding-right: 65px !important;
}
.pdr70 {
    padding-right: 75px !important;
}
.pdr75 {
    padding-right: 75px !important;
}
.pdr80 {
    padding-right: 80px !important;
}
.pdr85 {
    padding-right: 85px !important;
}
.pdr90 {
    padding-right: 90px !important;
}
.pdr95 {
    padding-right: 95px !important;
}
.pdr100 {
    padding-right: 100px !important;
}
.pdb0 {
    padding-bottom: 0px !important;
}
.pdb5 {
    padding-bottom: 5px !important;
}
.pdb10 {
    padding-bottom: 10px !important;
}
.pdb15 {
    padding-bottom: 15px !important;
}
.pdb20 {
    padding-bottom: 20px !important;
}
.pdb25 {
    padding-bottom: 25px !important;
}
.pdb30 {
    padding-bottom: 30px !important;
}
.pdb35 {
    padding-bottom: 35px !important;
}
.pdb40 {
    padding-bottom: 40px !important;
}
.pdb45 {
    padding-bottom: 45px !important;
}
.pdb50 {
    padding-bottom: 50px !important;
}
.pdb55 {
    padding-bottom: 55px !important;
}
.pdb60 {
    padding-bottom: 60px !important;
}
.pdb65 {
    padding-bottom: 65px !important;
}
.pdb70 {
    padding-bottom: 75px !important;
}
.pdb75 {
    padding-bottom: 75px !important;
}
.pdb80 {
    padding-bottom: 80px !important;
}
.pdb85 {
    padding-bottom: 85px !important;
}
.pdb90 {
    padding-bottom: 90px !important;
}
.pdb95 {
    padding-bottom: 95px !important;
}
.pdb100 {
    padding-bottom: 100px !important;
}
.pdl0 {
    padding-left: 0px !important;
}
.pdl5 {
    padding-left: 5px !important;
}
.pdl10 {
    padding-left: 10px !important;
}
.pdl15 {
    padding-left: 15px !important;
}
.pdl20 {
    padding-left: 20px !important;
}
.pdl25 {
    padding-left: 25px !important;
}
.pdl30 {
    padding-left: 30px !important;
}
.pdl35 {
    padding-left: 35px !important;
}
.pdl40 {
    padding-left: 40px !important;
}
.pdl45 {
    padding-left: 45px !important;
}
.pdl50 {
    padding-left: 50px !important;
}
.pdl55 {
    padding-left: 55px !important;
}
.pdl60 {
    padding-left: 60px !important;
}
.pdl65 {
    padding-left: 65px !important;
}
.pdl70 {
    padding-left: 75px !important;
}
.pdl75 {
    padding-left: 75px !important;
}
.pdl80 {
    padding-left: 80px !important;
}
.pdl85 {
    padding-left: 85px !important;
}
.pdl90 {
    padding-left: 90px !important;
}
.pdl95 {
    padding-left: 95px !important;
}
.pdl100 {
    padding-left: 100px !important;
}

/*width*/
.w10 {
    width: 10px !important;
}
.w20 {
    width: 20px !important;
}
.w30 {
    width: 30px !important;
}
.w40 {
    width: 40px !important;
}
.w50 {
    width: 50px !important;
}
.w60 {
    width: 60px !important;
}
.w70 {
    width: 70px !important;
}
.w80 {
    width: 80px !important;
}
.w90 {
    width: 90px !important;
}
.w100 {
    width: 100px !important;
}
.w110 {
    width: 110px !important;
}
.w120 {
    width: 120px !important;
}
.w130 {
    width: 130px !important;
}
.w140 {
    width: 140px !important;
}
.w150 {
    width: 150px !important;
}
.w160 {
    width: 160px !important;
}
.w170 {
    width: 170px !important;
}
.w180 {
    width: 180px !important;
}
.w190 {
    width: 190px !important;
}
.w200 {
    width: 200px !important;
}
.w210 {
    width: 210px !important;
}
.w220 {
    width: 220px !important;
}
.w230 {
    width: 230px !important;
}
.w240 {
    width: 240px !important;
}
.w250 {
    width: 250px !important;
}
.w260 {
    width: 260px !important;
}
.w270 {
    width: 270px !important;
}
.w280 {
    width: 280px !important;
}
.w290 {
    width: 290px !important;
}
.w300 {
    width: 300px !important;
}
.w310 {
    width: 310px !important;
}
.w320 {
    width: 320px !important;
}
.w330 {
    width: 330px !important;
}
.w340 {
    width: 340px !important;
}
.w350 {
    width: 350px !important;
}
.w360 {
    width: 360px !important;
}
.w370 {
    width: 370px !important;
}
.w380 {
    width: 380px !important;
}
.w390 {
    width: 390px !important;
}
.w400 {
    width: 400px !important;
}
.w5P {
    width: 5% !important;
}
.w10P {
    width: 10% !important;
}
.w15P {
    width: 15% !important;
}
.w23P {
    width: 23% !important;
}
.w20P {
    width: 20% !important;
}
.w25P {
    width: 25% !important;
}
.w30P {
    width: 30% !important;
}
.w33P {
    width: 33% !important;
}
.w35P {
    width: 35% !important;
}
.w40P {
    width: 40% !important;
}
.w45P {
    width: 45% !important;
}
.w50P {
    width: 50% !important;
}
.w75P {
    width: 75% !important;
}
.w80P {
    width: 80% !important;
}
.w100P {
    width: 100% !important;
}

/* font */
.j10 {
    font-size: 10px;
    line-height: 1.2;
}
.j12 {
    font-size: 12px;
    line-height: 1.2;
}
.j13 {
    font-size: 13px;
    line-height: 1.2;
}
.j14 {
    font-size: 14px;
    line-height: 1.2;
}
.j16 {
    font-size: 16px;
    line-height: 1.2;
}
.j18 {
    font-size: 18px;
    line-height: 1.2;
}
.j20 {
    font-size: 20px;
    line-height: 1.2;
}

.tR {
    text-align: right !important;
}
.tL {
    text-align: left !important;
}
.tC {
    text-align: center !important;
}
.tB {
    font-weight: bold !important;
}
.tN {
    font-weight: normal !important;
}

/* color */
.colRed {
    color: #e80000;
}
.colBordeaux {
    color: #b10035;
}
.colNavy {
    color: #002e54;
}
.colBlue {
    color: #00a6d6;
}
.colGreen {
    color: #006600;
}
.colBlack {
    color: #333333;
}
.colWine {
    color: #5f2131;
}
.colYellow {
    color: #b9d300;
}
.colGray {
    color: #9ca696;
}

/* list */
ul.kome {
    margin: 5px auto 0 auto;
    padding: 0;
    list-style: none;
    text-align: center;
    width: 500px;
    clear: both;
}
ul.kome li {
    line-height: 1.4em;
    /*float:left;   ta-yamashita del #8262 */
    margin: 0 auto 0; /*margin:0; ta-yamashita mod #8262 */
    padding: 0;
    width: 240px;
    list-style: none;
}

@media (max-width: 643px) {
    ul.kome {
        width: 100%;
    }
    ul.kome li {
        width: 100%;
        margin: 5px;
    }
}

/* image */
.fL {
    float: left;
}
.fR {
    float: right;
}

hr.no_line {
    margin: 15px 0;
    background: none;
}
hr.margin {
    margin: 25px 0 20px;
}

/* clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/* background */
.backwh {
    background: #fff;
}
.bgBeige {
    background: #f5f2ef;
}
.colright {
    border-right: 1px solid #ededed;
}

h1.sysTitle {
    font-family: Arial, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック",
        "MS PGothic", sans-serif;
    margin: 0;
    font-size: 48px;
}

h2.sysSubTitle {
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",
        sans-serif;
    margin: 0 0 5px;
    font-size: 24px;
}

/* div kome2 ta-yamashita add #8262 */
div.kome2 {
    margin: 0 auto 0 auto;
    padding: 0;
    text-align: center;
    width: 590px;
    clear: both;
}
div.kome2 div {
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",
        sans-serif;
    color: #7f7f7f;
    margin: 0 auto 0 auto;
    padding: 0 0 0 80px;
    text-align: left;
    width: 100%;
}
@media (max-width: 643px) {
    div.kome2 {
        width: 100%;
    }
    div.kome2 div {
        padding: 0;
    }
}

/* ====================================
 login
==================================== */

#est {
    background-image: url(../image/bg_login.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #a1d6ff;
}

.site-content {
    padding-top: 180px;
}

.login-content {
    width: 800px;
    margin: 0 auto;
    padding: 70px 160px;
    background-color: rgba(255, 255, 255, 0.8);
    position: relative;
}

.login-content::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../image/bg_login_blur.png) no-repeat;
    z-index: -5;
}

.login-content-enter {
    padding-top: 154px;
    background: url(../image/logo.png) no-repeat center top;
}

.login-content-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.login-content-dt-enter {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}

.login-content-dd-enter input[type="text"],
.login-content-dd-enter input[type="password"] {
    width: 360px;
    height: 40px;
    background: #fff;
}

.login-content-dd-enter input[type="text"]:focus,
.login-content-dd-enter input[type="password"]:focus {
    background: #c7eaf1;
}

.formbtn {
	margin-top: 40px;
	position: relative;
}

.formbtn::after {
	content: "";
    position: absolute;
	top: 50%;
	right: 20px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateY(-50%) rotate(45deg);
}

input[type="button"]#ButtonLogin {
    width: 100%;
	height: 60px;
}

div.login-right {
    height: 480px;
    min-height: 480px;
    display: table-cell;
}

div.site-main {
    height: 480px;
    min-height: 480px;
    background: url("../image/login.jpg");
}
div.site-content {
    height: 480px;
    min-height: 480px;
    width: 100%;
    display: table;
}
div.footer-bar {
    background-image: url(../image/common/corporation.jpg);
    min-height: 30px;
    height: 30px;
}