img{max-width:100%;max-height:100%}.container{background-color:#fcfbf5}.head-column{width:60%;padding:0 1%;float:left;background-color:#fff;border-right:1px solid #ccc}.head-column h1{font-size:25px;overflow:auto}.head-column h1 span{line-height:1.5em;float:left;background:linear-gradient(transparent 70%,#ffb600 70%);background-position-y:-7px}.head-column h1 img{width:20%;margin-right:2%;float:left}.sub-title{font-size:13px;padding:0 1%;margin:0}.head-column .price{margin-top:10px;position:relative;padding:1em 1.5em;border-top:solid 2px #000;border-bottom:solid 2px #000;text-align:center}.head-column .price:after,.head-column .price:before{content:"";position:absolute;top:-7px;width:2px;height:-webkit-calc(100% + 14px);height:calc(100% + 14px);background-color:#000}.head-column .price:before{left:7px}.head-column .price:after{right:7px}.head-column .price h2{position:relative;display:inline-block;padding:0 45px;text-align:center;font-size:18px;margin:10px 0}.head-column .price h2:after,.head-column .price h2:before{content:"";position:absolute;top:50%;display:inline-block;width:44px;height:2px;background-color:#000;-moz-transform:rotate(-60deg);-webkit-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg)}.head-column .price h2:before{left:0}.head-column .price h2:after{right:0}.head-column .price h2 span{font-size:12px}.head-column .price .time{width:48%;margin:0 1%;float:left;text-align:left}.head-column .price .time h3{font-size:18px;position:relative;line-height:1.4;padding:.1em .5em;display:inline-block}.head-column .price .time h3:after,.head-column .price .time h3:before{content:"";width:10px;height:15px;position:absolute;display:inline-block}.head-column .price .time h3:before{border-left:solid 1px #ff5722;border-top:solid 1px #ff5722;top:0;left:0}.head-column .price .time h3:after{border-right:solid 1px #ff5722;border-bottom:solid 1px #ff5722;bottom:0;right:0}.column1{width:40%;float:right}.column1 h2{position:fixed;top:10px;color:#83786f;display:table-cell;vertical-align:middle;padding:0 1%}.column1 h2 i{color:#f5b116;font-size:1.2em}.column1 .t-wrap{width:480px;margin:0 auto;padding:0 2.5%;background-image:url(https://d2dr06jut7vz5x.cloudfront.net/promotional/img/koshitsu-few/yamanote-bg.png);background-size:cover;position:fixed;top:100px}.column1 .t-wrap table{width:100%}.column1 .t-wrap table tbody td{width:25%;padding:5px;height:75px;text-align:center;vertical-align:middle}.column1 .t-wrap table tbody td a{background:#fff;box-shadow:0 0 6px 0 #bfbfbf;-moz-box-shadow:0 0 6px 0 #bfbfbf;-webkit-box-shadow:0 0 6px 0 #bfbfbf;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border:1px solid #ccc;padding:10px;display:table-cell;line-height:1.5em;height:64px;vertical-align:middle;width:130px;max-width:100%;font-size:17px;font-weight:600;color:#f5b116}.column2{width:60%;padding:0 1%;float:left;background-color:#fff;border-right:1px solid #ccc}.column2 h2{width:96%;margin-left:15px;margin-bottom:30px;position:relative;background:#f4f4f4;padding:10px 5px 10px 1.5em;font-size:20px;color:#474747;border-radius:0 10px 10px 0}.column2 h2:before{font-family:FontAwesome;content:"\f041";display:inline-block;line-height:40px;position:absolute;padding:0;color:#fff;background:#f5b116;font-weight:400;width:40px;text-align:center;height:40px;line-height:40px;left:-1em;top:50%;-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.29)}.column2 .spacebox{color:#000;width:48%;margin:0 1%;height:315px;max-height:315px;float:left;margin-bottom:20px}.column2 .spacebox img{margin-bottom:.5em}.column2 .spacebox .res-label{font-size:14px;color:#fff;padding:5px 10px;background:#2e9cd8;margin:0}.column2 .spacebox h3{width:100%;max-width:320px;padding-right:0;overflow:hidden;height:1em;font-size:20px;text-overflow:ellipsis;margin:.5em 0 .2em 0}.column2 .spacebox .tag{font-size:12px}.column2 .spacebox .tag i{margin-right:.5em;margin-left:1em}.column2 .spacebox .tag .first-icon{margin-right:.5em;margin-left:0}.column2 footer{width:100%;text-align:center;font-size:12px}.column2 footer a{color:#505050}@media (max-width:768px){body{font-size:13px}.head-column{width:100%}.head-column h1{text-align:center;padding:0 1%;margin:0 1%}.head-column h1 img{width:50%;margin:0 25%;float:none}.head-column h1 span{line-height:1.5em;font-size:17px;float:none;margin:10px 0 10px 0;display:block;background-position-y:-4px}.sub-title{font-size:12px;padding:0 1%;margin:0 1%}.head-column .price h2 span{font-size:10px}.head-column .price .time{width:45%;margin:0 2.5%}.head-column .price .time h3{font-size:16px}.column1{width:100%;text-align:center;text-align:-webkit-center;margin:0 0 20px 0}.column1 h2{padding:0 1% 0 1%;position:relative;font-size:20px;top:0;display:block}.column1 .t-wrap{width:98%;margin:0 1%;position:static}.column1 .t-wrap table tbody td{height:auto}.column1 .t-wrap table tbody td a{padding:5px;height:42px;font-size:11px}.column2{width:100%}.column2 h2{width:93%;margin:0 0 15px 20px}.column2 .spacebox{width:98%;margin:0 1% 30px 1%}@media (max-width:325px){.column2 .spacebox{margin:0 1% 0 1%}}}