@charset "utf-8";

@media all and (min-width: 1230px) {
    div.mainContents.youkou article header.local,
    div.mainContents.youkou article p.txt,
    div.mainContents.youkou article .detail {
        margin-left: 30px;
    }
}

div.mainContents.youkou article .linkArea a span,
div.mainContents.youkou article a.linkTxt span { color: #c6893f; }
div.mainContents.youkou article .linkArea a:hover span,
div.mainContents.youkou article a.linkTxt:hover span {
background: #c6893f;
color: #fff;
}
div.mainContents.youkou article h3 { font-size: 16px; }
div.mainContents.youkou article h4 { color: #8c8279; }
div.mainContents.youkou article p { margin-bottom: 0; }
div.mainContents.youkou article p.txt {
margin-top: 25px;
font-size: 14px;
}
div.mainContents.youkou article .detail { margin-top: 45px; }
div.mainContents.youkou article .detail h4 { margin: 30px 0 5px 0; }
div.mainContents.youkou article .detail h4.first { margin: 12px 0 9px 0; }
div.mainContents.youkou article p.linkArea { margin: 6px 0 0 0; }
div.mainContents.youkou article .btnArea a {
height: 33px;
line-height: 33px;
background-color: #3d3935;
border-radius: 3px;
color: #fff;
display: block;
text-align: center;
font-size: 13px;
}
div.mainContents.youkou article .btnAreaWrap {
margin-top: 45px;
overflow: hidden;
max-width: 610px;
}
div.mainContents.youkou article .btnAreaWrap:after {
content: "";
display: block;
clear: both;
}
div.mainContents.youkou article .btnAreaWrap .btnArea {
float: right;
width: 50%;
}
div.mainContents.youkou article .btnAreaWrap .btnArea.formBtn p {
margin-right: 15px;
}
div.mainContents.youkou article .btnAreaWrap .btnArea.entryBtn p {
margin-left: 15px;
}
div.mainContents.youkou article .btnAreaWrap .btnArea:first-child { float: left; }
div.mainContents.youkou article .btnAreaWrap .btnArea.formBtn a {
border: 1px solid #3d3935;
color: #fff;
}
div.mainContents.youkou article .btnAreaWrap .btnArea.entryBtn a {
background-color: #fff;
border: 1px solid #3d3935;
color: #3d3935;
}
div.mainContents.youkou article .btnAreaWrap.onlyFormBtn {
width: 290px;
margin-left: auto;
margin-right: auto;
}
div.mainContents.youkou article .notes {
color: #b1b0ae;
font-size: 10px;
line-height: 2;
}
div.mainContents.youkou article .notes li {
color: #b1b0ae;
font-size: 10px;
line-height: 2;
padding-left: 1em;
text-indent: -1em;
}
div.mainContents.youkou article .notes.request {
margin: 10px 0 0 0;
text-align: right;
}
div.mainContents.youkou article .notes.request li {
margin-right: -5px;
}
div.mainContents.youkou article .notes span {
padding-left: 1em;
display: block;
}
div.mainContents.youkou article .inquiry li { line-height: 1.7; }
div.mainContents.youkou article .limit li:first-child { margin-bottom: 2px; }
div.mainContents.youkou article .mainContentsIn { margin-bottom: 45px; overflow: hidden; }

@media all and (min-width: 1230px) {
    div.mainContents.youkou article .mainContentsIn { overflow: hidden; }
    div.mainContents.youkou article .mainContentsIn:after {
    content: "";
    display: block;
    clear: both;
    }
    div.mainContents.youkou article .section { overflow: hidden; }
    div.mainContents.youkou article .section:after {
        content: "";
        display: block;
        clear: both;
    }
    div.mainContents.youkou article p.txt { font-size: 14px; margin-top: 0; }
    div.mainContents.youkou article .detail {
        margin-top: 51px;
    }
    div.mainContents.youkou article .btnAreaWrap {
        margin-left: 0;
        margin-right: 0;
    }
    div.mainContents.youkou article .btnAreaWrap.onlyFormBtn {
        width: 610px;
        margin-left: 0;
    }
    nav.exNav {
        width: 320px;
        padding: 0;
        background-color: #fff;
    }
    nav.exNav p {
        margin: 0;
    }
    div.mainContents.youkou article .detail ul.notes.request {
        max-width: 610px;
    }
}
@media all and (min-width: 600px) {
    div.mainContents.youkou article .mainContentsIn {
    width: 610px;
    margin-left: 15px;
    }
    div.mainContents.youkou article .bnrArea { margin: 10px 0 44px; }
    div.mainContents.youkou article nav.exNav .bnrArea { margin: 30px 0 0; }
    div.mainContents.youkou article .btnAreaWrap h3.headline { margin-bottom: 16px; }
    div.mainContents.youkou article .btnAreaWrap .btnArea a {
    height: 33px;
    line-height: 33px;
    }
    div.mainContents.youkou article .btnAreaWrap.entry {
    width: 290px;
    margin: 16px auto 49px;
    }
    div.mainContents.youkou article .notes {
    margin: 10px 0 49px;
    }
    div.mainContents.youkou article .notes + .linkArea {
        margin-top: -35px;
    }
    div.mainContents.youkou article .relatedLinksWrap {
    margin-left: 30px;
    float: left;
    }
    div.mainContents.youkou article .relatedLinksWrap h3 { margin-top: 0; }
    div.mainContents.youkou article .relatedLinks { float: left; }
    div.mainContents.youkou article .relatedLinks .col1 {
    width: 290px;
    float: none;
    }
}
@media all and (max-width: 599px) {
    div.mainContents.youkou article .mainContentsIn { margin: 0 15px; }
    div.mainContents.youkou article .mainImage img,
    div.mainContents.youkou article .bnrArea img { width: 100%; }
    div.mainContents.youkou article .bnrArea { margin: 15px 0 22px; }
    div.mainContents.youkou article .notes { margin-top: 6px; }
    div.mainContents.youkou article .btnAreaWrap { margin-top: 7px; }
    div.mainContents.youkou article .btnAreaWrap .btnArea.autoCharge a {
    height: 35px;
    line-height: 35px;
    }
    div.mainContents.youkou article .btnAreaWrap .btnArea.onlineReceive a {
    height: 35px;
    line-height: 35px;
    }
    div.mainContents.youkou article .relatedLinks { margin-bottom: 5px; }
    div.mainContents.youkou article .relatedLinks h3 { margin: 24px 0 16px; }
    div.mainContents.youkou article .relatedLinks .row .container { margin: 0; }
    }
    @media all and (min-width: 1230px) {
    div.mainContents.youkou article .mainContentsIn {
    width: auto;
    margin-left: 0;
    }
}
@media all and (max-width: 599px) {
    div.mainContents.youkou article { padding-bottom: 55px; }
}

@media all and (min-width: 600px) and (max-width: 909px) {
    div.mainContents.youkou article .mainContentsIn {
    width: auto;
    margin: 0 15px;
    }
    div.mainContents.youkou article .mainImage img,
    div.mainContents.youkou article .bnrArea img {
    width: 100%;
    height: auto;
    }
}

/*-------------------
14HolidayP1
-------------------*/
nav.exNav {
width: 320px;
padding: 0;
background-color: #fff;
}
header.local {
z-index: 2;
}
div.mainContents.youkou article .mainContentsIn p.mainImage {
margin-top: 30px;
}

@media all and (min-width: 1230px) {
    div.mainContents.youkou article .mainContentsIn p.mainImage {
    display: none;
    }
    div.mainContents.youkou nav.exNav p.mainImage {
    margin: 0;
    }
    div.mainContents.youkou article .mainContentsIn .mainImage {
    display: none;
    }
    div.mainContents.youkou header.local h2 {
        padding: 5px 100px 18px 0;
    }
}

@media all and (max-width: 909px) {
    div.mainContents.youkou article .btnAreaWrap {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    div.mainContents.youkou article .btnAreaWrap .btnArea {
        width: 50%;
    }
    div.mainContents.youkou article .btnAreaWrap .btnArea:first-child {
        float: left;
    }
    div.mainContents.youkou article .btnAreaWrap .btnArea p {
        width: auto;
        margin: 0 0 0 15px;
    }
    div.mainContents.youkou article .btnAreaWrap .btnArea:first-child p {
        margin: 0 15px 0 0;
    }
    div.mainContents.youkou article .btnAreaWrap .btnArea a {
        width: auto;
    }
    div.mainContents.youkou article .btnAreaWrap.onlyFormBtn {
        width: auto;
    }
    div.mainContents.youkou article .btnAreaWrap.onlyFormBtn .btnArea {
        width: 100%;
    }
    div.mainContents.youkou article .btnAreaWrap.onlyFormBtn .btnArea p {
        margin: 0;
    }
    .contentArea p.txt {
        margin-top: 25px;
    }
}

@media all and (max-width: 599px) {
    div.mainContents.youkou article .mainContentsIn {
    overflow: visible;
    }
    div.mainContents.youkou article .mainContentsIn .mainImage {
    margin-left: -15px;
    margin-right: -15px;
    }

    div.mainContents.youkou article h3 {
        font-size: 14px;
    }
    div.mainContents.youkou article .btnAreaWrap {
        margin-top: 36px;
    }
    div.mainContents.youkou article .btnAreaWrap .btnArea p {
        margin: 0 0 0 7px;
    }
    div.mainContents.youkou article .btnAreaWrap .btnArea:first-child p {
        margin: 0 7px 0 0;
    }
    div.mainContents.youkou article .btnAreaWrap .btnArea a {
        width: 30%;
        height: 43px;
        line-height: 1.5;
        display: table-cell;
        vertical-align: middle;
        font-size: 12px;
    }
    div.mainContents.youkou article .btnAreaWrap .btnArea a .towLines span {
        display: block;
    }
    div.mainContents.youkou article .btnAreaWrap.onlyFormBtn {
        padding-bottom: 30px;
    }
    div.mainContents.youkou article .btnAreaWrap.onlyFormBtn .btnArea p {
        margin: 0;
    }
    div.mainContents.youkou article .btnAreaWrap.onlyFormBtn .btnArea a {
        height: 33px;
        line-height: 33px;
    }
    div.mainContents.youkou article .btnAreaWrap.onlyFormBtn .btnArea a .towLines span {
        display: inline;
    }
    div.mainContents.youkou article .notes {
        margin-top: 3px;
    }
    div.mainContents.youkou article .notes li {
        line-height: 1.7;
    }
    div.mainContents.youkou article .notes.request {
        width: auto;
        margin: 8px 0 0;
        text-align: left;
    }
    div.mainContents.youkou article .notes.request li {
        margin-right: 0;
    }
    div.mainContents.youkou article .notes span {
        display: inline;
    }
    div.mainContents.youkou article .detail {
        margin-top: 21px;
    }
    div.mainContents.youkou article .detail h4 {
        margin: 25px 0 5px 0;
    }
    div.mainContents.youkou article .detail h4.first {
        margin: 8px 0 9px;
    }
    div.mainContents.youkou article .contentArea p.txt {
        margin-top: 15px;
    }
}

.visualArea { display: none; }

.visualArea p { margin: 0; }

.contentArea {
    margin-bottom: 45px;
    overflow: hidden;
}
@media all and (min-width: 1230px) {
    .visualArea {
        float: left;
        display: block;
        top: 0;
        margin-bottom: 45px;
    }
}

@media all and (max-width: 909px) {
    div.titleArea { z-index: 1001; }
}

@media all and (max-width: 599px) {
    .contentArea { margin-bottom: 0; }
}

.closed {
	color: #8c8279 !important;
	font-size: 13px !important;
}