body {
    text-align: left;
    /*xbackground-color: #ffffff;*/
    padding: 0 0 0 0;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}

div.header {
    text-align: left;
    min-height: 38px;
    margin-bottom: 0px;
    background-color: #f7f7f7;
    margin-left: auto;
    margin-right: auto;
}

div.header div.header-brochure {
    text-align: left;
    min-height: 38px;
    margin-bottom: 0px;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
}


div.header-logo {
    background-color: white;
    border-bottom: 1px solid #d0d0d0;
}
div.header img.logo {
    margin-top: 0.3em;
    margin-left: 0.2em;
    margin-bottom: 0.2em;
    max-width: 98%;
    max-height: 3.0em;
}


div.header .header-text {
    font-size: 70%;
    text-align: center;
}

div.header hr {
    margin-bottom: 0;
    margin-top: 0;
}

div.fill-box {
    width: 99%;
    border: 0.2em solid rgb(232, 232, 232);
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
}

span.entry-hint {
    font-size: 0.8em;
}

span.req-mark {
    vertical-align: middle;
    padding-bottom: 0.1em;
    display: inline-block;
}
span.req-mark-explanation {
    font-size: 0.8em;
}

img.req-mark {
    width: 2.71em;
    height: auto;
}

div.page-header {
    padding-left: 0.8em;
    background-color: #f7f7f7;
    width: 938px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.6em;
}

div.flow-all {
    background-image: url(../img/flow-bro/flow_pc.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 920px;
    height: 105px;
}

div.flow {
    background-size: contain;
    background-repeat: no-repeat;
    width: 920px;
    height: 70px;
}

div.flow01 {
    background-image: url(../img/flow-bro/flow01_pc.png);
}
div.flow02 {
    background-image: url(../img/flow-bro/flow02_pc.png);
}
div.flow03 {
    background-image: url(../img/flow-bro/flow03_pc.png);
}
div.flow04 {
    background-image: url(../img/flow-bro/flow04_pc.png);
}
div.flow05 {
    background-image: url(../img/flow-bro/flow05_pc.png);
}
div.flow06 {
    background-image: url(../img/flow-bro/flow06_pc.png);
}
div.flow07 {
    background-image: url(../img/flow-bro/flow07_pc.png);
}

div.page-title {
    width: 920px;
    padding-left: 0.2em;
    padding-top: 0.0em;
    padding-bottom: 0.0em;
    border-radius: 0.4em;
    margin-top: 0.7em;
    background-color: #4bb340;
}

div.page-subtitle table td {
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 0px;
}

div.page-subtitle td.vertical-bar-td {
    text-align: left;
}
div.page-subtitle .vertical-bar-top {
    border: 1px solid transparent;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    background-color: #4bb340;
    width: 0.25em;
    height: 0.3em;
}
div.page-subtitle .vertical-bar-middle {
    border: 1px solid transparent;
    border-radius: 0%;
    background-color: #4bb340;
    color: white;
    font-weight: bold;
    width: 0.25em;
    height: 0.5em;
}
div.page-subtitle .vertical-bar-bottom {
    border: 1px solid transparent;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    background-color: #4bb340;
    width: 0.25em;
    height: 0.3em;
}

div.page-subtitle .page-subtitle-text {
    font-size: 1.3em;
    font-weight: bold;
    padding-top: 0.0em;
    padding-left: 0.5em;
    color: #4bb340;
}


div.page-title table td {
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 0px;
}

div.page-title table td.left-spacer {
    width: 0.5em;
}

div.page-title .page-number-td {
    text-align: center;
}
div.page-title .page-number {
    border: 1px solid transparent;
    border-radius: 50%;
    color: #4bb340;
    background-color: white;
    font-weight: bold;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    position: relative;
}
div.page-title .page-number .page-number-text {
    font-size: 1.1em;
    position: absolute;
    left: 30%;
    top: 10%;
}

div.page-title .page-title-text {
    font-size: 1.5em;
    font-weight: bold;
    color: white;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.5em;
}

div.contact-info {
    border: 2px solid #4bb340;
    text-align: center;
    margin: 1em 1em 1em 1em;
    background-color: white;
    border-radius: 0.4em;
}

div.footer {
    text-align: left;
    padding-top: 0em;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

div.footer-content {
    font-size: 80%;
    text-align: left;
    padding: 1em 0em 0em 0em;
    background-color: #f7f7f7;
}

div.footer div.footer-tabs {
    width: 950px;
    text-align: right;
    border-bottom: 0px solid transparent;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0;
    height: 1.9em;
    overflow-y: hidden;
}
div.footer div.footer-tabs-left {
    border-bottom: 1px solid #d0d0d0;
    height: 1.9em;
    width: 100%;
    position: absolute;
    bottom: 0em;
    left: 0em;
    z-index: 0;
}
div.footer div.footer-tabs-right {
    border-bottom: 1px solid #d0d0d0;
    height: 1.9em;
    width: 2em;
    position: absolute;
    bottom: 0em;
    right: 0em;
}
div.footer div.footer-tabs button {
    height: 2.3em;
    line-height: 1.9em;
    width: 11em;
    border-top-left-radius: 0.3em;
    border-top-right-radius: 0.3em;
    background-color: #ffffff;
    border-top: 1px solid #d0d0d0;
    border-left: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-bottom: 1px solid #ffffff;
    text-align: center;
    position: absolute;
    top: 0em;
    right: 2em;
    z-index: 1;
}

div.footer div.footer-tabs button table {
    width: 100%;
}
div.footer div.footer-tabs button td {
    padding: 0 0 0 0;
    text-align: right;
    vertical-align: middle;
}
div.footer div.footer-tabs button td.right {
    padding: 0 0 0 0;
    text-align: left;
}
div.footer div.footer-tabs button img {
    width: 1em;
}

div.footer-bottom {
    padding-left: 0.3em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    background-color: #ffffff;
    text-align: center;
}

div.footer-bottom img.logo {
    margin-top: 0.8em;
    max-width: 98%;
    max-height: 3.0em;
}
div.footer-bottom p {
    font-size: 70%;
    margin-top: 0;
    padding-top: 0;
    padding-left: 2em;
    float: left;
}

div.debug {
    /*display: none;*/
}

div.confirm-message {
    font-weight: bold;
    font-size: 120%;
    margin-bottom: 6px;
}

div.error-message {
    color: #dd3333;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.4em;
    border: 0.1em solid #cc0000;
    border-radius: 0.1em;
    margin-bottom: 0.4em;
    width: 95%;
    padding: 0.4em;
    margin-left: 0px;
}

div.message {
    color: blue;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.4em;
    border: 0.1em solid blue;
    border-radius: 0.1em;
    margin-bottom: 0.4em;
    width: 95%;
    padding: 0.4em;
    margin-left: 0px;
}

div.comImg > img {
    width:100%;

}


div.nodata-message {
    color: #dd3333;
    font-weight: bold;
    font-size: 120%;
    margin-left: 6px;
}

input.quantity {
    ime-mode: disabled;
    width: 3.0em;
}

div.content {
    font-size: 100%;
    text-align: left;
    padding-top: 1em;
    padding-bottom: 0em;
    padding-left: 0em;
    padding-right: 0em;
    background-color: #f7f7f7;
    margin-left: auto;
    margin-right: auto;
}

div.page-content {
    font-size: 0.95em;
    text-align: left;
    border-radius: 0.4em;
    margin-top: 0.2em;
    margin-bottom: 0em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding-top: 1em;
    padding-bottom: 0em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    background-color: #ffffff;
}

@media (min-width: 601px) {
    div.page-content {
        width: 890px;
        margin-left: 14px;
        margin-right: 16px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

div.content div.clear {
    clear: both;
}

div.content div.entry-container {
    width: 100%;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-radius: 0.0em;
    padding-top: 0px;
    margin-top: 0.5em;
}

div.content div.entry-container-product1 {
    width: 100%;

}

div.content div.entry-container-product1 p.takkyubin {
    width: 100%;
    background-color: #f4a460;
    padding: 2px 1px 2px 10px;
    color:white ;
}
div.content div.entry-container-product1 div.product-text {
	float: left;
    width: 100%;
    padding: 2px 0 2px 10px;
}


	div.content div.entry-container-product2 {
	float: left;
    width: 100%;
}
    div.content div.entry-container-product2 p.tanto {
    width: 100%;
    background-color: #daa520;
    padding: 2px 1px 2px 10px;
    color:white;
    
}
    div.content div.entry-container-product2 div.product-text {
	float: left;
    width: 100%;
    padding: 2px 0 2px 10px;
}

    div.content div.entry-container-product1 div.product-text  div.content{
   
    width: 100%;
    padding: 2px 0 2px 10px;
    text-align: center;
    background-color : white;
    }
     div.content div.entry-container-product1 div.product-text  div.content2{
  
    width: 100%;
    padding: 2px 0 2px 10px;
    text-align: center;
    background-color : white;
    }
     div.content div.entry-container-product2 div.product-text  div.content{
    
    width: 100%;
    padding: 2px 0 2px 10px;
    text-align: center;
    background-color : white;
    }
    



@media (min-width: 601px) {
	
	div.content div.entry-container-product1 {
	float: left;
    width: 60%;
    }
    div.content div.entry-container-product1 p.takkyubin {
    width: 100%;
    background-color: #f4a460;
    padding: 2px 1px 2px 10px;
    color:white ;
    }
    div.content div.entry-container-product1 div.product-text {
    width: 45%;
    padding: 2px 0 2px 10px;
    background-color : white;
    }
    
    div.content div.entry-container-product1 div.product-text  div.content{
    width: 100%;
    padding: 2px 0 2px 10px;
    text-align: center;
    background-color : white;
    }

     div.content div.entry-container-product1 div.product-text  div.content2{
    width: 100%;
    padding: 2px 0 2px 10px;
    text-align: center;
    background-color : white;
    }   
    
     div.content div.entry-container-product2 div.product-text  div.content{
    width: 100%;
    padding: 2px 0 2px 10px;
    text-align: center;
    background-color : white;
    }
    
	div.content div.entry-container-product2 {
	float: left;
    width: 30%;
    margin: 0 0 0 20px;
    }
    div.content div.entry-container-product2 p.tanto {
    width: 90%;
    background-color: #daa520;
    padding: 2px 1px 2px 10px;
    color:white;
    }
    div.content div.entry-container-product2 div.product-text {

    width: 80%;
    padding: 2px 0 2px 10px;
    }
}


div.content div.entry-clear {
    clear: both;
}

div.content ul.entry {
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    list-style: none;
    color: black;
    font-weight: normal;
}
div.content ul.entry li {
    list-style-type: none;
    text-align: left;
    vertical-align: top;
}
div.content ul.entry > li {
    padding-top: 0em;
    padding-bottom: 0em;
    width: 100%;
    float: left;
    clear: left;
}

div.content ul.entry > table.product {
    padding-top: 0em;
    padding-bottom: 0em;
    width: 100%;
    float: left;
    clear: left;
}

div.content ul.entry table.product tr {
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}


div.content ul.entry li >ul {
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
div.content ul.entry > li.stripe1 {
}
div.content ul.entry > li.stripe2 {
    /*xbackground-color: #f5f5f5;*/
}


div.content ul.entry li.entry-label {
    float: left;
    clear: left;
    padding: 0.3em 1em 0.5em 1em;
    width: 10em;
    font-weight: bold;
    background-color: #fbfbfb;
    text-align: left;
    display: inline-block;
}
div.content ul.entry li.entry-value {
    float: left;
    text-align: left;
    padding: 0.3em 1em 0.3em 1em;
    min-width: 20em;
    margin-left: 0px;
    vertical-align: top;
    display: inline-block;
    max-width: 40em;
}
div.content ul.entry li.long-entry-label {
    width: 17em;
}

div.content div.mail-page-content input.mail-address-input {
    width: 30em;
}

div.content div.entry-page-content ul.entry li.entry-label {
    width: 13em;
}
div.content div.entry-page-content ul.entry li.entry-value {
    max-width: 36em;
}

div.content div.entry2-page-content ul.entry > li {
}
div.content div.entry2-page-content ul.entry {
}
div.content div.entry2-page-content ul.entry li.entry-label {
    width: 30%;
}
div.content div.entry2-page-content ul.entry li.entry-value {
    min-width: 60%;
}

div.content div.entry3-page-content ul.entry li.entry-label {
    width: 20em;
}

div.content div.depositmethod-page-content li.entry-label {
    width: 28%;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
div.content div.depositmethod-page-content li.entry-value {
    width: 28%;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
div.content div.depositmethod-page-content ul.step2-entry > li {
    border-bottom: 0px solid transparent;
}
div.content div.depositmethod-page-content li.step2-entry-value {
    min-width: 100%;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    border-bottom: 0.1em solid #cccccc;
}
div.content div.depositmethod-page-content ul.entry li.entry-value .entry-area {
    padding-left: 0.6em;
    margin-right: 0.6em;
}

div.content div.depositcredit-page-content ul.entry li.entry-label {
    width: 28%;
    padding-top: 1.1em;
    padding-bottom: 1.1em;
}
div.content div.depositcredit-page-content ul.entry li.entry-value {
    padding-top: 1.1em;
    padding-bottom: 0.5em;
}
div.content div.depositcredit-page-content ul.entry li.padded2-entry-label {
    padding-top: 1.9em;
    padding-bottom: 1.9em;
}
div.content div.depositcredit-page-content ul.entry li.padded2-entry-value {
    padding-top: 0.9em;
    padding-bottom: 0.3em;
}

div.content div.paymentcredit-page-content ul.entry li.entry-label {
    width: 28%;
    padding-top: 1.1em;
    padding-bottom: 1.1em;
}
div.content div.paymentcredit-page-content ul.entry li.entry-value {
    padding-top: 1.1em;
    padding-bottom: 0.5em;
}
div.content div.paymentcredit-page-content ul.entry li.padded2-entry-label {
    padding-top: 1.9em;
    padding-bottom: 1.9em;
}
div.content div.paymentcredit-page-content ul.entry li.padded2-entry-value {
    padding-top: 0.9em;
    padding-bottom: 0.3em;
}

div.content div.paymentmethod-page-content ul.step2-entry {
    width: 100%;
}
div.content div.paymentmethod-page-content ul.step2-entry > li {
    border-bottom: 0px solid transparent;
}
div.content div.paymentmethod-page-content ul.step2-entry > li > ul {
    width: 100%;
}
div.content div.paymentmethod-page-content li.step2-entry-value {
    min-width: 100%;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    border-bottom: 0.1em solid #cccccc;
}
div.content div.paymentmethod-page-content ul.entry li.entry-value .entry-area {
    padding-left: 0.6em;
    margin-right: 0.6em;
    width: 100%;
}

div.content div.paymentcredit-card-holder ul.entry li.entry-label {
    min-width: 10em;
    width: auto;
}
div.content div.paymentcredit-card-holder ul.entry li.entry-label-right {
    clear: none;
    border-left: 0.1em solid #cccccc;
    width: auto;
}
div.content div.paymentcredit-card-holder ul.entry li.entry-value {
    min-width: 10em;
    width: auto;
}

div.content div.confirmpaymentmethod-page-content .normal-container ul.entry li.entry-label {
    min-width: 15em;
}


div.content div.confirmenquette-page-content ul.entry li.entry-label {
    width: 60%;
}
div.content div.confirmenquette-page-content ul.entry li.entry-value {
    min-width: 30%;
    max-width: 30%;
}
div.content div.enquette-page-content .entry-container {
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
}
div.content div.enquette-page-content ul.entry > li {
    border-bottom: 0px solid transparent;
}
div.content div.enquette-page-content ul.entry li.entry-label .enquette-text {
    padding-left: 1em;
}
div.content div.enquette-page-content ul.entry li.entry-value .entry-area {
    margin-left: 0.6em;
    margin-right: 0.6em;
}
div.content div.enquette-page-content ul.entry li.entry-label {
    float: none;
    width: 100%;
    padding-left: 0em;
    padding-right: 0em;
    background-color: rgb(255, 250, 238);
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 0.5em;
}
div.content div.enquette-page-content ul.entry li.entry-value {
    float: none;
    clear: left;
    width: 100%;
    max-width: 100%;
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    margin-bottom: 1.5em;
    padding-left: 0em;
    padding-right: 0em;
}

div.content div.enquette-page-content ul.entry li.in-error .entry-area {
    border: 0.2em solid #cc0000;
}

@media (min-width: 601px) {
    div.content div.entry3-long-label ul.entry li.entry-label {
        width: 17em;
    }
    div.content div.entry3-longer-label ul.entry li.entry-label {
        width: 23em;
    }
}

div.content div.entry3-options ul.entry li.entry-label {
    min-width: 11em;
    width: auto;
}
div.content div.entry3-options ul.entry li.entry-label-right {
    clear: none;
    border-left: 0.1em solid #cccccc;
    width: auto;
}
div.content div.entry3-options ul.entry li.entry-value {
    min-width: 10em;
    width: auto;
}

div.content div.readme {
    line-height: 1.4em;
}
div.content div.entrance-readme {
    line-height: 1.4em;
    font-size: 1.1em;
}

div.content span.instructions {
    font-size: 1.0em;
    line-height: 1.4em;
    color: black;
}
div.content span.important-instructions {
    font-size: 0.8em;
    color: rgb(232, 0, 0);
}
div.content span.unimportant-instructions {
    font-size: 0.8em;
    color: rgb(133, 117, 137);
}
div.content span.information {
    font-size: 1.0em;
    color: black;
}
div.content span.important-information {
    font-size: 1.0em;
    color: rgb(232, 0, 0);
}
@media (min-width: 601px) {
    /*div.content ul.entry li.entry-label {
        border-right: 1px solid #99d3b9;
    }
    */
    div.content ul.entry li.entry-value {
        border-left: 0px solid #cccccc;
    }
    div.content ul.entry li.entry-label {
        border-right: 1px solid #cccccc;
    }
    div.content ul.entry li div.entry-button {
        float: right;
        margin-left: 3em;
        margin-top: -0.3em;
        margin-bottom: 0.6em;
    }
    div.content ul.entry > li {
        border-bottom: 1px solid #cccccc;
        border-left : 1px solid #cccccc;
        border-right : 1px solid #cccccc;
    }
}

div.content {
 -ms-word-break: break-all;
  /* Non standard for webkit */
     word-break: break-word;
      word-wrap: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

div.content div.navigation {
    vertical-align: top;
    width: 100%;
    padding-bottom: 3em;
    text-align: center;
    padding-left: 1.6em;
}
@media (min-width: 601px) {
div.content div.page-content div.title {
    vertical-align: top;
    width: 55%;
    color : white;
    font-size :1.3em;
    background-color: #f4a460;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 1.6em;
    padding-top:0.3em;
    padding-bottom:0.3em;
}
}

div.content div.page-content div.title {
    vertical-align: top;
    width: 90%;
    color : white;
    font-size :1.1em;
    background-color: #f4a460;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 1.6em;
    padding-top:0.3em;
    padding-bottom:0.3em;
}



div.content div.navigation div.center {
    float: left;
    vertical-align: top;
    width: 100%;
    text-align: center;
    padding-top:1em;
    padding-bottom:1em;
}
div.content div.navigation div.left {
    float: left;
    vertical-align: top;
    width: 50%;
    text-align: right;
    padding-right: 0.6em;
}
div.content div.navigation div.right {
    float: left;
    vertical-align: top;
    width: 50%;
    text-align: left;
    padding-left: 0.6em;
}

div.content div.navigation3 {
    vertical-align: top;
    width: 100%;
    padding-bottom: 3em;
    text-align: center;
    padding-left: 0.6em;
}
div.content div.navigation3 div.center {
    float: left;
    vertical-align: top;
    width: 30%;
    text-align: center;
}
div.content div.navigation3 div.left {
    float: left;
    vertical-align: top;
    width: 30%;
    text-align: right;
    padding-right: 0.6em;
}
div.content div.navigation3 div.right {
    float: left;
    vertical-align: top;
    width: 30%;
    text-align: left;
    padding-left: 0.6em;
}

@media (min-width: 601px) {
    div.content div.navigation div.left {
        max-width: 400px;
    }
    div.content div.navigation div.right {
        max-width: 400px;
    }
}

div.content div.navigation-links {
    vertical-align: top;
    width: 100%;
    padding-top: 1em;
    padding-bottom: 2em;
    text-align: center;
    padding-left: 1.6em;
}
div.content div.navigation-links div.center {
    float: left;
    vertical-align: top;
    width: 100%;
    text-align: center;
}
div.content div.navigation-links div.left {
    float: left;
    vertical-align: top;
    width: 45%;
    text-align: right;
    padding-right: 0.6em;
}
div.content div.navigation-links div.right {
    float: left;
    vertical-align: top;
    width: 45%;
    text-align: left;
    padding-left: 0.6em;
}
div.content div.navigation-links div.left > div {
    float: right;
    margin-left: auto;
}
div.content div.navigation-links div.right > div {
    float: left;
    margin-right: auto;
}


.ui-dialog-titlebar {
  background-color: #d3b999;
  background-image: none;
  color: #fff;
  border-color: #d3b999;
}

.ui-state-default .ui-icon {
	background-image: url('../image/ui-icons_d3b999_256x240.png');
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url('../image/ui-icons_d3b999_256x240.png');
}
.ui-state-active .ui-icon {
	background-image: url('../image/ui-icons_d3b999_256x240.png');
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #eee8e0;
	background-image: none;
	font-weight: bold;
	color: #eee8e0;
}
.ui-widget-header {
	border: 1px solid #eee8e0;
	background-image: none;
	color: #ffffff;
	font-weight: bold;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #eee8e0;
	text-decoration: none;
}

div.external-link {
    background-image: url(../img/icon/icon_window.png);
    background-repeat: no-repeat;
    background-size: 16px 14px;
    background-position: 0px 0px;
    min-height: 14px;
    padding-left: 20px;
    font-size: 1.0em;
    line-height: 1.0em;
}
div.external-link a {
    color: rgb(254, 110, 49);
}
div.external-link-arrow {
    background-image: url(../img/icon/icon_link.png);
    background-repeat: no-repeat;
    background-size: 16px 14px;
    background-position: 0px 0px;
    min-height: 14px;
    padding-left: 20px;
    font-size: 1.0em;
    line-height: 1.0em;
}
div.external-link-arrow a {
    color: rgb(254, 110, 49);
}
a {
    color: rgb(254, 110, 49);
}

button.scroll-to-top {
    cursor: pointer;
    text-shadow: rgba(0,0,0,0.20) 0 0 0.05em;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    font-family: sans-serif;
}

div.content button {
    background-color: #e0e8ee;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    border: 0.1em solid #e0e8ee;
    border-radius: 5px;
    cursor: pointer;
    font-weight: bold;
}
div.content button:hover {
    border: 0.1em solid #99d3b9;
    opacity: 0.8;
}

div.content button.image-button {
    color: transparent;
    border: 0px solid transparent;
}
div.content button.image-button:hover {
    color: transparent;
    border: 0px solid transparent;
}

div.content button.page-button {
    padding-left: 0.2em;
    padding-right: 0.2em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    font-size: 1.1em;
    background-color: rgb(255, 131, 131);
    border: 0.1em solid rgb(255, 122, 122);
    border-radius: 0.4em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    width: 16em;
    text-align: center;
    text-shadow: rgba(0,0,0,0.30) 0 0 0.10em;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    font-family: sans-serif;
    font-weight: normal;
    cursor: pointer;
    color: white;
}
div.content button.page-button:hover {
    border: 0.1em solid rgb(188, 99, 99);
}
div.content button.page-button table {
    width: 100%;
}
div.content button.page-button table td.center {
    width: 100%;
    text-align: center;
}

div.content button.triangle-button {
    background-color: rgb(255, 124, 0);
    padding-left: 0.2em;
    padding-right: 0.2em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    border: 0.1em solid rgb(255, 125, 28);
    border-radius: 0.4em;
    cursor: pointer;
    color: white;
    font-size: 1.7em;
    text-shadow: rgba(0,0,0,0.20) 0 0 0.05em;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    font-family: sans-serif;
    font-weight: normal;
}
div.content button.triangle-button:hover {
    border: 0.1em solid rgb(200, 100, 20);
    opacity: 0.9;
}
div.content button.triangle-button table td {
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 0px;
}
div.content button.triangle-button td.triangle-td {
    text-align: center;
}
div.content button.triangle-button td.left {
    padding-left: 0.5em;
    padding-right: 0.5em;
    white-space: nowrap;
}
div.content button.triangle-button td.right-spacer {
    padding-right: 0.5em;
}
div.content button.triangle-button div.triangle {
    border: 1px solid transparent;
    border-radius: 50%;
    color: rgb(255, 124, 0);
    background-color: white;
    font-weight: bold;
    width: 1.0em;
    height: 1.0em;
    text-align: center;
    position: relative;
}
div.content button.triangle-button .triangle-text {
    font-size: 0.7em;
    position: absolute;
    left: 30%;
    top: -10%;
    display:inline-block;
    -webkit-transform:scale(1,1.4); /* Safari and Chrome */
    -moz-transform:scale(1,1.4); /* Firefox */
    -ms-transform:scale(1,1.4); /* IE 9 */
    -o-transform:scale(1,1.4); /* Opera */
    transform:scale(1,1.4); /* W3C */
}

div.content button.next-triangle-button {
    font-size: 1.1em;
    background-color: rgb(255, 131, 131);
    border: 0.1em solid rgb(255, 122, 122);
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    width: 16em;
    text-align: center;
    text-shadow: rgba(0,0,0,0.30) 0 0 0.10em;
}
div.content button.next-triangle-button:hover {
    border: 0.1em solid rgb(188, 99, 99);
}
div.content button.next-triangle-button table {
    width: 100%;
}
div.content button.next-triangle-button table td {
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 0px;
}
div.content button.next-triangle-button td.triangle-td {
    text-align: right;
    width: 20%;
}

div.content button.next-triangle-button div.triangle {
    float: right;
    text-align: right;
    width: 1.0em;
    height: 1.0em;
    background-image: url(../img/icon/icon_next.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: transparent;
}
div.content button.next-triangle-button td.left {
    text-align: center;
    width: 80%;
    padding-left: 20%;
}
div.content button.longtext-triangle-button td.left {
    padding-left: 5%;
    padding-right: 0em;
}
div.content button.longertext-triangle-button td.left {
    padding-left: 5%;
    padding-right: 0em;
    font-size: 0.9em;
}
div.content button.next-triangle-button .triangle-text {
    display: none;
}
div.content button.other-area-triangle-button {
    font-size: 1.1em;
    background-color: rgb(237, 237, 237);
    color: rgb(143, 143, 143);
    border: 0.1em solid rgb(255, 202, 202);
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    width: 16em;
    text-align: center;
    text-shadow: rgba(0,0,0,0.30) 0 0 0.10em;
}

div.content button.prev-triangle-button {
    font-size: 1.1em;
    color: rgb(143, 143, 143);
    background-color: rgb(237, 237, 237);
    border: 0.1em solid rgb(207, 207, 207);
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    width: 16em;
    text-align: center;
}
div.content button.prev-triangle-button:hover {
    border: 0.1em solid rgb(144, 144, 144);
}
div.content button.prev-triangle-button table {
    width: 100%;
}
div.content button.prev-triangle-button table td {
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 0px;
}
div.content button.prev-triangle-button td.triangle-td {
    text-align: left;
    width: 20%;
}
div.content button.prev-triangle-button div.triangle {
    float: left;
    text-align: left;
    width: 1.0em;
    height: 1.0em;
    background-image: url(../img/icon/icon_prev.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: transparent;
}
div.content button.prev-triangle-button .triangle-text {
    display: none;
}
div.content button.prev-triangle-button td.right {
    text-align: center;
    width: 80%;
    padding-right: 20%;
}

div.content .entrance-page-content {
    line-height: 1.2em;
    background-color: rgb(255, 255, 255);
    color: black;
    /*border: 0.0em solid rgb(234, 234, 234);*/
    border-radius: 0.3em;
    margin-left: 12px;
}

div.content .confirmenquette-page-content .prev-triangle-button {
    width: 13em;
}
div.content .confirmenquette-page-content .prev-triangle-button td.right {
    padding-left: 0em;
    padding-right: 0em;
}
div.content .confirmenquette-page-content .page-button {
    width: 13em;
    padding-top: 0.35em;
    padding-bottom: 0.35em;
}

div.content .area-page-content button.area-button {
    width: 14em;
}
div.content button.area-button td.left {
    padding-left: 1.0em;
}

div.content button.external-page-button {
    font-size: 1.1em;
    color: rgb(143, 143, 143);
    background-color: rgb(237, 237, 237);
    border: 0.1em solid rgb(207, 207, 207);
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    width: 16em;
    text-align: center;
}
div.content button.external-page-button:hover {
    border: 0.1em solid rgb(144, 144, 144);
}
div.content button.external-page-button table {
    width: 100%;
}
div.content button.external-page-button table td {
    vertical-align: middle;
    padding-top: 0px;
    padding-bottom: 0px;
}
div.content button.external-page-button td.triangle-td {
    text-align: right;
    width: 20%;
}
div.content button.external-page-button div.triangle {
    float: right;
    text-align: left;
    width: 1.0em;
    height: 1.0em;
    background-image: url(../img/icon/icon_next_grey.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: transparent;
}
div.content button.external-page-button .triangle-text {
    display: none;
}
div.content button.external-page-button td.right {
    text-align: center;
    width: 80%;
    padding-right: 20%;
}

div.content button.select-address-button {
    font-size: 0.8em;
    background-color: rgb(2, 191, 191);
    border: 0.1em solid rgb(30, 191, 191);
}
div.content button.select-address-button:hover {
    border: 0.1em solid rgb(15, 95, 95);
}
div.content button.select-address-button .triangle-text {
    color: rgb(2, 191, 191);
    font-size: 0.5em;
    position: absolute;
    left: 2%;
    top: 15%;
    display:inline-block;
    -webkit-transform:scale(1.3,1); /* Safari and Chrome */
    -moz-transform:scale(1.3,1); /* Firefox */
    -ms-transform:scale(1.3,1); /* IE 9 */
    -o-transform:scale(1.3,1); /* Opera */
    transform:scale(1.3,1); /* W3C */
}

div.content button.close-address-selector-button {
    text-shadow: rgba(0,0,0,0.20) 0 0 0.05em;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    font-family: sans-serif;
    font-weight: normal;
    font-size: 1.1em;
    background-color: rgb(2, 191, 191);
    color: white;
    border: 0.1em solid rgb(30, 191, 191);
    padding-left: 1.7em;
    padding-right: 1.7em;
}
div.content button.close-address-selector-button:hover {
    border: 0.1em solid rgb(15, 95, 95);
}

div#address-selector {
    position: absolute;
    left: 0px;
    top: 2.8em;
    width: 100%;
    background-color: white;
    border: 0.1em solid rgb(132, 132, 132);
    z-index: 100;
}

div#address-selector .heading {
    padding-top: 0.3em;
    padding-bottom: 0.2em;
    padding-left: 1.2em;
    font-size: 1.5em;
    background-color: rgb(2, 191, 191);
    color: white;
}

div.content div#address-selector button.select-button {
    background-color: rgb(255, 124, 0);
    padding-left: 0.2em;
    padding-right: 0.2em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    border: 0.1em solid rgb(255, 125, 28);
    border-radius: 0.4em;
    cursor: pointer;
    color: white;
    font-size: 1.2em;
}

div.content div#address-selector button.select-button:hover {
    border: 0.1em solid rgb(200, 100, 20);
}

div.content div#address-selector button.select-button .triangle {
    color: rgb(255, 124, 0);
    background-color: white;
}
div.content div#address-selector button.select-button .triangle-text {
    font-size: 0.9em;
    position: absolute;
    left: 30%;
    top: 0%;
    display:inline-block;
    -webkit-transform:scale(1,1.4); /* Safari and Chrome */
    -moz-transform:scale(1,1.4); /* Firefox */
    -ms-transform:scale(1,1.4); /* IE 9 */
    -o-transform:scale(1,1.4); /* Opera */
    transform:scale(1,1.4); /* W3C */
}

div.content ul.address-select {
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    list-style: none;
    color: black;
    font-weight: normal;
}
div.content ul.address-select li {
    list-style-type: none;
    text-align: left;
    vertical-align: top;
}
div.content ul.address-select > li {
    padding-top: 0em;
    padding-bottom: 0em;
    width: 100%;
    float: left;
    clear: left;
}
div.content ul.address-select li >ul {
    list-style-type: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
div.content ul.address-select > li.stripe1 {
    background-color: #ffffff;
}
div.content ul.address-select > li.stripe2 {
    background-color: #f5f5f5;
}

div.content ul.address-select li.address {
    float: left;
    padding: 0.3em 1em 0.3em 1em;
    min-width: 20em;
    font-size: 1.5em;
}
div.content ul.address-select li.button {
    float: right;
    text-align: right;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-right: 1.0em;
}

@media (min-width: 601px) {
    div.content {
        width: 950px;
    }
    div.header {
        width: 950px;
    }
    div.footer {
        width: 950px;
    }
    div.content ul.entry li.padded1-entry-value {
        padding-top: 0.9em;
    }
    div.content ul.entry li.padded2-entry-value {
        padding-top: 1.8em;
    }
    div.content ul.entry li.padded2-entry-label {
        padding-top: 0.3em;
        padding-bottom: 2.0em;
    }
    div.content ul.entry li.padded25-entry-label {
        padding-top: 0.3em;
        padding-bottom: 2.7em;
    }
    div.content ul.entry li.padded3-entry-label {
        padding-top: 0.3em;
        padding-bottom: 4.1em;
    }
    div.content ul.entry li.padded4-entry-label {
        padding-top: 0.3em;
        padding-bottom: 6.3em;
    }
    div.content ul.entry li.padded5-entry-label {
        padding-top: 0.3em;
       padding-bottom: 8.3em;
    }
    div.content ul.entry li.entry-value li.padded5-entry-value {
        float:left ;
    }
}

div.footer-content div.contact-info {
  color: #4bb340;
  font-size: 1.5em;
  padding-top: 0.5em;
}

div.footer-content div.contact-title {
}

div.footer-content div.contact-tel-hours-container {
    text-align: center;
    line-height: 1.1em;
}

div.footer-content div.contact-tel-hours-container table {
    float: left;
    text-align: center;
    margin-left: 150px;
}

div.footer-content div.contact-tel-hours-container table td {
    vertical-align: middle;
}

div.footer-content div.contact-tel-hours-container table.contact-tel-table-2 {
    margin-left: 5.2em;
}
div.footer-content div.contact-tel-hours-container table.contact-tel-table-2 tr:first-child td {
    padding-bottom: 0.3em;
}
div.footer-content div.contact-tel-hours-container table.contact-tel-table-2 tr td:first-child {
    padding-top: 0em;
}
div.footer-content div.contact-tel-hours-container table.contact-tel-table-2 td {
    vertical-align: top;
}

div.footer-content div.contact-tel-hours-container .freedial {
    height: 1.5em;
    text-align: right;
}

div.footer-content div.contact-tel-hours-container .freedial img {
    height: 1.5em;
}

div.footer-content div.contact-tel-hours-container .contact-tel {
    font-size: 1.2em;
    text-align: left;
}

div.footer-content div.contact-tel-hours-container .contact-tel-hint {
    font-size: 0.7em;
}

div.footer-content div.contact-tel-hours-container .contact-hours {
    color: black;
    font-size: 0.9em;
    float: left;
    text-align: left;
    margin-left: 20px;
    padding-top: 6px;
     
}
div.footer-content div.contact-tel-hours-container .contact-hours-left {
    float: left;
}
div.footer-content div.contact-tel-hours-container .contact-hours-right {
    float: left;
    margin-left: 1.2em;
}
div.footer-content div.contact-tel-hours-container .contact-hours-divider {
    float: left;
    margin-left: 0.5em;
    margin-right: 0.5em;
    display: block;
}
.pc-only {
    display: block;
}
.sp-only {
    display: none;
}
div.pc-br {
    display: block;
}
div.sp-br {
    display: none;
}
hr.sp-hr {
    display: none;
}
div.enquette-break {
    padding-top: 0.5em;
}

@media (max-width: 600px) {
    div.content {
        width: 100%;
    }
    div.header {
        width: 100%;
    }
    div.footer {
        width: 100%;
    }

    div.footer div.footer-tabs {
        width: 100%;
    }

    div.footer-content div.contact-tel-hours-container table {
        float: none;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    div.footer-content div.contact-tel-hours-container table.contact-tel-table-2 tr td:first-child {
        padding-top: 0.25em;
    }
    div.footer-content div.contact-tel-hours-container table.contact-tel-table-2 {
        margin-left: auto;
    }

    div.footer-content div.contact-tel-hours-container .contact-hours {
        float: none;
        color: black;
        font-size: 0.8em;
        text-align: left;
    }
    div.footer-content div.contact-tel-hours-container .contact-hours-left {
        float: left;
    }
    div.footer-content div.contact-tel-hours-container .contact-hours-divider {
        display: none;
        float: none;
    }
    div.footer-content div.contact-tel-hours-container .contact-hours-right {
        clear: left;
        float: left;
        margin-left: 0em;
    }

    div.content div.mail-page-content input.mail-address-input {
        width: 99%;
    }

    .pc-only {
        display: none;
    }
    .sp-only {
        display: block;
    }
    div.pc-br {
        display: none;
    }
    div.sp-br {
        display: block;
    }
    hr.sp-hr {
        display: block;
    }
    div.enquette-break {
        display: none;
    }

    div#address-selector {
        position: absolute;
        left: 0.1em;
        top: 5.3em;
        width: 110%;
        background-color: white;
        border: 0.1em solid rgb(132, 132, 132);
    }
    div#address-selector .heading {
        padding-top: 0.3em;
        padding-bottom: 0.2em;
        padding-left: 1.2em;
        font-size: 1.2em;
        background-color: rgb(2, 191, 191);
        color: white;
    }
    div.content div#address-selector button.select-button {
    }

    div.content ul.address-select {
        margin-top: 0px;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        list-style: none;
        color: black;
        font-weight: normal;
    }
    div.content ul.address-select li {
        list-style-type: none;
        text-align: left;
        vertical-align: top;
    }
    div.content ul.address-select > li {
        padding-top: 0em;
        padding-bottom: 0em;
        width: 100%;
        float: none;
    }
    div.content ul.address-select li >ul {
        list-style-type: none;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        width: 100%;
    }
    div.content ul.address-select li.address {
        float: none;
        padding-left: 0.3em;
        padding-top: 0.2em;
        padding-right: 0.2em;
        padding-bottom: 0.2em;
        font-size: 1.3em;
        text-align: left;
        word-break: normal;
        word-wrap: normal;
        min-width: 2em;
    }
    div.content ul.address-select li.button {
        float: none;
        text-align: right;
        padding-top: 0.3em;
        padding-bottom: 0.3em;
        padding-right: 1.0em;
        border-bottom: 0.1em solid rgb(232, 232, 232);
    }

    div.content div.navigation-links {
        vertical-align: top;
        width: 100%;
        padding-top: 1em;
        padding-bottom: 2em;
        text-align: left;
        padding-left: 0em;
    }
    div.content div.navigation-links > div {
        height: 1.2em;
    }
    div.content div.navigation-links div.center {
        float: none;
        vertical-align: top;
        width: 100%;
        text-align: center;
    }
    div.content div.navigation-links div.left {
        float: none;
        vertical-align: top;
        width: 100%;
        text-align: left;
        padding-right: 0.6em;
        margin-left: 0px;
        position: relative;
    }
    div.content div.navigation-links div.right {
        vertical-align: top;
        width: 100%;
        text-align: left;
        padding-left: 0.6em;
        position: relative;
    }
    div.content div.navigation-links div.left > div {
        position: absolute;
        left: 0px;
    }
    div.content div.navigation-links div.right > div {
        position: absolute;
        left: 0px;
    }

    div.content div.entry-container {
        width: 100%;
        border: 0px solid transparent;
        border-radius: 0.0em;
        padding-top: 0px;
    }
    div.content ul.entry > li {

        padding-top: 0em;
        padding-bottom: 0em;
        width: 100%;
        clear: both;
        float: none;
    }
    div.content ul.entry li.entry-value {
        border-left: 0px solid transparent;
        background-color: white;
        width: 100%;
        min-width: 2em;
        clear: both;
        float: none;
        padding-top: 0.5em;
        padding-bottom: 1.1em;
    }
    div.content ul.entry li div.entry-button {
        clear: both;
        float: left;
        padding-left: 0em;
        margin-left: 0em;
        margin-right: auto;
        text-align: center;
        margin-top: 0.6em;
        margin-bottom: 0.6em;
    }
    div.content ul.entry li.entry-label {
        border-right: 0px solid transparent;
        border-top: 0.16em solid #4bb340;
        border-bottom: 0.16em solid #4bb340;
        background-color: white;
        color: #4bb340;
        padding-top: 0em;
        padding-bottom: 0em;
        width: 100%;
        clear: both;
        float: none;
        text-align: left;
    }
    div.content div.page-content ul.entry {
        width: 100%;
    }
    

    div.content div.page-content ul.entry > li {
        width: 100%;
    }
    div.content div.page-content ul.entry li.entry-label {
        width: 92%;
        padding-top: 0.2em;
        padding-bottom: 0.2em;
    }
    div.content div.page-content ul.entry li.entry-label .always-break {
        display: none;
    }
    div.content div.page-content ul.entry li.entry-value {
        width: 90%;
    }
    div.content ul.entry li.padded2-entry-value {
        padding-top: 0.6em;
        padding-bottom: 0em;
    }
    div.content ul.entry li.padded2-entry-label {
        padding-top: 0em;
        padding-bottom: 0em;
    }
    div.content ul.entry li.padded25-entry-label {
        padding-top: 0em;
        padding-bottom: 0em;
    }
    div.content ul.entry li.padded3-entry-label {
        padding-top: 0em;
        padding-bottom: 0em;
    }
    div.content ul.entry li.padded4-entry-label {
        padding-top: 0em;
        padding-bottom: 0em;
    }

    div.content div.navigation {
        vertical-align: top;
        width: 100%;
        padding-bottom: 1em;
        text-align: center;
        padding-left: 0em;
        margin-left: 0em;
    }
    div.content div.navigation div.center {
        clear: both;
        float: none;
        vertical-align: top;
        width: 100%;
        text-align: center;
    }
    div.content div.navigation div.left {
        clear: both;
        float: none;
        width: 100%;
        vertical-align: top;
        text-align: center;
        margin-bottom: 0.5em;
        padding-left: 0em;
    }
    div.content div.navigation div.right {
        clear: both;
        float: none;
        width: 100%;
        vertical-align: top;
        text-align: center;
        padding-left: 0em;
    }
    
    div.content div.navigation3 {
        vertical-align: top;
        width: 100%;
        padding-bottom: 1em;
        text-align: center;
        padding-left: 0em;
        margin-left: 0em;
    }
    div.content div.navigation3 div.center {
        clear: both;
        float: none;
        vertical-align: top;
        width: 100%;
        text-align: center;
        margin-bottom: 0.5em;
    }
    div.content div.navigation3 div.left {
        clear: both;
        float: none;
        width: 100%;
        vertical-align: top;
        text-align: center;
        margin-bottom: 0.5em;
        padding-left: 0em;
    }
    div.content div.navigation3 div.right {
        clear: both;
        float: none;
        width: 100%;
        vertical-align: top;
        text-align: center;
        padding-left: 0em;
    }
    
    div.page-header {
        padding-left: 0em;
        background-color: #f7f7f7;
        width: 100%;
    }
    
    div.page-title {
        width: 99.2%;
        margin-left: 0%;
        padding-left: 0.2em;
        padding-top: 0.0em;
        padding-bottom: 0.0em;
        border-radius: 0em;
        margin-top: 0em;
        background-color: #4bb340;
    }

    div.page-title table td {
        vertical-align: middle;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    div.page-title table td.left-spacer {
        width: 0.5em;
    }

    div.page-title .page-number-td {
        text-align: center;
    }
    div.page-title .page-number {
        border: 1px solid transparent;
        border-radius: 50%;
        color: #4bb340;
        background-color: white;
        font-weight: bold;
        width: 1.5em;
        height: 1.5em;
        text-align: center;
        position: relative;
    }
    div.page-title .page-number .page-number-text {
        font-size: 1.1em;
        position: absolute;
        left: 26%;
        top: -6%;
    }

    div.page-title .page-title-text {
        white-space: nowrap;
        text-align: left;
        width: 100%;
        font-size: 1.0em;
        font-size: 5.5vmin;
        font-weight: bold;
        color: white;
        padding-top: 0.2em;
        padding-left: 0.5em;
    }
    div.page-subtitle .page-subtitle-text {
        white-space: wrap;
        font-size: 1.0em;
        font-size: 4.0vmin;
        width: 100%;
    }

    div.flow {
        background-size: contain;
        background-repeat: no-repeat;
        padding-top: 10.9375%;
        width: 100%;
        height: 0;
    }
    div.flow-all {
        background-image: url(../img/flow-bro/flow_sp.png);
        background-size: contain;
        background-repeat: no-repeat;
        padding-top: 159.8039%;
        width: 100%;
        height: 0;
    }
    div.flow01 {
        background-image: url(../img/flow-bro/flow01_sp.png);
    }
    div.flow02 {
        background-image: url(../img/flow-bro/flow02_sp.png);
    }
    div.flow03 {
        background-image: url(../img/flow-bro/flow03_sp.png);
    }
    div.flow04 {
        background-image: url(../img/flow-bro/flow04_sp.png);
    }
    div.flow05 {
        background-image: url(../img/flow-bro/flow05_sp.png);
    }
    div.flow06 {
        background-image: url(../img/flow-bro/flow06_sp.png);
    }
    div.flow07 {
        background-image: url(../img/flow-bro/flow07_sp.png);
    }
    div.content div.paymentcredit-card-holder ul.entry li.entry-label-right {
        border-left: 0em solid transparent;
    }
}

/***
@media all and (min-width: 50px)   {  body  { font-size:0.1em;  } }
@media all and (min-width: 100px)  {  body  { font-size:0.2em;  } }
@media all and (min-width: 200px)  {  body  { font-size:0.4em;  } }
@media all and (min-width: 300px)  {  body  { font-size:0.6em;  } }
@media all and (min-width: 400px)  {  body  { font-size:0.8em;  } }
@media all and (min-width: 500px)  {  body  { font-size:1.0em;  } }
@media all and (min-width: 600px)  {  body  { font-size:1.2em;  } }
@media all and (min-width: 700px)  {  body  { font-size:1.4em;  } }
@media all and (min-width: 800px)  {  body  { font-size:1.6em;  } }
@media all and (min-width: 900px)  {  body  { font-size:1.8em;  } }
@media all and (min-width: 1000px) {  body  { font-size:2.0em;  } }
@media all and (min-width: 1100px) {  body  { font-size:2.2em;  } }
@media all and (min-width: 1200px) {  body  { font-size:2.4em;  } }
@media all and (min-width: 1300px) {  body  { font-size:2.6em;  } }
@media all and (min-width: 1400px) {  body  { font-size:2.8em;  } }
@media all and (min-width: 1500px) {  body  { font-size:3.0em;  } }
@media all and (min-width: 1500px) {  body  { font-size:3.2em;  } }
@media all and (min-width: 1600px) {  body  { font-size:3.4em;  } }
@media all and (min-width: 1700px) {  body  { font-size:3.6em;  } }
***/