@charset "utf-8";

/*
#####################
# 1.reset
# 2.base
# 3.header_footer
# 4.button
# 5.aset
#####################
*/

/*/////////////////////////////////////*/
/*reset*/
/*/////////////////////////////////////*/

html {
	color: #333;
	}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
code,form,fieldset,legend,input,button,textarea,
p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,th,var,optgroup {
	font-style: inherit;
	font-weight: inherit;
}
li {
	list-style: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
table {
	font-size: 100%;
}
q:before,q:after {
	content: '';
}
*{
	box-sizing: border-box;
}

/*for IE */
input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
input,button,textarea,select {
	*font-size: 100%;
}

/*/////////////////////////////////////*/
/*base*/
/*/////////////////////////////////////*/

html,body {
	height:100%;
	font-size:100%;
    font-size: 62.5%;
	margin-bottom:0px;
}

body {
	color:#555;
	width: 100%;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Sans","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",arial,sans-serif;
	font-size:14px;
	font-size:1.4rem; /* 14px */
	line-height:1.5;
	letter-spacing:-0.01em
}
select::-ms-expand {
  display: none;
}
#wrapper{
	width: 100%;
	position: relative;
	min-width: 320px;
	min-height: 100%;
}

#contents{
	margin: 0 auto;
	position:relative;
	min-height: 100%;
	zoom:1;
}

/* link */
a {
	text-decoration: none;
	outline: none;
}

a:visited {
	color: #0066aa;
}

a:hover {
	color: #eb5505;
}

a:active {
	color:#eb5505;
}

a:focus{ outline: none;}

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

/* =================================
header
================================= */

	/*----------------------------------------
	 Pc
	----------------------------------------*/
	@media screen and (min-width: 961px) {
	    /* header --------------------------------- */
		header {
		    width: 100%;
		    height: 95px;
		    z-index: 9999;
			background-color: #fff;
			padding: 19.73px 0;
			border-bottom: solid #e5e5e5 1px;
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
			/*height: 60px;*/
		}
	    header.header_top {
	    	width: 100%;
	    	height: 54px;
	    	padding: 9px 0;
	    	background-color: #F6F6F6;
	    }

	    	header.header_top .sectionInner {
	    		max-width: 906px;
	    		width: 100%;
	    		margin: 0 auto;
	    	}

	    	header.header_top .sectionInner img {
	    		float: left;
	    	}

	    	header.header_top .sectionInner img.app_logo {
	    		margin: 0 10px 0 20px;
	    	}

	    	header.header_top .sectionInner img.appbanner_close {
	    		margin: 12px 0 0;
	    	}

	    	header.header_top .sectionInner p {
	    		float: left;
	    		font-size: 14px;
	    		font-weight: 300;
	    		color: #494A50;
	    		padding-top: 10px;
	    	}

	    	header.header_top .sectionInner p span {
	    		font-size: 16px;
	    		padding: 8px 20px 0 0;
	    	}

	    	header.header_top .sectionInner .app_link {
	    		width: 116px;
	    		height: 36px;
	    		padding: 8px 0;
	    		background-color: #FF7125;
	    		color: #fff;
	    		border-radius: 6px;
	    		float: right;
	    		text-align: center;
	    	}
		header.header_main {
		    width: 100%;
		    height: 64px;
		    z-index: 9999;
		    position: relative;
			background-color: #fff;
			padding: 2px 0;
			border-bottom: solid #e5e5e5 1px;
			box-shadow:0 2px 5px rgba(0, 0, 0, 0.1);
			/*height: 60px;*/
		}
		
		#header {
			clear:both;
			width: 100%;
			max-width:1055px;
			margin:0 auto;
			/*overflow:hidden;*/
			position: relative;
		}
		
		#mainSection #pankuzu{
			position: absolute;
			top:95px;
			left: 0;
			right: 0;
			padding:10px 30px 0;
			font-size: 11px;
			color: #4c4c4c;
			font-weight: normal;
			max-width: 1100px;
			margin: 0 auto;
		}
		#mainSection #pankuzu a{
			font-size: 11px;
			color: #4c4c4c;
			font-weight: normal;
			text-decoration: underline;
		}
		
		#header h1 {
			float:left;
			padding: 12px 10px 0;
			position: relative;
			height: auto;
		}
		
		#header h1 img {
			vertical-align: middle;
		}
		#header h1 > span {
			font-size: 11px;
			display: block;
			width: 425px;
			position: absolute;
			top:37px;
			left: 10px;
			color: #484A50;
			opacity: 0.5;
		}
		.preconfirm header {
			position: fixed;
		}
		.preconfirm #mainSection{
			padding-top: 95px;
			position: relative;
		}
		/* login box ---------- */
		
		div#login_box {
			float:right;
			margin: 0;
			padding-right: 10px;
		}
		
		.btn_idnum a.btn_regist,
		.btn_idnum a.btn_login{
			display:inline-block;
			text-align:center;
			font-weight:600;
			font-size: 16px;
			cursor:pointer;
			border-radius: 30px;
		}
		.btn_idnum a.btn_regist {
			width: 190px;
			height: 50px;
			padding-top: 12px;
			background: #eb5505;
			border:1px solid #f76b1f;
			color:#fff;
			font-size: 16px;
		}
		.btn_idnum a.btn_regist span {
			font-size: 13px;
		}
		.btn_idnum a.btn_login {
			margin-left:5px;
			padding-top: 12px;
			border:1px solid #484A50;
			color:#484A50;
			width: 148px;
			height: 50px;
			background:#fff;
		}
		.btn_idnum a.btn_regist:hover{
			opacity: 0.8;
			text-decoration:none;
		}
		.btn_idnum a.btn_login:hover{
			background:#484A50;
			color:#fff;
			text-decoration:none;
		}
		#sp-nav {
			display: none;
		}
		
		/* logout box ---------- */
		
		div#id_box {
			float:right;
			margin: 0;
		}
		
		.btn_idnum div.id_info{
			/*height: 36px;*/
			display: inline-block;
			line-height: 36px;
			text-align: center;
			font-weight: bold;
			font-size: 1.2rem;
			vertical-align: top;
			border-radius: 3px;
		}
		.btn_idnum a.btn_logout{
			width: 130px;
			/*height: 36px;*/
			display: inline-block;
			line-height: 38px;
			text-align: center;
			font-size: 1.2rem;
			vertical-align: top;
			border-radius: 25px;
		}
		.btn_idnum div.id_info { 
			margin-right: 15px;
			padding-top: 10px;
			min-width:180px;
			max-width:320px;
			text-align: right;
			line-height: 1!important;
			word-wrap: break-word;
		}
		
		.btn_idnum div.id_info p {
			line-height: 1;
			text-align: left;
			word-wrap: break-word;
			font-size:14px;
			font-weight: 500;
			color: #484A50;
			padding: 5px 0;
		}
		
		.btn_idnum div.id_info p span { font-weight: normal; word-wrap: break-word;}
		
		#id_num {
			display: block;
			line-height: 1!important;
			text-align: left;
            background: url(/aus/hc-cs/royal/img/common/icon/icon_id_header.png) no-repeat 0px center;
            background-size: 10px;
			font-weight: normal;
			padding: 3px 0px 0px 13px;
			color: #484A50;
			opacity: 0.6;
		}
		
		.btn_idnum a.btn_logout {
			color: #555;
			border: 1px solid #484A50;
			margin:9px 0px 0 5px;
			background: #fff;
		}
		
		.btn_idnum a.btn_logout:hover{
			background:#484A50;
			color:#fff;
			text-decoration: none;
			cursor: pointer;
		}
		.maintenance {
			background-color: #E6E6E6;
			text-align: center;
			color: #77787C;
			font-weight: 400;
			padding: 4.5px 0;
		}

		.maintenance span {
			font-weight: bold;
			color: #484A50;
		}

		#navSP { display: none; }
		
		
		/* footer --------------------------------- */
		
		footer {
			background-size: contain;
			background: url(../../img/common/footer-bg.png) repeat top center;
		}
		footer .sectionInner {
			width: 100%;
			max-width: 1050px;
			margin: 40px auto 0;
			position: relative;
		}
		
		footer .sectionInner nav {
			width: 100%;
			max-width: 656px;	
			margin: 0 auto;
			padding: 50px 0 70px;
		}
		footer .sectionInner nav ul {
			display: -webkit-flex;
		  display: -moz-flex;
		  display: -ms-flex;
		  display: -o-flex;
		  display: flex;
		  -webkit-justify-content: space-around;
		  -moz-justify-content: space-around;
		  -ms-justify-content: space-around;
		  -o-justify-content: space-around;
		  justify-content: space-around;
		}
		footer .sectionInner nav ul li a {
			color: #484A50;
			font-size: 13px;
		}
		footer .sectionInner nav ul li {
			padding-top: 10px;
		}
		footer .sectionInner nav ul li.logout {
			background-color: #fff;
			border:1px solid #484A50;
			width: 148px;
			height: 40px;
			text-align: center;
			border-radius: 20px;
		}
		footer .sectionInner nav ul li.logout:hover {
			background-color: #484A50;
			color: #fff;
			cursor: pointer;
		}
		footer .sectionInner nav ul li.logout:hover a {
			color: #fff;
		}
		footer .sectionInner nav ul li.logout a:hover {
			text-decoration: none;
			color: #fff;
		}
		footer .sectionInner .copyright {
			margin: 0 auto;
			text-align: center;
		}
		footer .sectionInner .copyright p{
			padding:10px 0;
			text-align: center;
			font-size: 10px;
		}
		#page-top {
			position: fixed;
			display: block;
			background-color: #FF7125;
			width: 64px;
			height: 64px;
			margin-bottom: -32px;
			border-radius: 32px;
			right: 50px;
			padding:20px 18px;
			box-shadow: 0 12px 24px 0 rgba(255,113,37,0.60);
		    -moz-box-shadow: 0 12px 24px 0 rgba(255,113,37,0.60);
		    -webkit-box-shadow: 0 12px 24px 0 rgba(255,113,37,0.60);
		}
		#page-top:hover {
			cursor: pointer;
		}
		#address {
			width: 100%;
			background-color: #F8F8F8;
		}
		#address .sectionInner{
			max-width: 681px; 
			width: 100%;
			margin: 0 auto;
			padding: 30px 0;
		}
		.plofilebox {
			max-width: 681px; 
			width: 100%;
			margin: 0 auto;
			padding: 0px 0 30px;
		}
		#address h3 {
			font-weight: 500;
			font-size: 20px;
			text-align: center;
			padding-bottom: 20px;
		}
		#address .subTitle {
			opacity: 0.7;
			font-size: 16px;
			text-align: center;
			padding-bottom: 20px;
		}
		#address .lead {
			color: #5B5C63;
			opacity: 0.5;
			width: 394px;
			padding-bottom: 0px;
			margin: 0 auto;
			font-size: 10px;
			text-align: left;
		}
		#address a p{
			color: #FF7125;
		    text-align: center;
		    font-size: 18px;
		    border:1px solid #FF7125;
		    border-radius: 35px;
		    width: 261px;
		    margin: 10px auto;
		    padding: 18px 0;
		}
		#address a p:hover {
			background-color: #FF7125 ;
			color: #fff;

		}
		#address a:hover {
			text-decoration: none;
		}
		#address .addressBox table {
			width: 100%;
			height: 60px;
			text-align: left;
			margin: 5px 0 20px;
			border:1px solid #DCDCDC;
		}
		#address .addressBox table.selected {
			border:1px solid #37D4E9;
		}
		#address .addressBox table p.add-text{

			width: calc(100% - 130px);
		}
		#address .addressBox table th {
			padding: 0 20px ;
			width: 140px;
			border-right: 1px solid #DCDCDC;
		}
		#address .addressBox table td {
			position: relative;
			padding: 0 20px ;
		}
		#address .addressBox table td a {
			position: absolute;
			right: 10px;
			top: 13px;
			width: 120px;
			text-align: center;
			opacity: 0.6;
			font-size: 13px;
			border-radius: 35px;
			padding: 7px 10px;
			border:1px solid rgba(73,74,80,0.2);
			color: #494A50;
		}
		#address .addressBox table p.btn {
			position: absolute;
			right: 10px;
			top: 13px;
			width: 120px;
			text-align: center;
			opacity: 1;
			font-size: 13px;
			border-radius: 35px;
			padding: 7px 10px 7px 15px;
			border:1px solid rgba(73,74,80,0.2);
		}
		#address .addressBox table.selected p.btn {
			position: absolute;
			right: 10px;
			top: 13px;
			width: 120px;
			text-align: center;
			opacity: 1;
			font-size: 13px;
			border-radius: 35px;
			padding: 7px 10px 7px 15px;
			border:0;
			color: #fff;
			background: linear-gradient(to right, rgb(28, 217, 182), rgb(67, 209, 255));
		}
		#address .addressBox table.selected p.btn img {
		    padding-left: 10px;
    		padding-bottom: 3px;
    		vertical-align: middle;
		}
		#address .addressBox table td a:hover {
			text-decoration: none;
		}

		#address .plofilebox h3 {
		    color: #484A50;
		    padding: 20px 0;
		    text-align: center;
		    font-size: 18px;
		    display: table;
		    white-space: nowrap;
		  }
  		#address .plofilebox h3:after,#address .plofilebox h3:before {
		    content: '';
		    display: table-cell;
		    width: 50%;
		    background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
		    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
		    background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
		    -webkit-background-clip: padding;
		    background-clip: padding;
		  }
	    #address .plofilebox h3:after{
		    border-left: 1em solid transparent;
		    opacity: 0.15;
		  }
	   #address .plofilebox h3:before{
		    border-right: 1em solid transparent;
		    opacity: 0.15;
		}

	}
	 
	/*----------------------------------------
	 Tablet
	----------------------------------------*/
	@media only screen and (max-width: 960px) {
		header {
		padding: 19.73px 0;
		border-bottom: solid #e5e5e5 1px;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
		/*height: 60px;*/
		position: relative;
	    width: 100%;
	    height: 95px;
	    z-index: 9999;
		background-color: #fff;
	}
		
		#pankuzu{
			display: none;
		}

		
	header.header_top {
    	background-color: #F6F6F6;
	   	width: 100%;
	   	height: 54px;
	   	padding: 0;
	   }

	   	header.header_top .sectionInner {
	   		width: 95%;
	    	max-width: 906px;
	    	margin: 0 auto;
	    	padding: 4px 0;
	    }

	   	header.header_top .sectionInner img {
	    	float: left;
	    }

	    header.header_top .sectionInner img.app_logo {
	    	width: 13%;
		    max-width: 43px;
		    margin: 5px 2% 0;
	    }

	   	header.header_top .sectionInner img.appbanner_close {
	   		width: 3.7%;
	   		max-width: 12px;
	   		margin: 21px 0 0;
	   	}

	    header.header_top .sectionInner p {
	    	width: 60%;
	    	max-width: 180px;
	    	float: left;
	    	font-size: 10px;
	    	font-weight: 300;
	    	color: #494A50;
	    	padding-top: 0;
	    }

	    header.header_top .sectionInner p .sp {
	    	display: block;
	    }
	    header.header_top .sectionInner p span.bold{
	   		font-size: 14px;
	   		float: none;
	   		padding: 0px 20px 0 0;
	   		font-weight: 600;
	  	}
	  	header.header_top .sectionInner p span span {
	  		font-weight: 400;
	  	}

	    header.header_top .sectionInner .app_link {
	    		width: 116px;
	    		height: 36px;
	    		padding: 8px 0;
	    		margin-top: 5px;
	    		background-color: #FF7125;
	    		color: #fff;
	    		border-radius: 6px;
	    		float: right;
	    		text-align: center;
	    	}
	header.header_main {
		padding: 2px 0;
		 height: 64px;
		border-bottom: solid #e5e5e5 1px;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
		/*height: 60px;*/
		position: relative;
	    width: 100%;
	    z-index: 9999;
		background-color: #fff;
	}

	#header {
		clear:both;
		width: 100%;
		margin:0 auto;
	}
		
		#header h1 {
			float:left;
			padding: 12px 10px 0;
			position: relative;
			height: auto;
		}
		
		#header h1 img {
			vertical-align: middle;
		}
		#header h1 > span {
			font-size: 11px;
			display: block;
			width: 425px;
			position: absolute;
			top:37px;
			left: 10px;
			color: #484A50;
			opacity: 0.5;
		}

		.member #header h1 img {
			width: 122px;
			margin: 0 auto;
			top: 20px;
			left: 0;
    		right: 0;
		}

		.preconfirm header {
			position: fixed;
		}
		.preconfirm #mainSection{
			padding-top: 95px;
		}
		.maintenance {
			background-color: #E6E6E6;
			text-align: center;
			color: #77787C;
			font-weight: 400;
			padding: 4.5px 0;
		}

		.maintenance span {
			font-weight: bold;
			color: #484A50;
		}
		/* login box ---------- */
		
		/* login box ---------- */
		
		div#login_box {
			float:right;
			margin: 0;
			padding-right: 10px;
		}
		
		.btn_idnum a.btn_regist,
		.btn_idnum a.btn_login{
			display:inline-block;
			text-align:center;
			font-weight:600;
			font-size: 16px;
			cursor:pointer;
			border-radius: 30px;
		}
		.btn_idnum a.btn_regist {
			width: 190px;
			height: 50px;
			padding-top: 12px;
			background: #eb5505;
			border:1px solid #f76b1f;
			color:#fff;
			font-size: 16px;
		}
		.btn_idnum a.btn_regist span {
			font-size: 13px;
		}
		.btn_idnum a.btn_login {
			margin-left:5px;
			padding-top: 12px;
			border:1px solid #484A50;
			color:#484A50;
			width: 148px;
			height: 50px;
			background:#fff;
		}
		.btn_idnum a.btn_regist:hover{
			opacity: 0.8;
			text-decoration:none;
		}
		.btn_idnum a.btn_login:hover{
			background:#484A50;
			color:#fff;
			text-decoration:none;
		}
		
		#sp-nav {
			display: none;
		}
		/* logout box ---------- */
		
		div#id_box {
			float:right;
			margin: 0;
			padding-right: 5px;
		}
		
		.btn_idnum div.id_info{
			/*height: 36px;*/
			display: inline-block;
			line-height: 36px;
			text-align: center;
			font-weight: bold;
			font-size: 1.2rem;
			vertical-align: top;
			border-radius: 3px;
		}
		.btn_idnum a.btn_logout{
			width: 130px;
			/*height: 36px;*/
			display: inline-block;
			line-height: 38px;
			text-align: center;
			font-weight: 400;
			font-size: 1.2rem;
			vertical-align: top;
			border-radius: 25px;
		}
		.btn_idnum div.id_info { 
			width: 130px;
    	margin-right: 0;
    	margin-top: 5px;
    	word-wrap: break-word;
    	line-height: 1;
    	padding-top: 10px;
		}
		
		.btn_idnum div.id_info p {
			line-height: 1;
    	text-align: left;
    	font-size: 11px!important;
    	word-wrap: break-word;
		}
		
		.btn_idnum div.id_info p span { font-weight: normal; word-wrap: break-word;}
		
		
		#id_num {
			display: block;
    	    line-height: 1;
    	    text-align: left;
            background: url(/aus/hc-cs/royal/img/common/icon/icon_id_header.png) no-repeat 0px center;
            background-size: 10px;
    	    font-weight: normal;
    	    font-size: 12px!important;
    	    padding: 3px 0 3px 16px;
    	    color: #484A50;
    		opacity: 0.6;
    		font-size: 10px;
		}
		
		.btn_idnum a.btn_logout {
			color: #555;
			border: 1px solid #484A50;
			margin:10px 0px 0 5px;
			background: #fff;
		}
		
		.btn_idnum a.btn_logout:hover{
			background: #484A50;
			color: #fff;
			text-decoration: none;
		}
		
		.btn_cv_area { 
		background: #eb5500;
		text-align: center;
		color: #fff;
		font-weight: bold;
		font-size: 16px;
	}
	#navSP { display: none; }
		
		
		#address {
			width: 100%;
			background-color: #F8F8F8;
			padding-bottom: 30px;
		}
		#address .sectionInner{
			max-width: 681px; 
			width: 100%;
			margin: 0 auto;
			padding: 30px 10px;
		}
		#address h3 {
			font-weight: 500;
			font-size: 20px;
			text-align: center;
			padding-bottom: 20px;
		}
		#address .subTitle {
			opacity: 0.7;
			font-size: 16px;
			text-align: center;
			padding-bottom: 20px;
		}
		#address .lead {
			color: #5B5C63;
			opacity: 0.5;
			width: auto;
			padding:0 10px 0px;
			margin: 0 auto;
			text-align: left;
			font-size: 10px;
    		text-indent: -1em;
		}
		#address a p{
			color: #FF7125;
		    text-align: center;
		    font-size: 18px;
		    border:1px solid #FF7125;
		    border-radius: 35px;
		    width: 261px;
		    margin: 10px auto;
		    padding: 18px 0;
		}
		#address a:hover {
			text-decoration: none;
		}
		#address a p:hover {
			background-color: #FF7125;
			color: #fff;
		}
		#address .addressBox table {
			width: 100%;
			height: 60px;
			text-align: left;
			margin: 5px 0 20px;
			border:1px solid #DCDCDC;
		}
		#address .addressBox table p.add-text{

			width: calc(100% - 130px);
		}
		#address .addressBox table.selected {
			border:1px solid #37D4E9;
		}
		#address .addressBox table.selected p.btn {
			position: absolute;
			right: 10px;
			top: 13px;
			width: 120px;
			text-align: center;
			opacity: 1;
			font-size: 13px;
			border-radius: 35px;
			padding: 7px 10px 7px 15px;
			border:0;
			color: #fff;
			background: linear-gradient(to right, rgb(28, 217, 182), rgb(67, 209, 255));
		}
		#address .addressBox table.selected p.btn img {
		    padding-left: 10px;
    		padding-bottom: 3px;
    		vertical-align: middle;
		}
		#address .addressBox table th {
			padding: 0 20px ;
			width: 140px;
			border-right: 1px solid #DCDCDC;
		}
		#address .addressBox table td {
			position: relative;
			padding: 0 20px ;
		}

		#address .addressBox table td p.btn{
			position: absolute;
			right: 10px;
			top: 15px;
			width: 120px;
			text-align: center;
			opacity: 0.6;
			font-size: 13px;
			border-radius: 20px;
			padding: 5px 10px;
			border:1px solid rgba(73,74,80,0.2);
			color: #494A50;
		}
		#address .addressBox table td a:hover {
			text-decoration: none;
		}

		#address .plofilebox h3 {
		    color: #484A50;
		    padding: 20px 0;
		    text-align: center;
		    font-size: 18px;
		    display: table;
		    white-space: nowrap;
		  }
  		#address .plofilebox h3:after,#address .plofilebox h3:before {
		    content: '';
		    display: table-cell;
		    width: 50%;
		    background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
		    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
		    background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
		    -webkit-background-clip: padding;
		    background-clip: padding;
		  }
	    #address .plofilebox h3:after{
		    border-left: 1em solid transparent;
		    opacity: 0.15;
		  }
	   #address .plofilebox h3:before{
		    border-right: 1em solid transparent;
		    opacity: 0.15;
		}
		footer {
			background-size: contain;
			background: url(../../img/common/footer-bg.png) repeat top center;
		}
		footer .sectionInner {
			width: 100%;
			max-width: 1050px;
			margin: 40px auto 0;
			position: relative;
		}
		footer .sectionInner #page-top {
			background-color: #FF7125;
			width: 64px;
			height: 64px;
			border-radius: 32px;
			position: fixed;
			margin-bottom: 16px;
			display: block;
			right: 10px;
			padding:20px 18px;
			box-shadow: 0 12px 24px 0 rgba(255,113,37,0.60);
		    -moz-box-shadow: 0 12px 24px 0 rgba(255,113,37,0.60);
		    -webkit-box-shadow: 0 12px 24px 0 rgba(255,113,37,0.60);
		}
		footer .sectionInner #page-top:hover {
			cursor:pointer;
		}
		footer .sectionInner nav {
			width: 100%;
			max-width: 656px;	
			margin: 0 auto;
			padding: 50px 0 70px;
		}
		footer .sectionInner nav ul {
			display: -webkit-flex;
		  display: -moz-flex;
		  display: -ms-flex;
		  display: -o-flex;
		  display: flex;
		  -webkit-justify-content: space-around;
		  -moz-justify-content: space-around;
		  -ms-justify-content: space-around;
		  -o-justify-content: space-around;
		  justify-content: space-around;
		}
		footer .sectionInner nav ul li a {
			color: #484A50;
			font-size: 13px;
		}
		footer .sectionInner nav ul li {
			padding-top: 10px;
		}
		footer .sectionInner nav ul li.logout {
			background-color: #fff;
			border:1px solid #484A50;
			width: 148px;
			height: 40px;
			text-align: center;
			border-radius: 20px;
		}
		
		footer .sectionInner nav ul li.logout:hover {
			background-color: #484A50;
			color: #fff;
			cursor: pointer;
		}
		footer .sectionInner nav ul li.logout:hover a {
			color: #fff;
		}
		footer .sectionInner nav ul li.logout a:hover {
			text-decoration: none;
			color: #fff;
		}
		footer .sectionInner .copyright {
			margin: 0 auto;
			text-align: center;
		}
		footer .sectionInner .copyright p{
			padding:10px 0;
			text-align: center;
			font-size: 10px;
		}
			
	}
	 
	/*----------------------------------------
	 Sp
	----------------------------------------*/
	@media screen and (min-width: 0px) and (max-width: 640px) {
		.preconfirm header {
		height: 60px !important;
		margin-bottom: 10px;
		position: fixed;
		}
		.member header.header_main {
			padding: 0;
		}
		div#login_area {
			width: 300px;
			margin: 0 auto;
			position: relative !important;
			top: 0;
			right: 0;
		}
		div#login_box {
			padding-right: 0;
		}
		.btn_idnum a.btn_regist {
			width: 146px;
			height: 40px;
			font-size: 15px;
			font-weight:normal;
			padding-top: 9px;
		}
		#address .addressBox table p.add-text{

			width: 74% !important;
		}
		.btn_idnum a.btn_regist span {
			font-size: 11px;
		}
		.btn_idnum a.btn_login {
			width: 134px;
			height: 40px;
			padding-top: 9px;
			font-weight: 600;
		}
		.btn_idnum a.btn_login p {
			font-size: 15px;
		}

		#address .plofilebox h3 {
			padding: 0px 0 10px;
		}

		#address a p {
			width: 200px;
			height: 40px;
			font-size: 14px;
			padding: 10px 0;
		}

		
	   #faq dt a, #faq dt a:hover, #faq dt a:visited, #faq dt a:active {
	   	padding: 10px 40px !important;
	   }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
	/* header --------------------------------- */

	header {
		padding: 19.73px 0;
		border-bottom: solid #e5e5e5 1px;
		box-shadow:0 2px 6px rgba(0, 0, 0, 0.2);
		width:100%;
		min-height: 61px;
		height: auto;
		min-width: 320px;
		margin: 0 auto;
	}
	header.header_top .sectionInner .app_link {
	   		max-width: 116px;
	   		width: 14%;
	   		min-width: 46px;
	    	height: 36px;
	    	padding: 4px 0;
	    	margin: 8px 0 0;
	    	font-size: 10px;
	    	line-height: 140%;
	    	background-color: #FF7125;
	    	color: #fff;
	    	border-radius: 6px;
	    	float: right;
	    	text-align: center;
	   	}
	header.header_main {
		padding: 19.73px 0;
		border-bottom: solid #e5e5e5 1px;
		box-shadow:0 2px 6px rgba(0, 0, 0, 0.2);
		width:100%;
		min-height: 61px;
		height: auto;
		min-width: 320px;
		margin: 0 auto;
	}

	.member header {
		padding: 0;
	}
	.preconfirm header {
		height: 95px;
	}
	#header {
		clear:both;
		width:100%;
		min-width: 320px;
		margin:0 auto;
	}
	#header h1 {
		width: 100%;
		display:inline-block;
		vertical-align: top;
		padding-top: 20px;
		text-align: center;
	}
	
	#header h1 img {
		width: 170px;
		position: absolute;
		left: 40px;
		top: 18px;
		vertical-align: top;
		padding: 10px 0 10px 0px;
	}
	#header h1 span {
		font-size: 8px;
		width: 100%;
		height: 16px;
		line-height: 2;
		position: absolute;
		top: 0;
		left: 0;
		text-align: center;
	}
	#header h1 > span br { display: none; }
	
	#header_toggle {
		position: absolute;
		left: 0;
		top: 19px;
	}
	/* login box ---------- */
	div#login_area{
		position: absolute;
		top: 24px;
		right: 10px;
	}
		.preconfirm header {
			height: 60px !important;
			margin-bottom: 10px;
			padding: 0;
		}
		.preconfirm #mainSection {
		    padding-top: 62px;
		}
		.member header {
			padding: 0;
		}
		div#login_area {
			top: 10px !important;
		}
		.preconfirm #header h1 img {
			left: 20px;
			padding-top: 3px;
		}
		.btn_idnum a.btn_regist {
			width: 146px;
			height: 40px;
			font-size: 15px;
			font-weight:normal;
			padding-top: 9px;
		}
		.btn_idnum a.btn_regist span {
			font-size: 11px;
		}
		.btn_idnum a.btn_login {
			width: 134px;
			height: 40px;
			padding-top: 9px;
			font-weight: 600;
		}
		.btn_idnum a.btn_login p {
			font-size: 15px;
		}

		.btn_idnum div.id_info {
			padding-top: 4px;
		}
	/* logout box ---------- */
	
	.btn_idnum a.btn_logout{
		text-align:center;
		font-weight:bold;
		vertical-align: top;
		border-bottom:2px solid #cdcdcd;
	}
	
	div.id_info { 
		word-wrap: break-word;
	}
	
	.btn_idnum div.id_info p {
		line-height:1.2;
		font-size: 9px !important;
		font-weight: bold;
		text-align: left;
	}
	
	div.id_info p span { font-weight: normal; }
	
	#sp-nav {
		display: none;

		width: 230px;
		height: 100%;
    	z-index: 100000;
		position: absolute;
		background-color: #fff;
	    padding-bottom: 40px;
	    text-align: center;

	}
	#sp-nav .inner {
		width: 230px;
		padding: 15px;
	}
	#sp-nav .inner .close {
		text-align: left;
	}
	#sp-nav .inner h3 {
		font-size: 16px;
		opacity: 0.6;
		padding-bottom: 10px;
	}
	#sp-nav .inner li {
		width: 100%;
		text-align: left;
		padding: 20px 0;
		border-bottom: 1px solid #E9E9E9;
	}
	#sp-nav .inner li a {
		width: 100%;
		color: #484A50;
	}
	#sp-nav .inner li a p {
		font-size: 16px;
	}
	#sp-nav .inner li a img {
		float: left;
		padding-top: 3px;
	}
	#sp-nav .inner li a.btn_h_m p {
		padding-left: 20px;
		font-size: 16px;
		background: url(../../img/common/sp-nav-icon.png) no-repeat top 5px left;	
	}
	#sp-nav .inner li img {
		margin-right: 5px;
	}
	/*#fltbg { background: rgba(0,0,0,.6); position: absolute; top: 0px; left :;z-index: 9999; height: 0; line-height: 0; width: 100%;}*/
	
	#id_box { 
		max-width: 150px;
		width: -webkit-calc(100% - 230px);
    width: calc(100% - 230px);
		padding-right: 10px;
		display: inline-block;	
		background: #fff;
		margin-left: 10px;
		z-index: 10000;
		position: relative;
	}
	.btn_idnum div.id_info{
		width: 100%;
		margin-top: 0;

	}
	.ovly {
		display: none;
		position: fixed;
		width: 100%;
    	height: 100%;
    	background-color: rgba(0,0,0,.4);
    	z-index: 99999;
	}
	#id_num {
		display: block;
		text-align: left;
		line-height:1.4;
        background: url(/aus/hc-cs/royal/img/common/icon/icon_id_header.png) no-repeat 0px center;
        background-size: 10px;
		font-weight: normal;
		padding-left: 11px;
		font-size: 9px !important;
		text-align: left;
	}
	#id_box .btn_idnum a span {
		margin-left:0;
		border-bottom:1px solid #cdcdcd;
		color:#555;
		background:#f2f2f2;
		display: block;
		padding: 10px;
		background: url(../../img/common/arrow/arrow_right_header_toggle.png) no-repeat 94% center;
		background-size: 12px;
		font-size: 14px!important;
	}
	
	#navSP a span {
    margin-left: 0;
    border-bottom: 1px solid #cdcdcd;
    color: #555;
    background: #f2f2f2;
    display: block;
    padding: 18px;
    font-size: 14px;
}
	
	.btn_idnum a:hover{ text-decoration: none; }
	
	#navSP { display: none; }
	footer {
			background-size: contain;
			background: url(../../img/common/footer-bg.png) repeat top center;
		}
		footer .sectionInner {
			width: 100%;
			max-width: 1050px;
			margin: 40px auto 0;
			position: relative;
		}
		footer .sectionInner #page-top {
			background-color: #FF7125;
			width: 40px;
			height: 40px;
			border-radius: 20px;
			position: absolute;
			right: 20px;
			position: fixed;
			display: block;
			margin-bottom: 10px;
			padding:8px 10px;
			box-shadow: 0px 0px 15px 8px rgba(255,113,37, 0.6);
	    -moz-box-shadow: 0px 0px 15px 8px rgba(255,113,37, 0.6);
	    -webkit-box-shadow: 0px 0px 15px 8px rgba(255,113,37, 0.6);

		}
		footer .sectionInner #page-top:hover {
			cursor:pointer;
		}
		footer .sectionInner #page-top img {
			width: 20px;
		}
		footer .sectionInner nav {
			width: 100%;
			max-width: 656px;	
			margin: 0 auto;
			padding: 0px 10px 20px;
		}
		footer .sectionInner nav ul {
			display: block;
		}
		footer .sectionInner nav ul li a {
			color: #484A50;
			font-size: 13px;
		}
		footer .sectionInner nav ul li {
			padding: 10px 0;
			width: 100%;
		}
		footer .sectionInner nav ul li.logout {
			background-color: #fff;
			border:1px solid #484A50;
			width: 148px;
			height: 40px;
			text-align: center;
			border-radius: 20px;
		}
		footer .sectionInner .copyright {
			margin: 0 auto;
			text-align: center;
		}
		footer .sectionInner .copyright p{
			font-size: 8px;
			padding-top: 10px;
		}

}


	/*----------------------------------------
	 sp
	----------------------------------------*/
	@media only screen and (max-width: 640px) {
		#id_box {
			width: 29%;
		}
		#address {
			padding: 15px 0px;
		}
		#address h3 {
			padding-bottom: 10px;
			font-size: 18px;
		}
		#address .subTitle {
			font-size: 15px;
			padding-bottom: 10px;
		}
		#address .addressBox .addressBoxInner {
			padding-top: 20px;
		}
		#address .addressBox table th {
			width: 110px;
			font-weight: 300;
			vertical-align: top;
			padding: 10px;
		}
		#address .addressBox table td {
			padding: 10px;
			vertical-align: middle;
			font-weight: 300;
		}
		#address .addressBox table td:after {
			content: "";
			clear: both;
		}
		#address .addressBox table td span {
			padding-top: 4px;
		}
		#address .addressBox table p.add-text{
			float: none;
			
			width: auto !important;
		}
		#address .sectionInner .addressBox table p.btn {
			position: static;
			float: left;
			width: 120px;
			text-align: center;
			opacity: 1;
			font-size: 13px;
			border-radius: 35px;
			padding: 7px 10px 7px 15px;
			border:1px solid rgba(73,74,80,0.2);
		}
		#address .sectionInner .addressBox table.selected p.btn {
			position: static;
			float: left;
			width: 120px;
			text-align: center;
			opacity: 1;
			font-size: 13px;
			border-radius: 35px;
			padding: 7px 10px 7px 15px;
			border:0;
			color: #fff;
			background: linear-gradient(to right, rgb(28, 217, 182), rgb(67, 209, 255));
		}

	}
	/*----------------------------------------
	 iphone5
	----------------------------------------*/
	@media only screen and (max-width: 320px) { 

		#id_box {
			width: 110px;
		}
	}


/**/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix{display:inline-table;min-height:1%;}
/* \*/
html .clearfix{* min-height:1%;}
.clearfix{display:block;}
/* */

/* =================================
add_home_bnr
================================= */

#add_home_wrap {
        width: 90%;
        margin: 0 auto;
        position: relative;
}

#add_home_wrap img.bn {
        width: 100%;
        display: none;
}

#add_home_wrap img.clb {
        top: -10%;
        right: -5%;
        width: 10%;
        position: absolute;
}

#add_home {
        opacity: 0;
        bottom: -400px;
        position: fixed;
}

#add_home.on {
        bottom: 0;
        opacity: 1;
        position: fixed;
        -webkit-transition-duration:.8s;
           -moz-transition-duration:.8s;
                        transition-duration:.8s;
}

.iOS img#ios_add_home,
.andriod img#and_add_home { display: inline; }
	
@media screen and (min-width: 0px) and (max-width: 767px) {
	
	.flexImg { 
		width: 90%; 
		margin: 0 auto;
	}
	
	.pc { 
		display: none !important;
	}
	.sp {
		display: block;
	}
}

@media screen and (min-width: 768px) and (max-width: 979px) {
	
	.flexImg { 
		width: 90%; 
		margin: 0 auto;
	}
	
	.pc { display: block; }
	.sp { display: none; }
}

@media screen and (min-width: 980px)  {
	.pc { display: block; }
	.sp { display: none; }
        #add_home { display: none; }
}