@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------------------
reset
---------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6, p, span, small, dl, dt, dd, ol, ul, li {
    margin: 0;
    font-size: 100%;
    color: #333;
}

ul {
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

img {
    vertical-align: top;
}

li {
    list-style-type: none;
    vertical-align: baseline;
}

input, button, textarea, select {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

html {
    font-size: 62.5%;
}

body {
    color: #333;
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
 h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a,#headNoteArea .sitename a, .featureTit, .featureCatch, .featureListTit, .noticeCatch, .addCont03Catch, .floatCatch, .box .box-head, .box .box-head a {
        font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
 }
@media all and (-ms-high-contrast:none) {
    h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, #headNoteArea .sitename, #headNoteArea .sitename a, .featureTit, .featureCatch, .featureListTit, .noticeCatch, .addCont03Catch, .floatCatch, .box .box-head, .box .box-head a {
        font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
        letter-spacing: 0.03em !important;
    }
}

@supports (-ms-ime-align: auto) {
    h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, #headNoteArea .sitename, #headNoteArea .sitename a, .featureTit, .featureCatch, .featureListTit, .noticeCatch, .addCont03Catch, .floatCatch, .box .box-head, .box .box-head a {
        font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
        letter-spacing: 0.03em !important;
    }
}

@media all and (-ms-high-contrast:none) {
    body, #contents .btn-internal a, #contents .btn-web a, #contents .btn-tel a, #contents .btn-link a {
        font-family: "メイリオ", Meiryo, sans-serif !important;
        letter-spacing: 0.03em !important;
    }
}

@supports (-ms-ime-align: auto) {
    body, #contents .btn-internal a, #contents .btn-web a, #contents .btn-tel a, #contents .btn-link a {
        font-family: "メイリオ", Meiryo, sans-serif !important;
        letter-spacing: 0.03em !important;
    }
}

@media screen and (min-width: 481px) {
    .sp {
        display: none !important;
    }
    .sp_br {
        display: none!important;
    }
    /*--------------------------------------
　Base
---------------------------------------*/
    body {
        font-size: 1.4rem;
        line-height: 1.8em;
        min-width: 1150px;
        position: relative;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    a {
        color: #000;
        text-decoration: none;
    }
    a:hover {
        cursor: pointer;
    }

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

    /* ================== */
    /*header　*/
    /* ================== */
    header {
        position: relative;
    }
    #headNoteArea {
        width: 100%;
        padding: 2px 0;
    }
    #headNoteArea .areaInner {
        padding: 0;
        margin: 0 auto;
        border-bottom: 4px solid #ff7f42;
    }
    #headNoteArea .rightTxt {
        font-size: 1.3rem;
        float: right;
        margin: 0 0 2rem;
        padding: 0 0 10px;
        color: #666;
        font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
        font-weight: 500;
    }
    #headNoteArea .rightTxt a:hover {
        opacity: 0.7;
    }
    #headNoteArea .sitename {
        text-align: center;
        margin: 30px auto 0;
        clear: both;
        padding: 15px 0 15px 0;
        width: 82rem;
        z-index: 0;
        position: relative;
    }
    #headNoteArea .sitename::before {
        content: "";
        position: absolute;
        background: url(img/icon_side01.png) left top no-repeat,#fff;
        background-size: 8rem auto;
        bottom: -9px;
        width: 8rem;
        height: 8rem;
        left: 40px;
        z-index: 4;
    }
    #headNoteArea .sitename::after {
        content: "";
        position: absolute;
        background: url(img/icon_site.png) right bottom no-repeat #fff;
        background-size: auto;
        bottom: -9px;
        width: 16rem;
        height: 9rem;
        right: -20px;
    }
    #headNoteArea .sitename a:hover {
        text-decoration: none;
        opacity: 0.7;
    }
    /* ================== */
    /*g-nav　*/
    /* ================== */
    #g-nav {
        width: 100%;
        padding: 15px 0;
        background: #fff;
    }
    #g-nav ul {
        width: 1150px;
        margin: 0 auto;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    #g-nav ul li {
        -webkit-flex-grow: 1;
        flex-grow: 1;
        width: 20%;
        position: relative;
        background-size: 104px, auto;
    }
    #g-nav li a {
        color: #000;
        display: block;
        text-align: center;
        font-size: 1.4rem;
        padding: 10px 20px 10px 20px;
        box-sizing: border-box;
        line-height: 1.8rem;
        font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    }
    #g-nav li a:hover {
        color: #ff6f2b;
    }
    .fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10000;
        width: 100%;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    }
    #g-nav .logo {
        display: none;
    }
    #g-nav .logo img {
        width: 85px;
    }
    #g-nav .logo.logoFixed {
        display: inline-block;
        float: left;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
    }
    .dummy {
        display: none;
    }
    /*--------------------------------------
　Pankuzu
---------------------------------------*/
    #pankuzu {
        font-size: 12px;
        font-size: 1.2rem;
        margin: 0 auto;
        padding: 14px 0 40px;
        width: 1150px;
    }
    #pankuzu a:hover {
        text-decoration: underline;
    }
    /*--------------------------------------
　Main Contents
---------------------------------------*/
    #contents {
        margin: 0 auto;
        padding: 0;
    }
    #category, #page {
        width: 1150px;
        margin: 0 auto;
    }
    #category .wi840, #page .wi840 {
        float: left;
        width: 840px;
        margin: 0;
        padding: 0;
    }
    /*--------------------------------------
　Side
---------------------------------------*/
    #side {
        box-sizing: border-box;
        width: 270px;
        float: right;
        margin: 0 0 60px;
    }
   .sideTop {
        display: block;
        border: 4px solid #666666;
        margin: 0 0 3rem;
        border-radius: 20px;
        padding: 1.5rem;
        box-shadow: 5px 5px 0px 0px #666666;
        cursor: pointer;
        transition: 0.2s;
        background: url(img/img_sliderbar.png) bottom -1px right no-repeat;
        box-sizing: border-box;
    }
   .sideTop:hover {
    opacity: inherit;
    transform: translateY(5px);
    box-shadow: none;
    transition: 0.2s;
    }
   .sideTop p {
        margin: 1rem 0 0;
        font-size: 14px;
        color: #333;
        font-weight: bold;
    }
   .sideTop p .red {
       color: #ff4f42;
       font-size: 1.6rem;
       background: none;
    }


    #side .sideBox {
        box-sizing: border-box;
        margin: 0 0 20px;
        padding: 0;
        background: #ffefe8;
        overflow: hidden;
        border-radius: 2rem;
    }
    #side .sideBox a {
        line-height: 1.3;
    }
    #side .sideBox .sttl {
        box-sizing: border-box;
        width: calc(100% - 2px);
        position: relative;
        margin: 1px auto 1px;
        overflow: hidden;
        border-radius: 20px 20px 0 0;
    }
    #side .sideBox .sttl a {
        background: #ff7f42 url("img/arrow_left_white.png") right 15px top 50% no-repeat;
        display: block;
        height: 100%;
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 1.5;
        text-decoration: none;
        padding: 20px;
        position: relative;
        z-index: 2;
        color: #fff;
    }
    #side .sideBox .sttl a:hover {
        opacity: 0.7
    }
    #side .sideBox ul {
        padding: 0 !important;
        margin: 10px;
        background: #fff;
    }
    #side .sideBox li {
        border-top: dashed 1px #d4d4d4;
        background: none;
        margin: 0 10px;
        padding: 0;
    }
    #side .sideBox li:first-child {
        border-top: none;
    }
    #side .sideBox li ul.subList li {
        border-top: dashed 1px #d4d4d4;
    }
    #side .sideBox li a {
        display: block;
        padding: 15px;
        text-decoration: none;
        font-size: 1.3rem;
        background: url(img/arrow_left_black.png) right center no-repeat;
        background-size: 6px auto;
        width: 100%;
        box-sizing: border-box;
    }
    #side .sideBox li a:hover {
        opacity: 0.7
    }
    #side .sideBox li a span {
        padding: 0;
    }

    #side .sideBox .subList {
        margin: 0;
    }
    #side .sideBox .subList li {
        background: none;
        margin: 0;
    }
    #side .sideBox .subList li:last-child {
        background: none;
    }
    #side .sideBox .subList li a {
        display: block;
        background: none;
        padding: 0 0 8px 24px;
    }

    #side .sideBox .subList li a:last-child {
        padding: 16px 0 16px 43px;
    }
    #side .sideBox .subList li a {
        background: url(img/arrow_side_sub.png) no-repeat left 25px top 10px;
    }
    #side01 {
        margin: 0 0 30px;
        background: #f1f0e8;
        padding: 20px 10px 25px;
        position: relative;
    }
    /*--------------------------------------
　PageTop
---------------------------------------*/
    #page-top {
        position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 2;
        width: 60px;
    }
    #page-top:hover {
        opacity: 0.7;
    }
    /*--------------------------------------
Footer
---------------------------------------*/
    footer {
        margin: 0;
        padding: 0;
        background-color: #ffefe8;
    }
    footer .areaInner {
        width: 1150px;
        margin: 0 auto;
        padding: 40px 0 0 0;
    }
    footer a {
        color: #fff;
        text-decoration: none;
    }
    footer a:hover {
        text-decoration: underline;
    }
    footer .areaInner .footBox {
        margin: 0 0 30px 0;
    }
    footer .areaInner .footBox .sttl {
        padding: 0 0 6px 0;
        margin: 0 0 14px 0;
    }
    footer .areaInner .footBox .sttl a {
        background: url("img/arrow_left_org02.png") 6px 6px no-repeat;
        font-size: 1.8rem;
        font-weight: bold;
        vertical-align: middle;
        color: #333333;
        padding: 3px 0 3px 30px;
        font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    }
    footer .areaInner .smap {
        margin: 0 0 50px 0;
    }
    footer .areaInner .smap .sttl a {
        font-size: 16px;
        font-size: 1.6rem;
    }
    footer .foot_link {
        font-size: 14px;
        font-size: 1.4rem;
        color: #fff;
        text-align: right;
        margin-bottom: 50px;
    }
    footer .foot_link a {
        font-size: 14px;
        font-size: 1.4rem;
        color: #fff;
        text-decoration: underline;
    }
    footer .foot_link a:nth-child(1) {
        display: inline-block;
        margin-right: 15px;
    }
    footer .foot_link a:nth-child(2) {
        display: inline-block;
        margin-left: 15px;
    }
    footer .foot_link a:hover {
        text-decoration: none;
    }
    footer .footBox ul {
        padding: 0 20px;
    }
    footer .areaInner .footBox .accChild {
        padding: 0 0 0 10px;
        box-sizing: border-box;
        display: block!important;
    }
    footer .areaInner .footBox .accChild li {
        background: none;
    }
    footer .areaInner .footBox .accChild li.subCat {
        margin: 0 30px 0 0;
        padding: 0;
    }
    footer .areaInner .footBox .accChild li.subCat::after {
        content: "　/　";
        letter-spacing: 0;
        color: #000;
    }
    footer .areaInner .footBox .accChild .sp+li::before {
        /* content: "　|　"; */
        letter-spacing: 0;
        color: #a3b9b7;
    }
    footer .areaInner .footBox .accChild .sp+li::before {
        /* content: "|　"; */
        letter-spacing: 0;
        color: #a3b9b7;
    }
    footer .areaInner .footBox .accChild .sp+li.subCat::before {
        content: "";
    }
    footer .areaInner .footBox .accChild .subList li::after {
        content: "　/　";
        letter-spacing: 0;
        color: #000;
    }
    footer .areaInner .footBox .accChild .subList li:last-child:after {
        content: none;
    }
    footer .areaInner .footBox .accChild li {
        display: inline-block;
        margin: 0 20px 0 0;
    }
    footer .areaInner .footBox .accChild li a {
        font-size: 1.3rem;
        font-weight: normal;
        color: #333333;
        padding: 0 0 0 16px;
    }
    footer .areaInner .footBox .accChild .subList li:first-child:before {
        content: "　/　";
        letter-spacing: 0;
        color: #000;
    }
    footer .areaInner .footBox .accChild .subList {
        display: inline-block;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    }
    footer .areaInner .footBox .accChild .subList li {
        padding: 0 0 0 0;
        display: inline-block;
        margin: 0;
    }
    footer .areaInner .footBox .accChild .subList li a {
        background: url(img/arrow_white.png) left center no-repeat;
        background-image: none;
        background-size: 4px auto;
        padding: 0 10px;
        font-size: 13px;
        font-size: 1.3rem;
    }
    footer .smLink {
        display: inherit;
        text-align: right;
        float: right;
    }
    footer .smLink a {
        background: url("img/arrow_left_org01.png") 6px 50% no-repeat;
        padding: 2px 0 2px 30px;
    }
    footer .areaInner .noticeArea {
        box-sizing: border-box;
        width: 710px;
        color: #000;
        background-color: #fffcfb;
        padding: 20px 30px;
        margin: 80px auto 20px;
        border-radius: 20px;
    }
    footer .areaInner .noticeArea p {
        font-size: 12px;
        font-size: 1.2rem;
        margin: 0;
    }
    footer .botArea {
        background: #ff7f42;
        padding: 14px 0px;
    }
    footer .botArea .botInner {
        width: 1150px;
        margin: 0 auto;
        position: relative;
    }
    footer p.copy {
        margin: 0;
        font-size: 1.2rem;
        color: #fff;
        display: inline-block;
        float: left;
    }
    footer p.copy a {
        color: #fff;
    }
    footer .warn {
        font-size: 12px;
        font-size: 1.2rem;
        color: #000;
        text-align: center;
        margin: 0 0 20px;
    }
    /* ================== */
    /*メインコンテンツ　*/
    /* ================== */
    /*--------------------------------------
　content
---------------------------------------*/
    #index h2, #category h1, #page h1 {
        background: url("img/tit_bg_h2.png") bottom no-repeat;
        position: relative;
        margin: 25px auto 50px;
        padding: 0 0 25px;
        text-align: center;
        font-size: 3.4rem;
        line-height: 4.4rem;
    }
    #category h1, #page h1 {
        margin: 0 auto 50px;
    }
    #index h2 a, #category h1 a, #page h1 a {
        display: block;
    }
    #index h2 a:hover, #category h1 a:hover, #page h1 a:hover {
        opacity: 0.7;
    }
    #index h3, #category h2, #page h2 {
        position: relative;
        margin: 35px 0 20px;
        padding: 0 17%;
        font-size: 3rem;
        line-height: 4rem;
        text-align: center;
    }
   #index h3::before, #category h2::before, #page h2::before,   
    #index h3::after, #category h2::after, #page h2::after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 15%;
  height: 4px;
  background-color: #666666;
}

#index h3::before, #category h2::before, #page h2::before {
  left:0;
}
    #index h3::after, #category h2::after, #page h2::after {
  right: 0;
}

    #index h3 a, #category h2 a, #page h2 a {
        text-decoration: none;
        color: #000;
        display: block;
    }
    .sitemap h2 a {
        color: #000;
    }
    #index h3 a, #category h2 a, #page h2 a {
        display: block;
    }
    #index h3 a:hover, #category h2 a:hover, #page h2 a:hover {
        opacity: 0.7;
    }
    #index h4, #category h3, #page h3 {
        position: relative;
        margin: 35px 0 20px;
        padding: 15px 50px 15px 15px;
        font-size: 2.4rem;
        line-height: 3.5rem;
        background: #eef7fe;
    }
    #index h4 a, #category h3 a, #page h3 a {
        display: block;
    }
    #index h4 a:hover, #category h3 a:hover, #page h3 a:hover {
        opacity: 0.7;
    }
    #index h5, #category h6, #category h4, #category h5, #category h6, #page h4, #page h5, #page h6 {
        margin: 35px 0 20px;
        padding: 10px 0 0;
        display: inline-block;
        font-size: 2rem;
        background: linear-gradient(transparent 60%, #ffbfa0 60%);
    }
    #index h5 a, #category h6 a, #category h4 a, #category h5 a, #category h6 a, #page h4 a, #page h5 a, #page h6 a {
        display: block;
    }
    #index h5 a:hover, #category h6 a:hover, #category h4 a:hover, #category h5 a:hover, #category h6 a:hover, #page h4 a:hover, #page h5 a:hover, #page h6 a:hover {
        opacity: 0.7;
    }
    #contents ul {
        margin: 20px 0;
        padding: 0;
    }
    #contents ul li {
        padding: 0 0 6px 22px;
        background: url(./img/listicon.png) 2px 5px no-repeat;
        background-size: auto 14px;
    }
    #contents ul li a:hover {
        text-decoration: underline;
    }
    #contents ol {
        margin: 20px 0;
        padding: 0;
    }
    #contents ol li {
        padding: 0 0 6px 22px;
        list-style: none;
        position: relative;
        counter-increment: number;
    }
    #contents ol li::before {
        display: block;
        background-color: #2095fc;
        width: 19px;
        height: 19px;
        border-radius: 5px;
        position: absolute;
        top: 4px;
        left: 0;
        color: #fff;
        text-align: center;
        letter-spacing: -0.5px;
        line-height: 1.5;
        font-size: 1.3rem;
        font-family: Arial, Helvetica, " sans-serif";
    }
    #contents ol li:nth-child(-n+9):before {
        content: counter(number);
    }
    #contents ol li:nth-child(n+10):before {
        content: counter(number);
    }
    p span {
        font-weight: bold;
        background: linear-gradient(transparent 60%, #ffefe8 60%);
        color: #ff4f42;
    }
    /*--------------------------------------
　table
---------------------------------------*/
    #contents table {
        width: 100%;
        table-layout: fixed;
        margin: 30px auto 30px;
        padding: 0;
        box-sizing: border-box;
    }
    #contents table th {
        width: 20%;
        padding: 14px 16px;
        background: #ff7f42;
        border: 2px solid #FFF;
        line-height: 1.3;
        text-align: center;
        font-size: 1.5rem;
        color: #fff;
    }
    #contents table td {
        line-height: 2.4rem;
        padding: 14px 20px;
        border: 4px solid #FFF;
        background: #ffefe8;
        font-size: 1.3rem;
        text-align: left;
        word-wrap: break-word;
    }

    /*--------------------------------------
　float img
---------------------------------------*/
    .float-wrap {
        margin: 30px 0;
        box-sizing: border-box;
    }
    .float-wrap img {
        width: 100%;
    }

    .float-wrap .fl {
        text-align: center;
    }
    #page .float-wrap .fl, #category .float-wrap .fl {
        width: 280px;
        padding: 0 40px 10px 0;
    }
    .float-wrap .fr {
        width: 280px;
        padding: 0 0 10px 40px;
        text-align: center;
    }
    .float-wrap .center {
        margin: 0 auto;
        padding: 0 0 30px;
        text-align: center;
    }
    .caption {
        margin: 8px 0 0;
        font-size: 1.0rem;
        line-height: 1.3;
        word-break: break-all;
        color: #808080;
    }
    #index .floatCatch, #page .floatCatch, #category .floatCatch {
        font-size: 2.6rem;
        color: #ff4f42;
        border-bottom: 4px solid #c9c9c9;
        padding: 0 0 20px;
        overflow: hidden;
        width: auto;
        line-height: 1.3;
        margin: 0 0 20px;
        font-weight: bold;
    }
    #index h2.floatCatch, #page h2.floatCatch, #category h2.floatCatch, #index h3.floatCatch, #page h3.floatCatch, #category h3.floatCatch, #index h4.floatCatch, #page h4.floatCatch, #category h4.floatCatch, #index h5.floatCatch, #page h5.floatCatch, #category h5.floatCatch {
        background: none;
        border: none;
        border-bottom: dotted 1px #00307c;
        width: auto;
    }
    #index h2.floatCatch:before, #page h2.floatCatch:before, #category h2.floatCatch:before, #index h4.floatCatch:before, #page h4.floatCatch:before, #category h4.floatCatch:before {
        content: none;
    }
    .additional {
        background: #eef7fe;
        padding: 25px 40px;
        overflow: hidden;
        width: auto;
        box-sizing: border-box;
        line-height: 1.5;
        margin: 30px 0 0;
        color: #111111;
    }
    #page .additional.fr, 
    #page .additional.fl, 
    #category .additional.fr,
    #category .additional.fl {
        width: 520px !important;
        padding: 25px 40px !important;
        margin: 10px 0 0 !important;
    }


      /*--------------------------------------
共通パーツ
---------------------------------------*/

#contents .Inner .Tit_wrap {
    width: 90%;
    margin: auto;
    text-align: center;
}	
.lead {
	text-align:left;
}	
.Inner .Tit_wrap .TitSub {
    font-size: 2.4rem;
    color: #333;
    font-weight: bold;
    background: #fff;
    border-radius: 10px;
    padding: 1rem 1.5rem .5rem;
    display: inline-block;
    border: 4px solid #333333;
    box-shadow: 3px 3px 0px 0px #333;
    line-height: 1;
    vertical-align: middle;
}
 #contents .Inner .Tit_wrap .addTit_sub {
    background: url(img/tit_bg_h2.png) bottom center no-repeat;
    background-size: auto 1.5rem;
    position: relative;
    margin: 25px auto 0;
    font-size: 2.6rem;
    line-height: 1.5;
    padding: 0px 0 20px;
    display: inline-block;
}
#contents .Inner .Tit_wrap .addTit {
    background: none;
    margin: -1.5rem 0 1rem;
    line-height: 2;
    font-size: 4rem;
    color: #ff6f2b;
    padding: 0;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: bold;
}
#contents .Inner .Tit_wrap .addTit a {
    color: #ff6f2b;
}
 #contents .lower_bottom {
    margin: 10rem 0 15rem;
}

#contents .lower_bottom .lower_table table {
    font-size: 18px;
    width: 100%;
    table-layout: auto;
    margin: 30px 0 0;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}

#contents .lower_bottom .lower_table th, #contents .lower_bottom .lower_table td {
    border: 2px solid #333;
    word-break: break-all;
    vertical-align: middle;
    padding: 20px 10px;
    background: #fff;
    font-size: 1.3rem;
    text-align: left;
}
#contents .lower_bottom .lower_table th:nth-child(2) {
    width: 21%;
    table-layout: fixed;
}
#contents .lower_bottom .lower_table th:nth-child(3) {
    width: 16%;
    table-layout: fixed;
}

#contents .lower_bottom .lower_table td.td_btn {
    color: #111111;
    font-size: 17px;
    font-weight: bold;
    width: 34%;
}

 #contents .lower_bottom .lower_table .black_num {
    font-size: 2.2rem;
    font-weight: bold;
}

#contents .lower_bottom .lower_table .red_num {
    font-size: 2.4rem;
    color: #ff4f42;
    font-weight: bold;
}
.lower_bottom .btn-web a {
    font-size: 1.3rem;
    padding: 6px 28px 6px 15px;
    margin: 1rem 0 .6rem;
    background: #2095fc url("img/arrow_left_white.png") right 10px top 50% no-repeat;
    background-size: 6px auto;
    box-shadow: 3px 3px 0px 0px #333;
}
#contents .lower_bottom .lower_table td.td_price {
    font-size: 13px;
    font-weight: bold;
    color: #333;
    text-align: center;
}

#contents .lower_bottom .lower_table td.td_time {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

#contents .lower_bottom .lower_table th {
    font-size: 16px;
    background-color: #ff7f42;
    color: #fff;
    table-layout: auto;
    text-align: center;
    padding: 1rem;
    width: auto;
}
#contents .lower_bottom .lower_table th small {
    color: #fff;
}
 #contents .lower_bottom .btn-internal, #contents .lower_bottom .btn-web {
    width: 100%;
    margin: 20px auto;
}

    /*--------------------------------------
　btn
---------------------------------------*/
    .btn-internal a, .btn-web a {
        box-sizing: border-box;
        color: #fff;
        border: 3px solid #333333;
        border-radius: 3.5rem;
        box-shadow: 5px 5px 0px 0px #333;
        transition: 0.2s;
        font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    }
    .btn-link {
        margin: 20px 0;
        text-align: right;
    }
    .btn-link a {
        display: inline-block;
        background: url("img/arrow_left_red01.png") 0% 50% no-repeat;
        background-size: 17px;
        padding: 4px 4px 4px 24px;
        line-height: 1.3;
        text-decoration: underline;
        font-size: 1.5rem;
    }
    .btn-link a:hover {
        text-decoration: none;
    }
    .btn-internal,
    .btn-web {
        width: 460px;
        margin: 30px auto;
    }
    .btn-internal a {
        background: #ff6f2b url("img/arrow_left_white.png") right 15px top 50% no-repeat;
        font-size: 1.6rem;
        font-weight: bold;
        padding: 16px 34px 16px 30px;
        display: block;
        text-align: center;
        position: relative;
    }
    .btn-internal a:hover,
    .btn-web a:hover {
    opacity: inherit;
    transform: translateY(5px);
    box-shadow: none;
    }
    .btn-tel {
        display: none;
    }
    .btn-web a {
        background: #2095fc url("img/arrow_left_white.png") right 15px top 50% no-repeat;
        font-size: 1.6rem;
        font-weight: bold;
        padding: 16px 34px 16px 30px;
        display: block;
        text-align: center;
        position: relative;
    }


    /*共通パーツここまで*/
    .auto {
        margin: 0 auto;
    }
    .webLink {
        font-size: 10px;
        color: #808080;
        text-align: center;
        line-height: 1.6rem;
    }
    p {
        margin: 0px 0px 15px 0px;
        font-size: 1.6rem;
        line-height: 1.8;
    }
    #page.sitemap {
        width: 1100px;
        margin: 0 auto;
    }
    #page.sitemap h2 a {
        color: #444;
    }
    #page.sitemap li a:hover {
        text-decoration: underline;
    }

}

@media screen and (max-width: 480px) {
    body {
        line-height: 2.2em;
    }
    .pc {
        display: none !important;
    }
    .pc_br {
        display: none !important;
    }
    .sp_br {
        display: block;
    }
    img {
        max-width: 100%;
    }
    p {
        font-size: 1.4rem;
        margin: 0 0 10px 0;
    }
    a {
        color: #000;
        text-decoration: none;
    }
    .wi840 {
        padding: 0 4%;
    }
    #side {
        display: none;
    }
    /*--------------------------------------
　content
---------------------------------------*/
    #index h2, #category h1, #page h1 {
        background: url("img/tit_bg_h2.png") bottom no-repeat;
        background-size: auto 1rem;
        position: relative;
        margin: 23px auto 23px;
        padding: 15px 55px 13px 55px;
        box-sizing: border-box;
        font-size: 2rem;
        line-height: 3rem;
        text-align: center;
        width: 100%;
    }
    #category h1, #page h1 {
        margin: 0 auto 20px;
        padding: 15px 0px 13px 0px;
    }
    #index h3, #category h2, #page h2 {
        position: relative;
        margin: 35px 0 20px;
        font-size: 1.8rem;
        line-height: 2.4rem;
        padding: 0 17%;
        text-align: center;
    }
       #index h3::before, #category h2::before, #page h2::before,   
    #index h3::after, #category h2::after, #page h2::after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 15%;
  height: 4px;
  background-color: #666666;
}

#index h3::before, #category h2::before, #page h2::before {
  left:0;
}
    #index h3::after, #category h2::after, #page h2::after {
  right: 0;
}
    #index h3 a, #category h2 a, #page h2 a {
        text-decoration: none;
        color: #333;
    }
    .sitemap h2 a {
        color: #333;
    }
    #index h3 a:hover, #category h2 a:hover, #page h2 a:hover {
        opacity: 0.7;
    }
    #index h4, #category h3, #page h3 {
        position: relative;
        margin: 35px 0 20px;
        padding: 10px;
        font-size: 1.7rem;
        line-height: 2.4rem;
        background: #eef7fe;
    }
    #index h5, #category h6, #category h4, #category h5, #category h6, #page h4, #page h5, #page h6 {
        position: relative;
        margin: 35px 0 20px;
        font-size: 1.6rem;
        line-height: 2.4rem;
        padding: 0;
        display: inline-block;
        background: linear-gradient(transparent 60%, #ffbfa0 60%);
    }
    .sitemap h2 a {
        color: #000;
    }
    #contents ul {
        margin: 20px 0;
        padding: 0;
    }
    #contents ul li {
        min-height: 12px;
        padding: 0 0 4px 25px;
        background: url(./img/listicon.png) 2px 4px no-repeat;
        background-size: auto 14px;
        font-size: 1.3rem;
    }
    #contents ol {
        margin: 20px 0;
        padding: 0;
    }
    #contents ol li {
        padding: 0px 0 4px 25px;
        list-style: none;
        position: relative;
        counter-increment: number;
        font-size: 1.3rem;
    }
    #contents ol li::before {
        display: block;
        background-color: #2095fc;
        width: 17px;
        height: 17px;
        border-radius: 5px;
        position: absolute;
        top: 2px;
        left: 0;
        color: #fff;
        text-align: center;
        letter-spacing: -0.5px;
        line-height: 1.4;
        font-size: 1.3rem;
        font-family: Arial, Helvetica, " sans-serif";
    }
    #contents ol li:nth-child(-n+9):before {
        content: counter(number);
    }
    #contents ol li:nth-child(n+10):before {
        content: counter(number);
    }
    p span {
        font-weight: bold;
        background: linear-gradient(transparent 60%, #ffefe8 60%);
        color: #ff4f42;
    }
    /*--------------------------------------
　table
---------------------------------------*/
    #contents table {
        width: 100%;
        table-layout: fixed;
        margin: 30px auto 30px;
    }
    #contents table {
        /* border-collapse: collapse; */
        width: 100%;
        border: none;
        margin: 1rem 0;
        table-layout: auto;
    }
    #contents table th {
        background: #ff7f42;
        color: #fff;
        font-weight: bold;
        text-align: center;
        font-size: 1.5rem;
    }
    #contents table td {
        background: #ffefe8;
        font-size: 1.4rem;
    }
    #contents table th, #contents table td {
        border: none;
        border: 1px solid #FFF;
        padding: 10px;
        display: block;
        line-height: 2.4rem;
    }
    /*--------------------------------------
　float img
---------------------------------------*/
    /*.fr {
float: none;
}*/
    #contents .float-wrap {
        margin: 35px 0;
        padding: 0;
    }
    #contents .float-wrap .float-img {
        margin: 0 0 25px 0;
    }
    #contents .float-wrap .float-img .flame {
        max-width: 100%;
    }
    #contents .float-wrap .fr {
        width: 100%;
        text-align: left;
    }
    #contents .float-wrap img {
        width: 100%;
    }
    #contents .caption {
        margin: 8px 0 0;
        font-size: 1.0rem;
        line-height: 1.3;
        word-break: break-all;
        color: #808080;
        text-align: center;
    }
    #contents .floatCatch, #page .floatCatch, #category .floatCatch {
        font-size: 1.8rem;
        color: #ff4f42;
        border-bottom: solid 3px #c9c9c9;
        padding: 0 0 10px;
        overflow: hidden;
        width: auto;
        line-height: 1.3;
        margin: 0 0 15px;
        font-weight: bold;
    }
    #index h2.floatCatch, #page h2.floatCatch, #category h2.floatCatch, #index h3.floatCatch, #page h3.floatCatch, #category h3.floatCatch, #index h4.floatCatch, #page h4.floatCatch, #category h4.floatCatch, #index h5.floatCatch, #page h5.floatCatch, #category h5.floatCatch {
        background: none;
        border: none;
        border-bottom: dotted 1px #00307c;
        width: auto;
        text-align: left;
    }
    #index h2.floatCatch:before, #page h2.floatCatch:before, #category h2.floatCatch:before, #index h4.floatCatch:before, #page h4.floatCatch:before, #category h4.floatCatch:before {
        content: none;
    }
    #contents .floatBox01 .float-wrap {
        margin: 20px 0;
        padding: 0;
    }
    #contents .floatBox01 .float-wrap img {
        width: 100%;
    }
    #contents .floatBox01 .float-wrap .fl.t_small {
        width: 40%;
        padding: 0 20px 0 0;
        text-align: center;
        float: left;
    }
    #contents .floatBox01 .float-wrap .fr.t_small {
        width: 40%;
        padding: 0 0 0 20px;
        margin: 0;
        text-align: center;
        float: right;
    }
    #contents .floatBox01 .float-wrap .ct {
        width: 100%;
        margin: 0 auto;
        padding: 0 0 20px;
        text-align: center;
    }
    .additional {
        background: #eef7fe;
        padding: 15px;
        line-height: 1.5;
        margin: 20px 0 0;
        box-sizing: border-box;
    }
    /*--------------------------------------
　btn
---------------------------------------*/
    .btn-link {
        margin: 20px 0;
        text-align: center;
    }
    .btn-link a {
        position: relative;
        display: block;
        padding: 15px 30px 15px 15px;
        background: #fff url("img/arrow_left_red01.png") right 15px top 50% no-repeat;
        background-size: 15px;
        text-align: center;
        color: #444444;
        line-height: 1.3;
        text-decoration: none;
        font-size: 1.4rem;
        font-weight: bold;
        border: solid 2px #333;
        border-radius: 3.5rem;
        box-shadow: 4px 4px 0px 0px #333;
    }
    .btn-link a:hover {
        text-decoration: none;
    }
    .btn-internal, .btn-web, .btn-tel, .btn-link {
        width: 90%;
        margin: 20px auto;
    }
    .btn-internal a,
    .btn-web a,
    .btn-tel a {
        color: #FFF;
        font-size: 1.4rem;
        font-weight: bold;
        padding: 15px 30px 15px 30px;
        display: block;
        text-align: center;
        position: relative;
        border: 3px solid #333333;
        border-radius: 3.5rem;
        box-shadow: 4px 4px 0px 0px #333;
    }

    .btn-internal a {
        background: #ff6f2b url("img/arrow_left_white.png") right 15px top 50% no-repeat;
        background-size: 8px;
    }
    .btn-web a {
        background: #2095fc url("img/arrow_left_white.png") right 15px top 50% no-repeat;
        background-size: 8px;
        padding: 15px 25px 15px 15px;
    }
    .btn-tel a {
        background: url("img/arrow_left_white.png") right 15px top 50% no-repeat, url("img/icon_tell.png") left 15px top 50% no-repeat #ff4f42;
        background-size: 8px auto,16px;
    }
     /*--------------------------------------
共通パーツ
---------------------------------------*/
     #contents .Inner {
        padding: 0;
        width: 100%;
        text-align: center;
    }
    .Tit_wrap {
        width: 90%;
        margin: auto;
    }
    .lead {
		text-align:left;
    }
	
    #category .Tit_wrap, #page .Tit_wrap{
		text-align:center;
    }
	
    #contents .Inner .Tit_wrap .TitSub {
        font-size: 1.7rem;
        padding: 0.5rem 1rem;
        border: 2px solid #333333;
        display: inline-block;
        border-radius: 10px;
        box-shadow: 3px 3px 0px 0px #333;
        font-weight: bold;
    }
    #contents .Inner .Tit_wrap .addTit_sub {
    position: relative;
    font-size: 1.7rem;
    padding: 0 0 15px;
    line-height: 1.6;
    background: url(img/tit_bg_h2.png) bottom no-repeat;
    background-size: auto .8rem;
    display: inline-block;
    margin: 1rem auto;
}
#contents .Inner .Tit_wrap .addTit {
    line-height: 1.5;
    font-size: 2.5rem;
    color: #ff6f2b;
    margin: 0px 0 1rem;
    font-weight: bold;
    text-align: center;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
 }
  #contents .lower_bottom {
    padding: 3rem 0 5rem;
    }
   .lower_bottom .srcoll {
       font-size: 1.4rem;
       font-weight: bold;
       margin: 2rem 0 0;
   }
   #contents .lower_bottom .lower_table {
        margin: 0;
        width: auto;
        white-space: nowrap;
        padding-bottom: 10px;
        overflow-x: scroll;
        overflow: auto;
    }

   #contents .lower_bottom .lower_table th, #contents .lower_bottom .lower_table td {
        display: table-cell;
        font-size: 1.5rem;
        border: 2px solid #333;
    }
 #contents .lower_bottom .lower_table td {
     background: #fff;
     text-align: left;
 }
   #contents .lower_bottom .lower_table th {
        font-size: 15px;
        table-layout: fixed;
        width: 60%;
        border: 2px solid #333;
    }
    #contents .lower_bottom .lower_table th small {
        color: #fff;
    }

    #contents .lower_bottom .lower_table .vertical {
         position: sticky;
	     position: -webkit-sticky;
         top: 0;
         left: 0;
         border: 2px solid #333;
         box-shadow: 0px 0px 0px 1px #333;
         white-space: normal;
    }

    #contents .lower_bottom .lower_table td.vertical {
        font-size: 1.6rem;
        padding: 1rem;
        text-align: left;
        font-weight: bold;
        background: #fff;
        border: 2px solid #333;
    }
    #contents .lower_bottom .lower_table td.td_price,
    #contents .lower_bottom .lower_table td.td_time {
        font-size: 1.6rem;
        background: #fff;
        border: 2px solid #333;
        font-weight: bold;
        text-align: center;
    }
    #contents .lower_bottom .btn-web.table a {
        background: #2095fc url("img/arrow_left_white.png") right 10px top 50% no-repeat;
        margin: 1rem 0;
        padding: 1rem 3rem 1rem 1rem;
        width: 32vw;
    }
    #contents .lower_bottom .lower_table .red_num {
          font-size: 2.5rem;
        color: #ff4f42;
        font-weight: bold;
    }
    #contents .lower_bottom .lower_table .black_num {
        font-size: 2.5rem;
        color: #333;
        font-weight: bold;
    }


    /*--------------------------------------
pankuzu
---------------------------------------*/
    #pankuzuWrap {
        overflow: auto;
        white-space: nowrap;
    }
    #pankuzu {
        box-sizing: border-box;
        width: 100%;
        padding: 10px;
        font-size: 1.1rem;
    }
    /*--------------------------------------
btn
---------------------------------------*/
    #contents .sitemap {
        padding: 0 10px;
        box-sizing: border-box;
    }
    #contents .sitemap h1 {
        width: 100%;
    }
    /* ================== */
    /*header　*/
    /* ================== */
    header {
        position: relative;
    }
    #headNoteArea {
        padding: 15px 55px 0px 75px;
        font-size: 1.1rem;
        position: relative;
        border-bottom: 2px solid #ff6f2b;
    }
    #headNoteArea::before {
        content: "";
        position: absolute;
        background: url(img/icon_site_sp.png) left bottom 0rem no-repeat,#fff;
        background-size: 8rem auto;
        bottom: -4px;
        width: 8rem;
        height: 4.2rem;
        left: 0;
        z-index: 4;
    }
    /*#headNoteArea h1,*/
    #headNoteArea .sitename, #headNoteArea .sitename a {
        padding: 10px;

    }
    #headNoteArea .sitename img {
        display: block;
        vertical-align: middle;
    }
    #headNoteArea .sitename a {
        background: none;
        padding: 0;
    }
    #headNoteArea .rightTxt {
        display: none;
    }
    /* ハンバーガーメニュー */
    .out-frame {
        position: relative;
        width: 100%;
    }
    .out-frame.black:after {
        background: #FFF;
        opacity: 0.8;
        content: '';
        height: 10000px;
        right: 0;
        top: 0;
        padding: 0;
        position: fixed;
        width: 100%;
        z-index: 1;
        transition: all .5s ease;
    }
    .out-frame:after {
        background: #FFF;
        opacity: 0;
        content: '';
        right: 0;
        top: 0;
        position: fixed;
        width: 100%;
        z-index: 1;
        transition: all .5s ease;
    }
    .header-frame {
        position: relative;
        width: 100%;
        height: 64px;
    }
    .menu-btn {
        background: url(./img/sp-btn-menu_on.png) 0 0 no-repeat;
        background-size: 35px;
        position: absolute;
        top: 10px;
        right: 10px;
        height: 35px;
        width: 35px;
        z-index: 10;
        display: block!important;
    }
    .navOpenOut {
        background: #fff;
        padding: 15px 10px 10px;
        box-sizing: border-box;
    }
    .navOpen {
        background: url(./img/sp-btn-menu_off.png) 0 0 no-repeat;
        background-size: 35px;
        position: inherit;
        top: inherit;
        right: 10px;
        height: 35px;
        width: 35px;
        z-index: 10;
        float: right;
    }
    #sp_titArea .is-fixed {
        position: fixed;
        top: 10px;
        right: 10px;
        z-index: 10000;
    }
    .fixed {
        position: fixed;
        width: 100%;
        height: 100%;
    }
    .menu-btn img {
        opacity: 0;
    }
    .black .menu-btn img {
        opacity: 0;
    }
    .header-menu {
        position: fixed;
        display: none;
        top: 0;
        width: 100%;
        z-index: 10000;
        height: 100%;
        overflow-y: scroll;
        background: #fff;
    }
    .header-menu ul li a {
        display: block;
        padding: 15px 30px 15px 10px;
        background: #ffcb00 url("img/arrow_left_blue.png") 95% 50% no-repeat;
        background-size: 6px auto;
        border-bottom: 1px solid #fffbeb;
        text-decoration: none;
        line-height: 1.3;
        color: #000;
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: bold;
    }
    .header-menu ul.accordion li ul li:first-child a {
        padding: 12px 30px 12px 10px;
    }
    .header-menu ul li.delete {
        background: #ffbfa0 url(img/batu.png) 55% 50% no-repeat;
        background-size: 19px;
        padding: 10px 60px 10px 20px;
        text-align: center;
        color: #000;
        font-size: 1.5rem;
    }
    .header-menu ul.accordion ul {
        display: none;
    }
    .header-menu ul.accordion .subCat ul.subList {
        display: block;
    }
    .header-menu ul.accordion .tglMenu {
        display: block;
        padding: 15px 30px 15px 10px;
        background: #ff7f42 url(img/arrow_white_up.png) 97% 50% no-repeat;
        background-size: 20px auto;
        border-bottom: 1px solid #FFF;
        text-decoration: none;
        line-height: 1.3;
        color: #fff;
        font-size: 1.3rem;
        font-weight: bold;
    }
    .header-menu ul.accordion .open {
        background: #ff7f42 url(./img/arrow_white_down.png) 97% 50% no-repeat;
        background-size: 20px auto;
    }
    .header-menu ul.accordion ul li a {
        padding: 12px 30px 12px 20px;
        background: #ffefe8 url(img/arrow_left_black.png) 95% 50% no-repeat;
        background-size: 6px auto;
        color: #000;
        font-weight: normal;
        border-bottom: 1px dotted #444;
    }
    .header-menu ul.accordion ul li.subCat a {
        padding: 12px 30px 12px 20px;
    }
    .header-menu ul.accordion li ul li .subList li a {
        padding: 12px 30px 12px 30px;
    }
    .header-menu .navBn {
        background: #00344c;
        padding: 20px 0;
    }
    .header-menu .navBn a {
        background: url("img/bg_cmBn.jpg") 50% 50% no-repeat;
        background-size: cover;
        border: 2px solid #dfdfdf;
        display: block;
        padding: 66px 0 0 0;
        width: 230px;
        margin: 0 auto;
    }
    .header-menu .navBn a .upTxt {
        background: #FFF;
        text-align: center;
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: bold;
        margin: 0;
        padding: 4px 6px;
    }
    .header-menu .navBn a .bottom {
        background: #000;
        padding: 4px;
        box-sizing: border-box;
    }
    .header-menu .navBn a .bottom p {
        color: #FFF;
        margin: 0;
        font-weight: normal;
        font-size: 11px;
        font-size: 1.1rem;
    }
    .header-menu .navBn a .bottom p span {
        background: #ae0000;
        border-radius: 4px;
        color: #FFF;
        font-weight: normal;
        padding: 4px 8px 3px 8px;
        box-sizing: border-box;
        float: right;
        line-height: 1.4rem;
    }
       .sideTop {
        display: block;
        border: 4px solid #666666;
        margin: 3rem auto;
        border-radius: 20px;
        padding: 1.5rem;
        box-shadow: 5px 5px 0px 0px #666666;
        cursor: pointer;
        transition: 0.2s;
        background: url(img/img_sliderbar.png) bottom -1px right no-repeat,#fff;
        background-size: 4rem auto;
        box-sizing: border-box;
        width: 70%;
    }
    .sideTop_wrap img {
        width: 100%;
        max-width: 100%;
    } 
   .sideTop:hover {
    opacity: inherit;
    transform: translateY(5px);
    box-shadow: none;
    transition: 0.2s;
    }
   .sideTop p {
        margin: 1rem 0 0;
        font-size: 14px;
        color: #333;
        font-weight: bold;
        text-align: center;
    }
   .sideTop p .red {
       color: #ff4f42;
       font-size: 1.6rem;
       background: none;
    }

    /*--------------------------------------
Footer
---------------------------------------*/
    footer {
        box-sizing: border-box;
        width: 100%;
        padding: 0;
        margin: 40px 0 0;
        background-color: #ffefe8;
        border-top: solid 4px #ff7f42;
    }
    footer .sitenameArea {
        padding: 6px 0;
    }
    footer .sitenameArea .name {
        text-align: center;
        margin: 0 auto;
        padding: 15px;
        width: 80%;
    }
    footer .sitenameArea .name a {
        color: #333;
        font-weight: bold;
    }
    footer .areaInner {
        box-sizing: border-box;
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    footer .areaInner .footBox {
        border-bottom: 1px solid #fffbeb;
    }
    footer .areaInner .footBox {
        margin: 0;
    }
    footer .areaInner .footBox .sttl a {
        display: block;
        box-sizing: border-box;
        font-size: 1.4rem;
        color: #000;
        background: #ffefe8 url(img/arrow_white_up.png) right 10px center no-repeat;
        background-size: 20px auto;
        padding: 10px 40px 10px 4%;
        font-weight: bold;
    }
    footer .areaInner .footBox .sttl.sitemap a {
        background: #ffefe8 url(img/arrow_left_black.png) right 17px center no-repeat;
        background-size: 6px auto;
    }
    footer .areaInner .footBox .sttl.open a {
        background: #ff7f42 url(img/arrow_white_down.png) right 10px center no-repeat;
        background-size: 20px auto;
    }
    footer .areaInner .footBox .sttl {
        padding: 0;
        margin: 0;
    }
    footer .areaInner .footBox .accChild {
        display: none;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        background: #fff;
    }
    footer .areaInner .footBox .accChild li {
        float: none;
        padding: 0;
        background: none;
    }
    footer .areaInner .footBox .accChild li a {
        display: block;
        box-sizing: border-box;
        background: url("img/arrow_left_black.png") right 17px center no-repeat;
        background-size: 6px auto;
        color: #000;
        border-bottom: 1px dotted #444;
        padding: 10px 40px 10px 4%;
        font-size: 13px;
        font-size: 1.3rem;
    }
    footer .areaInner .footBox .accChild li:last-child a {
        border-bottom: none;
    }
    footer .areaInner .footBox .accChild li.subCat a {
        display: block;
        box-sizing: border-box;
        background: url("img/arrow_left_blue.png") right 17px center no-repeat;
        background-size: 6px auto;
        color: #000;
        border-bottom: 1px dotted #444;
        padding: 10px 40px 10px 8%;
    }
    footer .areaInner .footBox .accChild li.subCat:last-child a {
        border: none;
    }
    footer .areaInner .footBox .accChild .subList {
        padding: 0;
        margin: 0;
    }
    footer .areaInner .footBox .accChild .subList li a {
        padding: 10px 40px 10px 14%;
        background: url("img/arrow_left_blue.png") right 17px center no-repeat;
        background-size: 6px;
    }
    footer .areaInner .footBox .accChild li:after {
        content: "";
    }
    footer .areaInner .footBox .accChild li:last-child:after {
        content: "";
    }
    footer .areaInner .noticeArea {
        width: 90%;
        margin: 30px auto 15px;
        background: #FFF;
        padding: 20px;
        box-sizing: border-box;
        font-size: 1.2rem;
        line-height: 1.8em;
        border-radius: 20px;
    }
    footer .areaInner .noticeArea p {
        font-size: 1.2rem;
    }
    footer .botArea {
        background: #ff7f42;
    }
    footer p.copy {
        margin: 0;
        padding: 14px 0;
        font-size: 1.0rem;
        line-height: 1.3;
        text-align: center;
        color: #fff;
    }
    footer a {
        color: #fff;
        text-decoration: none;
    }
    footer .warn {
        font-size: 11px;
        font-size: 1.1rem;
        text-align: center;
        margin: 0 0 15px;
    }
    /*--------------------------------------
　PageTop
---------------------------------------*/
    #page-top {
        position: fixed;
        bottom: 3%;
        right: 3%;
        z-index: 2;
        width: 60px;
    }
}