@charset "utf-8";



input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}



/* Forms Module
-------------------------------------------------- */
input, textarea {
margin:0;
padding:0;
}

legend{
color:#000;
}
button {
margin:0;
padding:0;
border:0;
background:none;
cursor:pointer;
}
input, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
color:inherit;
/* 装飾 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fff), color-stop(0.00, #d6d6d6));
background: -webkit-linear-gradient(#d6d6d6, #fff);
background: -moz-linear-gradient(#d6d6d6, #fff);
background: -o-linear-gradient(#d6d6d6, #fff);
background: -ms-linear-gradient(#d6d6d6, #fff);
background: linear-gradient(#d6d6d6, #fff);
background-color:#FCFCFC;
border-color:#a7a7a7 #ccc #ccc #ccc;
border-style:solid;
border-width:0px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
*font-size:100%;
}
input, textarea{
	text-indent:0.5em;

}

/* formフォーカス時 */
input:focus {
    border:solid 1px #f4cd1f;
}




/* フォント要素
-------------------------------------------------- */
.font10 {
	font-size:10px;
}
.font11 {
	font-size:11px;
}
.font12 {
	font-size:12px;
}
.font13 {
	font-size:13px;
}
.font14 {
	font-size:14px;
}
.font15 {
	font-size:15px;
}
.font16 {
	font-size:16px;
}
.font17 {
	font-size:17px;
}
.font18 {
	font-size:18px;
}
.font19 {
	font-size:19px;
}
.font20 {
	font-size:20px;
}
.font21 {
	font-size:21px;
}
.font22 {
	font-size:22px;
}
.font23 {
	font-size:23px;
}
.font24 {
	font-size:24px;
}
.font25 {
	font-size:25px;
}




/* エラー文 */
.error {
	color:#e40000;
	font-weight:bold;
	display:block;
	text-align:center;
	font-size: 12px;
}






/* #################### ログインポップアップ ################### */



#sign_up a, #sign_up2 a {
	color:#0973cc;		
}

#sign_up, #sign_up2 {
	text-align:center;
	color: #161616;
	line-height:1.8;
	border-radius: 10px;
	background: #f4cd1f;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #927806;
	-webkit-box-shadow: rgba(0,0,0,.4) 0px 1px 12px;
	-moz-box-shadow: rgba(0,0,0,.4) 0px 1px 12px;
	box-shadow: rgba(0,0,0,.4) 0px 1px 12px;
	padding: 40px 40px 30px 40px;
	width: 580px;
	height:auto;
	margin:0 auto;
	position: relative;
	display:none;
}

#sign_up2 {
	display:block;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	border:none;
}

#sign_up h1, #sign_up2 h1 {
	margin:0 auto;
	text-align:center;
	position:static;
	left:inherit;
	line-height:inherit;
}
#sign_up #bg, #sign_up2 #bg {
	background:url(http://www.rounge.jp/images/loginPopup/bgLine.jpg) no-repeat center bottom;
	width:580px;
	height:63px;
	margin-bottom: 10px;
}





#closeBtn {
	position:absolute;
	top:30px;
	right:40px;
}

#formStage {
	background:url(http://www.rounge.jp/images/loginPopup/dot.gif) repeat;
	border:1px solid #af9d4b;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow:inset 0 0 5px #000;
	-o-box-shadow:inset 0 0 5px #000;
	-webkit-box-shadow:inset 0 0 5px #000;
	box-shadow:inset 0 0 5px #000;
	padding:15px 20px;
	text-align:center;
	height: auto;
	margin-top: 15px;
}






#save {
	text-align:left;
	float:left;
	width:17em;
	padding-top:10px;
}
	#save label {
	}

p#forget {
	text-align:left;
	float:right;
	width:17.5em;
}

#forget a {
	display:block;
	padding:15px 0 0 10px;
	background:url(http://www.rounge.jp/images/loginPopup/sankaku2.gif) no-repeat left 21px;
}





#loginBtnGroup {
	clear:both;
}

#loginBtn {
	float:left;
	height:40px;
	margin: 20px auto 20px 30px;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.3);
	width: 237px;
}
#naBtn {
	float:right;
	height:40px;
	margin: 20px 30px 20px auto;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.3);
	width: 237px;
}




/* #################### フォーム ################### */

#formStage .rowElem {
	margin-bottom:15px;
}

#formStage .labelName {
	text-align:center;
	margin:0 auto 5px auto;
	font-size: 14px;
	color: #FFFFFF;
}

#formStage input.form1 {
	width:96%;
	height:30px;
	border-width: 1px;
	border-color:#FFFFFF #161616 #8a8a8a #161616;
}

/* Qr code */
.bg2 input.form2 {
	width:65%;
	float:left;
	height: 30px;
}
.bg2 input.form3 {
	box-shadow:0 0 3px rgba(0, 0, 0, 0.1);
	float:left;
	margin-left: 10px;
}









#baseWrap a {
	color:#0973cc;	
}

/* ### アコーディオン ### */

dt.accordion_head {cursor:pointer;}






/* オンライン会員に登録しよう */

dl#acordion {
	margin-top:10px;
	text-align:left;
}


dl#acordion dt.accordion_head {
	color:#0973cc;
}

dl#acordion dt {
	font-weight:bold;
	background:url(http://www.rounge.jp/images/loginPopup/sankaku.gif) no-repeat 132px 80px;
	text-indent:1em;
	font-size:14px;
	text-align:center;
	margin:0 auto;
}
dl#acordion h3 {
	margin-bottom:10px;
	font-size:14px;
	letter-spacing:0.2em;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom:none;
	letter-spacing:inherit;
	line-height:inherit;
	padding-bottom:inherit;
	text-align:left;
}
	#acordion dl.bg {
	border:1px solid #c7a717;
	padding:20px 20px 17px 20px;
	margin-bottom:20px;
	position:relative;
	}
	dl#acordion dl dt {
	font-weight:bold;
	background:none;
	text-indent:0;
	font-size:12px;
	text-align:left;
	margin:0;
	padding:0 10px;
	background:#f4cd1f;
	position:absolute;
	top:-10px;
	display:block;
	width: auto;
	}
	
dl#acordion h4 {
	font-weight:bold;
}

/* 携帯にURLを送る */
.bg2 {
	background-color:#e8c31d;
	height:94px;
	position: relative;
}

.bg2 #leftBox {
	position:absolute;
	width:72px;
	height:72px;
	top:10px;
	left:10px;
}

.bg2 #rightBox1 {
	top:10px;
	left:92px;
	position:absolute;
	line-height:1.5;
}

.bg2 #rightBox2 {
	left:92px;
	top:50px;
	position:absolute;
	width: 80%;
}



dl#acordion dd ul {
}

dl#acordion dd li {
	list-style-type:decimal;
	margin-bottom:10px;
	margin-left:20px;
}





#rCheckBtn2 {
	margin:20px auto 0 auto;
	height:34px;
	width:43px;
	box-shadow:0 0 3px rgba(0, 0, 0, 0.1);
}
















/* Media Queries による切り替え タブレット向け */
@media only screen and (max-device-width: 700px) {



/* #################### ログインポップアップ ################### */

#sign_up, #sign_up2 {
	letter-spacing:0em;
	padding: 6% 5% 4% 5%;
	width: 80%;
	margin-bottom: 4%;
	height: auto;
}

#sign_up #bg, #sign_up2 #bg {
	background:none;
	height:auto;
	width:100%;
	margin-bottom: 1.5%;
}

#closeBtn {
	position:absolute;
	top:15px;
	right:5%;
}

#formStage {
	padding:4% 5%;
	text-align:center;
	height: auto;
	margin-top:1.5%;
}


/* form */
#formStage .rowElem {
	width:100%;
	float:none;
}

#formStage .labelName {
	width:100%;
	float:none;	
}



#save {
	padding-top:2.5%;
}

p#forget {
	width:15em;
	padding-top:3.5%;
}

#forget a {
	padding:0 0 0 0.5em;
	background:url(http://www.rounge.jp/images/loginPopup/sankaku2.gif) no-repeat left center;
}


#loginBtn {
	float:none;
	margin: 5% auto 5% auto;
}
#naBtn {
	float:none;
	margin: 2% auto 5% auto;
}



/* #################### フォーム ################### */

#formStage .rowElem {
	margin-bottom:5%;
}

#formStage input.form1 {
	margin:0 auto;
	display:block;
}


/* Qr code */

input.form2 {
}
input.form3 {
}





/* オンライン会員に登録しよう */

dl#acordion {
	margin-top:7%;
	text-align:left;
}


dl#acordion dt.accordion_head {
	color:#0973cc;
}

dl#acordion dt {
	width:20.5em;
}
dl#acordion h3 {
	margin-bottom:6%;
	letter-spacing:0em;
	margin-top: 3%;
}
	#acordion dl.bg {
	padding:2em 3% 1em 3%;
	margin-bottom:6%;
	}
	dl#acordion dl dt {
	padding:0 1%;
	top:-10px;
	}

	


/* 携帯にURLを送る */

.bg2 #leftBox {
	position:absolute;
	width:72px;
	height:72px;
	top:1em;
	left:3%;
}

.bg2 #rightBox1 {
	top:1em;
	margin-left:82px;
	margin-right:3%;
	left:3%;
	position:absolute;
}

.bg2 #rightBox2 {
	left:0;
	margin-top:92px;
	top:3%;
	position:absolute;
	margin-left: 3%;
	width: 100%;
}





dl#acordion dd li {
	margin-bottom:1%;
	margin-left:1.5em;
}




#rCheckBtn2 {
	margin:8% auto 3% auto;
}




}

/* iPhone5 landscape */
@media only screen and (max-device-width: 700px) {

.bg2 {
	height:140px;
}
}


/* iPhone5 landscape */
@media only screen and (max-device-width: 568px) {

}




/* Media Queries による切り替え スマホ向け */
@media only screen and (max-device-width: 481px) {

#closeBtn {
	position:static;
	margin:0 auto 3% auto;
	text-align:center;
}

dl#acordion dt {
	font-size:11px;
	width:20.5em;
}




#formStage .rowElem {
	margin-bottom:3%;
	clear: both;
}


.bg2 {
	height:175px;
}
.bg2 input.form1 {
}



.bg2 input.form2 {
	float:none;
	width:91%;

}


.bg2 input.over {
	float:none;
}
.bg2 input.form3 {
	margin-top:3%;
	margin-left:0;
	float:none;

}



/* 携帯にURLを送る */

.bg2 #leftBox {
	position:absolute;
	width:72px;
	height:72px;
	top:1em;
	left:3%;
}

.bg2 #rightBox1 {
	top:1em;
	margin-left:82px;
	left:3%;
	position:absolute;

}

.bg2 #rightBox2 {
	left:0;
	margin-top:92px;
	top:3%;
	position:absolute;
	margin-left: 3%;
	width: 100%;
}






}