/*
Theme Name: 
Theme URI: 
Description: 
Author: 
Author URI: 
Version: 
Tags:
Text Domain: 
*/

/****基本設定項目　ここから****/

:root {

    --header-height-pc-toppage: 189px;/*PC トップページ header height*/
    --header-height-pc-lower: 170px;/*PC 下層 共通ページ header height*/
    --header-height-pc-lower-mv: 110px;/*PC 下層 メインイメージ設定ページ header height*/

    --footer-copyright-bg-color:#102d6d;/*PC/SP コピーライト背景色*/

    --header-vpadding-sp: 10px;/*SP 追従ヘッダーメニューの上下のpadding*/
    --header-height-sp:66px;/*SP 追従ヘッダーメニューの合計height*/
    --hammenu-top:12px;/*SP ホバーメニューアイコンの上のマージン*/

    --color01:#2a1b0e;/*olやul、SPホバーメニューのリストアイコン h4 下層aタグ 問い合わせ送信ボタン　等の色*/
    --color04:#847B73;/*01を薄めに。th背景色など*/
    --color05:#e3e1d4;/*カーソルチェイサー、テキスト反転:*/

    --basewidth:1020px;/*内部コンテナの幅*/
    --sp_basepadding_width:3.75vw;/*スマホの下層コンテンツのコンテナの左右の隙間幅*/
    --sp_fontsize:1.635rem;/*スマホの汎用部フォントサイズ*/ /*4.1vw*/
    --sp_lineheight:1.65;

    --img_box_shadow:0px 9px 26px -16px #777777;/*画像に使うbox-shadow*/

    --textbasecolor:#333333;
    --is_delay_time:250;
}

/****基本設定項目　ここまで****/












@charset "utf-8";

/*--------------------------------------------------------------------------
   reset　ここから
---------------------------------------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    font-weight:normal;
    vertical-align:baseline;
    background:transparent;
    list-style: none;
}

body {
    line-height:1;
}

span {
    font-weight: unset;
}

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

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
strong {
  font-weight: bold;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/*--------------------------------------------------------------------------
   reset　ここまで
---------------------------------------------------------------------------*/

/*--------------------------------------
　Base
---------------------------------------*/
.transition {
    transition: 0.3s ease-out;
}

.sans-serif{
     font-family: "游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro","HGS明朝E","メイリオ",Meiryo,serif;
}
.gothic{
    font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
}
.font02 {
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

html {
    font-size: 62.5%;
}
body {
    color: var(--textbasecolor);
    min-width: var(--basewidth);
    /*font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;*/
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans",Meiryo,Arial, "BIZ UDPGothic",  sans-serif;
    font-weight: 500;
    font-size: 1.6em;
    line-height: 1.6;
    text-underline-offset: 7px;
    text-decoration-thickness: 1px;
    /*background-attachment: fixed;*/
    /*max-width:1950px;*/
    background: url("img/bg-pc.png") repeat 0 0;
}
    @media(max-width:767px) {
        html,body {
            overflow-x:hidden;
            text-underline-offset: 4px;
            min-width: auto;
            font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo,Arial, "BIZ UDPGothic", sans-serif;
        }
        body {
            background: url("img/bg-sp.png") repeat 0 0;
        }
    }

.mceContentBody {
    padding:20px;
}

img {
  max-width: 100%;
  height:auto;
  /*ertical-align: bottom;*/
}

a {
  color: var(--textbasecolor);
  text-decoration: underline;
}
.no-uline-all a,
.resetcss a{
    text-decoration: none;
}

a:hover {
  text-decoration: none;
}
a img,
.hover {
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
a:hover img,
.hover:hover {
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}

/*スマホ下層コンテナの左右隙間幅のセット*/
    @media(max-width:767px) {
        p:has(.width-spacer-zero) {
            width: 100vw !important;
        }
        .width-spacer-zero {
            width: 100vw !important;
            margin-left: calc(0vw - var(--sp_basepadding_width))  !important;
        }
        p:has(.width-spacer-half) {
            width: calc(100vw - var(--sp_basepadding_width))  !important;
        }
        .width-spacer-half {
            width: calc(100vw - var(--sp_basepadding_width))  !important;
            margin-left: calc(0vw - var(--sp_basepadding_width) / 2)  !important;
        }
    }

.box-shadow {
    box-shadow: var(--img_box_shadow);
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.strong {
  font-weight: bold;
}

.f110 {
  font-size: 110%;
}

.f120 {
  font-size: 120%;
}

.f130 {
  font-size: 130%;
}

.f150 {
  font-size: 150%;
}

.f200 {
  font-size: 200%;
}

.f300 {
  font-size: 300%;
}

.mb20 {
    margin-bottom:20px;
}
.block {
    display: block;
}
.odr01 {order: 1;}
.odr02 {order: 2;}
.odr03 {order: 3;}
.odr04 {order: 4;}
.odr05 {order: 5;}
.odr06 {order: 6;}
.odr07 {order: 7;}
.odr08 {order: 8;}
.odr09 {order: 9;}
.odr10 {order: 10;}

.sp { display:none !important; }
    @media(max-width:767px) {
        .sp {
            display:block !important;
        }
    }

.pc { display:block !important; }
    @media(max-width:767px) {
        .pc {
            display:none !important;
        }
    }

.sp-inline { display:none !important; }
    @media(max-width:767px) {
        .sp-inline {
            display:inline !important;
        }
    }

.pc-inline { display:inline !important; }
    @media(max-width:767px) {
        .pc-inline {
            display:none !important;
        }
    }

.underline a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  transition: .3s;
}
.underline a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #868484;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
.underline a:hover {
    opacity: 0.55;
}
.underline a:hover::after {
  transform: scale(1, 1);
}

.fadein,
.each-in > */*,
.gallery-con .gallery > * */{
    opacity : 0;
    transform : translate(0, 0);
    transition : all 1500ms;
}
.mce-content-body .fadein,
.mce-content-body .each-in > * {
    opacity : 1;
}
.fadein.left,
.each-in > *.left { transform : translate(-10px, 0); }
.fadein.right,
.each-in > *.right { transform : translate(10px, 0); }
.fadein.bottom,
.each-in > *.bottom { transform : translate(0, 10px); }
.fadein.bottom50,
.each-in > *.bottom50 { transform : translate(0, 50px); }
.fadein.top,
.each-in > *.top { transform : translate(0, -10px); }
.fadein.slow1,
.each-in > *.slow1 {transition : all 800ms;}
.fadein.slow2,
.each-in > *.slow2 {transition : all 1200ms;}
.fadein.slow3,
.each-in > *.slow3 {transition : all 1600ms;}
.fadein.slow4,
.each-in > *.slow4 {transition : all 3000ms;}
.fadein.delay2,
.each-in > *.delay2 {
    -moz-transition-delay:200ms;
    -webkit-transition-delay:200ms;
    -o-transition-delay:200ms;
    -ms-transition-delay:200ms;
}
.fadein.delay3,
.each-in > *.delay3 {
    -moz-transition-delay:400ms;
    -webkit-transition-delay:400ms;
    -o-transition-delay:400ms;
    -ms-transition-delay:400ms;
}
.fadein.delay4,
.each-in > *.delay4 {
    -moz-transition-delay:700ms;
    -webkit-transition-delay:700ms;
    -o-transition-delay:700ms;
    -ms-transition-delay:700ms;
}
.fadein.delay5,
.each-in > *.delay5 {
    -moz-transition-delay:1000ms;
    -webkit-transition-delay:1000ms;
    -o-transition-delay:1000ms;
    -ms-transition-delay:1000ms;
}
.fadein.scroll-in,
.each-in > *.scroll-in/*,
.gallery-con .gallery  > *.scroll-in */{
    opacity : 1;
    transform : translate(0, 0);
}
*:nth-child(0 of .is_delay) {transition-delay:calc(var(--is_delay_time) * 0ms);}
*:nth-child(1 of .is_delay) {transition-delay:calc(var(--is_delay_time) * 1ms);}
*:nth-child(2 of .is_delay) {transition-delay:calc(var(--is_delay_time) * 2ms);}
*:nth-child(3 of .is_delay) {transition-delay:calc(var(--is_delay_time) * 3ms);}
*:nth-child(4 of .is_delay) {transition-delay:calc(var(--is_delay_time) * 4ms);}
*:nth-child(5 of .is_delay) {transition-delay:calc(var(--is_delay_time) * 5ms);}
*:nth-child(6 of .is_delay) {transition-delay:calc(var(--is_delay_time) * 6ms);}
*:nth-child(7 of .is_delay) {transition-delay:calc(var(--is_delay_time) * 7ms);}
*:nth-child(8 of .is_delay) {transition-delay:calc(var(--is_delay_time) * 8ms);}
*:nth-child(9 of .is_delay) {transition-delay:calc(var(--is_delay_time) * 9ms);}
*:nth-child(10 of .is_delay) {transition-delay:calc(var(--is_delay_time) * 10ms);}
*:nth-child(11 of .is_delay) {transition-delay:calc(var(--is_delay_time) * 11ms);}
*:nth-child(12 of .is_delay) {transition-delay:calc(var(--is_delay_time) * 12ms);}
*:nth-child(13 of .is_delay) {transition-delay:calc(var(--is_delay_time) * 13ms);}
*:nth-child(14 of .is_delay) {transition-delay:calc(var(--is_delay_time) * 14ms);}
*:nth-child(15 of .is_delay) {transition-delay:calc(var(--is_delay_time) * 15ms);}
*:nth-child(16 of .is_delay) {transition-delay:calc(var(--is_delay_time) * 16ms);}
*:nth-child(17 of .is_delay) {transition-delay:calc(var(--is_delay_time) * 17ms);}
*:nth-child(18 of .is_delay) {transition-delay:calc(var(--is_delay_time) * 18ms);}
*:nth-child(19 of .is_delay) {transition-delay:calc(var(--is_delay_time) * 19ms);}
*:nth-child(20 of .is_delay) {transition-delay:calc(var(--is_delay_time) * 20ms);}
@keyframes flash {
    0% { opacity: 0.2; }
    25% { opacity: 1; }
    75% { opacity: 1; }
    100% { opacity: 0.2; }
}
@keyframes flash2 {
    0% { opacity: 0.2; }
    25% { opacity: 0.4; }
    75% { opacity: 0.4 }
    100% { opacity: 0.2; }
}

#coverall {
    position: fixed;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    display:visible;
    background: url(img/loading.svg) no-repeat 50% 58%;
    background-color: #fff;
    background-size:40px auto;
    z-index:1000;
}
#coverall .inner {
    content: url(img/logo-intro.png);
    color:#fff;
    position: absolute;
    top:50%;
    left: 50%;
    font-weight: bold;
    text-align: center;
    transform: translateY(-50%) translateX(-50%);
}

.scroll-next {
    color:#fff;
    font-size: 2rem;
    font-weight: normal;
    text-decoration: none;
    display:block;
    position:fixed;
    left:50%;
    bottom:20px;
    transform:translateX(-50%);
    transition: all 500ms cubic-bezier(0.550, 0.055, 0.675, 0.190); /* easeInCubic */
    opacity:1;
    animation: flash2 4s infinite linear;
    z-index:1000;
}
.scroll-next:hover {
    bottom:15px;
}
.scroll-next::after {
    position: absolute;
    bottom: -2px;
    left: 50%;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform:translateX(-50%) rotate(135deg);
}

/* テキスト選択時の装飾 */
::-moz-selection {
    background-color: var(--color05);
    color:#fff;
}
::selection {
    background-color: var(--color05);
    color:#fff;
}

/* スクロールバー装飾 */
::-webkit-scrollbar {
  width: 16px;
}
::-webkit-scrollbar-thumb {
  background: #4D4D4D;
  border-radius: 8px;
  border-right: 4px solid transparent; /* 透明なボーダーをつける */
  border-left: 4px solid transparent; /* 透明なボーダーをつける */
  background-clip: padding-box; /* 背景を切り取る */
}
::-webkit-scrollbar-track { /* 上下に余白を付ける */
  margin-top: 4px;
  margin-bottom: 4px;
}

/*カーソルチェイサー*/
/*
body,
a {
    cursor: none;
}
body#tinymce,
body#tinymce a{
    cursor: auto !important;
}
body#tinymce {
    max-width:1330px;
    margin:20px;
}
#cursor {
    position: fixed;
    top: -7px; 
    left: -7px; 
    width: 14px;
    height: 14px;
    background: rgba(255, 255, 255, 0.7);
    border:2px solid rgba(117, 90, 50, 1);
    border-radius: 50%;
    z-index: 10000;
    transition: width 0.5s, height 0.5s, top 0.5s, left 0.5s;
    transform: translate(0, 0);
    pointer-events: none;
    filter:blur(1px);
}
#cursor.cursor--hover {
    top: -15px;
    left: -15px;
    width: 25px;
    height: 25px;
    background: rgba(117, 90, 50, 0.4);
    border:5px solid #fff;
}

@keyframes cursoranimate {
    0% { background: #fff;border:2px solid var(--color05);}
    25% {background: var(--color05);border:2px solid #fff;}
    50% {background: var(--color05);border:2px solid #fff;}
    75% { background: #fff;border:2px solid var(--color05);}
    100% {background: #fff;border:2px solid var(--color05);}
}
*/

/** marker  **/
.marker {
    background:linear-gradient(transparent 60%, rgba(255, 220, 123,1) 40%);
}
.marker-mv {
    background:linear-gradient(transparent 60%, rgba(255, 220, 123,1) 40%);
    display: inline;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition:background-size 1.5s;
}
.marker-mv.scroll-in {
    background-size: 100% 100%;
}

/*WP YouTube Lyte*/
.lyte-wrapper {
    width:100% !important;
}

/*--------------------------------------
　header
---------------------------------------*/
header {
    width: 100%;
    /*js側で操作　background: rgba(239, 236, 230, 0.88);*/
    z-index:1000;
    transition: 0.3s ease-out;
}
header.fixed {
    position: fixed;
    top: 0;
    left: 0;

}
header {
    background: url(img/header-bg-toppage.png) center top no-repeat;
}
header .inner {
    max-width: var(--basewidth);
    height: var(--header-height-pc-toppage);
    margin: 0 auto;
    position: relative;
}
.lower header {
    background: url(img/header-bg-lower.png) center top no-repeat;
}
.lower header .inner {
    height: var(--header-height-pc-lower);
    padding-top: 10px;
}
.lower.cf_mv header {
    background: url(img/header-bg-lower-mv.png) center top no-repeat;
}
.lower.cf_mv header .inner {
    height: var(--header-height-pc-lower-mv);
}
header .inner .desc {
    line-height: 18px;
    font-size:1.2rem;
    margin-bottom: 11px;
}
header .inner .desc h1 {
    /*font-weight: bold;*/
}
header .inner .con01 {
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
    align-items: center;
    /*margin-bottom: 8px;*/
}

header .inner .con01 .info {
}
header .inner .con01 .contact {
}
header .inner nav {
}
header .inner nav > ul {
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
header .inner nav > ul > li {
}

header .inner nav > ul > li a {
    display: flex;
    justify-content: center;
    align-items: center;
    transition:0.6s;
/*    width: calc(var(--basewidth) / 6);
    height: 64px;*/
}
header .inner nav > ul > li:last-child a {
}
header .inner nav > ul > li a:hover {
    margin-top:-3px;
}
.shine a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
    transform: skewX(-25deg);
    animation: infinite shine 4.5s;
}
.shine a:hover::before {
    animation: infinite shine 4.5s;
}
@keyframes shine {
    0% { left: -75%; }
    20% { left: -75%; }
    40% { left: -75%; }
    80% { left: -75%; }
    100% { left: 125%; }
}
    @media(max-width:767px) {
        body.lower {
            /*padding-top:58px;*/
        }
        #desc {
            width:100%;
            position: static;
            margin-top: var(--header-height-sp);
            /*background-color: var(--color04);*/
            padding: 5px 0;
        }
        #desc .inner {
            width:97%;
            color:#fff;
            margin:0 auto;
            line-height: 1;
            font-size:1.2rem;
            font-weight: bold;
        }
        header {
            width: 100%;
            background-color:#fff;
            background-image: none;
            position: fixed;
            top: 0;
            left: 0;
            z-index:110;
            opacity: 0.9;
        }
        header .inner {
            max-width: auto;
            height:auto;
            /*height: 58px;*/
            margin: 0 auto;
            position: relative;
            padding-top: 0;
        }
        .lower header {
            background-image: none;
        }
        .lower header .inner {
            height: auto;
            padding-top: 0;
        }
        .lower.cf_mv header {
            background-image: none;
        }
        .lower.cf_mv header .inner {
            height: auto;
            padding-top: 0;
        }
        header .inner .logo {
            width: 61.6vw;
            margin: 0;
        }
        header .inner .con01 {
            display: flex;
            justify-content: space-between;
            flex-wrap:wrap;
            align-items: center;
            margin-bottom: 0;
            padding:var(--header-vpadding-sp) 14vw var(--header-vpadding-sp) 2vw;
        }
        .layout_lp header .inner .con01 {
            padding:var(--header-vpadding-sp) 10px;
        }
        header .inner .con01 img{
            vertical-align: bottom;
            width: 100%;
            height: auto;
        }
        header .inner .con01 .contact-btn {
            width: 20vw;
        }
        header .inner .con01 .contact-btn img {
            max-width: 100%;
            height: auto;
        }
        header .inner .con01 .contact-btn a {
            margin: 0 auto;
            display: block;
            /*padding:8px 0 7px;
            width: 80px;
            text-align: center;
            border-radius: 10px;
            color:#fff;*/
            /*background-image: linear-gradient(0deg, #8e40a6,#8f41a7);*/
            /*background:url("img/contact-btn-sp-bg.png") no-repeat 0 0;
            background-size:100% 100%;
            box-shadow: 0px 0px 27px -13px #777777;
            font-size: 1.2rem;
            font-weight: bold;
            line-height: 1.2;*/
            transition : .5s;
            text-decoration: none;
            position: relative;
            overflow:hidden;
        }
    }



/*--------------------------------------
　ham-menu
---------------------------------------*/

#menu-background {
    /*background-color: #333;*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.2s linear 0s;
    width: 100%;
    z-index: -1;
}
#nav-ham-menu #icon-con {
    z-index: 1000;
    position: fixed;
    right: 1.3vw;
    text-align: center;
    top: var(--hammenu-top);
    /*background-color: #fff;*/
    transition: all 0.3s linear 0s;
}
#menu-icon {
    display: block;
    transition: all .4s;
    box-sizing: border-box;
/*    background-color: var(--color01);
    border: 1px solid var(--color01);*/
    cursor: pointer;
    position: relative;
    width: 11.5vw;
    height: 11.5vw;
    transition: all 0.3s linear 0s;
    font-size:1rem;
    padding-top:7vw;
    z-index:9999;
    font-size: 2.4vw;
}
#menu-icon::after {
    content:"MENU";
    font-weight: bold;
    color: #222222;
}
#menu-cb:checked ~ #icon-con #menu-icon::after {
    content:"CLOSE";
}
#menu-icon span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    width: 65%;
    height: 0.9vw;
    margin: 0 auto;
    background-color: #222222;
    left:50%;
    transform: translate(-50%, 0);
}
#menu-icon span:nth-of-type(1) {
  top: 1.5vw;
}
#menu-icon span:nth-of-type(2) {
  top: 3.7vw;
}
#menu-icon span:nth-of-type(3) {
  top: 5.7vw;
}
#menu-cb:checked ~ #icon-con span:nth-of-type(1) {
  -webkit-transform: translateY(7px) rotate(-315deg);
  transform: translateY(7px) rotate(-315deg);
  left: 18%;
  top:6px;
}
#menu-cb:checked ~ #icon-con span:nth-of-type(2) {
  opacity: 0;
  left: 0;
}
#menu-cb:checked ~ #icon-con span:nth-of-type(3) {
  -webkit-transform: translateY(-7px) rotate(315deg);
  transform: translateY(-7px) rotate(315deg);
  left: 18%;
  top:20px;
}

#menu-cb {
    display: none;
}

#menu-cb:checked ~ #menu-background {
    opacity: 0.5;
    z-index: 999;
}
.overlay ul li:nth-child(1) a {
    border-top: 2px solid #fff;
}

#menu-cb:checked ~ #ham-menu {
    /*transform: translate(-350px);*/
    visibility: visible;
    opacity: 0.95;
    transition: 0.6s ease-out;
}

#ham-menu {
    background: #f8f6f1;
    box-sizing: border-box;
    height: 100%;
    position: fixed;
    overflow-y:scroll;
    /*position: absolute;*/
    visibility: hidden;
    opacity: 0;
    /*right: -360px;*/
    left:0;
    top: 0;
    transition: 0.6s ease-out;
    /*width: 360px;*/
    width: 100%;
    z-index: 999;
    /*overflow-x: scroll;*/
}
#spmenu > ul {
    padding:20px;
}
#spmenu > ul > li {
    margin-bottom: 50px;
}
#spmenu > ul > li > a {
    font-weight: bold;
    font-size: 2rem;
    border-bottom: 2px solid #000000;
    padding: 10px 15px 10px 22px;
    margin-bottom: 8px;
    color:#222;
    position: relative;
    display: block;
}
#spmenu > ul > li > a::after {
    content:"";
    width: 17px;
    height: 3px;
    background: var(--color01) no-repeat 0 0;
    position: absolute;
    top:50%;
    left:0;
}
#spmenu > ul > li li a {
    font-size: 1.7rem;
    padding: 4px 20px 4px 22px;
    color:#000;
    position: relative;
    display: block;
}

#ham-menu .desc {
    text-align: center;
    width: 213px;
    margin: 10px 0;
    font-size: 1.4rem;
}
#ham-menu .desc span{
    display: block;
}
    @media(max-width:767px) {
        #spmenu ul a,
        #spmenu ul .title {
            text-decoration:none;
            font-size: 1.4rem;
            padding: 5% 12% 5% 5%;
        }
        #spmenu ul ul a {
            padding: 3% 0% 3% 9%;
            font-size: 1.2rem;
        }
        #spmenu ul a::after{
            right: 10px;
        }
    }


/*--------------------------------------
　breadcrumb
---------------------------------------*/
.overbox {
}
#breadcrumb {
  font-size: 1.3rem;
  margin: 0 auto;
  padding: 15px 0;
  max-width: var(--basewidth);
  text-align: right;
}
#breadcrumb a {
    text-decoration: none;
    /*font-weight: bold;*/
}
#breadcrumb li {
    display:inline;
    margin-right: 10px;
    /*font-weight: bold;*/
}
    @media(max-width:767px) {
        #breadcrumb {
          font-size: 1.2rem;
          margin: 0 auto;
          line-height:1.4;
          width: auto;
          padding:1% 2% 2%;
          white-space: nowrap;
          overflow-x: scroll;
          text-align: right;
          color:#565656;
        }
        .breadcrumb {
          width:90%;
          overflow-x:scroll;
          margin:0 auto;
        }
    }

/*--------------------------------------
　Main Contents
---------------------------------------*/

#contents {
  max-width: var(--basewidth);
  margin: 0 auto;
  padding: 0;
  overflow:hidden;
}
.column-2 #archive,
.column-2 #page,
.column-2 #post,
.column-2 #index-main {
    width:720px;
    float:right;
}
.layout_lp .column-2 #page,
.layout_lp .column-2 #post,
.layout_lp .column-2 #index-main {
    width:var(--basewidth);
    float:none;
    margin:0 auto;
}
#side {
    padding-top:0;
    float: left;
    width: 230px;
    margin-bottom:80px;
}
.index #side {
    padding-top:40px;
}
.column-1 #side {
  float: none;
  width: auto;
}
    @media(max-width:767px) {
        .lower .main {
            padding-top: var(--header-height-sp);
        }
        #contents,
        #contents-index {
          width: 100%;
        }
        .column-2 #archive,
        .column-2 #page,
        .column-2 #post {
          width: 100%;
          float:none;
        }
        .layout_lp .column-2 #page,
        .layout_lp .column-2 #post,
        .layout_lp .column-2 #index-main {
            width:100%;
        }
        .column-2 #index-main {
          width: 100%;
          margin:0 auto;
          /*padding:0 var(--sp_basepadding_width);*/
          float:none;
        }
        #side {
          float: none;
          width: 100%;
        }
    }
#single.index {
}

/*--------------------------------------
　Side
---------------------------------------*/
#side {}
#side a {text-decoration:none}
#side a:hover {text-decoration:underline}

.column-1 #side-inner {
    display: flex;
    justify-content: flex-start;
    flex-wrap:wrap;
}

.column-1 #side .side-wrapper {
    width:230px;
    margin-right: 20px;
}
#side .side-wrapper .tagcloud{
    padding:0 5px;
}
#side .side-wrapper .tagcloud a {
    margin-right: 5px;
}

    @media(max-width:767px) {
        .column-1 #side-inner {
            display: block;
        }

        .column-1 #side .side-wrapper {
            width:auto;
            margin-right: 0;
        }
        #side .side-wrapper .searchform {
            text-align: center;
            margin: 40px 0 0;
        }
    }

#side .news {
    margin-bottom: 40px;
}
#side .news .title {
    font-size: 1.9rem;
    border-bottom: 1px solid #b3a696;
    padding: 4px 0 4px 36px;
    background: url(img/side-news.png) no-repeat 7px 7px;
}
#side .news ul {
    padding: 20px 20px 0;
}
#side .news ul li{
    margin-bottom: 15px;
}
#side .news ul li p {
}
#side .news ul li .date{
    font-size: 1.2rem;
}
#side .news .more{
    text-align: right;
    font-size: 1.6rem;
}
#side .side-wrapper {
    margin-bottom: 20px;
}
#side .side-wrapper .side-title {
    padding: 18px 15px;
    background: url(img/side-menutitle-bg.png) no-repeat 0 0;
    background-size:100% 100%;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
}
#side .side-wrapper li a {
    display: block;
    background: #fff url(img/side-listicon.png) 17px 48% no-repeat;
    padding: 18px 5px 18px 40px;
    position: relative;
    font-size: 1.6rem;
    /*font-weight: bold;*/
    border-right: 1px solid #b3a696;
    border-left: 1px solid #b3a696;
    border-bottom: 1px solid #b3a696;
}
#side .blog-category {
    padding: 25px 15px 7px;
    background-color: #ece8df;
    margin-bottom: 20px;
}
#side .blog-category .title {
    font-size: 1.8rem;
    color: #222;
    padding-bottom: 5px;
    border-bottom: 2px #222 solid;
}
#side .blog-category .title-img {
    text-align: center;
    padding-bottom: 5px;
}
#side .blog-category ul {
    padding: 20px 0;
}
#side .blog-category li a {
    font-size: 1.5rem;
}
#side .blog-category .more {
    font-size: 1.3rem;
    text-align: right;
}
#side .info {
    border: double 5px #cccccc;
    padding: 8px;
    margin-bottom: 15px;
}
#side .info li {
    font-size: 1.4rem;
    /*font-weight: bold;*/
}
#side .sns-btn {
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
}




/*
#side .side-title {
    background:#898989;
    color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
    padding:5px 15px;
}
#side ul {
    margin-bottom:30px;
    background:#fff;
    padding:0;
}
#side li a {
    display:block;
    padding:12px 10px 12px 20px;
    font-size:15px;
    position:relative;
    border-bottom:1px dotted #959595;
}
#side li a::after{
    position: absolute;
    top: 50%;
    right: 8px;
    bottom: auto;
    left: auto;
    background: unset;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: 1px solid var(--textbasecolor);
    border-right: 1px solid var(--textbasecolor);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#side .side-wrapper #searchform .screen-reader-text {display: none;}
#side .side-wrapper #searchform input#s {
    border:0;
    padding:3px;
    font-size:1.3rem;
    font-family:Arial, sans-serif;
    color:#aaa;
    border:solid 1px #ccc;
    margin:0 5px 0 0;
    width:180px;
    border-radius: 3px;
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
}
#side .side-wrapper #searchform input#searchsubmit {
    border:solid 1px #ccc;
    padding:2px 5px;
    font-family:Arial, sans-serif;
    font-size:1.2rem;
    text-transform:uppercase;
    font-weight:bold;
    color:var(--textbasecolor);
    cursor:pointer;
}
*/

/*--------------------------------------
　Footer
---------------------------------------*/
.pagetop {
    text-decoration: none;
    display:block;
    position:fixed;
    bottom:30px;
    right:30px;
    opacity:0.7;
    z-index:1000;
    width: 60px;
    height: 60px;
/*
    color:#515151;
    font-size: 2rem;
    font-weight: normal;
    border: 2px solid #515151;
    background-color: rgba(255,255,255,0.7);
    transition: 0.3s ease-out;
*/
}

.pagetop:hover {
    bottom:35px;
/*    background-color: rgba(255,255,255,1);
    opacity:1; */
}
/*
.pagetop::before {
    position: absolute;
    bottom: 11px;
    left: 50%;
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    border-top: 2px solid #515151;
    border-right: 2px solid #515151;
    transform:translateX(-50%) rotate(315deg);
    transition:0.3s ease-out;
}
.pagetop::after {
    position: absolute;
    bottom: 5px;
    left: 50%;
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    border-top: 2px solid #515151;
    border-right: 2px solid #515151;
    transform:translateX(-50%) rotate(315deg);
    transition: 0.3s ease-out;
}
.pagetop:hover::before {
    bottom: 15px;
}
.pagetop:hover::after {
    bottom: 9px;
}
*/
    @media(max-width:767px) {
        .pagetop {
            bottom:10px;
            right:10px;
        }
        .pagetop img {
            width:100%;
            height:auto;
        }
    }
footer {
    margin-top:60px;
    background: url(img/footer-pc-bg.png) repeat 0 0;
    color: #000;
    padding-bottom: 10px;
}
footer a {
    color:#fff;
}
footer .footer-con {
}
footer .footer-con .inner {
    max-width:var(--basewidth);
    padding: 30px 0 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
    margin: 0 auto;
}
footer .footer-con .logo {
    margin-top: 19px;
}
footer .footer-con li {
    font-size: 1.4rem;
    margin-bottom: 5px;
    text-align: right;
    line-height: 1.2;
}
footer nav {
    text-align: center;
}
footer nav li {
    display: inline-block;
    border-right: 1px solid #fff;
    padding: 0 10px;
    line-height:1;
}
footer nav li:last-child {
    border-right: none;
}
/*
footer .copyright {
    text-align:center;
    padding-right:50px;
    line-height:1;
    font-size: 1.2rem;
    letter-spacing:1.5px;
    padding: 20px;
}
footer .copyright a {
    text-decoration: none;
}
*/
.copyright {
    text-align:center;
    line-height:1;
    font-size: 1.2rem;
    letter-spacing:1.5px;
    padding: 10px;
    background-color: var(--footer-copyright-bg-color);
    color:#fff;
}
.copyright a {
    text-decoration: none;
    color:#fff;
}

    @media(max-width:767px) {
        footer {
            background: url(img/footer-sp-bg.png) repeat 0 0;
            padding: 40px 20px 0;
        }
        footer a {
            color:#fff;
        }
        footer .footer-con {
        }
        footer .footer-con .inner {
            max-width:100%;
            padding: 30px 0 0;
            display: block;
            margin: 0 auto;
        }
        footer .footer-con .logo {
            margin: 0 auto;
            text-align: center;
            width: 80%;
        }
        footer .footer-con ul {
            padding: 40px 20px;
        }
        footer .footer-con li {
            font-size: 1.4rem;
            margin-bottom: 5px;
            text-align: left;
            line-height: 1.6;
        }
        footer nav {
            text-align: center;
        }
        footer nav li {
            display: inline-block;
            border-right: 1px solid #fff;
            padding: 0 10px;
            line-height:1;
        }
        footer nav li:last-child {
            border-right: none;
        }
        footer .copyright {
            text-align:center;
            padding-right:50px;
            line-height:1;
            font-size: 1.2rem;
            letter-spacing:1.5px;
            padding: 20px;
        }
		footer .footer-btn {
        margin: 0 auto;
        text-align: center;
    }

footer .footer-btn-last {
        margin: 0 auto;
		padding-bottom: 40px;
        text-align: center;
    }
    }




/*--------------------------------------
　index
---------------------------------------*/
.index .over-con{
     background:url("img/header-pc-bg-toppage.png") repeat-x 0 0;
}
.lower .over-con {
     background: url("img/header-pc-bg-lower.png") repeat-x 0 0;
}
.lower.cf_mv .over-con {
     background: url("img/header-pc-bg-lower-mv.png") repeat-x 0 0;
}
.index.layout_lp .over-con,
.lower.layout_lp .over-con{
     background:url("img/header-pc-bg-lp.png") repeat-x 0 0;
}
.index.layout_lp .over-con-inr,
.lower.layout_lp .over-con-inr{
     background:url("img/header-pc-bg-center-lp.png") no-repeat center 0;
}
.index .index01 {
    margin:0 auto;
    height:504px;
    background:url("img/toppage-mainimg-pc.jpg") no-repeat center 0;
}
    @media(max-width:767px) {
        .index header {
            background: #fafaf8;
        }
        .index .over-con{
             background: none;
        }
        .lower .over-con {
             background: none;
        }
        .lower.cf_mv .over-con {
             background: none;
        }
        .index.layout_lp .over-con,
        .lower.layout_lp .over-con{
             background:none;
        }
        .index.layout_lp .over-con-inr,
        .lower.layout_lp .over-con-inr{
             background:none;
        }
        .lower header {
             background: #fafaf8;
        }
        .lower.cf_mv header {
             background:none;
             padding-top: 0;
        }
        .index .index01 {
            height:auto;
            padding-top: var(--header-height-sp);
            background: none;
        }
        .index .index01 img {
            width: 100%;
        }
        .index .nav-sp {
            padding: 20px 0;
        }
        .lower .nav-sp/*,
        .lower .mv-con*/ {
            padding-top:76px;
        }
        .nav-sp ul {
            display: flex;
            justify-content: space-between;
            flex-wrap:wrap;
            padding: 0 5px;
        }
        .nav-sp ul li {
            width: 24%;
        }
        .nav-sp ul li img {
            width: 100%;
        }
    }

#oyakudachi {
    padding: 0;
    position: relative;
    z-index:5;
}
#oyakudachi .con {
    width: 100%;
    margin: 0 auto;
}
#oyakudachi ul {
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
    margin:0;
}
#oyakudachi ul li {
    width: 32%;
    margin-bottom: 15px;
    padding: 5px;
    background-color: #d5d2c3;
}
#oyakudachi ul li a {
    border: 3px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 120px;
    text-align: center;
    font-weight: bold;
    color: #453a33;
    font-size: 2.3rem;
    line-height: 1.2;
    position: relative;
    width: 100%;
    padding: 0 20px;
    transition:0.6s;
}
#oyakudachi ul li a::after {
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 18px 0 0;
    border-color: #b14621 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
}
#oyakudachi ul li a:hover {
    transition:0.6s;
    opacity: 0.5;
}
    @media(max-width:767px) {
        #oyakudachi {
            padding: 0;
            position: relative;
            z-index:5;
            background-color: #f8f6f1;
        }
        #oyakudachi .con {
            width: 100%;
            margin: 0 auto;
            padding: 0 13px;
        }
        #oyakudachi ul {
            display: flex;
            justify-content: space-between;
            flex-wrap:wrap;
        }
        #oyakudachi ul li {
            width: 49%;
            margin-bottom: 10px;
        }
        #oyakudachi ul li a {
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #e7e2d7;
            min-height: 80px;
            text-align: center;
            font-weight: bold;
            color: #453a33;
            font-size: 1.5rem;
            line-height: 1.2;
            position: relative;
            width: 100%;
            padding: 0 20px;
            transition:0.6s;
        }
        #oyakudachi ul li a::after {
            content:"";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 18px 18px 0 0;
            border-color: #b14621 transparent transparent transparent;
            position: absolute;
            top: 0;
            left: 0;
        }
        #oyakudachi ul li a:hover {
            transition:0.6s;
            opacity: 0.5;
        }
    }


.footer-link-btn {
    padding: 70px 0;
    background: #64D9EC;
}
.footer-link-btn .inner {
    width: var(--basewidth);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
    line-height: 1.2;
}
.footer-link-btn span {
    display: block;
    font-size: 2.6rem;
}
.footer-link-btn .btn01 {
    display: block;
    width: 480px;
    font-weight: bold;
    color:#fff;
    position: relative;
    padding: 23px 0;
    margin: 0 auto;
    font-size: 3rem;
    background-color: #f09300;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0px 0px 23px -9px #777777;
    transition : .5s;
    overflow: hidden;
}
.footer-link-btn .btn01:hover {
    background-color: #fff;
    color:#f09300;
}
.footer-link-btn .btn01::after{
    position: absolute;
    content: "";
    vertical-align: middle;
    top: 50%;
    right: 41px;
    transform: translateY(-50%);
    box-sizing: border-box;
    width: 16px;
    height: 17px;
    border: 8px solid transparent;
    border-left: 14px solid #fff;
    transition : .5s;
}
.footer-link-btn .btn01:hover::after{
    border-left: 14px solid #f09300;
}
.footer-link-btn .btn02 {
    display: block;
    width: 480px;
    font-weight: bold;
    color:var(--color01);
    position: relative;
    padding: 23px 0;
    margin: 0 auto;
    font-size: 3rem;
    background-color: #fff;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0px 0px 23px -9px #777777;
    transition : .5s;
    overflow: hidden;
}
.footer-link-btn .btn02:hover {
    background-color: var(--color01);
    color:#fff;
}
.footer-link-btn .btn02::after{
    position: absolute;
    content: "";
    vertical-align: middle;
    top: 50%;
    right: 41px;
    transform: translateY(-50%);
    box-sizing: border-box;
    width: 16px;
    height: 17px;
    border: 8px solid transparent;
    border-left: 14px solid var(--color01);
    transition : .5s;
}
.footer-link-btn .btn02:hover::after{
    border-left: 14px solid #fff;
}

    @media(max-width:767px) {
        .footer-link-btn {
            padding: 50px 20px;
            background: #64D9EC;
        }
        .footer-link-btn .inner {
            width: 100%;
            margin: 0 auto;
            display: block;
            justify-content: space-between;
            flex-wrap:wrap;
            line-height: 1.2;
        }
        .footer-link-btn span {
            display: block;
            font-size: 1.8rem;
        }
        .footer-link-btn .btn01 {
            display: block;
            width: 90%;
            font-weight: bold;
            color:#fff;
            position: relative;
            padding: 23px 0;
            margin: 0 auto 20px;
            font-size: 2.4rem;
            background-color: #f09300;
            border-radius: 15px;
            text-align: center;
            box-shadow: 0px 0px 23px -9px #777777;
            transition : .5s;
            overflow: hidden;
        }
        .footer-link-btn .btn01:hover {
            background-color: #fff;
            color:#f09300;
        }
        .footer-link-btn .btn01::after{
            position: absolute;
            content: "";
            vertical-align: middle;
            top: 50%;
            right: 15px;
            transform: translateY(-50%);
            box-sizing: border-box;
            width: 16px;
            height: 17px;
            border: 8px solid transparent;
            border-left: 14px solid #fff;
            transition : .5s;
        }
        .footer-link-btn .btn01:hover::after{
            border-left: 14px solid #f09300;
        }
        .footer-link-btn .btn02 {
            display: block;
            width: 90%;
            font-weight: bold;
            color:var(--color01);
            position: relative;
            padding: 23px 0;
            margin: 0 auto;
            font-size: 2.4rem;
            background-color: #fff;
            border-radius: 15px;
            text-align: center;
            box-shadow: 0px 0px 23px -9px #777777;
            transition : .5s;
            overflow: hidden;
        }
        .footer-link-btn .btn02:hover {
            background-color: var(--color01);
            color:#fff;
        }
        .footer-link-btn .btn02::after{
            position: absolute;
            content: "";
            vertical-align: middle;
            top: 50%;
            right: 15px;
            transform: translateY(-50%);
            box-sizing: border-box;
            width: 16px;
            height: 17px;
            border: 8px solid transparent;
            border-left: 14px solid var(--color01);
            transition : .5s;
        }
        .footer-link-btn .btn02:hover::after{
            border-left: 14px solid #fff;
        }
    }





/*--------------------------------------
　contents
---------------------------------------*/

.lower-title {
    position: relative;
    background-image:url(img/lower-title-bg.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: auto 100%;
}
.lower-title h1 {
    min-height: 400px;
    padding-left:10%;
    text-align: center;
    font-size: 4rem;
    font-weight: bold;
    letter-spacing: 5px;
    display: flex;
    align-items: center;
}

    @media(max-width:767px) {
        .lower-title {
            padding:20px;
            background-size:auto 100%;
        }
        .lower-title h1 {
            font-size: 2rem;
            letter-spacing: 1px;
            min-height: 100px;
            padding:0;
            text-shadow:1px 1px 0 #E3E3E3, -1px -1px 0 #E3E3E3,
              -1px 1px 0 #E3E3E3, 1px -1px 0 #E3E3E3,
              0px 1px 0 #E3E3E3,  0-1px 0 #E3E3E3,
              -1px 0 0 #E3E3E3, 1px 0 0 #E3E3E3;
        }
    }

.pager{ text-align: center; margin: 0 0 20px; }
.page-numbers,.pager .current{ background: #eee; border: 1px solid #ccc; border-radius: 3px; padding: 3px 8px; margin: 10px 2px 0 2px;box-shadow:2px 2px 4px 0 #999999; }
.pager .current{ background: #444; color: #fff; }
.pager a:link, .pager a:visited, .pager a:hover, .pager a:active{ color: var(--textbasecolor);text-decoration: none; }


.column-1 #post,
.sns-con {
    max-width: var(--basewidth);
    margin:0 auto;
    padding:0 0 60px;
}
.column-1 #post.middle {
    max-width: 980px;
}
.column-1 #post,
.column-2 #post {
    /*padding-top:60px;*/
}
.column-1 #archive,
.column-2 #archive {
    padding:0 0 60px;
}
.sns-con {
    margin-top: -60px;
    margin-bottom: 40px;
}
    @media(max-width:767px) {
        .column-1 #post,
        .sns-con {
            max-width: auto;
            margin:0 auto;
            padding:20px 4%;
        }
    }

.post-content hr,
.mce-content-body hr {
    margin: 100px 0;
}
.post-content .meta {
    text-align: right;
}
.post-content .meta .date {
    font-size: 1.2rem;
}
.post-content .date .modified {
    margin-left: 20px;
}
.post-content .top-meta {
    margin-bottom: 20px;
}
.post-content .bottom-meta {
    font-size:1.2rem;
    text-align: right;
    margin-bottom: 20px;
}
.post-content .bottom-meta a {
}
.post-content .bottom-meta p {
    margin-bottom: 10px;
}
.post-content .meta i {
    margin-right: 10px;
}

#post .paging {
    overflow: hidden;
}
#post .paging a {
    float:left;
    display: block;
    width:50%;
    border: 1px solid #D5D5D5;
    font-size: 1.2rem;
    padding:1%;
    text-decoration: none;
    transition: 0.6s;
}
#post .paging a:hover {
    background-color: #807B7B;
    color:#fff;
}
#post .paging a .title {
    font-size:1.6rem;
    text-align: center;
    font-weight: bold;
    padding:10px 0 23px;
}
#post .paging a.prev {
    float:right;
}
#post .paging a.prev .navi {
    text-align: right;
}
    @media(max-width:767px) {
        #post .paging a {
            font-size: 1rem;
            padding:2%;
        }
        #post .paging a .title {
            font-size:1.2rem;
            font-weight: bold;
            padding:5px 0 10px;
        }
    }

/* ギャラリー */
.post-content .gallery-size-medium {
    display: flex;
    justify-content: space-evenly;
    flex-wrap:wrap;
    margin-top: 100px;
}
.post-content .gallery-size-medium dl{
    width: 31%;
    flex-shrink: 0;
    margin-bottom: 40px;
}
.post-content .gallery-size-medium dl img{
    box-shadow: var(--img_box_shadow);
}
.post-content .gallery-size-medium dd {
    text-align: center;
    font-size: 1.4rem;
}
.post-content .gallery-size-medium br {
    display: none;
}

.error404 {
    text-align: center;
    margin-bottom: 40px;
}
    @media(max-width:767px) {

        .post-content .gallery-size-medium dl{
            width: 42%;
            margin-bottom: 40px;
        }

    }

/*
.post-content h1 {
    font-size:2.6rem;
    font-weight:bold;
    line-height:1.4;
    padding:30px;
    margin:0 auto 28px;
    border-bottom:3px solid #535554;
    letter-spacing:2px;
}
    @media(max-width:767px) {
        .post-content h1 {
            font-size:1.8rem;
            padding:6% 4%;
            margin:0 auto 7%;
            border-bottom:none;
            letter-spacing:1px;
        }
    }
*/
.youtube-con{
    background-color: #000;
    padding: 15px;
}
.youtube-embed{
    position: relative;
    width: 60%;
    min-width: 900px;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    margin: 0 auto;
}
.youtube-embed .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.youtube-embed iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: 1;
}
    @media(max-width:767px) {
        .youtube-embed {
            width: 100%;
            min-width: auto;
        }
    }

.lower-mv {
    width:var(--basewidth);
    margin: 15px auto 0;
    padding: 8px;
}
    @media(max-width:767px) {
        .lower-mv {
            width:100%;
            margin: 0 auto 6px;
            background-color: none;
            box-shadow: none;
            padding: 0;
            /*padding-top: 74px;*/
        }
        .lower-mv-info {
            display: flex !important;
            justify-content: space-between;
            flex-wrap:wrap;
            padding: 2px 9px;
        }
        .lower-mv-info li {
            text-align: center;
            font-weight: bold;
            color: #fff;
            font-size: 3.2vw;
            letter-spacing: 2px;
            padding: 5px 0;
        }
        .lower-mv-info li:nth-child(1) {
            width: 40%;
        }
        .lower-mv-info li:nth-child(2) {
            width: 59%;
        }
    }
.lower-mv li.action,
.lower-mv .con.action,
.lower-mv .title.action,
.lower-mv .img01.action,
.lower-mv .img02.action {
    opacity: 1;
    transform: translateX(0px);
    transform: translateY(0px);
}

/* WordPress default styles Alignment */
html :where(img[class*=wp-image-]) {
    height: auto;
    /*max-width: none !important;*/
}
.alignleft {
    float: left;
    margin-right: 1.6em;
}
.alignright {
    float: right;
    margin-left: 1.6em;
}
.aligncenter {
    clear: both;
    display: block;
    margin:0 auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
    margin-top:5px;
    margin-bottom:10px;
}
ul.alignleft {
    margin-left:1em;
}
.wp-video {
    margin:0 auto;
}
    @media(max-width:767px) {
        .alignleft {
            float: left;
            margin-right: 10px;
        }
        .alignright {
            float: right;
            margin-left: 10px;
        }
        .aligncenter {
            clear: both;
            display: block;
            margin:0 auto;
        }
        img.alignleft,
        img.alignright,
        img.aligncenter {
            margin-top:5px;
            margin-bottom:10px;
        }
        ul.alignleft {
            margin-left:1em;
        }
    }

/** ギャラリー **/
.post-content .gallery {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.post-content .gallery br {
    display: none;
}
/*
#index02 .gallery-con .gallery dl:nth-child(21),
#index02 .gallery-con .gallery dl:nth-child(23) {
    display: none;
}
*/
.post-content .gallery dl {
    overflow: hidden;
    margin-bottom: 5px;
}
.post-content .gallery dt {
}
.post-content .gallery dl img {
    width: 100%;
}
.post-content .gallery.gallery-columns-1 dl {width: auto;}
.post-content .gallery.gallery-columns-1 dl img { width: auto;}

.post-content .gallery.gallery-columns-2 dl {width: 49%;}
.post-content .gallery.gallery-columns-3 dl {width: 33%;}
.post-content .gallery.gallery-columns-4 dl {width: 24.5%;}
.post-content .gallery.gallery-columns-5 dl {width: 19.5%;}
.post-content .gallery.gallery-columns-6 dl {width: 16.5%;}
.post-content .gallery.gallery-columns-7 dl {width: 14%;}
.post-content .gallery.gallery-columns-8 dl {width: 12.2%;}
.post-content .gallery.gallery-columns-9 dl {width: 11%;}



/** 下層パーツ全般 **/
#contents .post-body ,
.mce-content-body  {
    font-size: 1.8rem;
/*  letter-spacing: 1.3px;
    line-height: 1.75;*/
    line-height: 1.6;
    color:#000;
    min-height:400px;
    margin-bottom: 80px;
}

.post-content .pagetitle {
    font-size: 2.1rem;
    background-image: url(img/pagetitle-inner-bg.png),url(img/pagetitle-bg.png);
    background-repeat:no-repeat,no-repeat;
    background-position: 0 50%,0 0;
    background-size: auto auto,100% 100%;
    padding: 9px 5px 9px 30px;
    margin-bottom: 26px;
    line-height: 1.2;
}
.post-content .pagetitle::after {
}
.post-content .bgh2a,
.mce-content-body .bgh2a {
    font-size: 1.9rem;
    background-image: url(img/bgh2a-inner-bg.png),url(img/bgh2a-bg.png);
    background-repeat:no-repeat,no-repeat;
    background-position: 0 50%,0 0;
    background-size: auto auto,100% 100%;
    padding: 10px 15px 10px 25px;
    line-height: 1.2;
    margin-bottom: 13px;
    /*width: 95%;*/
    width: 100%;
    font-weight: bold;
}
    @media(max-width:767px) {
        #contents .post-body,
        .mce-content-body {
          width: 100%;
          margin:0 auto;
          padding:0 var(--sp_basepadding_width);
          /*font-size: 1.6rem;*/
          font-size: var(--sp_fontsize);
          line-height: var(--sp_lineheight);
        }
        .post-content .pagetitle {
            width: calc(100vw - var(--sp_basepadding_width));
            margin-left: calc(0vw - var(--sp_basepadding_width) / 2);
            padding: 9px 5px 9px 30px;
            font-size: 5.6vw;
        }
        .post-content .bgh2a,
        .mce-content-body .bgh2a {
            margin:0 auto 10px;
            font-size: 5.2vw;
            padding: 10px 15px 10px 25px;
            width: calc(100vw - var(--sp_basepadding_width));
            margin-left: calc(0vw - var(--sp_basepadding_width) / 2);
        }

    }
.post-content .bgh2a a,
.mce-content-body .bgh2a a {
    color:var(--color01);
}
.post-content .bgh3a,
.mce-content-body .bgh3a {
    background: url(img/bgh3a-bg.png) no-repeat 0 bottom;
    background-size:100% auto;
    font-size: 1.9rem;
    line-height: 1.2;
    padding: 10px 15px 10px 25px;
    width: 100%;
    margin-bottom:10px;
}
    @media(max-width:767px) {
        .post-content .bgh3a,
        .mce-content-body .bgh3a {
            margin:0 auto 10px;
            font-size: 5.2vw;
            padding: 10px 15px 10px 17px;
            width: calc(100vw - var(--sp_basepadding_width));
            margin-left: calc(0vw - var(--sp_basepadding_width) / 2);
        }
    }
.post-content h4,
.mce-content-body h4 {
    font-size:2.2rem;
    font-weight:bold;
    margin:60px 0 20px;
    padding:0;
    line-height:1.4;
    color:var(--color01);
}
    @media(max-width:767px) {
        .post-content h4,
        .mce-content-body h4 {
            font-size:1.6rem;
            margin:60px 0 20px;
            padding:0;
            letter-spacing:1px;
            font-size: 4vw;
            width: calc(100vw - var(--sp_basepadding_width));
            margin-left: calc(0vw - var(--sp_basepadding_width) / 2);
        }
    }
.post-content .bgh2,
.mce-content-body .bgh2 {
    background-image: url(img/bgh2-inner-bg.png),url(img/bgh2-bg.png);
    background-repeat:no-repeat,no-repeat;
    background-position: 0 50%,0 0;
    background-size: auto auto,100% 100%;
    font-size: 1.9rem;
    color:#fff;
    padding: 10px 15px 10px 30px;
    line-height: 1.2;
    margin-bottom: 13px;
    width: 100%;
    font-weight: bold;
}
.post-content .auto-resize-font,
.mce-content-body .auto-resize-font {
    background: none;
    position: static;
    padding: inherit;
    line-height: 1.5;
}
.post-content .bgh3,
.mce-content-body .bgh3 {
    /*background-image: linear-gradient(90deg, #0e7a7d, #129194 50%, #0e7a7d);*/
    background: url(img/bgh3-bg.png) no-repeat 0 0;
    background-size:100% 100%;
    border-bottom: none;
    color:#fff;
    font-size: 1.9rem;
    line-height: 1.2;
    padding: 10px 15px 10px 25px;
    /*width: 95%;*/
    width: 100%;
    margin-bottom:10px;
    font-weight: bold;
}
.post-content .noh3,
.mce-content-body .noh3 {
    background: none;
    border-bottom:  none;
}
        @media(max-width:767px) {
            .post-content .bgh2,
            .mce-content-body .bgh2 {
                font-size: 5.2vw;
                padding: 10px 15px 10px 25px;
                width: calc(100vw - var(--sp_basepadding_width));
                margin-left: calc(0vw - var(--sp_basepadding_width) / 2);
            }
            .post-content .bgh3,
            .mce-content-body .bgh3 {
                font-size: 5.2vw;
                padding: 10px 15px 10px 17px;
                width: calc(100vw - var(--sp_basepadding_width));
                margin-left: calc(0vw - var(--sp_basepadding_width) / 2);
            }
        }

.post-content p,
.mce-content-body p {
    margin-bottom:15px;
}
.post-content span,
.mce-content-body span {
/*    color:var(--color01);
    font-weight:bold;*/
}
.post-content a,
.mce-content-body a {
    color:var(--color01);
}
/*
.post-content a[target="_blank"]:not(.underline)::after,
.mce-content-body a[target="_blank"]:not(.underline)::after{
    font-family: 'Font Awesome 5 Free';
    content: '\f35d';
    font-size: 1rem;
    margin: 0px 5px;
    font-weight: 900;
}
*/
#contents.sitemap .post-body ol li,
.mce-content-body ol li{
    margin-bottom:10px;
}
.post-content ol,
.mce-content-body ol {
    margin: 30px 0;
    padding: 0;
    list-style: none;
    counter-reset: yourDefinition;
}
.post-content ol li,
.mce-content-body ol li {
    padding-left: 35px;
    text-indent: -35px;
    margin-bottom:10px;
}
.post-content ol li::before,
.mce-content-body ol li::before {
    counter-increment: yourDefinition;
    content: counter(yourDefinition);
    display: inline-block;
    margin-right: 10px;
    width: 23px;
    height: 23px;
    font-size:1.4rem;
    text-align: center;
    color: white;
    font-weight: bold;
    font-family: helvetica;
    text-indent: 0;
    background: var(--color01);
    border-radius: 100%;
}

.post-content ul,
.mce-content-body ul{
    margin:30px 0;
}
.post-content ul li,
.mce-content-body ul li {
    padding:2px 0 2px 28px;
    margin-bottom:10px;
    position: relative;
}
.post-content ul li::after,
.mce-content-body ul li::after {
    position: absolute;
    top: 11px;
    left: 5px;
    background: var(--color01);
    display: block;
    content: '';
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

    @media(max-width:767px) {
        .post-content ol li::before,
        .mce-content-body ol li::after {
            text-indent:0;
            width: 23px;
            height: 23px;
            margin-right:6px;
        }
        .post-content ul li,
        .mce-content-body ul li{
            background-position:0 11px;
            padding-left:24px;
         }
         .post-content ol li,
         .mce-content-body ol li {
            padding-left:29px;
         }
    }
#contents.sitemap .post-body ul li {
    margin-bottom:10px;
}
.post-content table,
.mce-content-body table {
    border-collapse:collapse;
    width:100%;
    margin:30px 0;
}
.post-content th,
.post-content td,
.mce-content-body th,
.mce-content-body td {
    /*border:1px solid #a7a8a8;*/
    border: none;
    padding:18px 22px;
    background:#fff;
    /*display:block;*/

    vertical-align: middle;
}
.post-content th,
.mce-content-body th {
    background:var(--color04);
    text-align:left;
    color:#fff;
    font-weight: bold;
    width: 30%;
}
    @media(max-width:767px) {
        .post-content th {
        }
        .post-content th,
        .post-content td,
        .mce-content-body th,
        .mce-content-body td {
            padding:2% 22px;
        }
    }

.post-content a.linktext,
.mce-content-body a.linktext {
    text-decoration:none;
    color:var(--color01);
    font-size:14px;
    position:relative;
    display:block;
    margin:10px auto;
    text-align:right;
    padding-right:30px;
}
.post-content a.linktext:hover,
.mce-content-body a.linktext:hover {
    text-decoration:underline;
}
.post-content a.linktext::after,
.mce-content-body a.linktext::after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: 2px solid var(--color01);
    border-right: 2px solid var(--color01);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*--------------------------------------
　parts
---------------------------------------*/
.post-content .btn-link a,
.mce-content-body .btn-link a {
    text-align:right;
    display:block;
    color:var(--color01);
    text-decoration:underline;
    position:relative;
    padding:0 25px;
}
.post-content .btn-link a:hover {
    text-decoration:none;
}
.post-content .btn-link a::before,
.post-content .btn-link a::after{
    position: absolute;
    content:"";
    vertical-align: middle;
}
.post-content .btn-link a::before{
    top: 5px;
    right: 0px;
    width: 17px;
    height: 17px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: var(--color01);
}
.post-content .btn-link a::after{
    position: absolute;
    top: 16px;
    right: 7px;
    display: block;
    content: '';
    width: 4px;
    height: 4px;
    margin-top: -5px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}


.post-content .btn-internal a,
.mce-content-body  .btn-internal a {
    width:405px;
    padding:21px 0;
    display:block;
    background:var(--color01) url("img/link-arrow.png") no-repeat;
    background-position:right 19px bottom 50%;
    background-size: 5%;
    box-shadow:5px 5px 0px -2px #ffffff,5px 5px 0px 0px var(--color04);
    border-radius:6px;
    text-align:center;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    margin:20px auto;
    font-size:2rem;
    line-height:1.4;
}

.post-content .btn-web a,
.mce-content-body .btn-web a {
    width:405px;
    padding:21px 0;
    display:block;
    background:var(--color04) url("img/link-arrow.png") no-repeat;
    background-position:right 19px bottom 50%;
    background-size: 5%;
    box-shadow:5px 5px 0px -2px #ffffff,5px 5px 0px 0px var(--color04);
    border-radius:6px;
    text-align:center;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    margin:20px auto;
    font-size:1.4rem;
    line-height:1.4;
}

.post-content .btn-tel a,
.mce-content-body .btn-tel a {
    width:405px;
    padding:21px 0;
    display:block;
    background:var(--color01) url("img/link-tel.png") no-repeat;
    background-position:left 12px bottom 50%;
    background-size: 5%;
    box-shadow:5px 5px 0px -2px #ffffff,5px 5px 0px 0px var(--color01);
    border-radius:6px;
    text-align:center;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    margin:20px auto;
    font-size:1.4rem;
    line-height:1.4;
}

    @media(max-width:767px) {
        .post-content .btn-link a,
        .mce-content-body .btn-link a  {
            border:2px solid var(--color01);
            width:60%;
            padding:3% 10%;
            background:#fff url("img/link-arrow3.png") no-repeat;
            box-shadow:5px 5px 0px -2px #ffffff,5px 5px 0px 0px var(--color01);
            background-position:right 11px bottom 50%;
            background-size: 6%;
            border-radius:6px;
            color:var(--color01);
            margin:5% auto;
            text-align:center;
            font-size:1.4rem;
            text-decoration:none;
        }
        .post-content .btn-link a::before,
        .post-content .btn-link a::after,
        .mce-content-body .btn-link a::before ,
        .mce-content-body .btn-link a::after {
            display:none;
        }

        .post-content .btn-internal a,
        .mce-content-body .btn-internal a {
            width:80%;
            padding:5% 10%;
            display:block;
            background-position:right 11px bottom 50%;
            background-size: 6%;
            margin:5% auto;
            font-size:1.8rem;
        }
        .post-content .btn-web a,
        .mce-content-body .btn-web a {
            width:60%;
            padding:5% 10%;
            display:block;
            background-position:right 11px bottom 50%;
            background-size: 6%;
            margin:5% auto;
            font-size:1.4rem;
        }
        .post-content .btn-tel a,
        .mce-content-body .btn-tel a {
            width:60%;
            padding:5% 10%;
            display:block;
            background-position:left 17px bottom 50%;
            background-size: 8%;
            margin:5% auto;
            font-size:1.4rem;
        }
    }

.post-content .box-left,
.post-content .box-right,
.mce-content-body .box-left,
.mce-content-body .box-right{
    float:left;
    width:230px;
    margin:0 10px 7px 0;
    font-size:12px;
    color:#666666;
    text-align:left;
    text-align:center;
}
.post-content .box-right,
.mce-content-body .box-right {
    float:right;
    margin:0 0 8px 10px;
}
    @media(max-width:767px) {
        .post-content .box-left,
        .post-content .box-right,
        .mce-content-body .box-left,
        .mce-content-body .box-right {
            float:none;
            width:230px;
            margin:0 auto 10px;
        }
    }
.post-content .box-left img,
.post-content .box-right img,
.mce-content-body .box-left img,
.mce-content-body .box-right img {
    margin-bottom:10px;
}
.post-content .box-left p,
.post-content .box-right p,
.mce-content-body .box-left p,
.mce-content-body .box-right p {
    line-height:1.3;
    margin-bottom:0;
}

.post-content .img-box,
.mce-content-body .img-box {
    overflow:hidden;
}
.post-content .img-box .right,
.mce-content-body .img-box .right {
    float:right;
    width:300px;
    font-size:10px;
    color:#666666;
    line-height:1.3;
    text-align:center;
    word-break: break-all;
}
.post-content .img-box .right img,
.mce-content-body .img-box .right img {
    margin-bottom:10px;
}
.post-content .img-box .left,
.mce-content-body .img-box .left {
    float:left;
    width:405px;
}
    @media(max-width:767px) {
        .post-content .img-box .left,
        .post-content .img-box .right,
        .mce-content-body .img-box .left,
        .mce-content-body .img-box .right {
            float:none;
            width:auto;
        }
        .post-content .img-box .right img,
        .mce-content-body .img-box .right img {
            width:100%;
            height:auto;
        }
    }

.post-content .more,
.mce-content-body .more {
    max-width:722px;
    border-radius:10px;
    border:4px solid var(--color01);
    margin: 0 auto 30px;
}
.post-content .more .title,
.mce-content-body .more .title {
    padding: 18px 0;
    font-size: 2.2rem;
    text-align:center;
    font-weight:bold;
    letter-spacing:2px;
    background:var(--color01);
    background-position:right 25px top 12px;
    color:#fff;
}
.post-content .more ul,
.mce-content-body .more ul {
    padding:0 20px;
    margin:0;
}
.post-content .more ul li,
.mce-content-body .more ul li {
    background:none;
    padding:0;
}
.post-content .more ul li::after,
.mce-content-body .more ul li::after {
    background: none;
}
.post-content .more ul li a,
.mce-content-body .more ul li a {
    display:block;
    color:var(--textbasecolor);
    font-size:1.4rem;
    padding:15px 0 15px 30px;
    border-bottom:1px solid #d7d7d7;
    text-decoration:none;
    position:relative;
}
.post-content .more ul li a:hover,
.mce-content-body .more ul li a:hover {
    text-decoration:underline;
}
.post-content .more ul li:last-child a,
.mce-content-body .more ul li:last-child a {
    border-bottom:none;
}
.post-content .more ul li a::after,
.mce-content-body .more ul li a::after{
    position: absolute;
    top: 50%;
    right: 7px;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: 2px solid var(--color01);
    border-right: 2px solid var(--color01);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
    @media(max-width:767px) {
        .post-content .more,
        .mce-content-body .more {
            width:100%;
            max-width:auto;
            border:2px solid var(--color01);
        }
        .post-content .more .title,
        .mce-content-body .more .title {
            padding: 3% 0;
            font-size: 1.4rem;
            letter-spacing: 1px;
            background-size: 27%;
            background-position: right 1% bottom 31%;
            margin:0;
        }
        .post-content .more ul,
        .mce-content-body .more ul {
            padding:0 5%;
        }
        .post-content .more ul li a,
        .mce-content-body .more ul li a {
            display:block;
            color:var(--textbasecolor);
            font-size:1.4rem;
            padding:2% 0 2% 5%;
        }
        .post-content .more ul li a::after,
        .mce-content-body .more ul li a::after{
            width: 6px;
            height: 6px;
        }
    }

.post-content .img-bg,
.mce-content-body .img-bg {
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position: 50% 50%;
    padding: 80px 80px;
    margin-top: 50px;
}
.post-content .img-bg .con,
.mce-content-body .img-bg .con {
    background: rgba(250, 187, 101, 0.6);
    color:#fff;
    text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);
    font-size: 1.4rem;
    padding:60px;
}
.post-content .img-bg .con h2,
.mce-content-body .img-bg .con h2 {
    margin: 0 0 40px;
    padding:0;
    font-weight: normal;
    background: none;
}
.post-content .img-bg .con h2::after,
.mce-content-body .img-bg .con h2::after {
    background: none;
}
.post-content .img-bg .con h3,
.mce-content-body .img-bg .con h3 {
    border-bottom: 2px solid #fff;
    font-weight: normal;
}
    @media(max-width:767px) {
        .post-content .img-bg,
        .mce-content-body .img-bg {
            background-size:auto 100%;
            background-repeat:no-repeat;
            background-position: 50% 50%;
            padding: 20px 20px;
        }
        .post-content .img-bg .con,
        .mce-content-body .img-bg .con {
            background: rgba(22, 194, 220, 0.3);
            color:#fff;
            font-size: 1.4rem;
            padding:20px;
        }
        .post-content .img-bg .con h2,
        .mce-content-body .img-bg .con h2 {
            margin: 20px 0;
            padding:0;
            font-weight: normal;
        }
    }
.post-content .list-a,
.mce-content-body .list-a {
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
    background-color: #F8F8F8;
    padding: 20px;
    border-radius: 4px;
}
.post-content .list-a li,
.mce-content-body .list-a li {
    width: 49%;
    box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 5px 5px 0px 1px rgba(10,10,10,0.02);
    border-radius: 4px;
    background: none;
    padding: 0;
    background-color: #Fff;
    margin-bottom: 30px;
    font-size: 1.4rem;
    border: 1px solid #E4E4E4;
    line-height: 1.8;
}
.post-content .list-a li::after,
.mce-content-body .list-a li::after {
    background: none;
}
.post-content .list-a li.img,
.mce-content-body .list-a li.img {
    width: 50%;
    box-shadow: none;
    margin-bottom: 30px;
    border: none;
    line-height: 1.8;
    display: flex;
    justify-content: center;
    align-items: center;
}
.post-content .list-a li.img img,
.mce-content-body .list-a li.img img{
    border-radius:7px;
    box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 5px 5px 0px 1px rgba(10,10,10,0.02);
}
.post-content .list-a li .title,
.mce-content-body .list-a li .title {
    font-size: 1.6rem;
    border-bottom:1px solid #979797;
    margin:0 auto 15px auto;
    padding: 20px;
    width: 100%;
    background-color: var(--color01);
    color:#fff;
    text-align: center;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
}
.post-content .list-a li .text,
.mce-content-body .list-a li .text {
    padding: 0 20px 20px;
}
    @media(max-width:767px) {
        .post-content .list-a,
        .mce-content-body .list-a {
            display: block;
        }
        .post-content .list-a li,
        .mce-content-body .list-a li {
            width: 100%;
        }
        .post-content .list-a li.img,
        .mce-content-body .list-a li.img {
            width: 100%;
        }
        .post-content .list-a li .title,
        .mce-content-body .list-a li .title {
            padding: 10px;
        }
        .post-content .list-a li .text,
        .mce-content-body .list-a li .text {
            padding: 0 10px 10px;
        }
    }

.post-content .list-b,
.mce-content-body .list-b {
    display: flex;
    justify-content: flex-start;
    flex-wrap:wrap;
    background-color: #F8F8F8;
    padding: 20px;
    border-radius:4px;
}
.post-content .list-b li,
.mce-content-body .list-b li {
    width: 19%;
    box-shadow: 0px 8px 16px -2px rgba(10,10,10,0.1), 5px 5px 0px 1px rgba(10,10,10,0.02);
    border-radius:4px;
    background: none;
    padding: 0;
    background-color: #Fff;
    margin-bottom: 30px;
    margin-right: 1.25%;
    font-size: 1.4rem;
    border: 1px solid #E4E4E4;
    line-height: 1.8;
}
.post-content .list-b li::after,
.mce-content-body .list-b li::after {
    background: none;
}
.post-content .list-b li:nth-child(5n),
.mce-content-body .list-b li:nth-child(5n) {
    margin-right: 0;
}
.post-content .list-b li .title,
.mce-content-body .list-b li .title {
    font-size: 1.4rem;
    border-bottom:1px solid #979797;
    margin:0 auto 15px auto;
    padding: 10px;
    width: 100%;
    background-color: var(--color01);
    color:#fff;
    font-weight: bold;
    text-align: center;
    border-radius: 7px 7px 0 0;
}
.post-content .list-b li .text,
.mce-content-body .list-b li .text {
    padding: 0 15px 15px;
    border-radius: 0 0 7px 7px;
    font-size: 1.3rem;
}
    @media(max-width:767px) {
        .post-content .list-b,
        .mce-content-body .post-body .list-b {
            display: block;
        }
        .post-content .list-b li,
        .mce-content-body .list-b li {
            width: 100%;
        }
        .post-content .list-b li .title,
        .mce-content-body .list-b li .title {
            padding: 10px;
        }
        .post-content .list-b li .text,
        .mce-content-body .list-b li .text {
            padding: 0 10px 10px;
        }
    }


.post-content .qa,
.mce-content-body .qa {
    background-color: #F8F8F8;
    padding: 20px;
}
.post-content .qa li,
.mce-content-body .qa li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
    background: none;
    padding: 0;
    background-color: #Fff;
    margin-bottom: 30px;
    font-size: 1.6rem;
    line-height: 1.8;
    border: 1px solid #E4E4E4;
    min-height:150px;
}
.post-content .qa li::after,
.mce-content-body .qa li::after {
    background: none !important;
}
.post-content .qa .que,
.mce-content-body .qa .que {
    width: 35%;
    position: relative;
    z-index:1;
}
.post-content .qa .que::after,
.mce-content-body .qa .que::after {
    position: absolute;
    bottom: -28px;
    left: 15px;
    content: "Q";
    font-size: 8rem;
    color: var(--color01);
    z-index: -1;
}
.post-content .qa h3,
.mce-content-body .qa h3 {
    font-size: 1.6rem;
    border-bottom:none;
    padding: 30px;
    width: 100%;
    margin:0;
}
.post-content .qa .ans,
.mce-content-body .qa .ans {
    width: 65%;
    padding: 30px;
    background-color: var(--color04);
    color:#fff;
    position: relative;
    z-index:1;
}
.post-content .qa .ans::after,
.mce-content-body .qa .ans::after {
    position: absolute;
    bottom: -29px;
    left: 23px;
    content: "A";
    font-size: 8rem;
    color: var(--color01);
    z-index: -1;
}
    @media(max-width:767px) {
        .post-content .qa .ans,
        .mce-content-body .qa .ans {
            width: 100%;
            padding: 10px;
        }
        .post-content .qa .que,
        .mce-content-body .qa .que {
            width: 100%;
        }
        .post-content .qa h3,
        .mce-content-body .qa h3 {
            padding: 10px;
            min-height:100px;
        }
        .post-content .qa li,
        .mce-content-body .qa li {
            display: block;
        }
        .post-content .qa .que::after,
        .mce-content-body .qa .que::after {
            position: absolute;
            bottom: -17px;
            left: auto;
            right:11px;
            content: "Q";
            font-size: 6rem;
            color: var(--color01);
            z-index: -1;
        }
        .post-content .qa .ans::after,
        .mce-content-body .qa .ans::after {
            position: absolute;
            bottom: -17px;
            left: auto;
            right:11px;
            content: "A";
            font-size: 6rem;
            color: var(--color01);
            z-index: -1;
        }
    }
.post-content .step,
.mce-content-body .step {
    background-color: #F8F8F8;
    padding: 20px;
    width: 80%;
    margin: 0 auto;
}
.post-content .step li,
.mce-content-body .step li {
    width: 100%;
    background: none;
    padding: 0;
    background-color: #Fff;
    margin-bottom: 70px;
    font-size: 1.6rem;
    line-height: 1.8;
    position: relative;
    border: 1px solid var(--color04);
}
.post-content .step li:last-child,
.mce-content-body .step li:last-child {
    margin-bottom: 0;
}
.post-content .step li::after,
.mce-content-body .step li::after {
    background: none;
    position: absolute;
    bottom:-41px;
    left:50%;
    top:auto;
    border-top: 13px solid var(--color01);
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    content:"";
    transform: translateY(0) translateX(-50%);
}
.post-content .step li:last-child::after,
.mce-content-body .step li:last-child::after {
    border-top: 30px solid transparent;
}
.post-content .step .title,
.mce-content-body .step .title {
    margin:0;
}
.post-content .step .num,
.mce-content-body .step .num {
    color:#fff;
    font-weight: bold;
    background-color: var(--color01);
    padding: 15px;
    font-style: italic;
    font-size: 1.3rem;
    display: inline-block;
}
.post-content .step .text,
.mce-content-body .step .text {
    font-weight: bold;
    padding: 0 15px;
    display: inline-block;
}
.post-content .step .con,
.mce-content-body .step .con {
    padding: 10px 15px;
    font-size: 1.3rem;
}
    @media(max-width:767px) {
        .post-content .step,
        .mce-content-body .step {
            background-color: #F8F8F8;
            padding: 15px;
            width: 100%;
            margin: 0 auto;
        }
    }


.post-content .point-box,
.mce-content-body .point-box {
    max-width: 800px;
    margin: 0 auto;
}
.post-content .point-box .point-title,
.mce-content-body .point-box .point-title {
    border-radius: 10px 10px 0 0;
    width: 210px;
    background-color: #ad976e;
    color:#fff;
    font-weight: bold;
    text-align: center;
    letter-spacing: 3px;
    padding: 4px 8px;
}
.post-content .point-box .point-text,
.mce-content-body .point-box .point-text {
    background-color: #fff;
    padding: 55px 40px;
    border: 2px solid #ad976e;
    color:#453a33;
    font-size: 4rem;
    line-height: 1.3;
    border-radius: 0 10px 10px 10px;
    position: relative;
}
.post-content .point-box .point-text p,
.mce-content-body .point-box .point-text p {
    font-weight: bold;
}
.post-content .point-box .point-text .b1,
.mce-content-body .point-box .point-text .b1 {
    color:#009885;
}
.post-content .point-box .point-text .point-img,
.mce-content-body .point-box .point-text .point-img {
    position: absolute;
    right: -17px;
    bottom: -28px;
}

    @media(max-width:767px) {
        .post-content .point-box,
        .mce-content-body .point-box {
            width: 100%;
            max-width:auto;
            margin: 0 auto;
        }
        .post-content .point-box .point-title,
        .mce-content-body .point-box .point-title {
            border-radius: 10px 10px 0 0;
            width: 130px;
            font-size: 1rem;
            line-height:1.4
            background-color: #ad976e;
            color:#fff;
            font-weight: bold;
            text-align: center;
            letter-spacing: 3px;
            padding: 3px 8px;
        }
        .post-content .point-box .point-text,
        .mce-content-body .point-box .point-text {
            background-color: #fff;
            padding: 20px 15px;
            border: 2px solid #ad976e;
            color:#453a33;
            font-size: 2rem;
            line-height: 1.4;
            border-radius: 0 10px 10px 10px;
            position: relative;
        }
        .post-content .point-box .point-text p,
        .mce-content-body .point-box .point-text p {
            font-weight: bold;
        }
        .post-content .point-box .point-text .b1,
        .mce-content-body .point-box .point-text .b1 {
            color:#009885;
        }
        .post-content .point-box .point-text .point-img,
        .mce-content-body .point-box .point-text .point-img {
            position: absolute;
            right: -12px;
            bottom: -22px;
            width: 153px;
        }
        .post-content .point-box .point-text .point-img img,
        .mce-content-body .point-box .point-text .point-img img {
            max-width: 100%;
        }
    }




/* はてなブックマークアイコン作成 */
.sns-button-area .fa-hatena:before {
  content: "B!";
  font-family: Verdana;
  font-weight: bold
}
 
/* シェアボタンを表示する箇所位置調整 */
.sns-button-area {
  text-align: center;
  margin-bottom:2em;
}
 
/* タイトル表示設定 */
.sns-button-area-title {
  text-align: center;
  padding:1em;
}
 
/* SNSシェアボタンの共通設定 */
.sns-button-area li a {
  font-size: 16px;
  padding: 8px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 4px; /* 丸み調整 */
  box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26); /* シャドー作成 */
  transition: 0.3s;
}
 
/* SNSごとの背景色 */
.sns-button-area .line a {
    background-color: #1BB309;
}
.sns-button-area .twitter a {
    background-color: #55acee;
}
.sns-button-area .facebook a{
    background-color: #3b5998;
}
.sns-button-area .hatena a{
    background-color: #008fde;
}
.sns-button-area .pocket a{
    background-color: #ea5a6c;
}
 
/* リスト「・」の削除 */
.sns-button-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 90px;
}
 
/* ボタンの幅と余白を設定 */
.sns-button-area li {
  float: left;
  width: 19%;
  margin: 0 0.5%;
}
 
.sns-button-area  ul:after {
  display: block;
  clear: both;
  content: '';
}
 
/* ボタンにカーソルを合わせた時の表示設定 */
.sns-button-area li a:hover {
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: none;
  opacity: 0.6;
}


/*--------------------------------------
 list-body
---------------------------------------*/

.list-body > ul {
}
.column-1 .list-body > ul {
}
.list-body > ul > li {
    margin: 0 auto 30px;
    transition: 0.6s;
    background-color: #fff;
    box-shadow: 0px 0px 27px -13px #777777;
    border-radius: 10px;
    position: static;
    width: 98%;
}
.list-body > ul > li:hover {
    box-shadow:6px 6px 14px -6px #898989;
}
.list-body > ul > li::after {
    background: none;
}
.list-body > ul > li  a {
    min-height: 90px;
    text-decoration: none;
    transition: 0.6s;
    display: flex;
    align-items: center;
    padding:10px 20px;
    color:#222;
}
.list-body > ul > li  a div {
}
.list-body > ul > li  a .date {
    font-size: 1.7rem;
    display: block;
}
.list-body > ul > li  a .title {
    font-weight: bold;
    font-size: 1.9rem;
    padding:12px 0;
    display: block;
}
.list-body > ul > li  a .contents {
    font-size: 1.7rem;
    display: block;
}

    @media(max-width:767px) {
        .list-body > ul {
            padding: 0 20px;
        }
        .list-body > ul > li {
            margin: 0 auto 30px;
            transition: 0.6s;
            background-color: #fff;
            box-shadow: 0px 0px 27px -13px #777777;
            border-radius: 10px;
            width: 100%;
        }
        .list-body > ul > li:hover {
            box-shadow:6px 6px 14px -6px #898989;
        }
        .list-body > ul > li  a {
            min-height: 90px;
            text-decoration: none;
            transition: 0.6s;
            display: flex;
            align-items: center;
            padding:20px;
        }
        .list-body > ul > li  a div {
        }
        .list-body > ul > li  a .date {
            font-size: 1.7rem;
            display: block;
        }
        .list-body > ul > li  a .title {
            font-weight: bold;
            font-size: 1.9rem;
            padding:12px 0;
            display: block;
        }
        .list-body > ul > li  a .contents {
            font-size: 1.7rem;
            display: block;
        }
    }



/*--------------------------------------
contactform7
---------------------------------------*/
#contact-form-line {
    margin-top: calc(0 - var(--header-height-sp));
    padding-top: var(--header-height-sp);
}
#contents .wpcf7 {
    max-width: 900px;
    margin: 0 auto;
}
.footer-contact-form{
    padding: 20px;
    background-color: #fff;
    border: 1px solid #898989;
}
#contents form.sent .footer-contact-form{
    /*送信完了後にフォームを非表示*/
    display:none;
    transition: transform 0.5s linear;
}
#contents .wpcf7 .headline{
    font-size:3rem;
    text-align: center;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 30px;
}
#contents .wpcf7 .title{
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 10px;
}
#contents .wpcf7 .title span {
    display:inline-block;
    color: #f00;
    border: 2px solid #f00;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 2px 7px;
    vertical-align: middle;
    margin-left: 10px;
}
#contents .wpcf7 .item {
    margin-bottom: 40px;
}
#contents .wpcf7 .item input.wpcf7-text ,
#contents .wpcf7 .item textarea{
    width: 100%;
    border: none;
    background-color: #f4f4f4;
    padding: 10px;
    font-size: 1.6rem;
}
#contents .wpcf7 .item select {
    font-size: 1.6rem;
    padding: 10px;
}
#contents .wpcf7 .item input {
    vertical-align: baseline;
}
#contents .wpcf7 .item input::placeholder {
    color:#c5c5c5;
}
#contents .wpcf7 .item .attention {
    font-size: 1.3rem;
    padding: 7px;
}
#contents .wpcf7 input[type="submit"] {
    width: 40%;
    display: block;
    margin: 0 auto;
    font-weight: bold;
    padding:25px;
    background-color: var(--color01);
    font-size: 2.5rem;
    letter-spacing: 3px;
    text-decoration: none;
    color:#fff !important;
    margin:25px auto 0;
    box-shadow:5px 5px 6px -4px #898989;
    transition: 1s;
    cursor:pointer;
    border:unset;
    appearance: none;
    -webkit-appearance: none;
}

    @media(max-width:767px) {
        #contents .wpcf7 {
            width: 100%;
            max-width:auto;
            margin: 0 auto;
        }
        #contents .wpcf7 .headline{
            font-size:3rem;
            text-align: center;
            font-weight: bold;
            letter-spacing: 2px;
            margin-bottom: 30px;
        }
        #contents .wpcf7 .title{
            font-size: 2rem;
            font-weight: bold;
            margin-bottom: 10px;
        }
        #contents .wpcf7 .title span {
            display:inline-block;
            color: #f00;
            border: 2px solid #f00;
            font-size: 1.4rem;
            font-weight: bold;
            padding: 2px 7px;
            vertical-align: middle;
            margin-left: 10px;
        }
        #contents .wpcf7 .item {
            margin-bottom: 40px;
        }
        #contents .wpcf7 .item input.wpcf7-text ,
        #contents .wpcf7 .item textarea{
            width: 100%;
            border: none;
            background-color: #f4f4f4;
            padding: 10px;
            font-size: 1.6rem;
        }
        #contents .wpcf7 .item input {
            vertical-align: baseline;
        }
        #contents .wpcf7 .item input::placeholder {
            color:#c5c5c5;
        }
        #contents .wpcf7 .item .attention {
            font-size: 1.3rem;
            padding: 7px;
        }
        #contents .wpcf7 input[type="submit"] {
            width: 90%;
            display: block;
            margin: 0 auto;
            font-weight: bold;
            padding:15px;
            background-color: var(--color01);
            font-size: 2rem;
            letter-spacing: 3px;
            text-decoration: none;
            color:#fff !important;
            margin:25px auto 0;
            box-shadow:5px 5px 6px -4px #898989;
            transition: 1s;
            cursor:pointer;
            border:unset;
        }

    }







/*--------------------------------------
page-contents
---------------------------------------*/

.p-btn-link {
    text-align: center;
}
.p-btn-link a {
    display: inline-block;
    padding:25px;
    background-color: #898989;
    border-radius: 5px;
    font-size: 1.6rem;
    letter-spacing: 3px;
    text-decoration: none;
    color:#fff !important;
    margin:25px auto;
    box-shadow:5px 5px 6px -4px #898989;
    transition: 1s;
}
.p-btn-link a:hover {
    background-color: #F4F2F2;
    color:#898989 !important;
}

/***** Gtranslate *****/
    #gtranslate_wrapper.pc{position: absolute;top:77px;right: -149px;z-index:1;}
    #gtranslate_wrapper.sp{margin:25px 0 1px 48px;}
    .switcher {text-align:left;cursor:pointer;/*overflow:hidden;*/width:70px;line-height:17px;background:rgba(255,255,255,0.5) ;}
    .switcher a {text-decoration:none;display:block;font-size:12pt;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
    .switcher a img {vertical-align:middle;display:inline;border:0;padding:0;margin:0;opacity:0.8;}
    .switcher a:hover img {opacity:1;}
    .switcher .selected {background:rgba(255,255,255,0.7) linear-gradient(180deg, #efefef 0%, #fff 70%);position:relative;z-index:9999;}
    .switcher .selected a {border:1px solid #ccc;color:#666;padding:1px 3px;width:62px;font-size:1.2rem;}
    .switcher .selected a:after {height:24px;display:inline-block;position:absolute;right:3px;width:15px;background-position:50%;background-size:11px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 285 285'><path d='M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23666'/></svg>");background-repeat:no-repeat;content:""!important;transition:all .2s;}
    .switcher .selected a.open:after {-webkit-transform: rotate(-180deg);transform:rotate(-180deg);}
    .switcher .selected a:hover {background:#fff}
    .switcher .option {position:relative;z-index:9998;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#eee;display:none;width:114px;/*max-height:198px;*/-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;overflow-y:auto;overflow-x:hidden;left:-46px;}
    .switcher .option a {color:#000;padding:3px 5px;font-size:1.2rem;}
    .switcher .option a:hover {background:#fff;}
    .switcher .option a.selected {background:#fff;}
    #selected_lang_name {float: none;}
    .l_name {float: none !important;margin: 0;}
    .switcher .option::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);border-radius:5px;background-color:#f5f5f5;}
    .switcher .option::-webkit-scrollbar {width:5px;}
    .switcher .option::-webkit-scrollbar-thumb {border-radius:5px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);background-color:#888;}

    #goog-gt-tt{display:none!important;}.goog-te-banner-frame{display:none!important;}.goog-te-menu-value:hover{text-decoration:none!important;}.goog-text-highlight{background-color:transparent!important;box-shadow:none!important;}body{top:0!important;}#google_translate_element2{display:none!important;}

/* お客様の声・推薦の声 */
.post-content .voice-item,
.mce-content-body .voice-item {
    background-color: #fff;
    width: 680px;
    margin: 0 auto 10px;
}
.post-content .voice-item.customer,
.mce-content-body .voice-item.customer {
    padding: 18px 22px;
    border: 3px solid #ff9103;
}
.post-content .voice-item.suisen,
.mce-content-body .voice-item.suisen {
    padding: 18px 22px 32px;
    border: 3px solid #c9c6ac;
}
.post-content .voice-item .title,
.mce-content-body .voice-item .title {
    font-weight: bold;
    font-size: 2rem;
    width: 100%;
}
.post-content .voice-item.suisen .profile,
.mce-content-body .voice-item.suisen .profile {
    margin-bottom: 15px;
}
.post-content .voice-item.suisen .profile p,
.mce-content-body .voice-item.suisen .profile p {
    margin: 0;
    font-weight: bold;
    color:#da4800;
}
.post-content .voice-item .img img,
.mce-content-body .voice-item .img img {
    box-shadow: var(--img_box_shadow);
}
.post-content .voice-item.customer .img img,
.mce-content-body .voice-item.customer .img img,
.post-content .voice-item.customer .video,
.mce-content-body .voice-item.customer .video {
    margin:10px auto;
    display: block;
    height: auto;
}
.post-content .voice-item.customer .img img,
.mce-content-body .voice-item.customer .img img {
    width: 500px;
}
.post-content .voice-item.suisen .img,
.mce-content-body .voice-item.suisen .img {
    width: 300px;
    float:right;
    margin:5px 0 10px 25px;
}
.post-content .voice-item.suisen .img.vertical,
.mce-content-body .voice-item.suisen .img.vertical {
    width: 40%;
}
.post-content .voice-item.suisen .img img,
.mce-content-body .voice-item.suisen .img img {
    width: 100%;
}
.post-content .voice-item.customer .text,
.mce-content-body .voice-item.customer .text {
    margin-bottom: 60px;
}
.post-content .voice-item.customer .attention,
.mce-content-body .voice-item.customer .attention {
    color:#8b8b8b;
    font-size: 1.2rem;
}
    @media(max-width:767px) {
        .post-content .voice-item,
        .mce-content-body .voice-item {
            padding: 20px;
            width: 100%;
            margin: 0 auto 10px;
        }
        .post-content .voice-item.customer .img img,
        .mce-content-body .voice-item.customer .img img {
            width: 100%;
            height:auto;
        }
        .post-content .voice-item.customer .img.vertical img,
        .mce-content-body .voice-item.customer .img.vertical img {
            width: 60%;
            height:auto;
        }
        .post-content .voice-item.suisen .img,
        .mce-content-body .voice-item.suisen .img {
            width: 100%;
            float:none;
            margin:10px 0;
        }
        .post-content .voice-item.suisen .img.vertical,
        .mce-content-body .voice-item.suisen .img.vertical {
            width: 60%;
            float:none;
            margin:10px auto;
        }
    }


/******* addquicktag *******/
/*リスト①*/
.post-content article.malls-group,
.mce-content-body article.malls-group {
    margin: 0px 0px 30px;
    border: none;
    padding-bottom: 15px;
}

.post-content article.malls-group.top-list,
.mce-content-body article.malls-group.top-list{
    background-image: url(img/toplist-bg-top.png),url(img/toplist-bg-bottom.png),url(img/toplist-bg-side.png);
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: center top, center bottom, center top;
    background-size: 100% auto,100% auto,100% auto;
    padding: 25px 45px;
}

.post-content article.malls-group.top-list2,
.mce-content-body article.malls-group.top-list2 {
    background-image: url(img/list2-bg1.png),url(img/list2-bg2.png),url(img/list2-bg3.png);
    background-color: #ffffff;
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: center top, center bottom, center top;
    padding: 37px 32px 50px;
}

.post-content article.top-list ul,
.post-content article.top-list2 ul,
.mce-content-body article.top-list ul,
.mce-content-body article.top-list2 ul{
    list-style-type: none
    padding: 0 0 0 30px;
}

.post-content article.top-list ul li,
.post-content ul.check-list-table li,
.mce-content-body article.top-list ul li,
.mce-content-body ul.check-list-table li{
    list-style-type: none;
    background: url("img/list-check1.png") no-repeat scroll left 7px transparent;
    font-size: 2rem;
    /*font-weight: bold;*/
    line-height: 2;
    padding: 0 0 0 30px;
}
.post-content article.top-list ul li::after,
.post-content ul.check-list-table li::after,
.mce-content-body article.top-list ul li::after,
.mce-content-body ul.check-list-table li::after {
    background: none;
}

.post-content article.top-list2 ul li,
.post-content ul.check-list-table2 li,
.mce-content-body article.top-list2 ul li,
.mce-content-body ul.check-list-table2 li{
    list-style-type: none;
    background: url("img/list-check2.png") no-repeat scroll left 7px transparent;
    font-size: 2rem;
    line-height: 2;
    padding: 0 0 0 30px;
}
.post-content article.top-list2 ul li::after,
.post-content ul.check-list-table2 li::after,
.mce-content-body article.top-list2 ul li::after,
.mce-content-body ul.check-list-table2 li::after {
    background: none;
}
    @media(max-width:767px) {
        .post-content article.malls-group,
        .mce-content-body article.malls-group {
            margin: 0px;
            border: none;
        }
        .post-content article.malls-group.top-list,
        .mce-content-body article.malls-group.top-list {
            background-image: url(img/toplist-sp-bg-top.png),url(img/toplist-sp-bg-bottom.png),url(img/toplist-sp-bg-side.png);
            background-repeat: no-repeat, no-repeat, repeat-y;
            background-position: center top, center bottom, center top;
            background-size: 100% auto,100% auto,100% auto;
            padding: 30px 8px 20px;
            margin: 20px 0;
            width: 100%;
        }

        .post-content article.malls-group.top-list2,
        .mce-content-body article.malls-group.top-list2 {
            background: url("img/list2-bg-sp.png") repeat scroll center top;
            padding: 10px 5px;
            margin: 20px 0;
            width: 100%;
        }

        .post-content article.top-list ul,
        .post-content article.top-list2 ul,
        .mce-content-body article.top-list ul,
        .mce-content-body article.top-list2 ul{
            list-style-type: none;
            margin: 5px 10px;
        }

        .post-content ul.check-list-table,
        .mce-content-body ul.check-list-table {
            margin: 5px 10px;
        }

        .post-content article.top-list ul li,
        .post-content ul.check-list-table li,
        .mce-content-body article.top-list ul li,
        .mce-content-body ul.check-list-table li{
        list-style-type: none;
        background: url("img/list-check1-sp.png") no-repeat scroll left 3px transparent;
        background-size:5vw;
        font-size: 4.2vw;
        line-height: 1.7;
        padding: 0 0 0 28px;
        }

        .post-content article.top-list2 ul li,
        .post-content ul.check-list-table2 li,
        .mce-content-body article.top-list2 ul li,
        .mce-content-body ul.check-list-table2 li{
        list-style-type: none;
        background: url("img/list-check-sp2.png") no-repeat scroll left 3px transparent;
        font-size: 4.2vw;
        line-height: 1.7;
        padding: 0 0 0 25px;
        }
    }

/*リストチェックマーク*/
.post-content ul.check-list-table,
.mce-content-body ul.check-list-table {
    margin: 5px 10px;
}
.post-content ul.check-list-table li,
.mce-content-body ul.check-list-table li {
    list-style-type: none;
    background: url("img/list-check.png") no-repeat scroll left 3px transparent;
    font-size: 100%;
    line-height: 1.7;
    padding: 0 0 0 25px;
    position: static;
}
.post-content ul.check-list-table2 li,
.mce-content-body ul.check-list-table2 li {
    list-style-type: none;
    background: url("img/list-check2.png") no-repeat scroll left 3px transparent;
    font-size: 100%;
    line-height: 1.7;
    padding: 0 0 0 25px;
    position: static;
}
.post-content .post-body ul.check-list-table li::after,
.mce-content-body ul.check-list-table li::after {
    display:none;
}

/*二列リスト*/
.post-content ul.list-2rows li,
.mce-content-body ul.list-2rows li {
    width: 45%;
    float: left;
}

/*ポイント①*/
.post-content .malls-group.top-point h3,
.mce-content-body .malls-group.top-point h3 {
    display: table-cell;
    font-size: 140%;
    font-weight: normal;
    height: 85px;
    padding: 0 0 0 125px;
    vertical-align: middle;
    width: 595px;
}
    @media(max-width:767px) {
        .post-content .malls-group.top-point h3,
        .mce-content-body .malls-group.top-point h3 {
            height: auto;
            display: block;
            font-size: 120%;
            font-weight: normal;
            padding: 10px 5px;
            vertical-align: middle;
            line-height: 1.2;
            width: 97%;
        }
    }
/* 移植元の記載そのままメモ
#top-point-sp h3 {
background: url("../images/top-point-sp-bg.png");
    display: block;
    font-size: 120%;
    font-weight: normal;
    padding: 10px 5px;
    vertical-align: middle;
    line-height: 1.2;
    width: 97%;
}
#top-point-sp2 h3 {
background: url("../images/top-point-sp-bg2.png");
    display: block;
    font-size: 120%;
    font-weight: normal;
    padding: 10px 5px;
    vertical-align: middle;
    line-height: 1.2;
    width: 97%;
}
*/
.post-content #top-point1,
.mce-content-body #top-point1 {
background: url("img/top-point1.png") no-repeat scroll left center transparent;
}
.post-content #top-point2,
.mce-content-body #top-point2 {
background: url("img/top-point2.png") no-repeat scroll left center transparent;
}
.post-content #top-point3,
.mce-content-body #top-point3 {
background: url("img/top-point3.png") no-repeat scroll left center transparent;
}
.post-content #top-point4,
.mce-content-body #top-point4 {
background: url("img/top-point4.png") no-repeat scroll left center transparent;
}
.post-content #top-point5,
.mce-content-body #top-point5 {
background: url("img/top-point5.png") no-repeat scroll left center transparent;
}
.post-content #top-point6,
.mce-content-body #top-point6 {
background: url("img/top-point6.png") no-repeat scroll left center transparent;
}
.post-content #top-point7,
.mce-content-body #top-point7 {
background: url("img/top-point7.png") no-repeat scroll left center transparent;
}
.post-content #top-point8,
.mce-content-body #top-point8 {
background: url("img/top-point8.png") no-repeat scroll left center transparent;
}
.post-content #top-point2-1,
.mce-content-body #top-point2-1 {
background: url("img/top-point2-1.png") no-repeat scroll left center transparent;
}
.post-content #top-point2-2,
.mce-content-body #top-point2-2 {
background: url("img/top-point2-2.png") no-repeat scroll left center transparent;
}
.post-content #top-point2-3,
.mce-content-body #top-point2-3 {
background: url("img/top-point2-3.png") no-repeat scroll left center transparent;
}
.post-content #top-point2-4,
.mce-content-body #top-point2-4 {
background: url("img/top-point2-4.png") no-repeat scroll left center transparent;
}
.post-content #top-point2-5,
.mce-content-body #top-point2-5 {
background: url("img/top-point2-5.png") no-repeat scroll left center transparent;
}
.post-content #top-point2-6,
.mce-content-body #top-point2-6 {
background: url("img/top-point2-6.png") no-repeat scroll left center transparent;
}
.post-content #top-point2-7,
.mce-content-body #top-point2-7 {
background: url("img/top-point2-7.png") no-repeat scroll left center transparent;
}
.post-content #top-point2-8,
.mce-content-body #top-point2-8 {
background: url("img/top-point2-8.png") no-repeat scroll left center transparent;
}
/* verC */
.post-content article#top-point-verC1,
.mce-content-body article#top-point-verC1 {
    background: url("img/top-point-verC1.png") top center no-repeat;
    padding: 10px 20px;
}
.post-content article#top-point-verC2,
.mce-content-body article#top-point-verC2 {
    background: url("img/top-point-verC2.png") top center no-repeat;
    padding: 10px 20px;
}
.post-content article#top-point-verC3,
.mce-content-body article#top-point-verC3 {
    background: url("img/top-point-verC3.png") top center no-repeat;
    padding: 10px 20px;
}
.post-content article#top-point-verC4,
.mce-content-body article#top-point-verC4 {
    background: url("img/top-point-verC4.png") top center no-repeat;
    padding: 10px 20px;
}
.post-content article#top-point-verC5,
.mce-content-body article#top-point-verC5 {
    background: url("img/top-point-verC5.png") top center no-repeat;
    padding: 10px 20px;
}
.post-content article#top-point-verC6,
.mce-content-body article#top-point-verC6 {
    background: url("img/top-point-verC6.png") top center no-repeat;
    padding: 10px 20px;
}
.post-content article#top-point-verC7,
.mce-content-body article#top-point-verC7 {
    background: url("img/top-point-verC7.png") top center no-repeat;
    padding: 10px 20px;
}
.post-content article#top-point-verC8,
.mce-content-body article#top-point-verC8 {
    background: url("img/top-point-verC8.png") top center no-repeat;
    padding: 10px 20px;
}
.post-content article#top-point-verC9,
.mce-content-body article#top-point-verC9 {
    background: url("img/top-point-verC9.png") top center no-repeat;
    padding: 10px 20px;
}
.post-content article#top-point-verC10,
.mce-content-body article#top-point-verC10 {
    background: url("img/top-point-verC10.png") top center no-repeat;
    padding: 10px 20px;
}
.post-content article#top-point-verC11,
.mce-content-body article#top-point-verC11 {
    background: url("img/top-point-verC11.png") top center no-repeat;
    padding: 10px 20px;
}
.post-content article#top-point-verC12,
.mce-content-body article#top-point-verC12 {
    background: url("img/top-point-verC12.png") top center no-repeat;
    padding: 10px 20px;
}
.post-content .malls-group.top-point-verC h3,
.mce-content-body .malls-group.top-point-verC h3 {
    font-size: 140%;
    font-weight: normal;
    line-height: 1.7em;
    padding: 75px 80px 0 10px;
    vertical-align: middle;
    width: 290px;
    float: right;
    background: none;
}

/* テーブル：2列カード型枠グレーBA用 */
.post-content table.top-table,
.mce-content-body table.top-table,
.post-content table.table-btn,
.mce-content-body table.table-btn {
border-collapse: separate;
border-spacing: 0;
-webkit-border-horizontal-spacing: 20px;
-webkit-border-vertical-spacing: 10px;
table-layout: fixed;
margin-bottom: -0.5em;
}

.post-content table.table-btn tr td,
.mce-content-body table.table-btn tr td {
    padding: initial;
}

.post-content table.top-table:not(.suisen) .alignright,
.mce-content-body table.top-table:not(.suisen) .alignright {
    float: none;
    margin:20px 0;
}
.post-content table.top-table:not(.suisen) img.alignright,
.mce-content-body table.top-table:not(.suisen) img.alignright {
    margin:10px auto;
    display: block;
    width: 500px;
    height: auto;
}
.post-content table.top-table img {
    box-shadow: 0px 9px 26px -16px #777777;
}
.post-content table.top-table p,
.mce-content-body table.top-table p {
    margin-top: 15px;
}
.post-content table.top-table img.half,,
.mce-content-body table.top-table img.half {
    width: 50%;
    height:auto;
}
.post-content table.top-table img.half2,
.mce-content-body table.top-table img.half2 {
    width: 40%;
    height:auto;
}
.post-content table.top-table.suisen .alignright,
.mce-content-body table.top-table.suisen .alignright,
.post-content table.top-table img.right2,
.mce-content-body table.top-table img.right2 {
    float: right;
    margin:0;
}
.post-content table.top-table.suisen img.half2,
.post-content table.top-table.suisen img.half2,
.mce-content-body table.top-table.suisen img.half2,
.mce-content-body table.top-table.suisen img.half2,
.post-content table.top-table.suisen img.half,
.post-content table.top-table.suisen img.half,
.mce-content-body table.top-table.suisen img.half,
.mce-content-body table.top-table.suisen img.half,
.post-content table.top-table.suisen img.alignright,
.mce-content-body table.top-table.suisen img.alignright,
.post-content table.top-table img.right2,
.mce-content-body table.top-table img.right2 {
    margin:5px 0 10px 25px;
}

.post-content table.table-btn a,
.mce-content-body table.table-btn a {
    display: block;
    line-height: 36px;
    padding: 5px 20px;
}
    @media(max-width:767px) {
        .post-content table.top-table,
        .mce-content-body table.top-table,
        .post-content table.table-btn,
        .mce-content-body table.table-btn {
            border-collapse: separate;
            border-spacing: 0;
            /*-webkit-border-horizontal-spacing: 5px;*/
            -webkit-border-vertical-spacing: 0px;
            table-layout: fixed;
            margin-bottom: 20px;
        }

        .post-content table.top-table.alignright,
        .mce-content-body table.top-table.alignright {
            float: none;
            margin:10px 0;
        }
        .post-content table.top-table img.alignright,
        .mce-content-body table.top-table img.alignright,
        .post-content table.top-table img.right2,
        .mce-content-body table.top-table img.right2 {
            margin:10px auto;
            display: block;
            width: 100%;
        }
        .post-content table.top-table img.half,
        .mce-content-body table.top-table img.half {
            width: 50% !important;
            height:auto;
        }
        .post-content table.top-table img.half2,
        .mce-content-body table.top-table img.half2 {
            width: 60% !important;
            height:auto;
        }

        .post-content table.top-table tr td,
        .mce-content-body table.top-table tr td {
            display: block;
            margin-bottom: 10px;
            padding: 20px 20px;
        }
        .post-content table.top-table tr td img,
        .mce-content-body table.top-table tr td img {
            max-width: 100% !important;
            /*max-height: 50vw;
            display: block;
            margin: 0 auto;*/
        }
        .post-content table.table-btn tr td,
        .mce-content-body table.table-btn tr td {
            padding: initial;
        }
        .post-content table.table-btn a,
        .mce-content-body table.table-btn a {
            display: block;
            line-height: 25px;
            padding: 5px 10px;
        }
    }

/* テーブル：SPで横スクロール */
    @media(max-width:767px) {
        .post-content .table-scroll,
        .mce-content-body .table-scroll{
          display: inline-block;
          overflow-x: auto;
        }
        .post-content .table-scroll::-webkit-scrollbar,
        .mce-content-body .table-scroll::-webkit-scrollbar {
          height: 5px;
        }
        .post-content .table-scroll::-webkit-scrollbar-track,
        .mce-content-body .table-scroll::-webkit-scrollbar-track {
          border-radius: 5px;
          background: #eee;
        }
        .post-content .table-scroll::-webkit-scrollbar-thumb,
        .mce-content-body .table-scroll::-webkit-scrollbar-thumb {
          border-radius: 5px;
          background: #666;
        }
    }

/* 今月のおすすめ枠 */
.post-content .malls-group.top-bnr-s p,
.mce-content-body .malls-group.top-bnr-s p {
    margin: 0px;
    font-size: 120%;
}
.post-content .malls-group.top-bnr-s,
.mce-content-body .malls-group.top-bnr-s {
    width: 670px;
    height: 135px;
    padding: 50px 25px 0px;
}
.post-content #top-bnr-s1,
.mce-content-body #top-bnr-s1 {
    background: url("img/top-bnr-s1.png") no-repeat scroll left center transparent;
}
.post-content #top-bnr-s2,
.mce-content-body #top-bnr-s2 {
    background: url("img/top-bnr-s2.png") no-repeat scroll left center transparent;
}
.post-content #top-bnr-s3,
.mce-content-body #top-bnr-s3 {
    background: url("img/top-bnr-s3.png") no-repeat scroll left center transparent;
}

/** m_orig **/
.subtitle,
.mce-content-body .subtitle {
    font-size: 3.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
}
.subtitle strong {
    /*color:#ff3c00;*/
}
    @media(max-width:767px) {
        .subtitle,
        .mce-content-body .subtitle {
            font-size: 6.3vw;
            font-weight: bold;
            text-align: center;
            line-height: 1.6;
        }
        img.half {
        width: 50%;
        height:auto;
        }
        img.half2 {
        width: 40%;
        height:auto;
        }
        img.full {
        width: 100%;
        height:auto;
        }
    }

.post-content .size-width100per,
.mce-content-body .size-width100per {
    width:100% !important;
    height:auto !important;
}

.post-content .campaign-bnr,
.mce-content-body .campaign-bnr {
    background: url("img/campaign-bnr-bg.png") repeat-x 0 0;
    background-size: auto 100%;
    font-weight: bold;
    color:#fff;
    text-align: center;
    font-size: 5rem;
    letter-spacing: 2px;
    padding: 25px 20px;
}
    @media(max-width:767px) {
        .post-content .campaign-bnr,
        .mce-content-body .campaign-bnr {
            font-size: 8vw;
            letter-spacing: 4px;
            position: relative;
            padding: 13px 10px;
        }
    }

.post-content a.bnr-tel,
.post-content a.bnr-contact,
.post-content a.bnr-line,
.post-content a.bnr-rsv,
.mce-content-body a.bnr-tel,
.mce-content-body a.bnr-contact,
.mce-content-body a.bnr-line,
.mce-content-body a.bnr-rsv {
    display: block;
    height: 108px;
    width: 596px;
    color: #fff;
    font-size: 4.4rem;
    letter-spacing: 3px;
    line-height: 108px;
    font-weight: bold;
    padding-left: 121px;
    margin: 0 auto 20px;
    background: url("img/bnr-tel-bg.png") no-repeat 0 0;
    transition: 0.3s;
    text-decoration: none;
    text-align:left;
}
.post-content a.bnr-tel,
.mce-content-body a.bnr-tel {
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
    font-size:5.2rem;
    letter-spacing: 5px;
}
.post-content a.bnr-rsv,
.mce-content-body a.bnr-rsv{
    font-size: 3.7rem;
}
.post-content a.bnr-tel:hover,
.post-content a.bnr-contact:hover,
.post-content a.bnr-line:hover,
.post-content a.bnr-rsv:hover {
    opacity: 0.8;
    transition: 0.3s;
}
    @media(max-width:767px) {
            .post-content a.bnr-tel,
            .post-content a.bnr-contact,
            .post-content a.bnr-line,
            .post-content a.bnr-rsv,
            .mce-content-body a.bnr-tel,
            .mce-content-body a.bnr-contact,
            .mce-content-body a.bnr-line,
            .mce-content-body a.bnr-rsv {
                display: block;
                margin: 0 auto 20px;
                height: 17vw;
                width: 93vw;
                color: #fff;
                font-size: 6.5vw;
                letter-spacing: 3px;
                line-height: 17vw;
                font-weight: bold;
                padding-left: 18vw;
                background: url("img/bnr-tel-bg.png") no-repeat 0 0;
                background-size: contain;
                transition: 0.3s;
            }
            .post-content a.bnr-tel,
            .mce-content-body a.bnr-tel {
                font-size: 7vw;
            }
            .post-content a.bnr-rsv,
            .mce-content-body a.bnr-rsv {
                font-size: 5.7vw;
            }
    }
.post-content a.bnr-contact,
.mce-content-body a.bnr-contact {
    background: url("img/bnr-contact-bg.png") no-repeat 0 0;
    background-size: contain;
}
.post-content a.bnr-line,
.mce-content-body a.bnr-line {
    background: url("img/bnr-line-bg.png") no-repeat 0 0;
    background-size: contain;
}
.post-content a.bnr-rsv,
.mce-content-body a.bnr-rsv {
    background: url("img/bnr-rsv-bg.png") no-repeat 0 0;
    background-size: contain;
}
.post-content table.group-info,
.mce-content-body table.group-info {
    border-collapse:collapse;
    width:100%;
    margin:30px 0;
}
.post-content table.group-info th,
.post-content table.group-info td,
.mce-content-body table.group-info th,
.mce-content-body table.group-info td {
    border:none;
    background: #fff;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding:18px 15px;
    vertical-align: middle;
}
.post-content table.group-info tr:first-child th,
.post-content table.group-info tr:first-child td,
.mce-content-body table.group-info tr:first-child th,
.mce-content-body table.group-info tr:first-child td {
    border-top:none;
}
.post-content table.group-info tr:last-child th,
.post-content table.group-info tr:last-child td,
.mce-content-body table.group-info tr:last-child th,
.mce-content-body table.group-info tr:last-child td {
    border-bottom:none;
}
.post-content table.group-info th,
.mce-content-body table.group-info th {
}
.post-content .group-info tr td:nth-child(1),
.mce-content-body .group-info tr td:nth-child(1) {
    width:6em;
}
.post-content .group-info tr td,
.mce-content-body .group-info tr td {
    word-break: break-all;
}
    @media(max-width:767px) {
        .post-content table.group-info th {
        }
        .post-content table.group-info th,
        .post-content table.group-info td,
        .mce-content-body table.group-info th,
        .mce-content-body table.group-info td {
            padding:2% 13px;
        }
        .post-content .group-info tr td:nth-child(1),
        .mce-content-body .group-info tr td:nth-child(1) {
            width:6em;
        }
    }



/***********

index-parts

******************/
.post-body .resetcss {
    /*width: 106%;
    margin: 0 -3%;*/
}
.resetcss {
    letter-spacing: normal;
    line-height: 1.6;
}
.post-content .resetcss p{
    margin-bottom: 0;
}
.post-content .resetcss ul li {
    padding: 0;
    margin: 0;
    position: static;
}
.post-content .resetcss ul li::after {
    background: none;
}
#index02 {
    background-color: #e4f7f7;
    text-align: center;
    padding: 20px;
    margin-top:75px;
}
#index02 p {
    font-weight: bold;
    font-size: 3rem;
    margin-bottom: 4px;
}
#index02 .b01 {
    color:#369595;
}
#index02 .b02 {
    color:#ff3c00;
}
    @media(max-width:767px) {
        #index02 {
            background-color: #e4f7f7;
            text-align: center;
            padding: 20px;
            margin-top:11px;
        }
        #index02 p {
            font-weight: bold;
            font-size: 5.3vw;
            margin-bottom: 4px;
        }
    }

#index03 .title {
    margin:141px auto 40px;
}

    @media(max-width:767px) {
        #index03 .title {
            margin:100px auto 40px;
        }
        #index03 .img {
            padding:0 5vw;
        }
    }

#index04 .title {
    margin:141px auto 40px;
}
#index04 .arrow {
    margin: 40px 0 15px;
    text-align: center;
}
    @media(max-width:767px) {
        #index04 .title {
            margin:100px auto 40px;
        }
        #index04 .arrow {
            margin: 20px 0 10px;
            text-align: center;
        }
    }

#index05 .title {
    margin:141px auto 40px;
}
#index05 .title .b01{
    color:#ff3c00;
}
#index05 .con {
    margin: 0 auto 120px;
}
#index05 .con p {
    font-size: 1.8rem;
    margin-bottom: 20px;
}
#index05 .con p strong {
}
#index05 .con .img {
    float:right;
    margin-left: 10px;
}

    @media(max-width:767px) {

        #index05 .title {
            margin:100px auto 40px;
        }
        #index05 .con {
            margin: 0 auto 60px;
        }
        #index05 .con p {
           /*font-size: 1.6rem;
          letter-spacing: 0;*/
          font-size: var(--sp_fontsize);
          line-height: var(--sp_lineheight);
          margin-bottom: 20px;
        }
        #index05 .con p.img {
            float:none;
            margin-left: 0;
            margin-bottom: 10px;
            width: 100%;
        }
        #index05 .con .img img {
            width: 100%;
        }
    }

#index06 {
    margin:141px auto;
}
    @media(max-width:767px) {
        #index06 .title {
            margin:100px auto;
        }
    }

#index07 .title {
    margin:141px auto 20px;
}
#index07 .arrow {
    margin: 0 0 30px;
    text-align: center;
}
    @media(max-width:767px) {
        #index07 .title {
            margin:100px auto 10px;
        }
        #index07 .arrow {
            margin: 0 0 20px;
            text-align: center;
        }
        #index07 .arrow img {
            width: 60vw;
        }
    }

#index08 .title {
    margin:141px auto 20px;
}
#index08 .youtube {
    margin-bottom:30px;
}
    @media(max-width:767px) {
        #index08 .title {
            margin:100px auto 10px;
        }
        #index08 .youtube {
            margin-bottom:20px;
        }
    }


#index09 .title {
    margin:141px auto 40px;
}
#index09 .con {
    margin: 0 auto 120px;
}
#index09 .con p {
    font-size: 1.8rem;
    margin-bottom: 20px;
}
#index09 .con .img {
}

    @media(max-width:767px) {

        #index09 .title {
            margin:100px auto 40px;
        }
        #index09 .con {
            margin: 0 auto 60px;
        }
        #index09 .con p {
           /*font-size: 1.6rem;
          letter-spacing: 0;*/
          font-size: var(--sp_fontsize);
          line-height: var(--sp_lineheight);
          margin-bottom: 20px;
        }
        #index09 .con p.img {
            margin-bottom: 10px;
            width: 100%;
        }
        #index09 .con .img img {
            width: 100%;
        }
    }
#index10 {
    margin:141px auto 0;
}
    @media(max-width:767px) {
        #index10 .title {
            margin:100px auto 0;
        }
    }

#index11 .title {
    margin:141px auto 40px;
}
#index11 .post-content {
    width: 100%;
    margin: 0 auto 60px;
}
#index11 .text {
    font-size: 1.8rem;
}
    @media(max-width:767px) {
        #index11 .title {
            margin:100px auto 30px;
        }
        #index11 .post-content {
            width: 100%;
            margin: 0 auto;
        }
        #index11 .text {
          /*font-size: 1.6rem;
          letter-spacing: 0;*/
          font-size: var(--sp_fontsize);
          line-height: var(--sp_lineheight);
        }
    }

#index12 .title {
    margin:141px auto 40px;
}
#index12 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
#index12 ul li {

    width: 48.5%;
    margin-bottom: 20px;
}
#index12 ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e7e2d7;
    min-height: 120px;
    text-align: center;
    font-weight: bold;
    color: #453a33;
    font-size: 2.3rem;
    line-height: 1.2;
    position: relative;
    width: 100%;
    padding: 0 20px;
    transition:0.6s;
}
#index12 ul li a::after {
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 0;
    border-color: #009885 transparent transparent transparent;
    position: absolute;
    top: 0;
    left: 0;
}
#index12 ul li a:hover {
    transition:0.6s;
    opacity: 0.5;
}
    @media(max-width:767px) {
        #index12 .title {
            margin:100px auto 30px;
        }
        #index12 ul {
            display: flex;
            justify-content: space-between;
            flex-wrap:wrap;
        }
        #index12 ul li {
            width: 49%;
            margin-bottom: 10px;
        }
        #index12 ul li a {
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #e7e2d7;
            min-height: 80px;
            text-align: center;
            font-weight: bold;
            color: #453a33;
            font-size: 1.5rem;
            line-height: 1.2;
            position: relative;
            width: 100%;
            padding: 0 20px;
            transition:0.6s;
        }
        #index12 ul li a::after {
            content:"";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 20px 20px 0 0;
            border-color: #009885 transparent transparent transparent;
            position: absolute;
            top: 0;
            left: 0;
        }
        #index12 ul li a:hover {
            transition:0.6s;
            opacity: 0.5;
        }
    }

#index13 .title {
    margin:141px auto 40px;
}
    @media(max-width:767px) {
        #index13 .title {
            margin:100px auto 30px;
        }
    }


#index-entries {
    margin-top: 100px;
}
#index-entries .con {
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
#index-entries .con > div {
    width: 49%;
}
#index-entries .con .title {
    font-size: 2.2rem;
    /*background-color: #fff;*/
    padding: 15px 15px 15px 25px;
    line-height: 1.2;
    position: relative;
    margin-bottom: 13px;
    /*width: 95%;*/
    width: 100%;
    border-bottom: 2px solid #b3a696;
    font-weight: bold;
}
#index-entries .con .title span {
    display:inline-block;
    text-align: right;
    font-size: 1.4rem;
    padding-left: 170px;
}
#index-entries .con .title::after {
    position: absolute;
    left: 0;
    top:50%;
    transform: translateY(-50%);
    content:"";
    height: 3px;
    width: 14px;
    background-color: var(--color02);
}
#index-entries .con ul {
}
#index-entries .con ul li {
    border-bottom: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 10px;
}
#index-entries .con ul li a:hover {
    opacity: 0.6;
}
#index-entries .con ul li .title2 {
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 6px;
}
#index-entries .con ul li .date {
    font-size: 1.3rem;
    margin-bottom: 6px;
}
#index-entries .con ul li .desc {
    font-weight: bold;
    font-size: 1.6rem;
}