@charset "utf-8";

/*-----clearfix-----*/
.cf::after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    font-size: 0.1em;
    line-height: 0;
}

.cf {
    min-height: 1px;
}

* html .cf {
    height: 1px;
}

/*-----cleartext-----*/
.clearText {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/*-----保護マーク非表示-----*/
.grecaptcha-badge { visibility: hidden; }

/*-----common-----*/
/*all device*/
.wrapper {
    position: relative;
}

body.fixed {
    position: fixed;
    width: 100%;
    overflow: hidden;
}

.disB {
    display: block;
}

.bold,
strong {
    font-weight: bold !important;
}

.taL {
    text-align: left;
}

.taC {
    text-align: center;
}

.taR {
    text-align: right;
}

.fL {
    float: left;
}

.fR {
    float: right;
}

.posRel {
    position: relative;
}

.fBox {
    margin-left: -3%
}

.fAll {
    float: left;
    width: 97%;
    margin-left: 3%;
}

.f1of2 {
    float: left;
    width: 47%;
    margin-left: 3%;
}

.f1of3 {
    float: left;
    width: 30.3333%;
    margin-left: 3%;
}

.f2of3 {
    float: left;
    width: 63.6666%;
    margin-left: 3%;
}

.f1of4 {
    float: left;
    width: 22%;
    margin-left: 3%;
}

.f3of4 {
    float: left;
    width: 72%;
    margin-left: 3%;
}

.f1of5 {
    float: left;
    width: 17%;
    margin-left: 3%;
}

.f2of5 {
    float: left;
    width: 37%;
    margin-left: 3%;
}

.f3of5 {
    float: left;
    width: 57%;
    margin-left: 3%;
}

.f4of5 {
    float: left;
    width: 77%;
    margin-left: 3%;
}

.f1of6 {
    float: left;
    width: 13.6666%;
    margin-left: 3%;
}

.f5of6 {
    float: left;
    width: 80.3333%;
    margin-left: 3%;
}

.f1of7 {
    float: left;
    width: 11.2857%;
    margin-left: 3%;
}

.f2of7 {
    float: left;
    width: 25.5714%;
    margin-left: 3%;
}

.f3of7 {
    float: left;
    width: 39.8571%;
    margin-left: 3%;
}

.f4of7 {
    float: left;
    width: 54.1428%;
    margin-left: 3%;
}

.f5of7 {
    float: left;
    width: 68.4285%;
    margin-left: 3%;
}

.f6of7 {
    float: left;
    width: 82.7142%;
    margin-left: 3%;
}

.f1of8 {
    float: left;
    width: 9.5%;
    margin-left: 3%;
}

.f3of8 {
    float: left;
    width: 34.5%;
    margin-left: 3%;
}

.autoImg {
    width: 100%;
    height: auto;
}

.autoImg.full {
    width: auto;
    max-width: 100%;
    height: auto;
    display: table;
    margin: 0 auto;
}

.autoImg.lg {
    width: 80%;
    margin: 0 auto;
    display: block;
}

.autoImg.md {
    width: 50%;
    margin: 0 auto;
    display: block;
}

.autoImg.sm {
    width: 30%;
    margin: 0 auto;
    display: block;
}

.hAuto {
    height: auto !important;
}

.bottomLine {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.boderLine {border: 1px solid #ddd;}

.indenter {
    padding-left:1em;
    text-indent:-1em;
}

a,
a:focus {
    outline: none;
}

button,
input,
input:focus {
    outline: none;
}

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

/*sp*/
@media only screen and (max-width: 767px) {
    .wrapper {
        width: 100%;
        letter-spacing: 0.05em;
        line-height: 1.4em;
    }

    .boldSp {
        font-weight: 600;
    }

    .hideSp {
        display: none !important;
    }

    .taLSp {
        text-align: left;
    }

    .taCSp {
        text-align: center;
    }

    .taRSp {
        text-align: right;
    }

    .fLSp {
        float: left;
    }

    .fRSp {
        float: right;
    }

    .fBoxSp {
        margin-left: -2%
    }

    .fAllSp {
        float: left;
        width: 98%;
        margin-left: 2%;
    }

    .f1of2Sp {
        float: left;
        width: 48%;
        margin-left: 2%;
    }

    .f1of3Sp {
        float: left;
        width: 31.3333%;
        margin-left: 2%;
    }

    .f2of3Sp {
        float: left;
        width: 64.6666%;
        margin-left: 2%;
    }

    .f1of4Sp {
        float: left;
        width: 23%;
        margin-left: 2%;
    }

    .f3of4Sp {
        float: left;
        width: 73%;
        margin-left: 2%;
    }

    .f1of5Sp {
        float: left;
        width: 18%;
        margin-left: 2%;
    }

    .f2of5Sp {
        float: left;
        width: 38%;
        margin-left: 2%;
    }

    .f3of5Sp {
        float: left;
        width: 58%;
        margin-left: 2%;
    }

    .f4of5Sp {
        float: left;
        width: 78%;
        margin-left: 2%;
    }

    .f1of6Sp {
        float: left;
        width: 14.6666%;
        margin-left: 2%;
    }

    .f5of6Sp {
        float: left;
        width: 81.3333%;
        margin-left: 2%;
    }

    .f1of7Sp {
        float: left;
        width: 12.2857%;
        margin-left: 2%;
    }

    .f2of7Sp {
        float: left;
        width: 26.5714%;
        margin-left: 2%;
    }

    .f3of7Sp {
        float: left;
        width: 40.8571%;
        margin-left: 2%;
    }

    .f4of7Sp {
        float: left;
        width: 55.1428%;
        margin-left: 2%;
    }

    .f5of7Sp {
        float: left;
        width: 69.4285%;
        margin-left: 2%;
    }

    .f6of7Sp {
        float: left;
        width: 83.7142%;
        margin-left: 2%;
    }

    .f1of8Sp {
        float: left;
        width: 10.5%;
        margin-left: 2%;
    }

    .f3of8Sp {
        float: left;
        width: 35.5%;
        margin-left: 2%;
    }

    .autoImg {
        width: 100%;
        height: auto;
    }

    .autoImg.fullSp {
        width: auto;
        max-width: 100%;
        height: auto;
        display: table;
        margin: 0 auto;
    }

    .autoImg.lgSp {
        width: 80%;
        margin: 0 auto;
        display: block;
    }

    .autoImg.mdSp {
        width: 50%;
        margin: 0 auto;
        display: block;
    }

    .autoImg.smSp {
        width: 30%;
        margin: 0 auto;
        display: block;
    }

    /*.hAutoSp {
        height: auto !important;
    }*/
}

/*pc*/
@media only screen and (min-width: 768px) {
    .wrapper {
        width: 100%;
        min-width: 1240px;
        letter-spacing: 0.05em;
        line-height: 1.4em;
    }

    /*.boldPc {
        font-weight: 600;
    }*/

    .hidePc {
        display: none !important;
    }

    .taLPc {
        text-align: left;
    }

    .taCPc {
        text-align: center;
    }

    .taRPc {
        text-align: right;
    }

    .fLPc {
        float: left;
    }

    .fRPc {
        float: right !important;
    }

    .fBoxPc {
        margin-left: -3%
    }

    .fAllPc {
        float: left;
        width: 97%;
        margin-left: 3%;
    }

    .f1of2Pc {
        float: left;
        width: 47%;
        margin-left: 3%;
    }

    .f1of3Pc {
        float: left;
        width: 30.3333%;
        margin-left: 3%;
    }

    .f2of3Pc {
        float: left;
        width: 63.6666%;
        margin-left: 3%;
    }

    .f1of4Pc {
        float: left;
        width: 22%;
        margin-left: 3%;
    }

    .f3of4Pc {
        float: left;
        width: 72%;
        margin-left: 3%;
    }

    .f1of5Pc {
        float: left;
        width: 17%;
        margin-left: 3%;
    }

    .f2of5Pc {
        float: left;
        width: 37%;
        margin-left: 3%;
    }

    .f3of5Pc {
        float: left;
        width: 57%;
        margin-left: 3%;
    }

    .f4of5Pc {
        float: left;
        width: 77%;
        margin-left: 3%;
    }

    .f1of6Pc {
        float: left;
        width: 13.6666%;
        margin-left: 3%;
    }

    .f5of6Pc {
        float: left;
        width: 80.3333%;
        margin-left: 3%;
    }

    .f1of7Pc {
        float: left;
        width: 11.2857%;
        margin-left: 3%;
    }

    .f2of7Pc {
        float: left;
        width: 25.5714%;
        margin-left: 3%;
    }

    .f3of7Pc {
        float: left;
        width: 39.8571%;
        margin-left: 3%;
    }

    .f4of7Pc {
        float: left;
        width: 54.1428%;
        margin-left: 3%;
    }

    .f5of7Pc {
        float: left;
        width: 68.4285%;
        margin-left: 3%;
    }

    .f6of7Pc {
        float: left;
        width: 82.7142%;
        margin-left: 3%;
    }

    .f1of8Pc {
        float: left;
        width: 9.5%;
        margin-left: 3%;
    }

    .f3of8Pc {
        float: left;
        width: 34.5%;
        margin-left: 3%;
    }

    .autoImg {
        width: 100%;
        height: auto;
    }

    .autoImg.fullPc {
        width: auto;
        max-width: 100%;
        height: auto;
        display: table;
        margin: 0 auto;
    }

    .autoImg.lgPc {
        width: 80%;
        margin: 0 auto;
        display: block;
    }

    .autoImg.mdPc {
        width: 50%;
        margin: 0 auto;
        display: block;
    }

    .autoImg.smPc {
        width: 30%;
        margin: 0 auto;
        display: block;
    }
}

/*-----content-size-----*/
/*sp*/
@media only screen and (max-width: 767px) {

    .contentBox,
    .contentBoxSp,
    .contentBoxM,
    .contentBoxMSp,
    .contentBoxL,
    .contentBoxLSp {
        margin-left: 2.5% !important;
        margin-right: 2.5% !important;
    }
}

/*pc*/
@media only screen and (min-width: 768px) {

    .contentBox,
    .contentBoxPc {
        width: 1240px;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .contentBoxM,
    .contentBoxMPc {
        width: 800px;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0;
        box-sizing: border-box;
    }

    .contentBoxL,
    .contentBoxLPc {
        width: 1024px;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0;
        box-sizing: border-box;
    }
}

/*-----font-color-----*/
body {
    color: #000;
}

.black {
    color: #333;
}

.white {
    color: #fff;
}

.gray {
    color: #999;
}

.pale {
    color: #666;
}

.red {
    color: #d32f2f;
}

.brown {
    color: #B92B2B;
}

a {
    color: #000;
    text-decoration: none;
}

a.underLine:hover {
    text-decoration: underline;
    transform: scale(1.1);
}

@media only screen and (max-width: 767px) {
    .blackSp {
        color: #333;
    }

    .whiteSp {
        color: #fff;
    }

    .redSp {
        color: #d32f2f;
    }

    .brownSp {
        color: #B92B2B;
    }
}

@media only screen and (min-width: 768px) {
    .blackPc {
        color: #333;
    }

    .whitePc {
        color: #fff;
    }

    .redPc {
        color: #d32f2f;
    }

    .brownPc {
        color: #B92B2B;
    }
}

/*-----background-color-----*/
body {
    /*background-image: url(../../assets/image/bg/groundBg.jpg);
    background-repeat: repeat-y;
    background-size: contain;*/
    background-color: #fafafa;
}

.grayDarkBg {
    background: #eaeaea;
}

.grayBg {
    background: #f1f1f1;
}

.grayPaleBg {
    background: #fafafa;
}

.whiteBg {
    background: rgba(255, 255, 255, 0.7);
}

/*-----font-family-----*/

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

.ming {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.qs {
    font-family: 'Quicksand', sans-serif;
    letter-spacing: 0.03em;
    line-height: 1.1;
}

@media all and (-ms-high-contrast:none) {

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

    /* IE11 */
    *::-ms-backdrop,
    .ming {
        font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ 明朝", serif !important;
    }

    /* IE11 */
}


/*all device*/
.lh0 {
    line-height: 1.0em;
}

.lhS {
    line-height: 1.4em;
}

.lhM {
    line-height: 1.6em;
}

.lhL {
    line-height: 1.8em;
}
.text0 {
    font-size: 0;
}

/*sp*/
@media only screen and (max-width: 767px) {

    .textXXL,
    .textXXLSp {
        font-size: 8vw !important;
    }

    .textXLM,
    .textXLMSp {
        font-size: 7vw !important;
    }

    .textXL,
    .textXLSp {
        font-size: 6.5vw !important;
    }

    .textLL,
    .textLLSp {
        font-size: 5vw !important;
    }

    .textL,
    .textLSp {
        font-size: 16px !important;
    }

    .textM,
    .textMSp {
        font-size: 14px !important;
    }

    .textS,
    .textSSp {
        font-size: 12px !important;
    }

    .textXS,
    .textXSSp {
        font-size: 11px !important;
    }

    .textXXS,
    .textXXSSp {
        font-size: 10px !important;
    }
}

/*pc*/
@media only screen and (min-width: 768px) {

    .textXXL,
    .textXXLPc {
        font-size: 34px !important;
    }

    .textXLM,
    .textXLMPc {
        font-size: 32px !important;
    }

    .textXL,
    .textXLPc {
        font-size: 24px !important;
    }

    .textLL,
    .textLLPc {
        font-size: 20px !important;
    }

    .textL,
    .textLPc {
        font-size: 18px !important;
    }

    .textM,
    .textMPc {
        font-size: 15px !important;
    }

    .textS,
    .textSPc {
        font-size: 14px !important;
    }

    .textXS,
    .textXSPc {
        font-size: 12px !important;
    }

    .textXXS,
    .textXXSPc {
        font-size: 10px !important;
    }
}

/*-----margin-top-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px) {

    .mtXS,
    .mtXSSp {
        margin-top: 5px !important;
    }

    .mtS,
    .mtSSp {
        margin-top: 15px !important;
    }

    .mtM,
    .mtMSp {
        margin-top: 20px !important;
    }

    .mtL,
    .mtLSp {
        margin-top: 30px !important;
    }

    .mtXL,
    .mtXLSp {
        margin-top: 40px !important;
    }
}

/*pc*/
@media only screen and (min-width: 768px) {

    .mtXXS,
    .mtXXSPc {
        margin-top: 5px !important;
    }

    .mtXS,
    .mtXSPc {
        margin-top: 10px !important;
    }

    .mtS,
    .mtSPc {
        margin-top: 20px !important;
    }

    .mtM,
    .mtMPc {
        margin-top: 40px !important;
    }

    .mtL,
    .mtLPc {
        margin-top: 60px !important;
    }

    .mtXL,
    .mtXLPc {
        margin-top: 80px !important;
    }
}

/*-----margin-bottom-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px) {

    .mbXS,
    .mbXSSp {
        margin-bottom: 5px !important;
    }

    .mbS,
    .mbSSp {
        margin-bottom: 15px !important;
    }

    .mbM,
    .mbMSp {
        margin-bottom: 20px !important;
    }

    .mbL,
    .mbLSp {
        margin-bottom: 30px !important;
    }

    .mbXL,
    .mbXLSp {
        margin-bottom: 40px !important;
    }
}

/*pc*/
@media only screen and (min-width: 768px) {

    .mbXS,
    .mbXSPc {
        margin-bottom: 10px !important;
    }

    .mbS,
    .mbSPc {
        margin-bottom: 20px !important;
    }

    .mbM,
    .mbMPc {
        margin-bottom: 40px !important;
    }

    .mbL,
    .mbLPc {
        margin-bottom: 60px !important;
    }

    .mbXL,
    .mbXLPc {
        margin-bottom: 80px !important;
    }
}

/*-----padding-top-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px) {

    .ptXS,
    .ptXSp {
        padding-top: 5px !important;
    }

    .ptS,
    .ptSSp {
        padding-top: 15px !important;
    }

    .ptM,
    .ptMSp {
        padding-top: 20px !important;
    }

    .ptL,
    .ptLSp {
        padding-top: 30px !important;
    }

    .ptXL,
    .ptXLSp {
        padding-top: 40px !important;
    }
}

/*pc*/
@media only screen and (min-width: 768px) {

    .ptXS,
    .ptXSPc {
        padding-top: 10px !important;
    }

    .ptS,
    .ptSPc {
        padding-top: 20px !important;
    }

    .ptM,
    .ptMPc {
        padding-top: 40px !important;
    }

    .ptL,
    .ptLPc {
        padding-top: 60px !important;
    }

    .ptXL,
    .ptXLPc {
        padding-top: 80px !important;
    }
}

/*-----padding-bottom-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px) {

    .pbXS,
    .pbXSSp {
        padding-bottom: 5px !important;
    }

    .pbS,
    .pbSSp {
        padding-bottom: 15px !important;
    }

    .pbM,
    .pbMSp {
        padding-bottom: 20px !important;
    }

    .pbL,
    .pbLSp {
        padding-bottom: 30px !important;
    }

    .pbXL,
    .pbXLSp {
        padding-bottom: 40px !important;
    }

    .pbXXL,
    .pbXXLSp {
        padding-bottom: 80px !important;
    }
}

/*pc*/
@media only screen and (min-width: 768px) {

    .pbXS,
    .pbXSPc {
        padding-bottom: 10px !important;
    }

    .pbS,
    .pbSPc {
        padding-bottom: 20px !important;
    }

    .pbM,
    .pbMPc {
        padding-bottom: 40px !important;
    }

    .pbL,
    .pbLPc {
        padding-bottom: 60px !important;
    }

    .pbXL,
    .pbXLPc {
        padding-bottom: 80px !important;
    }

    .pbXXL,
    .pbXXLPc {
        padding-bottom: 100px !important;
    }
}

/*-----paddingBox-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px) {

    .pdBoxS,
    .pdBoxSSp {
        box-sizing: border-box;
        padding-left: 5px;
        padding-right: 5px;
    }

    .pdBoxM,
    .pdBoxMSp {
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
    }

    .pdBoxL,
    .pdBoxLSp {
        box-sizing: border-box;
        padding-left: 40px;
        padding-right: 40px;
    }

    .pdRSSp {
        padding-right: 5px;
    }
}

/*pc*/
@media only screen and (min-width: 768px) {

    .pdBoxS,
    .pdBoxSPc {
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
    }

    .pdBoxM,
    .pdBoxMPc {
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px;
    }

    .pdBoxL,
    .pdBoxLPc {
        box-sizing: border-box;
        padding-left: 40px;
        padding-right: 40px;
    }
}

/*-----UI-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px) {
    .menuArea {
        top: 0 !important;
        left: 0;
        width: 100%;
        z-index: 3;
    }

    .menuBtn {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 60px;
        height: 60px;
        cursor: pointer;
        z-index: 102;
        background-color: #B92B2B;
    }

    .menuBtn span {
        display: block;
        position: absolute;
        height: 1px;
        width: 30px;
        background: #fff;
        left: 15px;
        -webkit-transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
    }

    .menuBtn span:nth-child(1) {
        top: 14px;
    }

    .menuBtn span:nth-child(2) {
        top: 22px;
    }

    .menuBtn span:nth-child(3) {
        top: 30px;
    }

    .menuBtn.open span:nth-child(1) {
        top: 21px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }

    .menuBtn.open span:nth-child(2) {
        width: 0;
        left: 50%;
    }

    .menuBtn.open span:nth-child(3) {
        top: 21px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }

    .menuBtn .menuTitle {
        position: absolute;
        bottom: 6px;
        text-align: center;
        width: 100%;
        color: #fff;
        font-size: 12px;
    }

    .grobalMenu {
        display: none;
        height: -webkit-calc(100vh - 60px);
        height: calc(100vh - 60px);
        margin-top: 60px;
        overflow-y: scroll;
        background-color: #B92B2B;
    }

    .grobalMenu .menuBtnClose {
        position: absolute;
        width: 60px;
        height: 60px;
        top: 0;
        right: 0;
        z-index: 104;
    }

    .mainMenu {
        border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    }

    .mainMenu a {
        color: #fff;
    }

    /*.mainMenu li:after {
        content: '';
        width: 15px;
        height: 15px;
        background: url(../image/icon_right_white.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -8px;
    }*/

    .toggleContents {
        display: none;
    }

    .mainMenu .topMenu {
        position: relative;
    }

    .mainMenu .topMenu>a,
    .mainMenu .topMenu .close {
        display: block;
        border-top: 1px solid rgba(255, 255, 255, 0.6);
        font-size: 16px;
        padding: 20px 0 20px 10px;
    }

    .mainMenu .topMenu .close {
        padding-right: 15px;
    }

    .mainMenu .topMenu .close:before {
        content: '×';
        margin-right: 15px;
    }

    /*.mainMenu .topMenu>.toggleBtn {
        position: absolute;
        display: block;
        width: 30px;
        height: 30px;
        border: 1px solid #fff;
        right: 15px;
        top: 15px;
    }

    .mainMenu .topMenu>.toggleBtn:before {
        content: '';
        width: 16px;
        height: 16px;
        background-image: url(common/image/icon_plus_white.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -8px;
    }

    .mainMenu .topMenu>.toggleBtn.active:before {
        background-image: url(common/image/icon_minus_white.png);
    }*/

    .topSubMenu {
        text-align: center;
    }

    .spMenuBox table {
        width: 100%;
    }

    .spMenuBox table tr {
        border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    }

    .spMenuBox table td {
        border-right: 1px solid rgba(255, 255, 255, 0.6);
    }

    .spMenuBox table td::last-child {
        border-right: none;
    }

    .spMenuBox table td a {
        color: #fff;
        text-align: center;
        padding: 16px 20px;
        display: block;
    }

    .spMenuBox table td a.tel,
    .spMenuBox table td a.mail {
        position: relative;
        margin-left: 20px;

    }

    .spMenuBox table td a.tel::before {
        width: 15px;
        height: 15px;
        background: url(../image/icon/icon_tel_white.svg);
        background-repeat: no-repeat;
        top: 5px;
        bottom: 0;
        margin: auto;
        left: 15px;
    }

    .spMenuBox table td a.mail::before {
        width: 18px;
        height: 15px;
        background: url(../image/icon/icon_mail_white.svg);
        background-repeat: no-repeat;
        top: 5px;
        bottom: 0;
        margin: auto;
        left: 15px;
    }

    .snsIcon {
        display: inline-block;
        background-size: cover;
        width: 30px;
        height: 30px;
        margin: 20px 10px 0;
    }
}

/*pc*/
@media only screen and (min-width: 768px) {
    .menuArea {
        top: 0 !important;
        left: 0;
        width: 100%;
        background-color: #B92B2B;
        z-index: 3;
        transition: 0.3s;
    }

    .menuBtn {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 60px;
        height: 60px;
        cursor: pointer;
        z-index: 102;
        background-color: #B92B2B;
    }

    .menuBtn span {
        display: block;
        position: absolute;
        height: 1px;
        width: 30px;
        background: #fff;
        left: 15px;
        top: 20px;
        -webkit-transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
    }

    .menuBtn span:nth-child(1) {
        top: 14px;
    }

    .menuBtn span:nth-child(2) {
        top: 22px;
    }

    .menuBtn span:nth-child(3) {
        top: 30px;
    }

    .menuBtn.open span:nth-child(1) {
        top: 21px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }

    .menuBtn.open span:nth-child(2) {
        width: 0;
        left: 50%;
    }

    .menuBtn.open span:nth-child(3) {
        top: 21px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }

    .menuBtn .menuTitle {
        position: absolute;
        bottom: 6px;
        text-align: center;
        width: 100%;
        color: #fff;
        font-size: 12px;
    }

    .grobalMenu {
        display: none;
        height: -webkit-calc(100vh - 60px);
        height: calc(100vh - 60px);
        margin-top: 60px;
    }

    .grobalMenu .menuBtnClose {
        position: absolute;
        width: 60px;
        height: 60px;
        top: 0;
        right: 0;
        z-index: 104;
    }

    .mainMenu {
        border-bottom: 1px solid rgba(255, 255, 255, 0.6);
        width: 70%;
        margin: 0 auto;
        padding-top: 100px;
    }

    /*.mainMenu li.topMenu:after {
        content: '';
        width: 15px;
        height: 15px;
        background: url(../image/icon_right_white.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -8px;
    }*/

    .mainMenu a {
        color: #fff;
    }

    .toggleContents {
        display: none;
    }

    .mainMenu .topMenu,
    .topContact {
        position: relative;
    }

    .mainMenu .topContact {
        padding: 15px 0 15px 25px;
        display: block;
    }

    .mainMenu .topMenu>a,
    .mainMenu .topMenu .close {
        display: block;
        border-top: 1px solid rgba(255, 255, 255, 0.6);
        font-size: 16px;
        padding: 15px 0 15px 25px;
    }

    .topMenuTel {
        float: right;
        color: #fff;
        display: inline-block;
        margin-right: 5px;
    }

    .telephone {
        font-size: 12px;
    }

    .number {
        font-size: 20px;
        margin-right: 15px;
        vertical-align: bottom;
    }

    .topSubMenu {
        display: flex;
        width: 150px;
        margin: 20px auto 0;
        justify-content: space-between;
    }

    .snsIcon {
        display: inline-block;
        background-size: cover;
        width: 30px;
        height: 30px;
    }

    .snsIcon.foot {
        width: 20px;
        height: 20px;
        margin: 5px 5px 0;
    }

    .breadcrumb {
        border-bottom: 1px solid #ddd;
        height: 39px;
        font-size: 12px;
    }

    .breadcrumb>div>span {
        display: block;
        position: relative;
        padding-right: 30px;
        line-height: 39px;
        height: 39px;
        float: left;
    }

    .breadcrumb>div>span:after {
        content: '';
        width: 14px;
        height: 40px;
        background-image: url(../image/bread_list.svg);
        background-repeat: no-repeat;
        position: absolute;
        right: 9px;
        top: 0;
    }

    .breadcrumb>div>span:last-child {
        padding-right: 0;
    }

    .breadcrumb>div>span:last-child:after {
        background-image: none;
    }

    .breadcrumb span a span {
        display: block;
        font-weight: 600;
        color: #333;
        transition: 0.3s;
    }

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

/*-----header-----*/
/*all device*/
.fbLogo {
    background-image: url(../../assets/image/icon/icon_fb-w.svg);
}

.twitterLogo {
    background-image: url(../../assets/image/icon/icon_twitter-w.svg);
}

.instaLogo {
    background-image: url(../../assets/image/icon/icon_insta-w.svg);
}

.topTwitter {
    background-image: url(../../assets/image/icon/icon_twitter-w.svg);
    background-repeat: no-repeat;
}

.topFb {
    background-image: url(../../assets/image/icon/icon_fb-w.svg);
    background-repeat: no-repeat;
}

.topInst {
    background-image: url(../../assets/image/icon/icon_insta-w.svg);
    background-repeat: no-repeat;
}

/*sp*/
@media only screen and (max-width: 767px) {
    .header {
        width: 100%;
        height: 60px;
        position: fixed;
        transition: 0.3s;
        background-color: rgba(255, 255, 255, 0.9);
        ;
        z-index: 100;
        top: 0;
    }

    .header .logo {
        float: left;
        box-sizing: border-box;
        height: 60px;
        background-image: url(../../assets/image/logo/croco.png);
        background-repeat: no-repeat;
        background-size: contain;
        padding-left: 45px;
        margin-left: 10px;
        padding-top: 14px;
    }

    .header .logo h1,
    .header .logo p {
        font-size: 12px;
        letter-spacing: 0.5rem;
        color: #fff;
        background: #b92c2c;
        padding: 1px 10px;
        display: inline-block;
    }

    .header .snsLogo {
        padding: 18px 70px 0 0px;
        position: absolute;
        right: 0;
        display: flex;
        justify-content: space-between;
        width: 120px;
    }

    .header .snsLogo a {
        display: inline-block;
        width: 23px;
        height: 23px;
        background-size: cover;
    }

    .mainImg {
        background: url(../../assets/image/bg/mv_sp.jpg);
        background-position: center 30px;
        background-repeat: no-repeat;
        height: calc(100vh + 60px);
        position: relative;
        background-size: cover;
        margin-top: -60px;
    }

    .innerBox {
        padding: 140px 3% 3%;
        position: absolute;
        background: rgba(0, 0, 0, 0.15);
        color: #fff;
        margin: 0 0px 10px;
        height: calc(100vh - 140px);
    }

    .mainCopy {
        font-size: 14px;
        line-height: 1.6em;
        border: 1px solid rgba(204, 204, 204, 0.2);
        padding: 20px;
        border-radius: 20px;
    }

    .rentalNote {
        width: 220px;
        height: 220px;
        background: rgba(185, 45, 46, 0.9);
        border-radius: 50%;
        padding: 35px 20px 0;
        box-sizing: border-box;
        color: #fff;
        margin: 0px 0 40px 10px;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .icon_rentalSpace {
        color: #ff9d9d
    }

    .icon_rentalSpace::after {
        background: no-repeat center/contain #fff !important;
        width: 40px;
        height: 1px;
        left: 0;
        right: 0;
        margin: 30px auto 0;
    }

    .textShadow {
        text-shadow: 1px 1px 4px #fff;
    }

    .titleArea {
        width: 100%;
        height: 60px;
        /* background-position: center; */
        /* background-size: cover; */
        /* position: relative; */
        margin-top: 60px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .titleArea .titleBox {
        font-size: 24px;
        line-height: 1.6em;
        position: relative;
        padding-top: 15px;
        padding-left: 10px;
    }

    .titleArea .titleBox .pageTtl {
        font-size: 14px;
        line-height: 1.6em;
    }

    .breadcrumb {
        border-bottom: 1px solid #ddd;
        height: 30px;
        font-size: 12px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
        overflow: auto;
        white-space: nowrap;
    }

    .breadcrumb>div>span {
        position: relative;
        padding-right: 30px;
        line-height: 30px;
        height: 30px;
    }

    .breadcrumb>div>span:after {
        content: '';
        width: 12px;
        height: 30px;
        background-image: url(../image/bread_list.svg);
        background-repeat: no-repeat;
        position: absolute;
        right: 9px;
    }

    .breadcrumb>div>span:last-child {
        padding-right: 5px;
    }

    .breadcrumb>div>span:last-child:after {
        background-image: none;
    }

    .breadcrumb span a span {
        font-weight: 600;
        color: #333;
        transition: 0.3s;
    }
}

/*pc*/
@media only screen and (min-width: 768px) {
    .header {
        width: 100%;
        height: 60px;
        position: fixed;
        transition: 0.3s;
        background-color: rgba(0,0,0,0.7);
        z-index: 100;
        box-sizing: border-box;
    }

    .header .logo {
        float: left;
        box-sizing: border-box;
        display: block;
        width: 240px;
        height: 60px;
        background-image: url(../../assets/image/logo/croco.png);
        background-repeat: no-repeat;
        background-size: contain;
        padding-left: 45px;
        margin-left: 30px;
        padding-top: 14px;
    }

    .header .logo h1,
    .header .logo p {
        font-size: 12px;
        letter-spacing: 0.5rem;
        color: #fff;
        background: #b92c2c;
        padding: 1px 10px;
        display: inline-block;
    }

    .header .logo a:hover {
        opacity: 0.7;
    }

    .header .snsLogo {
        padding: 18px 90px 0 0px;
        position: absolute;
        right: 0;
        display: flex;
        justify-content: space-between;
        width: 120px;
    }

    .header .snsLogo a {
        display: inline-block;
        width: 25px;
        height: 25px;
        background-size: cover;
    }

    .mainImg {
        background: url(../../assets/image/bg/mv.jpg);
        background-position: center 60px;
        background-repeat: no-repeat;
        height: 650px;
        position: relative;
        background-size: cover;
        margin-top: -60px;
    }

    .mainImg:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        background: rgb(0, 0, 0);
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.8127626050420168) 25%, rgba(0, 0, 0, 0.2497373949579832) 90%);
        z-index: 5;
    }

    .innerBox {
        position: absolute;
        width: 1200px;
        margin: auto;
        left: 0;
        right: 0;
    }

    .innerBox_top {
        width: 100%;
        background: url(../../assets/image/bg/crocodile.svg);
        background-position: center;
        background-repeat: no-repeat;
        height: 350px;
        background-size: contain;
        margin: 80px 0 0;
        opacity: 0.5;
    }

    .mainCopy {
        line-height: 1.6em;
        font-size: 13px;
        padding-left: 40px;
        margin-top: 30px;
        opacity: 0.8;
        float: right;
    }

    .rentalNote {
        position: absolute;
        bottom: -80px;
        width: 270px;
        height: 270px;
        background: rgba(185, 45, 46, 1);
        border-radius: 50%;
        padding: 43px 20px 0;
        box-sizing: border-box;
        color: #fff;
        left: 150px;
    }

    .icon_rentalSpace {
        color: #ff9d9d
    }

    .icon_rentalSpace::after {
        background: no-repeat center/contain #fff !important;
        width: 40px;
        height: 1px;
        left: 0;
        right: 0;
        margin: 30px auto 0;
    }

    .titleArea {
        width: 100%;
        height: 110px;
        position: relative;
        border-bottom: 1px solid #ddd;
    }

    .titleArea .titleBox {
        width: 1200px;
        padding: 70px 0 0 0;
        margin: 0 auto;
    }

    .titleArea .titleBox {
        font-size: 24px;
        line-height: 1.6em;
    }

    .titleArea .titleBox .pageTtl {
        font-size: 14px;
        line-height: 1.6em;
        margin-left: 20px;
    }

    .titleArea .titleBox .pageTtl span {
        font-size: 14px;
    }
}

/*-----footer-----*/
/*all device*/
.footer {
    background-color: #B92B2B;
    padding: 40px 0 20px;
}

.footerMenu {
    padding: 0 0 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 10px;
}

.footerMenu a {
    color: #fff;
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
}

.footerMenu ul li {
    margin: 0 0 5px 45px;
}

.footerSubMenu {
    display: flex;
    width: 120px;
}

/*sp*/
@media only screen and (max-width: 767px) {
    .footerMenu {
    padding: 0 20px 0;
    }

    .footerMenu a {
        font-size: 16px;
    }

    .footerMenu ul li {
        margin: 0 0 12px 5px;
    }

    .footerSubMenu {
        display: flex;
        width: 150px;
        margin: 0 auto;
    }
}

/*-----btn-----*/
.topBtn {
    right: 5px;
}

/*----------------Light box---------------*/
body.lb-disable-scrolling {
  overflow: hidden;
  position: fixed;
  height: 100vh;
  width: 100vw;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  outline: none;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;
  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../../assets/image/icon/ajax-loader.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../../assets/image/icon/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../../assets/image/icon/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../../assets/image/icon/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*----------------------------------------*/

.copyYear {
    margin: 0px auto 0;
    font-style: normal;
}

/*sp*/
@media only screen and (max-width: 767px) {
    .footLogo {
        width: 130px;
        display: inline-block;
        padding-top: 5%;
    }

    .spContactBox {
        border-bottom: 1px solid rgba(255, 255, 255, 0.6);
        text-align: center;
        margin-bottom: 20px;
        background: #bb2926;
        width: 100%;
    }

    .spContactBox span {
        width: 50%;
        display: inline-block;
        box-sizing: border-box;
        position: relative;
    }

    .spContactBox span a {
        display: block;
        padding: 20px 0 20px 35px;
        color: #fff;
    }

    .spContactBox span:last-child {
        border-left: 1px solid rgba(255, 255, 255, 0.6);
    }

    .spContactBox .tel:before {
        content: '';
        background-image: url(../../assets/image/icon_phone_white.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 24px;
        height: 24px;
        position: absolute;
        top: 20px;
        left: 25px;
    }

    .spContactBox .web a:before {
        content: '';
        background-image: url(../../assets/image/icon_mail_white.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        width: 24px;
        height: 24px;
        position: absolute;
        left: 20px;
    }

    .fb a {
        margin-top: 10px;
        display: block;
        width: 24px;
        height: 24px;
        margin-right: 5px;
        background-image: url(../../assets/image/icon_fb_white.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .inst a {
        margin-top: 10px;
        display: block;
        width: 24px;
        height: 24px;
        background-image: url(../../assets/image/icon_inst_white.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .maL {
        margin-left: 4%;
    }
}

/*pc*/
@media only screen and (min-width: 768px) {
    /*.footSubTlt {
        padding-left: 20px;
    }

    .footLogo {
        width: 130px;
        display: inline-block;
        padding-top: 25%;
    }*/

    /*.fb a {
        margin-top: 10px;
        display: block;
        width: 24px;
        height: 24px;
        margin-right: 5px;
        background-image: url(../../assets/image/icon_fb_white.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .inst a {
        margin-top: 10px;
        display: block;
        width: 24px;
        height: 24px;
        background-image: url(../../assets/image/icon_inst_white.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }*/
}

/*-----layout-----*/
/*all device*/
/*sp*/
@media only screen and (max-width: 767px) {
    .shadow {
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
        transition: 0.3s;
    }
}

/*pc*/
@media only screen and (min-width: 768px) {
    .shadow {
        box-shadow: 6px 6px 13px rgba(0, 0, 0, 0.2);
        transition: 0.3s;
    }

    .shadow:hover {
        box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
        transition: 0.3s;
        opacity: 0.85;
    }
}

/*pc*/
@media only screen and (min-width: 768px) {
    dt {
        float: left;
        color: #B92B2B;
        padding: 0px 0 0px 10px;
        line-height: 2.8em !important;
        position: absolute;
    }

    .infoList {
        margin-bottom: 10px;
    }

    .infoList dt {
        position: initial;
    }

    dd {
        line-height: 2.7em;
        border-bottom: 1px solid #c5c5c5;
        padding-left: 110px;
    }

    .infoList dd {
        padding-left: 120px;
        padding-bottom: 15px;
    }
}

@media only screen and (max-width: 767px) {
    dt {
        color: #B92B2B;
        padding-top: 10px;
    }

    dd {
        border-bottom: 1px solid #c5c5c5;
        font-size: 14px;
        padding-bottom: 10px;
    }
}

/*all device*/
.icon {
    position: relative;
}

.btn.icon:after {
    width: 8px;
    height: 8px;
    background: url(../image/icon/icon_arrow-right_bk.svg);
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    margin-left: 12px;
    margin-bottom: 1px;
}

.linkBtn.icon:after {
    width: 10px;
    height: 10px;
    background: url(../image/icon/icon_right-black.svg);
    background-repeat: no-repeat;
    margin: 75px 0 0px 10px;
}

.icon.icon-tel:before {
    background-image: url(../image/icon/icon_tel.svg);
    display: inline-block;
    position: inherit;
    top: 5px;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.icon.icon-date:before {
    background-image: url(../image/icon/icon_date.svg);
    display: inline-block;
    position: inherit;
    top: 0;
    width: 19px;
    height: 19px;
    margin-right: 10px;
}

.icon.icon-time:before {
    background-image: url(../image/icon/icon_time.svg);
    display: inline-block;
    position: inherit;
    top: 3px;
    width: 17px;
    height: 17px;
    /*margin-right: 5px;*/
}

.icon.icon-music:before {
    background-image: url(../image/icon/icon_music.svg);
    display: inline-block;
    position: inherit;
    top: 3px;
    width: 17px;
    height: 17px;
    /*margin-right: 5px;*/
}

.icon.icon-music-narrow:before {
    background-image: url(../image/icon/icon_music.svg);
    display: inline-block;
    position: inherit;
    top: 3px;
    width: 17px;
    height: 17px;
}

.icon.icon-caution:before {
    background-image: url(../image/icon/icon_caution.svg);
    display: inline-block;
    position: inherit;
    top: 3px;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.icon:before,
.icon:after {
    background: no-repeat center/contain;
    content: "";
    position: absolute;
}

.leftLineText {
    margin-bottom: 5px;
}

.leftLineText:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    background-color: #727171;
    margin-right: 10px;
    vertical-align: middle;
}

.leftLineText.wL:before {
    background-color: #ff6c6c;
    width: 10px;
}

.ytTitle {
    margin-top: 10px;
    display: block;
}
.rentalTerms {
    font-size: 14px;
    list-style-type: decimal;
    padding-left: 25px;
}
.rentalTerms li:first-child {
    margin-top: 20px;
}
table.foodTable td {
    vertical-align: middle;
    padding-left: 10px;
    font-size: 14px;
}
table.foodTable td.img{
    width: 60px;
    padding-left: 0px;
}
/*sp*/
@media only screen and (max-width: 767px) {
    .topBtn {
        width: 50px;
        height: 135px;
        position: absolute;
        text-align: center;
        overflow: hidden;
        z-index: 5;
    }

    .topBtn span {
        position: absolute;
        z-index: 1;
        width: 70px;
        left: 0px;
        bottom: 5px;
        color: #5d4037;
        font-weight: 600;
        font-size: 12px;
    }

    .topBtn span:after {
        content: '';
        width: 15px;
        height: 45px;
        background-image: url(../../assets/image/icon_arrow_top_black.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        bottom: 20px;
        left: 30px;
    }

    .btn {
        font-size: 16px;
        padding: 5px 20px;
        background: #f7f7f7;
        display: inline-block;
        margin-top: 5px;
        border: 1px solid #ccc;
        border-radius: 3px;
        position: relative;
    }

    .btn.rent {
        background: initial;
        margin-top: 10px;
        padding: 5px 10px;
        position: relative;
        border: 1px solid rgba(255, 255, 255, 0.3);
        color: #fff;
        font-size: 16px;
    }

    .btn.single {
        padding: 2px 20px;
        position: absolute;
        right: 5px;
        bottom: 5px;
    }

    .leadBtn.ev {
        text-align: center;
    }

    .card {
        margin-bottom: 40px;
    }

    .card>li {
        background: rgba(255, 255, 255, 0.7);
        border: 1px solid #ddd;
        border-radius: 10px;
        position: relative;
        margin-bottom: 20px;
    }

    .card.movie>li {
        border: none;
    }

    .pickUpList.arch {
        margin-bottom: 60px;
    }

    .pickUpList.arch li {
        height: 200px;
    }

    .card .cardCase,
    .accessList {
        padding: 20px;

    }

    .card .thumbImg {
        width: 60px;
        height: 60px;
        background-size: cover;
        background-position: top;
    }

    .accessList {
        padding: 25px;
        background: rgba(255, 255, 255, 0.7);
        border: 1px solid #ddd;
        border-radius: 10px;

    }

    #eoLoopSingleEvent .eo-event-date {
        font-family: 'Quicksand', sans-serif;
        letter-spacing: 0.05em;
        background: #111;
        color: #fff;
        padding: 0 5px;
        font-weight: 600;
        font-size: 12px;
    }

    .goodsTable li {
        width: 100%;
        height: 60px;
        margin-bottom: 20px;
    }

    .goodsTable .title {
        vertical-align: middle;
        padding-left: 10px;
    }

    .noticeBox {
        border-collapse: separate;
        border: 1px solid #c5c5c5;
        border-radius: 10px;
        width: 100%;
    }

    .noticeBoxHead {
        width: 20%;
    }

    .noticeBoxHead img {
        width: 100%;
        height: 80px;
        border-radius: 9px 0 0 9px;
        vertical-align: bottom;
    }

    .noticeBoxText {
        padding: 5px 10px;
        vertical-align: middle;
    }
    .todayShow {
        position: relative;
        background: url(../../assets/image/bg/todayBg.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .todayBox {
        padding: 10px;
        position: relative;
        background: rgba(255,255,255,0.7);
    }

    .todayBoxDay {
        background: #000;
        color: #fff;
        border-radius: 50%;
        position: absolute;
        margin-top: -60px;
        margin-right: -10px;
        top: 0;
        right: 20px;
        width: 110px;
        height: 110px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .todayBoxDay_data {
        line-height: 0.3em;
        display: block;
        font-size: 40px;
        font-weight: bold;
        text-align: center;
        margin-top: 5px;
    }

    .pickupBoxDay {
        background: #eee;
    	color: #333;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	text-align: center;
    	border-radius: 50%;
    	position: absolute;
    	width: 65px;
    	height: 65px;
    	font-size: 28px;
    	font-weight: bold;
    	right: 0;
    	margin: -60px -5px 0px 0;
    	top: 0;
    }

    .pickupBoxDay_data {
        line-height: 0.2em;
    }

    .thumbTodayClass {
        max-height: 450px;
        max-width: 100%;
        margin: auto;
        display: block;
        width: auto;
        height: auto;
    }

    .leftBarText {
        border-left: 5px solid #b92d2d;
        padding-left: 0.8rem;
        margin-bottom: 30px;
        font-weight: 500;
    }

    .twitterTimeLine {
        width: 100%;
        overflow: hidden;
        border: 1px solid #ccc;
        border-radius: 13px;
    }

    .twitterTimeLine iframe {
        width: 100%;
        height: 400px !important;
    }

    .youTubeBox {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 56.25%;
    }

    .youTubeBox iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .ytBorder {
        border: 1px solid #ddd;    
        padding: 20px 10px;
        border-radius: 10px;
        background: #fafafa;
    }

    .uTube iframe {
        width: 100%;
        height: 200px;
    }

    .gmap {
        position: relative;
        height: 500px;
        overflow: hidden;
    }

    .accessList li {
        margin: 5px 0;
        line-height: 1.2;
    }

    .badge {
        width: 50px;
        position: absolute;
        left: 0;
        top: 0;
        margin: -10px 0px 0 23%;
    }

    .badge.sold {
        margin: 50px auto 0;
        width: 170px;
        right: 0;
    }

    .badge.sold_single {
        margin: 30px auto 0;
        width: 300px;
        right: 0;
    }

    .badge.cc {
        margin: 5px 0px 0 5px;
        width: 60px;
    }

    .badge.ev {
        margin: 18px 0px 0 80px;
    }

    table.rentalTable {
        border-collapse: collapse;
        border-top: 1px solid #ccc;

        width: 100%;
        margin: 20px 0;
        color: #333;
        background: #fff;
        font-size: 14px;
        display: block;
    }

    table.rentalTable th,
    table.rentalTable td {
        padding: 8px;
        display: block;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

    table.rentalTable th {
        border-bottom: 1px solid #ccc;
        background: #eaeaea;
    }

    table.rentalTable td {
        border-bottom: 1px solid #ccc;
    }
    table.foodTable td {
        font-size: 12px;
        line-height: 1.4;
    }
}

/*pc*/
@media only screen and (min-width: 768px) {
    .topBtn {
        width: 50px;
        height: 135px;
        position: absolute;
        text-align: center;
        overflow: hidden;
    }

    .topBtn span {
        position: absolute;
        z-index: 1;
        width: 70px;
        left: -15px;
        bottom: 5px;
        color: #5d4037;
        font-weight: 600;
        font-size: 12px;
    }

    .topBtn span:after {
        content: '';
        width: 15px;
        height: 45px;
        background-image: url(../../assets/image/icon_arrow_top_black.png);
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        bottom: 30px;
        left: 30px;
    }

    .btn {
        font-size: 14px;
        padding: 4px 20px;
        background: #f7f7f7;
        display: inline-block;
        margin-top: 5px;
        border: 1px solid #ccc;
        border-radius: 3px;
        position: relative;
    }

    .btn.rent {
        background: initial;
        margin-top: 20px;
        position: relative;
        border: 1px solid rgba(255, 255, 255, 0.3);
        color: #fff;
        font-size: 16px;
    }

    .btn.single {
        padding: 2px 20px;
        position: absolute;
        right: 5px;
        bottom: 5px;
    }

    .newsBtn {
        position: absolute;
        top: 0;
        right: 0;
    }

    .card {
        display: flex;
        justify-content: space-between;
    }

    .card.movie {
        flex-wrap: wrap;
        justify-content: normal;
    }

    .card>li {
        width: 380px;
        border: 1px solid #c5c5c5;
        background: rgba(255, 255, 255, 0.7);
        position: relative;
        border-radius: 10px;
        padding: 10px 0;
    }

    .card.movie>li {
        width: 30%;
        border: none;
        margin: 0 0 0 2%;
    }

    .card .cardCase {
        padding: 10px 20px 70px;
    }

    .card .thumbImg {
        width: 80px;
        height: 80px;
        background-size: cover;
        background-position: top;
    }

    .todayShow {
        position: relative;
        background: url(../../assets/image/bg/todayBg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .todayShowWrap {
        display: flex;
        /*align-items: center;*/
    }

    .todayShowWrap__text {
        width: 55%;
        padding: 24px 0 0 10px;
    }

    .todayShowWrap__img {
        width: 45%;
        padding: 20px 20px 20px 0;
    }

    .todayBox {
        position: relative;
        background: rgba(255,255,255,0.5);
        border-radius: 20px;
    }

    .todayText {
        height: 400px;
        display: table;
    }

    .todayText > div {
        display: table-cell;
        vertical-align: middle;
    }

    .todayBoxDay {
        background: #000;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        border-radius: 50%;
        position: absolute;
        margin-top: -115px;
        top: 0;
        left: 400px;
        width: 160px;
        height: 160px;
        font-size: 70px;
        font-weight: bold;
        z-index: 5;
    }

    .todayBoxDay_data {
        line-height: 0.2em;
        margin-top: 15px;
    }

    .pickupBoxDay {
        background: #eee;
    	color: #333;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	text-align: center;
    	border-radius: 50%;
    	position: absolute;
    	width: 70px;
    	height: 70px;
    	font-size: 30px;
    	font-weight: bold;
    	right: 0;
    	margin: -60px -5px 0px 0;
    	top: 0;
    }

    .pickupBoxDay_data {
        line-height: 0.4em;
        margin-top: 5px;
    }

    .goodsTable li {
        width: 100%;
        height: 80px;
        margin-bottom: 10px;
    }

    .goodsTable .title {
        vertical-align: middle;
        padding-left: 10px;
    }

    .pickUpList .thumbnail-box {
        width: 100%;
        height: 255px;
        background-size: contain;
        background-repeat: no-repeat;
        margin: 20px 0 10px;
    }

    .pickUpList .thumbnail-box.frontPage {
        /*transition-duration: 0.5s;
        transition-timing-function: ease-out;*/
        border: none;
    }

    .thumbnail-box.today {
        width: 100%;
        height: 550px;
        background-size: contain;
        background-repeat: no-repeat;
        border: none;
    }

    .trans {opacity: 0.8;}

    .thumbTodayClass {
        max-height: 650px;
        max-width: 100%;
        margin: auto;
        display: block;
        width: auto;
        height: auto;
    }

    #singleEvent .pickUpList {
        display: flex;
    }

    #singleEvent .pickUpList li {
        width: 160px;
        margin: 0 10px 0 0px;
        background: #fff;
    }

    #singleEvent .pickUpList .thumbnail-box {
        width: 100%;
        height: 160px;
        background-size: cover;
        margin: 0px 0 10px;
    }

    #singleEvent .textCase {
        padding: 0 10px 10px;
    }

    #singleEvent .textCase a {
        overflow-wrap: break-word;
    }

    .noticeBox {
        border-collapse: separate;
        border: 1px solid #c5c5c5;
        border-radius: 10px;
        width: 100%;
    }

    .noticeBoxHead {
        width: 10%;
    }

    .noticeBoxHead img {
        width: 100%;
        height: 80px;
        border-radius: 9px 0 0 9px;
        vertical-align: bottom;
    }

    .noticeBoxText {
        padding: 0 20px;
        vertical-align: middle;
        font-size: 16px;
    }

    .instaBox {
        width: 100%;
        height: 220px;
        border-radius: 10px;
        padding: 0 15px;
        margin-bottom: 50px;
    }

    .venueSize {
        width: 700px;
        margin: 0 auto;
    }

    .leftBarText {
        font-family: 'Quicksand', sans-serif;
        border-left: 5px solid #b92d2d;
        padding-left: 0.8rem;
        line-height: 1.3;
        margin-bottom: 30px;
        font-weight: 500;
    }

    .youTubeBox {
        border: 1px solid #ccc;
        border-radius: 10px;
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 56.25%;
    }

    .youTubeBox iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .ytBorder {
        border: 1px solid #ddd;    
        padding: 20px;
        border-radius: 10px;
        background: #fafafa;
    }

    .leadBtn {
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0 20px 20px 0;
    }

    .leadBtn.yt {
        position: initial;
        margin: 10px 0 0px;
    }

    .leadBtn.ev {
        margin-right: -2px;
        margin-bottom: -20px;
    }

    .entry-content p {
        line-height: 1.4;
    }

    #eoLoopSingleEvent .eo-event-date {
        /*font-family: 'Quicksand', sans-serif;*/
        letter-spacing: 0.05em;
        background: #111;
        color: #fff;
        padding: 0 5px;
        font-size: 14px;
        /*font-weight: 600;*/
    }

    #eoLoopSingleEvent .thumbnail-box {
        width: 160px;
        height: 160px;
        background-size: cover;
        background-position: top;
        transition-duration: 0.5s;
        border: 1px solid #eee;
    }

    .twitterTimeLine {
        width: 100%;
        height: 395px;
        overflow: hidden;
        border: 1px solid #ccc;
        border-radius: 13px;
    }

    .gmap {
        position: relative;
        height: 600px;
        overflow: hidden;
    }

    .gmap iframe {
        -webkit-filter: grayscale(0.8);
        filter: grayscale(0.8);
    }

    .accessBox {
        background: rgba(255, 255, 255, 0.7);
        border: 1px solid #eee;
        border-radius: 10px;
        padding: 30px;
    }

    .accessList li {
        margin: 8px;
    }

    .slick-slide {
        height: 230px !important;
        margin-top: 20px !important;
    }

    .fc-toolbar .fc-left h2 {
        border-left: 5px solid #b92d2d;
        padding-left: 0.8rem;
        line-height: 1.1;
        margin-bottom: 10px;
        font-family: 'Quicksand', sans-serif;
    }

    .btn:hover {
        background: #B92B2B;
        border: 1px solid #B92B2B;
        color: #fff;
    }

    .btn.icon:hover:after {
        background: url(../image/icon/icon_arrow-right_w.svg);
        margin-left: 14px;
    }

    .linkBtn {
        position: absolute;
        right: 0;
        height: 100%;
        bottom: 0;
        width: 25px;
        background: #f3f3f3;
    }

    .badge {
        width: 70px;
        position: absolute;
        left: 0;
        top: 0;
        margin: -10px 0px 0 215px;
    }

    .badge.arch {
        margin: -10px 0 0 160px;
    }

    .badge.cc {
        margin: -15px 0px 0 -25px;
        width: 100px;
    }

    .badge.sold {
        margin: 35px auto 0;
        width: 250px;
        right: 0;
        opacity: 0.8;
    }

    .badge.sold_single {
        margin: 50px auto 0;
        width: 330px;
        right: 0;
    }

    table.rentalTable {
        border-collapse: collapse;
        width: 100%;
        margin: 20px 0;
        color: #333;
        background: #fff;
        font-size: 14px;
    }

    table.rentalTable th,
    table.rentalTable td {
        padding: 20px;
    }

    table.rentalTable th {
        border: 1px solid #ccc;
        background: #eaeaea;
        width: 30%;
    }

    table.rentalTable td {
        border: 1px solid #ccc;
    }

    .venues {
        display: flex;
        justify-content: space-between;
    }

    .venues li {
        margin: 0 5px;
    }
}

/*-----blog-----*/
/*all device*/
#singleEvent img {
    margin: 20px 0;
    display: block;
    max-width: 100%;
    height: auto;
}

.aligncenter {
    margin: 20px auto !important;
}

#singleEvent img.addPix {
    margin: 10px 0;
}

.cms a {
    text-decoration: underline;
}

.cms a:hover {
    text-decoration: none;
}

/*pc*/
@media only screen and (min-width: 768px) {
    #singleEvent h2 {
        font-size: 28px;
        line-height: 1.4;
        margin: 10px 0;
    }

    #singleEvent h3 {
        font-size: 20px;
        line-height: 1.4;
        margin: 10px 0;
    }

    #singleEvent h4 {
        font-size: 20px;
        line-height: 1.4;
        margin: 10px 0;
    }

    #singleEvent h5 {
        font-size: 18px;
        line-height: 1.4;
        margin: 10px 0;
    }

    #singleEvent h6 {
        font-size: 12px;
        line-height: 1.5;
        margin: 10px 0;
    }

    #singleEvent p {
        line-height: 1.6;
        font-family: 'Quicksand', sans-serif;
        letter-spacing: 0.05em;
    }

    #singleEvent em {
        font-style: italic;
    }
}

/*sp*/
@media only screen and (max-width: 767px) {
    #singleEvent h2 {
        font-size: 24px;
        line-height: 1.4;
        margin: 10px 0;
        font-family: 'Quicksand', sans-serif;
    }

    #singleEvent h3 {
        font-size: 20px;
        line-height: 1.4;
        margin: 10px 0;
    }

    #singleEvent h4 {
        font-size: 18px;
        line-height: 1.4;
        margin: 10px 0;
    }

    #singleEvent h5 {
        font-size: 16px;
        line-height: 1.4;
        margin: 10px 0;
    }

    #singleEvent h6 {
        font-size: 12px;
        line-height: 1.5;
        margin: 10px 0;
    }

    #singleEvent p {
        line-height: 1.6;
        font-family: 'Quicksand', sans-serif;
        letter-spacing: 0.05em;
    }    
}

/*----- pagenavi -----*/
.wp-pagenavi {
    margin-top: 20px;
    text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
    border: none !important;
    box-sizing: border-box;
    display: inline-block;
    font-family: 'Quicksand', sans-serif;
    text-align: center;
}

.wp-pagenavi a {
    background-color: #fff;
    color: #19321e;
    border: 1px solid #eee !important;
}

.wp-pagenavi a:hover {
    background-color: #B92B2B;
    color: #fff;
    border: 1px solid #B92B2B !important;
    font-weight: 600;
}

.wp-pagenavi .first {
    width: 68px;
}

.wp-pagenavi .first:before {
    background-image: url(../image/icon_pager_prev_arrow.png);
    height: 10px;
    top: calc(50% - 5px);
    width: 10px;
}

.wp-pagenavi .previouspostslink:before {
    background-image: url(../image/icon_pager_prev_arrow.png);
    height: 10px;
    left: calc(50% - 5px);
    top: calc(50% - 5px);
    width: 10px;
}

.wp-pagenavi .extend:before {
    background-image: url(../image/icon_ellipsis_black.png);
    height: 20px;
    left: calc(50% - 10px);
    top: calc(50% - 10px);
    width: 20px;
}

.wp-pagenavi .nextpostslink:before {
    background-image: url(../image/icon_pager_next_arrow.png);
    height: 10px;
    left: calc(50% - 5px);
    top: calc(50% - 5px);
    width: 10px;
}

.wp-pagenavi .last {
    width: 68px;
}

.wp-pagenavi .last:before {
    background-image: url(../image/icon_pager_next_arrow.png);
    height: 10px;
    right: 10px;
    top: calc(50% - 5px);
    width: 10px;
}

.wp-pagenavi .pages {
    padding: 3px 8px;
}

.wp-pagenavi .pages,
.wp-pagenavi .extend {
    background-color: #fafafa;
    color: #333;
    border: 1px solid #ddd !important;
}

.wp-pagenavi .current {
    background-color: #000;
    border: 1px solid #000 !important;
    color: #fff;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .current,
.wp-pagenavi .page,
.wp-pagenavi .extend,
.wp-pagenavi .nextpostslink {
    width: 30px;
}

.wp-pagenavi .first,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .extend,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .last {
    position: relative;
}

.wp-pagenavi .first:before,
.wp-pagenavi .previouspostslink:before,
.wp-pagenavi .extend:before,
.wp-pagenavi .nextpostslink:before,
.wp-pagenavi .last:before {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    position: absolute;
}


/*-----form-----*/
/*all device*/
textarea,
input[type=text],
input[type=email],
input[type=tel],
input[type=date],
input[type="submit"],
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.req .formLbl,
.any .formLbl {
    box-sizing: border-box;
    width: 100%;
    display: block;
    position: relative;
}

.req .formLbl:before,
.any .formLbl:before {
    left: 0;
    line-height: 1em;
    position: absolute;
    color: #fff;
    border-radius: 3px;
}

.req .formLbl:before {
    content: '必須';
    background-color: #b92c2c;
}

.any .formLbl:before {
    content: '任意';
    background-color: #32566f;
}

.screen-reader-response {
    display: none;
}

div.wpcf7-response-outputs {
    display: none !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    background: #f1f1f1;
    border: none;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border: none;
    background: #fdebeb;
}

.shape {
    display: none;
}

.shape01 {
    display: block;
}

/*pc*/
@media only screen and (min-width: 768px) {
    .seat {
        background: rgba(255, 255, 255, 0.7);
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 30px 0 40px 60px;
    }
    .seat p {
        font-size: 16px;
        line-height: 1.8;
    }
    .seat ul {
        margin-top: 10px;
    }
    .seat li {
        margin: 2px 0 0;
        font-size: 14px;
    }

    .formCase {
        border: 1px solid #ddd;
        padding: 30px;
        border-radius: 6px;
        background: #fff;
    }

    .contactBox {
        margin: 40px 0;
    }

    .table.normal {
        width: 1000px;
        margin: 0 auto;
    }

    .table.normal th {
        padding: 30px 0px 15px 10px;
        vertical-align: top;
        width: 25%;
    }

    .table.normal td {
        padding: 15px 10px 5px;
        width: 70%;
    }

    .table.normal.res {
        width: 100%;
        margin-top: 30px
    }

    .table.normal.res th {
        padding: 10px 0 20px 0;
        width: 30%;
    }

    .table.normal.res td {
        padding: 0;
    }

    input[type=date],
    input[type=text],
    input[type=email],
    input[type=tel],
    select {
        width: 97%;
        height: 40px;
        border: 1px solid #ddd;
        padding: 0 10px;
        font-size: 16px;
        background-color: #fafafa;
    }

    select {
        width: 15% !important;
    }

    .table.normal.res td input[type=date],
    .table.normal.res td input[type=text],
    .table.normal.res td input[type=email],
    .table.normal.res td input[type=tel],
    .table.normal.res td select {
        height: 30px;
        width: 95%;
    }

    textarea {
        width: 100%;
        height: 150px;
        border: 1px solid #ddd;
        padding: 0 10px;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 30px;
        background-color: #fafafa;
        outline: none;
    }

    .req .formLbl,
    .any .formLbl,
    .out .formLbl {
        padding-left: 45px;
    }

    .req .formLbl:before,
    .any .formLbl:before {
        font-size: 11px;
        padding: 5px;
        font-weight: 600;
        margin-top: -2px;

    }

    .formItem {
        width: 800px;
        margin: 0 0 0 24%;
    }

    .formItem.res {
        width: 100%;
        margin: 0px;
    }

    input[type="submit"] {
        display: table;
        margin: 20px auto 0px;
        cursor: pointer;
        padding: 10px 60px;
        background-color: #32566f;
        color: #fff;
        border: none;
        border-radius: 50px;
    }

    span.wpcf7-not-valid-tip {
        font-size: 12px !important;
        color: #ff0000;
    }

    span.wpcf7-list-item {
        margin: 0 20px 0 0 !important;
    }

    .formSwitch {
        display: flex;
        justify-content: space-between;
        width: 500px;
        margin-left: 440px;
        margin-bottom: 20px;
    }

    .formSwitch li {
        width: 50%;
    }

    .formSwitch li label {
    	cursor: pointer;
    	margin-left: 20px;
        font-size: 20px;
    }

    .num {
        font-size: 16px;
        position: absolute;
        margin: 13px 0 0 -10px;
    }
}

/*sp*/
@media only screen and (max-width: 767px) {
    .seat {
        background: rgba(255, 255, 255, 0.7);
        border: 1px solid #eee;
        border-radius: 10px;
        padding: 20px 10px;
    }
    .seat p {
        font-size: 14px;
        line-height: 1.8;
    }
    .seat ul {
        margin-top: 10px;
    }
    .seat li {
        margin: 5px 0;
        font-size: 12px;
        padding-left:1em;
        text-indent:-1em;
    }
    .formCase {
        border: 1px solid #ddd;
        padding: 30px 20px 0px;
        background: #fff;
        border-radius: 3px;
        margin: 30px 0 10px;
    }

    .contactBox {
        margin: 30px 0 60px;
        background: #fff;
    }

    input[type=text],
    input[type=email],
    input[type=date],
    input[type=tel],
    select {
        width: 100%;
        height: 40px;
        margin-bottom: 4%;
        border: 1px solid #ddd;
        color: #555;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 30px;
        padding: 0 10px;
        background-color: #fafafa;
        border-radius: 0;
    }

    select {
        width: 20%;
    }

    textarea {
        width: 100%;
        height: 140px;
        margin-bottom: 4%;
        border: 1px solid #ddd;
        color: #555;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 30px;
        padding: 5px 10px;
        background-color: #fafafa;
        outline: none;
    }

    input[type="submit"] {
        display: table;
        margin: 0px auto 40px;
        cursor: pointer;
        padding: 10px 60px;
        border-radius: 50px;
        background-color: #32566f;
        color: #fff;
        border: none;
    }

    .table.normal.res {
        margin-top: 30px;
    }

    .table.normal.res td input[type=date],
    .table.normal.res td input[type=text],
    .table.normal.res td input[type=email],
    .table.normal.res td input[type=tel],
    .table.normal.res td select {
        height: 30px;
    }

    .table.normal.res textarea {
        height: 100px;
    }

    .table.normal th,
    .table.normal td {
        display: block;
    }

    .table.normal td {
        margin-bottom: 5px;
    }

    .req .formLbl,
    .any .formLbl {
        padding-left: 38px;
        padding-bottom: 10px;
    }

    .req .formLbl:before,
    .any .formLbl:before {
        font-size: 11px;
        padding: 5px;
        top: 0;
        margin-top: -3px;
    }

    span.wpcf7-list-item {
        display: inline-block;
        margin: 0 1em 1.4em 0 !important;
        font-size: 16px;
    }

    .formSwitch {
        display: flex;
        margin-bottom: 30px;
    }

    .formSwitch li {
        margin-right: 20px;
    }

    .num {
        font-size: 16px;
        margin: 13px 0 0 10px;
    }
}