@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');

/*!
Theme Name:株式会社ファーナリュッカ
Description:
Theme URI:https://www.fanalycka.co.jp/
Version: 1.0
License:株式会社ファーナリュッカ
License URI:https://www.fanalycka.co.jp/
*/



/* Created by Artisteer v4.3.0.60745 */
/*===============================================

全体設定

===============================================*/

:root {
    --primary-color: #3a711a;
    --accent-color: #ff8a00;
    --text-color: #333;
    --main-font: "Noto Serif JP", serif;
    --heading-font: vac(--main-font);
    --en: var(--main-font);

    /* ヘッダー　*/
    --hdr_box--pdg: 10px 15px;
    --logo-w: 423px;

    /*teaser*/
    --teaser-pdg: 140px 5% 100px;

    /*btn*/
    --btn--color: var(--accent-color);
}


a:hover img.img_opacity {
    opacity: 0.75;
    filter: alpha(opacity=75);
    transition: 0.2s linear;
}


.line_break {
    margin-top: 10px;
}

.blog_tit {
    position: relative;
    display: block;
    margin: 40px 0 15px;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #000;
}

.blog_tit:after {
    content: '';
    position: absolute;
    bottom: -10px;
    display: inline-block;
    text-align: center;
    width: 86px;
    height: 4px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #ff0000;
    border-radius: 2px;
}

#art-main {
    width: 100%;
    min-height: 100vh;
    margin: 0 auto;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    position: relative;
    left: 0;
    top: 0;
    cursor: default;
    overflow: hidden;
}

.bg_wrap {
    background: url(images/bg_beige.png) repeat-y center top;
    padding-bottom: 40px;
}

table,
ul.art-hmenu {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
ol,
li {
    margin: 0;
    padding: 0;
}

/* Reset buttons border. It's important for input and button tags.
 * border-collapse should be separate for shadow in IE.
 */
.art-button {
    border: 0;
    border-collapse: separate;
    background-origin: border-box !important;
    background: #A1ADBA;
    border-radius: 3px;
    border-width: 0;
    padding: 0 21px;
    margin: 0 auto;
    height: 24px;
}

.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent,
ul.art-vmenu a {
    text-align: left;
}

.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered {
    line-height: 175%;
}

.art-postcontent p {
    margin: 13px 0;
}

.art-postcontent h1,
.art-postcontent h1 a,
.art-postcontent h1 a:link,
.art-postcontent h1 a:visited,
.art-postcontent h1 a:hover,
.art-postcontent h2,
.art-postcontent h2 a,
.art-postcontent h2 a:link,
.art-postcontent h2 a:visited,
.art-postcontent h2 a:hover,
.art-postcontent h3,
.art-postcontent h3 a,
.art-postcontent h3 a:link,
.art-postcontent h3 a:visited,
.art-postcontent h3 a:hover,
.art-postcontent h4,
.art-postcontent h4 a,
.art-postcontent h4 a:link,
.art-postcontent h4 a:visited,
.art-postcontent h4 a:hover,
.art-postcontent h5,
.art-postcontent h5 a,
.art-postcontent h5 a:link,
.art-postcontent h5 a:visited,
.art-postcontent h5 a:hover,
.art-postcontent h6,
.art-postcontent h6 a,
.art-postcontent h6 a:link,
.art-postcontent h6 a:visited,
.art-postcontent h6 a:hover,
.art-blockheader .t,
.art-blockheader .t a,
.art-blockheader .t a:link,
.art-blockheader .t a:visited,
.art-blockheader .t a:hover,
.art-vmenublockheader .t,
.art-vmenublockheader .t a,
.art-vmenublockheader .t a:link,
.art-vmenublockheader .t a:visited,
.art-vmenublockheader .t a:hover,
.art-headline,
.art-headline a,
.art-headline a:link,
.art-headline a:visited,
.art-headline a:hover,
.art-slogan,
.art-slogan a,
.art-slogan a:link,
.art-slogan a:visited,
.art-slogan a:hover,
.art-postheader,
.art-postheader a,
.art-postheader a:link,
.art-postheader a:visited,
.art-postheader a:hover {

    font-weight: normal;
    font-style: normal;
    line-height: 120%;
}

.art-postcontent a,
.art-postcontent a:link {
    text-decoration: none;
    color: #d89300;
    font-weight: bold;
}

.art-postcontent a:visited,
.art-postcontent a.visited {
    text-decoration: none;
    color: #d89300;
    font-weight: bold;
}

.art-postcontent a:hover,
.art-postcontent a.hover {
    text-decoration: underline;
    color: #d89300;
}

.art-postcontent h1 {
    color: #6C7F93;
    margin: 10px 0 0;
    font-size: 26px;
}

.art-blockcontent h1 {
    margin: 10px 0 0;
    font-size: 26px;
}

.art-postcontent h1 a,
.art-postcontent h1 a:link,
.art-postcontent h1 a:hover,
.art-postcontent h1 a:visited,
.art-blockcontent h1 a,
.art-blockcontent h1 a:link,
.art-blockcontent h1 a:hover,
.art-blockcontent h1 a:visited {
    font-size: 26px;
}

.art-postcontent h2 {
    color: #8D9CAA;
    margin: 10px 0 0;
    font-size: 22px;
}

.art-blockcontent h2 {
    margin: 10px 0 0;
    font-size: 22px;
}

.art-postcontent h2 a,
.art-postcontent h2 a:link,
.art-postcontent h2 a:hover,
.art-postcontent h2 a:visited,
.art-blockcontent h2 a,
.art-blockcontent h2 a:link,
.art-blockcontent h2 a:hover,
.art-blockcontent h2 a:visited {
    font-size: 22px;
}

.art-postcontent h3 {
    color: #000000;
    margin: 10px 0 0;
    font-size: 20px;
}

.art-blockcontent h3 {
    margin: 10px 0 0;
    font-size: 20px;
}

.art-postcontent h3 a,
.art-postcontent h3 a:link,
.art-postcontent h3 a:hover,
.art-postcontent h3 a:visited,
.art-blockcontent h3 a,
.art-blockcontent h3 a:link,
.art-blockcontent h3 a:hover,
.art-blockcontent h3 a:visited {
    font-size: 20px;
}

.art-postcontent h4 {
    font-size: 120%;
    font-weight: bold;
    padding: 0 10px 8px 10px;
}

.art-blockcontent h4 {
    margin: 10px 0 0;
    font-size: 18px;
}

.art-postcontent h4 a,
.art-postcontent h4 a:link,
.art-postcontent h4 a:hover,
.art-postcontent h4 a:visited,
.art-blockcontent h4 a,
.art-blockcontent h4 a:link,
.art-blockcontent h4 a:hover,
.art-blockcontent h4 a:visited {
    font-size: 18px;
}

.art-postcontent h5 {
    color: #4E6883;
    margin: 10px 0 0;
    font-size: 15px;
}

.art-blockcontent h5 {
    margin: 10px 0 0;
    font-size: 15px;
}

.art-postcontent h5 a,
.art-postcontent h5 a:link,
.art-postcontent h5 a:hover,
.art-postcontent h5 a:visited,
.art-blockcontent h5 a,
.art-blockcontent h5 a:link,
.art-blockcontent h5 a:hover,
.art-blockcontent h5 a:visited {
    font-size: 15px;
}

.art-postcontent h6 {
    color: #A6B7C9;
    margin: 10px 0 0;
    font-size: 13px;
}

.art-blockcontent h6 {
    margin: 10px 0 0;
    font-size: 13px;
}

.art-postcontent h6 a,
.art-postcontent h6 a:link,
.art-postcontent h6 a:hover,
.art-postcontent h6 a:visited,
.art-blockcontent h6 a,
.art-blockcontent h6 a:link,
.art-blockcontent h6 a:hover,
.art-blockcontent h6 a:visited {
    font-size: 13px;
}

header,
footer,
article,
nav,
#art-hmenu-bg,
.art-sheet,
.art-hmenu a,
.art-vmenu a,
.art-slidenavigator>a,
.art-checkbox:before,
.art-radiobutton:before {
    background-origin: border-box !important;
}

header,
footer,
article,
nav,
#art-hmenu-bg,
.art-sheet,
.art-slidenavigator>a,
.art-checkbox:before,
.art-radiobutton:before {
    display: block;
    box-sizing: border-box;
}

ul {
    list-style-type: none;
}

ol {
    list-style-position: inside;
}

html,
body {
    height: 100%;
}

/**
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * https://github.com/necolas/normalize.css
 */

html {
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    font-size: 62.5%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    padding: 0;
    margin: 0;
    min-width: 100%;
    font-family: var(--main-font);
    font-size: 16px;
    line-height: 1.5;
    word-break: break-all;
    color: #333;
    letter-spacing: 0.06em;
}


.art-header:before,
#art-header-bg:before,
.art-layout-cell:before,
.art-layout-wrapper:before,
.art-footer:before,
.art-nav:before,
#art-hmenu-bg:before,
.art-sheet:before {
    width: 100%;
    content: " ";
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
}

.art-header:after,
#art-header-bg:after,
.art-layout-cell:after,
.art-layout-wrapper:after,
.art-footer:after,
.art-nav:after,
#art-hmenu-bg:after,
.art-sheet:after,
.cleared,
.clearfix:after {
    clear: both;
    font: 0/0 serif;
    display: block;
    content: " ";
}

form {
    padding: 0;
    margin: 0;
}

table.position {
    position: relative;
    width: 100%;
    table-layout: fixed;
}

li h1,
.art-postcontent li h1,
.art-blockcontent li h1 {
    margin: 1px;
}

li h2,
.art-postcontent li h2,
.art-blockcontent li h2 {
    margin: 1px;
}

li h3,
.art-postcontent li h3,
.art-blockcontent li h3 {
    margin: 1px;
}

li h4,
.art-postcontent li h4,
.art-blockcontent li h4 {
    margin: 1px;
}

li h5,
.art-postcontent li h5,
.art-blockcontent li h5 {
    margin: 1px;
}

li h6,
.art-postcontent li h6,
.art-blockcontent li h6 {
    margin: 1px;
}

li p,
.art-postcontent li p,
.art-blockcontent li p {
    margin: 1px;
}


.art-shapes {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 0;
}

.art-slider-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.art-slidenavigator>a {
    display: inline-block;
    vertical-align: middle;
    outline-style: none;
    font-size: 1px;
}

.art-slidenavigator>a:last-child {
    margin-right: 0 !important;
}

.art-sheet {
    margin: 0 auto;
    position: relative;
    cursor: auto;
    width: 100%;
    min-height: 100vh;
    z-index: auto !important;
}

.art-header {
    margin: 0 auto;
    z-index: auto !important;
}

.btn_area {
    margin-bottom: 10px;
}

.btn_area02 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn_area li,
.btn_area02 li {
    float: left;
}

.btn_area li:not(:last-child) {
    margin-right: 5px;
}

.btn_area02 li:not(:last-child) {
    margin-right: 10px;
}

.main_visual {
    width: 100%;
    margin: 0 auto;
    background: url('images/main_bg.jpg') center top no-repeat;
}

.main_visual img {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

#site_dsc {
    margin-top: 10px;
    text-align: right;
    font-size: 80%;
    color: #c7c7c7;
    font-weight: normal;

}

#h_logo {
    max-width: 340px;
    margin-top: 6px;
}

#h_logo .pc_logo {
    width: 83%;
}

#h_logo a {
    cursor: pointer;
}

/*.custom-responsive .art-header
{
   background-image: url('images/header.png') top center no-repeat;
}*/

.default-responsive .art-header,
.default-responsive #art-header-bg {
    background-image: url('images/header.png');
    background-position: center center;
    background-size: cover;
}

.art-header>.widget {
    position: absolute;
    z-index: 101;
}

.art-nav {
    border-bottom: none;
    margin: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
}

ul.art-hmenu a,
ul.art-hmenu a:link,
ul.art-hmenu a:visited,
ul.art-hmenu a:hover {
    outline: none;
    position: relative;
    z-index: 11;
}

ul.art-hmenu,
ul.art-hmenu ul {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
}

ul.art-hmenu li {
    position: relative;
    z-index: 5;
    display: block;
    float: left;
    background: none;
    margin: 0;
    padding: 0;
    border: 0;
}

ul.art-hmenu li:hover {
    z-index: 10000;
    white-space: normal;
}

ul.art-hmenu:after,
ul.art-hmenu ul:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}

ul.art-hmenu,
ul.art-hmenu ul {
    min-height: 0;
}

.art-nav:before {
    content: ' ';
}

nav.art-nav {
    width: 100%;
    margin: 0 auto;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 10px 0 5px;
}

.art-hmenu-extra1 {
    position: relative;
    display: block;
    float: left;
    width: auto;
    height: auto;
    background-position: center;
}

.art-hmenu-extra2 {
    position: relative;
    display: block;
    float: right;
    width: auto;
    height: auto;
    background-position: center;
}

/*.art-hmenu
{
   float: left;
}*/

.art-menuitemcontainer {
    margin: 0 auto;
}

ul.art-hmenu>li {
    margin-left: 1px;
}

ul.art-hmenu>li:first-child {
    margin-left: 0;
}

ul.art-hmenu>li:last-child,
ul.art-hmenu>li.last-child {
    margin-right: 0;
}

ul.art-hmenu>li>a {
    padding: 0 10px;
    margin: 0 auto;
    position: relative;
    display: block;
    height: 29px;
    cursor: pointer;
    text-decoration: none;
    color: #333;
    line-height: 29px;
    text-align: left;
}

.art-hmenu>li>a,
.art-hmenu>li>a:link,
.art-hmenu>li>a:visited,
.art-hmenu>li>a.active,
.art-hmenu>li>a:hover {
    font-size: 12px;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
}

ul.art-hmenu>li>a.active {
    padding: 0 10px;
    margin: 0 auto;
    color: #333;
    text-decoration: none;
}

ul.art-hmenu>li>a:visited,
ul.art-hmenu>li>a:hover,
ul.art-hmenu>li:hover>a {
    text-decoration: none;
}

ul.art-hmenu>li>a:hover,
.desktop ul.art-hmenu>li:hover>a {
    padding: 0 10px;
    margin: 0 auto;
}

ul.art-hmenu>li>a:hover,
.desktop ul.art-hmenu>li:hover>a {
    color: #4EC020;
    text-decoration: underline;
}

ul.art-hmenu>li:before {
    position: absolute;
    display: block;
    content: ' ';
    top: 0;
    left: -1px;
    width: 1px;
    height: 29px;
    background: url('images/menuseparator.png') center center no-repeat;
}

ul.art-hmenu>li:first-child:before {
    display: none;
}

ul.art-hmenu li li a {
    background: #2C62B3;
    background: transparent;
    padding: 0 8px;
    margin: 0 auto;
}

ul.art-hmenu li li {
    float: none;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
}

.desktop ul.art-hmenu li li ul>li:first-child {
    margin-top: 0;
}

ul.art-hmenu li li ul>li:last-child {
    margin-bottom: 0;
}

.art-hmenu ul a {
    display: block;
    white-space: nowrap;
    height: 24px;
    min-width: 7em;
    border: 0 solid transparent;
    text-align: left;
    line-height: 24px;
    color: #f48401;
    font-size: 13px;
    text-decoration: none;
    margin: 0;
}

.art-hmenu ul a:link,
.art-hmenu ul a:visited,
.art-hmenu ul a.active,
.art-hmenu ul a:hover {
    text-align: left;
    line-height: 24px;
    color: #f48401;
    font-size: 13px;
    text-decoration: none;
    margin: 0;
}

ul.art-hmenu ul li a:hover,
.desktop ul.art-hmenu ul li:hover>a {
    background: #f48401;
    margin: 0 auto;
}

.art-hmenu ul a:hover {
    text-decoration: none;
    color: #f48401;
}

.desktop .art-hmenu ul li:hover>a {
    color: #2C62B3
}

ul.art-hmenu ul:before {
    background: #F7F7F0;
    margin: 0 auto;
    display: block;
    position: absolute;
    content: ' ';
    z-index: 1;
}

.desktop ul.art-hmenu li:hover>ul {
    visibility: visible;
    top: 100%;
}

.desktop ul.art-hmenu li li:hover>ul {
    top: 0;
    left: 100%;
}

ul.art-hmenu ul {
    visibility: hidden;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    background-image: url('images/spacer.gif');
}

.desktop ul.art-hmenu>li>ul {
    padding: 12px 32px 32px 32px;
    margin: -10px 0 0 -30px;
}

.desktop ul.art-hmenu ul ul {
    padding: 32px 32px 32px 12px;
    margin: -32px 0 0 -9px;
}

.desktop ul.art-hmenu ul.art-hmenu-left-to-right {
    right: auto;
    left: 0;
    margin: -10px 0 0 -30px;
}

.desktop ul.art-hmenu ul.art-hmenu-right-to-left {
    left: auto;
    right: 0;
    margin: -10px -30px 0 0;
}

.desktop ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {
    right: auto;
    left: 100%;
}

.desktop ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {
    left: auto;
    right: 100%;
}

.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right {
    right: auto;
    left: 0;
    padding: 32px 32px 32px 12px;
    margin: -32px 0 0 -9px;
}

.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left {
    left: auto;
    right: 0;
    padding: 32px 12px 32px 32px;
    margin: -32px -9px 0 0;
}

.desktop ul.art-hmenu li ul>li:first-child {
    margin-top: 0;
}

.desktop ul.art-hmenu li ul>li:last-child {
    margin-bottom: 0;
}

.desktop ul.art-hmenu ul ul:before {
    border-radius: 0;
    top: 30px;
    bottom: 30px;
    right: 30px;
    left: 10px;
}

.desktop ul.art-hmenu>li>ul:before {
    top: 10px;
    right: 30px;
    bottom: 30px;
    left: 30px;
}

.desktop ul.art-hmenu>li>ul.art-hmenu-left-to-right:before {
    right: 30px;
    left: 30px;
}

.desktop ul.art-hmenu>li>ul.art-hmenu-right-to-left:before {
    right: 30px;
    left: 30px;
}

.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right:before {
    right: 30px;
    left: 10px;
}

.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left:before {
    right: 10px;
    left: 30px;
}

@media screen and (min-width:1200px) {

    .art-layout-wrapper {
        max-width: 1170px;
        width: 100%;
        position: relative;
        margin: 0 auto;
        padding: 0 0 130vh;
        z-index: auto !important;
    }

    .art-layout-wrapper::after {
        position: absolute;
        content: "";
        background: url(images/illust01.png) no-repeat left 3% top;
        width: 358px;
        height: 855px;
        z-index: 1;
        left: -30%;
        top: 0;
    }

}

@media screen and (max-width:1199px) {

    .art-layout-wrapper {
        max-width: 1170px;
        width: 100%;
        position: relative;
        margin: 0 auto;
        padding: 0 0 130vh;
        z-index: auto !important;
    }

}

@media screen and (max-width:767px) {
    .art-layout-wrapper {
        padding: 0 0 100vh;
    }
}

.art-content-layout {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin: 0 auto;
    padding: 30px 15px 0;
    box-sizing: border-box;
}

.art-content-layout-row {
    display: flex;
    justify-content: space-between;
}

.art-layout-cell {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
}

/* need only for content layout in post content */
.art-postcontent .art-content-layout {
    border-collapse: collapse;
}

.art-breadcrumbs {
    margin: 0 auto;
}

a.art-button,
a.art-button:link,
a:link.art-button:link,
body a.art-button:link,
a.art-button:visited,
body a.art-button:visited,
input.art-button,
button.art-button {
    text-decoration: none;
    font-size: 13px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: normal;
    font-style: normal;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    color: #FFFFFF;
    margin: 0 5px 0 0 !important;
    overflow: visible;
    cursor: pointer;
    text-indent: 0;
    line-height: 24px;
    box-sizing: content-box;
}

.art-button img {
    margin: 0;
    vertical-align: middle;
}

.firefox2 .art-button {
    display: block;
    float: left;
}

input,
select,
textarea,
a.art-search-button span {
    vertical-align: middle;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
}

.art-block select {
    width: 96%;
}

input.art-button {
    float: none !important;
    -webkit-appearance: none;
}

.art-button.active,
.art-button.active:hover {
    background: #A1ADBA;
    border-radius: 3px;
    border-width: 0;
    padding: 0 21px;
    margin: 0 auto;
}

.art-button.active,
.art-button.active:hover {
    color: #FFFFFF !important;
}

.art-button.hover,
.art-button:hover {
    background: #8A99A8;
    border-radius: 3px;
    border-width: 0;
    padding: 0 21px;
    margin: 0 auto;
}

.art-button.hover,
.art-button:hover {
    color: #FFFFFF !important;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="tel"],
input[type="time"],
input[type="week"],
textarea {
    background: #F9FAFB;
    border-radius: 4px;
    border: 1px solid #B9C2CB;
    margin: 0 auto;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="tel"],
input[type="time"],
input[type="week"],
textarea {
    width: 100%;
    padding: 4px 0;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    text-shadow: none;
}

input.art-error,
textarea.art-error {
    background: #F9FAFB;
    border: 1px solid #E2341D;
    margin: 0 auto;
}

input.art-error,
textarea.art-error {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
}

form.art-search input[type="text"] {
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #CCD6E0;
    margin: 0 auto;
    width: 100%;
    padding: 4px 0;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
}

form.art-search {
    background-image: none;
    border: 0;
    display: block;
    position: relative;
    top: 0;
    padding: 0;
    margin: 5px;
    left: 0;
    line-height: 0;
}

form.art-search input,
a.art-search-button {
    -webkit-appearance: none;
    top: 0;
    right: 0;
}

form.art-search>input,
a.art-search-button {
    bottom: 0;
    left: 0;
    vertical-align: middle;
}

form.art-search input[type="submit"],
input.art-search-button,
a.art-search-button {
    border-radius: 0;
    margin: 0 auto;
}

form.art-search input[type="submit"],
input.art-search-button,
a.art-search-button {
    position: absolute;
    left: auto;
    display: block;
    border: none;
    background: url('images/searchicon.png') center center no-repeat;
    width: 24px;
    height: 100%;
    padding: 0;
    color: #FFFFFF !important;
    cursor: pointer;
}

a.art-search-button span.art-search-button-text {
    display: none;
}

label.art-checkbox:before {
    background: #F9FAFB;
    border-radius: 1px;
    border-width: 0;
    margin: 0 auto;
    width: 16px;
    height: 16px;
}

label.art-checkbox {
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    line-height: 16px;
    display: inline-block;
}

.art-checkbox>input[type="checkbox"] {
    margin: 0 5px 0 0;
}

label.art-checkbox.active:before {
    background: #FC905A;
    border-radius: 1px;
    border-width: 0;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    display: inline-block;
}

label.art-checkbox.hovered:before {
    background: #D9DEE3;
    border-radius: 1px;
    border-width: 0;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    display: inline-block;
}

label.art-radiobutton:before {
    background: #F9FAFB;
    border-radius: 3px;
    border-width: 0;
    margin: 0 auto;
    width: 12px;
    height: 12px;
}

label.art-radiobutton {
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    line-height: 12px;
    display: inline-block;
}

.art-radiobutton>input[type="radio"] {
    vertical-align: baseline;
    margin: 0 5px 0 0;
}

label.art-radiobutton.active:before {
    background: #B9C2CB;
    border-radius: 3px;
    border-width: 0;
    margin: 0 auto;
    width: 12px;
    height: 12px;
    display: inline-block;
}

label.art-radiobutton.hovered:before {
    background: #D9DEE3;
    border-radius: 3px;
    border-width: 0;
    margin: 0 auto;
    width: 12px;
    height: 12px;
    display: inline-block;
}

.art-comments {
    border-top: 1px dotted #A1ADBA;
    margin: 0 auto;
    margin-top: 25px;
}

.art-comments h2 {
    color: #23292F;
}

.art-comment-inner {
    border-radius: 2px;
    padding: 5px;
    margin: 0 auto;
    margin-left: 96px;
}

.art-comment-avatar {
    float: left;
    width: 80px;
    height: 80px;
    padding: 2px;
    background: #fff;
    border: 1px solid #E2E8EE;
}

.art-comment-avatar>img {
    margin: 0 !important;
    border: none !important;
}

.art-comment-content {
    padding: 10px 0;
}

.art-comment {
    margin-top: 6px;
}

#comment-list>li:first-child>.art-comment {
    margin-top: 0;
}

.art-comment-header {
    color: #23292F;
    line-height: 100%;
}

.art-comment-header a,
.art-comment-header a:link,
.art-comment-header a:visited,
.art-comment-header a.visited,
.art-comment-header a:hover,
.art-comment-header a.hovered {
    line-height: 100%;
}

.art-comment-header a,
.art-comment-header a:link {
    font-weight: bold;
    font-style: normal;
}

.art-comment-header a:visited,
.art-comment-header a.visited {}

.art-comment-header a:hover,
.art-comment-header a.hovered {
    color: #758799;
}

.art-comment-content a,
.art-comment-content a:link,
.art-comment-content a:visited,
.art-comment-content a.visited,
.art-comment-content a:hover,
.art-comment-content a.hovered {}

.art-comment-content a,
.art-comment-content a:link {
    color: #CD4704;
}

.art-comment-content a:visited,
.art-comment-content a.visited {}

.art-comment-content a:hover,
.art-comment-content a.hovered {
    color: #CD4704;
}

.art-pager {
    border-radius: 4px;
    padding: 6px;
    margin: 2px;
}

.art-pager>*:last-child {
    margin-right: 0 !important;
}

.art-pager>span {
    cursor: default;
}

.art-pager>* {
    background: #D9DEE3;
    border-radius: 4px;
    padding: 10px;
    margin: 0 4px 0 auto;
    line-height: normal;
    position: relative;
    display: inline-block;
    margin-left: 0;
}

.art-pager a:link,
.art-pager a:visited,
.art-pager .active {
    line-height: normal;
    text-decoration: none;
    color: #1C2126;
}

.art-pager .active {
    background: #B6BFC9;
    padding: 10px;
    margin: 0 4px 0 auto;
    color: #FFFFFF;
}

.art-pager .more {
    background: #D9DEE3;
    margin: 0 4px 0 auto;
}

.art-pager a.more:link,
.art-pager a.more:visited {
    color: #411701;
}

.art-pager a:hover {
    background: #B9C2CB;
    padding: 10px;
    margin: 0 4px 0 auto;
}

.art-pager a:hover,
.art-pager a.more:hover {
    text-decoration: none;
    color: #21262C;
}

.art-pager>*:after {
    margin: 0 0 0 auto;
    display: inline-block;
    position: absolute;
    content: ' ';
    top: 0;
    width: 0;
    height: 100%;
    right: 0;
    text-decoration: none;
}

.art-pager>*:last-child:after {
    display: none;
}

.art-commentsform {
    background: #E2E8EE;
    background: transparent;
    padding: 10px;
    margin: 0 auto;
    margin-top: 25px;
    color: #23292F;
}

.art-commentsform h2 {
    padding-bottom: 10px;
    margin: 0;
    color: #23292F;
}

.art-commentsform label {
    display: inline-block;
    line-height: 25px;
}

.art-commentsform input:not([type=submit]),
.art-commentsform textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

.art-commentsform .form-submit {
    margin-top: 10px;
}

.art-block {
    margin-bottom: 30px;

}

div.art-block img {
    border: none;
    margin: 0;
}

.art-blockheader {
    font-size: 14px;
    font-weight: bold;
    position: relative;
    background-size: cover;
}


/* .art-blockheader::before{
    content:'';
    position: absolute;
    background: rgba(255,255,255,.35);
    width: 100%;
    height: 1px;
    bottom: 3px;
} */

.art-blockheader .t,
.art-blockheader .t a,
.art-blockheader .t a:link,
.art-blockheader .t a:visited,
.art-blockheader .t a:hover {
    font-size: 100%;
    font-weight: bold;
    font-style: normal;
    color: #FFF;
    /* background: url(images/subhead.png) repeat; */
    padding: 10px;
}

.art-blockcontent {
    padding: 5px;
    margin: 0 auto;
    color: #FB7F20;
    font-size: 13px;
    line-height: 175%;
}

.art-blockcontent table,
.art-blockcontent li,
.art-blockcontent a,
.art-blockcontent a:link,
.art-blockcontent a:visited,
.art-blockcontent a:hover {
    color: #FB7F20;
    font-size: 14px;
    line-height: 175%;
}

.art-blockcontent p {
    margin: 0 5px;
}

.art-blockcontent a,
.art-blockcontent a:link {
    color: #653203;
    text-decoration: none;
}

.art-blockcontent a:visited,
.art-blockcontent a.visited {
    color: #653203;
    text-decoration: none;
}

.art-blockcontent a:hover,
.art-blockcontent a.hover {
    color: #2E7048;
    text-decoration: underline;
}

.art-block ul>li:before {
    content: url('images/blockbullets.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    margin-left: -12px;
}

.opera .art-block ul>li:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-block li {
    font-size: 13px;
    line-height: 175%;
    color: #475E76;
    margin: 5px 0 0 10px;
}

.art-block ul>li,
.art-block ol {
    padding: 0;
}

.art-block ul>li {
    padding-left: 12px;
}

a img {
    border: 0;
}

.art-article img,
img.art-article,
.art-block img,
.art-footer-text img {
    width: auto;
    height: auto;
    max-width: 730px;
    margin: 0 0 20px;
}

.art-article img.alignleft,
.art-article img.alignright {
    width: 40%;
    height: 40%;
}

.art-metadata-icons img {
    border: none;
    vertical-align: middle;
    margin: 2px;
}

.art-article table,
table.art-article {
    border-collapse: collapse;
    margin: 1px;
}

.art-post .art-content-layout-br {
    height: 0;
}

.art-article th,
.art-article td {
    padding: 2px;
    border: solid 1px #B9C2CB;
    vertical-align: top;
    text-align: left;
}

.art-article th {
    text-align: center;
    vertical-align: middle;
    padding: 7px;
}

pre {
    overflow: auto;
    padding: 0.1em;
}

.preview-cms-logo {
    border: 0;
    margin: 1em 1em 0 0;
    float: left;
}

.image-caption-wrapper {
    padding: 7px 7px 7px 7px;
    box-sizing: border-box;
}

.image-caption-wrapper img {
    margin: 0 !important;
    box-sizing: border-box;
}

.image-caption-wrapper div.art-collage {
    margin: 0 !important;
    box-sizing: border-box;
}

.image-caption-wrapper p {
    font-size: 80%;
    text-align: right;
    margin: 0;
}

.art-postheader a,
.art-postheader a:link,
.art-postheader a:visited,
.art-postheader a.visited,
.art-postheader a:hover,
.art-postheader a.hovered {
    font-weight: normal;
    font-style: normal;
}

.art-postheader a,
.art-postheader a:link {
    text-decoration: none;
    text-align: left;
    color: #1d62d5;
    font-weight: normal;
}

.art-postheader a:visited,
.art-postheader a.visited {
    text-decoration: none;
    text-align: left;
}

.art-postheader a:hover,
.art-postheader a.hovered {
    text-decoration: underline;
    text-align: left;
    color: #4EC020;
}

.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover {}

.art-postheadericons {
    padding: 1px;
    margin: 0 0 0 10px;
}

.art-postheadericons a,
.art-postheadericons a:link {
    text-decoration: none;
    color: #333;
}

.art-postheadericons a:visited,
.art-postheadericons a.visited {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #333;
}

.art-postheadericons a:hover,
.art-postheadericons a.hover {
    font-weight: normal;
    font-style: normal;
    text-decoration: underline;
    color: #333;
}

.art-postdateicon:before {
    content: url('images/postdateicon.png');
    margin-right: 6px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    bottom: auto;
}

.opera .art-postdateicon:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postauthoricon:before {
    content: url('images/postauthoricon.png');
    margin-right: 6px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    bottom: auto;
}

.opera .art-postauthoricon:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postediticon:before {
    content: url('images/postediticon.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera .art-postediticon:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postcontent ul>li:before,
.art-post ul>li:before,
.art-textblock ul>li:before {
    content: url('images/postbullets.png');
    margin-right: 10px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera .art-postcontent ul>li:before,
.opera .art-post ul>li:before,
.opera .art-textblock ul>li:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postcontent li,
.art-post li,
.art-textblock li {
    margin: 3px 0 0 11px;
}

.art-postcontent ul>li,
.art-post ul>li,
.art-textblock ul>li,
.art-postcontent ol,
.art-post ol,
.art-textblock ol {
    padding: 0;
}

.art-postcontent ul>li,
.art-post ul>li,
.art-textblock ul>li {
    padding-left: 17px;
}

.art-postcontent ul>li:before,
.art-post ul>li:before,
.art-textblock ul>li:before {
    margin-left: -17px;
}

.art-postcontent ol,
.art-post ol,
.art-textblock ol,
.art-postcontent ul,
.art-post ul,
.art-textblock ul {
    margin: 1em 0 1em 11px;
}

.art-postcontent li ol,
.art-post li ol,
.art-textblock li ol,
.art-postcontent li ul,
.art-post li ul,
.art-textblock li ul {
    margin: 0.5em 0 0.5em 11px;
}

.art-postcontent li,
.art-post li,
.art-textblock li {
    margin: 3px 0 0 0;
}

.art-postcontent ol>li,
.art-post ol>li,
.art-textblock ol>li {
    /* overrides overflow for "ul li" and sets the default value */
    overflow: visible;
}

.art-postcontent ul>li,
.art-post ul>li,
.art-textblock ul>li {
    /* makes "ul li" not to align behind the image if they are in the same line */
    overflow-x: visible;
    overflow-y: hidden;
}

blockquote {
    background: #EFF2F5 url('images/postquote.png') no-repeat scroll;
    padding: 10px 10px 10px 47px;
    margin: 10px 0 0 25px;
    color: #0D1216;
    font-weight: normal;
    font-style: italic;
    text-align: left;
    /* makes block not to align behind the image if they are in the same line */
    overflow: auto;
    clear: both;
}

blockquote a,
.art-postcontent blockquote a,
.art-blockcontent blockquote a,
.art-footer-text blockquote a,
blockquote a:link,
.art-postcontent blockquote a:link,
.art-blockcontent blockquote a:link,
.art-footer-text blockquote a:link,
blockquote a:visited,
.art-postcontent blockquote a:visited,
.art-blockcontent blockquote a:visited,
.art-footer-text blockquote a:visited,
blockquote a:hover,
.art-postcontent blockquote a:hover,
.art-blockcontent blockquote a:hover,
.art-footer-text blockquote a:hover {
    color: #E5090D;
    font-weight: normal;
    font-style: italic;
    text-align: left;
}

/* Override native 'p' margins*/
blockquote p,
.art-postcontent blockquote p,
.art-blockcontent blockquote p,
.art-footer-text blockquote p {
    margin: 0;
    margin: 5px 0;
}

.Sorter img {
    border: 0;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    position: static;
    z-index: 1;
    width: 12px;
    height: 6px;
}

.Sorter a {
    position: relative;
    color: #647587;
}

.Sorter a:link {
    color: #647587;
}

.Sorter a:visited,
.Sorter a.visited {
    color: #647587;
}

.Sorter a:hover,
.Sorter a.hover {
    color: #4C5967;
}

.ftr_info_img {
    position: relative;
    max-width: 300px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 50px;
}

.ftr_info_img img {
    width: 100%;
    height: auto;
}

a.btn {
    display: block;
    height: 100%;
}




a.btn01 {
    width: 100%;
    margin-top: 45px;
    margin-bottom: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 64px;
    padding-right: 15px;
    background-color: #fff;
    background-image: url(images/line_ic.png);
    background-size: 42px;
    background-position: center left 140px;
    background-repeat: no-repeat;
    border-color: #fff;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    box-sizing: border-box;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
}

a.btn01:hover {
    background-color: #eee;
}

a.btn02 {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top: 75px;
    padding-bottom: 35px;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
    background-image: url(images/mail_ic.png);
    background-size: 36px;
    background-position: center top 30px;
    background-repeat: no-repeat;
    border-color: #fff;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    border-radius: 5px;
}

a.btn02:hover {
    background-color: #eee;
}

.art-footer-text a,
.art-footer-text a:link,
.art-footer-text a:visited,
.art-footer-text a:hover,
.art-footer-text td,
.art-footer-text th,
.art-footer-text caption {
    color: #000000;
    font-size: 13px;
    line-height: 175%;
}

.art-footer-text p {
    margin: 10px auto 0 auto;
    text-align: center;
}

.art-footer-text a,
.art-footer-text a:link {
    color: #000000;
    text-decoration: none;
}

.art-footer-text a:visited {
    color: #000000;
    text-decoration: none;
}

.art-footer-text a:hover {
    color: #FB7C3C;
    text-decoration: underline;
}



.art-footer-text h1 {
    color: #8A99A8;
}

.art-footer-text h2 {
    color: #A1ADBA;
}

.art-footer-text h3 {
    color: #FA681E;
}

.art-footer-text h4 {
    color: #9CAFC4;
}

.art-footer-text h5 {
    color: #9CAFC4;
}

.art-footer-text h6 {
    color: #9CAFC4;
}

.art-footer-text img {
    border: none;
    margin: 0 auto;
}

.footer_box {
    border-top: 1px solid #cccccc;
    padding-top: 10px;
}

.art-rss-tag-icon {
    background: url('images/footerrssicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-rss-tag-icon:empty {
    vertical-align: middle;
}

.art-facebook-tag-icon {
    background: url('images/footerfacebookicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-facebook-tag-icon:empty {
    vertical-align: middle;
}

.art-twitter-tag-icon {
    background: url('images/footertwittericon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-twitter-tag-icon:empty {
    vertical-align: middle;
}

.art-tumblr-tag-icon {
    background: url('images/tumblricon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-tumblr-tag-icon:empty {
    vertical-align: middle;
}

.art-pinterest-tag-icon {
    background: url('images/pinteresticon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-pinterest-tag-icon:empty {
    vertical-align: middle;
}

.art-vimeo-tag-icon {
    background: url('images/vimeoicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-vimeo-tag-icon:empty {
    vertical-align: middle;
}

.art-youtube-tag-icon {
    background: url('images/youtubeicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-youtube-tag-icon:empty {
    vertical-align: middle;
}

.art-linkedin-tag-icon {
    background: url('images/linkedinicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-linkedin-tag-icon:empty {
    vertical-align: middle;
}

.art-footer-text ul>li:before {
    content: url('images/footerbullets.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    margin-left: -13px;
}

.opera .art-footer-text ul>li:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-footer-text li {
    font-size: 13px;
    color: #A53903;
}

.art-footer-text ul>li,
.art-footer-text ol {
    padding: 0;
}

.art-footer-text ul>li {
    padding-left: 13px;
}

.art-page-footer,
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover {
    font-family: Arial;
    font-size: 10px;
    letter-spacing: normal;
    word-spacing: normal;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}

.art-page-footer {
    position: relative;
    z-index: auto !important;
    padding: 1em;
    text-align: center !important;
    text-decoration: none;
}

.art-lightbox-wrapper {
    background: #000;
    background: rgba(0, 0, 0, .8);
    bottom: 0;
    left: 0;
    padding: 0 100px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 1000000;
}

.art-lightbox,
.art-lightbox-wrapper .art-lightbox-image {
    cursor: pointer;
}

.art-lightbox-wrapper .art-lightbox-image {
    border: 6px solid #fff;
    border-radius: 3px;
    display: none;
    max-width: 100%;
    vertical-align: middle;
}

.art-lightbox-wrapper .art-lightbox-image.active {
    display: inline-block;
}

.art-lightbox-wrapper .lightbox-error {
    background: #fff;
    border: 1px solid #b4b4b4;
    border-radius: 10px;
    box-shadow: 0 2px 5px #000;
    height: 80px;
    opacity: .95;
    padding: 20px;
    position: fixed;
    width: 300px;
    z-index: 100;
}

.art-lightbox-wrapper .loading {
    background: #fff url('images/preloader-01.gif') center center no-repeat;
    border: 1px solid #b4b4b4;
    border-radius: 10px;
    box-shadow: 0 2px 5px #000;
    height: 32px;
    opacity: .5;
    padding: 10px;
    position: fixed;
    width: 32px;
    z-index: 10100;
}

.art-lightbox-wrapper .arrow {
    cursor: pointer;
    height: 100px;
    opacity: .5;
    filter: alpha(opacity=50);
    position: fixed;
    width: 82px;
    z-index: 10003;
}

.art-lightbox-wrapper .arrow.left {
    left: 9px;
}

.art-lightbox-wrapper .arrow.right {
    right: 9px;
}

.art-lightbox-wrapper .arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.art-lightbox-wrapper .arrow.disabled {
    display: none;
}

.art-lightbox-wrapper .arrow-t,
.art-lightbox-wrapper .arrow-b {
    background-color: #fff;
    border-radius: 3px;
    height: 6px;
    left: 26px;
    position: relative;
    width: 30px;
}

.art-lightbox-wrapper .arrow-t {
    top: 38px;
}

.art-lightbox-wrapper .arrow-b {
    top: 50px;
}

.art-lightbox-wrapper .close {
    cursor: pointer;
    height: 22px;
    opacity: .5;
    filter: alpha(opacity=50);
    position: fixed;
    right: 39px;
    top: 30px;
    width: 22px;
    z-index: 10003;
}

.art-lightbox-wrapper .close:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.art-lightbox-wrapper .close .cw,
.art-lightbox-wrapper .close .ccw {
    background-color: #fff;
    border-radius: 3px;
    height: 6px;
    position: absolute;
    left: -4px;
    top: 8px;
    width: 30px;
}

.art-lightbox-wrapper .cw {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Safari and Chrome */
    -o-transform: rotate(45deg);
    /* Opera */
    -moz-transform: rotate(45deg);
    /* Firefox */
}

.art-lightbox-wrapper .ccw {
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -webkit-transform: rotate(-45deg);
    /* Safari and Chrome */
    -o-transform: rotate(-45deg);
    /* Opera */
    -moz-transform: rotate(-45deg);
    /* Firefox */
}

.art-lightbox-wrapper .close-alt,
.art-lightbox-wrapper .arrow-right-alt,
.art-lightbox-wrapper .arrow-left-alt {
    color: #fff;
    display: none;
    font-size: 2.5em;
    line-height: 100%;
}

.ie8 .art-lightbox-wrapper .close-alt,
.ie8 .art-lightbox-wrapper .arrow-right-alt,
.ie8 .art-lightbox-wrapper .arrow-left-alt {
    display: block;
}

.ie8 .art-lightbox-wrapper .cw,
.ie8 .art-lightbox-wrapper .ccw {
    display: none;
}

.art-content-layout .art-content {
    width: 750px;
    padding: 20px;
}

#comment {
    width: 99%;
}

#comments-list,
#comments-list .comment {
    background: none;
    padding: 0;
    margin: 0;
    overflow: visible;
}

#comments-list .comment:before,
#comments-list .comment:after {
    display: none;
}

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

span.page-navi-outer,
span.page-navi-inner {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

span.page-navi-outer {
    margin: 1px;
    border: 1px solid #aaa;
}

span.page-navi-inner {
    padding: 1px;
    min-width: 14px;
    line-height: 18px;
    text-align: center;
    border: 2px solid #fff;
    font-weight: bold;
}

a span.page-navi-inner,
span.page-navi-caption span.page-navi-inner {
    border-width: 1px;
    font-weight: normal;
}

a span.page-navi-outer,
span.page-navi-caption {
    margin: 2px 1px;
}

ul#comments-list li cite {
    font-size: 1.2em;
}

#commentform textarea {
    width: 100%;
}

#commentform {
    text-align: left;
}

.rtl #commentform {
    text-align: right;
}

img.wp-smiley {
    border: none;
    margin: 1px;
    vertical-align: middle;
    padding: 0;
}

.navigation {
    display: block;
    text-align: center;
}

/* Recommended by http://codex.wordpress.org/CSS */
/* Begin */
.aligncenter,
div.aligncenter,
.art-article .aligncenter img,
.aligncenter img.art-article,
.aligncenter img,
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

p.aligncenter,
p.center {
    text-align: center;
}

.alignleft {
    float: left;
    font-weight: bold;
}

.alignleft a:link,
.alignleft a:visited {
    color: #307B36;
}

.alignleft a:hover,
.alignleft a:active {
    color: #307B36;
}

.alignright {
    float: right;
    font-weight: bold;
}

.alignright a:link,
.alignright a:visited {
    color: #FFF;
}

.alignright a:hover,
.alignright a:active {
    color: #FFF;
}

.sticky {}

.bypostauthor {}

.wp-caption {
    border: 1px solid #ddd;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

.wp-caption,
.wp-caption p {
    text-align: center;
}

.gallery {
    margin: 0 auto 18px;
    clear: both;
    overflow: hidden;
}

.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}

.gallery img {
    border: 2px solid #cfcfcf;
}

.gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px;
}

.gallery dl {
    margin: 0;
}

.gallery img {
    border: 10px solid #f1f1f1;
}

.gallery br+br {
    display: none;
}

/* End */


.hidden {
    display: none;
}

/* Calendar */
#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
}

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
}

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
}

#wp-calendar a {
    display: block;
}

#wp-calendar caption {
    text-align: center;
    width: 100%;
}

#wp-calendar td {
    padding: 3px 0;
    text-align: center;
}

.gallery {
    letter-spacing: normal;
}

.art-content {
    position: relative;
    z-index: 1;
}

#todays-events {
    position: relative;
    z-index: 11;
}

#upcoming-events {
    position: relative;
    z-index: 10;
}

img.wp-post-image {
    width: auto;
    margin: 0 5px 5px 0 !important;
}

ul#comments-list li {
    list-style-image: none;
    background: none;
    list-style-type: none;

}

div.art-footer div.art-content-layout {
    margin: 0 auto;
    width: 100%;
}

div.art-layout-cell-size1 {
    width: 100%;
}

div.art-layout-cell-size2 {
    width: 50%;
}

div.art-layout-cell-size3 {
    width: 33%;
}

div.art-layout-cell-size4 {
    width: 25%;
}

.art-widget-title {
    padding: 0 0 0 24px;
    margin-bottom: 0;
}

div.art-center-wrapper {
    position: relative;
    float: right;
    right: 50%;

}

div.art-center-inner {
    position: relative;
    float: left;
    left: 50%;
}

.firefox2 div.art-center-inner {
    float: none;
}

.art-hmenu-extra1,
.art-hmenu-extra2 {
    font-size: 12px;
}

div.breadcrumbs h4,
div.breadcrumbs p,
li.pingback p,
#respond p,
h3#reply-title,
h4#comments,
h4.box-title {
    margin: 0;
}

#respond .comment-notes {
    margin-bottom: 1em;
}

.form-allowed-tags {
    line-height: 1em;
}

#comments-list #respond {
    /*margin-left: NaNpx !important; TODO NodeJS*/
}

#cancel-comment-reply-link {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
}

#respond .required {
    color: #ff4b33;
    font-weight: bold;
}

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

#respond input {
    margin: 0 0 9px;
    width: 98%;
}

#respond textarea {
    width: 98%;
}

#respond .form-allowed-tags {
    font-size: 12px;
    line-height: 18px;
}

#respond .form-allowed-tags code {
    font-size: 11px;
}

#respond .form-submit {
    margin: 12px 0;
}

#respond .form-submit input {
    width: auto;
}

.art-footer .art-widget-title {
    font-size: 1.2em;
    padding: 0;

}

.art-footer .art-widget,
.art-footer .art-widget a,
.art-footer .art-widget a:link,
.art-footer .art-widget a:visited,
.art-footer .art-widget a:hover {
    text-align: left;
}

DIV[id^="GMPmap"] IMG {
    margin: 0px;
}

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

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto;
    color: #000;
    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;
    text-transform: none;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}


.text_link p a {
    color: #333;
    font-size: 14px;
    text-decoration: none;
}

.text_link p a:hover {
    color: #4EC020;
    text-decoration: underline;
}

.contact_box {
    display: block;
    width: 100%;
    height: 190px;
    margin-top: 50px;
    background: url(images/btminfo.png) no-repeat;
}

/*
Theme Name: shinkyu-massage-kanon
Theme URI: https://blog.shinkyu-massage-kanon.com
Description: Artisteer-generated theme
Version: 1.0
Author: shinkyu-massage-kanon
Author URI: https://blog.shinkyu-massage-kanon.com
Tags: fixed-layout, responsive-layout, right-sidebar, two-columns, valid HTML5, widgets
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Created by Artisteer v4.3.0.60745 */


a:hover img.img_opacity {
    opacity: 0.75;
    filter: alpha(opacity=75);
    transition: 0.2s linear;
}


.line_break {
    margin-top: 10px;
}

#art-main {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    position: relative;
    width: 100%;
    min-height: 100vh;
    left: 0;
    top: 0;
    cursor: default;
    overflow: hidden;
}

.bg_wrap {
    background: url(images/bg_beige.png) repeat-y center top;
    padding-bottom: 40px;
}

table,
ul.art-hmenu {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
ul,
ol,
li {
    margin: 0;
    padding: 0;
}

p {
    font-size: 16px;
    font-family: var(--main-font);
    letter-spacing: 0.06em;
    line-height: 1.5;
    word-break: break-all;
}

/* Reset buttons border. It's important for input and button tags.
 * border-collapse should be separate for shadow in IE.
 */
.art-button {
    border: 0;
    border-collapse: separate;
    background-origin: border-box !important;
    background: #A1ADBA;
    border-radius: 3px;
    border-width: 0;
    padding: 0 21px;
    margin: 0 auto;
    height: 24px;
}

.art-postcontent,
.art-postheadericons,
.art-postfootericons,
.art-blockcontent,
ul.art-vmenu a {
    text-align: left;
}

.art-postcontent,
.art-postcontent li,
.art-postcontent table,
.art-postcontent a,
.art-postcontent a:link,
.art-postcontent a:visited,
.art-postcontent a.visited,
.art-postcontent a:hover,
.art-postcontent a.hovered {
    line-height: 175%;
}

.art-postcontent p {
    margin: 0;
    font-family: var(--headging-font);
    font-size: 16px;
    line-height: 1.8;
    word-break: break-all;
}

.art-postcontent h1,
.art-postcontent h1 a,
.art-postcontent h1 a:link,
.art-postcontent h1 a:visited,
.art-postcontent h1 a:hover,
.art-postcontent h2,
.art-postcontent h2 a,
.art-postcontent h2 a:link,
.art-postcontent h2 a:visited,
.art-postcontent h2 a:hover,
.art-postcontent h3,
.art-postcontent h3 a,
.art-postcontent h3 a:link,
.art-postcontent h3 a:visited,
.art-postcontent h3 a:hover,
.art-postcontent h4,
.art-postcontent h4 a,
.art-postcontent h4 a:link,
.art-postcontent h4 a:visited,
.art-postcontent h4 a:hover,
.art-postcontent h5,
.art-postcontent h5 a,
.art-postcontent h5 a:link,
.art-postcontent h5 a:visited,
.art-postcontent h5 a:hover,
.art-postcontent h6,
.art-postcontent h6 a,
.art-postcontent h6 a:link,
.art-postcontent h6 a:visited,
.art-postcontent h6 a:hover,
.art-blockheader .t,
.art-blockheader .t a,
.art-blockheader .t a:link,
.art-blockheader .t a:visited,
.art-blockheader .t a:hover,
.art-vmenublockheader .t,
.art-vmenublockheader .t a,
.art-vmenublockheader .t a:link,
.art-vmenublockheader .t a:visited,
.art-vmenublockheader .t a:hover,
.art-headline,
.art-headline a,
.art-headline a:link,
.art-headline a:visited,
.art-headline a:hover,
.art-slogan,
.art-slogan a,
.art-slogan a:link,
.art-slogan a:visited,
.art-slogan a:hover,
.art-postheader,
.art-postheader a,
.art-postheader a:link,
.art-postheader a:visited,
.art-postheader a:hover {

    font-weight: normal;
    font-style: normal;
    line-height: 120%;
}

.art-postcontent a,
.art-postcontent a:link {
    text-decoration: none;
    color: #d89300;
    font-weight: bold;
}

.art-postcontent a:visited,
.art-postcontent a.visited {
    text-decoration: none;
    color: #d89300;
    font-weight: bold;
}

.art-postcontent a:hover,
.art-postcontent a.hover {
    text-decoration: underline;
    color: #d89300;
}

.art-postcontent h1 {
    color: #6C7F93;
    margin: 10px 0 0;
    font-size: 26px;
}


.line_bana {
    position: absolute;
    width: 50px !important;
    height: 49px;
    right: 15px;
    top: 80px;
}

.mitsumori {
    margin-right: 13px;
    padding: 3px 10px;
    border-radius: 5px;
    display: inline-block;
    font-size: 14px;
    background: #fb5c51;
    color: #fff;
    text-decoration: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.art-blockcontent h1 {
    margin: 10px 0 0;
    font-size: 26px;
}

.art-postcontent h1 a,
.art-postcontent h1 a:link,
.art-postcontent h1 a:hover,
.art-postcontent h1 a:visited,
.art-blockcontent h1 a,
.art-blockcontent h1 a:link,
.art-blockcontent h1 a:hover,
.art-blockcontent h1 a:visited {
    font-size: 26px;
}

.art-postcontent h2 {
    color: #8D9CAA;
    margin: 10px 0 0;
    font-size: 22px;
}

.art-blockcontent h2 {
    margin: 10px 0 0;
    font-size: 22px;
}

.art-postcontent h2 a,
.art-postcontent h2 a:link,
.art-postcontent h2 a:hover,
.art-postcontent h2 a:visited,
.art-blockcontent h2 a,
.art-blockcontent h2 a:link,
.art-blockcontent h2 a:hover,
.art-blockcontent h2 a:visited {
    font-size: 22px;
}

.art-postcontent h3 {
    color: #000000;
    margin: 10px 0 0;
    font-size: 20px;
}

.art-blockcontent h3 {
    margin: 10px 0 0;
    font-size: 20px;
}

.art-postcontent h3 a,
.art-postcontent h3 a:link,
.art-postcontent h3 a:hover,
.art-postcontent h3 a:visited,
.art-blockcontent h3 a,
.art-blockcontent h3 a:link,
.art-blockcontent h3 a:hover,
.art-blockcontent h3 a:visited {
    font-size: 20px;
}

.art-postcontent h4 {
    font-size: 120%;
    font-weight: bold;
    padding: 0 10px 8px 10px;
    color: #4f3728;
    font-size: 32px;
    font-weight: 500;
    padding-top: 15px;
    padding-bottom: 35px;
    background-image: url(images/titlebottom_flower.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    text-align: center;
}

.art-blockcontent h4 {
    margin: 10px 0 0;
    font-size: 18px;
}

.art-postcontent h4 a,
.art-postcontent h4 a:link,
.art-postcontent h4 a:hover,
.art-postcontent h4 a:visited,
.art-blockcontent h4 a,
.art-blockcontent h4 a:link,
.art-blockcontent h4 a:hover,
.art-blockcontent h4 a:visited {
    font-size: 18px;
}

.art-postcontent h5 {
    color: #4E6883;
    margin: 10px 0 0;
    font-size: 15px;
}

.art-blockcontent h5 {
    margin: 10px 0 0;
    font-size: 15px;
}

.art-postcontent h5 a,
.art-postcontent h5 a:link,
.art-postcontent h5 a:hover,
.art-postcontent h5 a:visited,
.art-blockcontent h5 a,
.art-blockcontent h5 a:link,
.art-blockcontent h5 a:hover,
.art-blockcontent h5 a:visited {
    font-size: 15px;
}

.art-postcontent h6 {
    color: #A6B7C9;
    margin: 10px 0 0;
    font-size: 13px;
}

.art-blockcontent h6 {
    margin: 10px 0 0;
    font-size: 13px;
}

.art-postcontent h6 a,
.art-postcontent h6 a:link,
.art-postcontent h6 a:hover,
.art-postcontent h6 a:visited,
.art-blockcontent h6 a,
.art-blockcontent h6 a:link,
.art-blockcontent h6 a:hover,
.art-blockcontent h6 a:visited {
    font-size: 13px;
}

header,
footer,
article,
nav,
#art-hmenu-bg,
.art-sheet,
.art-hmenu a,
.art-vmenu a,
.art-slidenavigator>a,
.art-checkbox:before,
.art-radiobutton:before {
    background-origin: border-box !important;
}

header,
footer,
article,
nav,
#art-hmenu-bg,
.art-sheet,
.art-slidenavigator>a,
.art-checkbox:before,
.art-radiobutton:before {
    display: block;
    box-sizing: border-box;
}

ul {
    list-style-type: none;
}

ol {
    list-style-position: inside;
}

html,
body {
    height: 100%;
}

/**
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 * https://github.com/necolas/normalize.css
 */

html {
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

.art-header:before,
#art-header-bg:before,
.art-layout-cell:before,
.art-layout-wrapper:before,
.art-footer:before,
.art-nav:before,
#art-hmenu-bg:before,
.art-sheet:before {
    width: 100%;
    content: " ";
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
}

.art-header:after,
#art-header-bg:after,
.art-layout-cell:after,
.art-layout-wrapper:after,
.art-footer:after,
.art-nav:after,
#art-hmenu-bg:after,
.art-sheet:after,
.cleared,
.clearfix:after {
    clear: both;
    font: 0/0 serif;
    display: block;
    content: " ";
}

form {
    padding: 0;
    margin: 0;
}

table.position {
    position: relative;
    width: 100%;
    table-layout: fixed;
}

li h1,
.art-postcontent li h1,
.art-blockcontent li h1 {
    margin: 1px;
}

li h2,
.art-postcontent li h2,
.art-blockcontent li h2 {
    margin: 1px;
}

li h3,
.art-postcontent li h3,
.art-blockcontent li h3 {
    margin: 1px;
}

li h4,
.art-postcontent li h4,
.art-blockcontent li h4 {
    margin: 1px;
}

li h5,
.art-postcontent li h5,
.art-blockcontent li h5 {
    margin: 1px;
}

li h6,
.art-postcontent li h6,
.art-blockcontent li h6 {
    margin: 1px;
}

li p,
.art-postcontent li p,
.art-blockcontent li p {
    margin: 1px;
}


.art-shapes {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 0;
}

.art-slider-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.art-slidenavigator>a {
    display: inline-block;
    vertical-align: middle;
    outline-style: none;
    font-size: 1px;
}

.art-slidenavigator>a:last-child {
    margin-right: 0 !important;
}

.art-sheet {
    margin: 0 auto;
    position: relative;
    cursor: auto;
    width: 100%;
    z-index: auto !important;
}

.art-header {
    margin: 0 auto;
    z-index: auto !important;
}


.ftr_info .car {
    font-size: 16px;
    margin-bottom: 1em;
}

.car::before {
    color: #BE3838;
    content: "\f5de";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    margin-right: 4px;
}


.f_box {
    display: flex;
}

.f_logo {
    width: 240px;
    margin-bottom: 15px;
}

.f_logo img {
    width: 100%;
    height: auto;
}

/*=======================================

header

=======================================*/

/*★*/
.header_box {
    position: relative;
}

.header_top {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: var(--hdr_box--pdg);
    display: flex;
    justify-content: space-between;
    z-index: 15;
    position: absolute;
}

#header_logo {
    /* width: var(--logo-w); */
    width: auto;
    box-sizing: border-box;
    padding-top: 20px;
    max-height: 25px;
}

#header_logo a {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

#header_logo img {
    width: 100%;
    height: auto;
    max-height: 25px;
}

/*★*/
.h_right {
    margin-left: auto;
    box-sizing: border-box;
}

.h_info {
    text-align: center;

    background-color: var(--accent-color);
    border-radius: 100px;
    padding: 4px 15px;
    line-height: 1.5;

    display: flex;
    flex-direction: column;
    align-items: center;
    transition: 0.3s ease;
}

.h_info:hover {
    background-color: var(--primary-color);
    cursor: pointer;
}

.h_info_tel {
    font-size: 24px;
    /* line-height: 1.4; */
    font-family: var(--heading-font);
    color: var(--text-color);
    font-weight: 600;
    font-style: normal;
    display: flex;
    align-items: center;
}

.h_info_tel:before {
    content: "";
    width: 23px;
    height: 23px;
    background: url(images/icon-tel.png)no-repeat top center;
    margin-right: 5px;
}

.h_info_time {
    font-size: 1.2rem;
    font-family: var(--main-font);
    text-align: left;
    color: var(--text-color);
}


/*★*/
/* .h_right_contact a {
    border: solid 1px #E38314;
    display: block;
    color: #fff;
    background-color: #E38314;
    width: 210px;
    line-height: 50px;
    font-size: 15px;
    font-weight: 600;
    margin-left: 30px;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    transition: .3s;
}

.h_right_contact a::before {
    content: "\f0e0";
    font-weight: 600;
    font-family: "Font Awesome 5 Free";
    margin-right: 4px;
}

.h_right_contact a:hover {
    background-color: #fff;
    color: #E38314;
} */


.fa-solid,
.fas {
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-cart-shopping:before {
    content: "\f07a";
}


/*★*/
/*===============================================

teaser

===============================================*/


.teaser {
    background: url(images/teaser.jpg) no-repeat;
    text-align: center;
    background-size: cover;
    background-position: center;
    padding: var(--teaser-pdg);
    /* width: 100%; */
    z-index: -1;
}


.teaser h1 {
    font-size: 3.6rem;
    line-height: 1.5;
    font-family: var(--heading-font);
    color: #fff;
    font-weight: 600;
}

/* .teaser span {
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    letter-spacing: 4px;
} */

/*---------------------------------

顧客情報

---------------------------------*/
.cpr_tel {
    color: #fff;
    font-weight: 400;
    font-family: var(--heading-font);
    line-height: 1.5;
    letter-spacing: 0;
}


.cpr_time {
    color: #fff;
    font-weight: 400;
    font-family: var(--main-font);
}

/*===============================================

footer

===============================================*/
/*★*/
.ftr_btm_wrap {
    padding: 50px 7px 0;
    text-align: center;
    color: #fff;
    font-family: var(--headging-font);
    background-color: var(--primary-color);

}

.ftr_ttl {
    box-sizing: border-box;
    width: 100%;
    display: inline-block;
    margin-bottom: 25px;

    a {
        img {
            max-width: 300px;
            height: auto;
        }
    }
}

.ftr_ttl a {
    text-decoration: none;
    display: block;
    transition: 0.3s;
    color: #fff;
}


.ftr_ttl a:hover {
    transition: 0.3s;
    opacity: 0.7;
}



.fCpr {
    font-style: normal;
    padding: 16px 0;
    font-weight: 400;
    color: var(--text-color);
    font-size: 16px;
}

.fCpr .cpr_tel {
    font-weight: 400;
}

.fCpr .cpr_time {
    font-family: var(--heading-font);
}

/* .fCpr>p,
.cpr_time {
    line-height: 2.8;

} */

/* .fCpr_insta {
} */


/* .fCpr_tel .cpr_time {
    color: #fff;
} */

@keyframes shiny_btn01 {
    0% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0;
    }

    80% {
        -webkit-transform: scale(0) rotate(45deg);
        opacity: 0.5;
    }

    81% {
        -webkit-transform: scale(4) rotate(45deg);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(50) rotate(45deg);
        opacity: 0;
    }
}

.ftr_info_txt {
    font-size: 15px;
    font-weight: bold;
    color: #076aa9;
    padding: 0px 0 5px 0;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0 -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}

.f_line {
    box-sizing: border-box;
    max-width: 300px;
    width: 100%;
    margin-inline: auto;
}

.f_line a {
    display: block;
    transition: 0.3s;
}

.f_line a:hover {
    opacity: 0.7;
    transition: 0.3s;
}

.copyright {
    display: block;
    padding: 15px;
    text-align: center;
    background-color: var(--primary-color);
}

.copyright>small {
    font-family: var(--main-font);
    font-size: 15px 15px 0;
    color: #FFF;
    font-weight: 400;
    letter-spacing: 0.08em;
    line-height: 2;
}

@media screen and (min-width:768px) {
    .sp_bana {
        display: none;
    }

}

.br-sp {
    display: none;
}



@media print,
screen and (min-width: 768px) {

    .header_inner {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

}

.header_info .tel {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #f9c648;
    font-size: 26px;
    font-weight: bold;
    font-family: var(--headging-font);
}

.header_info .tel span {
    margin-left: 10px;
}

.header_info .address {
    font-size: 16px;
}

.header-btn li:first-child {
    margin-bottom: 10px;
}

.header_tit {
    color: #666666;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    margin-top: 5px;
}

.header_in {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 57px solid #093777;
}

.header_info {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 15px;
    text-align: right;
}

.header_tel {
    font-size: 26px;
    font-weight: bold;
}

.header_address {
    font-size: 16px;
}

.header_tel a {
    color: #235395;
    text-decoration: none;
}

.header_tel a:hover {
    text-decoration: underline;
}

.contact {
    position: absolute;
    right: 0;
    top: 30px;
}

.contact_bnr {
    text-decoration: none;
    text-align: left;
    display: block;
    text-indent: -9999px;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(images/page_bnr.png);
    width: 980px;
    height: 200px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.btn_area {
    margin-bottom: 10px;
}

.btn_area02 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn_area li,
.btn_area02 li {
    float: left;
}

.btn_area li:not(:last-child) {
    margin-right: 5px;
}

.btn_area02 li:not(:last-child) {
    margin-right: 10px;
}



#site_dsc {
    margin-top: 10px;
    text-align: right;
    font-size: 80%;
    color: #c7c7c7;
    font-weight: normal;
}

#h_logo {
    max-width: 340px;
    margin-top: 6px;
}

#h_logo .pc_logo {
    width: 83%;
}

#h_logo a {
    cursor: pointer;
}

/*.custom-responsive .art-header
{
   background-image: url('images/header.png') top center no-repeat;
}*/

.default-responsive .art-header,
.default-responsive #art-header-bg {
    background-image: url('images/header.png');
    background-position: center center;
    background-size: cover;
}

.art-header>.widget {
    position: absolute;
    z-index: 101;
}

.art-nav {
    border-bottom: none;
    margin: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
}

ul.art-hmenu a,
ul.art-hmenu a:link,
ul.art-hmenu a:visited,
ul.art-hmenu a:hover {
    outline: none;
    position: relative;
    z-index: 11;
}

ul.art-hmenu,
ul.art-hmenu ul {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
}

ul.art-hmenu li {
    position: relative;
    z-index: 5;
    display: block;
    float: left;
    background: none;
    margin: 0;
    padding: 0;
    border: 0;
}

ul.art-hmenu li:hover {
    z-index: 10000;
    white-space: normal;
}

ul.art-hmenu:after,
ul.art-hmenu ul:after {
    content: ".";
    height: 0;
    display: block;
    visibility: hidden;
    overflow: hidden;
    clear: both;
}

ul.art-hmenu,
ul.art-hmenu ul {
    min-height: 0;
}

ul.art-hmenu {
    width: 1140px;
    vertical-align: bottom;
    font-weight: normal;
    margin: 0 auto;
}

.art-nav:before {
    content: ' ';
}

nav.art-nav {
    width: 100%;
    margin: 0 auto;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 10px 0;
}

.art-hmenu-extra1 {
    position: relative;
    display: block;
    float: left;
    width: auto;
    height: auto;
    background-position: center;
}

.art-hmenu-extra2 {
    position: relative;
    display: block;
    float: right;
    width: auto;
    height: auto;
    background-position: center;
}

/*.art-hmenu
{
   float: left;
}*/

.art-menuitemcontainer {
    margin: 0 auto;
}

ul.art-hmenu>li {
    margin-left: 1px;
}

ul.art-hmenu>li:first-child {
    margin-left: 0;
}

ul.art-hmenu>li:last-child,
ul.art-hmenu>li.last-child {
    margin-right: 0;
}

ul.art-hmenu>li>a {
    padding: 0 10px;
    margin: 0 auto;
    position: relative;
    display: block;
    height: 29px;
    cursor: pointer;
    text-decoration: none;
    color: #333;
    line-height: 29px;
    text-align: left;
}

.art-hmenu>li>a,
.art-hmenu>li>a:link,
.art-hmenu>li>a:visited,
.art-hmenu>li>a.active,
.art-hmenu>li>a:hover {
    font-family: var(--headging-font);
    font-size: 14px;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
}

ul.art-hmenu>li>a.active {
    padding: 0 10px;
    margin: 0 auto;
    color: #333;
    text-decoration: none;
}

ul.art-hmenu>li>a:visited,
ul.art-hmenu>li>a:hover,
ul.art-hmenu>li:hover>a {
    text-decoration: none;
    font-family: var(--headging-font);

}

ul.art-hmenu>li>a:hover,
.desktop ul.art-hmenu>li:hover>a {
    padding: 0 10px;
    margin: 0 auto;
}

ul.art-hmenu>li>a:hover,
.desktop ul.art-hmenu>li:hover>a {
    color: #666;
    text-decoration: underline;
    font-family: var(--headging-font);
    font-weight: 400;
}

ul.art-hmenu>li:before {
    position: absolute;
    display: block;
    content: ' ';
    top: 0;
    left: -1px;
    width: 1px;
    height: 29px;
    background: url('images/menuseparator.png') center center no-repeat;
}

ul.art-hmenu>li:first-child:before {
    display: none;
}

ul.art-hmenu li li a {
    background: #2C62B3;
    background: transparent;
    padding: 0 8px;
    margin: 0 auto;
}

ul.art-hmenu li li {
    float: none;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
}

.desktop ul.art-hmenu li li ul>li:first-child {
    margin-top: 0;
}

ul.art-hmenu li li ul>li:last-child {
    margin-bottom: 0;
}

.art-hmenu ul a {
    display: block;
    white-space: nowrap;
    height: 24px;
    min-width: 7em;
    border: 0 solid transparent;
    text-align: left;
    line-height: 24px;
    color: #f48401;
    font-size: 13px;
    text-decoration: none;
    margin: 0;
}

.art-hmenu ul a:link,
.art-hmenu ul a:visited,
.art-hmenu ul a.active,
.art-hmenu ul a:hover {
    text-align: left;
    line-height: 24px;
    color: #f48401;
    font-size: 13px;
    text-decoration: none;
    margin: 0;
}

ul.art-hmenu ul li a:hover,
.desktop ul.art-hmenu ul li:hover>a {
    background: #f48401;
    margin: 0 auto;
}

.art-hmenu ul a:hover {
    text-decoration: none;
    color: #f48401;
}

.desktop .art-hmenu ul li:hover>a {
    color: #2C62B3
}

ul.art-hmenu ul:before {
    background: #F7F7F0;
    margin: 0 auto;
    display: block;
    position: absolute;
    content: ' ';
    z-index: 1;
}

.desktop ul.art-hmenu li:hover>ul {
    visibility: visible;
    top: 100%;
}

.desktop ul.art-hmenu li li:hover>ul {
    top: 0;
    left: 100%;
}

ul.art-hmenu ul {
    visibility: hidden;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
    background-image: url('images/spacer.gif');
}

.desktop ul.art-hmenu>li>ul {
    padding: 12px 32px 32px 32px;
    margin: -10px 0 0 -30px;
}

.desktop ul.art-hmenu ul ul {
    padding: 32px 32px 32px 12px;
    margin: -32px 0 0 -9px;
}

.desktop ul.art-hmenu ul.art-hmenu-left-to-right {
    right: auto;
    left: 0;
    margin: -10px 0 0 -30px;
}

.desktop ul.art-hmenu ul.art-hmenu-right-to-left {
    left: auto;
    right: 0;
    margin: -10px -30px 0 0;
}

.desktop ul.art-hmenu li li:hover>ul.art-hmenu-left-to-right {
    right: auto;
    left: 100%;
}

.desktop ul.art-hmenu li li:hover>ul.art-hmenu-right-to-left {
    left: auto;
    right: 100%;
}

.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right {
    right: auto;
    left: 0;
    padding: 32px 32px 32px 12px;
    margin: -32px 0 0 -9px;
}

.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left {
    left: auto;
    right: 0;
    padding: 32px 12px 32px 32px;
    margin: -32px -9px 0 0;
}

.desktop ul.art-hmenu li ul>li:first-child {
    margin-top: 0;
}

.desktop ul.art-hmenu li ul>li:last-child {
    margin-bottom: 0;
}

.desktop ul.art-hmenu ul ul:before {
    border-radius: 0;
    top: 30px;
    bottom: 30px;
    right: 30px;
    left: 10px;
}

.desktop ul.art-hmenu>li>ul:before {
    top: 10px;
    right: 30px;
    bottom: 30px;
    left: 30px;
}

.desktop ul.art-hmenu>li>ul.art-hmenu-left-to-right:before {
    right: 30px;
    left: 30px;
}

.desktop ul.art-hmenu>li>ul.art-hmenu-right-to-left:before {
    right: 30px;
    left: 30px;
}

.desktop ul.art-hmenu ul ul.art-hmenu-left-to-right:before {
    right: 30px;
    left: 10px;
}

.desktop ul.art-hmenu ul ul.art-hmenu-right-to-left:before {
    right: 10px;
    left: 30px;
}

.art-content-layout-row {
    display: flex;
    justify-content: space-between;
}

.art-layout-cell {
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
}

/* need only for content layout in post content */
.art-postcontent .art-content-layout {
    border-collapse: collapse;
}

.art-breadcrumbs {
    margin: 0 auto;
}

a.art-button,
a.art-button:link,
a:link.art-button:link,
body a.art-button:link,
a.art-button:visited,
body a.art-button:visited,
input.art-button,
button.art-button {
    text-decoration: none;
    font-size: 13px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: normal;
    font-style: normal;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    color: #FFFFFF;
    margin: 0 5px 0 0 !important;
    overflow: visible;
    cursor: pointer;
    text-indent: 0;
    line-height: 24px;
    box-sizing: content-box;
}

.art-button img {
    margin: 0;
    vertical-align: middle;
}

.firefox2 .art-button {
    display: block;
    float: left;
}

input,
select,
textarea,
a.art-search-button span {
    vertical-align: middle;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
}

.art-block select {
    width: 96%;
}

input.art-button {
    float: none !important;
    -webkit-appearance: none;
}

.art-button.active,
.art-button.active:hover {
    background: #A1ADBA;
    border-radius: 3px;
    border-width: 0;
    padding: 0 21px;
    margin: 0 auto;
}

.art-button.active,
.art-button.active:hover {
    color: #FFFFFF !important;
}

.art-button.hover,
.art-button:hover {
    background: #8A99A8;
    border-radius: 3px;
    border-width: 0;
    padding: 0 21px;
    margin: 0 auto;
}

.art-button.hover,
.art-button:hover {
    color: #FFFFFF !important;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="tel"],
input[type="time"],
input[type="week"],
textarea {
    background: #F9FAFB;
    border-radius: 4px;
    border: 1px solid #B9C2CB;
    margin: 0 auto;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="number"],
input[type="range"],
input[type="tel"],
input[type="time"],
input[type="week"],
textarea {
    width: 100%;
    padding: 4px 0;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    text-shadow: none;
}

input.art-error,
textarea.art-error {
    background: #F9FAFB;
    border: 1px solid #E2341D;
    margin: 0 auto;
}

input.art-error,
textarea.art-error {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
}

form.art-search input[type="text"] {
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #CCD6E0;
    margin: 0 auto;
    width: 100%;
    padding: 4px 0;
    box-sizing: border-box;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
}

form.art-search {
    background-image: none;
    border: 0;
    display: block;
    position: relative;
    top: 0;
    padding: 0;
    margin: 5px;
    left: 0;
    line-height: 0;
}

form.art-search input,
a.art-search-button {
    -webkit-appearance: none;
    top: 0;
    right: 0;
}

form.art-search>input,
a.art-search-button {
    bottom: 0;
    left: 0;
    vertical-align: middle;
}

form.art-search input[type="submit"],
input.art-search-button,
a.art-search-button {
    border-radius: 0;
    margin: 0 auto;
}

form.art-search input[type="submit"],
input.art-search-button,
a.art-search-button {
    position: absolute;
    left: auto;
    display: block;
    border: none;
    background: url('images/searchicon.png') center center no-repeat;
    width: 24px;
    height: 100%;
    padding: 0;
    color: #FFFFFF !important;
    cursor: pointer;
}

a.art-search-button span.art-search-button-text {
    display: none;
}

label.art-checkbox:before {
    background: #F9FAFB;
    border-radius: 1px;
    border-width: 0;
    margin: 0 auto;
    width: 16px;
    height: 16px;
}

label.art-checkbox {
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    line-height: 16px;
    display: inline-block;
}

.art-checkbox>input[type="checkbox"] {
    margin: 0 5px 0 0;
}

label.art-checkbox.active:before {
    background: #FC905A;
    border-radius: 1px;
    border-width: 0;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    display: inline-block;
}

label.art-checkbox.hovered:before {
    background: #D9DEE3;
    border-radius: 1px;
    border-width: 0;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    display: inline-block;
}

label.art-radiobutton:before {
    background: #F9FAFB;
    border-radius: 3px;
    border-width: 0;
    margin: 0 auto;
    width: 12px;
    height: 12px;
}

label.art-radiobutton {
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    line-height: 12px;
    display: inline-block;
}

.art-radiobutton>input[type="radio"] {
    vertical-align: baseline;
    margin: 0 5px 0 0;
}

label.art-radiobutton.active:before {
    background: #B9C2CB;
    border-radius: 3px;
    border-width: 0;
    margin: 0 auto;
    width: 12px;
    height: 12px;
    display: inline-block;
}

label.art-radiobutton.hovered:before {
    background: #D9DEE3;
    border-radius: 3px;
    border-width: 0;
    margin: 0 auto;
    width: 12px;
    height: 12px;
    display: inline-block;
}

.art-comments {
    border-top: 1px dotted #A1ADBA;
    margin: 0 auto;
    margin-top: 25px;
}

.art-comments h2 {
    color: #23292F;
}

.art-comment-inner {
    border-radius: 2px;
    padding: 5px;
    margin: 0 auto;
    margin-left: 96px;
}

.art-comment-avatar {
    float: left;
    width: 80px;
    height: 80px;
    padding: 2px;
    background: #fff;
    border: 1px solid #E2E8EE;
}

.art-comment-avatar>img {
    margin: 0 !important;
    border: none !important;
}

.art-comment-content {
    padding: 10px 0;
}

.art-comment {
    margin-top: 6px;
}

#comment-list>li:first-child>.art-comment {
    margin-top: 0;
}

.art-comment-header {
    color: #23292F;
    line-height: 100%;
}

.art-comment-header a,
.art-comment-header a:link,
.art-comment-header a:visited,
.art-comment-header a.visited,
.art-comment-header a:hover,
.art-comment-header a.hovered {
    line-height: 100%;
}

.art-comment-header a,
.art-comment-header a:link {
    font-weight: bold;
    font-style: normal;
}

.art-comment-header a:visited,
.art-comment-header a.visited {}

.art-comment-header a:hover,
.art-comment-header a.hovered {
    color: #758799;
}

.art-comment-content a,
.art-comment-content a:link,
.art-comment-content a:visited,
.art-comment-content a.visited,
.art-comment-content a:hover,
.art-comment-content a.hovered {}

.art-comment-content a,
.art-comment-content a:link {
    color: #CD4704;
}

.art-comment-content a:visited,
.art-comment-content a.visited {}

.art-comment-content a:hover,
.art-comment-content a.hovered {
    color: #CD4704;
}

.art-pager {
    border-radius: 4px;
    padding: 6px;
    margin: 2px;
}

.art-pager>*:last-child {
    margin-right: 0 !important;
}

.art-pager>span {
    cursor: default;
}

.art-pager>* {
    background: #D9DEE3;
    border-radius: 4px;
    padding: 10px;
    margin: 0 4px 0 auto;
    line-height: normal;
    position: relative;
    display: inline-block;
    margin-left: 0;
}

.art-pager a:link,
.art-pager a:visited,
.art-pager .active {
    line-height: normal;
    text-decoration: none;
    color: #1C2126;
}

.art-pager .active {
    background: #B6BFC9;
    padding: 10px;
    margin: 0 4px 0 auto;
    color: #FFFFFF;
}

.art-pager .more {
    background: #D9DEE3;
    margin: 0 4px 0 auto;
}

.art-pager a.more:link,
.art-pager a.more:visited {
    color: #411701;
}

.art-pager a:hover {
    background: #B9C2CB;
    padding: 10px;
    margin: 0 4px 0 auto;
}

.art-pager a:hover,
.art-pager a.more:hover {
    text-decoration: none;
    color: #21262C;
}

.art-pager>*:after {
    margin: 0 0 0 auto;
    display: inline-block;
    position: absolute;
    content: ' ';
    top: 0;
    width: 0;
    height: 100%;
    right: 0;
    text-decoration: none;
}

.art-pager>*:last-child:after {
    display: none;
}

.art-commentsform {
    background: #E2E8EE;
    background: transparent;
    padding: 10px;
    margin: 0 auto;
    margin-top: 25px;
    color: #23292F;
}

.art-commentsform h2 {
    padding-bottom: 10px;
    margin: 0;
    color: #23292F;
}

.art-commentsform label {
    display: inline-block;
    line-height: 25px;
}

.art-commentsform input:not([type=submit]),
.art-commentsform textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

.art-commentsform .form-submit {
    margin-top: 10px;
}

.art-block {
    margin-bottom: 30px;

}

div.art-block img {
    border: none;
    margin: 0;
}

.time {
    font-size: 16px;
    color: #543e2c;
    text-align: right;
}

/*★最近の投稿・最近のコメント*/
.art-blockheader {
    font-family: var(--heading-font);
    font-size: 15px;
    font-weight: bold;
    position: relative;
    background: var(--btn--color);
    border-radius: 12px;

}

.art-blockheader .t,
.art-blockheader .t a,
.art-blockheader .t a:link,
.art-blockheader .t a:visited,
.art-blockheader .t a:hover {
    font-family: var(--heading-font);
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    color: #fff;
    padding: 10px;
}

.art-blockcontent {
    padding: 5px;
    margin: 0 auto;
    color: #FB7F20;
    font-size: 13px;
    line-height: 175%;
}

.art-blockcontent table,
.art-blockcontent li,
.art-blockcontent a,
.art-blockcontent a:link,
.art-blockcontent a:visited,
.art-blockcontent a:hover {
    color: #FB7F20;
    font-size: 14px;
    line-height: 175%;
}

.art-blockcontent p {
    margin: 0 5px;
}

.art-blockcontent a,
.art-blockcontent a:link {
    color: #555;
    text-decoration: none;
}

.art-blockcontent a:visited,
.art-blockcontent a.visited {
    color: #555;
    text-decoration: none;
}

.art-blockcontent a:hover,
.art-blockcontent a.hover {
    color: #666;
    text-decoration: underline;
}

.art-block ul>li:before {
    content: url('images/blockbullets.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    margin-left: -12px;
}

.opera .art-block ul>li:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-block li {
    font-family: var(--headging-font);
    font-size: 13px;
    line-height: 175%;
    color: #475E76;
    margin: 5px 0 0 0;
}

.art-block ul>li,
.art-block ol {
    padding: 0;
}

.art-block ul>li {
    padding-left: 12px;
}

.art-post {
    padding: 0;
}

.art-post:not(:first-of-type) {
    margin-top: 50px;
}

a img {
    border: 0;
}

.art-article img,
img.art-article,
.art-block img,
.art-footer-text img {
    height: auto;
    max-width: 100%;
}

.art-article img.alignleft,
.art-article img.alignright {
    width: 40%;
    height: 40%;
}

.art-metadata-icons img {
    border: none;
    vertical-align: middle;
    margin: 2px;
}

.art-article table,
table.art-article {
    border-collapse: collapse;
    margin: 1px;
}

.art-post .art-content-layout-br {
    height: 0;
}

.art-article th,
.art-article td {
    padding: 2px;
    border: solid 1px #B9C2CB;
    vertical-align: top;
    text-align: left;
}

.art-article th {
    text-align: center;
    vertical-align: middle;
    padding: 7px;
}

pre {
    overflow: auto;
    padding: 0.1em;
}

.preview-cms-logo {
    border: 0;
    margin: 1em 1em 0 0;
    float: left;
}

.image-caption-wrapper {
    padding: 7px 7px 7px 7px;
    box-sizing: border-box;
}

.image-caption-wrapper img {
    margin: 0 !important;
    box-sizing: border-box;
}

.image-caption-wrapper div.art-collage {
    margin: 0 !important;
    box-sizing: border-box;
}

.image-caption-wrapper p {
    font-size: 80%;
    text-align: right;
    margin: 0;
}

.art-postmetadataheader {
    margin-bottom: 20px;
}

/*★*/
.art-postheader {
    font-family: var(--heading-font);
    letter-spacing: 0.02em;
    padding: 10px 16px 15px 40px;
    border-bottom: 1px solid var(--primary-color);
    background: url(images/icon-mds.png) no-repeat center left / 4%;
}


.art-postheader a {
    text-decoration: none;
    font-family: var(--heading-font);
    font-weight: bold !important;
    font-size: 26px !important;
    color: #333 !important;
    margin-bottom: 20px;
    letter-spacing: 0.02em;
}

.art-postheader a,
.art-postheader a:link,
.art-postheader a:visited,
.art-postheader a.visited,
.art-postheader a:hover,
.art-postheader a.hovered {
    color: var(--primary-color);
}

.art-postheader a,
.art-postheader a:link {
    text-decoration: none;
    text-align: left;
}

.art-postheader a:visited,
.art-postheader a.visited {
    text-decoration: none;
    text-align: left;
}

.art-postheader a:hover,
.art-postheader a.hovered {
    text-decoration: none;
    text-align: left;
    color: var(--primary-color) !important;
    transition: 0.3s;
}

.art-postheadericons,
.art-postheadericons a,
.art-postheadericons a:link,
.art-postheadericons a:visited,
.art-postheadericons a:hover {}

.art-postheadericons {
    margin: 0 0 10px 0;
}

.art-postheadericons a,
.art-postheadericons a:link {
    text-decoration: none;
    color: #333;
}

.art-postheadericons a:visited,
.art-postheadericons a.visited {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: #333;
}

.art-postheadericons a:hover,
.art-postheadericons a.hover {
    font-weight: normal;
    font-style: normal;
    text-decoration: underline;
    color: #333;
}

.art-postdateicon:before {
    content: url('images/postdateicon.png');
    margin-right: 6px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    bottom: auto;
}

.opera .art-postdateicon:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postauthoricon:before {
    content: url('images/postauthoricon.png');
    margin-right: 6px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    bottom: auto;
}

.opera .art-postauthoricon:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postediticon:before {
    content: url('images/postediticon.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera .art-postediticon:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postcontent ul>li:before,
.art-post ul>li:before,
.art-textblock ul>li:before {
    content: url('images/postbullets.png');
    margin-right: 10px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
}

.opera .art-postcontent ul>li:before,
.opera .art-post ul>li:before,
.opera .art-textblock ul>li:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-postcontent li,
.art-post li,
.art-textblock li {
    margin: 3px 0 0 11px;
}

.art-postcontent ul>li,
.art-post ul>li,
.art-textblock ul>li,
.art-postcontent ol,
.art-post ol,
.art-textblock ol {
    padding: 0;
}

.art-postcontent ul>li,
.art-post ul>li,
.art-textblock ul>li {
    padding-left: 17px;
}

.art-postcontent ul>li:before,
.art-post ul>li:before,
.art-textblock ul>li:before {
    margin-left: -17px;
}

.art-postcontent ol,
.art-post ol,
.art-textblock ol,
.art-postcontent ul,
.art-post ul,
.art-textblock ul {
    margin: 1em 0 1em 11px;
}

.art-postcontent li ol,
.art-post li ol,
.art-textblock li ol,
.art-postcontent li ul,
.art-post li ul,
.art-textblock li ul {
    margin: 0.5em 0 0.5em 11px;
}

.art-postcontent li,
.art-post li,
.art-textblock li {
    margin: 3px 0 0 0;
}

.art-postcontent ol>li,
.art-post ol>li,
.art-textblock ol>li {
    /* overrides overflow for "ul li" and sets the default value */
    overflow: visible;
}

.art-postcontent ul>li,
.art-post ul>li,
.art-textblock ul>li {
    /* makes "ul li" not to align behind the image if they are in the same line */
    overflow-x: visible;
    overflow-y: hidden;
}

blockquote {
    background: #EFF2F5 url('images/postquote.png') no-repeat scroll;
    padding: 10px 10px 10px 47px;
    margin: 10px 0 0 25px;
    color: #0D1216;
    font-weight: normal;
    font-style: italic;
    text-align: left;
    /* makes block not to align behind the image if they are in the same line */
    overflow: auto;
    clear: both;
}

blockquote a,
.art-postcontent blockquote a,
.art-blockcontent blockquote a,
.art-footer-text blockquote a,
blockquote a:link,
.art-postcontent blockquote a:link,
.art-blockcontent blockquote a:link,
.art-footer-text blockquote a:link,
blockquote a:visited,
.art-postcontent blockquote a:visited,
.art-blockcontent blockquote a:visited,
.art-footer-text blockquote a:visited,
blockquote a:hover,
.art-postcontent blockquote a:hover,
.art-blockcontent blockquote a:hover,
.art-footer-text blockquote a:hover {
    color: #E5090D;
    font-weight: normal;
    font-style: italic;
    text-align: left;
}

/* Override native 'p' margins*/
blockquote p,
.art-postcontent blockquote p,
.art-blockcontent blockquote p,
.art-footer-text blockquote p {
    margin: 0;
    margin: 5px 0;
}

.Sorter img {
    border: 0;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    position: static;
    z-index: 1;
    width: 12px;
    height: 6px;
}

.Sorter a {
    position: relative;
    color: #647587;
}

.Sorter a:link {
    color: #647587;
}

.Sorter a:visited,
.Sorter a.visited {
    color: #647587;
}

.Sorter a:hover,
.Sorter a.hover {
    color: #4C5967;
}


.art-footer-text a,
.art-footer-text a:link,
.art-footer-text a:visited,
.art-footer-text a:hover,
.art-footer-text td,
.art-footer-text th,
.art-footer-text caption {
    color: #000000;
    font-size: 13px;
    line-height: 175%;
}

.art-footer-text p {
    margin: 10px auto 0 auto;
    text-align: center;
}

.art-footer-text a,
.art-footer-text a:link {
    color: #000000;
    text-decoration: none;
}

.art-footer-text a:visited {
    color: #000000;
    text-decoration: none;
}

.art-footer-text a:hover {
    color: #FB7C3C;
    text-decoration: underline;
}



.art-footer-text h1 {
    color: #8A99A8;
}

.art-footer-text h2 {
    color: #A1ADBA;
}

.art-footer-text h3 {
    color: #FA681E;
}

.art-footer-text h4 {
    color: #9CAFC4;
}

.art-footer-text h5 {
    color: #9CAFC4;
}

.art-footer-text h6 {
    color: #9CAFC4;
}

.art-footer-text img {
    border: none;
    margin: 0 auto;
}

.footer_box {
    border-top: 1px solid #cccccc;
    padding-top: 10px;
}

.art-rss-tag-icon {
    background: url('images/footerrssicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-rss-tag-icon:empty {
    vertical-align: middle;
}

.art-facebook-tag-icon {
    background: url('images/footerfacebookicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-facebook-tag-icon:empty {
    vertical-align: middle;
}

.art-twitter-tag-icon {
    background: url('images/footertwittericon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-twitter-tag-icon:empty {
    vertical-align: middle;
}

.art-tumblr-tag-icon {
    background: url('images/tumblricon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-tumblr-tag-icon:empty {
    vertical-align: middle;
}

.art-pinterest-tag-icon {
    background: url('images/pinteresticon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-pinterest-tag-icon:empty {
    vertical-align: middle;
}

.art-vimeo-tag-icon {
    background: url('images/vimeoicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-vimeo-tag-icon:empty {
    vertical-align: middle;
}

.art-youtube-tag-icon {
    background: url('images/youtubeicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-youtube-tag-icon:empty {
    vertical-align: middle;
}

.art-linkedin-tag-icon {
    background: url('images/linkedinicon.png') no-repeat scroll;
    margin: 0 auto;
    min-height: 32px;
    min-width: 32px;
    display: inline-block;
    text-indent: 35px;
    background-position: left center;
    vertical-align: middle;
}

.art-linkedin-tag-icon:empty {
    vertical-align: middle;
}

.art-footer-text ul>li:before {
    content: url('images/footerbullets.png');
    margin-right: 6px;
    bottom: 2px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 0;
    margin-left: -13px;
}

.opera .art-footer-text ul>li:before {
    /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.art-footer-text li {
    font-size: 13px;
    color: #A53903;
}

.art-footer-text ul>li,
.art-footer-text ol {
    padding: 0;
}

.art-footer-text ul>li {
    padding-left: 13px;
}

.art-page-footer,
.art-page-footer a,
.art-page-footer a:link,
.art-page-footer a:visited,
.art-page-footer a:hover {
    font-family: Arial;
    font-size: 10px;
    letter-spacing: normal;
    word-spacing: normal;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}

.art-page-footer {
    position: relative;
    z-index: auto !important;
    padding: 1em;
    text-align: center !important;
    text-decoration: none;
}

.art-lightbox-wrapper {
    background: #000;
    background: rgba(0, 0, 0, .8);
    bottom: 0;
    left: 0;
    padding: 0 100px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 1000000;
}

.art-lightbox,
.art-lightbox-wrapper .art-lightbox-image {
    cursor: pointer;
}

.art-lightbox-wrapper .art-lightbox-image {
    border: 6px solid #fff;
    border-radius: 3px;
    display: none;
    max-width: 100%;
    vertical-align: middle;
}

.art-lightbox-wrapper .art-lightbox-image.active {
    display: inline-block;
}

.art-lightbox-wrapper .lightbox-error {
    background: #fff;
    border: 1px solid #b4b4b4;
    border-radius: 10px;
    box-shadow: 0 2px 5px #000;
    height: 80px;
    opacity: .95;
    padding: 20px;
    position: fixed;
    width: 300px;
    z-index: 100;
}

.art-lightbox-wrapper .loading {
    background: #fff url('images/preloader-01.gif') center center no-repeat;
    border: 1px solid #b4b4b4;
    border-radius: 10px;
    box-shadow: 0 2px 5px #000;
    height: 32px;
    opacity: .5;
    padding: 10px;
    position: fixed;
    width: 32px;
    z-index: 10100;
}

.art-lightbox-wrapper .arrow {
    cursor: pointer;
    height: 100px;
    opacity: .5;
    filter: alpha(opacity=50);
    position: fixed;
    width: 82px;
    z-index: 10003;
}

.art-lightbox-wrapper .arrow.left {
    left: 9px;
}

.art-lightbox-wrapper .arrow.right {
    right: 9px;
}

.art-lightbox-wrapper .arrow:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.art-lightbox-wrapper .arrow.disabled {
    display: none;
}

.art-lightbox-wrapper .arrow-t,
.art-lightbox-wrapper .arrow-b {
    background-color: #fff;
    border-radius: 3px;
    height: 6px;
    left: 26px;
    position: relative;
    width: 30px;
}

.art-lightbox-wrapper .arrow-t {
    top: 38px;
}

.art-lightbox-wrapper .arrow-b {
    top: 50px;
}

.art-lightbox-wrapper .close {
    cursor: pointer;
    height: 22px;
    opacity: .5;
    filter: alpha(opacity=50);
    position: fixed;
    right: 39px;
    top: 30px;
    width: 22px;
    z-index: 10003;
}

.art-lightbox-wrapper .close:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.art-lightbox-wrapper .close .cw,
.art-lightbox-wrapper .close .ccw {
    background-color: #fff;
    border-radius: 3px;
    height: 6px;
    position: absolute;
    left: -4px;
    top: 8px;
    width: 30px;
}

.art-lightbox-wrapper .cw {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Safari and Chrome */
    -o-transform: rotate(45deg);
    /* Opera */
    -moz-transform: rotate(45deg);
    /* Firefox */
}

.art-lightbox-wrapper .ccw {
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    /* IE 9 */
    -webkit-transform: rotate(-45deg);
    /* Safari and Chrome */
    -o-transform: rotate(-45deg);
    /* Opera */
    -moz-transform: rotate(-45deg);
    /* Firefox */
}

.art-lightbox-wrapper .close-alt,
.art-lightbox-wrapper .arrow-right-alt,
.art-lightbox-wrapper .arrow-left-alt {
    color: #fff;
    display: none;
    font-size: 2.5em;
    line-height: 100%;
}

.ie8 .art-lightbox-wrapper .close-alt,
.ie8 .art-lightbox-wrapper .arrow-right-alt,
.ie8 .art-lightbox-wrapper .arrow-left-alt {
    display: block;
}

.ie8 .art-lightbox-wrapper .cw,
.ie8 .art-lightbox-wrapper .ccw {
    display: none;
}

.art-content-layout .art-content {
    width: 78%;
    padding: 0;
}

.art-content-layout .art-sidebar1 {
    width: 20%;
}

#comment {
    width: 99%;
}

#comments-list,
#comments-list .comment {
    background: none;
    padding: 0;
    margin: 0;
    overflow: visible;
}

#comments-list .comment:before,
#comments-list .comment:after {
    display: none;
}

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

span.page-navi-outer,
span.page-navi-inner {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}

span.page-navi-outer {
    margin: 1px;
    border: 1px solid #aaa;
}

span.page-navi-inner {
    padding: 1px;
    min-width: 14px;
    line-height: 18px;
    text-align: center;
    border: 2px solid #fff;
    font-weight: bold;
}

a span.page-navi-inner,
span.page-navi-caption span.page-navi-inner {
    border-width: 1px;
    font-weight: normal;
}

a span.page-navi-outer,
span.page-navi-caption {
    margin: 2px 1px;
}

ul#comments-list li cite {
    font-size: 1.2em;
}

#commentform textarea {
    width: 100%;
}

#commentform {
    text-align: left;
}

.rtl #commentform {
    text-align: right;
}

img.wp-smiley {
    border: none;
    margin: 1px;
    vertical-align: middle;
    padding: 0;
}

.navigation {
    display: block;
    text-align: center;
}

/* Recommended by http://codex.wordpress.org/CSS */
/* Begin */
.aligncenter,
div.aligncenter,
.art-article .aligncenter img,
.aligncenter img.art-article,
.aligncenter img,
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

p.aligncenter,
p.center {
    text-align: center;
}

.alignleft {
    float: left;
    font-weight: bold;
}

.alignleft a:link,
.alignleft a:visited {
    color: #000;
}

.alignleft a:hover,
.alignleft a:active {
    color: #666;
}

.alignright {
    float: right;
    font-weight: bold;
}

.alignright a:link,
.alignright a:visited {
    color: #000;
}

.alignright a:hover,
.alignright a:active {
    color: #666;
}

.wp-caption {
    border: 1px solid #ddd;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

.wp-caption,
.wp-caption p {
    text-align: center;
}

.gallery {
    margin: 0 auto 18px;
    clear: both;
    overflow: hidden;
}

.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
}

.gallery img {
    border: 2px solid #cfcfcf;
}

.gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px;
}

.gallery dl {
    margin: 0;
}

.gallery img {
    border: 10px solid #f1f1f1;
}

.gallery br+br {
    display: none;
}

/* End */


.hidden {
    display: none;
}

/* Calendar */
#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px;
}

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right;
}

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left;
}

#wp-calendar a {
    display: block;
}

#wp-calendar caption {
    text-align: center;
    width: 100%;
}

#wp-calendar td {
    padding: 3px 0;
    text-align: center;
}

.gallery {
    letter-spacing: normal;
}

.art-content {
    position: relative;
    z-index: 1;
}

#todays-events {
    position: relative;
    z-index: 11;
}

#upcoming-events {
    position: relative;
    z-index: 10;
}

img.wp-post-image {
    width: auto;
    margin: 0 5px 5px 0 !important;
}

ul#comments-list li {
    list-style-image: none;
    background: none;
    list-style-type: none;

}

div.art-footer div.art-content-layout {
    margin: 0 auto;
    width: 100%;
}

div.art-layout-cell-size1 {
    width: 100%;
}

div.art-layout-cell-size2 {
    width: 50%;
}

div.art-layout-cell-size3 {
    width: 33%;
}

div.art-layout-cell-size4 {
    width: 25%;
}

.art-widget-title {
    padding: 0 0 0 24px;
    margin-bottom: 0;
}

div.art-center-wrapper {
    position: relative;
    float: right;
    right: 50%;

}

div.art-center-inner {
    position: relative;
    float: left;
    left: 50%;
}

.firefox2 div.art-center-inner {
    float: none;
}

.art-hmenu-extra1,
.art-hmenu-extra2 {
    font-size: 12px;
}

div.breadcrumbs h4,
div.breadcrumbs p,
li.pingback p,
#respond p,
h3#reply-title,
h4#comments,
h4.box-title {
    margin: 0;
}

#respond .comment-notes {
    margin-bottom: 1em;
}

.form-allowed-tags {
    line-height: 1em;
}

#comments-list #respond {
    /*margin-left: NaNpx !important; TODO NodeJS*/
}

#cancel-comment-reply-link {
    font-size: 12px;
    font-weight: normal;
    line-height: 18px;
}

#respond .required {
    color: #ff4b33;
    font-weight: bold;
}

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

#respond input {
    margin: 0 0 9px;
    width: 98%;
}

#respond textarea {
    width: 98%;
}

#respond .form-allowed-tags {
    font-size: 12px;
    line-height: 18px;
}

#respond .form-allowed-tags code {
    font-size: 11px;
}

#respond .form-submit {
    margin: 12px 0;
}

#respond .form-submit input {
    width: auto;
}

.art-footer .art-widget-title {
    font-size: 1.2em;
    padding: 0;

}

.art-footer .art-widget,
.art-footer .art-widget a,
.art-footer .art-widget a:link,
.art-footer .art-widget a:visited,
.art-footer .art-widget a:hover {
    text-align: left;
}

DIV[id^="GMPmap"] IMG {
    margin: 0px;
}

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

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto;
    color: #000;
    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;
    text-transform: none;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}

.site-map {
    font-size: 1.4rem;
}

.site-map a {
    color: #e90d27;
    text-decoration: none;
}

.site-map a:hover {
    color: #00b4ff;
    text-decoration: underline;
}




.f_top {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    padding: 30px;
}





.f_link {
    font-size: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.f_link a {
    color: #337ab7;
    text-decoration: none;
}

.f_link a:hover {
    text-decoration: underline;
}




.f_img {
    height: 350px;
    overflow: hidden;
}



.sns {
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

.sns li {
    margin-right: 20px;
}

.sns li:last-child {
    margin-right: 0;
}



.page-links a {
    color: #ff8f8f !important;
    font-size: 12px;
}

.contact_box {
    display: block;
    width: 100%;
    height: 190px;
    margin-top: 50px;
    background: url(images/btminfo.png) no-repeat;
}

.btn_info {
    width: 210px;
    height: 44px;
    padding-top: 128px;
    padding-bottom: 0px;
    padding-left: 635px;
}

.flex_wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/* Begin Additional CSS Styles */

/* End Additional CSS Styles */

img {
    vertical-align: top;
}

/****************************************

          追加

*****************************************/

@media print,
screen and (min-width:768px) {
    .flex_c {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .contact-btn {
        margin-left: 148px;
    }
}

.contact-area {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 35px;
}

.contact-area h3 {
    color: #63b367;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 45px;
}

.footer-tel {
    color: #fff;
    font-size: 50px;
    line-height: 1.2;
    font-weight: 700;
}

.footer-tel span {
    font-size: 0.8em;
}



.header_contact .tel {
    background: url(images/tel-icon.jpg) no-repeat 0 center;
    color: #7d7255;
    font-size: 32px;
    font-weight: normal;
    padding-left: 28px;
}

.header_contact .text {
    font-weight: bold;
    color: #3b3b3b;
    font-size: 16px;
}

.header_right_flex {
    display: flex;
    align-items: center;
}

.header_contact .tel .fas fa-phone-alt {
    margin-right: 5px;
}

.purple_btn {
    display: inline-block;
    height: 76px;
    width: 360px;
    text-align: center;
    line-height: 72px;
    border-radius: 40px;
    font-weight: bold;
    text-decoration: none;
    color: #b29fe0;
    background: #ffffff;
    border: solid 3px #b29fe0;
    transition: .4s;
    margin: 0px 20px;
}

.purple_btn_wrap {
    margin-bottom: 20px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.purple_btn_wrap .purple_btn.btn01 {
    font-size: 3rem;
}

.purple_btn_wrap .purple_btn.btn02 {
    font-size: 2rem;
}

.purple_btn:hover {
    background: #b29fe0;
    color: white;
    text-decoration: none;
}


/****************************************

          フッターを一番下に固定

*****************************************/
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.ftr_info_tel {
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 880px;
    width: 100%;
    box-sizing: border-box;
    margin-inline: auto;
}

.ftr_info_cpr p {
    font-size: 14px;
}



/*★*/
.pagetop {
    display: none;
    width: 80px;
    height: 80px;
    position: fixed;
    right: 5px;
    bottom: 70px;
    background: var(--primary-color);
    z-index: 999;
    transition: 0.7s;
    border: 1px solid #fff;
}

.pagetop:hover {
    opacity: 0.7;
    background: var(--accent-color);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}


.pagetop a {
    position: relative;
    display: block;
    text-decoration: none;
    width: 100%;
    height: 100%;
}

.pagetop a::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    content: '\f102';
    font-size: 20px;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/*---------------　電話　-------------------------*/
@media (min-width: 751px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}


.btn-mail-b {
    display: block;
    width: 100%;
    max-width: 334px;
    box-sizing: border-box;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    background-image: url(https://www.tsumoto-unso.com/img/icon-mail-b.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-color: #ff0000;
    font-size: 2rem;
    border-radius: 7px;
    color: #fff;
    text-decoration: none;
    transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
}

.btn-mail-b:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
    transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
}

.f_c_box {
    background: url(images/footer_2.jpg) no-repeat center top;
    background-size: contain;
    padding: 175px 0 20px;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

#footer_logo {
    margin-bottom: 20px;
}


.f_c_btn {
    display: flex;
}

.f_c_btn li {
    margin-right: 3%;
}

.f_c_btn li img {
    width: 100%;
    height: auto;
}

.f_c_flex {
    display: flex;
    justify-content: space-between;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.page-links a {
    color: #247de1;
    text-decoration: none;
}

.page-links a:hover {
    color: #ffc553 !important;
    text-decoration: underline;
}

.f_c_bottom {
    margin-top: 10px;
}

.header-txt {
    padding-top: 6px;
    padding-right: 30px;
    padding-left: 10px;
    font-size: 12px;
}

.header-tel img {
    width: 201px;
}

.btn-mail-a {
    text-align: center;
    text-decoration: none;
    width: 184px;
    box-sizing: border-box;
    padding: 10px 10px 10px 36px;
    background-image: url(https://www.tsumoto-unso.com/img/icon-mail-a.png);
    background-repeat: no-repeat;
    background-position: left 20px center;
    background-color: #ff0000;
    font-size: 1.4rem;
    margin: 0 0 0 24px;
    color: #fff;
    border-radius: 7px;
    display: inline-block;
    vertical-align: middle;
    transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
}

.btn-mail-a:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
    transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
}


.hdr-tel {
    color: #270949;
    text-align: left;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.hdr-contact a {
    background: #8ba6dc;
    padding: 1em 1.2em;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.05em;
    cursor: pointer;
    text-decoration: none;
    transition: 0.2s linear;
}

.hdr-contact a:hover {
    opacity: 0.8;
    transition: 0.2s linear;
}

.hdr-tel a {
    color: #270949;
    text-decoration: none;
    cursor: pointer;
}

.hdr-time {
    color: #333;
    text-align: left;
    font-size: 13px;
    font-weight: 500;
}

.hdr-time em.em02 {
    background: #8ba6dc;
    color: #fff;
}

.hdr-time em {
    background: #8ba6dc;
    font-style: normal;
    color: #fff;
    padding: 1px 5px 3px;
    font-size: 12px;
    margin-right: 0.5em;
}

.hdr-caption {
    font-size: 13px;
    font-weight: 500;
    text-align: right;
    color: #333;
}

.hdr-time span {
    font-size: 12px;
}

.fa-phone::before {
    content: "\f095";
    margin-right: 0.3em;
}


.heading>h3 {
    color: #fff;
    font-size: 33px;
    font-weight: 600;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.5;
    letter-spacing: 0.05em;
}

.subheading>h4 {
    color: #c8e7fd;
    font-size: 21px;
    font-family: 'Noto Serif JP', serif;
    display: block;
}


.text p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.text ul {
    list-style-type: disc;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    color: #c8e7fd;
    font-size: 14px;
    padding-left: 40px;
}

.text p.companyac {
    color: #d9d9d9;
    font-size: 13px;
    border: 1px solid #d9d9d9;
    display: inline-block;
    padding: 0.2em 0.4em;
    margin: 0.3em 0 0.8em;
}

.text {
    padding-bottom: 1em;
}

.text {
    padding-top: 10px;
    padding-bottom: 15px;
}

.hdr-time em {
    color: #2f5fc1;
    background: #fff;
}

@media print,
screen and (min-width: 768px) {
    .pcnone {
        display: none;
    }
}

/****************************************

         オンマウス時のアクション

*****************************************/
a:hover img.img_opacity {
    opacity: 0.75;
    filter: alpha(opacity=75);
    transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
}

a img.img_opacity {
    transition: 0.2s linear;
}

/****************************************

         追記

*****************************************/

.flexbox .leftbox .tel i {
    margin-right: 5px;
}

.flexbox .leftbox {
    text-align: right;
}

.flexbox {
    display: flex;
    justify-content: flex-end !important;
    align-items: center;
}

.flexbox02 {
    display: flex;
    align-items: center;
    padding: 15px 0;
}

.toptext {
    font-size: 14px;
    color: #4f3728;
}

.flexbox .rightbox .line {
    display: block;
    background: #00b401;
    color: #ffffff;
    padding: 5px 25px;
    font-size: 25px;
    margin-left: 10px;
    text-decoration: none;
}


.flexbox02 .rightbox .line {
    display: block;
    background: #00b401;
    color: #ffffff;
    padding: 5px 25px;
    font-size: 25px;
    margin-left: 10px;
    text-decoration: none;
}


.flexbox .leftbox .tel {
    font-size: 26px;
    line-height: 1.2;
    color: #4f3728;
}

.flexbox02 .leftbox .tel {
    font-size: 26px;
    line-height: 1.2;
    color: #4f3728;
}

.header_rightcontentsbox .flexbox02 .leftbox .open_time {
    font-size: 14px;
    color: #4f3728;
}

.my-small {
    font-size: 0.8em;
}

#TEX02_SINGLE_28 .text p {
    font-size: 24px;
    font-weight: bold;
    color: #4f3728;
    text-align: left;
}

.page-col-1 {
    width: 70%;
    border-width: 0px 2px 0px 0px;
    border-style: solid;
}

.container {
    display: flex;
    justify-content: space-between;
    max-width: 1040px;
    width: 100%;
    margin: 0 auto 20px;
}

@media screen and (max-width: 950px) {

    .container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .page-col-1,
    .page-col-2 {
        width: 100%;
        border-style: none;
    }

}

#TEX02_SINGLE_30 .text p {
    font-size: 26px;
    font-weight: bold;
    color: #4f3728;
    text-align: center;
}

.flexbox02 .leftbox .open_time {
    font-size: 16px;
    color: #4f3728;
}

.main_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 1em 2em;
    width: 280px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    background: #a68b62;
    border: solid 1px #a68b62;
    border-radius: 50vh;
    padding: 12px 10px 10px !important;
    text-decoration: none;
}

.main_btn:hover {
    text-decoration: none;
    background: #ffffff;
    color: #a68b62;
    border: solid 1px #a68b62;
}

.main_btn::after {
    font-family: fontawesome;
    font-weight: 500;
    content: "\f138";
    vertical-align: center;
    margin-left: 10px;
    font-size: 16px;
}

.flexbox02 .rightbox02 a {
    width: 180px;
    margin-left: 20px;
    box-sizing: border-box;
}

.flexbox02 .rightbox .line {
    display: block;
    background: #00b401;
    color: #ffffff;
    padding: 8px 20px;
    font-size: 22px;
    width: 160px;
    text-align: center;
    box-sizing: border-box;
}

.page-col-2 {
    width: 30%;
}

.bottom_sns_btn_wrap {
    display: flex;
    justify-content: center;
}

.bottom_sns_btn_wrap img {
    width: 51.4px;
}

.flexbox02 .leftbox .tel {
    font-size: 32px;
}

.flexbox02 .leftbox {
    margin-right: 40px;
    text-align: center;
}

.flexbox02 .leftbox .tel i {
    margin-right: 5px;
}