@media(min-width:751px) {
    .pcnone {
        display: none !important;
    }
}


/*guide_set all*/
.guide_set {
    font-size: 16px;
    width: 95%;
    margin: 0 auto;
    font-family: 'Noto Sans JP', sans-serif;
}

/*topcontent_set*/
.guide_set .topcontent {
    margin: 2rem auto 1rem;
}

/*pankuzu*/
.guide_set .breadcrumb {
    margin: 0;
    padding: 0;
    list-style: none;
}

.guide_set .breadcrumb li {
    display: inline;
    list-style: none;
}

.guide_set .breadcrumb li:after {
    content: '>';
    padding: 0 0.2em;
    color: #555;
}

.guide_set .breadcrumb li:last-child:after {
    content: '';
}

.guide_set .breadcrumb li a {
    text-decoration: none;
}

.guide_set .breadcrumb li a:hover {
    text-decoration: underline;
}

/*header_set*/
.guide_set .header {
    position: -webkit-sticky;
    position: sticky;
    text-align: center;
    top: 70px;
    width: 100%;
    margin: 0 auto;
    background: #E5E5E5;
    margin-bottom: 2rem;
    z-index: 1;
}

.header .cmn-gnav {
    background-color: #b6a365;
    height: 3rem;
    line-height: 3rem;
    color: #fff;
    overflow: inherit;
}

.header .cmn-gnav:hover {
    color: #b6a365;
}

.header .cmn-gnav p {
    font-size: 16px;
    height: 3rem;
    line-height: 3rem;

}

.header .cmn-megamenu {
    padding: 2rem 0;
}

.header .cmn-inner {
    width: 100%;
}

.header .cmn-megamenu_list {
    text-align: center;
}

/*toptitle*/
.guide_set .guidetitle {
    font-size: 2rem;
}

/*contents_all*/
.guide_set .contents {
    background: #fff;
    border-radius: 10px;
    padding: 3rem 3rem 4rem;
    margin-bottom: 2rem;
    text-align: center;
}

.guide_set .contents_wrap {
    width: 100%;
    margin: 0 auto;
}

.guide_set .contents h4,
h3,
p {
    margin: 0 auto;
}

.guide_set .texonly * {
    margin: 0 auto;
}

.guide_set .texonly p {
    text-align: left;
}

/*h4 etc texset*/
.guide_set h3 {
    position: relative;
    display: block;
    padding-left: 2rem;
    width: 60%;
    font-size: 1.3rem;
}

.guide_set h3:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 50%;
    display: block;
    width: 5px;
    height: 2rem;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    background-color: #a28D46;
}

.guide_set h3:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 50%;
    display: block;
    width: 5px;
    height: 2rem;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    background-color: #a28D46;
}

.guide_set h4 {
    color: #a28D46;
    border-bottom: 1px solid;
    margin: 2rem auto 0 !important;
    text-align: center;
    font-size: 1.2rem;
    width: 100%;
}

.guide_set .texonly h4 {
    border: 0;
}

.guidemenu h4 {
    background-color: #a28D46;
    /* border-bottom:1px solid; */
    width: 100% !important;
    color: #fff;
    margin: 1rem auto !important;
    text-align: center;
    font-size: 1.2rem;
    width: 100%;
}

.guide_set h5 {
    color: #a28D46;
    margin-top: 1rem;
}

/*list set*/
.guide_set .list1 {
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    list-style: none;
    margin-bottom: 1rem;
}

.guide_set .list1 li {
    width: calc(100%/3);
    padding: .5rem;
}

.guide_set .list1 img {
    width: 100%;
}

.guide_set .contents a:hover {
    background: #323232 !important;
    color: #fff;
}

.guide_set .list2 {
    /* display:flex; */
    margin: 1rem auto;
}

.guide_set .list2 li {
    padding: .5rem;
    width: 100%;
}

.guide_set .list2 li img {
    width: 25%;
}

.guide_set .list2 li dt {
    /* font-weight:bold; */
    font-size: 1.2rem;
    color: #ca6464;
    line-height: 1.5rem;
    margin: 0.5rem;
}

.guide_set .list3 {
    text-align: left;
    margin: 0 auto;
}

.guide_set .list3 li {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 1rem;
}

.guide_set .list4 {
    /* display:flex; */
    margin: 1rem auto;
}

.guide_set .list4 li {
    width: 100%;
    padding: 1.5rem;
    margin: .5rem auto;
    border: 1px solid;
    border-radius: 10px;
}

.guide_set .list4 dt {
    font-weight: bold;
    border-bottom: 1px solid;
    margin-bottom: .5rem;
}

.guide_set .expansion {
    transition: 1s all;
}

.guide_set .expansion:hover {
    transform: scale(1.2, 1.2);
    transition: 1s all;
}

.guidemenu .list1 li div {
    overflow: hidden;
}

.guide_set .passlist {
    /* display:flex; */
}

.guide_set .passlist li {
    background: #f6f4f2;
    margin: 1rem auto;
    padding: .8rem;
    border-radius: 10px;
    width: 100%;
}

.guide_set .passlist li dt {
    color: #a28D46;
    font-size: 1.2rem;
}

.guide_set .cardlist {
    display: flex;
    width: 100%;
    margin: 1rem auto;
}

.guide_set .cardlist li {
    width: calc(100%/4);
    border: 0;
    padding: 0 0 0 0;
    margin: .5rem;
}

/*dl set */
.guide_set .personal {
    text-align: left;
    margin: 0 auto;
}

.guide_set .personal dt {
    font-weight: bold;
}

.guide_set .personal div {
    background: #f6f4f2;
    border-radius: 10px;
    padding: 1rem;
    margin-top: .5rem;
}

.watsrodeo dl {
    display: flex;
    background: #f6f4f2;
    padding: 1rem;
    margin: auto;
}

.watsrodeo dl dt {
    background: #fff;
    width: 30%;
    padding: .5rem;
    border-radius: 10px;
    margin-right: 1rem;
}

.watsrodeo dl dd {
    padding: .5rem;
}

.watsrodeo .attention {
    margin-top: 1rem;
}

.guide_set .procedure {
    text-align: left;
    margin: 1.5rem auto;
}

.guide_set .procedure img {
    margin: 1rem 0;
}

.guide_set .procedure dt {
    font-size: 1.2rem;
    margin-top: .5rem;
}

.guide_set .procedure dt span {
    background: #aec7c3;
    color: #fff;
    padding: .3rem .7rem;
    margin-right: .5rem;
    font-size: .8rem;
}

.guide_set .procedure dd {}

.shopping .procedure dd span {
    display: block;
    color: #91b5b0;
}

.shopping dl.attention {
    border: 1px solid #cfcfcf;
    padding: 1rem;
    font-size: .9rem;
    margin-top: 1rem;
}

/*table_set*/
.shopping table {
    width: 100%;
    margin-top: 1rem;
}

.shopping table td,
th {
    border: 1px solid #cfcfcf;
    text-align: center;
    padding: .7rem;
}

.shopping table th {
    background: #f6f4f2;
}


/*set_SP*/
@media screen and (max-width:750px) {
    .spnone {
        display: none !important;
    }

    .guide_set {
        font-size: 15px;
    }

    .guidetitle {
        font-size: 1.4rem;
    }

    .guide_set .content {
        padding: .5rem;
    }

    .guide_set h3 {
        width: 100%;
        margin-bottom: .5rem;
        font-size: 1.2rem;
        padding: 1rem;
    }

    .guide_set .contents {
        padding: 2rem 1rem 3rem;
        margin-bottom: 2rem;
    }

    .guide_set .texonly * {
        width: 100%;
    }

    .guide_set .list1 {
        display: block;
        margin-bottom: 1rem;
    }

    .guide_set .list1 li {
        width: 100%;
    }

    .guide_set .list1 img {
        width: 80%;
    }

    .guide_set .contents a {
        background: #fff;
        width: 100%;
        padding: 0 .3rem;
    }

    .watsrodeo dl {
        display: block;
        background: #f6f4f2;
        width: 100%;
        padding: .5rem 1rem;
        margin: auto;
    }

    .watsrodeo dl dt {
        width: 100%;
    }

    .watsrodeo .attention {
        margin-top: 1rem;
        width: 100%;
    }

    .guide_set .header {
        top: 0;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
    }

    .guide_set .header ul {
        display: block;
        flex-wrap: nowrap;
        padding: 0;
        list-style: none;
    }

    .guide_set .header ul li {
        width: 100%;
        padding: 0;
    }

    .guide_set .header ul li a {
        border-radius: 10px;
        background: #fff;
        display: block;
        padding: .8rem;
        margin: .3rem 0;
    }

    .guide_set .toggle {
        display: none;
    }

    .guide_set .Label {
        padding: .5rem;
        display: block;
        color: #fff;
        background: #b9a561;
    }

    .guide_set .Label:hover {
        background: #575757;
    }

    .guide_set .Label::before {
        content: "";
        width: 10px;
        height: 10px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        -webkit-transform: rotate(45deg);
        position: absolute;
        top: calc(50% - 8px);
        right: 2rem;
        transform: rotate(135deg);
    }

    .guide_set .Label,
    .guide_set .content {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0);
        transition: all 0.3s;
    }

    .guide_set .content {
        height: 0;
        margin-bottom: 10px;
        padding: 0 20px;
        overflow: hidden;
    }

    .guide_set .toggle:checked+.Label+.content {
        height: auto;
        padding: .5rem;
        transition: all .3s;
    }

    .guide_set .toggle:checked+.Label::before {
        transform: rotate(-45deg) !important;
    }
}

/*guide_item ol*/
.contents_wrap ol {
    display: flex;
    flex-wrap: wrap;
    background-color: #F8F8F7;
    padding: 0.5rem;
}

.contents_wrap ol li {
    width: calc(100%/2);
    padding: 0.5rem;
    list-style: none;
}

/*guide_item table*/
.square li {
    list-style: disc;
    margin-left: 25px;
}

.contents table {
    width: 100%;
}

.contents table td {
    border: 1px solid #d6d0c7;
    font-size: 15px;
    color: #414141;
    padding: 5px;
    text-align: left;
}

.contents table .title {
    /*-- background-color: #f7f7f7; --*/
    background-color: #f4f2ef;
    text-align: center;
}

.contents table td#rank_n {
    text-align: center;
    background-color: #ffffdb;
}

.contents table td#rank_m {
    text-align: center;
    background-color: #F3F3F3;
}

.contents table td#rank_ssa {
    text-align: center;
    background-color: #ffeaff;
}

.contents table td#rank_a {
    text-align: center;
    background-color: #FFD9F2;
}

.contents table td#rank_sa {
    text-align: center;
    background-color: #fff1e8;
}

.contents table td#rank_ab {
    text-align: center;
    background-color: #F8AEC3;
}

.contents table td#rank_b {
    text-align: center;
    background-color: #EEF4FF;
}

.contents table td#rank_v {
    text-align: center;
    background-color: #f1e5d3;
}

.contents table td#tokutei {
    width: 28%;
}

/*guide_other*/
.p_list dl {
    background: #f6f4f2;
    padding: 1rem;
    margin: auto;
}

.p_list dl dt {
    width: 100%;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    background: #fff;
    border-radius: 10px;
    margin-right: 1rem;
}

/*guide_qa*/
#accordion {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  #accordion div div {
    position: relative;
    /*background: #cfcfcf;*/
  background: #e3decf;
    color: #414141;
    padding: 1em;
    display: inline-block;
    margin: 0;
    border: 1px solid #fff;
    cursor: pointer;
    width: 100%;
    text-align: left;
    text-decoration: none;
    transition: all .3s;
  }
  #accordion div div:hover {
    background: #f4f2ef;
  }
  #accordion div div:after {
    position: absolute;
    top: 50%;
    right: .2em;
    content: '';
    margin-top: -5px;
    border: 7px solid transparent;
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-color: #414141;
    transition: all .3s;
  }
  #accordion input:checked + div div:after {
    top: 60%;
    right: 15px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  #accordion ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 5px 0 15px;
    padding: 0;
    list-style: none;
  }
  #accordion ul li {
    width: 100%;
    padding: .3em .6em .3em 1.5em;
    position: relative;
    display: inline-block;
    color: #414141;
    text-align: left;
    text-decoration: none;
    transition: all .3s;
  }
  #accordion input {
    display: none;
  }
  #accordion input:checked {
    display: none;
  }
  #accordion input + div ul {
    display: none;
  }
  #accordion input:checked + div ul {
    display: block;
  }