/**********
 style-reserve.css
**********/

#topCom{
	margin-top:0;
	padding-bottom:50px;
}
/**********
 netRsv 
**********/
#netRsv{
	text-align:center;
}

#netRsv #netRsvImg{
	width:100%;
	max-width:200px;
	padding-bottom:15px;
}

#netRsv #netRsvTxt{
	text-align:left;
	font-weight:700;
}

#netRsv #netRsvTxt .midashi{
	padding-bottom:20px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	text-align:left;
}

#netRsv #netRsvTxt .midashi span{
	display:inline-block;
	padding:5px 15px;
	margin-right:15px;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	background:#fff;
}

#netRsv #netRsvTxt .midashi span.shinkan{
	border:1px solid #e20066;
	color:#e20066;
}
#netRsv #netRsvTxt .midashi span.saishin{
 border:1px solid #f2ae70;
	color:#f2ae70;
}
#netRsv #netRsvTxt .midashi span.yobou{
	border:1px solid #5bbb8d;
	color:#5bbb8d;
}


#netRsv #netRsvTxt .midashi span:last-child{
	margin-right:0;
}

#netRsv #netRsvTxt .midashi p{
	font-size:1.25em;
	font-weight:700;
	color:#7a5135;
	padding-top:20px;
}

#netRsv a.yoyakuBtn{
	margin-top:30px;
	margin-bottom:10px;
	font-size:0.95em;
	text-decoration:none;
	background:#8cc63f;
	color:#fff;
}

#netRsv a.yoyakuBtn:hover,
#netRsv a.yoyakuBtn:active{
	background:#00a99d;
}

/** **/
#netRsv #howto{
	background:#fff;
	padding:15px 0;
	margin-top:25px;
	border-radius:9px;
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	box-shadow: 1px 1px 1px 1px;
	-webkit-box-shadow: 1px 1px 1px 1px #ccc;
}

#netRsv #howto h4{
	padding-bottom:15px;
}

#netRsv #howto ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  width:94%;
  margin:0 auto;
  text-align:left;
}

#netRsv #howto ol li {
  margin-bottom: 20px;
  padding-bottom:20px;
  border-bottom:1px dotted #999;
  padding-left: 30px;
  position: relative;
}
#netRsv #howto ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #bada55;
  color: #222;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

#netRsv #howto ol li:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border:none;
}

#netRsv #howto ol li #qrYoyaku{
	margin-top:10px;
	border:5px solid #ccc;
	padding:15px;
	text-align:center;
}

#netRsv #howto ol li #qrYoyaku p{
	text-align:left;
}

#netRsv #howto ol li #qrYoyaku img{
	max-width:80px;
	display:block;
	padding-bottom:15px;
	margin:0 auto;
}


/**********
 phoneRsv
**********/
#phoneRsv{}
#phoneRsv img{
	width:100%;
	max-width:300px;
	display:block;
}

#phoneRsv .time{
	font-size:0.85em;
	padding-top:15px;
	display:block;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px dotted #999;
}


/**********
 aboutRsv
**********/

/** direct **/
#aboutRsv #direct{
	padding-bottom:15px;
	text-align:center;
}

#aboutRsv #direct img{
	width:100%;
	max-width:80px;
	padding-bottom:15px;
	margin:0 auto;
	display:block;
}

#aboutRsv #direct p{
	text-align:left;
	padding-top:10px;
}


/** line **/
#aboutRsv #lineWrap{
	padding-bottom:15px;
	text-align:center;
}

#aboutRsv #lineWrap img{
	width:100%;
	max-width:180px;
	padding-bottom:15px;
	margin:0 auto;
	display:block;
}

#aboutRsv #lineWrap p{
	text-align:left;
	padding-top:10px;
}


/** notes **/
#aboutRsv .notes{
	clear:both;
	text-align:center;
	padding-top:25px;
	margin-top:25px;
	border-top:1px dotted #999;
}

#aboutRsv .notes div{
	text-align:left;
	font-size:0.9em;
}

#aboutRsv .notes div p{
	padding-bottom:10px;
}

#aboutRsv .notes div p:last-child{
	padding-bottom:0;
}

#aboutRsv .notes img{
	display:none;
}


/* PC・大型タブレット：769px～1050px */
@media only screen and (min-width: 769px) and (max-width: 1050px) {

/**********
 netRsv
**********/
#netRsv{}

#netRsv #netRsvImg{
	width:30%;
	max-width:200px;
	float:right;
	margin-top:40px;
}

#netRsv #netRsvTxt{
	width:65%;
	float:left;
}


#netRsv #howto ol li #qrYoyaku img{
	max-width:80px;
	float:right;
	padding-left:20px;
	padding-bottom:0;
}


/**********
 aboutRsv
**********/

/** direct **/
#aboutRsv #direct{
	padding-bottom:15px;
}

#aboutRsv #direct img{
	padding-bottom:0;
	float:left;
	width:20%;
	max-width:90%;
}

#aboutRsv #direct p{
	width:75%;
	float:right;
	padding-top:10px;
}

#aboutRsv #direct p:first-child{
	padding-top:0;
}

/** line **/
#aboutRsv #lineWrap{
	padding-bottom:15px;
}

#aboutRsv #lineWrap img{
	padding-bottom:0;
	float:left;
	width:20%;
	max-width:90%;
}

#aboutRsv #lineWrap p{
	width:75%;
	float:right;
	padding-top:10px;
}

#aboutRsv #lineWrap p:first-child{
	padding-top:0;
}
	
	
/** notes **/
#aboutRsv .notes img{
	display:block;
	max-width:80px;
	float:left;
	padding-right:20px;
	padding-bottom:15px;
	vertical-align:bottom;
}


}

/* PC向け：1050px以上で固定 */
@media only screen and (min-width: 1051px) {

/**********
 netRsv 
**********/
#netRsv{}

#netRsv #netRsvImg{
	width:30%;
	max-width:200px;
	float:right;
	margin-top:40px;
}

#netRsv #netRsvTxt{
	width:65%;
	float:left;
}

#netRsv #howto ol li #qrYoyaku img{
	max-width:80px;
	float:right;
	padding-left:20px;
	padding-bottom:0;
}

/**********
 aboutRsv
**********/

/** direct **/
#aboutRsv #direct{
	padding-bottom:15px;
}

#aboutRsv #direct img{
	padding-bottom:0;
	float:left;
	width:20%;
	max-width:90%;
}

#aboutRsv #direct p{
	width:75%;
	float:right;
	padding-top:10px;
}

#aboutRsv #direct p:first-child{
	padding-top:0;
}

	
/** line **/
#aboutRsv #lineWrap{
	padding-bottom:15px;
}

#aboutRsv #lineWrap img{
	padding-bottom:0;
	float:left;
	width:20%;
	max-width:90%;
}

#aboutRsv #lineWrap p{
	width:75%;
	float:right;
	padding-top:10px;
}

#aboutRsv #lineWrap p:first-child{
	padding-top:0;
}


/** notes **/
#aboutRsv .notes img{
	display:block;
	max-width:80px;
	float:left;
	padding-right:20px;
	padding-bottom:15px;
	vertical-align:bottom;
}


}


@media print{

/**********
 netRsv 
**********/
#netRsv{}

#netRsv #netRsvImg{
	width:30%;
	max-width:200px;
	float:right;
	margin-top:40px;
}

#netRsv #netRsvTxt{
	width:65%;
	float:left;
}

#netRsv #howto ol li #qrYoyaku img{
	max-width:80px;
	float:right;
	padding-left:20px;
	padding-bottom:0;
}

/**********
 aboutRsv
**********/

/** direct **/
#aboutRsv #direct{
	padding-bottom:15px;
}

#aboutRsv #direct img{
	padding-bottom:0;
	float:left;
	width:20%;
	max-width:90%;
}

#aboutRsv #direct p{
	width:75%;
	float:right;
	padding-top:10px;
}

#aboutRsv #direct p:first-child{
	padding-top:0;
}

/** line **/
#aboutRsv #lineWrap{
	padding-bottom:15px;
}

#aboutRsv #lineWrap img{
	padding-bottom:0;
	float:left;
	width:20%;
	max-width:90%;
}

#aboutRsv #lineWrap p{
	width:75%;
	float:right;
	padding-top:10px;
}

#aboutRsv #lineWrap p:first-child{
	padding-top:0;
}

/** notes **/
#aboutRsv .notes img{
	display:block;
	max-width:80px;
	float:left;
	padding-right:20px;
	padding-bottom:15px;
	vertical-align:bottom;
}


}