@charset "utf-8";

.errorB{
  font-weight: bold;
  color: #E50000;
  font-size: 16px;
}
.error{
  color: #E50000;
  font-size: 16px;
}

/* =================================================================
		Reset Styles
================================================================= */
html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, th, td,
form, fieldset {
	color: #1A1A1A;
	font-weight: normal;
	/*font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;*/
	margin: 0;
	padding: 0;
}


/* HTML5 */
article, aside, figure, figcaption, footer, header,
hgroup, nav, section, summary{
	display: block;
}


/* Base Styles */

body{
	font: 13px/1.231 /*"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS P Gothic","ＭＳ Ｐゴシック",sans-serif*/;
		*font-size:small;
		*font:x-small;
}

select,input,button,textarea{
	font: 99% /*"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS P Gothic","ＭＳ Ｐゴシック",sans-serif*/;
}

pre,code,kbd,samp,tt{
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}

img{
	border: none;
	vertical-align: bottom;
}

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

label{
	cursor: pointer;
}

input,
select,
textarea{
}

ol,ul{
	list-style: none;
}

h1,h2,h3,h4,h5,h6{
	font-size: 100%;
}


/* form */
select,input,button,textarea{
	font: 99% /*"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","MS P Gothic","ＭＳ Ｐゴシック",sans-serif*/;
}
select option {
}
form label{
	cursor : pointer;
}

a,
input{
	outline: none;
}
input,
select{
		border-radius: 5px;
}


/*font*/
.font12{
	font-size: 12px;
}
.font17{
	font-size: 17px;
}

/*全ページ余白10px*/
.padding10{
	padding: 10px;
}
.padding10 a{
	color: #177ad1;
}

/*form wide*/
.sizeS{}
.sizeM{}
.sizeL{
	width: 269px;
}

/*ログイン後画面*/
#mypage{}
#mypage h1{
	background: url(../../img/classic_sp/mypage/icon_h1.png) no-repeat 10px 10px,
	-webkit-gradient(linear, left top, left bottom,
    from(#d9ae07),
	color-stop(0.01, #ecbb00), 
    color-stop(0.02, #ffc801),
	color-stop(0.98, #ff9408), 
	color-stop(0.99, #ffffff), 
	to(#cccccc)
  );

	font-size: 17px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 45px;
	
	color: #FFF;
	line-height: 1.2em;
	
	
	
	
}

#mypage h2.bordeO,
#mypage h2.bordeO2{
	font-size: 1.8rem;
	font-weight: bold;
	margin: 2rem 0 1.8rem;
  border-bottom: solid 3px #faa400;
	padding: 1.1rem 1.5rem 0.75rem 1.5rem;
  line-height: 1.3;
}
@media screen and (min-width: 769px) {
  #mypage h2.bordeO,
  #mypage h2.bordeO2{
  	padding-left: 0.5rem;
  }
}

#mypage h2.bordeG{
	font-size: 16px;
	background-image: url(../../img/classic_sp/mypage/h2_bg_green.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 10px;
	font-weight: bold;
	margin-bottom: 10px;
}

/*共通*/
.arighCenter,
p.arighCenter{
	text-align: center;
}


.btnstyle {
  text-align: center;
  margin: 1.5rem 0 0 ;
}
.btnstyle a {
	display: inline-block;
  position: relative;
  min-width: 21.3rem;
	border-radius: 5rem;
	font-size: 1.5rem;
	color: #111;
  text-align: center;
  line-height: 1.3;
  margin: 0 0.5rem 1.5rem;
  padding: 1.3rem 3.5rem 1.3rem 3.5rem;
  background: linear-gradient(#fff 0%,#f0f0f0 100%);
  vertical-align: middle;
  text-decoration: none;
  border: solid 1px #bbb;
  font-weight: bold;
}
.btnstyle a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  vertical-align: middle;
  right: 2rem;
  width: 0.45em;
  height: 0.45em;
  border-top: 3px solid #0057ab;
  border-right: 3px solid #0057ab;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 10;
}

.btnstyle_red a:before {
  border-color: #ff0000;
}

.btnstyle_logout a {
  border: none;
  background: #999;
  color: #fff;
}
.btnstyle_logout a:before {
  border-color: #fff;
}

@media screen and (min-width: 769px) {
  .btnstyle a {
    min-width: 260px;
  	font-size: 16px;
    padding: 16px 55px 16px 55px;
  }
  .btnstyle a:before{
    right: 24px;
  }
  .btnstyle a:hover{
    background: #f9f9f9;
  }
  .btnstyle_logout a:hover {
    background: #aaa;
  }

}

/* =================================================================
		r01.html
================================================================= */

.r01Button{
  display: block;
  text-align: center;
}
.r01Button img{
	padding-left: 2px;
	padding-bottom: 0;
	padding-top: 10px;
  width: 100%;
  max-width: 400px;
}

#r0login .r01Button input,
#r02pass .r01Button input{
	margin: 10px 0 5px 2px;
  width: 100%;
  max-width: 400px;
}
#r0login .r01Button,
#r02pass .r01Button {
  text-align: center;
  display: block;
}

#r0login{
	padding-bottom: 15px;
}
#r0login h2{
	background-image: url(../../img/classic_sp/mypage/icon_login.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 45px;
	padding-bottom: 7px;
	padding-top: 7px;
	font-size: 14px;
	font-weight: bold;
}
#r0login form{
	background-color: #fffee0;
	border: 2px solid #d6d387;
	border-radius: 5px;
	padding: 18px 15px;
}
#r0login p{
	padding-left: 6px;
  font-weight: bold;
}
#r0login input[type="text"],
#r0login input[type="password"] {
  width: 100%;
  box-sizing: border-box;
  margin: 3px 0 17px 0;
}
#r0login input[type="checkbox"] {
}
#r0login .savecheck {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
#r0login .savecheck label {
  margin: 2px 0 0 8px;
  font-size: 16px;
}

#r0login p.loginLead {
  padding: 0;
  margin: -1px 0 12px 0;
  font-size: 17px;
  text-align: center;
  line-height: 1.25;
  font-weight: bold;
}
#r0login p.loginLead a {
  text-decoration: underline;
  color: #177ad1;
}
#r0login p.loginLead a:hover {
  text-decoration: none;
}
#r0login p.loginLead strong {
  font-weight: bold;
  color: #177ad1;
}




p.loginHelp{
	background-repeat: no-repeat;
	background-position: 30px center;
	text-align: center;
}
p.loginHelp a{
  text-decoration: underline;
}
p.loginHelp a:hover{
  text-decoration: none;
}


#r0lmember{
	padding-bottom: 15px;
}
#r0lmember h2{
	background-image: url(../../img/classic_sp/mypage/icon_first.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 38px;
	padding-bottom: 5px;
	padding-top: 7px;
	font-size: 20px;
	font-weight: bold;
}
#r0lmember div{
	background-color: #fffee0;
	border: 2px solid #d6d387;
	border-radius: 5px;
  padding: 18px 15px;
}
#r0lmember p{
	padding-left: 8px;
	font-size: 16px;
}


/* =================================================================
		r02.html
================================================================= */

#r02pass{
	padding-bottom: 15px;
}
#r02pass h2{
	background-image: url(../../img/classic_sp/mypage/icon_mail.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 40px;
	padding-bottom: 7px;
	padding-top: 7px;
	font-size: 14px;
	font-weight: bold;
}
#r02pass form{
	background-color: #fffee0;
	border: 2px solid #d6d387;
	border-radius: 5px;
	padding: 18px 15px;
}
#r02pass p{
	font-size: 16px;
}
#r02pass input{
  width: 100%;
  box-sizing: border-box;
  margin: 11px 0 10px 0;
}


#r02pass div.box{
	margin: 0px 0px 25px 0px;
	background-color: #fffee0;
	border: 2px solid #d6d387;
	border-radius: 5px;
	padding: 15px 10px 15px 0px;
}

#r02pass div.box p{
	text-align: center;
}
#r02pass p.btnlogin {
  width: 100%;
  max-width: 400px;
  margin: 0 auto 0;
}
#r02pass p.btnlogin a {
  display: block;
  background: #1382E5;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  padding: 12px 10px 11px;
  margin: 0 30px;
  border-radius: 100px;
}


/* =================================================================
		r03.html
================================================================= */

/*ボタン*/
.btnBorder a{
	text-decoration: none;
}
.r03Btn{
	background-image: url(../../img/classic_sp/mypage/button_bg01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 10px;
	padding-left: 50px;
	font-size: 18px;
	font-weight: bold;
}

/*変更*/
.r03Change{}
.r03Change p{
  position: relative;
	padding: 12px;
  border-bottom: solid 1px #ccc;
	font-size: 16px;
}
.r03Change p:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  vertical-align: middle;
  right: 1.5rem;
  width: 0.45em;
  height: 0.45em;
  border-top: 3px solid #0057ab;
  border-right: 3px solid #0057ab;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 10;
}

.r03Change a{
	text-decoration: none;
}
@media screen and (min-width: 769px) {
  .r03Change {
    margin: 2rem 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
  }
  .r03Change a {
    display: block;
    width: 50%;
  }
  .r03Change a:last-child {
    padding-left: 15px;
  }
  .r03Change p {
    border-top: solid 1px #ccc;
  }
}

.r03Change > .r03Change_link_hidden {
	visibility:hidden;
}

/*保有ポイント*/
.r03Point{
	background-color: #fffee0;
	border: 1px solid #d6d387;
	margin: 2rem 1rem;
  text-align: center;
}
.r03Point dt {
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
	background: #d1a941;
	padding: 0.5rem 0.5rem 0.4rem;
  margin: -1px -1px 0;
}
.r03Point dd {
	padding: 1rem 1.5rem;
}
.r03Point p:nth-child(1){
  margin: 0 auto;
  text-align: center !important;
}
.r03Point p img{
  width: inherit;
  margin: 0 auto;
  display: block;
}
.r03PointRed{
	font-size: 2.2rem;
	font-weight: bold;
	color: #F00;
	padding-right: 5px;
}
.r03Point table {
  width: calc(100% + 3rem);
	border-collapse: collapse;
	margin: 1rem -1.5rem -1rem;
	background: #fff;
  font-size: 1.2rem;
	border-top: 1px solid #d6d387;
}
.r03Point table th,
.r03Point table td {
	padding: 1rem;
	vertical-align: middle;
	border-top: dotted 1px #999;
	text-align: right;
	line-height: 1.3;
}
.r03Point table th {
  width: 65%;
  background: #f6f6f6;
	text-align: left;
}


/*予約処理状況*/
.r03reserve *, .r03reserve *:before, .r03reserve *:after {
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.r03reserve{
  font-size: 1.3rem;
	padding: 0 1.5rem 1.5rem;
}
.r03reserve > .r03reserve_item:nth-of-type(1) {
}
.r03reserve_item{
  margin: 1.5rem 0 1.5rem;
	padding: 0 1.5rem 1.5rem;
  background: #f3f3f3;
}
.r03reserve_meta {
  font-size: 1.5rem;
  background: #0057ab;
  margin: 0 -1.5rem 1.5rem;
  padding: 0.25rem 1rem 0.5rem;
  color: #fff;
}
.r03reserve_meta span {
  display: inline-block;
  margin-right: 1rem;
}

.r03reserve_ship {
  margin: 0 0 0.5rem;
  padding-left: 2.2em;
  position: relative;
  font-size: 1.6rem;
}
.r03reserve_ship::before {
  content: "";
  position: absolute;
  display: block;
  top: 0.2em;
  left: 0;
  width: 2em;
  height: 2em;
	background: url(../../img/classic_sp/mypage/icon_ship.svg) no-repeat 0 0;
  background-size: contain;
}
.r03reserve_ship a {
  color: #0057ab;
  font-weight: bold;
  text-decoration: underline;
}
@media screen and (min-width: 769px) {
  .r03reserve_ship a:hover {
    text-decoration: none;
  }
}
.r03reserve_area {
  display: inline-block;
  margin: -0.4em 0 0 0.5em;;
  border: solid 1px #0057ab;
  border-radius: 3px;
  padding: 0.3em 0.5em 0.2em;
  line-height: 1.1 !important;
  font-size: 0.7em;
  vertical-align: middle;
  color: #0057ab;
}
.r03reserve_plan {
  margin: 0 0 0.4rem;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4 !important;
}
.r03reserve_rec {
  margin: 0 0 0.5rem;
  font-size: 1.5rem;
  font-weight: bold;
  color: #ff0000;
}
.r03reserve_Noriai,
.r03reserve_Shitate{
	background-color: #1CB3CF;
	color: #FFF;
  margin-top: -0.4em;
	padding-top: 2px;
	padding-bottom: 2px;
	border-radius: 3px;
	font-size: 1.2rem;
	margin-right: 5px;
	display: inline-block;
	width: 3.5rem;
	text-align: center;
  vertical-align: middle;
}
.r03reserve_Shitate{
	background-color: #e68e00;
}

.r03reserve_btn {
  width: 100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.r03reserve_btn li {
  text-align: center;
  width: calc( 50% - 0.3rem);
  margin: 0 0.6rem 0.6rem 0;  
}
.r03reserve_btn li:nth-child(2n) {
  margin-right: 0;  
}
.r03reserve_btn li a {
	display: inline-block;
  width: 100%;
  position: relative;
	border-radius: 4px;
	font-size: 1.3rem;
	color: #111;
  text-align: center;
  line-height: 1.3;
  margin: 0;
  padding: 1.3rem 2rem 1.3rem 2rem;
  background: linear-gradient(#fff 0%,#f0f0f0 100%);
  vertical-align: middle;
  text-decoration: none;
  border: solid 1px #bbb;
  /* font-weight: bold; */
  white-space: nowrap;
}
.r03reserve_btn li a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  vertical-align: middle;
  right: 0.6em;
  width: 0.6em;
  height: 0.6em;
  border-top: 2px solid #0057ab;
  border-right: 2px solid #0057ab;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 10;
}
@media screen and (min-width: 769px) {
  .r03reserve_btn li {
    width: calc( 25%);
    margin: 0 0 0 -1px;  
  }
  .r03reserve_btn li a {
    font-size: 13px;
    padding: 14px 10px 12px 5px;
    border-radius: 0;
  }
  .r03reserve_btn li a:hover{
    background: #f9f9f9;
  }
}

/*乗船履歴*/
.r03record{
  font-size: 1.3rem;
	padding: 0 1.5rem 1.5rem;
}
/*ポイント明細*/
.r03particulars{
  font-size: 1.3rem;
	padding: 0 1.5rem 1.5rem;
}
.r03particulars_item {
	padding: 1.5rem 0;
  border-bottom: solid 1px #ccc;
}
.r03particulars_item:nth-of-type(1) {
  border-top: solid 1px #ccc;
  margin-top: 1.5rem;
}
.r03particulars_day {
  color: #ff7600;
}
.r03particulars_Ok{
	font-size: 16px;
	color: #4a9d16;
	background-image: url(../../img/classic_sp/mypage/icon_ok.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
.r03particulars_Non{
	font-size: 16px;
	color: #e81717;
	background-image: url(../../img/classic_sp/mypage/icon_non.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}
.r03particulars_period{
	text-align: right;
}
.r03particulars_period img{
	padding-right: 5px;
	padding-left: 20px;
}
.r03particulars_periodday{
	color: #0A58BD;
	padding-right:15px;
}
.r03particulars_period img{
  display: inline-block;
	vertical-align: middle;
  margin-top: -5px;
  width: inherit;
	padding-right: 8px;
	padding-left: 3px;
}


/*MY釣り船*/
.r03favaor *, .r03favaor *:before, .r03favaor *:after {
  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

.r03favaor {
	padding: 0 1.5rem;
}
.r03favaor h2 {
	margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}
.r03favaor_item {
  margin: 1.5rem 0;
	padding: 1.5rem;
  background: #f3f3f3;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-size: 1.4rem;
}
.r03favaor_pct {
  width: 30vw;
  margin-right: 1.5rem;
}
.r03favaor_body {
  width: calc( 100% - 30vw - 1.5rem );
}

.r03favaor_name {
  margin: 0 0 0.5rem;
  padding-left: 2.2em;
  position: relative;
  font-size: 1.6rem;
}
.r03favaor_name::before {
  content: "";
  position: absolute;
  display: block;
  top: 0.2em;
  left: 0;
  width: 2em;
  height: 2em;
	background: url(../../img/classic_sp/mypage/icon_ship.svg) no-repeat 0 0;
  background-size: contain;
}
.r03favaor_name a {
  color: #0057ab;
  font-weight: bold;
  text-decoration: underline;
}
.r03favaor_area {
  display: inline-block;
  margin: -0.4em 0 0 0.5em;;
  border: solid 1px #0057ab;
  border-radius: 3px;
  padding: 0.3em 0.5em 0.2em;
  line-height: 1.1 !important;
  font-size: 0.7em;
  vertical-align: middle;
  color: #0057ab;
}

.r03favaor_non {
  font-size: 1.1rem;
	color: #e81717;
	background-image: url(../../img/classic_sp/mypage/icon_non_s.png);
	background-repeat: no-repeat;
	background-position: left center;
  background-size: 1.1em;
	padding: 0.6em 0 0.7em 1.6em;
}
.r03favaor_non a {
  text-decoration: underline;
}
@media screen and (min-width: 769px) {
  .r03favaor_item {
  	padding: 20px;
  }
  .r03favaor_pct {
    width: 30%;
  }
  .r03favaor_body {
    width: calc( 70% - 1.5rem );
  }
  .r03favaor a:hover {
    text-decoration: none !important;
  }
}

.r03favaor_btn {
    padding-top: 0.2rem;
}
.r03favaor_btn li {
	display: inline-block;
  margin-right: 0.1rem;
}
.r03favaor_btn li a {
	display: inline-block;
  position: relative;
	font-size: 1.1rem;
	color: #111;
  text-align: center;
  line-height: 1.3;
  margin: 0;
  text-decoration: underline;
  padding: 0.6em 1.8em 0.5em 1em;
  background: linear-gradient(#fff 0%,#f0f0f0 100%);
  vertical-align: middle;
  text-decoration: none;
  border: solid 1px #bbb;
  border-radius: 4px;
}
.r03favaor_btn li a:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  vertical-align: middle;
  right: 0.7em;
  width: 0.55em;
  height: 0.55em;
  border-top: 2px solid #0057ab;
  border-right: 2px solid #0057ab;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .r03favaor_btn {
  	width: calc(100% + 30vw + 1.5rem);
    margin-left: calc( -30vw - 1.5rem);
  }
}


div.r03mailForm{
	margin: 15px 0px 0px 0px;
	background: url(../../img/classic_sp/form/form_bg.gif) no-repeat 10px 0px;
	height: 571px;
	position: relative;
}


div.r03mailForm p.btnimg{
	position: absolute;
	left:30px;
	top:253px;
}

div.r03mailForm input.freepresent_input{
	position: absolute;
	left:24px;
	top:475px;
	width:260px;
	height:28px;
}

div.r03mailForm input.submitBtn{
	position: absolute;
	left:108px;
	top:521px;
	width:100px;
	height:30px;
	font-size:16px;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)),color-stop(1, rgb(229, 229, 229)));
	background-image: -moz-linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(229, 229, 229) 100%);
	background-image: linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(229, 229, 229) 100%);
}

/* =================================================================
		r04.html
================================================================= */

.r04num{
	margin-bottom: 10px;
}
.r04num2{
	padding-bottom: 40px;
}
.r04hyouji{
	font-size: 16px;
	padding-left: 10px;
	padding-bottom: 10px;
}
.r04red{
	font-size: 20px;
	font-weight: bold;
	color: #e50000;
}




/*paging*/

.r04Pagen{
	font-size: 12px;
	height: 46px;
	margin: 0px 0px 10px;
	position: relative;
}

.r04Prev{
	margin: 0px 0px 0px 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #cccccc;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff), 
    to(#f5f5f5)
  );
  width: 67px;
   position: absolute;
  left: 12px;
  top: 0px;
}

.r04Prev a{
	color: #045EAE;
	display: block;
	padding: 3px 8px;
	text-decoration: none;
}

.r04Next{
	margin: 0px 0px 0px 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #cccccc;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff), 
    to(#f5f5f5)
  );
  width: 67px;
  position: absolute;
  left: 240px;
  top: 0px;
}

.r04Next a{
	color: #045EAE;
	display: block;
	padding: 3px 8px;
	text-decoration: none;
}

.r04Li{
	margin: 0px;
	/*width: 300px;*/
	position: absolute;
	left: 93px;
	top: 5px;
}

.r04Li a{
	margin: 0px 3px 0px 0px;	
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
	border: solid 1px #cccccc;
	background: -webkit-gradient(linear, left top, left bottom,
    from(#ffffff), 
    to(#f5f5f5)
  );
    float: left;
	font-size: 12px;
}

.r04Li a.curent {
	background: -webkit-gradient(linear, left top, left bottom,
    from(#4395de), 
    to(#086cc3)
  );
}

.r04Li a li{
	padding: 3px 8px 3px 8px;
	display: block;
	text-decoration: none;
}

.r04Li a.curent li{
color: #ffffff;
}






/* =================================================================
		r05.html
================================================================= */

p.r05text{
	font-size: 12px;
	padding-left: 10px;
	padding-top: 0px;
}



/* =================================================================
		r06.html
================================================================= */
#r06mail{
	font-size: 12px;
	margin: 10px 5px 20px;
}
#r06mail div{
	background-color: #fffee0;
	border: 2px solid #d6d387;
	border-radius: 5px;
	padding: 10px;
  margin-bottom: 25px;
}
#r06mail div p{
	margin-right: 8px;
	margin-left: 8px;
	padding-bottom: 10px;
  font-size: 16px;
}
#r06mail input{
	margin-bottom: 5px;
	margin-left: 6px;
}
p.r06mailBorder,
h3.r06mailBorder{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D387;
	margin-bottom: 10px;
}
#r06mail form .arighCenter img{
  margin: 0 0 15px;
  width: 100%;
  max-width: 400px;
}

#r06mail form .arighCenter input{
	margin: 0 0 10px 0;
  width: 100%;
  max-width: 400px;
}
p.r06mailIndent{
	text-indent: -1.0em;
	padding-left: 12px;
}
#r06mail h3{
	margin-right: 8px;
	margin-left: 8px;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #f55d01;
	padding-top: 5px;
}
.r06mailId{
	font-size: 16px;
	color: #333;
	padding-left: 20px;
}
.r06red{
	color: #ff0000;
}
table.r04Table01{
	margin-left: 10px;
	margin-bottom: 10px;
}
table.r04Table01 td{
	width: 80px;
	white-space: nowrap;
}


.wide250{
	width: 240px;
}
.wide80{
	width: 80px;
}
.wide190{
	width: 180px;
}


/* =================================================================
		r07.html
================================================================= */

.r07mailBorder{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D387;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
.r07h3L{
	float: left;
}
.container .wrapper .contentsBox #mypage .padding10 #r06mail form div .clearfix.r07mailBorder .r07h3L{
	margin-left: 0px;
}

.r07pR{
	float: right;
	width: 130px;
  width: calc(100% - 150px);
	padding-top: 8px;
}


/* =================================================================
		r08.html
================================================================= */

#r08complete{
	padding: 20px 15px;
	font-size: 16px;
}
#r08complete p{
	text-align: center;
	padding-bottom: 35px;
}
#r08complete p:nth-child(2) img{
  width: 100%;
  max-width: 400px;
}


/* =================================================================
		r09.html
================================================================= */

#r09mail{
	font-size: 16px;
	margin-top: 10px;
}
#r09mail div{
	background-color: #fffee0;
	border: 2px solid #d6d387;
	border-radius: 5px;
	padding-top: 15px;
	margin-bottom: 15px;
}
#r09mail div p{
	margin-right: 8px;
	margin-left: 8px;
}
#r09mail input{
	margin-bottom: 15px;
	margin-left: 6px;
}
p.r09mailBorder{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D387;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

p.r09mail2{
	
	padding-bottom: 10px;
}

#r09mail form .arighCenter img{
		padding-bottom: 10px;
    width: 100%;
    max-width: 400px;
}


/* =================================================================
		r10.html
================================================================= */

#r10mail{
		padding-top: 20px;
		font-size: 14px;
}
#r10mail p{
	padding-bottom: 30px;
}


/* =================================================================
		r11.html
================================================================= */

#r11complete{
	padding: 20px 15px;
	font-size: 16px;
}
#r11complete p{
	text-align: center;
	padding-bottom: 30px;
}
#r11complete p:nth-child(2) img {
    width: 100%;
    max-width: 400px;
}


/* =================================================================
		r12.html
================================================================= */

.r12Tokuten{
	text-align: center;
	padding: 0 15px 15px;
}
p.r12TokutenText{
	background-image: url(../../img/classic_sp/mypage/tokuten_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: left;
	padding:7px 25px 9px;
	font-size: 14px;
	line-height:1.3;
  background-size: cover;
}

.r12member{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 30px;
}
.r12member h3{
  background: #1E5EC0;
  padding: 7px 10px 6px;
  margin: 0 15px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  border-top-left-radius: 5px;
  border-top-right-radius:  5px;
}
.r12member a{
	color: #177ad1;
}
.r12member div{
	text-align: left;
	border-right-width: 7px;
	border-bottom-width: 7px;
	border-left-width: 7px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #1E5EC0;
	border-bottom-color: #1E5EC0;
	border-left-color: #1E5EC0;
	margin-right: 15px;
	margin-left: 15px;
	padding-top: 15px;
	padding-bottom: 10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
p.r12memberText{
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
}
.r12member div img{
	padding-left: 2px;
}
.r12Attention{
	padding-bottom: 30px;
}
.r12Attention h4{
	background-color: #f5e50b;
	padding: 5px;
	text-align: center;
	margin-bottom: 10px;
}
.r12Attention p{
	padding-right: 10px;
	padding-left: 10px;
}
p.r12AttentionRed{
	font-size: 12px;
	color: #F00;
	padding-top: 15px;
	text-align: center;
	padding-bottom: 5px;
}
p.r12AttentionMail{
	text-align: center;
	border: 1px solid #cccccc;
	margin-right: 20px;
	margin-left: 20px;
	font-size: 18px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 20px;
	border-radius: 5px;
}


div.r12Attention p.url{
  font-size: 18px;
  font-weight: bold;
  margin: 0 auto 20px;
  border-radius: 3px;
  text-align: center;
  width: 280px;
}


div.r12Attention p.url input{
	padding: 5px 0px 5px 0px;
	text-align: center;
	font-size: 18px;
	
	width: 280px;
}



/* =================================================================
		r13.html
================================================================= */


#r13member{
	font-size: 12px;
	margin: 10px 5px 20px;
}
#r13member div{
	background-color: #fffee0;
	border: 2px solid #d6d387;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 25px;
}
#r13member div p{
	margin-right: 8px;
	margin-left: 8px;
	padding-bottom: 10px;
  font-size: 16px;
}
#r13member input{
	margin-bottom: 5px;
	margin-left: 6px;
}
#r13member form .arighCenter img{
		margin: 0 0 15px;
    width: 100%;
    max-width: 400px;
}

#r13member form .arighCenter input{
		margin: 0 0 10px 0;
    width: 100%;
    max-width: 400px;
}

#r13member h3{
	margin-right: 8px;
	margin-left: 8px;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #2d7003;
	padding-top: 5px;
}

.container .wrapper .contentsBox #mypage .padding10 #r13member form div .clearfix.r07mailBorder .r07h3L{
	margin-left: 0px;
  width: 122px;
}



/* =================================================================
		r15.html
================================================================= */

#r15complete{
	padding: 20px 15px;
	font-size: 16px;
}
#r15complete p{
	padding-bottom: 35px;
  text-align: center;
}
#r15complete p:nth-child(2) {
}
#r15complete p:nth-child(2) img {
  width: 100%;
  max-width: 400px;
}


/* =================================================================
		r16.html
================================================================= */

.r16ship{
	border: 1px solid #CCC;
	border-radius: 5px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	margin-top: 20px;
}
table.r16shipL{
	float: left;
	margin-top: 15px;
	margin-left:5px;
	font-size: 16px;
}
.r16shipL th{
	text-align: left;
	padding: 5px;
}
.r16shipL td{
}

.r16shipLRed{
	color: #e50000;
}
.r16shipLGreen{
	color: #2d7003;
}
p.r16shipR{
	float: right;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

.r16noriai{
	padding-bottom: 10px;

}
.r16noriai h3{
	font-size: 18px;
	font-weight: bold;
	color: #2d7003;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #2d7003;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 10px;
}
.r16noriai h3 img{
	padding-right: 5px;
	vertical-align: middle;
}
.r16noriai p{
	padding-right: 10px;
	padding-left: 10px;
	font-size: 14px;
}


table.r16detail{
	width: 320px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 30px;
}
.r16detail th{
	text-align: left;
	font-weight: bold;
	color: #2d7003;
	white-space: normal;
	padding: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	width: 60px;
  line-height:1.4;
}
.r16detail .tax{
  font-size:12px;
}
.r16detail td{
	width: 220px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
  line-height:1.4;
}
.r16detailBlue,
th.r16detailBlue{
	color: #045eae;
}
th.r16detailYeliow,
td.r16detailYeliow{
	background-color: #fffee0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d6d387;
}
th.r16detailYeliowborder,
td.r16detailYeliowborder{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d6d387;
}
.fontRed{
	color: #e50000;
}
.fontRed16{
	color: #e50000;
	font-size: 16px;
}
.fontBrawn{
	color: #9d6d11;
}
.fontBrawn16{
	color: #9d6d11;
	font-size: 16px;
}

#r16hope{
	font-size: 14px;
	margin-top: 10px;
}
#r16hope div{
	background-color: #fffee0;
	border: 2px solid #d6d387;
	border-radius: 5px;
	padding-top: 15px;
	margin-bottom: 15px;
	margin-right: 10px;
	margin-left: 10px;
}
#r16hope div p{
	margin-right: 8px;
	margin-left: 8px;
	padding-bottom: 10px;
}
#r16hope input{
	margin-bottom: 5px;
	margin-left: 6px;
}
#r16hope form .arighCenter img{
		padding-bottom: 10px;
}
#r16hope h3{
	padding-bottom: 10px;
	font-size: 16x;
	font-weight: bold;
	color: #b36b00;
	padding-top: 0px;
	padding-left: 10px;
}
#r16hope h4{
	margin-right: 8px;
	margin-left: 8px;
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #2d7003;
	padding-top: 0px;
}




.r16detail tr.point th{
	border-bottom: solid 1px #d6d387;
	color: #9d6d11;
	background-color: #fffee0;
}

.r16detail tr.point td{
	padding-right:0px;
	padding-left: 35px;
	border-bottom: solid 1px #d6d387;
	color: #9d6d11;
	background: #fffee0 url(../../img/classic_sp/reserve/icon_plan_point.gif) no-repeat 0px 20px;
	font-size: 16px;
	font-weight: bold;
	width: 185px;
}

.r16detail tr td .plan_caution{
	color: #333333;
	font-size: 12px;
	font-weight: normal;
}

.r16detail tr.point td span.point1{
	text-decoration: line-through;
}

.r16detail tr.point td span.point2{
	padding-left: 35px;
	background: url(../../img/classic_sp/reserve/icon_arrow.gif) no-repeat 8px 0px;
	color: #e50000;
	font-size: 18px;
	font-weight: bold;
}







/* =================================================================
		r17.html
================================================================= */

table.r17border{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d6d387;
	width: 100%;
	margin-bottom: 10px;
}
.r17border td{
	padding-top: 5px;
	padding-bottom: 5px;
}
.r17paddong10{
	width: 275px;
	margin-bottom: 10px;
}



/* =================================================================
		r19.html
================================================================= */

#r19change{
	padding-top: 20px;
	font-size: 14px;
}
#r19change p{
	padding-bottom: 10px;
}
p.r19changeAdr{
	color: #398d06;
	text-align: center;
	padding-top: 10px;
}

p.r19changeTel{
	text-align: center;
	background-image: url(../../img/classic_sp/mypage/tel.gif);
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 30px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 10px;
}


/* =================================================================
		r20.html
================================================================= */

#r20mail{
	font-size: 14px;
	background-color: #fffee0;
	border: 2px solid #d6d387;
	border-radius: 5px;
	margin-bottom: 15px;
	padding: 10px;
}
#r20mail table{
	width: 280px;
}
#r20mail table th{
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
#r20mail table td{
	text-align: right;
	padding-top: 10px;
	vertical-align: bottom;
	padding-bottom: 5px;
}
tr.r20mailBorder{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D6D387;
}




div#r22change{
	
}

div#r22change p{
	margin: 0px 0px 10px 0px;
}

div#r22change p.lead{
	font-size: 18px;
	font-weight: bold;
	color: #e50000;
}











div.loginBox{
	margin-bottom: 5px;	
}


div.loginBox p{
	
}


div.loginBox p span{
	color: #e50000;
}




div.creditBox{
	
}

div.creditBox p{
	margin: 0px 0px 20px 0px;
}

div.creditBox p span{
	color: #045eae;
}


#r23credit{
	padding-bottom: 15px;
}
#r23credit h2{
	background-image: url(../../img/classic_sp/mypage/icon_login.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 45px;
	padding-bottom: 7px;
	padding-top: 7px;
	font-size: 14px;
	font-weight: bold;
}
#r23credit div.form{
	margin: 0px 0px 20px 0px;
	background-color: #fffee0;
	border: 2px solid #d6d387;
	border-radius: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#r23credit p{
	padding-left: 8px;
}
#r23credit input{
	margin-bottom: 5px;
	margin-left: 6px;
}

#r23credit select{
	margin-bottom: 10px;
	margin-left: 6px;
}

#r23credit p span{
	color: #e50000;
}

#r23credit p.label{
	color: #045eae;
}

#r23credit p.memo{
	margin: 0px 15px 10px 7px;
	padding: 0px 0px 10px 0px;
	border-bottom: solid 1px #d6d387;
	font-size: 12px;
}


#r23credit p.button{
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}





#r23credit div.aboutBox{
	
}


#r23credit div.aboutBox p{
	margin: 0px 0px 20px 0px;
}


#r23credit p span.memo2{
	color: #2d7003;
}


/* =================================================================
		Clearfix
================================================================= */
.clearfix a:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{
	display:inline-block;
}

/*Hides from IE-mac\*/ 
*html .clearfix{
	height:1%;
}

.clearfix{
	display:block;
} 
/* End hide from IE-mac*/


/* =================================================================
		Clearfix For Dreamweaver
================================================================= */
.clearfix{
	overflow: hidden;
}