@charset "utf-8";
/* Memo -------------------------

1. IE hack Last Setting

*/
/*-------------------------------
320 : iphone(tate)
480 : iphone(yoko)
768 : ipad(tate)
1024: ipad(yoko),PC
1920: PC
-------------------------------*/
@media screen and (min-width: 961px) {
  .sp_only{ display: none !important; }
}
@media screen and (max-width: 960px) {
  .pc_only{ display: none !important; }
}

/*-------------------------------
 Design Style
-------------------------------*/
h1#contname {
  font-size: 26px;
  font-weight: normal;
  letter-spacing: 0.1em;
  max-width: 960px;
  margin: 20px auto 10px;
}
@media screen and (max-width: 960px) {
h1#contname {
  margin: 5px auto;
}
}

h4{
  background-color: #059164;
  color: #FFF;
  font-size: 1.4em;
  font-weight: normal;
  padding: 4px 5px 2px;
  vertical-align: middle;
  
}

.form_style {
  max-width: 800px;
  margin: 0 auto;
}

.pankuzu li {
  min-width: 90px;
  background-color: #999999;
  margin-right: 15px;
}
.pankuzu li a {
  color: #999999;
  border: 1px solid #999999;
  background-color: #FFF;
  padding: 2px 5px;
  display: block;
  height: 100%;
  margin-right: 15px;
}
.pankuzu li.now {
  background-color: #7dbb00;
  background-image: url("/mirror-assets/af48e91ae53fe87f583473194ea482659157c0af77d6a505c7cff21c5854492b.png");
  background-repeat: no-repeat;
  background-position: right;
  margin-right: 10px;
}
.pankuzu li.now a {
  background-color: #FFFEFE;
  color: #7dbb00;
  border: 1px solid #7dbb00;
  margin-right: 18px;
}
.pankuzu li.before {
  background-color: #ed4960;
  background-image: url("/mirror-assets/af48e91ae53fe87f583473194ea482659157c0af77d6a505c7cff21c5854492b.png");
  background-repeat: no-repeat;
  background-position: right;
  margin-right: 10px;
  /*
        &:hover{
          @include css3(transition,0.5s);
          background-color: $HOVER_COLOR;
        }
  */
}
.pankuzu li.before a {
  color: #ed4960;
  border: 1px solid #ed4960;
  margin-right: 18px;
  margin-right: 20px;
  /*       
         &:hover{
            @include css3(transition,0.5s);
            color: $HOVER_COLOR;
            border: 1px solid $HOVER_COLOR;
          }
  */
}

h1.form_style,
h2.form_style,
h3.form_style,
h4.form_style {
  max-width: 780px;
}

form.form_style .form_box {
  width: 100%;
  display: table;
  margin-top: 10px;
}
form.form_style .form_box dl {
  display: table-row;
  margin: 0;
}
form.form_style .form_box dl dt,
form.form_style .form_box dl dd {
  height: 100%;
  min-height: 30px;
  display: table-cell;
  margin: 0;
  padding: 7px 5px 5px;
  border-top: 1px solid #bbbbbb;
  vertical-align: top;
}
form.form_style .form_box dl dt {
  background-color: #eaeaea;
  width: 120px;
  padding-left: 10px;
}
form.form_style .form_box dl dd {
  background-color: white;
}
form.form_style .form_box dl dd p {
  margin: 2px 0 0;
}
form.form_style .form_box dl dd label {
  cursor: pointer;
}
form.form_style .form_box dl:first-child dt,
form.form_style .form_box dl:first-child dd {
  border-top: 0;
}
form.form_style .form_box select, form.form_style .form_box textarea,
form.form_style .form_box input[type="text"],
form.form_style .form_box input[type="password"],
form.form_style .form_box input[type="datetime"],
form.form_style .form_box input[type="datetime-local"],
form.form_style .form_box input[type="date"],
form.form_style .form_box input[type="month"],
form.form_style .form_box input[type="time"],
form.form_style .form_box input[type="week"],
form.form_style .form_box input[type="number"],
form.form_style .form_box input[type="email"],
form.form_style .form_box input[type="url"],
form.form_style .form_box input[type="search"],
form.form_style .form_box input[type="tel"],
form.form_style .form_box input[type="color"] {
  width: 200px;
  min-height: 20px;
  border-radius: 5px;
  border: 1px solid #AAB;
}
form.form_style .form_box dd.xxsmall select, 
form.form_style .form_box dd.xxsmall textarea, 
form.form_style .form_box dd.xxsmall input {
  max-width: 30px;
}
form.form_style .form_box dd.xsmall select, 
form.form_style .form_box dd.xsmall textarea, 
form.form_style .form_box dd.xsmall input {
  max-width: 60px;
}
form.form_style .form_box dd.xsmall2 select, 
form.form_style .form_box dd.xsmall2 textarea, 
form.form_style .form_box dd.xsmall2 input {
  max-width: 70px;
}
form.form_style .form_box dd.small select, 
form.form_style .form_box dd.small textarea, 
form.form_style .form_box dd.small input {
  max-width: 120px;
}
@media screen and (max-width: 960px) {
form.form_style .form_box select, form.form_style .form_box textarea,
form.form_style .form_box input[type="text"],
form.form_style .form_box input[type="password"],
form.form_style .form_box input[type="datetime"],
form.form_style .form_box input[type="datetime-local"],
form.form_style .form_box input[type="date"],
form.form_style .form_box input[type="month"],
form.form_style .form_box input[type="time"],
form.form_style .form_box input[type="week"],
form.form_style .form_box input[type="number"],
form.form_style .form_box input[type="email"],
form.form_style .form_box input[type="url"],
form.form_style .form_box input[type="search"],
form.form_style .form_box input[type="tel"],
form.form_style .form_box input[type="color"] {
  width: 94%;
  min-height: 20px;
}
form.form_style .form_box dd.xsmall2 select, 
form.form_style .form_box dd.xsmall2 textarea, 
form.form_style .form_box dd.xsmall2 input {
  max-width: 60px;
}

}/*End @media screen and (max-width: 960px)--- */

form.form_style .form_box select:focus,
form.form_style .form_box textarea:focus,
form.form_style .form_box input:focus {
  border: 1px solid #87cefa;
}

form.form_style .btn_box {
  width: 100%;
  text-align: right;
  display: block;
}
form.form_style .btn_box ul {
  list-style: none outside none;
}
form.form_style .btn_box li {
  display: inline-block;
  margin-right: 10px;
}
form.form_style .err, form.form_style .rule {
  font-size: 0.7em;
}

.detail_list {
  width: 600px;
  margin: 20px 0;
  display: table;
  border-top: 1px #999999 solid;
  border-right: 1px #999999 solid;
  border-bottom: 1px #999999 solid;
}
.detail_list dl {
  height: 100%;
  display: table-cell;
  overflow: hidden;
}
.detail_list dl.title {   width: 14%;}
.detail_list dl.place {   width: 30%;}
.detail_list dl.access {  width: 10%;}
.detail_list dl.b_price { width: 10%;}
.detail_list dl.s_price { width: 12%;}
.detail_list dl.struct {  width: 10%;}
.detail_list dl.history { width: 14%;}
.detail_list dl dt {
  padding: 4px;
  font-size: 0.7em;
  text-align: center;
  background-color: #F2F2F2;
  min-height: 20px;
  font-weight: bold;
  border-left: 1px #999999 solid;
  border-bottom: 1px #999999 solid;
}
.detail_list dl dd {
  padding: 4px;
  font-size: 0.7em;
  text-align: center;
  border-left: 1px #999999 solid;
  padding-bottom: 32767px;
  margin-bottom: -32763px;
  line-height: 1.26em;
  vertical-align: middle;
}
.detail_linkbox{
  width: 600px;
  margin: 10px 0;
}

@media screen and (max-width: 960px) {
.detail_list {
  width: 99%;
  margin: 5px 0;
  display: table;
  border:0;
  border-top: 1px #999999 solid;
  border-left: 1px #999999 solid;  
}
.detail_list dl {
  display: table-row;
  overflow: hidden;
}
.detail_list dl.title,
.detail_list dl.place,
.detail_list dl.access,
.detail_list dl.b_price,
.detail_list dl.s_price,
.detail_list dl.struct,
.detail_list dl.history{
  width: auto;
}
.detail_list dl dt,
.detail_list dl dd {
  display: table-cell;
  text-align: left;
  padding-bottom: 0;
  margin-bottom: 0;  
  border:0;
  border-right: 1px #999999 solid;
  border-bottom: 1px #999999 solid;
  vertical-align: top;  
}
.detail_linkbox{
  width: 99%;
  margin: 5px 0;
  text-align:right;
}

}/*End -- @media screen and (max-width: 960px)*/

input:-moz-placeholder {
  縲€color: #eeeeee;
}
input::-webkit-input-placeholder {
  縲€color: #eeeeee;
}

textarea:-moz-placeholder {
  縲€color: #eeeeee;
}
textarea::-webkit-input-placeholder {
  縲€color: #eeeeee;
}


/* 笆ｼ 蠎苓・讀懃ｴ｢ 
------------------------------------------------------------------- */
#map_app{
  display: none;
}
#map_canvas{
  width:480px;
  height:590px
}
.map .list{
  max-height: 780px;
  /*overflow: hidden;*/
}
.map .list h4{
  font-size: 1.1em;
  padding: 2px 5px;
  font-weight: bold;
}
.map .map_obj {
  width: 100%;
  display: table;
  border-bottom: 1px #323031 solid;
  margin: 3px 0;
}
.map .map_obj .thumnail, 
.map .map_obj .info {
  display: table-cell;
  padding-bottom: 5px;
}
.map .map_obj .thumnail p,
.map .map_obj .info  p{
  margin-bottom:5px;
}
.map .map_obj .thumnail {
  width: 200px;
}
.map .map_obj .thumnail img {
  max-width: 100%;
}
.map .map_obj .thumnail .shop_name{
  color: #000099;
  cursor: pointer;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom:10px;
}
.map .map_obj .info {
  text-align: left;
  vertical-align: top;
  padding-top: 2px;
  width: auto;
}
.map .map_obj .info p{
  text-align:right;
}
.map .map_console {
  width: 250px;
  overflow: hidden;
}

.map #obj_list {
  width: 320px;
  height: 590px;
  position: relative;
}
.map #obj_list p.result {
  padding-top: 15%;
  text-align: center;
}
.map #obj_list .controls {
  margin: 10px 10px 10px 0;
  text-align: center;
}
.map .loading {
  display: block;
  width: 320px;
  height: 590px;
  text-align: center;
  position: absolute;
  top: 5px;
  background: #FFF;
  z-index: 9998;
}
.map .loading img {
  margin-top: 50%;
}
.map #slider {
  margin-bottom: 5px;
  /*max-height: 690px;*/
  overflow: hidden;
}
.map #slider li {
  width: 310px;
}
.map #prevBtn {
  float: left;
}
.map #prevBtn a {
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  padding: 3px 10px;
  border: 1px solid #333;
  background: #FFF;
  color: #333;
}
.map #nextBtn {
  float: right;
}
.map #nextBtn a {
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  padding: 3px 10px;
  border: 1px solid #333;
  background: #FFF;
  color: #333;
}
.map #pageinfo{
  color: #333;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.map #refiner {
  margin-top: 10px;
  border: 3px solid #059164;
  padding: 5px;
}
.map #refiner hr{
  height: 0;
  margin: 3px 2px;
  padding: 0;
  border: 0;
  border-bottom: 1px dotted #CCC;
}
.map #refiner form {
  text-align: right;
  padding-right: 10px;
}
.map #refiner form dl {
  width: 100%;
}
.map #refiner form dt, 
.map #refiner form dd {
  text-align: left;
  float: left;
  padding: 0 5px;
}
.map #refiner form dt{
  width: 80px;
}
.map #refiner form dd{
  width: 680px;
}
.map #refiner form .chkbox{
  display: inline-block;
  /*height: 75px;*/
  margin-bottom: 10px;
  /*margin-top: 10px;*/
  /*overflow: hidden;*/
  /*vertical-align: middle;*/
}
.map #refiner form .chkbox label {
  cursor: pointer;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  height: 100%;
  vertical-align: middle;
  width: 135px;
}
.map #refiner form .chkbox label.item_chk{
  width: 150px;
}
.map #refiner form .brand_chk img{
  width: 100%;
  max-width: 110px;
}
.map #refiner form .item_chk img{
  /*
  width: 100%;
  max-width: 30px;
  */
  max-height: 60px;
  margin-right: 5px;
}
.map #refiner form dd input[type=text]{
  width:300px;
}
.map #refiner form .chkbox .item_img{
  display: table-cell;
  background-position: center center;
  background-repeat: no-repeat;
  width: 30px;
  height: 60px;
  background-size: contain;
}
.map #refiner form .chkbox .item_name{
  display: table-cell;
  font-size: 11px;
  overflow: hidden;
  vertical-align: middle;
  padding-left: 5px;
  width: 100px;
  /*height: 60px;*/  
}
.map #refiner form #place_search{
  display: none;
}
.map #refiner form dd .freeword{
  display: inline-block;
}
.map #refiner form .btn_box{
  width: 240px;
}
.map .contextual{
  background-color: #fdfafa;
  border: 1px solid #e9e2e2;
  font-weight: normal;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 8px 0;
  width: 98%;
}
.map .contextual div{
  margin-left:8px;
  margin-right:8px;
}

@media screen and (max-width: 960px) {
  #map_canvas{
    width:90%;
    margin: 0 auto;
  }
  .map .list{
    max-height: 600px;  
  }
  .map .map_obj {
    width: 98%;
  }
  .map #obj_list {
    width: 100%;
    margin-left: 10px;
  }
  .map .loading { 
    width: 100%;
  }
  .map #slider li { 
    width: 390px;
  }
  .map .map_obj .thumnail{
    width: 70%;
  }
  .map .map_obj .info{
    width: 30%;
  }
  .map #prevBtn a,
  .map #nextBtn a { 
    padding: 5px;
    width: 100px;
    text-align:center;
  }
  .map #refiner {
    margin-top: 0;
    padding: 5px;
  }
  .map #refiner hr{
    border-bottom: 1px dotted #777;
    padding: 0;
  }
  .map #refiner form dl { 
    width: 100%;
    display: block;
  }
  .map #refiner form dt{
    width: 100%;
    font-size:20px;
    margin-bottom: 5px;
  }
  .map #refiner form dd{
    width: 100%;
  }
  .map #refiner form .chkbox {
    width: 32%;
    margin: 0;
    margin-bottom: 10px;
  }
  .map #refiner form #item_options .chkbox {
    width: 100%;
    display: block;
  }
  .map #refiner form .chkbox label{
    width: 85px;
    font-size: 10px;
  }
  .map #refiner form .chkbox label.item_chk{
    width: 90%;
  }
  .map #refiner form .chkbox label span{
    font-size: 10px;
  }
  .map #refiner form .chkbox label span.fsmall{
    font-size: 8px;
  }
  .map #refiner form .brand_chk img{
    width: 100%;
    max-width: 84px;
  }
  .map #refiner form .item_chk img{
    width: 100%;
    max-width: 30px;
    max-height: 60px;
  }
  .map #refiner form dd .freeword{
    display: inline-block;
    width: 100%;
  }
  .map #refiner form dd input[type=text]{
    height:30px;
    width: 95%;
  }
  .map #refiner form .chkbox .item_img{
    width: 40px;
    height: 60px;
  }
  .map #refiner form .chkbox .item_name{
    display: table-cell;
    font-size: 12px;
    vertical-align: left;
    padding-left: 5px;
    width: auto;
  }
  .map #refiner form dd select{
    height: 30px;
    width: 40%;
  }
  .map #refiner form #place_search label{
    font-size:16px;
    font-weight: bold;
  }
  .map #refiner form .btn_box{
    margin-top: 20px;
  }
  .map #refiner form #brand_none_chkbox{
    font-size: 12px;
  }
}
@media screen and (max-width: 737px) {
  #map_canvas{
    height:400px;
  }
  .map .list{
    max-height: 1080px;  
  }
  .map .list h4 ,
  .map .list h4 span{
  }
  .map #obj_list { 
    width: 100%;
    margin-left: 10px;
  }
  .map .loading { 
    width: 100%;
  }
  .map #refiner form #brand_none_chkbox{
    line-height: normal;
    height: auto;
  }
}
@media screen and (max-width: 481px) {
}

/* 笆ｼ 蠎苓・荳€隕ｧ縺ｮ繧ｹ繝ｩ繧､繝峨す繝ｧ繝ｼ繧堤判髱｢縺ｮ讓ｪ蟷・＃縺ｨ縺ｫ險ｭ螳�
------------------------------------------------------------------- */
@media screen and (max-width: 960px) {
  .map #slider li { width: 763px;}
}
@media screen and (max-width: 768px) {
  .map #slider li { width: 731px;}
}
@media screen and (max-width: 736px) {
  .map #slider li { width: 662px;}
}
@media screen and (max-width: 667px) {
  .map #slider li { width: 565px;}
}
@media screen and (max-width: 568px) {
  .map #slider li { width: 475px;}
}
@media screen and (max-width: 480px) {
  .map #slider li { width: 415px;}
}
@media screen and (max-width: 420px) {
  .map #slider li { width: 409px;}
}
@media screen and (max-width: 414px) {
  .map #slider li { width: 395px;}
}
@media screen and (max-width: 400px) {
  .map #slider li { width: 370px;}
}
@media screen and (max-width: 375px) {
  .map #slider li { width: 355px;}
}
@media screen and (max-width: 360px) {
  .map #slider li { width: 315px;}
}
@media screen and (max-width: 320px) {
  .map #slider li { width: 300px;}
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .map h3:before {
    width: 318px;
    min-height: 28px;
  }
  .map h3 {
    width: 306px;
  }
}

/* 笆ｼ 蠎苓・隧ｳ邏ｰ
------------------------------------------------------------------- */
.detail .detail_main{
}
.detail .detail_main table {
  font-size: 0.9em;
  font-weight: bold;
  padding: 4px;
  min-height: 20px;
  width: 100%;
  border: 1px #999999 solid;
  border-collapse: collapse;
}
.detail .detail_main th, .detail .detail_main td {
  border: 1px #999999 solid;
  word-break:break-all;
}
.detail .detail_main th {
  text-align: left;
  background-color: #FFFFCB;
  max-width: 120px;
}
.detail .detail_main tr.line2 td {
  width: 530px;
}
.detail .detail_main tr.line4 th {
  width: 100px;
}
.detail .detail_main tr.line4 td {
  width: 200px;
}
.detail .detail_main div{
  font-size: 0.9em;
  font-weight: bold;
  width: 99%;
}
.detail .detail_main h5{
  background-color: #2d8bd3;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  font-size: 1.1em;
  font-weight: normal;
  letter-spacing: 0.05em;
  margin-bottom: 5px;
  margin-top: 10px;
  padding-left: 10px;
  padding-right: 15px;
}
.detail .detail_main .contextual{
  background-color: #fdfafa;
  border: 1px solid #e9e2e2;
  font-weight: normal;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 8px;
  width: auto;
}

.detail .detail_main dt, .detail .detail_main dd {
  padding: 0 4px;
  word-break:break-all;
}
:root .detail .detail_main dt,
:root .detail .detail_main dd{
  line-height: 20px\0/;
}
.detail .detail_main dt{
  padding: 4px;
  border-top: 1px #CCC solid;
  color: #2D8BCA;
  font-size: 16px;
}
.detail .detail_main dt.nbdr{
  border-top: 0;
}

.detail .detail_main dd.shopinfo{
  font-size: 16px;
}
.detail .detail_main dd span{
  font-size: 12px;
  margin-right:5px;
}
:root .detail .detail_main dd span.brand_item_name{
  margin-left:5px\0/;
}
.detail .btnarea{
  margin: 20px 0;
}
.detail .detail_sub{
  margin: 20px 0;
}
.detail .detail_sub ul {
  text-align: right;
}
.detail .detail_sub li {
  max-width: 450px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.detail .detail_sub #map_canvas{
  height: 360px;
  width: 450px;
}
.detail .detail_sub p.gmap_link{
  margin-top: 4px;
  text-align:right;
}

@media screen and (max-width: 960px) {
h1#contname{
  font-size:22px;
  padding: 4px 5px 0;
}
.detail .detail_main{
  width: 100%;
  margin: 5px 0;
}
.detail .btnarea{
  width: 100%;
  margin: 5px 0;
}
.detail .detail_sub li{
  width: 100%;
  max-width: 100%;
}
.detail .detail_sub #map_canvas{
  width: 90%;
  height:400px;
}
.detail .detail_sub .link{
  text-align: center;
}
.detail .detail_sub .gmap_link button{
  height: auto;
  padding-top: 2px;
  padding-bottom: 3px;
}
.info .detail_list{
  display: table;
}
}

/*IE hack*/
:root #ie1 { height:32px \0/IE9; }  
:root #ie2 { height:32px \0/IE9; }  

.sns_btn{
  float: right;
}
.sns_btn div {
  border: 0 none !important;
  float: left;
  height: 23px !important;
  margin: 0 0 0 10px !important;
  padding: 0 !important;
  text-indent: 0 !important;
}

.detail_sns{
  margin-top: 35px;
}
@media screen and (max-width: 960px) {
  .detail_sns{
    margin-top: 0;
  }
}
.wsbl_twitter {
  width: 100px;
}