@charset "utf-8";.inner{    max-width: 980px;    margin: 0 auto;    position: relative;    padding: 50px 0;}.inner_top{    max-width: 980px;    margin: 0 auto;}.clearfix::after{    content: ".";     display: block;     height: 0;     font-size:0;    clear: both;     visibility:hidden;}#wrap{    background: #fff;}p.homeIcon {    position: absolute;    top: -13px;    left: 48.7%;    width: 26px;}h3{    display: inline-block;    text-align: center;    font-size: 20px;    color: #009460;    font-weight: normal;    padding: 3px 50px;    border-top: #009460 1px dashed;    border-bottom: #009460 1px dashed;    margin-bottom: 30px;    letter-spacing: 0.1em;}a:link {    color: #073e6b;    text-decoration: underline;}a:hover{    color: #287acc;    text-decoration: none;}header {    background: #fff;    overflow: hidden;    padding: 6px 0;    width: 100%;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    border-bottom: 2px solid #009460;}header h1 a img {    width: 160px;    float: left;    margin-top: 9px;}header p{    float: left;    color: #000;    font-weight: bold;    vertical-align: middle;    padding: 23px 5px 23px 10px;    font-size: 16px;}header p span{    color: #009460;}header a.webTop img{    float: right;    text-align: right;    margin: 20px 10px;    width: 150px;}header a.webTop img:hover{    opacity: 0.6;}#wrap .lead{    text-align: center;}#wrap .lead h2{    font-size: 20px;    letter-spacing: 0.1em;    margin-bottom: 10px;    color: #009460;}.privilegeBox{    background: #f6fde6;    text-align: center;    margin: 0 auto;    position: relative;}.privilegeBox dl{    width: 98%;    margin: 0 1%;    background: #fff;    box-shadow:3px 3px 5px 0px #d3d3d3;    -moz-box-shadow:3px 3px 5px 0px #d3d3d3;    -webkit-box-shadow:3px 3px 5px 0px #d3d3d3;    border-radius:3px;    -moz-border-radius:3px;    -webkit-border-radius:3px;}.privilegeBox dt{    position: relative;    background: #009460;    padding: 12px 0;    color: #fff;    border-radius:3px 3px 0px 0px ;    -moz-border-radius:3px 3px 0px 0px ;    -webkit-border-radius:3px 3px 0px 0px ;    font-size: 18px;    }.privilegeBox dt:after {    top: 100%;    left: 50%;    border: solid transparent;    content: " ";    height: 0;    width: 0;    position: absolute;    pointer-events: none;    border-color: rgba(0, 148, 96, 0);    border-top-color: #009460;    border-width: 10px;    margin-left: -10px;}.privilegeBox dl dd{    max-width: 500px;    margin: 0 auto;    padding: 53px 10px;    background: url('../images/pickup.png') no-repeat center;    background-size: 95%;    text-indent: -9999px;}.privilegeBox p a {    color: #e5004f;    text-decoration: none;    margin-top: 25px;    background: #fff;    padding: 8px 35px;    border: 2px solid #e5004f;    font-weight: bold;    border-radius: 5px;    display: inline-block;    font-size: 18px;    letter-spacing: 0.1rem;    -webkit-transition: all .4s;    transition: all .4s;    box-sizing: border-box;}.privilegeBox p a:hover{    background: #e5004f;    color: #fff;}.selectBox{    position: relative;    text-align: center;    background: #fcfcfc;    padding-bottom: 25px;}.selectBox .selectTtl{    width: 100%;}.selectBox .campus{    float: left;    width: 48%;    margin: 0 1%;}.selectBox .campus .balloon{    background: #009460;    padding: 7px 0;    color: #fff;    font-size: 18px;    border-radius:3px 3px 0px 0px ;    -moz-border-radius:3px 3px 0px 0px ;    -webkit-border-radius:3px 3px 0px 0px ;    position: relative;}.selectBox .campus .balloon::after {    top: 100%;    left: 50%;    border: solid transparent;    content: " ";    height: 0;    width: 0;    position: absolute;    pointer-events: none;    border-color: rgba(0, 148, 96, 0);    border-top-color: #009460;    border-width: 10px;    margin-left: -10px;}.selectBox .campus .detailBox{    text-align: left;    background: #fff;    box-shadow:3px 3px 5px 0px #d3d3d3;    -moz-box-shadow:3px 3px 5px 0px #d3d3d3;    -webkit-box-shadow:3px 3px 5px 0px #d3d3d3;    padding: 30px 20px;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    border-top: #009460 2px solid;    margin-top: 15px;}.selectBox .campus .detailBox .store{    width: 77%;    display: inline-block;    vertical-align: top;}.selectBox .campus .detailBox .store h4{    font-size: 16px;    padding: 3px 0;    width: 100%;    border-bottom: #eaeaea 2px solid;    font-weight: normal;}.selectBox .campus .detailBox .store p{    font-size: 13px;    padding: 3px 0;    width: 100%;    border-bottom: #eaeaea 1px dashed;    margin-top: 2px;}.selectBox .campus .detailBox .qrCode{    display: inline-block;    width: 21.7%;    text-align: right;}.selectBox .campus .detailBox p.qrCode img{    width: 91%;}.selectBox .campus .detailBox dl.inquiry{    margin: 15px 0;    line-height: 1.2;}.selectBox .campus .detailBox .inquiry dt{    display: inline-block;    width: 11%;    font-size: 14px;}.selectBox .campus .detailBox .inquiry dd{    display: inline-block;    width: 86%;    font-size: 14px;}.selectBox .campus .detailBox .inquiry dt:nth-of-type(1),.selectBox .campus .detailBox .inquiry dd a:nth-of-type(1){    color: #e75c00;    font-weight: bold;    font-size: 18px;    letter-spacing: 0.5px;    text-decoration: none;}.selectBox .campus .detailBox .inquiry dt::after{    content: "\003a";    padding: 0 5px;}.selectBox .campus .detailBox .inquiry dd > span{    color: #fff;    background: #e75c00;    padding: 3px 10px;    font-size: 13px;    font-weight: normal;    -moz-border-radius:5px;    -webkit-border-radius:5px;    border-radius:5px;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;    vertical-align: middle;    position: relative;    top: -2px;    margin-left: 5px;}.selectBox .campus .detailBox p.inquiryTimes{    font-size: 14px;    margin-bottom: 15px;    font-weight: bold;}.selectBox .campus .detailBox dl.stationArea{    background: #f6fde6;    padding: 10px;    border-radius:3px;    -moz-border-radius:3px;    -webkit-border-radius:3px;    margin-bottom: 30px;}.selectBox .campus .detailBox dl.stationArea dt{    font-size: 14px;    color: #009460;    display: inline-block;    width: 30%;    font-weight: bold;    vertical-align: top;    padding-top: 10px;}.selectBox .campus .detailBox dl.stationArea dd{    display: inline-block;    width: 68%;    font-size: 14px;}.selectBox .campus .detailBox dl.stationArea dd span{    margin-right: 11px;    display: inline-block;}.selectBox .campus .detailBox .button{    text-align: center;}.selectBox .campus .detailBox .button p a{    color: #fff;    font-size: 18px;    text-decoration: none;    padding: 10px 23px;    display: inline-block;    background: #009460;    text-align: center;    border-radius: 5px;    -moz-border-radius: 5px;    -webkit-border-radius: 5px;    box-shadow:0px 4px 0px 0 #00724f;    -moz-box-shadow:0px 4px 0px 0 #00724f;    -webkit-box-shadow:0px 4px 0px 0 #00724f;    margin-bottom: 4px;}.selectBox .campus .detailBox .button p a span.roomIcon{    background: url('../images/roomcheck_icon.png') no-repeat left 1px;    background-size: 21px;    padding: 3px 0 3px 27px;}.selectBox .campus .detailBox .button p a:hover{    position: relative;    top: 4px;    box-shadow: none;}footer {    background: #006844;    padding: 10px 0;    text-align: center;    overflow: hidden;    display: block;}footer p{    font-size: 10px;    color: #fff;    padding: 5px;}@media screen and (max-width: 950px) {    .privilegeBox dl {        width: 80%;        margin: 0 auto;    }    .selectBox .campus{        float: none;        margin: 0 auto;        margin-bottom: 30px;        width: 80%;    }    .selectBox .campus .detailBox p.qrCode img {        max-width: 93px;    }    .selectBox .campus .detailBox .store p{        font-size: 14px;    }    .selectBox .campus .detailBox dl.stationArea dt {        padding-top: 4px;    }    .selectBox .campus .detailBox .inquiry dd{        padding-left: 0;    }    .selectBox .campus .detailBox .inquiry dt {        width: 9%;    }}@media screen and (max-width: 690px) {    header a.webTop img{        display: none;    }    .privilegeBox dl {        width: 90%;    }    .selectBox .campus{        width: 90%;     }    .selectBox .campus .detailBox .store {        width: 100%;        display: block;    }    .selectBox .campus .detailBox .qrCode {        display: none;    }    .selectBox .campus .detailBox p.qrCode img {        display: none;    }    .selectBox .campus .detailBox .store {        margin-bottom: 20px;    }    .selectBox {        padding-bottom: 0;    }    .selectBox .campus .detailBox .inquiry dd{        padding-left: 12px;        box-sizing: border-box;    }    p.homeIcon {        left: 47%;    }}@media screen and (max-width: 485px) {    .privilegeBox dl {        width: 95%;    }    .selectBox .campus{        width: 95%;    }    header h1 a img {        width: 124px;        margin-top: 5px;    }    header p {        font-size: 14px;        padding: 15px 5px 16px 15px;    }    #wrap .lead h2 {        font-size: 18px;    }    #wrap .lead {        padding-right: 10px;        padding-left: 10px;    }    #wrap .lead p{        font-size: 14px;    }    .selectBox .campus .detailBox dl.stationArea dt {        display: block;        width: 100%;        margin-bottom: 5px;        padding-top: 0;    }    .selectBox .campus .detailBox dl.stationArea dd {        display: block;        width: 100%;    }    .selectBox .campus .balloon {        font-size: 16px;    }    .selectBox .campus .detailBox .button p a {        font-size: 16px;    }    .selectBox .campus .detailBox .inquiry dt {        width: 10%;    }    p.homeIcon {        left: 46%;    }}@media screen and (max-width: 380px) {    .inner {        padding: 45px 0;    }    header p {        font-size: 13px;        padding: 15px 5px 16px 5px;    }    .selectBox .campus .detailBox {        padding: 25px 15px;    }    .selectBox .campus .balloon {        font-size: 15px;    }    .privilegeBox dt {        padding: 7px 0;    }    .privilegeBox dl dd {        padding: 35px 10px;    }    .selectBox .campus .detailBox .inquiry dd{        padding-left: 18px;        box-sizing: border-box;    }    p.homeIcon {        left: 46%;    }    .privilegeBox p{        padding: 10px;    }    .privilegeBox p a{        font-size: 15px;        width: 100%;        padding: 7px 5px;        margin-top: 10px;    }}