@charset "UTF-8";
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

body {
  background: #fff;
  color: #1a1a1a;
  line-height: 1.1;
}

input,
textarea {
  margin: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}

fieldset,
img {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
  line-height: 1.1;
}

abbr,
acronym {
  border: 0;
}

sup {
  vertical-align: text-top;
  font-size: 70%;
}

.italic {
  font-style: italic;
}

a {
  /* \*/
  overflow: hidden;
  /* */
}

a,
a:link {
  color: #1a1a1a;
}

a:visited {
  color: #595959;
}

a:active,
a:hover {
  color: #000;
}

.acolorB,
.acolorB:link {
  color: #676767;
}

.laquos {
  font-family: Verdana,Arial;
  font-weight: bold;
}

@media screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: none;
    /* for iPhone */
  }
}

body,
input,
select,
textarea {
  /*	font-family: Osaka, "ＭＳ Ｐゴシック", Arial, Sans-serif;*/
  font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", helvetica, "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 13px;
}

* html body {
  font-size: small;
}

*:first-child + html body {
  font-size: small;
}

* html table {
  font-size: 100%;
}

.px10 {
  font-size: 77%;
}

.px11,
.xs {
  font-size: 85%;
}

.px12,
.s {
  font-size: 93%;
}

.px13,
.m {
  font-size: 100%;
}

.px14 {
  font-size: 108%;
}

.px15,
.l {
  font-size: 116%;
}

.px16,
.xl {
  font-size: 123%;
}

.px17 {
  font-size: 131%;
}

.px18 {
  font-size: 138%;
}

.px19 {
  font-size: 146%;
}

.px20 {
  font-size: 153%;
}

.px21 {
  font-size: 161%;
}

.px22 {
  font-size: 167%;
}

.px23 {
  font-size: 174%;
}

.px24 {
  font-size: 182%;
}

.px25 {
  font-size: 189%;
}

.px26 {
  font-size: 197%;
}

.px35 {
  font-size: 248%;
}

.clfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

*:first-child + html .clfix {
  display: inline-block;
  min-height: 1%;
}

/* Hides from IE6/IE Mac \*/
* html .clfix {
  height: 1%;
}

.clfix {
  display: block;
}

/* End hide from IE6/IE Mac */
body {
  background: #fff;
}

html {
  overflow-y: scroll;
}

/* splash */
#splash #page {
  background: #f2f2f2;
  height: 638px;
  width: 100%;
}

#splash #page a {
  background: url("../img/splash_w.jpg") 50% 0 no-repeat #f2f2f2;
  display: block;
  height: 797px;
  height: 638px;
  margin: 0 auto;
  text-indent: -4000px;
  width: 764px;
  width: 638px;
}

#splash #page a img {
  display: none;
}

.doNotLink {
  color: #999;
  line-height: 1.5;
  margin: 0 auto 15px;
  text-align: center;
  width: 950px;
}

#splash #footer address {
  padding-top: 20px;
}

/* custmize */
.pcimg,
#cboxClose,
#cboxClose:hover {
  background: url("../img/img_pc.png") 0 0 no-repeat transparent;
}

.shimg {
  background: url("../img/img_shared_legacy.png") 0 0 no-repeat transparent;
}

.icimg {
  background: url("../img/img_icon_legacy.png") 0 0 no-repeat transparent;
}

#restaurantName h2 sup.up,
#stars .amenity span,
#stars .rating span,
#stars .amenity span,
#marksHints .marks li span,
#marksHints .marks li var {
  background: url("../img/img_icon_legacy_r.png") 0 0 no-repeat;
}

#page {
  background: url("../img/bg_1.png") 50% 0 repeat-y;
  margin: 0 auto;
  width: 950px;
}

.aNav {
  background: #fff;
  padding: 6px 0 10px;
}

.aNav .home {
  float: left;
}

.aNav .uid {
  float: right;
}

#head {
  background-position: 670px 0;
  background-color: #bd2333;
  height: 70px;
}

#head h1 {
  background-position: 0 0;
  height: 70px;
  margin: 0 auto;
  width: 320px;
}

#head h1 a {
  height: 70px;
  display: block;
  text-indent: -4000px;
  width: 320px;
}

#sNavigation {
  background: #f2f2f2;
  border-bottom: 1px solid #c6c6c6;
}

#sNavigation .largeNav {
  padding: 10px;
  position: relative;
}

#sNavigation .largeNav .s_restaurant,
#sNavigation .largeNav .s_ryokan,
#sNavigation .largeNav .s_hotel {
  float: left;
  padding: 8px 8px 1px 25px;
}

#sNavigation .largeNav .s_restaurant {
  background-position: -464px -85px;
}

#sNavigation .largeNav .s_ryokan {
  background-position: -462px -124px;
  padding-left: 29px;
}

#sNavigation .largeNav .s_hotel {
  background-position: -464px -164px;
  padding-left: 25px;
}

#sNavigation .largeNav .s_restaurant h2,
#sNavigation .largeNav .s_ryokan h2,
#sNavigation .largeNav .s_hotel h2 {
  font-weight: bold;
}

#sNavigation .largeNav .s_restaurant h2 a,
#sNavigation .largeNav .s_ryokan h2 a,
#sNavigation .largeNav .s_hotel h2 a {
  text-decoration: none;
}

#sNavigation .largeNav .s_glossary {
  background-position: -460px -203px;
  padding-left: 33px;
  padding-top: 5px;
  bottom: 10px;
  height: 18px;
  font-size: 12px;
  position: absolute;
  right: 10px;
}

#sNavigation .smallNavWrap {
  clear: both;
}

#sNavigation .smallNav {
  float: left;
  padding-top: 8px;
}

#sNavigation .smallNav li {
  float: left;
  padding-right: 10px;
}

#sNavigation .smallNav li.kansaiStart,
#sNavigation .smallNav li.hokkaidoStart {
  padding-left: 4px;
}

#sNavigation .smallNav .disabled {
  color: #bbb;
}

#sNavigation .smallNav li h3 {
  font-weight: bold;
}

#sNavigation .smallNav li h3 a {
  text-decoration: none;
}

#sUserBar {
  line-height: 1.1;
}

#sUserBar .userName {
  display: none;
}

#sUserBar .myBook {
  height: 0px;
  margin: -40px 10px 40px auto;
  text-align: right;
  width: 270px;
}

#sUserBar .myBook span {
  background-position: -460px -200px;
  display: inline-block;
  padding: 15px 0 0 32px;
}

#removableHeader {
  padding: 10px;
  background: #fef8db;
  border-bottom: 1px solid #c6c6c6;
}

* html #search #wrapper,
* html #detail #wrapper,
* html #detailmap #wrapper,
* html #mypage #wrapper,
* html #introduction #wrapper,
* html #reading #wrapper,
* html #agreement #wrapper,
* html #campaign #wrapper {
  /*	margin-top: -28px;*/
}

* html #detail #wrapper,
* html #detailmap #wrapper {
  /*	margin-top: -28px;*/
}

#wrapper {
  position: relative;
}

#body {
  float: left;
  width: 660px;
}

#detail #body,
#detailmap #body {
  padding-top: 32px;
}

#resultInfo .tCount {
  color: #727272;
  float: left;
  padding: 10px 10px 0;
}

#resultInfo .changer {
  float: right;
  padding: 10px 0 0 10px;
}

#resultInfo .changer li {
  float: left;
  padding-left: 10px;
}

#resultInfo .changer li em {
  font-weight: bold;
}

#nav {
  float: right;
  width: 280px;
}

* html #nav {
  /*	margin-top: -28px;*/
}

#restaurantList,
#hotelList,
#ryokanList {
  margin-bottom: 10px;
  padding: 25px 25px 20px 30px;
}

#restaurantList .part,
#hotelList .part,
#ryokanList .part {
  border-bottom: 1px solid #c6c6c6;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: 0 0 0;
  padding: 10px 0 10px;
}

.part .pointer {
  cursor: pointer;
  -webkit-box-flex: 5;
  -webkit-flex: 5;
  flex: 5;
}

#restaurantList .part dl.textInfo,
#hotelList .part dl.textInfo,
#ryokanList .part dl.textInfo {
  float: left;
  width: 400px;
}

#restaurantList.showReserve .part dl.textInfo {
  float: left;
  width: 290px;
}

#restaurantList .part dl.textInfo .rname,
#hotelList .part dl.textInfo .rname,
#ryokanList .part dl.textInfo .rname {
  padding-bottom: 6px;
}

#restaurantList .part dl.textInfo .rname a,
#hotelList .part dl.textInfo .rname a,
#ryokanList .part dl.textInfo .rname a {
  color: #1c2e64;
}

#restaurantList .part dl.textInfo .rname .up,
#hotelList .part dl.textInfo .rname .up,
#ryokanList .part dl.textInfo .rname .up {
  background-position: -70px -238px;
  display: inline-block;
  height: 13px;
  text-indent: -4000px;
  vertical-align: middle;
  width: 23px;
}

#restaurantList .part dl.textInfo .rinfo li,
#hotelList .part dl.textInfo .rinfo li,
#ryokanList .part dl.textInfo .rinfo li {
  float: left;
  width: 198px;
}

#restaurantList.showReserve .part dl.textInfo .rinfo li {
  float: left;
  width: 178px;
}

#restaurantList.showReserve .part dl.textInfo .rinfo li.area {
  float: left;
  width: 108px;
}

#restaurantList .part ul.visualInfo,
#hotelList .part ul.visualInfo,
#ryokanList .part ul.visualInfo {
  float: right;
  width: 200px;
}

#restaurantList.showReserve .part ul.visualInfo {
  float: left;
  width: 200px;
}

.visualInfo .rating {
  float: left;
  height: 30px;
  margin-top: 2px;
  width: 95px;
  text-align: center;
}

.visualInfo .rating span.icimg {
  display: block;
  height: 30px;
  text-indent: -4000px;
}

.visualInfo .amenity_deux {
  float: right;
  height: 30px;
  margin-top: 2px;
  width: 95px;
}

.visualInfo .amenity_deux span {
  display: block;
  height: 30px;
  text-indent: -4000px;
}

.visualInfo .rating .macaron_1 {
  background-position: 0 0;
}

.visualInfo .rating .macaron_2 {
  background-position: 0 -40px;
}

.visualInfo .rating .macaron_3 {
  background-position: 0 -80px;
}

.visualInfo .rating .macaron_4 {
  background-position: 0 -120px;
}

/*.visualInfo .amenity {
		width: 102px;
	}*/
.visualInfo .amenity_deux .winebar, .visualInfo .amenity_deux .winebar_1 {
  background-position: 0 -320px;
}

.visualInfo .amenity_deux .winebar_5, .visualInfo .amenity_deux .winebar_1_5 {
  background-position: 0 -200px;
}

.visualInfo .amenity_deux .restaurant_none {
  background-position: 0 -400px;
}

.visualInfo .amenity_deux .restaurant_0 {
  background-position: -100px 0;
}

.visualInfo .amenity_deux .restaurant_1 {
  background-position: -100px -40px;
}

.visualInfo .amenity_deux .restaurant_2 {
  background-position: -100px -80px;
}

.visualInfo .amenity_deux .restaurant_3 {
  background-position: -100px -120px;
}

.visualInfo .amenity_deux .restaurant_4 {
  background-position: -100px -160px;
}

.visualInfo .amenity_deux .restaurant_5 {
  background-position: 0 -160px;
}

.visualInfo .amenity_deux .ryokan_1 {
  background-position: -200px 0;
}

.visualInfo .amenity_deux .ryokan_2 {
  background-position: -200px -40px;
}

.visualInfo .amenity_deux .ryokan_3 {
  background-position: -200px -80px;
}

.visualInfo .amenity_deux .ryokan_4 {
  background-position: -200px -120px;
}

.visualInfo .amenity_deux .ryokan_5 {
  background-position: -200px -160px;
}

.visualInfo .amenity_deux .hotel_1 {
  background-position: -300px 0;
}

.visualInfo .amenity_deux .hotel_2 {
  background-position: -300px -40px;
}

.visualInfo .amenity_deux .hotel_3 {
  background-position: -300px -80px;
}

.visualInfo .amenity_deux .hotel_4 {
  background-position: -300px -120px;
}

.visualInfo .amenity_deux .hotel_5 {
  background-position: -300px -160px;
}

.visualInfo .amenity_deux .restaurant_0_5 {
  background-position: -100px -200px;
}

.visualInfo .amenity_deux .restaurant_1_5 {
  background-position: -100px -240px;
}

.visualInfo .amenity_deux .restaurant_2_5 {
  background-position: -100px -280px;
}

.visualInfo .amenity_deux .restaurant_3_5 {
  background-position: -100px -320px;
}

.visualInfo .amenity_deux .restaurant_4_5 {
  background-position: -100px -360px;
}

.visualInfo .amenity_deux .restaurant_5_5 {
  background-position: 0 -360px;
}

.visualInfo .amenity_deux .ryokan_1_5 {
  background-position: -200px -200px;
}

.visualInfo .amenity_deux .ryokan_2_5 {
  background-position: -200px -240px;
}

.visualInfo .amenity_deux .ryokan_3_5 {
  background-position: -200px -280px;
}

.visualInfo .amenity_deux .ryokan_4_5 {
  background-position: -200px -320px;
}

.visualInfo .amenity_deux .ryokan_5_5 {
  background-position: -200px -360px;
}

.visualInfo .amenity_deux .hotel_1_5 {
  background-position: -300px -200px;
}

.visualInfo .amenity_deux .hotel_2_5 {
  background-position: -300px -240px;
}

.visualInfo .amenity_deux .hotel_3_5 {
  background-position: -300px -280px;
}

.visualInfo .amenity_deux .hotel_4_5 {
  background-position: -300px -320px;
}

.visualInfo .amenity_deux .hotel_5_5 {
  background-position: -300px -360px;
}

#restaurantList .part .chatInfo a {
  border: 1px solid #bd2333;
  border-radius: 5px;
  color: #bd2333;
  display: block;
  cursor: pointer;
  float: right;
  text-align: center;
  text-decoration: none;
  padding: 2px 5px;
  width: 90px;
}

#noMatch {
  margin-bottom: 10px;
  padding: 27px 25px 20px 30px;
}

#noMatch p {
  line-height: 1.5;
  padding-bottom: 25px;
}

#resultPager {
  padding: 0 25px 20px 30px;
}

#resultPager .tCount {
  float: left;
  padding-top: 0;
}

#resultPager .pager {
  float: right;
}

#resultPager .pager li {
  float: left;
  padding-left: 25px;
}

#resultPager .pager li a {
  font-weight: bold;
}

#resultPager .pager li .nomorepage {
  color: #b2b2b2;
}

#refine {
  background-color: #f9f9f9;
  background-color: #fff;
  border-bottom: 1px solid #c6c6c6;
  /*	margin-bottom: 15px;*/
}

#refine dl {
  border-top: 1px solid #d3d3d3;
}

#refine dl.first {
  border: none;
}

#refine dl dt a {
  background-color: #e6e6e6;
  background-position: 100% -250px;
  display: block;
  padding: 10px 25px 8px 10px;
  text-decoration: none;
}

#refine dl.closed dt a {
  background-position: 100% -290px;
}

#refine dl.freeword dt {
  background-color: #e6e6e6;
  color: #595959;
  font-weight: bold;
  padding: 10px 25px 8px 10px;
  text-decoration: none;
}

#refine dl dt span {
  cursor: hand;
  float: left;
  font-weight: bold;
}

#refine dl dt em {
  border-bottom: 1px dashed #bfbfbf;
  cursor: hand;
  float: right;
  padding-bottom: 1px;
}

#refine dl.closed dd {
  display: none;
}

#refine dl dd ul.closed {
  display: none;
}

#refine dl dd ul {
  zoom: 1;
}

#refine dl dd ul li {
  border-top: 1px solid #eee;
  overflow: hidden;
  position: relative;
}

#refine dl dd ul li.first {
  border: none;
}

#refine dl dd ul li a,
#refine dl dd ul li em.selected {
  display: block;
  padding: 10px;
}

#refine dl dd ul li a.selected strong,
#refine dl dd ul li a.selected span,
#refine dl dd ul li em.selected {
  font-weight: bold;
}

#refine dl dd ul li a strong {
  font-weight: normal;
}

#refine dl dd ul li .areaUp,
#refine dl dd ul li .areaDown {
  display: block;
  height: 33px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 33px;
}

#refine dl dd ul li .areaUp {
  background-position: 100% -324px;
  text-indent: -9999px;
}

#refine dl dd ul li .areaDown {
  background-position: 100% -360px;
  text-indent: -9999px;
}

#refine dl dd ul li ul li a,
#refine dl dd ul li ul li em.selected {
  padding-left: 20px;
}

#refine dl dd .sub p {
  border-bottom: 1px solid #efefef;
  border-top: 1px solid #efefef;
  font-weight: bold;
  padding: 10px;
}

#refine dl dd .sub ul li a {
  padding-left: 20px;
}

#refine dl.freeword dd {
  padding: 10px;
}

#refine dl.freeword dd p {
  /*	width: 245px;*/
}

#refine dl.freeword dd p span {
  float: left;
  overflow: hidden;
}

#refine dl.freeword dd p span.word {
  /*	border: 1px solid #dbdbdb;*/
  /*	width: 170px;*/
}

#refine dl.freeword dd p span.submit {
  /*	border: 1px solid #dbdbdb;*/
  /*	width: 70px;*/
}

#refine dl.freeword dd p span input {
  /*	padding: 5px;*/
  /*	border: none;*/
  /*	height: 23px;
	margin: 0;*/
  /*	padding-bottom: 5px;
	padding-top: 5px;*/
  /*	background: transparent;*/
}

#refine dl.freeword dd p .word input {
  width: 170px;
}

#refine dl.freeword dd p .submit input {
  text-align: center;
  width: 80px;
}

#nav .previous {
  border-bottom: 1px solid #d3d3d3;
}

#nav .previous a {
  background-color: #e6e6e6;
  display: block;
  font-weight: bold;
  padding: 10px 25px 8px 10px;
}

#ftNav {
  border-top: 1px solid #d3d3d3;
  margin-top: 35px;
  padding: 15px 0 0 39px;
  width: 630px;
}

#ftNav #vda,
#ftNav #vdc,
#ftNav #vdo {
  margin: 0;
  width: 590px;
}

#ftNav #vda li,
#ftNav #vdc li,
#ftNav #vdo li {
  float: left;
  padding-right: 15px;
}

#ftNav #vdo li {
  padding-left: 0;
}

#vda,
#vdc,
#vdo {
  background: url("../img/sb.png") 0 0 no-repeat;
  padding-top: 40px;
}

#vda {
  /*	background-position: -10px -130px; */
  background-position: -310px -70px;
  /*	margin-top: 15px;*/
}

#vda li {
  margin: 0 auto 15px;
  width: 250px;
}

#vda li a {
  display: none;
}

#vda li img {
  vertical-align: text-bottom;
  width: 100%;
  height: auto;
}

#vdaAddiotional {
  display: none;
}

#vdc {
  background-position: -310px -70px;
  display: none;
  border-top: 1px solid #eee;
  margin-top: 15px;
  /*	padding-top: 15px;*/
}

#vdc li {
  margin: auto;
  margin-bottom: 15px;
  width: 250px;
}

#vdc li img {
  vertical-align: text-bottom;
}

#vdc li .cname {
  display: block;
  padding: 4px 0 3px;
}

#vdc li p {
  color: #808080;
}

#vdo {
  background-position: -610px -10px;
  border-top: 1px solid #eee;
  height: 65px;
  margin: 15px auto 0;
  /*	padding-top: 15px;*/
}

#vdo li {
  height: 50px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 15px;
  width: 250px;
}

#vdo li p {
  height: 50px;
  width: 2801px;
}

#vdo li p a {
  float: left;
  width: 250px;
  padding-right: 30px;
}

#vdo .vdoAdditional {
  display: none;
}

#vdo p {
  display: none;
}

#middler {
  margin: 0 auto;
  width: 930px;
}

.tCount {
  color: #727272;
  padding: 10px 0;
}

p.addToBook,
p.removeFromBook {
  display: block;
  float: right;
  height: 24px;
  margin-top: 8px;
  width: 25px;
}

p.addToBook a,
p.removeFromBook a {
  background-position: -320px -160px;
  display: block;
  height: 24px;
  text-indent: -4000px;
  width: 25px;
}

p.removeFromBook a {
  background-position: -350px -160px;
}

p.addToBook a:hover {
  background-position: -350px -160px;
}

p.removeFromBook a:hover {
  background-position: -380px -160px;
}

#restaurantInformation {
  padding-left: 39px;
  width: 590px;
}

#restaurantName {
  clear: both;
  margin: 0;
  padding-top: 8px;
}

* html #restaurantName {
  /*	padding-top: 35px;*/
}

#restaurantName .category {
  padding: 0 0 9px;
}

#restaurantName h2 {
  background: #fff6eb;
  margin-bottom: 30px;
  padding: 20px;
}

#restaurantName h2 span {
  display: block;
  padding-top: 8px;
}

#restaurantName h2 sup.up {
  background-position: 11px -508px;
  display: inline-block;
  height: 16px;
  padding: 0 0 2px 11px;
  text-indent: -4000px;
  vertical-align: middle;
  width: 50px;
}

#restaurantName h2 sup.up {
  background-position: -57px -504px;
  height: 18px;
  width: 25px;
}

#stars {
  border-bottom: 1px solid #e5e5e5;
  margin: 0 auto 4px;
  padding: 0 0 10px;
}

#stars .rating span {
  display: inline-block;
  height: 40px;
  text-indent: -4000px;
}

#stars .amenity span {
  display: block;
  height: 40px;
  text-indent: -4000px;
  width: 120px;
}

#stars .rating .macaron_1 {
  background-position: 0 -630px;
  width: 50px;
}

#stars .rating .macaron_2 {
  background-position: 0 -690px;
  width: 80px;
}

#stars .rating .macaron_3 {
  background-position: 0 -750px;
  width: 120px;
}

#stars .rating .macaron_4 {
  background-position: 0 -810px;
  width: 50px;
}

#stars .rating .up {
  background-position: 0 -440px;
  width: 50px;
}

#stars .amenity .winebar, #stars .amenity .winebar_1 {
  background-position: -480px -810px;
}

#stars .amenity .winebar_5, #stars .amenity .winebar_1_5 {
  background-position: -480px -1110px;
}

#stars .amenity .restaurant_none {
  background-position: 88px -873px;
}

#stars .amenity .restaurant_0 {
  background-position: -120px -630px;
}

#stars .amenity .restaurant_1 {
  background-position: -120px -690px;
}

#stars .amenity .restaurant_2 {
  background-position: -120px -750px;
}

#stars .amenity .restaurant_3 {
  background-position: -120px -810px;
}

#stars .amenity .restaurant_4 {
  background-position: -120px -870px;
}

#stars .amenity .restaurant_5 {
  background-position: -480px -870px;
}

#stars .amenity .ryokan_1 {
  background-position: -240px -630px;
}

#stars .amenity .ryokan_2 {
  background-position: -240px -690px;
}

#stars .amenity .ryokan_3 {
  background-position: -240px -750px;
}

#stars .amenity .ryokan_4 {
  background-position: -240px -810px;
}

#stars .amenity .ryokan_5 {
  background-position: -240px -870px;
}

#stars .amenity .hotel_1 {
  background-position: -360px -630px;
}

#stars .amenity .hotel_2 {
  background-position: -360px -690px;
}

#stars .amenity .hotel_3 {
  background-position: -360px -750px;
}

#stars .amenity .hotel_4 {
  background-position: -360px -810px;
}

#stars .amenity .hotel_5 {
  background-position: -360px -870px;
}

#stars .amenity .restaurant_0_5 {
  background-position: -120px -930px;
}

#stars .amenity .restaurant_1_5 {
  background-position: -120px -990px;
}

#stars .amenity .restaurant_2_5 {
  background-position: -120px -1050px;
}

#stars .amenity .restaurant_3_5 {
  background-position: -120px -1110px;
}

#stars .amenity .restaurant_4_5 {
  background-position: -120px -1170px;
}

#stars .amenity .restaurant_5_5 {
  background-position: -480px -1170px;
}

#stars .amenity .ryokan_1_5 {
  background-position: -240px -930px;
}

#stars .amenity .ryokan_2_5 {
  background-position: -240px -990px;
}

#stars .amenity .ryokan_3_5 {
  background-position: -240px -1050px;
}

#stars .amenity .ryokan_4_5 {
  background-position: -240px -1110px;
}

#stars .amenity .ryokan_5_5 {
  background-position: -240px -1170px;
}

#stars .amenity .hotel_1_5 {
  background-position: -360px -930px;
}

#stars .amenity .hotel_2_5 {
  background-position: -360px -990px;
}

#stars .amenity .hotel_3_5 {
  background-position: -360px -1050px;
}

#stars .amenity .hotel_4_5 {
  background-position: -360px -1110px;
}

#stars .amenity .hotel_5_5 {
  background-position: -360px -1170px;
}

#stars .rating {
  float: left;
}

#stars .amenity {
  float: right;
}

#marksHints {
  /*	border-bottom: 1px solid #e5e5e5;*/
  margin: 0 auto 6px;
  padding: 0 0 4px;
}

#marksHints .marks {
  float: right;
}

#marksHints .marks li {
  float: left;
  height: 36px;
  padding: 0 0 0 12px;
}

#marksHints .marks li span,
#marksHints .marks li var {
  display: block;
  float: left;
  height: 36px;
  text-indent: -4000px;
}

#marksHints .marks li .low_price {
  background-position: -0px -550px;
  width: 32px;
}

#marksHints .marks li .cash_only {
  background-position: -34px -550px;
  width: 36px;
}

#marksHints .marks li .cash_only_lunch {
  background-position: -34px -550px;
  width: 36px;
  margin-right: 45px;
  position: relative;
}

#marksHints .marks li .cash_only_lunch:after {
  content: "LUNCH";
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  left: 42px;
  bottom: 6px;
  text-indent: 0;
}

#marksHints .marks li .wheelchair {
  background-position: -161px -550px;
  width: 22px;
}

#marksHints .marks li .garden {
  background-position: -184px -550px;
  width: 20px;
}

#marksHints .marks li .quiet_ryokan {
  background-position: -207px -550px;
  width: 31px;
}

#marksHints .marks li .quiet_hotel {
  background-position: -207px -550px;
  width: 31px;
}

#marksHints .marks li .shoes_removed {
  background-position: -242px -550px;
  width: 30px;
}

#marksHints .marks li .terrace {
  background-position: -274px -550px;
  width: 30px;
}

#marksHints .marks li .non_smoking {
  background-position: -306px -550px;
  width: 27px;
}

#marksHints .marks li .interesting_view {
  background-position: -367px -550px;
  width: 26px;
}

#marksHints .marks li .car_park {
  background-position: -396px -550px;
  width: 27px;
}

#marksHints .marks li .conference {
  background-position: -424px -550px;
  width: 28px;
}

#marksHints .marks li .pool_indoor {
  background-position: -455px -550px;
  width: 26px;
}

#marksHints .marks li .pool_outdoor {
  background-position: -485px -550px;
  width: 28px;
}

#marksHints .marks li .onsen {
  background-position: -515px -550px;
  width: 34px;
}

#marksHints .marks li .bath_private {
  background-position: -551px -550px;
  width: 27px;
}

#marksHints .marks li .bath_shared {
  background-position: -580px -550px;
  width: 45px;
}

#marksHints .marks li .spa {
  background-position: -627px -550px;
  width: 27px;
}

#marksHints .marks li .fitness {
  background-position: -656px -550px;
  width: 28px;
}

#marksHints .marks li .private_room {
  background-position: -685px -550px;
  width: 30px;
  float: left;
}

#marksHints .marks li .n0 {
  background-position: -0px -590px;
  width: 11px;
}

#marksHints .marks li .n1 {
  background-position: -20px -590px;
  width: 8px;
}

#marksHints .marks li .n2 {
  background-position: -40px -590px;
  width: 11px;
}

#marksHints .marks li .n3 {
  background-position: -60px -590px;
  width: 11px;
}

#marksHints .marks li .n4 {
  background-position: -80px -590px;
  width: 11px;
}

#marksHints .marks li .n5 {
  background-position: -100px -590px;
  width: 11px;
}

#marksHints .marks li .n6 {
  background-position: -120px -590px;
  width: 11px;
}

#marksHints .marks li .n7 {
  background-position: -140px -590px;
  width: 11px;
}

#marksHints .marks li .n8 {
  background-position: -160px -590px;
  width: 11px;
}

#marksHints .marks li .n9 {
  background-position: -180px -590px;
  width: 11px;
}

#marksHints .marks li .counter {
  background-position: -717px -550px;
  width: 29px;
}

#marksHints .marks li .reservations {
  background-position: -748px -550px;
  width: 35px;
}

#marksHints .marks li .non_reservations {
  background-position: -785px -550px;
  width: 34px;
}

#marksHints .marks li .open_sunday {
  background-position: -821px -550px;
  width: 29px;
}

#marksHints .marks li .late_dining {
  background-position: -852px -550px;
  width: 35px;
}

#marksHints .marks li .interesting_wine {
  background-position: -890px -550px;
  width: 26px;
}

#marksHints .marks li .interesting_sake {
  background-position: -919px -550px;
  width: 30px;
}

#marksHints .marks li .vegetarian {
  background-position: 2px -1003px;
  width: 35px;
}

#marksHints .marks li .glass_wine {
  background-position: -204px -590px;
  width: 18px;
}

#marksHints .hints {
  float: right;
  clear: both;
  padding: 6px 0 0;
}

#marksHints .hints p {
  background-position: -448px -280px;
  padding-left: 15px;
  white-space: nowrap;
}

#marksHints .hints p.hide {
  background-position: -448px -240px;
}

#marksHints .hints p a {
  border-bottom: 1px dashed #bfbfbf;
  display: inline-block;
  padding-bottom: 1px;
  text-decoration: none;
}

#marksHints .moreinfo {
  clear: both;
  float: none;
  /*	padding-bottom: 10px;*/
}

#marksHints .moreinfo li {
  border-bottom: 1px dotted #dbdbdb;
  float: none;
}

#marksHints .moreinfo li .text {
  /*	float: right;*/
  padding: 14px 0 0 100px;
  /*	width: 780px;*/
}

#restaurantInformation .photos {
  /*	height: 415px;*/
  padding-bottom: 28px;
}

#restaurantInformation .photos .shopImage {
  display: block;
  height: auto;
  width: 100%;
}

#restaurantInformation .photos p {
  color: #b3b3b3;
  padding-top: 3px;
  text-align: right;
}

#restaurantInformation .description {
  border-bottom: 1px solid #e5e5e5;
  line-height: 1.9;
  margin-bottom: 23px;
  padding-bottom: 23px;
}

#restaurantInformation .descriptionBpt {
  border-bottom: 1px solid #e5e5e5;
  line-height: 1.9;
  margin-bottom: 30px;
  padding-bottom: 14px;
}

#restaurantInformation .descriptionBpt li {
  padding: 0 0 0 49px;
}

#restaurantInformation .descriptionBpt .aboutChef {
  background-position: 0 -350px;
}

#restaurantInformation .descriptionBpt .aboutCuisine {
  background-position: -50px -350px;
}

#restaurantInformation .descriptionBpt .aboutWinelist {
  background-position: -100px -350px;
}

#restaurantInformation .descriptionBpt .comment {
  background-position: -150px -350px;
}

#restaurantInformation .descriptionBpt li p {
  background: #fff;
  line-height: 1.5;
  padding: 0 0 15px;
}

#restaurantInformation .sustainable {
  border-bottom: 1px solid #e5e5e5;
  line-height: 1.9;
  margin-bottom: 30px;
  padding-bottom: 14px;
}

#restaurantInformation .sustainable .sustainable-icon {
  display: block;
  height: 40px;
  text-indent: -4000px;
  width: 40px;
  background: url("../img/img_icon_legacy_r.png") 0 0 no-repeat;
  background-position: 0 -932px;
}

#restaurantInformation .sustainable-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}

#restaurantInformation .sustainable-body {
  background-color: #eaf3e6;
  line-height: 1.6;
  padding: 16px;
  margin-bottom: 10px;
}

#rInfo {
  border-bottom: 1px solid #e5e5e5;
  margin: 0 auto 26px;
  padding: 0 0 10px;
}

#rInfo dl {
  line-height: 1.4;
  margin-left: 2px;
  padding-bottom: 15px;
  position: relative;
  word-break: break-all;
}

#rInfo dl.hours dt,
#rInfo dl.holiday dt {
  line-height: 1.05;
}

#rInfo dt {
  left: 0;
  position: absolute;
  top: 0;
  width: 190px;
}

#rInfo dd {
  padding-left: 200px;
}

#rInfo dl dd em {
  color: #bd2333;
}

/*#detailmap #navigationLink {
	margin-left: 39px;
	width: 590px;
}*/
#navigationLink li {
  float: left;
  height: 45px;
  margin-right: 6px;
}

#navigationLink li a,
#navigationLink li span {
  background: #495883;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #495883), color-stop(25%, #1c2e64));
  background: -webkit-linear-gradient(top, #495883 0%, #1c2e64 25%);
  background: linear-gradient(to bottom, #495883 0%, #1c2e64 25%);
  border: 1px solid #c6cbd8;
  border-radius: 5px;
  color: #fff;
  display: block;
  float: left;
  line-height: 1.1;
  overflow: hidden;
  padding: 15px 8px 0;
  height: 28px;
}

#navigationLink li span {
  background: #fff;
  color: #1c2e64;
  font-weight: bold;
}

#navigationLink .lbtn a {
  height: 40px;
  line-height: 1.3;
  padding: 3px 8px 0;
  text-align: center;
}

#map {
  border: 1px solid #ccc;
  margin: 25px 25px 20px 30px;
}

#rMap #dynamicMapCover {
  display: none;
}

#map #dynamicMap {
  height: 550px;
}

#map .baloonInfo dt {
  font-weight: bold;
  padding-bottom: 2px;
}

#rMap {
  border: 1px solid #c6c6c6;
  border-left: 0;
  border-right: 0;
  margin-bottom: 30px;
  width: 590px;
}

#rMap #dynamicMap {
  height: 500px;
}

#rMap .baloonInfo dt {
  font-weight: bold;
  padding-bottom: 2px;
}

#sMapComment {
  display: none;
}

.baloonInfo {
  line-height: 1.4;
}

#introduction #page {
  background: none;
}

#toTop {
  padding-top: 30px;
}

#toTop p {
  margin: 10px;
  text-align: right;
}

#toTop p a {
  background-position: -448px -237px;
  line-height: 1.1;
  padding-left: 15px;
  text-decoration: none;
}

* html body #toTop p a {
  background-position: -448px -239px;
}

#toTop p a span {
  border-bottom: 1px dashed #bfbfbf;
  padding-bottom: 1px;
  text-align: right;
}

#footer {
  background: #fff;
  border-top: 1px solid #c6c6c6;
  padding-top: 20px;
  margin-bottom: 20px;
}

#footer .books {
  background: #f2f2f2;
  border-top: 1px solid #c6c6c6;
  height: 195px;
  position: relative;
  margin-bottom: 20px;
}

#footer .books dt {
  left: 30px;
  position: absolute;
  top: 30px;
}

#footer .books dd {
  left: 175px;
  position: absolute;
  top: 30px;
  width: 610px;
}

#footer .books dd li {
  float: left;
  text-align: center;
  width: 150px;
}

#footer .books dd li span {
  display: block;
  white-space: nowrap;
}

#footer .links {
  margin-bottom: 15px;
}

#footer .links {
  text-align: center;
}

#footer .links li {
  display: inline;
  padding: 0 5px;
}

#footer .footer_logo {
  width: 120px;
  margin: 30px auto;
}

#footer .footer_logo img {
  width: 100%;
}

/* home(about) */
#home #page {
  /*	background: none;*/
}

#whatYouCould .h2 {
  border-top: 3px solid #bd2333;
  height: 10px;
  margin: 30px auto 0;
  position: relative;
  text-align: center;
  width: 290px;
  z-index: 5;
}

#whatYouCould .h2 h2 {
  display: block;
  margin-top: -13px;
}

#whatYouCould .h2 h2 strong {
  background: #f7f2e6;
  padding: 0 8px;
  position: relative;
}

#whatYouCould .thick {
  margin-top: -43px;
  z-index: 4;
}

#whatYouCould .thin {
  display: none;
}

#homeBody {
  float: left;
  width: 625px;
}

#homeSearch {
  background-position: -396px -250px;
  height: 270px;
  position: relative;
  width: 625px;
}

#homeSearch .commentFromBib {
  color: #9a755a;
  height: 32px;
  font-weight: bold;
  left: 0;
  padding-right: 125px;
  position: absolute;
  text-align: right;
  top: 238px;
  width: 500px;
}

#homeSearch .h2 {
  position: absolute;
  left: 20px;
  right: 0;
  top: 30px;
  text-align: center;
  width: 370px;
  top: 42px;
  width: 640px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

#homeSearch .h2 h2 {
  position: relative;
  display: inline-block;
  padding: 0 40px;
  line-height: 1.2;
}

#homeSearch .h2 h2:before,
#homeSearch .h2 h2:after {
  content: '';
  position: absolute;
  top: 40%;
  display: inline-block;
  width: 30px;
  height: 3px;
  background-color: #bd2333;
}

#homeSearch .h2 h2:before {
  left: 0;
}

#homeSearch .h2 h2:after {
  right: 0;
}

#homeSearch .links {
  height: 153px;
  left: 100px;
  position: absolute;
  top: 74px;
  width: 404px;
}

#homeSearch .links ul {
  height: 153px;
  width: 404px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}

#homeSearch .links ul li {
  height: 153px;
}

#homeSearch .links ul .restaurant {
  width: 137px;
}

#homeSearch .links ul .ryokan {
  width: 130px;
}

#homeSearch .links ul .hotel {
  width: 137px;
}

#homeSearch .links ul li a {
  display: block;
  height: 153px;
  height: 24px;
  padding-top: 129px;
  text-align: center;
  text-decoration: none;
}

#homeSearch .links ul .restaurant a {
  background-position: 0 -250px;
  width: 137px;
}

#homeSearch .links ul .ryokan a {
  background-position: -137px -250px;
  width: 130px;
}

#homeSearch .links ul .hotel a {
  background-position: -267px -250px;
  width: 137px;
}

#homeSearch .links ul .restaurant a em {
  padding-left: 8px;
}

#homeSearch .links ul .hotel a em {
  padding-right: 8px;
}

#homeSUserBar {
  background: #f2f2f2;
  border: 1px solid #ccc;
  border-radius: 3px;
  display: block;
  margin-bottom: 40px;
  padding: 2px 10px 6px;
}

#homeSUserBar .myBook {
  float: right;
  /*	font-weight: bold;*/
  text-align: right;
}

#homeSUserBar .myBook span {
  background-position: -460px -201px;
  display: block;
  padding: 10px 0 3px 32px;
}

#homeSUserBar .userName {
  float: left;
  display: block;
  padding-top: 10px;
}

#homeInformation {
  background: #f2f2f2;
  border: 1px solid #ccc;
  border-radius: 3px;
  /*	overflow: hidden;*/
  width: 623px;
}

#homeInformation .infoWrap {
  background: #e6e6e6;
}

#homeInformation .infoTitle {
  border-bottom: 1px solid #ccc;
  padding: 11px 11px 9px;
}

#homeInformation .infoContents {
  background: #f2f2f2;
  height: 200px;
  padding: 11px 5px 9px 11px;
}

#homeInformation .infoScroller {
  height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
}

#homeInformation .infoScroller dl {
  border-bottom: 1px dashed #ccc;
  width: 580px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#homeInformation .infoScroller dl dd {
  /* float: right; */
  width: 445px;
}

#homeInformation .infoScroller dl .date {
  color: #808080;
}

#homeInformation .infoScroller dl dd .text {
  line-height: 1.4;
  padding-top: 5px;
}

.homeBanner {
  text-align: center;
  margin: 30px 0;
}

.survey_sp {
  display: none;
}

#homeNav {
  float: right;
  padding-top: 22px;
  width: 280px;
}

.loggedOut #homeNav {
  margin-top: 138px;
}

.loggedIn #homeNav {
  margin-top: 60px;
}

.member #homeNav {
  margin-top: 0;
  padding-top: 0;
}

.member #homeNav #vda {
  border-top: 0;
  margin-top: 0;
}

#homeMember {
  position: absolute;
  right: 0;
  top: 20px;
  width: 280px;
}

.loggedOut #homeMember {
  height: 136px;
}

.loggedIn #homeMember {
  height: 64px;
}

#homeMember ul .login {
  margin-bottom: 18px;
}

#homeMember ul .login a {
  background-position: 0 -162px;
  background-color: #ce0000;
  color: #fff;
  border: 1px solid #bd2333;
  border-radius: 6px;
  -ms-box-shadow: 0 2px 8px 3px #ccc;
  -o-box-shadow: 0 2px 8px 3px #ccc;
  box-shadow: 0 2px 8px 3px #ccc;
  display: block;
  font-weight: bold;
  height: 41px;
  padding-top: 17px;
  text-align: center;
  -moz-text-shadow: 0 1px 1px #000;
  -webkit-text-shadow: 0 1px 1px #000;
  -ms-text-shadow: 0 1px 1px #000;
  -o-text-shadow: 0 1px 1px #000;
  text-shadow: 0 1px 1px #000;
  text-decoration: none;
  width: 278px;
}

#homeMember ul .subscribe {
  height: 58px;
  margin-bottom: 18px;
}

#homeMember ul .subscribe a {
  background: #830004;
  color: #fff;
  border: 1px solid #bd2333;
  border-radius: 6px;
  -ms-box-shadow: 0 2px 8px 3px #ccc;
  -o-box-shadow: 0 2px 8px 3px #ccc;
  box-shadow: 0 2px 8px 3px #ccc;
  display: block;
  font-weight: bold;
  height: 26px;
  padding-top: 10px;
  text-align: center;
  -moz-text-shadow: 0 1px 1px #000;
  -webkit-text-shadow: 0 1px 1px #000;
  -ms-text-shadow: 0 1px 1px #000;
  -o-text-shadow: 0 1px 1px #000;
  text-shadow: 0 1px 1px #000;
  text-decoration: none;
  width: 278px;
}

#homeMember ul .subscribe span {
  color: #636363;
  display: block;
  padding: 8px 10px 0;
}

#home #vda {
  border-top: 1px solid #c6c6c6;
  /*	padding-top: 15px;*/
}

#selectArea {
  margin-bottom: 10px;
  padding: 27px 25px 20px 30px;
}

#selectArea h3 {
  font-weight: bold;
  padding-bottom: 25px;
}

#selectArea dl {
  border-top: 1px solid #c6c6c6;
  padding: 15px 0;
}

#selectArea dl.first {
  border-top: none;
  padding-top: 0;
}

#selectArea dt {
  color: #808080;
  padding-bottom: 7px;
}

#selectArea dd ul li {
  float: left;
  padding-right: 17px;
}

#err #page {
  background: none;
}

#er {
  padding: 80px 100px;
}

#er dt {
  color: #bd2333;
  font-weight: bold;
  padding-bottom: 18px;
}

#er dd {
  line-height: 1.4;
  padding-bottom: 5px;
}

#books .bookTitle {
  color: #727272;
  margin-bottom: 50px;
  padding: 10px 10px 0;
}

#books .book {
  margin: 0 auto;
  text-align: center;
  width: 320px;
}

#books .book a {
  display: block;
  text-decoration: none;
}

#books .book span {
  cursor: hand;
  display: inline-block;
  line-height: 1.2;
  padding-top: 20px;
  margin-bottom: 20px;
  text-decoration: underline;
}

#agreement #body .ag {
  padding: 27px 25px 25px 30px;
}

#agreement #body .ag h2 {
  font-weight: bold;
  padding-bottom: 18px;
}

#agreement #body .ag p.wit {
  line-height: 1.8;
  padding-bottom: 10px;
}

#agreement #body .ag h3 {
  font-weight: bold;
  padding-bottom: 25px;
}

#agreement #body .content {
  border-top: 1px solid #d3d3d3;
  margin-top: 10px;
  padding-top: 21px;
}

#agreement #body .content .lists {
  font-weight: bold;
}

#agreement #body .content .lists dt {
  float: left;
  padding-bottom: 15px;
  width: 60px;
}

#agreement #body .content .lists dd {
  float: right;
  padding-bottom: 15px;
  width: 540px;
}

#agreement #body .content p {
  line-height: 1.6;
  padding-bottom: 14px;
}

#agreement #body .content ol {
  line-height: 1.6;
  list-style: decimal none outside;
  margin-left: 25px;
}

#agreement #body .content ol li {
  padding-bottom: 10px;
}

#campaign #body .ca {
  padding: 27px 25px 25px 30px;
}

#campaign #body .ca .quiz {
  margin-bottom: 22px;
}

#campaign #body .ca .quiz_sp {
  display: none;
}

#campaign #body .ca h2 {
  padding-bottom: 18px;
  position: relative;
}

#campaign #body .ca h2 em {
  font-weight: bold;
}

#campaign #body .ca h2 .til {
  color: #8f8f8f;
  font-weight: normal;
  right: 0;
  position: absolute;
  text-align: right;
  top: 1px;
  width: 200px;
}

#campaign #body .ca .present dt {
  background: #bd2333;
  color: #fff;
  font-weight: bold;
  height: 33px;
  padding: 17px 0 0 17px;
}

#campaign #body .ca .present dd ul.presentVisual {
  background: url("../img/campaignbg.png") 0 0 no-repeat;
  height: 400px;
  margin-bottom: 20px;
  position: relative;
  width: 605px;
}

#campaign #body .ca .present dd ul.presentVisual li {
  height: 199px;
  position: absolute;
  width: 201px;
}

#campaign #body .ca .present dd ul.presentVisual .winAB {
  height: 240px;
  left: 0;
  top: 0;
}

#campaign #body .ca .present dd ul.presentVisual .winC {
  left: 202px;
  top: 0;
}

#campaign #body .ca .present dd ul.presentVisual .winD {
  left: 404px;
  top: 0;
}

#campaign #body .ca .present dd ul.presentVisual .winE {
  left: 202px;
  top: 200px;
}

#campaign #body .ca .present dd ul.presentVisual .winF {
  left: 404px;
  top: 200px;
}

#campaign #body .ca .present dd ul.presentVisual .crights {
  height: 125px;
  left: 0;
  top: 241px;
}

#campaign #body .ca .present dd ul.presentVisual .crights p {
  color: #3e3e3e;
  line-height: 1.4;
  padding-top: 15px;
}

#campaign #body .ca .present dd ul.presentText {
  font-weight: bold;
  line-height: 1.7;
  border-bottom: 1px solid #c6c6c6;
  margin-bottom: 30px;
  padding-bottom: 24px;
}

#campaign #body .ca .present dd ul.presentText span {
  color: #bd2333;
}

#campaign #body .ca .elem {
  border-bottom: 1px dashed #c6c6c6;
  line-height: 1.4;
  margin: 0 0 11px;
  padding: 0 0 11px;
  position: relative;
}

#campaign #body .ca .elem dt {
  left: 0;
  position: absolute;
  top: 0;
  width: 170px;
}

#campaign #body .ca .elem dd {
  text-indent: -1em;
  padding: 0 0 6px 170px;
}

#campaign #body .ca .apply {
  padding-top: 30px;
  text-align: center;
}

#campaign #body .ca .apply a {
  background-position: 0 -162px;
  background-color: #ce0000;
  color: #fff;
  border: 1px solid #bd2333;
  border-radius: 6px;
  -ms-box-shadow: 0 2px 8px 3px #ccc;
  -o-box-shadow: 0 2px 8px 3px #ccc;
  box-shadow: 0 2px 8px 3px #ccc;
  display: block;
  font-weight: bold;
  height: 36px;
  margin: 0 auto;
  padding-top: 22px;
  text-align: center;
  -moz-text-shadow: 0 1px 1px #000;
  -webkit-text-shadow: 0 1px 1px #000;
  -ms-text-shadow: 0 1px 1px #000;
  -o-text-shadow: 0 1px 1px #000;
  text-shadow: 0 1px 1px #000;
  text-decoration: none;
  width: 278px;
}

#glossary .richMargin,
#disclaimer .richMargin {
  border: 2px solid #e0e0e0;
  border-radius: 10px;
  margin: 0 25px 60px;
  padding: 45px 50px;
}

#disclaimer h3 {
  border-bottom: 1px solid #e0e0e0;
  margin: 0 0 36px;
  padding: 0 0 5px;
}

.richMargin .title {
  border-bottom: 2px solid #e0e0e0;
  color: #999;
  margin: 0 0 36px;
  padding: 0 0 5px;
}

.richMargin .title .term {
  float: left;
  font-weight: bold;
  width: 200px;
}

.richMargin .title .definition {
  float: right;
  width: 390px;
}

.richMargin .words {
  border-bottom: 1px solid #f0f0f0;
}

.richMargin .words dl {
  border-top: 1px solid #f0f0f0;
  padding: 6px 0 8px;
  position: relative;
}

.richMargin .words dl dt {
  font-weight: bold;
  left: 0;
  position: absolute;
  top: 6px;
  width: 210px;
}

.richMargin .words dl dd {
  margin-left: 216px;
  width: 390px;
}

.richMargin .texts {
  margin: -16px 0 0;
}

.richMargin .texts p {
  line-height: 1.6;
  padding: 16px 0 0;
}

#footer address {
  text-align: center;
}

p.notice {
  margin-bottom: 10px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px), only screen and (max-width: 480px), only screen and (orientation: landscape) and (max-width: 640px) {
  /* splash */
  #splash #page {
    background: #f2f2f2;
    height: auto;
    max-width: 480px;
    width: 100%;
  }
  #splash #page a {
    background: none;
    display: block;
    height: auto;
    margin: 0 auto;
    width: auto;
  }
  #splash #page a strong {
    display: none;
  }
  #splash #page a img {
    display: block;
    width: 100%;
  }
  #books .bookTitle {
    margin-bottom: 10px;
  }
  #books .book {
    width: 300px;
  }
  .doNotLink {
    padding: 0 10px;
    width: auto;
  }
  #splash #footer address {
    padding-top: 20px;
  }
  .shimg {
    background: url("../img/img_shared_modern.png") 0 0 no-repeat transparent;
    -ms-background-size: 490px 400px;
    background-size: 490px 400px;
  }
  .icimg:not(.new) {
    background: url("../img/img_icon_modern.png") 0 0 no-repeat transparent;
    -ms-background-size: 400px 400px;
    background-size: 400px 400px;
  }
  .smimg {
    background: url("../img/img_smartphone.png") 0 0 no-repeat transparent;
    -ms-background-size: 320px 200px;
    background-size: 320px 200px;
  }
  #restaurantName h2 sup.up,
  #stars .rating span,
  #stars .amenity span,
  #marksHints .marks li span,
  #marksHints .marks li var {
    background: url("../img/img_icon_modern_r.png") 0 0 no-repeat;
    -ms-background-size: 500px 600px;
    background-size: 500px 600px;
  }
  #page {
    background: none;
    line-height: 1.05;
    width: auto;
  }
  .aNav {
    display: none;
  }
  #head {
    background: #bd2333;
  }
  #sNavigation {
    border-bottom: 0;
  }
  #sNavigation .largeNav {
    float: none;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 0;
    width: auto;
  }
  #sNavigation .largeNav .s_restaurant,
  #sNavigation .largeNav .s_ryokan,
  #sNavigation .largeNav .s_hotel,
  #sNavigation .largeNav .s_glossary {
    display: inline-block;
    float: none;
    padding-top: 6px;
  }
  #sNavigation .largeNav .s_glossary {
    font-size: 14px;
    margin-top: 10px;
    margin-right: 10px;
    position: static;
    width: auto;
    float: right;
  }
  #sNavigation .smallNavWrap {
    padding-top: 9px;
  }
  #sNavigation .smallNav {
    float: none;
    font-size: 14px;
    padding: 3px 0 4px;
  }
  #sNavigation .smallNav li {
    display: inline-block;
    float: none;
    padding: 0 6px;
  }
  #sNavigation .smallNav li:last-child {
    padding-right: 0;
  }
  #sUserBar {
    background: #e6e6e6;
    border-bottom: 1px solid #ccc;
    display: block;
    padding: 0 10px 4px;
  }
  #sUserBar .userName {
    display: block;
    margin-top: -15px;
  }
  #sUserBar .myBook {
    height: auto;
    margin: 0;
    text-align: right;
    width: auto;
  }
  #sUserBar .myBook span {
    background-position: -460px -203px;
    /*		background-position: -460px -244px;*/
    display: inline-block;
    padding: 10px 0 3px 32px;
  }
  #selectArea {
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 0;
    padding-bottom: 13px;
  }
  #selectArea dt {
    color: gray;
    padding-bottom: 11px;
  }
  #removableHeader {
    padding-bottom: 4px;
  }
  #body {
    float: none;
    width: auto;
  }
  #detail #body,
  #detailmap #body {
    padding-top: 12px;
  }
  #resultInfo .changer {
    display: none;
  }
  #resultInfo .tCount {
    color: #727272;
    font-size: 13px;
    padding: 20px 10px 0;
  }
  #resultInfo .changer {
    padding: 20px 10px 0 10px;
  }
  #restaurantList,
  #hotelList,
  #ryokanList {
    border-top: 1px solid #c6c6c6;
    margin: 22px 0 0;
    padding: 7px 0 20px 0;
  }
  #restaurantList .part,
  #hotelList .part,
  #ryokanList .part {
    margin-bottom: 7px;
    padding-top: 0;
    position: relative;
  }
  #restaurantList .part ul.visualInfo,
  #hotelList .part ul.visualInfo,
  #ryokanList .part ul.visualInfo {
    float: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 74px;
    width: 72px;
  }
  .visualInfo .rating {
    float: none;
    height: 30px;
    height: 23px;
    margin-top: 0;
    width: 95px;
    width: 72px;
  }
  .visualInfo .amenity_deux {
    float: none;
    height: 30px;
    height: 23px;
    margin-top: 0;
    width: 72px;
  }
  .part .pointer {
    cursor: pointer;
    width: 70%;
    float: left;
  }
  #restaurantList .part dl.textInfo,
  #hotelList .part dl.textInfo,
  #ryokanList .part dl.textInfo {
    float: none;
    padding: 5px 10px 0 76px;
    width: auto;
  }
  #restaurantList .part dl.textInfo .rname,
  #hotelList .part dl.textInfo .rname,
  #ryokanList .part dl.textInfo .rname {
    font-size: 16px;
    padding-bottom: 10px;
  }
  #restaurantList .part dl.textInfo .rinfo li.cuisine,
  #hotelList .part dl.textInfo .rinfo li.cuisine,
  #ryokanList .part dl.textInfo .rinfo li.cuisine {
    float: left;
    width: auto;
  }
  #restaurantList .part dl.textInfo .rinfo li.area {
    float: left;
    margin-left: 10px;
    width: auto;
  }
  #hotelList .part dl.textInfo .rinfo li.area,
  #ryokanList .part dl.textInfo .rinfo li.area {
    float: right;
    width: auto;
  }
  #restaurantList .part .chatInfo a {
    margin: 5px 10px 0 0;
    padding: 5px;
    cursor: pointer;
  }
  #resultPager {
    padding: 0 10px 20px 10px;
  }
  #nav {
    float: none;
    width: auto;
  }
  .loggedOut #homeMember,
  .loggedIn #homeMember {
    height: auto;
    margin: 0 auto 20px;
    position: static;
    right: auto;
    top: auto;
    width: 280px;
  }
  #ftNav {
    border-top: 1px solid #d3d3d3;
    padding: 0;
    width: auto;
  }
  #ftNav #vda,
  #ftNav #vdc,
  #ftNav #vdo {
    margin: 0;
    width: auto;
  }
  #ftNav #vda li,
  #ftNav #vdc li,
  #ftNav #vdo li {
    float: none;
    padding-right: 0;
  }
  #ftNav #vdo li {
    padding-left: 0;
  }
  #vda,
  #vdc,
  #vdo {
    background: url("../img/sb_modern.png") 0 0 #f2f2f2 no-repeat;
    -ms-background-size: 900px 180px;
    background-size: 900px 180px;
    margin: 0;
    width: auto;
  }
  #vda {
    /* background-position: -10px -130px; */
    background-position: -310px -70px;
    margin-top: 0;
    padding: 18px 0 1px;
    padding: 43px 0 1px;
  }
  #vda li {
    background: #fff;
  }
  #vda li a {
    text-decoration: none;
  }
  #vda li img {
    width: 100%;
  }
  #vdc {
    background-position: -310px -70px;
    border-top: 1px solid #c6c6c6;
    margin-top: 0;
    padding-bottom: 1px;
  }
  #vdo {
    background-position: -610px -10px;
    border-top: 1px solid #c6c6c6;
    margin-top: 0;
    padding-bottom: 1px;
  }
  p.addToBook, p.removeFromBook {
    margin-right: 8px;
  }
  #restaurantInformation {
    padding: 0;
    width: auto;
  }
  #stars {
    margin: 0 8px;
    padding: 0 0 9px;
    width: auto;
  }
  #stars .rating span {
    background-position: 1000px 0;
    display: inline-block;
    height: 23px;
    text-indent: -4000px;
  }
  #stars .amenity span {
    background-position: 1000px 0;
    display: block;
    height: 23px;
    text-indent: -4000px;
    width: 90px;
  }
  #stars .rating .macaron_1 {
    background-position: 0 0;
    width: 25px;
  }
  #stars .rating .macaron_2 {
    background-position: 0 -45px;
    width: 45px;
  }
  #stars .rating .macaron_3 {
    background-position: 0 -90px;
    width: 65px;
  }
  #stars .rating .macaron_4 {
    background-position: 0 -135px;
    width: 25px;
  }
  #stars .rating .up {
    background-position: 0 -222px;
    width: 25px;
  }
  #stars .amenity .winebar, #stars .amenity .winebar_1 {
    background-position: -360px 0;
  }
  #stars .amenity .winebar_5, #stars .amenity .winebar_1_5 {
    background-position: -360px -225px;
  }
  #stars .amenity .restaurant_0 {
    background-position: -90px 0;
  }
  #stars .amenity .restaurant_1 {
    background-position: -90px -45px;
  }
  #stars .amenity .restaurant_2 {
    background-position: -90px -90px;
  }
  #stars .amenity .restaurant_3 {
    background-position: -90px -135px;
  }
  #stars .amenity .restaurant_4 {
    background-position: -90px -180px;
  }
  #stars .amenity .restaurant_5 {
    background-position: -360px -180px;
  }
  #stars .amenity .ryokan_1 {
    background-position: -180px 0;
  }
  #stars .amenity .ryokan_2 {
    background-position: -180px -45px;
  }
  #stars .amenity .ryokan_3 {
    background-position: -180px -90px;
  }
  #stars .amenity .ryokan_4 {
    background-position: -180px -135px;
  }
  #stars .amenity .ryokan_5 {
    background-position: -180px -180px;
  }
  #stars .amenity .hotel_1 {
    background-position: -270px 0;
  }
  #stars .amenity .hotel_2 {
    background-position: -270px -45px;
  }
  #stars .amenity .hotel_3 {
    background-position: -270px -90px;
  }
  #stars .amenity .hotel_4 {
    background-position: -270px -135px;
  }
  #stars .amenity .hotel_5 {
    background-position: -270px -180px;
  }
  #stars .amenity .restaurant_0_5 {
    background-position: -90px -225px;
  }
  #stars .amenity .restaurant_1_5 {
    background-position: -90px -270px;
  }
  #stars .amenity .restaurant_2_5 {
    background-position: -90px -315px;
  }
  #stars .amenity .restaurant_3_5 {
    background-position: -90px -360px;
  }
  #stars .amenity .restaurant_4_5 {
    background-position: -90px -405px;
  }
  #stars .amenity .restaurant_5_5 {
    background-position: -360px -405px;
  }
  #stars .amenity .ryokan_1_5 {
    background-position: -180px -225px;
  }
  #stars .amenity .ryokan_2_5 {
    background-position: -180px -270px;
  }
  #stars .amenity .ryokan_3_5 {
    background-position: -180px -315px;
  }
  #stars .amenity .ryokan_4_5 {
    background-position: -180px -360px;
  }
  #stars .amenity .ryokan_5_5 {
    background-position: -180px -405px;
  }
  #stars .amenity .hotel_1_5 {
    background-position: -270px -225px;
  }
  #stars .amenity .hotel_2_5 {
    background-position: -270px -270px;
  }
  #stars .amenity .hotel_3_5 {
    background-position: -270px -315px;
  }
  #stars .amenity .hotel_4_5 {
    background-position: -270px -360px;
  }
  #stars .amenity .hotel_5_5 {
    background-position: -270px -405px;
  }
  #marksHints .marks {
    float: right;
  }
  #marksHints .marks li {
    height: auto;
    padding: 0 6px 0 0;
  }
  #marksHints .marks li span,
  #marksHints .marks li var {
    height: 26px;
  }
  #marksHints .marks li .low_price {
    background-position: -0px -500px;
    width: 24px;
  }
  #marksHints .marks li .cash_only {
    background-position: -34px -500px;
    width: 27px;
  }
  #marksHints .marks li .cash_only_lunch {
    background-position: -72px -500px;
    width: 27px;
  }
  #marksHints .marks li .cash_only_lunch:after {
    bottom: 4px;
    left: 30px;
  }
  #marksHints .marks li .wheelchair {
    background-position: -161px -500px;
    width: 17px;
  }
  #marksHints .marks li .garden {
    background-position: -184px -500px;
    width: 15px;
  }
  #marksHints .marks li .quiet_ryokan {
    background-position: -207px -500px;
    width: 24px;
  }
  #marksHints .marks li .quiet_hotel {
    background-position: -207px -500px;
    width: 24px;
  }
  #marksHints .marks li .shoes_removed {
    background-position: -242px -500px;
    width: 23px;
  }
  #marksHints .marks li .terrace {
    background-position: -274px -500px;
    width: 23px;
  }
  #marksHints .marks li .non_smoking {
    background-position: -306px -500px;
    width: 21px;
  }
  #marksHints .marks li .interesting_view {
    background-position: -367px -500px;
    width: 20px;
  }
  #marksHints .marks li .car_park {
    background-position: -396px -500px;
    width: 21px;
  }
  #marksHints .marks li .conference {
    background-position: -424px -500px;
    width: 21px;
  }
  #marksHints .marks li .pool_indoor {
    background-position: 0 -550px;
    width: 20px;
  }
  #marksHints .marks li .pool_outdoor {
    background-position: -30px -550px;
    width: 21px;
  }
  #marksHints .marks li .onsen {
    background-position: -60px -550px;
    width: 26px;
  }
  #marksHints .marks li .bath_private {
    background-position: -96px -550px;
    width: 21px;
  }
  #marksHints .marks li .bath_shared {
    background-position: -125px -550px;
    width: 34px;
  }
  #marksHints .marks li .spa {
    background-position: -172px -550px;
    width: 21px;
  }
  #marksHints .marks li .fitness {
    background-position: -201px -550px;
    width: 21px;
  }
  #marksHints .marks li .private_room {
    background-position: -230px -550px;
    width: 22px;
    float: left;
  }
  #marksHints .marks li .n0 {
    background-position: -0px -450px;
    width: 9px;
  }
  #marksHints .marks li .n1 {
    background-position: -20px -450px;
    width: 6px;
  }
  #marksHints .marks li .n2 {
    background-position: -40px -450px;
    width: 9px;
  }
  #marksHints .marks li .n3 {
    background-position: -60px -450px;
    width: 9px;
  }
  #marksHints .marks li .n4 {
    background-position: -80px -450px;
    width: 9px;
  }
  #marksHints .marks li .n5 {
    background-position: -100px -450px;
    width: 9px;
  }
  #marksHints .marks li .n6 {
    background-position: -120px -450px;
    width: 9px;
  }
  #marksHints .marks li .n7 {
    background-position: -140px -450px;
    width: 9px;
  }
  #marksHints .marks li .n8 {
    background-position: -160px -450px;
    width: 9px;
  }
  #marksHints .marks li .n9 {
    background-position: -180px -450px;
    width: 9px;
  }
  #marksHints .marks li .counter {
    background-position: -262px -550px;
    width: 23px;
  }
  #marksHints .marks li .reservations {
    background-position: -293px -550px;
    width: 27px;
  }
  #marksHints .marks li .non_reservations {
    background-position: -330px -550px;
    width: 26px;
  }
  #marksHints .marks li .open_sunday {
    background-position: -366px -550px;
    width: 22px;
  }
  #marksHints .marks li .late_dining {
    background-position: -397px -550px;
    width: 27px;
  }
  #marksHints .marks li .interesting_wine {
    background-position: -435px -550px;
    width: 20px;
  }
  #marksHints .marks li .interesting_sake {
    background-position: -464px -550px;
    width: 23px;
  }
  #marksHints .marks li .vegetarian {
    background-position: -130px -500px;
    width: 23px;
  }
  #marksHints .marks li .glass_wine {
    background-position: -453px -500px;
    width: 18px;
  }
  #marksHints .moreinfo {
    float: none;
  }
  #marksHints .moreinfo li .text {
    padding: 11px 0 2px 75px;
  }
  #restaurantInformation .photos {
    height: auto;
    padding: 0px 10px 15px;
  }
  #restaurantInformation .photos img {
    width: 100%;
  }
  #middler {
    width: auto;
  }
  #restaurantName .category {
    padding: 0 10px 9px;
  }
  #restaurantName {
    margin: 0 10px;
    width: auto;
  }
  #restaurantName h2 {
    margin: 0 0 25px;
    padding: 12px;
  }
  #restaurantName h2 span {
    font-size: 14px;
  }
  #restaurantName h2 sup.up {
    background-position: -443px -450px;
    padding-left: 9px;
    width: 22px;
  }
  #stars {
    margin: 0 10px 2px;
  }
  #marksHints {
    margin: 0 10px 6px;
  }
  #restaurantInformation .photos p {
    padding-top: 5px;
    padding-right: 5px;
  }
  #restaurantInformation .description {
    margin: 0 10px 16px;
    padding-bottom: 12px;
  }
  #restaurantInformation .descriptionBpt {
    margin: 0 10px 16px;
    padding-bottom: 3px;
  }
  #restaurantInformation .descriptionBpt li p {
    padding: 0 0 10px;
  }
  #restaurantInformation .sustainable {
    margin: 0 10px 16px;
    padding-bottom: 12px;
  }
  #restaurantInformation .sustainable .sustainable-icon {
    display: block;
    height: 40px;
    text-indent: -4000px;
    width: 30px;
    background: url("../img/img_icon_modern_r.png") 0 0 no-repeat;
    background-position: 0 -171px;
    -ms-background-size: 500px 600px;
    background-size: 500px 600px;
  }
  .tCount {
    /*		padding: 10px 10px;*/
    padding: 0;
  }
  #rInfo {
    margin: 0 10px 20px;
    padding: 5px 0 6px;
    width: auto;
  }
  #rInfo dl {
    margin-left: 2px;
    padding-bottom: 10px;
    position: relative;
  }
  #navigationLink {
    margin-bottom: 30px;
  }
  #navigationLink ul {
    text-align: center;
  }
  #navigationLink li {
    display: inline-block;
    float: none;
    height: 45px;
    margin-right: 6px;
  }
  #navigationLink li:last-child {
    margin-right: 0;
  }
  #navigationLink li a,
  #navigationLink li span {
    height: 26px;
    padding-left: 6px;
    padding-right: 6px;
  }
  #nav .previous {
    border-top: 1px solid #d3d3d3;
  }
  #nav .previous a {
    border-bottom: 5px solid #e6e6e6;
    border-top: 5px solid #e6e6e6;
  }
  #map {
    border: none;
    margin: 0 0 20px;
    padding: 10px;
  }
  #map #dynamicMap {
    display: none;
    height: auto;
  }
  #rMap {
    border-left: none;
    border-right: none;
    border: none;
    clear: both;
    margin: 0px 10px 15px;
    position: relative;
    width: auto;
  }
  #rMap #dynamicMapCover {
    display: block;
    height: 300px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  #rMap #dynamicMap {
    height: 300px;
    width: auto;
  }
  #sMapComment {
    background-color: #eee;
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    height: 260px;
    line-height: 1.4;
    padding: 20px;
  }
  #homeSearch {
    background-position: -404px -250px;
    height: 270px;
    position: relative;
    width: 625px;
  }
  #agreement #body .content .lists dt {
    float: none;
    padding-bottom: 4px;
    width: auto;
  }
  #agreement #body .content .lists dd {
    float: none;
    font-weight: normal;
    padding-bottom: 15px;
    width: auto;
  }
  #campaign #body .ca {
    padding: 27px 0 25px;
  }
  #campaign #body .ca h2 {
    margin: 0 10px;
  }
  #campaign #body .ca h2 .til {
    display: block;
    left: auto;
    padding-top: 4px;
    position: static;
    text-align: left;
    top: auto;
    width: auto;
  }
  #campaign #body .ca .quiz .quiz_sp {
    display: block;
    margin: 0 auto;
    max-width: 320px;
    width: 100%;
  }
  #campaign #body .ca .quiz .quiz_pc {
    display: none;
  }
  #campaign #body .ca .present dd ul.presentVisual {
    background: none;
    height: auto;
    margin: 25px 15px 20px;
    position: static;
    width: auto;
  }
  #campaign #body .ca .present dd ul.presentVisual li {
    border-bottom: 1px dashed #bd2333;
    border-left: 1px dashed #bd2333;
    border-right: 1px dashed #bd2333;
    left: auto;
    margin: 0 auto;
    position: static;
    top: auto;
  }
  #campaign #body .ca .present dd ul.presentVisual li.winAB {
    border-top: 1px dashed #bd2333;
  }
  #campaign #body .ca .present dd ul.presentVisual li.crights {
    border: none;
    height: auto;
  }
  #campaign #body .ca .present dd ul.presentText {
    background: #f8e5e8;
    border-bottom: 1px solid #c6c6c6;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 20px;
    padding: 15px 15px 0;
  }
  #campaign #body .ca .present dd ul.presentText li {
    font-weight: normal;
    padding-bottom: 15px;
  }
  #campaign #body .ca .present dd ul.presentText li .win {
    font-weight: bold;
  }
  #campaign #body .ca .elem {
    margin: 0 15px 11px;
    padding-bottom: 2px;
  }
  #campaign #body .ca .elem dt {
    font-size: 12px;
    font-weight: bold;
    left: auto;
    padding-bottom: 5px;
    position: static;
    top: auto;
    width: auto;
  }
  #campaign #body .ca .elem dd {
    font-size: 11px;
    text-indent: -1em;
    padding: 0 0 4px 1em;
  }
  #toTop {
    padding-top: 10px;
  }
  #toTop p {
    padding-right: 10px;
  }
  #footer .books {
    background: #F2F2F2;
    border-top: 1px solid #C6C6C6;
    height: auto;
    padding: 20px 20px 5px;
    position: static;
  }
  #footer .books dt {
    font-size: 14px;
    left: auto;
    padding-bottom: 20px;
    position: static;
    top: auto;
  }
  #footer .books dd {
    font-size: 16px;
    left: auto;
    position: static;
    top: auto;
    width: auto;
  }
  #footer .books dd li {
    float: none;
    padding-bottom: 15px;
    text-align: left;
    width: auto;
  }
  #footer .books dd li a {
    color: #1a1a1a;
  }
  #footer .books dd li .img {
    display: none;
  }
  #footer .books dd li .txt {
    display: inline;
    white-space: normal;
  }
  #footer .links {
    font-size: 12px;
  }
  #footer .links li {
    padding: 2px;
  }
  #footer .footer_logo {
    width: 80px;
  }
  p.notice {
    margin-left: 10px;
  }
  /* home */
  #homeBody {
    float: none;
    width: auto;
  }
  #whatYouCould .h2 {
    border-top: 3px solid #bd2333;
    height: 10px;
    margin: 30px 10px 15px;
    position: relative;
    text-align: center;
    width: auto;
  }
  #whatYouCould .h2 h2 {
    display: block;
    margin-top: -13px;
  }
  #whatYouCould .h2 h2 strong {
    background: #fff;
  }
  #whatYouCould .thick {
    display: none;
  }
  #whatYouCould .thin {
    display: block;
    margin: 0 auto;
    max-width: 420px;
  }
  #whatYouCould .thin img {
    width: 100%;
  }
  #homeNav {
    float: none;
    width: auto;
  }
  .loggedOut #homeNav,
  .loggedIn #homeNav {
    margin-top: 0;
  }
  .member #homeNav {
    border-top: 1px solid #c6c6c6;
    /*		padding-top: 22px;*/
    margin-top: 22px;
  }
  #homeSearch {
    background: none;
    font-size: 14px;
    height: 270px;
    padding-top: 32px;
    position: relative;
    width: auto;
  }
  #homeSearch .commentFromBib {
    background-position: -7px -115px;
    bottom: 0;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    height: 60px;
    left: auto;
    line-height: 1.4;
    padding-right: 0;
    padding: 22px 0 0 20px;
    position: absolute;
    right: 30px;
    text-align: left;
    top: auto;
    width: 252px;
  }
  #homeSearch .commentFromBib span {
    display: block;
  }
  #homeSearch .h2 {
    left: auto;
    margin: 0 10px;
    position: static;
    text-align: center;
    width: auto;
    top: auto;
  }
  #homeSearch .h2 h2 {
    display: block;
    margin-bottom: 12px;
    margin-top: -13px;
  }
  #homeSearch .h2 h2 strong span {
    display: none;
  }
  #homeSearch .links {
    height: 153px;
    left: auto;
    position: static;
    top: auto;
    width: auto;
  }
  #homeSearch .links ul {
    height: 153px;
    position: relative;
    text-align: center;
    width: auto;
  }
  #homeSearch .links ul li {
    display: inline-block;
    height: 102px;
  }
  #homeSearch .links ul .restaurant {
    width: 102px;
  }
  #homeSearch .links ul .ryokan {
    width: 102px;
  }
  #homeSearch .links ul .hotel {
    width: 102px;
  }
  #homeSearch .links ul li a {
    font-size: 15px;
    height: 18px;
    padding-top: 98px;
  }
  #homeSearch .links ul .restaurant a {
    background-position: -7px -9px;
    width: 102px;
  }
  #homeSearch .links ul .ryokan a {
    background-position: -109px -9px;
    width: 102px;
  }
  #homeSearch .links ul .hotel a {
    background-position: -211px -9px;
    width: 102px;
  }
  #homeSearch .links ul .restaurant a em {
    padding-left: 0;
  }
  #homeSearch .links ul .hotel a em {
    padding-right: 0;
  }
  #homeSUserBar {
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-radius: 0;
    margin-bottom: 30px;
  }
  #homeInformation {
    margin: 0 18px 0;
    width: auto;
  }
  #homeInformation .infoContents {
    height: auto;
    padding: 11px 11px 9px 11px;
  }
  #homeInformation .infoScroller {
    height: auto;
    overflow-y: auto;
    overflow-x: auto;
  }
  #homeInformation .infoScroller dl {
    width: auto;
  }
  #homeInformation .infoScroller dl dd {
    float: none;
    width: auto;
  }
  #homeInformation .infoScroller dl dd .text {
    line-height: 1.4;
  }
  .homeBanner {
    margin: 20px 0;
  }
  .homeBanner img {
    width: 300px;
  }
  .survey_sp {
    display: block;
  }
  .survey_pc {
    display: none;
  }
  #er {
    padding: 25px 10px;
  }
  #glossary .richMargin,
  #disclaimer .richMargin {
    margin: 0 10px 24px;
    padding: 19px;
  }
  #glossary .richMargin {
    border: none;
    margin: 0 10px 24px;
    padding: 0;
  }
  #disclaimer h3 {
    margin: 0 0 16px;
  }
  .richMargin .title {
    display: none;
  }
  .richMargin .words {
    border: none;
  }
  .richMargin .words dl {
    background: #efefef;
    border-radius: 4px;
    font-size: 16px;
    margin: 0 0 10px;
    padding: 9px 20px 12px;
    position: static;
  }
  .richMargin .words dl dt {
    float: none;
    left: auto;
    margin: 0;
    padding: 0 0 2px;
    position: static;
    top: auto;
    width: auto;
  }
  .richMargin .words dl dd {
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
  }
  .richMargin .texts {
    margin: -12px 0 0;
  }
  .richMargin .texts p {
    padding: 12px 0 0;
  }
}

/**************************************************
MENU
**************************************************/
#sNavigation .largeNav .s_right {
  font-size: 12px;
  position: absolute;
  right: 0;
  padding-left: 24px;
  bottom: 10px;
}

#sNavigation .smallNav.smallNav--padding0 {
  padding-top: 0;
}

.icn-iconguide:before {
  content: "i";
  display: inline-block;
  border: solid 1px #211d1c;
  color: #211d1c;
  border-radius: 20px;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px;
  font-weight: bold;
  font-style: normal;
  font-family: arial;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}

a.icn-iconguide {
  text-decoration: underline;
  color: #1a1a1a;
}

a.icn-iconguide {
  color: #595959;
}

a.icn-iconguide:hover {
  color: #000;
}

#sNavigation .largeNav .s_gloss:before {
  content: "/";
  margin-right: 9px;
}

@media only screen and (max-device-width: 480px) and (min-device-width: 320px), only screen and (max-width: 480px), only screen and (max-width: 640px) and (orientation: landscape) {
  #sNavigation .largeNav {
    padding: 10px;
    text-align: left;
  }
  #sNavigation .smallNav li.s_gloss {
    padding-left: 0;
  }
  .sub-title {
    margin-bottom: 15px;
    border-bottom: none;
  }
  #sNavigation .largeNav .s_right {
    display: inline-block;
    position: relative;
    bottom: inherit;
    right: inherit;
    margin-top: 10px;
    padding-left: 18px;
  }
}

/* SHOP LIST ICN STREET FOOD */
@media only screen and (max-device-width: 480px) and (min-device-width: 320px), only screen and (max-width: 480px), only screen and (max-width: 640px) and (orientation: landscape) {
  .visualInfo .amenity_deux .restaurant_none {
    background: url(../img/sprite/addIcon@2x.png) no-repeat -195px -134px;
    background-size: 220px auto;
    width: 18px;
    height: 20px;
    margin: auto;
  }
}

/* SHOP TOP ICN STREET FOOD */
@media only screen and (max-device-width: 480px) and (min-device-width: 320px), only screen and (max-width: 480px), only screen and (max-width: 640px) and (orientation: landscape) {
  #stars .amenity .restaurant_none {
    background-position: 0 -400px;
    background: url(../img/sprite/addIcon@2x.png) no-repeat -195px -134px;
    background-size: 220px auto;
    width: 18px;
    height: 20px;
    margin: 3px auto 0;
  }
}

@media only screen and (max-device-width: 480px) and (min-device-width: 320px), only screen and (max-width: 480px), only screen and (max-width: 640px) and (orientation: landscape) {
  .richMargin .words dl {
    padding: 0;
  }
  .richMargin .box-iconguide > dl > dt,
  .richMargin .box-iconguide > dl > dd {
    box-sizing: border-box;
  }
  .richMargin .box-iconguide > dl > dt {
    padding: 9px 0 9px 6px;
  }
  .richMargin .box-iconguide > dl > dd {
    padding: 9px 6px 9px 0;
  }
}

/*# sourceMappingURL=maps/m.css.map */