*{
	font-family:"HGMaruGothicMPRO","Hiragino Maru Gothic Pro" ,verdana ,arial ,sans-serif;
}

body {
	background: url('images2/bgbgbg.png');
	background-size: 30%;
}

input[type="text"],
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="text"]::-webkit-search-decoration,
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="text"]::focus,
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
input#btn-send {
	background-color: #47595e;
	border-radius: 4px;
	padding: 10px;
	width: 80%;
	height: 60px;
	color: #fff;
	border-style: none;
	font-size: 14px;
}
input#btn-send.sendok {
	background-color: #3CB371;
	border-radius: 4px;
	padding: 10px;
	width: 80%;
	height: 60px;
	color: #fff;
	border-style: none;
	font-size: 14px;
}

#head {
	position: relative;
	z-index:1;
}
.top_bn_area {
	width: 100%;
	max-height: 100%;
}
.top_bn_area img {
	width: 100%;
	height: 100%;
}
.prf_photo {
	position: absolute; top:-36px; left:16px;
}
.prf_photo.w {
	position: absolute; top:-32px; left:16px;
}
.prf_photo img {
	border-radius: 12px;
	border: 4px solid #fff;
	width: 80px;
	height: 80px;
}

#myprf {
	position: relative;
	z-index:2;
	background-color: #fff;
	padding-bottom: 6px;
}
.nowcoinarea{
	text-align: right;
	margin: 16px 16px 8px 16px;
	padding: 6px 0px 0px;
}
.nowcoin {
	font-size:13px;
	color: #999;
	margin-right: 4px;
	vertical-align: middle;
}
.coin {
	font-weight: bold;
	font-size:28px;
	margin-right: 6px;
	color: #47595e;
	vertical-align: middle;
}
a.btn_addcoin {
	display:inline-block;
	border-radius: 6px;
	background-color: #f4e601;
	width:60px;
	padding-top:16px;
	padding-bottom:14px;
	vertical-align: middle;
	text-align:center;
	font-size:16px;
	color: #000;
	text-decoration: none;
}
.personalarea {
	margin: 0px 16px;
}
.personalarea.w {
	margin: 0px 16px 0px 130px;
	padding: 12px 0px 0px 0px;
}
.name {
	font-size:20px;
	font-weight: bold;
	color: #000;
	padding: 2px 0px;
}
.userid {
	font-size:14px;
	color: #999;	
	padding: 2px 0px 4px;
}
.prcommentarea {
	margin: 12px 16px;
}
.prcommentarea.w {
	margin: 16px 16px 18px;
}
.btnprfeditarea {
	margin: 12px auto;
	text-align: center;
}
a.btn_prfedit {
	display:inline-block;
	border-radius: 6px;
	border: 1px solid #47595e;
	background-color: #fff;
	width:50%;
	padding-top:16px;
	padding-bottom:14px;
	vertical-align: middle;
	text-align:center;
	font-size:13px;
	font-weight: bold;
	color: #47595e;
	text-decoration: none;
}


.main-nav {
	position: relative;
	z-index:3;
	//display: flex;
	//justify-content: center;
	background-color: #fff;
}
.icon {
	float: left;
	position: relative;
	margin: 0px;
	width: 100%;
	1height: 100%;
}
.icon img {
	width: 100%;
	height: 100%;
}
.icon .badge {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.icon .badge .inner {
	display: block;
	position: relative;
	margin: 4px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	color: #fff;
	line-height: 38px;
	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, from(#ee757b), to(#c80507));
	background: -webkit-linear-gradient(top, #ee757b, #c80507);
	background: linear-gradient(to bottom, #ee757b, #c80507);
	background: gradient(linear, center top, center bottom, from(#ee757b), to(#c80507));
}


/* /// Prof_Edit ///*/
.profedit {
	margin: 12px 0px;
	padding: 12px;
	background-color: #fff;
}
#profeditform {
	text-align: center;
	margin: 0px auto;
}
#profeditform .input-wrap {
	margin: 4px auto 24px;
	width: 100%;
}
#profeditform .textarea-wrap {
	margin: 4px auto 24px;
	width: 80%;
}
#profeditform p {
	text-align: left;
	margin: 6px 6px 0px 42px;
	font-size: 1.0em;
	line-height: 130%;
	color: #666;
}
input#edit-nickname {
	border:1px solid #47595e;
	border-radius: 4px;
	padding: 10px 4px;
	width: 80%;
	height: 40px;
}

/* /// friendprof ///*/
.nguserbtn {
	display: flex;
}
.nguserbtn ul {
	font-size: 0;
}
.nguserbtn li {
	background-color: #cccccc;
	display: inline-block;
	font-size: 12px;
	width: 100%;
}
a.btn_user_exclusion {
	display: inline-block;
	border-radius: 0px;
	background-color: #47595e;
	width:100%;
	padding-top:16px;
	padding-bottom:14px;
	vertical-align: middle;
	text-align:center;
	font-size:14px;
	color: #fff;
	text-decoration: none;
}
.nguserbtn .block {
	background-color: #444;
	color: #fff;
	text-decoration: none;
}
.nguserbtn .report{
	background-color: #ee757b;
	color: #fff;
	text-decoration: none;
}


#friendprof_m {
	position: relative;
	margin:4px 16px 4px;
}
.friendprof_photo_m {
	position: relative;
	z-index:2;
	margin-left: 16px;
}
.friendprof_photo_m img {
	border-radius: 0px;
	border: 4px solid #fff;
	width: 120px;
	height: 120px;
}
.friendprof_disp_m {
	position: absolute; top:20px; left:150px;
	width: 58%;
}
.friendprof_disp_m p {
	font-size:16px;
	color: #333;
	padding: 4px 0px;
}
.friendprof_comment_m p {
	font-size:16px;
	color: #333;
	line-height: 130%;
	margin: 4px auto 4px 16px;
	padding: 0px;
}


#friendprof {
	position: relative;
	margin:38px 16px 24px;
}

.friendprof_photo {
	position: relative;
	z-index:2;
	margin-left: 16px;
}
.friendprof_photo img {
	border-radius: 0px;
	border: 4px solid #fff;
	width: 120px;
	height: 120px;
}
.friendprof_disp {
	position: absolute; top:10px; left:150px;
	width: 58%;
}
.friendprof_disp p {
	font-size:16px;
	color: #333;
	padding: 4px 0px;
}
.friendprof_comment p {
	font-size:16px;
	color: #333;
	line-height: 130%;
	margin: 4px auto 4px 16px;
	padding: 0px;
}
#chatarea {
	margin: 0px auto;
}
.chatarea-wrap {
	margin: 12px auto;
	width: 80%;
}
.chatarea-wrap textarea {
	border:1px solid #47595e;
	border-radius: 4px;
	padding: 10px 0px;
	width: 100%;
	height: 32px;
}
.btnchatarea {
	display: flex;
}
.btnchatarea ul {
	font-size: 0;
}
.btnchatarea li {
	background-color: #47595e;
	display: inline-block;
	font-size: 12px;
	width: 100%;
}
a.btn_post {
	display: inline-block;
	border-radius: 0px;
	background-color: #47595e;
	width:100%;
	padding-top:30px;
	padding-bottom:30px;
	vertical-align: middle;
	text-align:center;
	font-size:14px;
	color: #fff;
	text-decoration: none;
}
.btn_post.addphoto {
	background-color: #47595e;
	color: #ccc;
	font-size:14px;
	text-decoration: none;
}
.btn_post.chatsend{
	background-color: #3CB371;
	color: #fff;
	font-size:16px;
	font-weight: bold;
	text-decoration: none;
}
#btn_back {
	margin: 0px auto;
	padding-top: 24px;
}
#btn_back_m {
	margin: 0px auto;
	padding-top: 2px;
}
.backbtnarea {
	margin: 12px auto;
	text-align: center;
}
a.backbtn {
	display:inline-block;
	border-radius: 6px;
	border: 1px solid #47595e;
	background-color: #fff;
	width:50%;
	padding-top:16px;
	padding-bottom:14px;
	vertical-align: middle;
	text-align:center;
	font-size:13px;
	font-weight: bold;
	color: #47595e;
	text-decoration: none;
}


/* /// other ///*/
.main-nav {
	position: relative;
	z-index:3;
	display: flex;
	justify-content: center;
	background-color: #fff;
}
.other {
	margin: 12px 0px;
	padding: 12px;
	background-color: #fff;
}
.other h3 {
	margin: 24px 6px 6px;
	font-weight: bold;
	font-size: 1.2em;
	color: #666;
}
.other p {
	margin: 6px 16px 12px;
	font-size: 1.0em;
	line-height: 130%;
	color: #666;
}
.other ul {
	list-style: square;
	margin: 0px 16px 0px 28px;
}
.other li {
	margin: 6px 6px 12px;
	font-size: 1.0em;
	line-height: 130%;
	color: #666;
}

/* /// manual ///*/
#manual{
	background-color: #fff;
	text-align: center;
}
#manual .contents{
	width: 100%;
	height: 100%;
}
#manual .contents img{
	width: 100%;
	height: 100%;
}
#manual .link img{
	width: 90%;
	margin: 2px auto 40px;
}

/* /// toiawase ///*/
.select-wrap {
	margin: 24px auto;
	width: 80%;
}
select{
    outline:none;
    -moz-appearance: none;
    text-indent: 0.00px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 44px;
    padding: 6px 12px;
    border:1px solid #47595e;
    color: #999;
    width:100%;
    border-radius:4px;
}
select option{
  background-color: #f5f5f5;
  color: #333;
}

.input-wrap {
	margin: 24px auto;
	width: 100%;
}

.textarea-wrap {
	margin: 24px auto;
	width: 100%;
}
textarea {
	border:1px solid #47595e;
	border-radius: 4px;
	padding: 10px 0px;
	width: 100%;
	height: 160px;
}
#contactform {
	text-align: center;
	margin: 0px auto;
}
#contactform p {
	margin: 6px 4px 36px;
	font-size: 1.0em;
	line-height: 130%;
	color: #666;
}
#contactform .errmes {
	margin: 4px;
	font-size: 1.0em;
	line-height: 130%;
	color: #FF0000;
}
#contactform .confirmarea {
	text-align: left;
	margin: 12px 24px;
}


/* /// freecoin ///*/
#freecoin{
	background-color: #fff;
	text-align: center;
}
#freecoin p.cat{
	margin: 24px auto 10px;
	padding: 2px 24px;
	text-align: center;
	font-size: 1.3em;
	font-weight: bold;
	color: #000;
}
#freecoin p.desc{
	margin: 4px auto;
	padding: 2px 24px;
	text-align: left;
	font-size: 1.0em;
	color: #333;
	line-height: 120%;
}
#freecoin p.notice{
	margin: 2px auto;
	padding: 2px 24px;
	text-align: left;
	font-size: 0.8em;
	color: #ee757b;

}



/* /// iTunesCode ///*/
.btn_carrier{
  width: 94%;
  margin: 8px auto;
}
.cd-link-box{
  text-align: center;
  margin: 60px 0px;
}
.cd-contents-description{
  margin: 30px;
  line-height: 150%;
}
.cd-contents-catch{
  margin: 30px;   
}
.cd-contents-catch-txt-title{
  text-align: center; 
  font-size: 1.4em;
  font-weight: bold;
  color: #0784b8;
}
.cd-contents-catch-box{
  margin: 30px 0px 0px;   
}
.cd-contents-catch-box p{
  font-size: 1.0em;
  line-height: 150%;
}
.cd-contents-catch-txt-caption{
  padding: 10px 0px;
  color: #0784b8;
}

.link_itunescode{
  margin: 30px;
}
img.bn_itunescode{
  width: 100%;
  margin: 8px auto;
  -webkit-border-radius: 10px;
}



/*===================新ミドルエリア===================*/
.clear {
	content: '';
	display: block;
	clear: both;
}

div#button_area{
	width:100%;
//	background:#c1d961;
}
div#button_wrapper{
	width:70%;
//	max-width:640px;
	margin:0 auto;
}
.middle_button_wrapper{
	width:100%;
	max-width:160px;
	margin:0;
	display:block;
	float:left;
	padding:10px 0 0;
}
#newmessage_button{
	width:100%;
	position:relative;
	height:0;
	padding-bottom:63%;
//padding-bottom:82.75862068965517%;
	background:url("images2/btn_newmessage.png") no-repeat;
	background-size:100%;
	z-index:0;
	display:block;

}
#newmessage_button:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";

}
#footmark_button{
	width:100%;
	position:relative;
	height:0;
	padding-bottom:63%;
//padding-bottom:82.75862068965517%;
	background:url("images2/btn_footmark.png") no-repeat;
	background-size:100%;
	z-index:0;
	display:block;

}
#footmark_button:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";

}
#information_button{
	width:100%;
	position:relative;
	height:0;
	padding-bottom:63%;
//padding-bottom:82.75862068965517%;
	background:url("images2/btn_information.png") no-repeat;
	background-size:100%;
	z-index:0;
	display:block;

}
#information_button:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";

}
#coin_button{
	width:100%;
	position:relative;
	height:0;
	padding-bottom:63%;
//padding-bottom:82.75862068965517%;
	background:url("images2/btn_coin.png") no-repeat;
	background-size:100%;
	z-index:0;
	display:block;

}
#coin_button:hover{
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";

}

.button_num{
	position:absolute;
	top:-3px;
	right:-3px;
	width:32%;
	height:38%;
	background:#ff8888;
	color:#fff;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 0px #fff solid;
	text-align:center;
	border:2px #fff solid;
	z-index:0;
	display:block;
	box-sizing:border-box;
}
.button_num2{
	display:table;
	width:100%;
	height:100%;
	box-sizing:border-box;
	text-align:center;
}
span.middle{
	display:table-cell;
	vertical-align:middle;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	font-size:16px;
	font-weight:bold;
	box-sizing:border-box;
}

@media screen and (max-width: 600px){
	span.middle{
		font-size:11px;
	}
}

@media screen and (max-width: 400px){
	span.middle{
		font-size:9px;
	}
}

/*===================新ミドルエリアここまで===================*/


/*===================HOWTO&無料GETエリア===================*/
div#picbutton_area{
	width:100%;
	background:#cdc9ff;
	padding:10px 0;
}
div#picbutton_wrapper{
	width:90%;
	max-width:640px;
	margin:0 auto;
}
a.picbutton_howto_wrapper{
	width:49.21875%;
	max-width:315px;
	margin:0px 0.78125% 0 0;
	display:block;
	float:left;
}
a.picbutton_freecoin_wrapper{
	width:49.21875%;
	max-width:315px;
	margin:0px 0 0 0.78125%;
	display:block;
	float:left;
}
img.picbutton{
	width:100%;
}
/*===================HOWTO&無料GETエリアここまで===================*/


/*===================フッターエリア===================*/
#foot_area{
//background-color: #8cd2d6;
	width:100%;
	margin:0px 0 0;
}
#foot_wrapper{
	width:100%;
	max-width:640px;
	margin:0 auto;
}

#foot_wrapper:after{
	clear: both;
	content: " ";
	display: block;
}

.foot_btn_wrapper{
	width:25%;
	float:left;
	max-width:160px;
}
.foot_btn{
	width:100%;
	max-width:160px;
	margin:5px 0;
}
/*規約ボタンー*/
#btn_kiyaku{
	height:0;
	width:100%;
	background:url("../images/btn_kiyaku.png") no-repeat;
	margin:0 auto;
	padding-bottom:10.15625%;
	background-size:100%;
	display:block;
}

#btn_kiyaku:hover{
	background:url("../images/kiyaku_on.png") no-repeat;
}
#btn_kiyaku:active{
	background:url("../images/kiyaku_on.png") no-repeat;
}

/*会社概要ボタンー*/
#btn_company{
	height:0;
	width:100%;
	background:url("../images/btn_company.png") no-repeat;
	margin:0 auto;
	padding-bottom:10.15625%;
	background-size:100%;
	display:block;
}
#btn_company:hover{
	background:url("../images/company_on.png") no-repeat;
}
#btn_company:active{
	background:url("../images/company_on.png") no-repeat;
}



/*特商法ボタンー*/
#btn_tokusyou{
	height:0;
	width:100%;
	background:url("../images/btn_tokusyou.png") no-repeat;
	margin:0 auto;
	padding-bottom:10.15625%;
	background-size:100%;
	display:block;
}
#btn_tokusyou:hover{
	background:url("../images/tokushou_on.png") no-repeat;
}
#btn_tokusyou:active{
	background:url("../images/tokushou_on.png") no-repeat;
}

/*問い合わせボタンー*/
#btn_contact{
	height:0;
	width:100%;
	background:url("../images/btn_contact.png") no-repeat;
	margin:0 auto;
	padding-bottom:10.15625%;
	background-size:100%;
	display:block;
}
#btn_contact:hover{
	background:url("../images/contact_on.png") no-repeat;
}
#btn_contact:active{
	background:url("../images/contact_on.png") no-repeat;
}
@media screen and (max-width: 317px){
	.myprofile_point{
		width:75%;
		-moz-border-radius-topleft: 15px;
		-moz-border-radius-bottomleft: 15px;
		-webkit-border-top-left-radius: 15px;
		-webkit-border-bottom-left-radius: 15px;
		border-radius: 15px 0 0 15px;
		border: 1px #aaa solid;
		background:;
		font-size:12px;
		font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
		font-weight:bold;
		color:#666;
		text-align:right;
		padding:10px 5px 10px 38px;
		box-sizing:border-box;
		height:55px;
		background:#ffeeff url("../images/myprofile_point_bg.png") no-repeat;
		vertical-align:middle;
		float:left;
		line-height:1;
	}
}




@media screen and (max-width: 281px){
	.myprofile_point_buy{
		width:25%;
		-moz-border-radius-topright: 15px;
		-moz-border-radius-bottomright: 15px;
		-webkit-border-top-right-radius: 15px;
		-webkit-border-bottom-right-radius: 15px;
		border-radius: 0 15px 15px 0;
		border-top: 1px #aaa solid;
		border-right: 1px #aaa solid;
		border-bottom: 1px #aaa solid;
		background:;
		font-size:15px;
		font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
		font-weight:bold;
		color:#FFF;
		text-align:right;
		padding:13px 3px;
		box-sizing:border-box;
		height:55px;
		background:#ffb8b8;
		vertical-align:middle;
		text-align:center;
		float:left;
		line-height:1;
	}
}

#global_menu_space {
	background-color: #8cd2d6;
	width: 100%;
	padding-bottom: 12.5%;
}

/*===================フッターエリアここまで===================*/


/*-----------------------------------------------
マイページ
-----------------------------------------------*/
#top_area{
	width:100%;
    background:#dcfdff;
	background: url('img/main_top_background.png');
	background-size: 100%;
	margin:30px auto 0;
	padding:0;
	max-width: 900px;
}
#top_bunner_wrapper{
	width:90%;
	max-width:640px;
	margin:15px auto 15px;
	display:block;
}

.top_bunner_wrapper{
	width:90%;
	max-width:640px;
	margin:15px auto 15px;
	display:block;
}

#top_bunner{
	width:100%;
}

.top_bunner{
	width:100%;
}

#myprofile_wrapper2{
	width:100%;
	margin:0 auto;
}
#myprofile_wrapper{
	margin:10px auto;
	width:95%;
	max-width:640px;
	background-size:100%;
	box-sizing:border-box;
//	-moz-border-radius: 10px;
//	-webkit-border-radius: 10px;
//	border-radius: 10px;
	border: 0px #fff solid;
	background:#fff;
	box-shadow:0px 1px 3px #aaa inset;
	padding:10px;
}

#top_infomation_wrapper{
	margin:3px auto;
	width:90%;
	max-width:640px;
}

#top_infomation{
	width:50%;
	box-sizing:border-box;
	height:50px;
	padding:17px 3px 10px 10px;
	max-width:320px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	font-size:12px;
	color:#ff5533;
	background:#fff;
	float:left;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px #fce7ce solid;

}

#btn_edit_profile_wrapper{
	width:21.875%;
	max-width:140px;
	float:left;
	margin:0 0 0 3.125%;
	height:50px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px #fce7ce solid;
	background:#fff;
	font-size:10px;
	box-sizing:border-box;
	display:block;
	text-align:center;
	padding:6px 1%;
	text-decoration:none;
	color:#888;
}
#btn_edit_profile_icon{
	width:25px;
	height:25px;
	margin:0 auto;
}

#btn_edit_function_wrapper{
	width:21.875%;
	max-width:140px;
	float:left;
	margin:0 0 0 3.125%;
	height:50px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 1px #fce7ce solid;
	background:#fff;
	font-size:10px;
	box-sizing:border-box;
	display:block;
	text-align:center;
	padding:6px 1%;
	text-decoration:none;
	color:#888;
}
#btn_edit_function_icon{
	width:25px;
	height:25px;
	margin:0 auto;
}



#myPhoto{
	display:block;
	margin:0 auto;
	width:50%;
//	max-width:160px;
}
#photo_edit{
	width:100%;
	max-width:160px;
	display:block;
}
#photo_edit:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
#photo_edit:active{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
.tx a{
	font:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	font-size:16px;
	color:#515151;
	text-decoration:none;
}
.myprofile_top{
	margin:0;
	width:100%;
	line-height:2;
	box-sizing:border-box;
	text-align:center;
	font-size:14px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	font-weight:bold;
	color:#666;
}
.myprofile_right{
	margin:0;
	width:70%;
	text-align:center;
	float:left;
}
.myprofile_left{
	margin:0 auto;
	width:27%;
	text-align:center;
//	float:left;
	max-width:160px;
}

.myprofile_point{
	width:75%;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-radius: 10px 0 0 10px;
	border: 2px #fddde6 solid;
	background:;
	font-size:12px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	font-weight:bold;
	color:#666;
	text-align:right;
	padding:20px 5px 10px 38px;
	box-sizing:border-box;
	height:55px;
	background:rgba(255,255,255,0.8) url("images2/myprofile_point_bg.png") no-repeat;
	vertical-align:middle;
	float:left;
	line-height:1;
	display:table-cell;
}

.myprofile_point_buy{
	width:25%;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-radius: 0 10px 10px 0;
	border-top:  2px #fddde6 solid;
	border-right:  2px #fddde6 solid;
	border-bottom:  2px #fddde6 solid;
	background:;
	font-size:15px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
	font-weight:bold;
	color:#FFF;
	text-align:right;
	padding:20px 3px;
	box-sizing:border-box;
	height:55px;
	background:#ffb8b8;
	vertical-align:middle;
	text-align:center;
	float:left;
	line-height:1;
	text-decoration:none;
	display:table-cell;
}

.code_img{
	width:100%;

}
.id_img{
	width:100%;

}
.code_txt{
	width:25%;
	font-size:12px;
	display:table-cell;
	max-width:105px;
	vertical-align:middle;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
}


.myprofile_point_buy:hover{
	text-decoration:underline;
}
.myprofile_point_buy:active{
	text-decoration:none;
}




span.point{
	font-size:21px;
	font-weight:bold;
	color:#ff9900;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,sans-serif;
}


#myprofile_wrapper_l {
	background: url(images2/menu_background2.png);
//background-size: 100%;
	float:left;
	width: 29%;
	box-sizing: border-box;
	padding-bottom: 10px;
	margin-left: 3%;
	margin-right: 2%;
}

#myprofile_wrapper_r {
	float:left;
	width: 65%;
	box-sizing: border-box;
}

#myprofile_id_code {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

#myprofile_id {
	float: left;
	background: url(images2/myprofile_user_id.gif) no-repeat;
	background-size: 100%;
	width: 48%;
//	max-width: 198px;
	height: 0;
	padding-bottom:21.21212121212121%;
	box-sizing: border-box;
	margin: 0 1%;
	position: relative;
}

#myprofile_code {
	float: left;
	background: url(images2/myprofile_user_code.gif) no-repeat;
	background-size: 100%;
	width: 48%;
//	max-width: 198px;
	height: 0;
	padding-bottom:21.21212121212121%;
	box-sizing: border-box;
	margin: 0 1%;
	position: relative;
}

#myprofile_coin {
	background: url(images2/myprofile_coin_area.gif) no-repeat;
	background-size: 100%;
	width: 98%;
	height: 0;
	padding-bottom:18.64406779661017%;
	box-sizing: border-box;
	margin: 1%;
	position: relative;
}

.myprofile_coin_buy {
	background: url(images2/myprofile_coin_buy.gif) no-repeat;
	background-size: 100%;
	width: 30.50847457627119%;
	height: 0;
	padding-bottom:14.28572619047619%;
	position: absolute;
	right: 3%;
	top: 12%;
}

.id_code_space {
	position: absolute;
	width: 56%;
	top: 30%;
	right: 0;
	font-size: 40px;
	font-weight: bold;
}

/*- プロフボタン -*/
.prof_btn {
	display: block;
	width: 15%;
	position: absolute;
	top: 6.8%;
	right: 1.8%;
}

@media screen and (max-width: 830px){
	.id_code_space {
		position: absolute;
		width: 56%;
		top: 30%;
		right: 0;
		font-weight: bold;
		font-size: 36px;
	}
}
@media screen and (max-width: 750px){
	.id_code_space {
		position: absolute;
		width: 56%;
		top: 30%;
		right: 0;
		font-weight: bold;
		font-size: 30px;
	}
}
@media screen and (max-width: 630px){
	.id_code_space {
		position: absolute;
		width: 56%;
		top: 30%;
		right: 0;
		font-weight: bold;
		font-size: 24px;
	}
}
@media screen and (max-width: 550px){
	.id_code_space {
		position: absolute;
		width: 56%;
		top: 30%;
		right: 0;
		font-weight: bold;
		font-size: 18px;
	}
}
@media screen and (max-width: 430px){
	.id_code_space {
		position: absolute;
		width: 56%;
		top: 30%;
		right: 0;
		font-weight: bold;
		font-size: 12px;
	}
}

.coin_space {
	position: absolute;
	width: 28%;
	top: 30%;
	left: 20%;
	font-size: 46px;
	font-weight: bold;
	text-align: right;
	color: #ff9900;
}

@media screen and (max-width: 830px){
	.coin_space {
		font-size: 40px;
	}
}
@media screen and (max-width: 750px){
	.coin_space {
		font-size: 34px;
	}
}
@media screen and (max-width: 630px){
	.coin_space {
		font-size: 28px;
	}
}
@media screen and (max-width: 550px){
	.coin_space {
		font-size: 22px;
	}
}
@media screen and (max-width: 430px){
	.coin_space {
		font-size: 16px;
	}
}