@charset"UTF-8";

/* 
***********************************************************
* Copyright(C) CIDARIO Inc.
* URI:http://cidario.co.jp
* Editor:Hiromi Yoshino
***********************************************************
*/



/*  reserve common
========================================================================================================
*/

/*------ article -------*/

article#reserve{
  width:100%;
  background:url(/common/images/title04.png) no-repeat 90% top;
  background-size:140px auto;
  padding:20px 0 0 0;
  margin:0 auto 30px auto;
}


@media print, screen and (min-width:960px) { 
 article#reserve{
   width:960px;
   background:url(/common/images/title04.png) no-repeat right top; 
   font-size: 14px; font-size: 1.4rem;
   padding:40px 0 0 0;
   margin:0 auto 80px auto;
 }
}

/*------ section -------*/


article#reserve section.rev{
  width:90%;
  border:10px solid #424251;
  border-radius:5px;
  padding:0;
  margin:0 auto 20px auto;
}


@media print, screen and (min-width:960px) { 
 article#reserve section.rev{
  width:100%;
  border:10px solid #424251;
  border-radius:5px;
  padding:0;
  margin:0 0 50px 0;
 }
}

section#confirm,section#submit{
  margin:16px 0 40px 0;
}

article#reserve section#m-submit,
article#reserve section#remind-input,
article#reserve section#remind-submit,
article#reserve section#member-optout{
  padding:0 0 30px 0;
}

@media print, screen and (min-width:960px) { 
 article#reserve section#m-submit,
 article#reserve section#remind-input,
 article#reserve section#remind-submit,
 article#reserve section#member-optout{
  padding:0 0 90px 0;
 }
}

section.rev section{
  width:90%;
  padding:20px 0 0 0;
  margin:0 auto;
}

@media print, screen and (min-width:960px) { 
 section.rev section{
  width:800px;
  padding:0;
  margin:0 auto;
 }
}

/*---------- h1 -----------*/

article#reserve h1{
  margin:0 0 15px 15px;  
}

@media print, screen and (min-width:960px) { 
 article#reserve h1{
  margin:0 0 15px 0;  
 }
}


/*---------- h2 -----------*/

article#reserve section#choice02 h2.title01{
  width:100%;
  height:40px;
  background-image:none;
  background-color:#F3F3F3;
  color:#000;
  font-size:18px; font-size:1.8rem;
  text-align:center;
  line-height:40px;
  padding:0;
  margin:15px 0 15px 0;  
}

@media print, screen and (min-width:960px) { 
 article#reserve section#choice02 h2.title01{
  width:100%;
  height:40px;
  background-image:none;
  background-color:#F3F3F3;
  color:#000;
  font-size:20px; font-size:2.0rem;
  line-height:40px;
  margin:15px 0 30px 0;  
 }
}


#reserve h2.title02{
  width:100%;
  height:40px;
  background:url(/common/images/title05.png) no-repeat 0 0;
  font-size:16px; font-size:1.6rem;
  color:#FFF;
  line-height:40px;
  text-align:center;
  padding:0;
  margin:-10px 0 0 0;
}

@media print, screen and (min-width:960px) { 
 #reserve h2.title02{
   width: 100%;
   max-width: inherit;
   height:50px;
   font-size:20px; font-size:2.0rem;
   line-height:50px;
 }
}


/*---------- h3 -----------*/

#reserve h3{
  background:url(/common/images/icon07.png) no-repeat left 3px;
  background-size:15px;
  font-size:14px; font-size:1.4rem;
  line-height:1.5rem;
  padding:3px 0 5px 20px;
  margin:0 0 10px 0;
}


@media print, screen and (min-width:960px) { 
 #reserve h3{
  background:url(/common/images/icon07.png) no-repeat 0 3px;
  font-size:16px; font-size:1.6rem;
  padding:5px 0 7px 23px;
  margin:0 0 5px 0;
 }
}


#reserve section.confirmation h3{
  background:url(/common/images/icon01.png) no-repeat left top;
  background-size:15px;
  font-size:14px; font-size:1.4rem;
  padding:3px 0 5px 20px;
  margin:0 0 10px 0;
}

@media print, screen and (min-width:960px) { 
 #reserve section.confirmation h3{
  background:url(/common/images/icon01.png) no-repeat left top;
  background-size:18px;
  font-size:16px; font-size:1.6rem;
  padding:5px 0 7px 25px;
  margin:0 0 10px 0;
 }
}

/*---------- h4 -----------*/

article#reserve h4{
  font-size:14px; font-size:1.4rem;
	line-height:130%;
  margin:0 0 10px 0;
}

@media print, screen and (min-width:960px) { 
 article#reserve h4{
  font-size:16px; font-size:1.6rem;
  margin:0 0 15px 0;
 }
}


/*-----------------  choice --------------------*/

section#choice{
  width:90%;
  border-left:10px solid #F3F3F3;
  border-right:10px solid #F3F3F3;
  border-bottom:10px solid #F3F3F3;
  padding:0;
  margin:0 auto 20px auto;
}

@media print, screen and (min-width:960px) { 
 section#choice{
  width:100%;
  border-left:10px solid #F3F3F3;
  border-right:10px solid #F3F3F3;
  border-bottom:10px solid #F3F3F3;
  padding:0;
  margin:0 0 20px 0;
 }
}

section#choice02{
  width:90%;
  position:relative;
  border-left:10px solid #F3F3F3;
  border-right:10px solid #F3F3F3;
  border-bottom:10px solid #F3F3F3;
  padding:0;
  margin:0 auto 20px auto;
}

@media print, screen and (min-width:960px) { 
 section#choice02{
  width:100%;
  border-left:10px solid #F3F3F3;
  border-right:10px solid #F3F3F3;
  border-bottom:10px solid #F3F3F3;
  padding:0 0 15px 0;
  margin:0 0 20px 0;
 }
}

section#member div#choice{
  width:100%;
  position:relative;
  padding:20px 10px;
  margin:0 auto;
}

@media print, screen and (min-width:960px) { 
 section#member div#choice{
  width:890px;
  border:5px solid #F3F3F3;
  padding:30px 0;
  margin:0 auto;
 }
}


/*--- dl ---*/

section#choice dl{
  width:90%;
  background-color:#FFF;
  border-bottom:1px dotted #777;
  padding:0 0 15px 0;
  margin:0 auto 15px auto;
}

@media print, screen and (min-width:960px) { 
 section#choice dl{
  width:800px;
  background-color:#FFF;
  border-bottom:1px dotted #777;
  padding:0 0 15px 0;
  margin:0 auto 15px auto;
 }
}

section#choice02 dl{
  width:90%;
  background-color:#FFF;
  border-bottom:1px dotted #777;
  padding:0 0 15px 0;
  margin:0 auto 10px auto;
}

@media print, screen and (min-width:960px) { 
 section#choice02 dl{
  width:610px;
  background-color:#FFF;
  border-bottom:1px dotted #777;
  font-size:13px; font-size:1.3rem;
  padding:0 0 10px 0;
  margin:0 0 10px 35px;
 }
}

section div#choice p.note{
  font-size:13px; font-size:1.3rem;
  line-height:150%;
  color:#ff0000;
  padding:0 15px 15px 20px;
  margin:0 auto 15px auto;
}

@media print, screen and (min-width:960px) { 
section div#choice p.note{
  width:590px;
  line-height:150%;
  font-size:13px; font-size:1.3rem;
  color:#FF0000;
  padding:0;
  margin:20px 0 10px 25px;
}
}

section#choice p.note{
  font-size:13px; font-size:1.3rem;
  line-height:150%;
  color:#ff0000;
  padding:0 15px 15px 20px;
  margin:0 auto 15px auto;
}

@media print, screen and (min-width:960px) { 
section#choice p.note{
  width:730px;
  background-color:#FFF;
  font-size:13px; font-size:1.3rem;
  line-height:150%;
  color:#ff0000;
  padding:0 0 10px 0;
  margin:0 0 0 35px;
}
}

section#choice02 p.note{
  font-size:13px; font-size:1.3rem;
  line-height:150%;
  color:#ff0000;
  padding:0 15px 15px 20px;
  margin:0 auto 15px auto;
}

@media print, screen and (min-width:960px) { 
section#choice02 p.note{
  width:610px;
  background-color:#FFF;
  font-size:13px; font-size:1.3rem;
  line-height:150%;
  color:#ff0000;
  padding:0 0 10px 0;
  margin:0 0 0 35px;
}
}

div#choice dl{
  width:90%;
  background-color:#FFF;
  border-bottom:1px dotted #777;
  padding:0 0 15px 0;
  margin:0 auto 15px auto;
}

@media print, screen and (min-width:960px) { 
 div#choice dl{
  width:590px;
  background-color:#FFF;
  border-bottom:1px dotted #777;
  font-size:13px; font-size:1.3rem;
  padding:0 0 10px 0;
  margin:0 0 10px 25px;
 }
}

section#choice dl:last-child{
  margin:0 auto 20px auto;
}

section#choice02 dl:last-child{
  margin:0 0 15px 35px;
}

div#choice dl:last-child{
  margin:0 0 15px 35px;
}


section#choice dl:after,
section#choice02 dl:after,
div#choice dl:after{
	display:table;
	content:"";
	clear:both;	
}

/*--- dt ---*/

section#choice dl dt{
  width:100%;
  font-weight:bold;
  padding:0;
  margin:0 0 10px 0;
}

@media print, screen and (min-width:960px) { 
 section#choice dl dt{
  width:130px;
  float:left;
  font-weight:bold;
  line-height:130%;
  padding:0;
  margin:0;
 }
}

section#choice02 dl dt,
div#choice dl dt{
  width:100%;
  font-weight:bold;
  padding:0;
  margin:0 0 5px 0;
}

@media print, screen and (min-width:960px) { 
 section#choice02 dl dt,
 div#choice dl dt{
  width:100px;
  float:left;
  font-weight:bold;
  line-height:130%;
  padding:0;
  margin:0;
 }
}

/*--- dd ----*/

section#choice dl dd{
  width:100%;
  position:relative;
  line-height:130%;
  padding:0 0 10px 0;
  margin:0 20% 0 0;
}

@media print, screen and (min-width:960px) { 
 section#choice dl dd{
  width:670px;
  position:relative;
  float:left;
  padding:0 70px 0 0;
  margin:0 0 0 0;
 }
}

section#choice02 dl dd,
div#choice dl dd{
  width:100%;
  position:relative;
  line-height:130%;
  padding:0 0 5px 0;
  margin:0 20% 0 0;
}

@media print, screen and (min-width:960px) { 
 section#choice02 dl dd,
 div#choice dl dd{
  width:510px;
  position:relative;
  float:left;
  padding:0 70px 0 0;
  margin:0 0 0 0;
 }
}

div#choice dl dd{
  width:100%;
  position:relative;
  line-height:130%;
  padding:0 0 10px 0;
  margin:0 20% 0 0;
}

@media print, screen and (min-width:960px) { 
 div#choice dl dd{
  width:480px;
  position:relative;
  float:left;
  padding:0 70px 0 0;
  margin:0 0 0 0;
 }
}

/*--- a ----*/

section#choice a,
section#choice02 a,
div#choice a{
  display:block;
  width:100%;
  position:absolute;
  bottom:-10px;
  left:0;
  font-size:11px; font-size:1.1rem;
}

@media print, screen and (min-width:960px) { 
 section#choice a,
 section#choice02 a,
 div#choice a{
  display:inline;
  width:auto;
  position:absolute;
  top:0;
  left:inherit;
  right:5px;
 }
}

section#choice p.caution01{
  color:#FF0000;
  line-height:150%;
  font-weight:bold;
}

@media print, screen and (min-width:960px) { 
section#choice p.caution01{
  padding:0 0 0 130px;
 }
}

/*---- div ----*/

section#choice02 div{
  width:85%;
  outline:1px solid #000;
  margin:20px auto 15px auto;
}

@media print, screen and (min-width:960px) { 
 section#choice02 div{  
  width:240px;
  outline:3px solid #000;
  position:absolute;
  top:70px;
  right:15px;
  padding:0;
  margin:0;
 }
}

section#member div#choice div{
  width:95%;
  outline:1px solid #000;
  margin:30px auto;
}

@media print, screen and (min-width:960px) { 
 section#member div#choice div{  
  width:220px;
  outline:3px solid #000;
  position:absolute;
  top:30px;
  right:15px;
  padding:0;
  margin:0;
 }
}

section#choice02 div h4,
section#member div#choice div h4{
  width:100%;
  background-color:#000;
  color:#FFF;
  padding:10px 0;
  font-size:15px;
  text-align:center;
}

section#choice02 div dl,
section#member div#choice div dl{
  width:90%;
  padding:0;
  margin:0 auto;
}

@media print, screen and (min-width:960px) { 
 section#choice02 div dl{
  width:220px;
 }
 
 section#member div#choice div dl{
  width:200px;
 }
}

section#choice02 div dl dt,
section#member div#choice div dl dt{
  width:50%;
  font-weight:inherit;
  float:left;
}

@media print, screen and (min-width:960px) { 
 section#choice02 div dl dt{
  width:100px;
 }
 
 section#member div#choice div dl dt{
  width:120px;
 }
}


section#choice02 div dl dd,
div#choice div dl dd{
  width:50%;
  float:left;
  text-align:right;
  padding:0;
  margin:0 0 5px 0;
}

@media print, screen and (min-width:960px) { 
 section#choice02 div dl dd{
  width:120px;
 }
 
 section#member div#choice div dl dd{
  width:80px;
 }
}

section#choice02 div p,
 section#member div#choice div p{
  width:90%;
  text-align:right;
  font-size:24px; font-size:2.4rem;
  font-weight:bold;
  padding:20px 0;
  margin:0 auto;
}

@media print, screen and (min-width:960px) { 
 section#choice02 div p{
  width:220px;
 }

 section#member div#choice div p{
  width:200px;
 } 
}

section#choice02 div dl:after,
section#member div#choice div dl:after{
	display:table;
	content:"";
	clear:both;	
}

section#choice02 div p span,
section#member div#choice div p span{
  font-size:16px; font-size:1.6rem;
}


/*----------------search-process--------------*/


@media print, screen and (min-width:960px) { 
 ul.search-process{
  width:800px;
  margin:20px auto 50px auto;
 }

 ul.search-process:after{
	content:""; 
	display:block; 
	clear:both;
 }

 ul.search-process li{
  float:left;
  background:url(/images/home04.png) no-repeat 122px 50px;
  padding:0 28px 0 0;
  margin:0;
 }

 ul.search-process li:last-child{
  background:none;
  padding:0;
 }
}


/*  day
========================================================================================================
*/


/*------------ section / div  ----------*/

section#day section{
  width:90%;
  margin:0 auto;
}

@media print, screen and (min-width:960px) { 
 section#day section{
  width:890px;
  margin:0 auto;
 }
}

section#day section div{
  width:100%;
  background:url(/common/images/icon09.png) no-repeat 50% 45% #FDF7E8;
  padding:20px 30px 50px 30px;
}

@media print, screen and (min-width:960px) { 
 section#day section div{
  width:100%;
  background:url(/common/images/icon08.png) no-repeat 50% 60% #FDF7E8;
  padding:40px 30px 60px 30px;
 }
}

section#day section div section{
  width:100%;
  position:relative;
}

section#day section div section.day01{
  padding:0;
  margin:0 0 50px 0;
}

section#day section div section.day02{
  padding:0;
  margin:0;
}

section#day section div section.day03{
  padding:0;
  margin:0 0 50px 0;
}

section#day section div section.day04{
  padding:0;
  margin:0 0 20px 0;
}
 
section#day section div section.day05{
  padding:0;
  margin:0;
}
 

@media print, screen and (min-width:960px) { 
 section#day section div section{
  width:370px;
 }

 section#day section div section.day01{
  float:left;
  padding:0;
  margin:0;
 }

 section#day section div section.day02{
  float:right;
  padding:0;
  margin:0;
 }
 
 section#day section div section.day03{
	width:460px;
  float:left;
  padding:0;
  margin:0;
 }
 
 section#day section div section.day04{
	width:270px;
  float:left;
  padding:0;
  margin:0;
 }
 
 section#day section div section.day05{
	width:100px;
  float:left;
  padding:0;
  margin:0;
 }
}

/*--------------- select ---------------*/


section#day section select{
  height:35px;
  font-size:16px; font-size:1.6rem;
  margin:0 5px 0 0;
}

@media print, screen and (min-width:960px) { 
 section#day section select{
  height:26px;
  margin:0 5px 0 0;
 }
}

section#day section span{
  position:absolute;
  top:35px;
  left:90%;
}

section#day section span img{
  width:24px;
  height:24px;
}

  section#day section span#ms-day{
  position:absolute;
  top:190px;
  left:0;
 }

@media print, screen and (min-width:960px) { 
 section#day section span{
  position:absolute;
  top:35px;
  left:235px;
 }
 section#day section span img{
  width:20px;
  height:20px;
 }
 
 section#day section span#ms-calendar{
  position:absolute;
  top:35px;
  left:90px;
 }
 section#day section span img{
  width:20px;
  height:20px;
 }
 
  section#day section span#ms-day{
  position: absolute;
  top:75px;
  left:0px;
 }
}

/*----month----*/

#reserve select.month{
  width:85%;
  margin:0 0 10px 0;
}

@media print, screen and (min-width:960px) { 
 #reserve select.month{
  width:120px;
  margin:0 5px 0 0;
 }
}

/*----date----*/

#reserve select.date{
  width:85%;
  margin:0 0 10px 0;
}

@media print, screen and (min-width:960px) { 
 #reserve select.date{
  width:100px;
  margin:0 30px 0 0;
 }
}

/*----time----*/

#reserve select.time{
  width:85%;
}

@media print, screen and (min-width:960px) { 
 #reserve select.time{
  width:100px;
  margin:0;
 }
}

/*----week----*/

#reserve section#day select.week{
  width:85%;
}

#reserve section#day input.returnDate{
	width:160px;
	height:26px;
	background-color:#FFFFBF; 	
  -webkit-appearance: none;
	border:1px solid #999;
	color:#000;
	padding:0 10px;
	margin:5px 0 0 0;
}

@media print, screen and (min-width:960px) { 
 #reserve section#day input.returnDate{
	width:140px;
	padding:0 10px;
	margin:0;
 }
}

#reserve section#day select.returnTime{
  width:100px;
	padding:0;
	margin:0;
}

@media print, screen and (min-width:960px) { 
 #reserve section#day select.week{
  width:85px;
  margin:0 28px 0 0;
 }
 
 #reserve section#day select.returnTime{
	margin:0;
 }
}


/*  type
========================================================================================================
*/


/*------------table--------------*/

.rev section table{
  width:100%;
  border-top:1px solid #CCC;
  border-right:1px solid #CCC;
}


/*------------ th --------------*/

.rev section table th{
  min-height:30px;
  border-left:1px solid #CCC;
  background-color:#FDF7E8;
  font-size:11px; font-size:1.1rem;
  line-height:130%;
  vertical-align:middle;
  padding:5px 0;
}

@media print, screen and (min-width:960px) { 
 .rev section table th{
  height:40px;
  font-size:14px; font-size:1.4rem;
  line-height:40px;
  padding:0;
 }
}


/*------------cell------------*/


.rev section table th.cell01{
  width:70%;
}

@media print, screen and (min-width:960px) { 
 .rev section table th.cell01{
  width:585px;
 }
}

.rev section table th.cell02{
  width:30%;
}

@media print, screen and (min-width:960px) { 
 .rev section table th.cell02{
  width:215px;
 }
}

.rev section table th.cell03{
  width:50%;
}

@media print, screen and (min-width:960px) { 
 .rev section table th.cell03{
  width:430px;
 }
}

.rev section table th.cell04{
  width:20%;
}

@media print, screen and (min-width:960px) { 
 .rev section table th.cell04{
  width:155px;
 }
}

.rev section table th.cell05{
  width:40%;
}

@media print, screen and (min-width:960px) { 
 .rev section table th.cell05{
  width:370px;
 }
}

.rev section table td.cell06{
  width:40%;
  height:80px;
}

@media print, screen and (min-width:960px) { 
 .rev section table td.cell06{
  width:370px;
 }
}


/*------------ td --------------*/


.rev section table td{
  height:70px;
  border-left:1px solid #CCC;
  border-bottom:1px solid #CCC;
  font-size:12px; font-size:1.2rem;
  line-height:150%;
  vertical-align:middle;
}

@media print, screen and (min-width:960px) { 
 .rev section table td{
  height:auto;
  font-size:16px; font-size:1.6rem;
 }
}

/*------------ td a  --------------*/

.rev section table td a.pick{
  width:80%;
  height:26px;
  display:block;
  border-radius:3px;
  font-size:12px; font-size:1.2rem;
  line-height:26px;
  color:#FFF;
  text-align:center;
  text-decoration:none;
  margin:0 auto;
}

.rev section table td a.pick:hover{
  background-color:#6EB92B; 
}


@media print, screen and (min-width:960px) { 
 .rev section table td a.pick{
  width:140px;
  font-size:13px; font-size:1.3rem;
  margin:25px auto;
 }
}

.rev section table td a.btn-on{
  background-color:#6EB92B;  
}


@media print, screen and (min-width:960px) { 
 .rev section table td a.btn-on{
  background:url(/common/images/icon10.png) no-repeat 25px 7px;
  background-size:16px 13px;
  background-color:#6EB92B;  
 }
}

.rev section table td a.btn-off{
  background-color:#999;
}



/*  member login confirm submit
========================================================================================================
*/


/*---------------------------------
              member
----------------------------------*/

article#reserve section#member{
  margin:15px auto 30px auto;
}

@media print, screen and (min-width:960px) { 
 article#reserve section#member{
  margin:15px 0 75px 0;
 }
}

section#member div{
  width:100%;
  padding:0;
  margin:0 auto;
}

@media print, screen and (min-width:960px) { 
 section#member div{
  width:800px;
  padding:0;
  margin:0 auto;
 }
}

section#member div:after{
	content:""; 
	display:block; 
	clear:both;
}

section#member div.login div{
  width:90%;
  position:relative;
  border:1px solid #CCC;
  padding:0;
  margin:0 auto 15px auto;
}

@media print, screen and (min-width:960px) { 
 section#member div.login div{
  width:380px;
  float:left;
  border:1px solid #CCC;
  padding:0 0 45px 0;
  margin:0 10px 85px 10px;
 }
}

section#member div.login div h4{
  background-color:#FDF7E8;
  text-align:center;
  padding:15px 0;
}

section#member div.login div p{
  text-align:center;
  line-height:150%;
  margin:0 15px;
}

@media print, screen and (min-width:960px) { 
 section#member div.login div p{
  margin:0;
 }
}

section#member div.login div p br{
  display:none;
}

@media print, screen and (min-width:960px) { 
 section#member div.login div p br{
  display: inherit;
 }
}

section#member div.login div a{
  display:inline-block;
  text-align:center;
}


/*---------------------------------
      member-entry/confirm
----------------------------------*/


article#reserve section#member-entry,
article#reserve section#entry,
article#reserve section#member-confirm,
article#reserve section#m-confirm{
  margin:15px auto 35px auto;
}


@media print, screen and (min-width:960px) { 
 article#reserve section#member-entry,
 article#reserve section#entry,
 article#reserve section#member-confirm,
 article#reserve section#m-confirm{
  margin:15px 0 75px 0;
 }
}


section#member-entry section,
section#entry section,
section#member-confirm section,
section#m-confirm section{
  width:90%;
  padding:0;
  margin:0 auto 20px auto;
}

section#customer section{
  width:90%;
  padding:0;
  margin:15px auto 20px auto;
}

@media print, screen and (min-width:960px) { 
 section#member-entry section,
 section#entry section,
 section#member-confirm section,
 section#m-confirm section,
 section#customer section{
  width:800px;
  margin:0 auto 40px auto;
 }
}


/*--------- privilege ---------*/

section#member-entry p.privilege{
  width:90%;
  padding:0;
  margin:15px auto;
}

section#entry p.privilege{
  width:95%;
  padding:0;
  margin:15px auto;
}

@media print, screen and (min-width:960px) { 
 section#member-entry p.privilege{
  width:800px;
  font-size:30px; font-size:3.0rem;
  line-height:150%;
  text-align:center;
  font-weight:bold;
  padding:0;
  margin:0 auto 40px auto;
 }
 
section#entry p.privilege{
  width:800px;
  font-size:30px; font-size:3.0rem;
  line-height:150%;
  text-align:center;
  font-weight:bold;
  padding:0;
  margin:40px auto;
 }
}


/*---------------------------------
          member-submit
----------------------------------*/

article#reserve section#member-submit{
  margin:15px auto 30px auto;
}

@media print, screen and (min-width:960px) { 
 article#reserve section#member-submit{
  margin:15px 0 75px 0;
 }
}

section#member-submit div.submit{
  width:90%;
  background-color:#FDF7E8;
  padding:30px 20px 20px 20px;
  margin:10px auto 30px auto;
}

@media print, screen and (min-width:960px) { 
 section#member-submit div.submit{
  width:800px;
  padding:40px 0 20px 0;
  margin:45px auto 70px auto;
 }
}

div.submit p{
  width:90%;
  font-size:14px; font-size:1.4rem;
  line-height:130%;
  text-align:center;
  margin:0 auto;  
}

@media print, screen and (min-width:960px) { 
 div.submit p{
  width:auto;
  font-size:16px; font-size:1.6rem;
  text-align:center;  
 }
}


div.submit p.s-txt01{
  width:100%;
  font-size:18px; font-size:1.8rem;
  color:#DC2392;
  padding:0;
  margin:0 auto 10px auto;
}

div.submit p.s-txt02{
  font-size:12px; font-size:1.2rem;
}

@media print, screen and (min-width:960px) { 
 div.submit p.s-txt01{
  font-size:30px; font-size:3.0rem;
  color:#DC2392;
  text-align:center;
  padding:0;
  margin:0 0 10px 0;
 }

 div.submit p.s-txt01 span{
  height:40px;
  display:inline-block;
  background:url(/common/images/icon11.png) no-repeat 0 0;
  line-height:40px;
  padding:0 0 0 55px;
  margin:0 auto;
 }
 
 div.submit p.s-txt01 br{
   display:none;
 }
}

/*---------------------------------
              login
----------------------------------*/

article#reserve section#login,
article#reserve section#member-login{
  margin:15px auto 30px auto;
}

@media print, screen and (min-width:960px) { 
 article#reserve section#login,
 article#reserve section#member-login{
  margin:15px 0 75px 0;
 }
}


section#login div.loginBox,
section#member-login div.loginBox,
section#remind-input div.loginBox{
  width:90%;
  background-color:#FDF7E8;
  padding:30px 0; 
  margin:20px auto;
}


@media print, screen and (min-width:960px) { 
 section#login div.loginBox,
 section#member-login div.loginBox{
  width:800px;
  background-color:#FDF7E8;
  padding:30px 0; 
  margin:40px auto 70px auto;
 }
}

section#login div.loginBox dl,
section#member-login div.loginBox dl{
  margin:0 auto 20px auto;
}

/*-----forget-----*/

section#login div.loginBox p,
section#member-login div.loginBox p{
  width:100%;
  text-align:center;
  margin:0 auto;
}

section#login div.loginBox p a.forget,
section#member-login div.loginBox p a.forget{
  font-size:12px; font-size:1.2rem;
}




/*  form
========================================================================================================
*/

/*---------  form01  ---------*/

section.form01 dl{
  width:100%;
  border-top:1px solid #CCC;
  border-left:1px solid #CCC;
  border-right:1px solid #CCC;
}

@media print, screen and (min-width:960px) { 
 section.form01 dl{
  width:800px;
 }
}

section.form01 dl dt{
  width:100%;
  min-height:30px;
  line-height:30px;
  background-color:#FDF7E8;
  border-bottom:1px solid #CCC;
  padding:0 0 0 10px;
}

@media print, screen and (min-width:960px) { 
 section.form01 dl dt{
  width:239px;
  min-height:50px;
  float:left;
  line-height:50px;
  background-color:#FDF7E8;
  border-bottom:1px solid #CCC;
  padding:0 0 0 20px;
 }
}

section.form01 dl dd{
  width:100%;
  min-height:50px;
  border-bottom:1px solid #CCC;
  line-height:50px;
  padding:0 0 0 10px;
}

@media print, screen and (min-width:960px) { 
 section.form01 dl dd{
  width:559px;
  min-height:50px;
  float:left;
  border-bottom:1px solid #CCC;
  padding:0 0 0 20px;
 }
}

#confirm section.form01 dl dt{
  height:auto;
  background-color:#FDF7E8;
  border-bottom:1px solid #CCC;
  line-height:150%;
  padding:5px 10px;
}

@media print, screen and (min-width:960px) { 
 #confirm section.form01 dl dt{
   width:239px;
   padding:15px 10px;
 }
}

#confirm section.form01 dl dd{
  height:auto;
  border-bottom:1px solid #CCC;
  line-height:150%;
  padding:10px;
}

@media print, screen and (min-width:960px) { 
 #confirm section.form01 dl dd{
  width:559px;
  padding:15px 10px;
 }
}

section.form01 select{
  height:30px;
  font-size:16px; font-size:1.6rem;
}
  
@media print, screen and (min-width:960px) { 
 section.form01 select{
  height:24px;
  font-size:14px; font-size:1.4rem;
 }
}

section.form01 input{
  height:30px;
  font-size:16px; font-size:1.6rem;
}

@media print, screen and (min-width:960px) { 
 section.form01 input{
  height:25px;
  font-size:14px; font-size:1.4rem;
 }
}
  
/*---------  form02  ---------*/

section.form02 dl{
  width:100%;
  border:1px solid #CCC;
}

@media print, screen and (min-width:960px) { 
 section.form02 dl{
  width:800px;
 }
}

section.form02 dl dt{
  background-color:#FDF7E8;
  line-height:150%;
  padding:15px;
}

@media print, screen and (min-width:960px) { 
 section.form02 dl dt{
  width:400px;
  float:left;
 }
}

section.form02 dl dd{
  height:60px;
  line-height:60px;
  text-align:center;
  padding:0 15px;
}

@media print, screen and (min-width:960px) { 
 section.form02 dl dd{
  width:398px;
   height:90px;
  line-height:90px;
  text-align:inherit;
  float:left;
 }
}

section.form02 dl dd span{
  margin:0 0 0 5px;
}


/*---------  form03  ---------*/

dl.form03{
  width:90%;
  margin:0 auto;
}

dl.form04{
  width:90%;
  margin:0 auto;
}


@media print, screen and (min-width:960px) { 
 dl.form03{
  width:540px;
  margin:0 auto;
 }
 
 dl.form04{
  width:600px;
  margin:0 auto;
 }
}

dl.arrow01{
  background:url(/common/images/icon05.png) no-repeat 50% bottom;
  padding:0 0 20px 0;
  margin:10px auto 0 auto;
}

@media print, screen and (min-width:960px) { 
 dl.arrow01{
  background:url(/common/images/icon05.png) no-repeat 50% bottom;
  padding:0 0 20px 0;
  margin:20px auto 10px auto;
 }
}

dl.form03 dt,dl.form04 dt{
  width:120px;
  height:26px;
  line-height:26px;
  text-align:left;
  padding:0;
}


@media print, screen and (min-width:960px) { 
 dl.form03 dt,dl.form04 dt{
  width:120px;
  float:left;
  line-height:26px;
  text-align:right;
  padding:0 10px 0 0;
 }
}

dl.form03 dd,dl.form04 dd{
  text-align:left;
}

@media print, screen and (min-width:960px) { 
 dl.form03 dd{
  width:420px;
  float:left;
  text-align:left;
 }
 
 dl.form04 dd{
  width:460px;
  float:left;
  text-align:left;
 }
}

dl.form04 dd span{
  display:inline-block;
  margin:5px 0 0 0;
}

dl.form03 input{
  height:30px;
}

dl.form04 input{
  margin:0 10px 0 0;
}

section.form01 dl:after,
section.form02 dl:after{
	content:""; 
	display:block; 
	clear:both;
}

section.form01 dl dd:after,
section.form02 dl dd:after{
	content:""; 
	display:block;
	clear:both;
}

dl.form03:after{
	content:""; 
	display:block;
	clear:both;
}

dl.form04:after{
	content:""; 
	display:block;
	clear:both;
}


/*--------- span ---------*/

section.form01 dl dd span{
  font-size:11px; font-size:1.1rem;
  margin:0 3px 0 0;
}

@media print, screen and (min-width:960px) { 
 section.form01 dl dd span{
   font-size:14px; font-size:1.4rem;
   margin:0 5px 0 0;
 }
}

/*--------- input ---------*/

input.text01{
  width:30%;
}

@media print, screen and (min-width:960px) { 
 input.text01{
  width:100px;
 }
}

input.text02{
  width:35%;
}

@media print, screen and (min-width:960px) { 
 input.text02{
  width:160px;
 }
}

input.text03{
  width:80%;
}

@media print, screen and (min-width:960px) { 
 input.text03{
  width:200px;
 }
}

input.text04{
  width:90%;
}

@media print, screen and (min-width:960px) { 
 input.text04{
  width:400px;
 }
}

input.text05{
  width:100%;
}

@media print, screen and (min-width:960px) { 
 input.text05{
  width:300px;
 }
}


/*  confirm
========================================================================================================
*/

article#reserve section#confirm{
  margin:15px auto 30px auto;
}

@media print, screen and (min-width:960px) { 
 article#reserve section#confirm{
  margin:15px 0 75px 0;
 }
}

section#confirm section{
  width:90%;
  margin:0 auto 20px auto;
}

@media print, screen and (min-width:960px) { 
 section#confirm section{
  width:800px;
  margin:0 auto 40px auto;
 }
}

section#confirm section h3{
  width:100%;
  height:40px;
  background-image:none;
  font-size:18px; font-size:1.8rem;
  line-height:40px;
  text-align:center;
  color:#FFF;
  padding:0;
  margin:0 0 15px 0;
}

@media print, screen and (min-width:960px) { 
 section#confirm section h3{
  width:800px;
  font-size:18px; font-size:1.8rem;
  margin:0 0 30px 0;
 }
}

section#confirm section#choice h3,
section#confirm section.form01 h3{
  background-color:#6CB82B;
}

section#confirm section#notice h3{
  background-color:#424251;
  margin:0 0 15px 0;
}

section#confirm section#choice{
  border:none;
}

section#confirm section#choice dt{
  padding:0;
}

@media print, screen and (min-width:960px) { 
 section#confirm section#choice dt{
  padding:0 0 0 15px;
 }
}

section#confirm section#choice dl.total dt,
section#confirm section#choice dl.total dd span{
  font-size:20px; font-size:2.0rem;
  line-height:130%;
}

@media print, screen and (min-width:960px) { 
 section#confirm section#choice dl.total dt,
section#confirm section#choice dl.total dd span{
  font-size:24px; font-size:2.4rem;
  line-height:180%;
 }
}

section#confirm section ul{
  width:85%;
  list-style-type:disc;
  margin:0 auto;
}

section#confirm section ul li{ 
  font-size:12px; font-size:1.2rem;
  line-height:150%;
  margin:8px 0;
}

@media print, screen and (min-width:960px) { 
 section#confirm section ul li{
   font-size:14px; font-size:1.4rem;
  line-height:150%;
  margin:8px 0;
 }
}


/*  submit
========================================================================================================
*/

article#reserve section#submit{
  margin:15px auto 30px auto;
}

@media print, screen and (min-width:960px) { 
 article#reserve section#submit{
   margin:15px 0 75px 0;
 }
}

section#submit{
  width:90%;
  margin:0 auto 20px auto;
}

@media print, screen and (min-width:960px) { 
 section#submit{
  width:800px;
  margin:0 auto 40px auto;
 }
}




/*  buttom
========================================================================================================
*/


/*-----common-----*/

article#reserve section button{
  display:block;
  text-align:center;
  font-weight:bold;
  cursor: pointer;
  padding:0;
  margin:0;
}

article#reserve section button span{
  display:block;
  background:url(/common/images/icon02.png) no-repeat right 48%;
  margin:0 15px;
}


/*-----next-----*/

article#reserve section button.next{
  width:70%;
  height:45px;
  line-height:34px;
  font-size:18px; font-size:1.8rem;
  margin:20px auto 20px auto;
}


@media print, screen and (min-width:960px) { 
 article#reserve section button.next{
  width:240px;
  height:50px;
  line-height:48px;
  font-size:18px; font-size:1.8rem;
  margin:50px auto;
 }
 
 article#reserve section#payment button.next{
  margin:20px auto 50px auto;
 }
}

/*-----error-----*/

article#reserve section button.error{
  width:80%;
  height:36px;
  line-height:34px;
  font-size:16px; font-size:1.6rem;
  margin:20px auto 20px auto;
}


@media print, screen and (min-width:960px) { 
 article#reserve section button.error{
  width:240px;
  height:50px;
  line-height:48px;
  font-size:18px; font-size:1.8rem;
  margin:20px auto 80px auto;
 }
}

/*-----member-----*/

article#reserve section button.member{
  width:230px;
  height:46px;
  line-height:44px;
  font-size:16px; font-size:1.6rem;
  margin:15px auto;
}


@media print, screen and (min-width:960px) { 
 article#reserve section button.member{
  width:230px;
  height:46px;
  line-height:44px;
  font-size:18px; font-size:1.8rem;
  margin:30px auto 15px auto;
 }
}

article#reserve section button.non-member{
  width:200px;
  bottom:-5px;
  font-size:14px; font-size:1.4rem;
  outline:none;
  border:none;
  background-color:#FFF;
  margin:15px auto;
  color:#00A3D8;
  text-decoration:underline;
  font-weight:normal;
  margin:0 auto 30px auto;
}

@media print, screen and (min-width:960px) { 
 article#reserve section button.non-member{
  width:200px;
  position:absolute;
  left:0;
  right:0;
  bottom:-5px;
  font-size:14px; font-size:1.4rem;
  outline:none;
  border:none;
  background-color:#FFF;
  margin:15px auto;
  color:#00A3D8;
  text-decoration:underline;
  font-weight:normal;
  margin:0 auto 30px auto;
 }
}

article#reserve section button.non-member:hover{
  text-decoration:none;
}


/*-----agreement-----*/

article#reserve section button.agreement{
  width:95%;
  height:46px;
  line-height:44px;
  font-size:16px; font-size:1.6rem;
  margin:30px auto 0 auto;
}


@media print, screen and (min-width:960px) { 
 article#reserve section button.agreement{
  width:300px;
  height:46px;
  line-height:44px;
  font-size:18px; font-size:1.8rem;
 }
}


/*-----confirm-----*/

article#reserve section button.confirm{
  width:80%;
  height:50px;
  font-size:16px; font-size:1.6rem;
  line-height:50px;
  margin:40px auto 20px auto;
}

article#reserve section div.entryBox button.confirm,
article#reserve section div.submit button.confirm
{
  margin:20px auto;
}

article#reserve section#submit button.confirm{
  width:80%;
  margin:20px auto;
}

@media print, screen and (min-width:960px) { 
 article#reserve section button.confirm{
  width:360px;
  height:60px;
  font-size:20px; font-size:2.0rem;
 }
 
 article#reserve section#submit button.confirm{
  width:360px;
  margin:40px auto 110px auto;
 }
 
 article#reserve section.plan-detail div div button.confirm{
  margin:40px auto;
 }
 
 article#reserve section div.entryBox button.confirm{
  margin:40px auto 20px auto;
 }
}


/*-----login-----*/

article#reserve section button.login{
  width:160px;
  height:36px;
  line-height:36px;
  font-size:16px; font-size:1.6rem;
  margin:30px auto 10px auto;
}


@media print, screen and (min-width:960px) { 
 article#reserve section button.login{
  width:160px;
  height:36px;
  line-height:36px;
  font-size:16px; font-size:1.6rem;
  margin:30px auto 15px auto;
 }
}


/*-----home-----*/

article#reserve section button.home{
  width:80%;
  height:46px;
  line-height:44px;
  font-size:16px; font-size:1.6rem;
}


@media print, screen and (min-width:960px) { 
 article#reserve section button.home{
  width:260px;
  height:46px;
  line-height:44px;
  font-size:18px; font-size:1.8rem;
 }
}

article#reserve section#member-optout a.home{
  width:180px;
  height:36px;
  display:block;
  text-align:center;
  line-height:36px;
  font-size:15px; font-size:1.5rem;
  margin:0 auto;
}


/*-----postcode-----*/

article#reserve section button.postcode{
  width:70px;
  height:26px;
  display:inline-block;
  line-height:21px;
  font-size:13px; font-size:1.3rem;
  margin:0 0 0 5px;
}

/*-----correct-----*/

article#reserve section button.correct{
  width:80px;
  height:26px;
  display:block;
  font-size:12px; font-size:1.2rem;
  line-height:20px;
  margin:20px auto 10px auto;
}


/*-----convention-----*/

a.convention{
  font-size:16px; font-size:1.6rem;
  color:#00A3D9;
}

@media print, screen and (min-width:960px) { 
 a.convention{
  font-size:20px; font-size:2.0rem;
 }
}


/*---------------bn--------------*/

p.sc-banner{
  width:90%;
  margin:0 auto;
}

@media print, screen and (min-width:960px) { 
 p.sc-banner{
  width:690px;
  margin:0 auto;
 }
}


/*  messageBox
========================================================================================================
*/

div.messageBox{
  width:90%;
  padding:0;
  margin:0 auto 40px auto;
}


@media print, screen and (min-width:960px) { 
 div.messageBox{
  width:800px;
  padding:0;
  margin:0 auto 40px auto;
 }
}

/*-------------#member-----------*/

section#member div.messageBox{
  margin:0 auto 30px auto;
}

@media print, screen and (min-width:960px) { 
 section#member div.messageBox{
  margin:40px auto 50px auto;
 }
}

/*-----#member-confirm  #member-submit #submit #login-----------*/

section#member-confirm div.messageBox,
section#member-submit div.messageBox,
section#submit div.messageBox,
section#login div.messageBox{
  margin:30px auto 15px auto;
}

@media print, screen and (min-width:960px) { 
 section#member-confirm div.messageBox,
 section#member-submit div.messageBox,
 section#submit div.messageBox,
 section#login div.messageBox{
  margin:0 auto 40px auto;
 }
}

section#member-login div.messageBox{
  margin:30px auto 15px auto;
}

@media print, screen and (min-width:960px) { 
 section#member-login div.messageBox{
  margin:75px auto 15px auto;
 }
}

section#member-optout div.messageBox{
  margin:50px auto 30px auto;
}

@media print, screen and (min-width:960px) { 
 section#member-optout div.messageBox{
  margin:70px auto 50px auto;
 }
}


/*-----------#confirm-----------*/

section#confirm div.messageBox{
  margin:0 auto 20px auto;
}

@media print, screen and (min-width:960px) { 
 section#confirm div.messageBox{
  margin:0 auto 50px auto;
 }
}

/*-----------#m-confirm-----------*/

section#m-confirm div.messageBox{
   margin:30px auto 10px auto;
}

@media print, screen and (min-width:960px) { 
 section#m-confirm div.messageBox{
   margin:70px auto 50px auto;
 }
}

/*-----------#m-submit #remind-----------*/

section#m-submit div.messageBox,
section#remind-submit div.messageBox{
   margin:30px auto 20px auto;
}

@media print, screen and (min-width:960px) { 
 section#m-submit div.messageBox,
 section#remind-submit div.messageBox{
   margin:70px auto 70px auto;
 }
}

section#remind-input div.messageBox{
   margin:30px auto 20px auto;
}

@media print, screen and (min-width:960px) { 
 section#remind-input div.messageBox{
   margin:70px auto 30px auto;
 }
}


/*----------p-----------*/

div.messageBox p{
  width:90%;
  text-align:center;
  line-height:150%;
  margin:0 auto;
}

@media print, screen and (min-width:960px) { 
 div.messageBox p{
   width:100%;
  text-align:center;
  line-height:150%;
  margin:0;
 }
}

div.messageBox p.message01{
  font-size:18px; font-size:1.8rem;
}

div.messageBox p.message02{
  font-size:12px; font-size:1.2rem;
  margin:10px auto 0 auto;
}

div.messageBox p.message03{
  width:100%;
  font-size:24px; font-size:2.4rem;
  border-bottom:1px solid #CCC;
  padding:0 0 5px 0;
  margin:30px 0 20px 0;
}


div.messageBox p.message04{
  width:100%;
  display:block;
  border:1px dashed #999;
  font-size:12px; font-size:1.2rem;
  text-align:left;
  padding:15px 20px;
  margin:30px 0 20px 0;
}

@media print, screen and (min-width:960px) { 
 div.messageBox p.message01{
  font-size:30px; font-size:3.0rem;
 }
 
 div.messageBox p.message01 br{
   display:none;
 }


 div.messageBox p.message02{
  font-size:16px; font-size:1.6rem;
 }

 div.messageBox p.message03{
  font-size:24px; font-size:2.4rem;
  border-bottom:1px solid #CCC;
  padding:0 0 5px 0;
  margin:15px 0 40px 0;
 }
}

@media print, screen and (max-width:960px) { 
 div.messageBox p.message02 br{
   display:none;
 }
}



/*  entryBox
========================================================================================================
*/


div.entryBox{
  width:90%;
  background-color:#F3F3F3;
  text-align:center;
  padding:20px 15px;
  margin:0 auto 20px auto;
}


@media print, screen and (min-width:960px) { 
 div.entryBox{
  width:800px;
  padding:35px;
  margin:0 auto 70px auto;
 }
}

div.entryBox p{
  text-align:center;
  line-height:150%;
}

div.entryBox p.entry-txt01{
  font-size:12px; font-size:1.2rem;
  margin:0 auto 30px auto;
}

div.entryBox p.entry-txt02{
  font-size:18px; font-size:1.8rem;
  color:#DC2292;
  line-height:130%;
  margin:0 auto;
}

div.entryBox p.entry-txt03{
  font-size:11px; font-size:1.1rem;
  text-align:left;
  margin:10px auto 0 auto;
}

div.entryBox span.entry-txt04{
  display:inline-block;
  width:90%;
  height:50px;
  line-height:50px;
  background-color:#DDDDDD;
  font-size:11px; font-size:1.1rem;
  text-align:center;
  margin:10px auto 0 auto;
}


@media print, screen and (min-width:960px) { 
 div.entryBox p{
  text-align:center;
  line-height:150%;
 }

 div.entryBox p.entry-txt01{
  font-size:15px; font-size:1.5rem;
  margin:0 auto 30px auto;
 }

 div.entryBox p.entry-txt02{
  font-size:30px; font-size:3.0rem;
  margin:0 auto;
 }

 div.entryBox p.entry-txt03{
  font-size:16px; font-size:1.6rem;
  text-align:center;
  margin:10px auto 0 auto;
 }
 
 div.entryBox span.entry-txt04{
  width:480px;
  height:50px;
  font-size:16px; font-size:1.6rem;
  text-align:center;
  margin:40px auto 0 auto;
}
 
 div.entryBox p br{
   display:none;
 }
}


/*  error
========================================================================================================
*/

div.error{
  width:90%;
  margin:30px auto 10px auto;
}

@media print, screen and (min-width:960px) { 
 div.error{
  margin:0 auto 30px auto;
 }
}

div.error p{
  font-size:16px; font-size:1.6rem;
  line-height:130%;
  text-align:center;
  color:#FF0000;
}


@media print, screen and (min-width:960px) { 
 div.error p{
  font-size:30px; font-size:3.0rem;
 }
}

div.error p.error-txt01{
  font-size:11px; font-size:1.1rem;
  line-height:150%;
  text-align:center;
  color:#000;
  margin:20px 0 0 0;
}

@media print, screen and (min-width:960px) { 
 div.error p.error-txt01{
  font-size:16px; font-size:1.6rem;
  line-height:150%;
  text-align:center;
  color:#000;
  margin:20px 0 0 0;
 }
}

.inputError{
  background-color:#FFFF99;
  border:1px solid #FF0000; 
}

div.error ul li{
  float:left;
}




/*  btnBox
========================================================================================================
*/

ul.btnBox{
  text-align:center;
  margin:0 auto;
}

@media print, screen and (min-width:960px) { 
 ul.btnBox{
  text-align:center;
  margin:0 auto;
 }
}

ul.btnBox li{
  text-align:center;
  padding:0;
  margin:0;
}

@media print, screen and (min-width:960px) { 
 ul.btnBox li{
  display:inline-block;
  text-align:center;
  padding:0;
  margin:0 15px;
 }
}

ul.btnBox li button.next{
  margin:0 10px;
}



/*  reserve plan detail
========================================================================================================
*/


article#reserve section.plan-detail{
  width:300px;
  background-color:#FFF;
  position:relative;
  padding:0 0 80px 0;
}

@media print, screen and (min-width:960px) { 
 article#reserve section.plan-detail{
  width:800px;
  background-color:#FFF;
  position:relative;
  padding:0 0 25px 0;
 }
}


article#reserve section.plan-detail h1{
  width:100%;
  height:35px;
  background-color:#6EB92B;
  font-size:14px; font-size:1.4rem;
  line-height:35px;
  text-align:center;
  color:#FFF;
  padding:0;
  margin:0 0 15px 0;
}

@media print, screen and (min-width:960px) { 
 article#reserve section.plan-detail h1{
  width:100%;
  height:50px;
  background:url(/common/images/title09.png) no-repeat 20px top #6EB92B;
  font-size:24px; font-size:2.4rem;
  line-height:50px;
  text-align:center;
  color:#FFF;
 }
}

article#reserve section.plan-detail div{
  padding:0 10px;
}

@media print, screen and (min-width:960px) { 
 article#reserve section.plan-detail div{
  padding:0 20px;
 }
}

article#reserve section.plan-detail div div{
  padding:0;
}

/*---------------p-detail01--------------*/


section.plan-detail div div.p-detail01{
  width:100%;
  padding:0;
  margin:0;
}

@media print, screen and (min-width:960px) { 
 section.plan-detail div div.p-detail01{
  width:500px;
  float:right;
  padding:0;
  margin:0 0 0 20px;
 }
}

section.plan-detail div div.p-detail01 h2{
  background-image:url(/common/images/bg01.png),url(/common/images/bg01.png);
  background-repeat:repeat-x,repeat-x;
  background-position:top,bottom;
  font-size:16px; font-size:1.6rem;
  line-height:150%;
  padding:15px;
  margin:0 0 15px 0;
}

@media print, screen and (min-width:960px) { 
 section.plan-detail div div.p-detail01 h2{
  font-size:18px; font-size:1.8rem;
  padding:15px;
  margin:0 0 20px 0;
 }
}


section.plan-detail div div.p-detail01 p{
  line-height:160%;
  padding:0 15px;
}

section.plan-detail div div.p-detail01 dl{
  border:1px solid #BBB;
  font-size:12px; font-size:1.2rem;
  line-height:160%;
  padding:15px;
  margin:20px 0 0 0;
}

section.plan-detail div div.p-detail01 dl dt{
  font-weight:bold;
}

section.plan-detail div div.p-detail01 button{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
}

@media print, screen and (min-width:960px) { 
 section.plan-detail div div.p-detail01 button{
   position:inherit;
 }
}


/*---------------p-detail02--------------*/


section.plan-detail div div.p-detail02{
  width:100%;
  padding:0;
  margin:0;
}

@media print, screen and (min-width:960px) { 
 section.plan-detail div div.p-detail02{
  width:240px;
  float:left;
 }
}

section.plan-detail div div.p-detail02 h2{
  background-color:#F3F3F3;
  font-size:16px; font-size:1.6rem;
  text-align:center;
  padding:10px 0;
  margin:0 0 5px 0;
}

@media print, screen and (min-width:960px) { 
 section.plan-detail div div.p-detail02 h2{
  background-color:#F3F3F3;
  font-size:18px; font-size:1.8rem;
  text-align:center;
  padding:15px 0;
  margin:15px 0 0 0;
  }
  section.plan-detail div div.p-detail02 h2 br{
    display:none;
 }
}

section.plan-detail div div.p-detail02 h2 span{
  display:inline-block;
  font-size:12px; font-size:1.2rem;
  margin:10px 0 0 0;
}

section.plan-detail div div.p-detail02 dl{
  width:80%;
  border-bottom:1px dotted #777;
  font-size:14px; font-size:1.4rem;
  padding:0 0 10px 0;
  margin:10px auto;
}

@media print, screen and (min-width:960px) { 
 section.plan-detail div div.p-detail02 dl{
  width:100%;
  border-bottom:1px dotted #777;
  font-size:18px; font-size:1.8rem;
  padding:0 0 10px 0;
  margin:20px 0 10px 0;
 }
}

section.plan-detail div div.p-detail02 dl{
	display:table;
	content:"";
	clear:both;
}

section.plan-detail div div.p-detail02 dl dt{
  width:50%;
  float:left;
  clear:both;
}

section.plan-detail div div.p-detail02 dl dd{
  width:50%;
  float:left;
  text-align:right;
}

section.plan-detail div div.p-detail02 ul{
  width:80%;
  margin:0 auto;
}

section.plan-detail div div.p-detail02 ul li{
  font-size:10px; font-size:1.0rem;
  line-height:130%;
}

@media print, screen and (min-width:960px) { 
 section.plan-detail div div.p-detail02 ul{
  width:100%;
  margin:0;
 }  
 section.plan-detail div div.p-detail02 ul li{
  font-size:12px; font-size:1.2rem;
  line-height:150%;
 }
}

section.plan-detail div div.p-detail02 p{
  font-size:12px; font-size:1.2rem;
  line-height:150%;
  text-align:center;
  margin:10px 0 0 0;
}

section.plan-detail a{
  display:block;
  position:absolute;
  top:8px;
  right:10px;
}

section.plan-detail a img{
  width:21.7px;
  height:21.7px;
}

@media print, screen and (min-width:960px) { 
 section.plan-detail a{
  display:block;
  position:absolute;
  top:8px;
  right:10px;
 }
 
 section.plan-detail a img{
  width:31px;
  height:31px;
 }
}



/*  member agreement
========================================================================================================
*/

article#reserve section#agreement div{
  width:90%;
  font-size:12px; font-size:1.2rem;
  margin:30px auto 50px auto;
  line-height:180%;
}

@media print, screen and (min-width:960px) { 
 article#reserve section#agreement div{
  width:760px;
  font-size:14px; font-size:1.4rem;
  margin:70px auto 50px auto;
 }
}


article#reserve section#agreement div p{
  border-bottom:1px solid #CCC;
  padding:0 0 10px 0;
  margin:0 0 20px 0;
}

@media print, screen and (min-width:960px) { 
 article#reserve section#agreement div p{
  border-bottom:1px solid #CCC;
  padding:0 0 30px 0;
  margin:0 0 50px 0;
 }
}

article#reserve section#agreement div dl{
  padding:0 20px;
}


article#reserve section#agreement div dl dt{
  font-weight:bold;
}

article#reserve section#agreement div dl dd{
  margin:0 0 15px 0;
}

@media print, screen and (min-width:960px) { 
 article#reserve section#agreement div dl dd{
  margin:0 0 30px 0;
 }
}


/*  reserve payment
========================================================================================================
*/
section#payment section{
  width:100%;
  padding:0 10px;
  margin:0 auto 30px auto;
}

@media print, screen and (min-width:960px) { 
 section#payment section{
  width:700px;
  padding:0;
  margin:0 auto 0 auto;
 }
}

section#payment section h3{
  width:100%;
  font-size:18px; font-size:1.8rem;
  background-image:none;
  text-align:center;
  font-weight:normal;
  line-height:150%;
  padding:0;
  margin:20px 0;
}

@media print, screen and (min-width:960px) { 
 section#payment section h3{
  font-size:30px; font-size:3.0rem;
  background-image:none;
  text-align:center;
  font-weight:normal;
  margin:60px 0 20px 0;
 }
}

section#payment section p.message{
  width:100%;
  display:block;
  border:1px dashed #999;
  font-size:12px; font-size:1.2rem;
  line-height:150%;
  text-align:left;
  padding:15px 20px;
  margin:0 0 20px 0;
}

@media print, screen and (min-width:960px) { 
 section#payment section p.message{  
  font-size:12px; font-size:1.2rem;
  margin:0 0 40px 0;
 }
}

section#payment section div.pay01{
  width:100%;
  margin:0 0 30px 0;
}

@media print, screen and (min-width:960px) { 
 section#payment section div.pay01{
  width:200px;
  border-radius: 5px; 
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  float:left;
  margin:0 50px 0 0;
 }
}

section#payment section div.pay01:last-child{
  margin:0;
}

section#payment section div.pay01 h4{
  width:100%;
  height:60px;
  background:url(/common/images/icon15.png) no-repeat center 45px #999;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  font-size:15px; font-size:1.5rem;
  text-align:center;
  line-height:60px;
  color:#FFF;
  font-weight:normal;
  padding:0;
  margin:0;
}

section#payment section div.pay01 h4 span{
  font-size:12px; font-size:1.2rem;
}

@media print, screen and (min-width:960px) { 
 section#payment section div.pay01 h4{
  width:200px;
  height:130px;
  background:url(/common/images/icon15.png) no-repeat center 110px #999;
  display:table-cell;
  font-size:26px; font-size:2.6rem;
  vertical-align: middle;
  line-height:100%;
  padding:0 0 10px 0;
 }

 section#payment section div.pay01 h4 span{
  display:block;
  font-size:16px; font-size:1.6rem;
 }
}

section#payment section div.pay-on h4,
section#payment section div.pay01 div.pay-on h4{
  background-color:#0046D9;
}


@media print, screen and (max-width:960px) { 
 section#payment section div.pay01 h4 br{
  display:none;
 }
}

section#payment section div.pay01 p{
  background-color:#FFF;
  line-height:130%;
  border-bottom:1px solid #CCC;
  border-left:1px solid #CCC;
  border-right:1px solid #CCC;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -moz-border-radius-bottom-right:5px; 
  -moz-border-radius-bottom-left:5px;
  padding:15px;
}

@media print, screen and (min-width:960px) { 
section#payment section div.pay01 p{
  height:80px;
  background-color:#FFF;
  line-height:130%;
  border-bottom:1px solid #CCC;
  border-left:1px solid #CCC;
  border-right:1px solid #CCC;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -moz-border-radius-bottom-right:5px; 
  -moz-border-radius-bottom-left:5px;
  padding:15px;
 }
}

section#payment section div.pay01 p span{
  display:block;
  font-size:11px; font-size:1.1rem;
  line-height:150%;
  margin:5px 0 0 0;
}

section#payment section div.pay01 p#cardinfo{
  border:none;
  font-size:11px; font-size:1.1rem;
  text-align:center;
  padding:0;
  margin:10px 0 0 0;
}

section#payment section div.pay01 p#cardinfo span{
  display:inline-block;
  margin:10px 0 0 0;
}

section#payment section div.pay01 p a{
  color:#000;
  text-decoration:none;
}


/*  month
========================================================================================================
*/


article#reserve section#index div.month01 p{
	width:90%;
	font-size:14px; font-size:1.4rem;
	line-height:130%;
	text-align:center;
	margin:0 auto;
}

article#reserve section#index div.month01 a{
	display:block;
	text-align:center;
	margin:5px 0 40px 0;
}


@media print, screen and (min-width:960px) { 
 article#reserve section#index div.month01 p{
	 width:100%;
	 font-size:16px; font-size:1.6rem;
 }
 
 article#reserve section#index div.month01 a{
	margin:10px 0 40px 0;
 }
}

article#reserve section#index div span#ms-shop{
	display:block;
	margin:12px 0 0 0;
}


/*  month detail
========================================================================================================
*/


article#reserve section.month-detail{
  width:300px;
  background-color:#FFF;
  position:relative;
  padding:0 0 20px 0;
}

@media print, screen and (min-width:960px) { 
 article#reserve section.month-detail{
  width:360px;
  background-color:#FFF;
  position:relative;
  padding:0 0 25px 0;
 }
}

article#reserve section.month-detail h1{
  width:100%;
  height:45px;
  background-color:#6EB92B;
  font-size:20px; font-size:2.0rem;
  font-weight:normal;
	line-height:45px;
  text-align:center;
  color:#FFF;
  padding:0;
  margin:0 0 15px 0;
}

@media print, screen and (min-width:960px) { 
 article#reserve section.month-detail h1{
  height:50px;
  font-size:24px; font-size:2.4rem;
  line-height:50px;
 }
}

section.month-detail h2{
	width:90%;
  background-image:url(/common/images/bg01.png),url(/common/images/bg01.png);
  background-repeat:repeat-x,repeat-x;
  background-position:top,bottom;
  font-size:16px; font-size:1.6rem;
  line-height:150%;
	text-align:center;
  padding:15px;
  margin:0 auto 15px auto;
}

@media print, screen and (min-width:960px) { 
 section.month-detail h2{
  font-size:20px; font-size:2.0rem;
  padding:15px;
  margin:0 auto 20px auto;
 }
}

section.month-detail div{
	width:95%;
	margin:0 auto;
}

section.month-detail div dl{
	position:relative;
	width:90%;
	margin:0 auto 15px auto;
}

section.month-detail div dl:last-child{
	margin:0 auto;
}

section.month-detail div dl dt{
	position:absolute;
	top:0;
	left:0;
	width:38%;
	background-color:#DDD;
	font-size:12px; font-size:1.2rem;
	text-align:center;
	padding:8px 0;
}

@media print, screen and (min-width:960px) { 
 section.month-detail div dl dt{
	width:35%;
	font-size:13px; font-size:1.3rem;
	padding:10px 0;
 }
}

section.month-detail div dl dd{
	width:60%;
	font-size:14px; font-size:1.4rem;
	padding:5px 0 8px 0;
	margin:0 0 0 40%;
}

@media print, screen and (min-width:960px) { 
 section.month-detail div dl dd{
	font-size:16px; font-size:1.6rem;
	padding:5px 0 10px 0;
	margin:0 0 0 40%;
 }
}

section.month-detail div dl dd span{
	font-weight:bold;
}

section.month-detail div dl dd span.ok{
	color:#6CB82B;
}

section.month-detail div dl dd span.ng{
	color:#FF0000;
}

section.month-detail a#close-panel,
section.day-detail a#close-panel,
section.cdw-detail a#close-panel{
  display:block;
  position:absolute;
  top:13px;
  right:10px;
}

section.month-detail a#close-panel img,
section.day-detail a#close-panel img,
section.cdw-detail a#close-panel img{
  width:21.7px;
  height:21.7px;
}

@media print, screen and (min-width:960px) { 
 section.month-detail a#close-panel,
 section.day-detail a#close-panel,
 section.cdw-detail a#close-panel{
  display:block;
  position:absolute;
  top:15px;
  right:10px;
 }

 section.month-detail a#close-panel img,
 section.day-detail a#close-panel img,
 section.cdw-detail a#close-panel img{
  width:23px;
	height:23px
 }
}

/*  day detail
========================================================================================================
*/


article#reserve section.day-detail{
  width:300px;
  background-color:#FFF;
  position:relative;
  padding:0 0 20px 0;
}

@media print, screen and (min-width:960px) { 
 article#reserve section.day-detail{
  width:360px;
  background-color:#FFF;
  position:relative;
  padding:0 0 25px 0;
 }
}

article#reserve section.day-detail h1{
  width:100%;
  height:45px;
  background-color:#6EB92B;
  font-size:16px; font-size:1.6rem;
  font-weight:normal;
	line-height:45px;
  text-align:center;
  color:#FFF;
  padding:0;
  margin:0 0 15px 0;
}

@media print, screen and (min-width:960px) { 
 article#reserve section.day-detail h1{
	 font-size:20px; font-size:2.0rem;
   height:50px;
   line-height:50px;
 }
}

section.day-detail h2{
	width:90%;
  background-image:url(/common/images/bg01.png),url(/common/images/bg01.png);
  background-repeat:repeat-x,repeat-x;
  background-position:top,bottom;
  font-size:16px; font-size:1.6rem;
  line-height:150%;
	text-align:center;
  padding:15px;
  margin:0 auto 15px auto;
}

@media print, screen and (min-width:960px) { 
 section.day-detail h2{ 
  font-size:18px; font-size:1.8rem;
  padding:15px 5px;
  margin:0 auto 20px auto;
 }
}

@media print, screen and (max-width:960px) { 
 section.day-detail h2 br{ 
  display:none;
 }
}

section.day-detail div{
	width:90%;
	line-height:180%;
	margin:0 auto;
}


/*  cdw detail
========================================================================================================
*/


article#reserve section.cdw-detail{
  width:300px;
  background-color:#FFF;
  position:relative;
  padding:0 0 20px 0;
}

@media print, screen and (min-width:960px) { 
 article#reserve section.cdw-detail{
  width:480px;
  background-color:#FFF;
  position:relative;
  padding:0 0 25px 0;
 }
}

article#reserve section.cdw-detail h1{
  width:100%;
  height:45px;
  background-color:#6EB92B;
  font-size:16px; font-size:1.6rem;
  font-weight:normal;
	line-height:45px;
  text-align:center;
  color:#FFF;
  padding:0;
  margin:0 0 15px 0;
}

@media print, screen and (min-width:960px) { 
 article#reserve section.cdw-detail h1{
	 font-size:20px; font-size:2.0rem;
   height:50px;
   line-height:50px;
 }
}

section.cdw-detail h2{
	width:90%;
  background-image:url(/common/images/bg01.png),url(/common/images/bg01.png);
  background-repeat:repeat-x,repeat-x;
  background-position:top,bottom;
  font-size:16px; font-size:1.6rem;
  line-height:150%;
	text-align:center;
  padding:15px;
  margin:0 auto 15px auto;
}

@media print, screen and (min-width:960px) { 
 section.cdw-detail h2{ 
  font-size:18px; font-size:1.8rem;
  padding:15px 5px;
  margin:0 auto 20px auto;
 }
}

@media print, screen and (max-width:960px) { 
 section.cdw-detail h2 br{ 
  display:none;
 }
}

section.cdw-detail p{
	width:90%;
	font-size:13px; font-size:1.3rem;
	line-height:150%;
	padding:0;
	margin:0 auto 10px auto;
}

@media print, screen and (min-width:960px) { 
 section.cdw-detail p{
	width:90%;
	font-size:16px; font-size:1.6rem;
	line-height:150%;
	padding:0;
	margin:0 auto 10px auto;
 }
}
section.cdw-detail ul{
	width:90%;
	background:url(/common/images/bg01.png) repeat-x 0 0;
	font-size:13px; font-size:1.3rem;
	line-height:150%;
	color:#FF0000;
	padding:20px 0 0 0;
	margin:0 auto;
}

section.cdw-detail li{
	position:relative;
	padding:0 0 0 15px;
	margin:0 0 10px 0;
}


section.cdw-detail li:before{
	content:'※';
	position:absolute;
	top:0;
	left:0;
	padding:0;
	margin:0;
}



/*  select
========================================================================================================
*/

/* =============== select01 ================== */

section.select01 div{
	width:100%;
  background:#FDF7E8;
	padding:0 0 20px 0;
	margin:0 auto 40px auto;
}

@media print, screen and (min-width:960px) { 
 section.select01 div{
	width:100%;
  background:#FDF7E8;
	padding:40px 50px 30px 50px;
	margin:0 auto 50px auto;
 }
}

section.select01 dl{
	font-size:15px; font-size:1.5rem;
	padding:0;
	margin:0;
}

@media print, screen and (min-width:960px) {
 section.select01 dl{
	border-bottom:1px dashed #777;
	font-size:14px; font-size:1.4rem;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
 }
}

section.select01 dl:after{
	display:table;
	content:"";
	clear:both;	
}

section.select01 dl dt{
	width:100%;
	background-color:#424251;
	color:#FFF;
	text-align:center;
	padding:10px 0;
	margin:0 0 15px 0;	
}

@media print, screen and (min-width:960px) {
 section.select01 dl dt{
	width:140px;
	float:left;
	padding:10px 0;
	margin:0;	
 }
}

section.select01 dl dd{
	padding:0 15px;
	margin:0 0 20px 0;
}

@media print, screen and (min-width:960px) {
 section.select01 dl dd{
	float:left;
	padding:0;
	margin:0 0 0 30px;
 }
}

section.select01 dl dd select,
section.select01 dl dd input{
	height:26px;
	line-height:26px;
}

/*-- place --*/

section.select01 dl.place dd{
	text-align:center;
}

@media print, screen and (min-width:960px) {
section.select01 dl.place dd{
	float:left;
 }
}

section.select01 dl.place dd select{
	width:90%;
}

@media print, screen and (min-width:960px) {
 section.select01 dl.place dd select{
	display:inline;
	width:185px;
 }
}

section.select01 dl.place dd span{
	display:block;
	width:90%;
	text-align:left;
	font-size:12px; font-size:1.2rem;
	margin:10px auto 0 auto;
}

@media print, screen and (min-width:960px) {
 section.select01 dl.place dd span{
	margin:8px 0 0 0;
 }
}

/*-- type option --*/

@media print, screen and (min-width:960px) {
 section.select01 dl.type dd br,
 section.select01 dl.option dd br{
	 display:none;
 }
}

section.select01 dl.type dd label,
section.select01 dl.option dd label{
	display:inline-block;
	margin:0 5px 0 0;
}

@media print, screen and (min-width:960px) {
 section.select01 dl.type dd label,
 section.select01 dl.option dd label{
	display:inline-block;
	margin:10px 15px 0 0;
 }
}

section.select01 dl.type dd input,
section.select01 dl.option dd input{
	padding:0;
	margin:-3px 3px 0 10px;
}

@media print, screen and (min-width:960px) {
 section.select01 dl.type dd input,
 section.select01 dl.option dd input{
	padding:0;
	margin:-3px 5px 0 0;
 }
}

@media print, screen and (min-width:960px) {
 section.select01 dl.option dd{
	padding:0;
	margin:0 0 0 30px;
 }
}

section.select01 dl.option dd span{
	display:block;
	font-size:12px; font-size:1.2rem;
	padding:0;
	margin:15px 0 10px 10px;
}

@media print, screen and (min-width:960px) {
 section.select01 dl.option dd span{
	display:inline-block;
	font-size:14px; font-size:1.4rem;
	width:100px;
	padding:0;
	margin:0;
 }
}

/*-- period --*/

section.select01 dl.period dd{
	position:relative;
}

section.select01 dl.period dd label{
	display:block;
	font-size:12px; font-size:1.2rem;
	padding:0;
	margin:0 0 5px 0;
}

section.select01 dl.period dd input{
	width:60%;
	padding:0;
	margin:0;
}

@media print, screen and (min-width:960px) {
 section.select01 dl.period dd input{
	width:130px;
	padding:0;
	margin:0;
 }
}

section.select01 dl.period dd img{	
  width:18px;
	height:19px;
	position:absolute;
	bottom:3px;
	left:51%;
}



/*------------------  -------------------*/

article#reserve section button.btn-search{
  width:70%;
  height:45px;
  line-height:34px;
  font-size:18px; font-size:1.8rem;
  margin:20px auto 20px auto;
}


@media print, screen and (min-width:960px) { 
 article#reserve section button.btn-search{
  width:240px;
  height:50px;
  line-height:48px;
  font-size:18px; font-size:1.8rem;
  margin:30px auto 0 auto;
 }
}


/* =============== select02 ================== */

article#reserve section.select02{
	display:none;
	background:url(/common/images/icon19.png) no-repeat center 50px;
	padding:90px 0 0 0;
	margin:0 auto;
}

@media print, screen and (min-width:960px) { 
 article#reserve section.select02{
	background:url(/common/images/icon19.png) no-repeat center top;
	padding:60px 0 0 0;
	margin:0 auto 40px auto;
 }
}

section.select02 div.result{
	width:100%;
	border:5px solid #6EB92B;
	padding:0 0 20px 0;
	margin:0 auto 20px auto;
}

@media print, screen and (min-width:960px) { 
 section.select02 div.result{
	width:390px;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
 }

 section.select02 div.result:nth-child(odd){
	float:left;
 }

 section.select02 div.result:nth-child(even){
	float:right;
 }
}

 article#reserve section.select02 div h4{
	background-color:#6EB92B;
	color:#FFF;
	text-align:center;
	font-size:20px; font-size:2.0rem;
	padding:5px 0;
	margin:0 0 10px 0;
}

@media print, screen and (min-width:960px) { 
  article#reserve section.select02 div h4{
	padding:5px 0;
	margin:0 0 10px 0;
 }
}

section.select02 div h4 span{
	font-size:12px; font-size:1.2rem;
}

section.select02 div h5{
	width:95%;
	min-height:65px;
	font-size:13px; font-size:1.3rem;
	line-height:150%;
	padding:0 0 0 105px;
	margin:0 auto 10px auto;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
}

section.select02 div h5.a-1{
	background:url(/common/images/car01.png) no-repeat 5px 0;
	background-size:100px 65px;
}

section.select02 div h5.a-2{
	background:url(/common/images/car02.png) no-repeat 5px 0;
	background-size:100px 65px;
}

section.select02 div h5.a-2p{
	background:url(/common/images/car03.png) no-repeat 5px 0;
	background-size:100px 65px;
}

section.select02 div h5.b{
	background:url(/common/images/car04.png) no-repeat 5px 0;
	background-size:100px 65px;
}

section.select02 div h5.b-k{
	background:url(/common/images/car07.png) no-repeat 5px 0;
	background-size:100px 65px;
}

section.select02 div h5.c-1{
	background:url(/common/images/car05.png) no-repeat 5px 0;
	background-size:100px 65px;
}

section.select02 div h5.c-2{
	background:url(/common/images/car06.png) no-repeat 5px 0;
	background-size:100px 65px;
}

section.select02 div h5.d{
	background:url(/common/images/car08.png) no-repeat 5px 0;
	background-size:100px 65px;
}

section.select02 div h5.h{
	background:url(/common/images/car09.png) no-repeat 5px 0;
	background-size:100px 65px;
}

section.select02 div.result div{
	width:95%;
	background-color:#EEE;
	padding:25px 15px 25px 15px;
	margin:0 auto 30px auto;
}

@media print, screen and (min-width:960px) { 
 section.select02 div.result div{
	padding:25px;
	margin:0 auto 30px auto;
 }
}
section.select02 div.result div dl{
	width:100%;
	font-size:13px; font-size:1.3rem;
	padding:0;
	margin:0;
}

section.select02 div.result div dl dt{
	width:70%;
	display:inline-block;
	padding:0;
	margin:0 0 10px 0;
}

section.select02 div.result div dl dt span{
	font-size:10px; font-size:1.0rem;
}

section.select02 div.result div dl dd{
	width:28%;
	display:inline-block;
	text-align:right;
	padding:0;
	margin:0;
}

section.select02 div.result div dl.total{
	border-top:1px dashed #777;
	font-size:14px; font-size:1.4rem;
	font-weight:bold;
	padding:15px 0 0 0;
	margin:5px 0 0 0;
}

section.select02 div.result div p{
	font-size:16px; font-size:1.6rem;
	text-align:center;
	line-height:150%;
}

section.select02 div.result div p span{
	font-size:12px; font-size:1.2rem;
}

@media print, screen and (max-width:960px) {
 section.select02 div.result div p{
	font-size:15px; font-size:1.5rem;
 } 
 section.select02 div.result div p br{
	 display:none;
 }
 section.select02 div.result div p span{
	 display:block;
 }
}

article#reserve section.select02 div.result button{
	display:block;
	min-width:140px;
	background-color:#DC2392;
	border:none;
	border-radius:3px;
	font-size:13px; font-size:1.3rem;
	font-weight:normal;
	text-align:center;
	color:#FFF;
	padding:6px 35px;
	margin:0 auto 10px auto;
}


article#reserve section.select02 div.result button.rb01{
	background-color:#DC2392;
}

article#reserve section.select02 div.result button.rb02{
	background-color:#999;
	margin:20px auto 10px auto;
}

@media print, screen and (max-width:960px) {
article#reserve section.select02 div.result button{
	display:block;
	width:80%;
	height:inherit;
	background-color:#DC2392;
	border:none;
	border-radius:3px;
	font-size:15px; font-size:1.5rem;
	font-weight:normal;
	text-align:center;
	color:#FFF;
	padding:15px 0;
	margin:0 auto 15px auto;
 }
}

/* =============== select03 ================== */

section.select03 div{
	width:100%;
	position:relative;
	padding:0;
	margin:0 auto 20px auto;
}

@media print, screen and (min-width:960px) {
 section.select03 div{
	border:5px solid #AAA;
	padding:25px 25px;
	margin:0 auto 50px auto;
 }
}

section.select03 p{
	width:100%;
	font-size:20px; font-size:2.0rem;
	text-align:center;
	line-height:150%;
	padding:0;
	margin:0 0 20px 0;
}

@media print, screen and (min-width:960px) {
 section.select03 p{
	width:100%;
	font-size:30px; font-size:3.0rem;
	text-align:center;
	line-height:150%;
	padding:0;
	margin:0 0 40px 0;
 }
 
  section.select03 p br{
		display:none;
 }
}

section.select03 p span{
	display:block;
	font-size:14px; font-size:1.4rem;
	text-align:left;
	line-height:150%;
	margin:10px 0 0 0;
}

@media print, screen and (min-width:960px) {
 section.select03 p span{
	display:block;
	font-size:16px; font-size:1.6rem;
	text-align:center;
	line-height:180%;
	margin:10px 0 0 0;
 }
}
section.select03 p a{
	color:#FF0000;
}

section.select03 p a:hover{
	text-decoration:none;
}

section.select03 dl{
	position:relative;
	font-size:13px; font-size:1.3rem;
	padding:0 0 10px 0;
	margin:0;
}

@media print, screen and (min-width:960px) {
section.select03 dl{
	position:relative;
	border-bottom:1px dashed #777;
	font-size:13px; font-size:1.3rem;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
 }
}

section.select03 dl:nth-of-type(5){
	border-bottom:none;
}

section.select03 dl:after{
	display:table;
	content:"";
	clear:both;	
}

section.select03 dl dt{
	width:100%;
	background-color:#424251;
	color:#FFF;
	text-align:center;
	padding:10px 0;
	margin:0;	
}

@media print, screen and (min-width:960px) {
 section.select03 dl dt{
	width:120px;
	float:left;
	padding:10px 0;
	margin:0;	
 }
}

section.select03 dl dd{
	padding:10px 0;
	margin:0 10px;
	line-height:150%;
}

@media print, screen and (min-width:960px) {
 section.select03 dl dd{
	float:left;
	padding:10px 0;
	margin:0 0 0 20px;
 }
}

section.select03 dl.cdw dd{
	padding:0;
	margin:0 0 0 10px;
}

@media print, screen and (min-width:960px) {
 section.select03 dl.cdw dd{
	padding:0;
	margin:0 0 0 20px;
 }
}

section.select03 dl.cdw dd select{
	height:26px;
	background-color:#FFFFBF;
	border:1px solid #999;
	padding:0;
	margin:15px auto 0 auto;
}

@media print, screen and (min-width:960px) {
 section.select03 dl.cdw dd select{
	margin:5px 0 0 0;
 }
}

section.select03 dl.cdw dd span{
	display:block;
	font-size:12px; font-size:1.2rem;
	margin:5px 0 0 0;
}

@media print, screen and (min-width:960px) {
 section.select03 dl.cdw dd span{
	display:block;
	position:absolute;
	top:40px;
	left:0;
	font-size:16px; font-size:1.6rem;
	margin:0;
 }
}

section.select03 div.setup{
	width:100%;
	border:1px solid #FF0000;
	font-size:12px; font-size:1.2rem;
	padding:0 0 10px 0;
	margin:20px 0 0 0;
}

@media print, screen and (min-width:960px) {
 section.select03 div.setup{
	width:340px;
	border:1px solid #FF0000;
	font-size:12px; font-size:1.2rem;
	padding:0 0 10px 0;
	margin:0 0 0 400px;
 }
}

section.select03 div.setup h4{
	width:100%;
	background-color:#FF0000;
	font-size:15px; font-size:1.5rem;
	color:#FFF;
	font-weight:normal;
	text-align:center;
	padding:5px 0;
	margin:0;
}

section.select03 div.setup dl{
	width:90%;
	border-bottom:1px dashed #999;
	padding:0 0 5px 0;
	margin:0 auto 15px auto;
}

@media print, screen and (min-width:960px) {
 section.select03 div.setup dl{
	width:90%;
	padding:0 0 5px 0;
	margin:0 auto 15px auto;
 }
}

section.select03 div.setup dl dt{
	display:inline-block;
	width:70%;
	background:none;
	color:inherit;
	text-align:left;
	padding:0;
	margin:0;
}

section.select03 div.setup dl dd{
	display:inline-block;
	width:28%;
	text-align:right;
	padding:0;
	margin:0 0 10px 0;
}

section.select03 div.setup dl dt span{
	font-size:10px; font-size:1.0rem;
}

section.select03 div.setup dl.total{
	border:none;
	padding:0;
	margin:0 auto;
}

section.select03 div.setup dl.total dt{
	font-size:14px; font-size:1.4rem;
	font-weight:bold;
}

section.select03 div.setup dl.total dd{
	font-size:16px; font-size:1.6rem;
	font-weight:bold;
}


/* =============== select04 ================== */

article#reserve section.select04{
	background:url(/common/images/icon19.png) no-repeat center top;
	padding:40px 0 0 0;
	margin:0 auto 20px auto;
}

section.select04 div.login01{
	width:100%;
	border:5px solid #AAA;
	text-align:center;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}

@media print, screen and (min-width:960px) {
	section.select04 div.login01{
	width:390px;
	float:left;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
 }
}

section.select04 div.login01 h4{
	background-color:#AAA;
	font-size:15px; font-size:1.5rem;
	font-weight:normal;	color:#FFF;
	text-align:center;
	padding:8px 0;
	margin:0;
}

section.select04 div.login02{
	width:100%;
	border:5px solid #5BBC14;
	text-align:center;
	padding:0;
	margin:0 0 20px 0;
}

@media print, screen and (min-width:960px) {
section.select04 div.login02{
	width:390px;
	float:right;
	border:5px solid #5BBC14;
	text-align:center;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
 }
}

section.select04 div.login02 h4{
	background-color:#5BBC14;
	font-size:15px; font-size:1.5rem;
	font-weight:normal;
	color:#FFF;
	text-align:center;
	padding:8px 0;
	margin:0;
}

section.select04 div p{
	text-align:center;
	line-height:150%;
	padding:0;
	margin:0 10px;
}

@media print, screen and (min-width:960px) {
 section.select04 div p{
	text-align:center;
	line-height:150%;
	padding:0;
	margin:0;
 }
}

article#reserve section.select04 button.member{
  width:80%;
  height:46px;
  line-height:44px;
  font-size:18px; font-size:1.8rem;
  margin:15px auto;
}

@media print, screen and (min-width:960px) {
 article#reserve section.select04 button.member{
  width:230px;
  height:46px;
  line-height:44px;
  font-size:18px; font-size:1.8rem;
  margin:15px auto;
 }
}

article#reserve section.select04 div a{
	font-size:12px; font-size:1.2rem;
}
 


/*  cdw_alert
========================================================================================================
*/

section.select03 div.alert-cdw{
	width:100%;
	background-color: #F2F2F2;
	border: none;
	padding: 15px 10px;
	margin: 10px 0 ;
}

@media print, screen and (min-width:960px) { 
section.select03 div.alert-cdw{
	padding: 20px;
	margin: 40px 0 ;
	}
}

section.select03 div.alert-cdw ul{
	width:100%;
	padding: 0;
	margin: 0 ;
}

section.select03 div.alert-cdw ul li{
	position: relative;
	width:100%;
	line-height: 150%;
	color: #FF0000;
	padding: 0 0 0 15px;
	margin: 0 ;
}

section.select03 div.alert-cdw ul li::before{
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
}

section.select03 div.alert-cdw ul li ul{
	width:100%;
	padding: 0;
	margin: 15px 0;
}

section.select03 div.alert-cdw ul li ul li{
	width:100%;
	font-size: 16px; font-size:1.6rem;
	font-weight: bold;
	text-decoration: underline;
	line-height: 150%;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0 ;
}

@media print, screen and (min-width:960px) { 
section.select03 div.alert-cdw ul li ul li{
	width:100%;
	font-size: 18px; font-size:1.8rem;
	font-weight: bold;
	text-decoration: underline;
	line-height: 150%;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0 ;
	}
}

section.select03 div.alert-cdw ul li ul li::before{
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
}

/*  parking-search

========================================================================================================
*/
section#submit div.parking-search{
	width:80%;
	background-color: #F2F2F2;
	padding:10px;
	margin: 30px auto 60px auto;
}

@media print, screen and (min-width:960px) {
section#submit div.parking-search{
	width:360px;
	background-color: #FFF;
	padding:0;
	margin: 60px auto;
	}
}

section#submit div.parking-search p{
	width:100%;
	position: relative;	
	font-size:14px; font-size: 1.4rem;
	text-align: center;
	padding:0;
	margin: 0 auto 10px auto;
}

@media print, screen and (min-width:960px) {
 section#submit div.parking-search p{
	 font-size: 16px; font-size: 1.6rem;
	 text-align: left;
	 padding:0;
	 margin: 0 auto 10px auto;
	}
}

section#submit div.parking-search p img{
	width:30%;
	position: relative;	
	padding:0;
	margin: 0 auto;
}

section#submit div.parking-search p span{
	display: block;
	margin: 5px 0 0 0;
}

@media print, screen and (min-width:960px) {
section#submit div.parking-search p span{
	display: inline;
	position: absolute;
	top:40%;
	margin: 0;
	}
}

section#submit div.parking-search div{
	width:100%;
	text-align: center;
	padding: 0;	
	margin: 0 auto;
}

@media print, screen and (min-width:960px) { 
section#submit div.parking-search div{
	display: flex;
	flex-flow: row nowrap;
	}
}

section#submit div.parking-search div input.parking01{
    width:100%;
    height: 40px;
		border: 2px solid #383850;
    font-size: 16px; font-size: 1.6rem;
		padding: 5px;
		margin: 0 15px 10px 0;
}

@media print, screen and (min-width:960px) { 
  section#submit div.parking-search div input.parking01{
    width:70%;
    height: 40px;
    font-size: 16px; font-size: 1.6rem;
		padding: 5px;
		margin: 0 15px 0 0;
  }
}

section#submit div.parking-search div input.parking02{
	width:60%;
	height: 40px;
	font-size: 14px; font-size: 1.4rem;
}

@media print, screen and (min-width:960px) {
section#submit div.parking-search div input.parking02{
	width:30%;
	height: 40px;
  font-size: 14px; font-size: 1.4rem;
	}
}