@charset "utf-8";
/*===========================================================
	myholiday.css
===========================================================*/

/*
#contentsBox{
	overflow: hidden;
}*/

h3 span.h3r{
	display: none!important;
}


/*ログイン状態のheader部分*/
#header_r ul li div .userinfo{
	background: #ddd;
	text-align: center;
	float: left;
	height: 30px;
	margin: 5px 0 0 0;
	width: 200px;
	padding: 5px;
}
#header_r ul li div .userinfo p.shopname{
	font-size: .7rem;
	line-height: .8rem;
	color:#666;
	padding:0;
	margin: 0 auto;
}
#header_r ul li div .userinfo p.membername{
	font-size: .9rem;
	color: #666;
	padding: 0;
	margin: 0 auto;
	}
#header_r ul li div img{
	float: left;
	display: inline-block;
	margin: 10px 10px 0 10px ;
	height: 35px;
	width: auto;
}




#cont_l {
	float: left;
	width: 100%;
	background: #fff;
}

#cont_l::-webkit-scrollbar{
	display: none;
}


#cont_l .wrapper{
	height: auto;
}
	
#cont_l .wrapper table.myholiday01{
	width:100%;
	height: 50%;
}

#cont_l .wrapper .myholiday02{
	clear: both;
	width:100%;
	height: 48%;
	margin-top: 2%;
	
}

#cont_l .wrapper .myholiday02 p.cap{
	margin-top: 5px;
	color:#333;
}


#cont_l .wrapper table.myholiday01 tr td.left{
	text-align: center;
	vertical-align: middle;
	background: #4dbbaa;
	padding: 0 10px;
	width: 8%;
}
/*#cont_l .wrapper table.myholiday01 tr td.left p{
	color:#fff;
	font-size: 1rem;
	line-height: 1.3rem;
  	/*-ms-writing-mode     : tb-rl;
  	-webkit-writing-mode : tb-rl;
  	writing-mode         : tb-rl;
	padding:0; 
	margin: 0 auto;
}*/
#cont_l .wrapper table.myholiday01 tr td.right{
	background: #d0f7ef;
	padding: 20px;
/*	width: 90%;*/
}
#cont_l .wrapper table.myholiday01 tr td.right p.title{
	font-size: 1.2rem;
	padding:0; 
	margin: 0;
	color: #4dbbaa;
	font-weight: 600;
}
#cont_l .wrapper table.myholiday01 tr td.right p.lead{
	font-size: .8rem;
	line-height: 1.1rem;
	padding:5px 0; 
	margin: 0;
}



/*ログインフォーム*/
#cont_l .wrapper table.myholiday01 tr td.right form fieldset  {
	margin: 2px 0;
	border-radius: 4px;
	padding:0px;
	-webkit-border-radius: 4px;
	border: 1px solid #666;
/*	box-shadow:rgba(0, 0, 0, 0.3) 0 0 4px 1px inset;*/
	padding: 10px 10px 0 10px ;
}

#cont_l .wrapper table.myholiday01 tr td.right form fieldset select{
	width: 100%;
	background: #bdefe6;
	border: 0;
	color: #333;
	display: block;
	margin-bottom: 10px;
}

#cont_l .wrapper table.myholiday01 tr td.right form fieldset select{
	background: #bdefe6;
	border: 0;
	width: 100%;
	color: #333;
	
}
#cont_l .wrapper table.myholiday01 tr td.right form fieldset  div.newmemberNo{
	padding:20px 0;
	background: #f00;
}

#cont_l .wrapper table.myholiday01 tr td.right form div.text {
/*#cont_l .wrapper table.myholiday01 tr td.right form div.password */
	border-bottom:1px solid #666;
}


#cont_l .wrapper table.myholiday01 tr td.right form div.text input,
#cont_l .wrapper table.myholiday01 tr td.right form div.password input{
	background:#d0f7ef;
	display: inline-block;
	margin: 8px 0;
	border:0;
}
/*ログイン状態を記憶する*/
#cont_l .wrapper table.myholiday01 tr td.right form .remember_me{
	display: inline-block;
	text-align: right;
/*	margin-left: 20px;*/
	width: 50%;
}
#cont_l .wrapper table.myholiday01 tr td.right form .remember_me label{
	font-size: .7rem;
	padding-right: 5px;
}
/*パスワードお忘れの方*/
#cont_l .wrapper table.myholiday01 tr td.right form .forgot_password {
/*	margin-right: 20px;*/
	text-align: left;
	display: inline-block;
	float: right;
	width: 50%;
}
#cont_l .wrapper table.myholiday01 tr td.right form .forgot_password p {
	font-size: .7rem;
	padding-left: 20px;
	margin-top: 1px;
}

/*ログインボタン*/
#cont_l .wrapper table.myholiday01 tr td.right form .submit p.but_login{
	clear: both;
	padding:3px 5px;
	font-size: 1rem;
	letter-spacing: 2px;
	background: #4dbbaa;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	margin: 10px 60px 5px 60px;
}

#cont_l .wrapper table.myholiday01 tr td.left img,
#cont_l .wrapper table.myholiday02 tr td.left img{
	width: 16px;
	height: auto;
	
}

#cont_l .wrapper table.myholiday02 tr td.left{
	text-align: center;
	vertical-align: middle;
	background: #e95364;
	padding: 0 10px;
	width: 8%;
}

/*#cont_l .wrapper table.myholiday02 tr td.left p{
	color:#fff;
	font-size: 1rem;
	line-height: 1.3rem;
  	-ms-writing-mode     : tb-rl;
  	-webkit-writing-mode : vertical-rl;
  	writing-mode         : vertical-rl;
	padding:0; 
	margin: 0 auto;
}*/
#cont_l .wrapper table.myholiday02 tr td.right{
	background: #ffd4da;
	padding: 20px;
	width: 90%;
}

#cont_l .wrapper table.myholiday02 tr td.right p.title{
	font-size: 1rem;
	padding:0; 
	margin: 0;
	color: #e95364;
	font-weight: 600;
}
#cont_l .wrapper table.myholiday02 tr td.right p.lead{
	font-size: .8rem;
	line-height: 1.1rem;
	padding:5px 0; 
	margin: 0;
}
#cont_l .wrapper table.myholiday02 tr td.right p.lead span.link{
	display: inline-block;
	margin: 2px;
}
#cont_l .wrapper table.myholiday02 tr td.right p.lead span.link a{
	color:#004d9b;
	border-bottom:1px solid;
	font-weight: bold;
}
#cont_l .wrapper table.myholiday02 tr td.right img{
	width: 100%;
}
#cont_l .wrapper table.myholiday02 tr td.right p.cap{
	font-size: .7rem;
}
	
#cont_l .wrapper table.myholiday02 tr td.right p.but_newmember{
	clear: both;
	padding:3px 5px;
	font-size: 1rem;
	letter-spacing: 2px;
	background: #e95364;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	margin: 10px 60px 5px 60px;
}

/*popup*/
div#popup{
	position: absolute;
	width: 536px;
	top:71px;
/*	left:-10px;*/
	background: #fff;
	display: block;
	visibility: visible;
	z-index: 1000;
	margin: 0 auto;
}

/*Myホリデイ動画画面---------------------*/

div#popup video{
	width:100%;
	height: auto;
}
div#popup div.inner {
	text-align: center;
	padding: 10px;
	background: #fff;
}
div#popup div.inner p{
	font-size: .8rem;
	line-height: 1rem;
}
div#popup div.inner p span{
	font-size: .7rem;
	line-height: .7rem;
}
	
/*新規登録画面---------------------*/

#popup div.newmembers{
	padding: 20px;
}

#popup div.newmembers p.title{
	text-align: center;
	font-size: 1rem;
	margin-top: 10px;
}
#popup div.newmembers p.title span{
	font-size: 1.2rem;
	color: #e95364;
}
#popup div.newmembers p.lead{
	text-align: center;
	margin-top: 10px;
	font-size: .8rem;
	line-height: 1.2rem;
}

#popup div.newmembers p.error{
	margin-top: 10px;
	font-size: .6rem;
	line-height: .9rem;
	color: red;
}

#popup div.newmembers form fieldset {
	border-top:1px solid  #999;
	border-bottom:1px solid  #999;
	margin: 20px 0;
	font-size: .8rem;
	padding: 0
}

#popup div.newmembers form fieldset div.shopname,
#popup div.newmembers form fieldset div.nickname,
#popup div.newmembers form fieldset div.mailaddress{
	padding:20px 10px;
}
#popup div.newmembers form fieldset div.newmemberNo,
#popup div.newmembers form fieldset div.password,
#popup div.newmembers form fieldset div.birthday{
	background: #ddd;
	padding:10px;
}


#popup div.newmembers form fieldset label{
	width: 300px;
	display: inline-block;
	width:100px;
	float: left;
}



#popup div.newmembers form fieldset div.shopname select{
	width: 200px;
	background: #ddd;
	display: inline-block;
	margin: 0 0 5px 0;
	float: left;
	border: 0;
	height: 20px;
} 

#popup div.newmembers form fieldset div.birthday div.year,
#popup div.newmembers form fieldset div.birthday div.month,
#popup div.newmembers form fieldset div.birthday div.day{
	display: inline-block;
	float: left;
	margin-right: 10px;
}



#popup div.newmembers form fieldset div.birthday div.year select,
#popup div.newmembers form fieldset div.birthday div.month select,
#popup div.newmembers form fieldset div.birthday div.day select{
	background: #fff;
	display: inline-block;
	margin: 0 5px 5px 0;
	float: left;
	border: 0;
	height: 20px;
} 
#popup div.newmembers form fieldset div.birthday div.year select{
	width: 100px;
}
#popup div.newmembers form fieldset div.birthday div.month select{
	width: 70px;
}
#popup div.newmembers form fieldset div.birthday div.day select{
	width: 70px;
}


#popup div.newmembers form fieldset div.mailaddress .notice,
#popup div.newmembers form fieldset div.password .notice{
	clear: both;
	margin: 2px 0;
	font-size: .6rem;
	line-height: .8rem;
	display: block;
	padding-left: 100px;
}
#popup div.newmembers form fieldset input{
	border: 0;
	width: 200px;
	height: 10px;
	padding:5px;
	background: #fff;
	border: 1px solid #999;
}



#popup div.newmembers p.but_touroku{
	clear: both;
	padding:3px 5px;
	font-size: 1rem;
	letter-spacing: 2px;
	background: #e95364;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	margin: 10px 60px 5px 60px;
}

#popup div.newmembers form fieldset div.error{
	clear: both;
	font-size: .6rem;
	line-height: .9rem;
	color: red;
	padding-left: 100px;
	margin: 0 auto;
}

/*パスワード再設定-------------------*/

#popup div.passwordrest{
	padding: 20px;
}

#popup div.passwordrest p.title{
	text-align: center;
	font-size: 1.1rem;
	margin-top: 10px;
	color: #004d9b;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom:1px solid #004d9b; 
	display: block;
	letter-spacing: 2px;
}
#popup div.passwordrest p.lead{
	clear: both;
	text-align: center;
	margin-top: 10px;
	font-size: .8rem;
	line-height: 1.2rem;
}

#popup div.passwordrest form fieldset {
	border-top:1px solid  #ccc;
	border-bottom:1px solid  #ccc;
	margin: 20px 0;
	font-size: .8rem;
	padding: 0
}

#popup div.passwordrest form fieldset label{
	width: 300px;
	display: inline-block;
	width:100px;
	float: left;
	padding-top: 5px;
}

#popup div.passwordrest form fieldset div.shopname{
	padding: 20px 10px;
	display: block;
	overflow: hidden;
}
#popup div.passwordrest form fieldset div.newmemberNo{
	clear: both;
	background: #ddd;
	padding:20px 10px;
}

#popup div.passwordrest form fieldset div.shopname select{
	width: 200px;
	background: #ddd;
	display: inline-block;
	margin: 0 0 5px 0;
	float: left;
	border: 0;
	height: 30px;
} 



#popup div.passwordrest form fieldset input{
	border: 0;
	width: 200px;
	height: 20px;
	padding:5px;
	background: #fff;
	border: 1px solid #999;
}



#popup div.passwordrest p.but_send{
	clear: both;
	padding:3px 5px;
	font-size: 1rem;
	letter-spacing: 2px;
	background: #004d9b;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	margin: 10px 60px 5px 60px;
}


#popup div.passwordrest p.error{
	margin-top: 10px;
	font-size: .6rem;
	line-height: .9rem;
	color: red;
}

.faq_link{
    font-size: .7rem;
    padding-right: 5px;
    text-align:center;
}


			/* Myホリデイ動画画面 ---------------------*/
			#popup_movie_back {
				width: 100%;
				height: 2500px;
				position: absolute;
				top: 0;
				margin-left: 0px;
				background-color: rgba(0, 0, 0, 0.4);
				z-index: 100;
				display: none;
			}
			#popup_movie_contents {
				position: relative;
			}
			
			div#popup_movie_contents video{
				width:100%;
				height: auto;
				top:5px;
			}
			div#popup_movie_contents div.inner {
				text-align: center;
				padding: 10px;
				background: #fff;
				margin-top: -8px;
			}
			div#popup_movie_contents div.inner p{
				font-size: .8rem;
				line-height: 1rem;
			}
			div#popup_movie_contents div.inner p span{
				font-size: .7rem;
				line-height: .7rem;
			}
			
			
			/* パスワード再設定------------------- */
			#popup_change_password_back {
				width: 100%;
				height: 2500px;
				position: absolute;
				top: 0;
				margin-left: 0px;
				background-color: rgba(0, 0, 0, 0.4);
				z-index: 100;
				display: none;
			}
			
			#popup_change_password_content {
				position: relative;
				width: 536px;
				top: 71px;
				background: #fff;
				display: block;
				visibility: visible;
				z-index: 1000;
				margin: 20px;
			}
			
			#popup_change_password_content div.passwordrest{
				padding: 20px;
			}
			
			#popup_change_password_content div.passwordrest p.title{
				text-align: center;
				font-size: 1.1rem;
				margin-top: 10px;
				color: #004d9b;
				padding-bottom: 5px;
				margin-bottom: 15px;
				border-bottom:1px solid #004d9b; 
				display: block;
				letter-spacing: 2px;
			}
			#popup_change_password_content div.passwordrest p.lead{
				clear: both;
				text-align: center;
				margin-top: 10px;
				font-size: .8rem;
				line-height: 1.2rem;
			}
			
			#popup_change_password_content div.passwordrest form fieldset {
				border-top:1px solid  #ccc;
				border-bottom:1px solid  #ccc;
				margin: 20px 0;
				font-size: .8rem;
				padding: 0
			}
			
			#popup_change_password_content div.passwordrest form fieldset label{
				width: 300px;
				display: inline-block;
				width:100px;
				float: left;
				padding-top: 5px;
			}
			
			#popup_change_password_content div.passwordrest form fieldset div.shopname{
				padding: 20px 10px;
				display: block;
				overflow: hidden;
			}
			#popup_change_password_content div.passwordrest form fieldset div.newmemberNo{
				clear: both;
				background: #ddd;
				padding:20px 10px;
			}
			
			#popup_change_password_content div.passwordrest form fieldset div.shopname select{
				width: 200px;
				background: #ddd;
				display: inline-block;
				margin: 0 0 5px 0;
				float: left;
				border: 0;
				height: 30px;
			}
			
			#popup_change_password_content div.passwordrest form fieldset input{
				border: 0;
				width: 200px;
				height: 20px;
				padding:5px;
				background: #fff;
				border: 1px solid #999;
			}
			
			#popup_change_password_content div.passwordrest p.but_send{
				clear: both;
				padding:3px 5px;
				font-size: 1rem;
				letter-spacing: 2px;
				background: #004d9b;
				text-align: center;
				color: #fff;
				border-radius: 4px;
				margin: 10px 60px 5px 60px;
			}
			
			#popup_change_password_content div.passwordrest p.error{
				margin-top: 10px;
				font-size: .6rem;
				line-height: .9rem;
				color: red;
			}
			
			
			/*新規登録画面---------------------*/
			#popup_new_user_back {
				width: 100%;
				height: 2500px;
				position: absolute;
				top: 0;
				margin-left: 0px;
				background-color: rgba(0, 0, 0, 0.4);
				z-index: 100;
				display: none;
			}
			#popup_new_user_content {
				position: relative;
				width: 536px;
				top: 71px;
				/* left: -10px; */
				background: #fff;
				display: block;
				visibility: visible;
				z-index: 1000;
				margin: 20px;
			}
			#popup_new_user_content div.newmembers{
				padding: 20px;
			}
			#popup_new_user_content div.newmembers p.title{
				text-align: center;
				font-size: 1rem;
				margin-top: 10px;
			}
			#popup_new_user_content div.newmembers p.title span{
				font-size: 1.2rem;
				color: #e95364;
			}
			#popup_new_user_content div.newmembers p.lead{
				text-align: center;
				margin-top: 10px;
				font-size: .8rem;
				line-height: 1.2rem;
			}
			#popup_new_user_content div.newmembers p.error{
				margin-top: 10px;
				font-size: .6rem;
				line-height: .9rem;
				color: red;
			}
			#popup_new_user_content div.newmembers form fieldset {
				border-top:1px solid  #999;
				border-bottom:1px solid  #999;
				margin: 20px 0;
				font-size: .8rem;
				padding: 0
			}
			#popup_new_user_content div.newmembers form fieldset div.shopname,
			#popup_new_user_content div.newmembers form fieldset div.nickname,
			#popup_new_user_content div.newmembers form fieldset div.mailaddress{
				padding:20px 10px;
			}
			
			#popup_new_user_content div.newmembers form fieldset div.newmemberNo,
			#popup_new_user_content div.newmembers form fieldset div.password,
			#popup_new_user_content div.newmembers form fieldset div.birthday{
				background: #ddd;
				padding:10px;
			}
			
			#popup_new_user_content div.newmembers form fieldset label{
				width: 300px;
				display: inline-block;
				width:100px;
				float: left;
			}
			#popup_new_user_content div.newmembers form fieldset div.shopname select{
				width: 200px;
				background: #ddd;
				display: inline-block;
				margin: 0 0 5px 0;
				float: left;
				border: 0;
				height: 20px;
			} 
			
			#popup_new_user_content div.newmembers form fieldset div.birthday div.year,
			#popup_new_user_content div.newmembers form fieldset div.birthday div.month,
			#popup_new_user_content div.newmembers form fieldset div.birthday div.day{
				display: inline-block;
				float: left;
				margin-right: 10px;
			}
			
			#popup_new_user_content div.newmembers form fieldset div.birthday div.year select,
			#popup_new_user_content div.newmembers form fieldset div.birthday div.month select,
			#popup_new_user_content div.newmembers form fieldset div.birthday div.day select{
				background: #fff;
				display: inline-block;
				margin: 0 5px 5px 0;
				float: left;
				border: 0;
				height: 20px;
			} 
			#popup_new_user_content div.newmembers form fieldset div.birthday div.year select{
				width: 100px;
			}
			#popup_new_user_content div.newmembers form fieldset div.birthday div.month select{
				width: 70px;
			}
			#popup_new_user_content div.newmembers form fieldset div.birthday div.day select{
				width: 70px;
			}
			#popup_new_user_content div.newmembers form fieldset div.mailaddress .notice,
			#popup_new_user_content div.newmembers form fieldset div.password .notice{
				clear: both;
				margin: 2px 0;
				font-size: .6rem;
				line-height: .8rem;
				display: block;
				padding-left: 100px;
			}
			#popup_new_user_content div.newmembers form fieldset input{
				border: 0;
				width: 200px;
				height: 10px;
				padding:5px;
				background: #fff;
				border: 1px solid #999;
			}
			#popup_new_user_content div.newmembers p.but_touroku{
				clear: both;
				padding:3px 5px;
				font-size: 1rem;
				letter-spacing: 2px;
				background: #e95364;
				text-align: center;
				color: #fff;
				border-radius: 4px;
				margin: 10px 60px 5px 60px;
				cursor: pointer;
			}
			#popup_new_user_content div.newmembers form fieldset div.error{
				clear: both;
				font-size: .6rem;
				line-height: .9rem;
				color: red;
				padding-left: 100px;
				margin: 0 auto;
			}