/*
カンプから変更
url(../img/*******)
↓
url(/img/www/wa/img/*******)
*/


.tab{
	list-style: none;
	overflow: hidden;
	clear: both;
	position: fixed !important;
    	top: 40px;
	z-index: 9998;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 1px solid #e6e6e6;
	background: rgba(255,255,255,1.0);
}

.tab li{
	float: left;
	box-sizing: border-box;
	width: 33.3%;
	margin: 0;
	padding: 5px 5px 5px 5px;
	font-size: 0.8rem;
	text-align: center;
	cursor: pointer;
}

.tab li:hover{
        color: #f7738;
}

.tab li.active {
   
}

.active{
    display: block;
}



/*----------------------------------------------------------------------*/
/*アルバム(ギャラリー）-------------------------------------------------*/
/*----------------------------------------------------------------------*/

#album .albumProfile_wrap,
#albumList .albumProfile_wrap{
	overflow: hidden;
	position: fixed;
    	top: 40px;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px 8px 10px 8px;
	background: rgba(255,255,255,0.6);
}

#album .albumProflie_thumbnail,
#albumList .albumProflie_thumbnail{
	float: left;
	overflow: hidden;
	width: 75px;
	height: 75px;
	margin: 0 15px 0 0;
	padding: 0;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
}

#album .albumProflie_data,
#albumList .albumProflie_data{
	list-style: none;
	float: left;
	width: 65%;
	margin: 0;
	padding: 0;

}

#album .albumProflie_data_nickname,
#albumList .albumProflie_data_nickname{
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: left;
	word-wrap: break-word;
}


#album .albumProflie_data_area,
#albumList .albumProflie_data_area{
	margin: 0;
	padding: 0;
	font-size: 0.7rem;
	text-align: left;
	color: #937854;
}

#album .albumMenu{

	list-style: none;
	margin: 0;
	padding: 180px 15px 15px 15px;
}

#album .albumMenu_photo,
#album .albumMenu_movie,
#album .albumMenu_voice{
	margin: 0 15px 10px 15px;
	padding: 0;

}


#album .albumContent_wrap{
	overflow: hidden;
	clear: both;
	margin: 0;
	padding: 150px 0 150px 0;
}

#album .contentPost{
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 10px 3% 5px 3%;
	border-bottom: 1px solid #fff;
}

#album .contentPost_icon{
	float: left;
	overflow: hidden;
	width: 12%;
	margin: 0;
	padding: 0;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
}

#album .contentPost_box{
	float: right;
	width: 85%;
	margin: 0;
	padding: 0;

}

#album .contentPost .threePoint{
	margin: 0;
	padding: 0;
	text-align: right;
}

#album .contentPost_box .threePoint img{ width: 20px;}


#album .contentPost_article{
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 0.8rem;
	color: #fff;
}

#album .contentPost_btn{
	list-style: none;
 	display: flex;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#album .contentPost_btn .left{
	width: 50%;	
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: center;
}

#album .contentPost .right{
	width: 50%;	
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: center;
}

#album .contentPost_btn .left img,
#album .contentPost_btn .right img{
	width: 30px;
}


/*--投稿ページ(albumPost)--------------------------------------------------------*/

#albumPost .albumPost_wrap{
	clear: both;
	margin: 0;
	padding: 40px 0 0 0;
}

#albumPost .viewBox{
 	position: relative; 
	overflow: hidden;
	clear: both;
	box-sizing: border-box;
	width: 240px;
	height: 180px;
	margin: 0 auto 15px auto;
	padding: 0;	
	border: 1px solid #333;
}

.photoView{
	background: url(/img/www/wa/img/album_icon_picture.png);
	background-size: cover;
	background-position: center center;
}



.movieView{
	text-align: center;
	background: url(/img/www/wa/img/album_icon_movie.png);
	background-size: cover;
	background-position: center center;
}

.movieView video{
	position: absolute;
  	top: 0;
	left: 50%;
	transform: translateX(-50%);
}


.voicePlay{
	background: url(/img/www/wa/img/album_icon_voice.png);
	background-size: cover;
	background-position: center center;
}


#albumPost .photoView img{
	display: block;
}


#albumPost .photo_upload_icon{
	box-sizing: border-box;
	width: 20%;
	margin: 0 auto 30px auto;
	padding: 10px;
	border-radius: 50%;		/* CSS3草案 */
	-webkit-border-radius: 50%;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50%;	/* Firefox用 */
	background: #f7738a;
}


#albumPost .text_wrap{
	width: 80%;
	margin: 0 auto 30px auto;
	padding: 0;
	text-align: center;
}

#albumPost textarea{
	width: 100%;
	height:100px;
	margin: 0 auto 0 auto;
	padding: 0;
}


#albumPost .text_wrap p{
	margin: 0;
	padding: 0;
	text-align: right;
	color: #c2c2c2;

}

#albumPost .album_btn_post{
	display: block;
	width: 40%;
	margin: 0 auto 30px auto;
	padding: 10px 0 10px 0;
	border: none;
	border-radius: 50px;		/* CSS3草案 */
	-webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50px;	/* Firefox用 */
	font-size: 0.8rem;
	text-align: center;
	color: #fff;
	background: #f7738a;
}


#albumPost .album_btn_close{
	box-sizing: border-box;
	width: 50px;
	margin: 0 auto 100px auto;
	padding: 10px;
	border: 3px solid #fff;
	border-radius: 50%;		/* CSS3草案 */
	-webkit-border-radius: 50%;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50%;	/* Firefox用 */
	text-align: center;
}






/*--アルバムリスト(albumList)--------------------------------------------------------*/

#albumList .albumContent_wrap{
	overflow: hidden;
	clear: both;
	margin: 0;
	padding: 150px 0 150px 0;
}

#albumList .contentPost{
	overflow: hidden;
	box-sizing: border-box;
	margin: 0;
	padding: 10px 3% 5px 3%;
	border-bottom: 1px solid #fff;
	background: rgba(255,255,255,0.4);
}

#albumList .contentPost_icon{
	float: left;
	overflow: hidden;
	width: 12%;
	margin: 0;
	padding: 0;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
}

#albumList .contentPost_box{
	float: right;
	width: 85%;
	margin: 0;
	padding: 0;

}

#albumList .contentPost .threePoint{
	margin: 0;
	padding: 0;
	text-align: right;
}

#albumList .contentPost_box .threePoint img{ width: 20px;}


#albumList .contentPost_article{
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 0.8rem;
	color: #937854;
}

#albumList .contentPost_btn{
	list-style: none;
 	display: flex;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#albumList .contentPost_btn .left{
	width: 50%;	
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: center;
}

#albumList .contentPost .right{
	width: 50%;	
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: center;
}

#albumList .contentPost_btn .left img,
#albumList .contentPost_btn .right img{
	width: 30px;
}


#albumList .albumMenu_photo,
#albumList .albumMenu_movie,
#albumList .albumMenu_voice{
	margin: 0 15px 10px 15px;
	padding: 0;

}



/*--アルバム詳細 アルバムユーザー　(alubmDetail alubmUser)--------------------------------------------------------*/


#albumDetail .albumPhoto_wrap,
#albumDetail .albumMovie_wrap,
#albumDetail .albumVoice_wrap,
#albumUser .albumPhoto_wrap,
#albumUser .albumMovie_wrap,
#albumuser .albumVoice_wrap{
	margin: 0;
	padding:  0;
}

#albumDetail .albumPhoto_inner,
#albumDetail .albumMovie_inner,
#albumDetail .albumVoice_inner,
#albumUser .albumPhoto_inner,
#albumUser .albumMovie_inner,
#albumUser .albumVoice_inner{
	margin: 0 0 0 0;
	padding: 0 0 80px 0;
}


#albumDetail .viewPhoto,
#albumDetail .viewMovie,
#albumDetail .viewVoice,
#albumUser .viewPhoto,
#albumUser .viewMovie,
#albumUser .viewVoice{
	position: relative;
	margin: 0;
	padding: 30px 0 0 0;
}



#albumDetail .icon_play,
#albumUser .icon_play{
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translateY(-50%) translateX(-50%);
 	 -webkit-transform: translateY(-50%) translateX(-50%);
	width: 20%;
	margin: 0;
	padding: 0;
}

#albumDetail .albumMenu_photo,
#albumUser .albumMenu_photo{
	position: relative;
	width: 90%;
	margin: 70px auto 15px auto;
	padding: 30px 0 0 0;
}

#albumDetail .albumMenu_movie,
#albumUser .albumMenu_movie{
	position: relative;
	width: 90%;
	margin: 70px auto 15px auto;
	padding: 30px 0 0 0;
}


#albumDetail .albumMenu_voice,
#albumUser .albumMenu_voice{
	position: relative;
	width: 90%;
	margin: 70px auto 15px auto;
	padding: 30px 0 0 0;
}

#albumDetail .contanttPost_btn,
#albumUser .contanttPost_btn{
	list-style: none;
	display: flex;	
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 15px 0 15px 0;
	background: rgba(255,255,255,0.4);
}


#albumDetail .contanttPost_btn .left{
	width: 33.3%;	
	margin: 0;
	padding: 0;
	text-align: center;
}

#albumDetail .contanttPost_btn .center{
	width: 33.3%;	
	margin: 0;
	padding: 0;
	text-align: center;
}


#albumDetail .contanttPost_btn .right{
	width: 33.3%;	
	margin: 0;
	padding: 0;
	text-align: center;
}

#albumUser .contanttPost_btn li{
	width: 25%;	
	margin: 0;
	padding: 0;
	text-align: center;
}


#albumDetail .contanttPost_btn .left img,
#albumDetail .contanttPost_btn .center img,
#albumDetail .contanttPost_btn .right img,
#albumUser .contanttPost_btn img{
	width: 30px;    
        margin: 0 auto 0 auto;
}

#albumDetail .comment,
#albumUser .comment{
	margin: 0;
	padding: 15px 15px 60px 15px;
	font-size: 1.0rem;
	color: #937854;
	background: rgba(255,255,255,0.4);
}


/*----------------------------------------------------------------------*/
/*さがす(サーチ）-------------------------------------------------------*/
/*----------------------------------------------------------------------*/

/*Newメンバー,ランキング--------------------------------------------------------*/

#search .newMember_wrap,
#search .ranking_wrap{
	margin: 0;
	padding: 0;
}

#search .newmemberPost,
#search .rankingPost{
	overflow: hidden;
	clear: both;
	width: 90%;
	margin: 0 auto 10px auto;
	padding: 0;
	border-bottom: 1px solid #ececec;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: rgba(255,255,255,0.6);
}

#search .newmemberPost_picture,
#search .rankingPost_picture{	
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
}


#search .newmemberPost_picture ul,
#search .rankingPost_picture ul{
	list-style: none;
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 5px;
 	background: rgba(255,255,255,0.3);
}

#search .newmemberPost_picture ul li,
#search .rankingPost_picture ul li{
	margin: 0;
	padding: 0;
	text-align: left;
}

#search .nickname{font-size: 1.2rem; font-weight: 700;}

#search .area{font-size: 0.8rem; color: #333;}

#search .rankingNumber{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 30px;
	margin: 0;
	padding: 5px 0 5px 0;
	border-radius: 50%;		/* CSS3草案 */
	-webkit-border-radius: 50%;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50%;	/* Firefox用 */
	font-size: 1rem;
	text-align: center;
	color: #fff;
	background: #8610ae;

}


#search .newmemberPost_icon,
#search .rankingPost_icon{
	list-style: none;
	display: table;	
	width: 60%;
	margin: 0 auto 0 auto;
	padding: 0;
}

#search .newmemberPost_icon li,
#search .rankingPost_icon li{
	display: table-cell;	
	margin: 0;
	padding: 10px 15px 10px 15px;
	text-align: center;
}

#search .newmemberPost_icon li img,
#search .rankingPost_icon li img{
	display: block;
	border-radius: 8%;		/* CSS3草案 */
	-webkit-border-radius: 8%;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8%;	/* Firefox用 */
}

#search .newmemberPost_pr,
#search .rankingPost_pr{
	margin: 0 0 30px 0;
	padding: 0px 15px 0 15px;
	font-size: 1rem;
	text-align: left;
	color: #937854;
}


#search .newmemberPost_btn,
#search .rankingPost_btn{
	list-style: none;
	display: table;	
	width: 100%;
	margin: 0 auto 15px auto;
	padding: 0;
}

#search .newmemberPost_btn li,
#search .rankingPost_btn li{
	display: table-cell;	
}

#search .newmemberPost_btn .left,
#search .rankingPost_btn .left{
	width: 33.3%;	
	margin: 0;
	padding: 0;
	text-align: center;
}

#search .newmemberPost_btn .center,
#search .rankingPost_btn .center{
	width: 33.3%;	
	margin: 0;
	padding: 0;
	text-align: center;
}


#search .newmemberPost_btn .right,
#search .rankingPost_btn .right{
	width: 33.3%;	
	margin: 0;
	padding: 0;
	text-align: center;
}


#search .newmemberPost_btn .left img,
#search .newmemberPost_btn .center img,
#search .newmemberPost_btn .right img,
#search .rankingPost_btn .left img,
#search .rankingPost_btn .center img,
#search .rankingPost_btn .right img{
	width: 30px;    
        margin: 0 auto 0 auto;
}


/*マッチング,オンライン--------------------------------------------------------*/

#search .matchList_wrap,
#search .onlineList_wrap{
	margin: 0;
	padding: 0 0 150px 0;

}

#search .matchList,
#search .onlineList{
	display: flex;
	clear: both;
	overflow: hidden;
	box-sizing: border-box;
	width: 96%;
	margin: 0 auto 5px auto;
	padding: 10px;
	border-bottom: 1px solid #ececec;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: rgba(255,255,255,0.5);
}

#search .matchList_left,
#search .onlineList_left{

	width: 80%;
}


#search .matchList_right,
#search .onlineList_right{
	position: relative;
	width: 20%;
}




#search .matchList_thumbnail,
#search .onlineList_thumbnail{
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
}

#search .matchList_thumbnail_picture,
#search .onlineList_thumbnail_picture{
	overflow: hidden;
	width: 75px;
	height: 75px;
	margin: 0 0 5px 0;
	padding: 0;
	border-radius: 8%;		/* CSS3草案 */
	-webkit-border-radius: 8%;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8%;	/* Firefox用 */
}


#search .matchList_data,
#search .onlineList_data{
	float: left;
	width: 65%;
	margin: 0;
	padding: 0;
}

#search .matchList_data ul,
#search .onlineList_data ul{
	list-style: none;
	margin: 0;
	padding: 0;

}

#search .matchList_data_nickname,
#search .onlineList_data_nickname{
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: left;
}


#search .matchList_data_area,
#search .onlineList_data_area{
	margin: 0;
	padding: 0;
	font-size: 0.7rem;
	text-align: left;
	color: #a3805f;
}

#search .matchList_icon,
#search .onlineList_icon{
	list-style: none;
	display: table;	
	width: 50%;
	margin: 0;
	padding: 0;
}

#search .matchList_icon li,
#search .onlineList_icon li{
	display: table-cell;	
	margin: 0;
	padding: 5px 10px 5px 0px;
	text-align: center;
}


#search .matchList_icon li img,
#search .onlineList_icon li img{

	border-radius: 8%;		/* CSS3草案 */
	-webkit-border-radius: 8%;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8%;	/* Firefox用 */
}


#search .matchList_message,
#search .onlineList_message{

	margin: 0;
	padding: 0;
	font-size: 0.8rem;
	text-align: left;
	color: #a3805f;
}

#search .matchList_time,
#search .onlineList_time{
	margin: 0;
	padding: 0;
	font-size: 0.7rem;
	text-align: center;
	color: #acacac;
}

#search .matchList_status,
#search .onlineList_status{
	overflow: hidden;
	position: absolute;
  	top:50%;
	left:50%;
	transform:translate(-50%,-50%);	
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 3px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	font-size: 0.7rem;
	color: #fff;
	text-align: center;
	background: #f7738a;
}

/*----------------------------------------------------------------------*/
/*トーク----------------------------------------------------------------*/
/*----------------------------------------------------------------------*/

/*トークリスト--------------------------------------------------------*/
#talkList a{
	text-decoration: none;
}



#talkList .pickup{
	overflow: hidden;
	clear: both;
	box-sizing: border-box;
	width: 96%;
	margin: 0 auto 5px auto;
	padding: 0 0 10px 0;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: #fff;
}

#talkList .pickup_title{

	margin: 0 0 10px 0;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #e0e0e0;
	font-size: 0.8rem;
	text-align: center;
	color: #a3805f;

}

#talkList .pickup_title a{text-decoration: none;}

#talkList .pickup_thumbnail{
	float: left;
	overflow: hidden;
	width: 75px;
	height: 75px;
	margin: 0 15px 0 10px;
	padding: 0;
	border-radius: 8%;		/* CSS3草案 */
	-webkit-border-radius: 8%;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8%;	/* Firefox用 */
}


#talkList .pickup_data{
	float: left;
	width: 65%;
	margin: 0;
	padding: 0;
}

#talkList .pickup_data ul{
	list-style: none;
	margin: 0;
	padding: 0;

}

#talkList .pickup_data_nickname{
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: left;
}


#talkList .pickup_data_area{
	margin: 0;
	padding: 0;
	font-size: 0.7rem;
	text-align: left;
	color: #a3805f;
}

#talkList .pickup_message{
	margin: 0;
	padding: 0;
	font-size: 0.8rem;
	text-align: left;
	color: #a3805f;
}



#talkList .message_wrap{
	margin: 0;
	padding: 0 0 150px 0;

}


#talkList .messageList_wrap{
	display: flex;
	margin: 0;
	padding: 0;
}

#talkList .message_wrap a{text-decoration: none;}

#talkList .messageList{
	display: flex;
	overflow: hidden;
	clear: both;
	position: relative;
	box-sizing: border-box;
	width: 96%;
	margin: 0 auto 5px auto;
	padding: 10px;
	border-bottom: 1px solid #ececec;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: rgba(255,255,255,0.8);/* 255,255,255,0.5 */
}


#talkList .messageList_checkbox{
	position: relative;
	margin: 0;
	padding: 0;

}

#talkList .messageList_checkbox .talk_checkbox{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 15px;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

#talkList .checkOn{
	margin: 0 0 5px 30px;
}

#talkList .messageList a{
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	margin: 0;
	padding: 0;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	text-decoration: none;
}


#talkList .messageList_left{
	width: 80%;
}

#talkList .messageList_right{
        position: relative;
	width: 20%;
}

#talkList .messageList_thumbnail{
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
}

#talkList .messageList_thumbnail_picture{
	overflow: hidden;
	width: 75px;
	height: 75px;
	margin: 0 0 5px 0;
	padding: 0;
	border-radius: 8%;		/* CSS3草案 */
	-webkit-border-radius: 8%;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8%;	/* Firefox用 */
}

#talkList .messageList_thumbnail_status{
	box-sizing: border-box;
	margin: 0;
	padding: 3px;
	border-radius: 50px;		/* CSS3草案 */
	-webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50px;	/* Firefox用 */
	font-size: 0.7rem;
	color: #fff;
	text-align: center;
	background: #fd0dab;
}

#talkList .messageList_data{
	float: left;
	width: 65%;
	margin: 0;
	padding: 0;
}

#talkList .messageList_data ul{
	list-style: none;
	margin: 0;
	padding: 0;

}

#talkList .messageList_data_nickname{
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: left;
}


#talkList .messageList_data_area{
	margin: 0;
	padding: 0;
	font-size: 0.7rem;
	text-align: left;
	color: #a3805f;
}

#talkList .messageList_icon{
	list-style: none;
	display: table;	
	width: 50%;
	margin: 0;
	padding: 0;
}

#talkList .messageList_icon li{
	display: table-cell;	
	margin: 0;
	padding: 5px 10px 5px 0px;
	text-align: center;
}


#talkList .messageList_icon li img{
	overflow: hidden;
	border-radius: 10%;		/* CSS3草案 */
	-webkit-border-radius: 10%;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10%;	/* Firefox用 */
}


#talkList .messageList_message{
	margin: 0;
	padding: 0;
	font-size: 0.8rem;
	text-align: left;
	color: #a3805f;
}

#talkList .messageList_time{
	margin: 0;
	padding: 0;
	font-size: 0.7rem;
	text-align: center;
	color: #acacac;
}

#talkList .messageList_time a{
	text-decoration: none;
}


#talkList .messageList_status{
	overflow: hidden;
	position: absolute;
  	top:50%;
	left:50%;
	transform:translate(-50%,-50%);	
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 3px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	font-size: 0.7rem;
	color: #fff;
	text-align: center;
	background: #f7738a;
}


#talkList .ranking_wrap{
	margin: 0;
	padding: 0;
}


#talkList .rankingPost{
	overflow: hidden;
	clear: both;
	width: 90%;
	margin: 0 auto 10px auto;
	padding: 0;
	border-bottom: 1px solid #ececec;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: rgba(255,255,255,0.6);
}

#talkList .rankingPost_picture{	
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0;
}

#talkList .rankingPost_picture ul{
	list-style: none;
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 5px;
 	background: rgba(255,255,255,0.6);
}

#talkList .rankingPost_picture ul li{
	margin: 0;
	padding: 0;
	text-align: left;
}

#talkList .nickname{font-size: 1.2rem; font-weight: 700;}

#talkList .area{font-size: 0.8rem; color: #a3805f;}

#talkList .rankingNumber{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 30px;
	margin: 0;
	padding: 5px 0 5px 0;
	border: 3px solid #ececec;
	border-radius: 50%;		/* CSS3草案 */
	-webkit-border-radius: 50%;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50%;	/* Firefox用 */
	font-size: 1rem;
	text-align: center;
	color: #fff;
	background: #ffc600;

}

#talkList .newmemberPost_icon,
#talkList .rankingPost_icon{
	list-style: none;
	display: table;	
	width: 60%;
	margin: 0 auto 0 auto;
	padding: 0;
}

#talkList .rankingPost_icon li{
	display: table-cell;	
	margin: 0;
	padding: 10px 15px 10px 15px;
	text-align: center;
}

#talkList .rankingPost_icon li img{

	border-radius: 8%;		/* CSS3草案 */
	-webkit-border-radius: 8%;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8%;	/* Firefox用 */
}

#talkList .rankingPost_pr{
	margin: 0 0 30px 0;
	padding: 0px 15px 0 15px;
	font-size: 1rem;
	text-align: left;
	color: #a3805f;
}

#talkList .rankingPost_btn{
	list-style: none;
	display: table;	
	width: 100%;
	margin: 0 auto 15px auto;
	padding: 0;
}

#talkList .rankingPost_btn li{
	display: table-cell;	
}

#talkList .rankingPost_btn .left{
	width: 33.3%;	
	margin: 0;
	padding: 0;
	text-align: center;
}

#talkList .rankingPost_btn .center{
	width: 33.3%;	
	margin: 0;
	padding: 0;
	text-align: center;
}

#talkList .rankingPost_btn .right{
	width: 33.3%;	
	margin: 0;
	padding: 0;
	text-align: center;
}

#talkList .rankingPost_btn .left img,
#talkList .rankingPost_btn .center img,
#talkList .rankingPost_btn .right img{
	width: 30px;    
        margin: 0 auto 0 auto;
}



/*トーク画面--------------------------*/

#talkChat .chat_wrap{
	overflow: hidden;
	margin: 55px 0 0 0;
	padding: 0 0 100px 0;
}

#talkChat .chatBox{
	overflow: hidden;
	clear: both;
	margin: 0 0 15px 2%;
	padding: 0;
}


#talkChat .chat_thumbnail{
	float: left;
	overflow: hidden;
	width: 55px;
	height: 55px;
	margin: 0 15px 0 0;
	padding: 0;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
}

#talkChat .chat_thumbnail{
	display: block;
}

#talkChat .chat_message{
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
}


#talkChat .chat_text{
	display: inline-block;
	position: relative; 
	margin: 0 0 10px 0;
	padding: 10px 15px 10px 10px;
	max-width: 220px;
	font-size: 1.0rem;
	border-radius: 12px;
	background: #fff;
	box-shadow: -3px 3px 2px 0 #484848;
	word-wrap: break-word;
}

#talkChat .chat_text:after{
	display: inline-block;
	position: absolute;
	top: 3px; 
	left: -19px;
	border: 8px solid transparent;
	border-right: 18px solid #fff;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	content: "";
}


#talkChat .chat_message .time{
 	clear: both;
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 0.6rem;
	color: #868686;
}


#talkChat .chatIcon_photo{
	display: inline-block;
	position: relative; 
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 10px;
	max-width: 120px;
	border-radius: 12px;
	font-size: 0.8rem;
	text-align: center;
	color: #fff;
	background: #d89aff;
}

#talkChat .chatIcon_photo img{
	display: block;
	width: 30px;
	margin: 0 auto 0 auto;
}


#talkChat .chatIcon_photo:after{
	display: inline-block;
	position: absolute;
	top: 3px; 
	left: -19px;
	border: 8px solid transparent;
	border-right: 18px solid #d89aff;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	content: "";
}


#talkChat .chatIcon_movie{
	display: inline-block;
	position: relative; 
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 10px;
	max-width: 120px;
	font-size: 0.8rem;
	color: #fff;
	border-radius: 12px;
	background: #fd9196;
}

#talkChat .chatIcon_movie img{
	display: block;
	width: 30px;
	margin: 0 auto 0 auto;
}


#talkChat .chatIcon_movie:after{
	display: inline-block;
	position: absolute;
	top: 3px; 
	left: -19px;
	border: 8px solid transparent;
	border-right: 18px solid #fd9196;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	content: "";
}



#talkChat .chatIcon_voice{
	display: inline-block;
	position: relative; 
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 10px;
	max-width: 220px;
	font-size: 0.8rem;
	text-align: center;
	color: #fff;
	border-radius: 12px;
	background: #ffc000;
}

#talkChat .chatIcon_voice img{
	display: block;
	width: 30px;
	margin: 0 auto 0 auto;
}


#talkChat .chatIcon_voice:after{
	display: inline-block;
	position: absolute;
	top: 3px; 
	left: -19px;
	border: 8px solid transparent;
	border-right: 18px solid #ffc000;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	content: "";
}


#talkChat .chatIcon_navi{
	display: inline-block;
	position: relative; 
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 10px;
	max-width: 220px;
	font-size: 0.8rem;
	color: #fff;
	border-radius: 12px;
	background: #81ddff;
}

#talkChat .chatIcon_navi img{
	display: block;
	width: 30px;
	margin: 0 auto 0 auto;
}

#talkChat .chatIcon_navi:after{
	display: inline-block;
	position: absolute;
	top: 3px; 
	left: -19px;
	border: 8px solid transparent;
	border-right: 18px solid #81ddff;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	content: "";
}


#talkChat .chatIcon_present{
	display: inline-block;
	position: relative; 
	width: 100px;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 10px;
	max-width: 120px;
	font-size: 0.6rem;
	text-align: center;
	color: #fff;
	border-radius: 12px;
}

#talkChat .presentOn{background: #d89aff;}

#talkChat .presentOff{background: #bfbfbf;}


#talkChat .chatIcon_present img{
	display: block;
	width: 60px;
	margin: 0 auto 0 auto;
}


#talkChat .presentOn:after{
	display: inline-block;
	position: absolute;
	top: 3px; 
	left: -19px;
	border: 8px solid transparent;
	border-right: 18px solid #d89aff;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	content: "";
}

#talkChat .presentOff:after{
	display: inline-block;
	position: absolute;
	top: 3px; 
	left: -19px;
	border: 8px solid transparent;
	border-right: 18px solid #bfbfbf;
	-webkit-transform: rotate(35deg);
	transform: rotate(35deg);
	content: "";
}


#talkChat .replyBox{
	float: right;
	overflow: hidden;
	clear: both;
	margin: 0 0 15px 0;
	padding: 0 15px 0 10px;

}


#talkChat .replay_message{
	margin: 0;
	padding: 0;
}

#talkChat .reply_text{
	float: right;
	clear: both;
	display: inline-block;
	position: relative; 
	margin: 0 0 10px 0;
	padding: 10px 15px 10px 10px;
	max-width: 260px;
	border-radius: 12px;
	background: #f7738a;
	font-size: 1.0rem;
	color: #fff;
	box-shadow: 3px 3px 2px 0 #484848;
	word-wrap: break-word;
}

#talkChat .reply_text:after{
	position: absolute;
	top: 3px; 
	right: -19px;
	border: 8px solid transparent;
	border-left: 18px solid #f7738e;
	-webkit-transform: rotate(-35deg);
	transform: rotate(-35deg);
	content: "";
}


#talkChat .reply_message .time{
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 0.6rem;
	color: #868686;
}

#talkChat .reply_photo{
	float: right;
	clear: both;
	display: inline-block;
	position: relative; 
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 10px;
	max-width: 120px;
	border-radius: 12px;
	font-size: 0.8rem;
	text-align: center;
	color: #fff;
	background: #d89aff;
}

#talkChat .reply_photo img{
	display: block;
	width: 30px;
	margin: 0 auto 0 auto;
}

#talkChat .reply_photo:after{
	position: absolute;
	top: 3px; 
	right: -19px;
	border: 8px solid transparent;
	border-left: 18px solid #d89aff;
	-webkit-transform: rotate(-35deg);
	transform: rotate(-35deg);
	content: "";
}


#talkChat .replyIcon_movie{
	float: right;
	clear: both;
	display: inline-block;
	position: relative; 
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 10px;
	max-width: 120px;
	border-radius: 12px;
	font-size: 0.8rem;
	text-align: center;
	color: #fff;
	background: #fd9196;
}

#talkChat .replyIcon_movie img{
	display: block;
	width: 30px;
	margin: 0 auto 0 auto;
}


#talkChat .replyIcon_movie:after{
	position: absolute;
	top: 3px; 
	right: -19px;
	border: 8px solid transparent;
	border-left: 18px solid #fd9196;
	-webkit-transform: rotate(-35deg);
	transform: rotate(-35deg);
	content: "";
}

#talkChat .replyIcon_voice{
	float: right;
	clear: both;
	display: inline-block;
	position: relative; 
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 10px;
	border-radius: 12px;
	font-size: 0.8rem;
	text-align: center;
	color: #fff;
	background: #ffc000;
}

#talkChat .replyIcon_voice img{
	display: block;
	width: 30px;
	margin: 0 auto 0 auto;
}

#talkChat .replyIcon_voice:after{
	position: absolute;
	top: 3px; 
	right: -19px;
	border: 8px solid transparent;
	border-left: 18px solid #ffc000;
	-webkit-transform: rotate(-35deg);
	transform: rotate(-35deg);
	content: "";
}

#talkChat .replyIcon_navi{
	float: right;
	clear: both;
	display: inline-block;
	position: relative; 
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 10px;
	border-radius: 12px;
	font-size: 0.8rem;
	text-align: center;
	color: #fff;
	background: #81ddff;
}

#talkChat .replyIcon_navi img{
	display: block;
	width: 30px;
	margin: 0 auto 0 auto;
}

#talkChat .replyIcon_navi:after{
	position: absolute;
	top: 3px; 
	right: -19px;
	border: 8px solid transparent;
	border-left: 18px solid #81ddff;
	-webkit-transform: rotate(-35deg);
	transform: rotate(-35deg);
	content: "";
}


#talkChat .replyIcon_present{
	float: right;
	clear: both;
	display: inline-block;
	position: relative; 
	width: 64px;
	margin: 0 0 10px 0;
	padding: 10px 10px 10px 10px;
	border-radius: 12px;
	font-size: 0.8rem;
	text-align: center;
	color: #fff;
}

#talkChat .r-presentOn{background: #d89aff;}

#talkChat .r-presentOff{background: #bfbfbf;}

#talkChat .replyIcon_present img{
	display: block;
	width: 30px;
	margin: 0 auto 0 auto;
}

#talkChat .r-presentOn:after{
	position: absolute;
	top: 3px; 
	right: -19px;
	border: 8px solid transparent;
	border-left: 18px solid #d89aff;
	-webkit-transform: rotate(-35deg);
	transform: rotate(-35deg);
	content: "";
}

#talkChat .r-presentOff:after{
	position: absolute;
	top: 3px; 
	right: -19px;
	border: 8px solid transparent;
	border-left: 18px solid #bfbfbf;
	-webkit-transform: rotate(-35deg);
	transform: rotate(-35deg);
	content: "";
}




#talkChat .infoBox{
	clear:both;
	display: table;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 15px 0;
	padding: 2%;
	background: rgba(255,255,255,0.4);
}

#talkChat .info_thumbnail{
	display: table-cell;
	width: 55px;
	margin: 0;
	padding: 0;
	vertical-align: middle;

}

#talkChat .info_message{
	display: table-cell;
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 1rem;
	text-align: left;
	vertical-align: middle;
	color: #000;
}

#talkChat .infoBox a{
	text-decoration: none;
}


#talkChat .editor{
	position: fixed;
	overflow: hidden;
	box-sizing: border-box;
	bottom: 0;
	z-index: 10000;
	width: 100%;
	margin: 0;
	padding: 0px;/* 10px */
}

#talkChat .editor_inner{
	position: relative;
	margin: 10px 0 0 0;/* 0 */
	padding: 10px 0;/* 0 */
	background: rgba(255,255,255,1.0);
}

#talkChat .textEditor{
	position: relative;/* absolute */
    	left: 50%;
    	transform: translateX(-55%);
	width: 70%;
	height: 20px;/* 30px */
	margin: 0;
	padding: 0;
}

/* ▽追記▽ */
#talkChat .editor_inner  textarea{
	font-family: 'ＭＳ ゴシック', 'Osaka-等幅';
	resize: none;
	overflow: hidden;
	white-space: break-spaces;
	line-break: anywhere;
	box-sizing: border-box;
	min-height:40px;
	max-height: 400px;
	margin: 0 1% 0 0;
	padding: 1px;
	border: 1px solid #553e28;
	font-size: 4vw;
	text-align: left;
        color:#888;
	background: #f8f6f7;
}
/* △追記△ */

#talkChat .editor_inner .textEditor{
  position: relative;
  font-size: 12px;
  margin:2% 0;
}


#talkChat input[type="text"] {
	background: #eaeaea !important;
}


#talkChat .send{
	position: absolute;
	top: 20px;/* 追記 */
	right: 5px;
	width: 50px;
	height: 30px;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 50px;		/* CSS3草案 */
	-webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50px;	/* Firefox用 */
	color: #fff;
	background: #f7738a;
}


#talkChat .check{
	display: none;
}

#talkChat .label{
  	display: block;
	position: absolute;/* 追記 */
	top: 20px;/* 追記 */
	left: 5px;/* 追記 */
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	align-items: center;
}

#talkChat .editor_menu{
	overflow: hidden;
	height: 0;
	margin: 0;
	padding: 0;
	align-items: center;
	transition: 0.5s;
}

#talkChat .check:checked + .label + .editor_menu{
	height: 30px;
	margin: 10px 0 0 0;
	padding: 5px 0 3px 0;
}


#talkChat .editor_menu ul{
	list-style: none;
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
}

#talkChat .editor_menu ul li{
	display: table-cell;
	width: 25%;
	margin: 0;
	padding: 0;
	text-align: center;
}

#talkChat .editor_menu ul li img{
	width: 30px;
}


#talkChat .file_upload{
	border: none;
	background: none;
}

/*----------------------------------------------------------------------*/
/*マイページ(アカウント)------------------------------------------------*/
/*----------------------------------------------------------------------*/


#myPage .myPage_wrap{
	margin: 0;
	padding: 60px 0 70px 0;

}

#myPage .account{
	margin: 0 0 30px 0;
	padding: 0;
}

#myPage .account_thumbnail{
	overflow: hidden;
	width: 110px;
	height: 110px;
	margin: 0 auto 15px auto;
	padding: 0;
	border-radius: 50%;		/* CSS3草案 */
	-webkit-border-radius: 50%;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50%;	/* Firefox用 */
}

#myPage .account_thumbnai img{
	object-fit:contain; 
}

#myPage .account_data{
	list-style: none;
	width: 60%;
	margin: 0 auto 0 auto;
	padding: 0;
}



#myPage .account_name{
	margin: 0;
	padding: 0;
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
	word-wrap: break-word;
}



#myPage .account_area{
	margin: 0;
	padding: 0;
	font-size: 0.8rem;
	text-align: center;
	color: #a3805f;
}

#myPage .account_icon{
	list-style: none;
	display: flex;
	width: 60%;
	margin: 0 auto 0 auto;
	padding: 10px 0 10px 0;
}

#myPage .account_icon .left{
	width: 33.3%;
	margin: 0;
	padding: 0;
	text-align: center;
}

#myPage .account_icon .center{
	width: 33.3%;
	margin: 0;
	padding: 0;
	text-align: center;
}

#myPage .account_icon .right{
	width: 33.3%;
	margin: 0;
	padding: 0;
	text-align: center;
}

#myPage .account_icon .left img,
#myPage .account_icon .center img,
#myPage .account_icon .right img{
	width: 30px;
	border-radius: 10%;		/* CSS3草案 */
	-webkit-border-radius: 10%;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10%;	/* Firefox用 */
}


#myPage .account_loginID,
#myPage .account_loginPass{
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 96%;
	margin: 0 auto 5px auto;
	padding: 5px 0 5px 0;
	border: 1px solid #fff;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: rgba(255,255,255,0.8);/* rgba(255,255,255,0.7) */
}

#myPage .account_loginID .th,
#myPage .account_loginPass .th{
	box-sizing: border-box;
	width: 30%;
	margin: 0 0 0 5px;
	padding: 5px 0 5px 5px;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
	font-size: 0.8rem;
	text-align: center;
	color: #000;/* a3805f */
	background: #fff;
}

#myPage .account_loginID .td,
#myPage .account_loginPass .td{
    	overflow: hidden;
	box-sizing: border-box;
	width: 70%;
	margin: 0;
	padding: 0 5px 0 5px;
	font-size: 1rem;
	text-align: right;
	color: #9f9f9f;
    	text-overflow: ellipsis;
    	white-space: nowrap;
}

#myPage .account_loginID:active,
#myPage .account_loginPass:active{
	transform: scale(0.9);
}

#myPage .account_coupon{
	list-style: none;
	display: table;
	box-sizing: border-box;
	width: 96%;
	margin: 3px auto 5px auto;
	padding: 3px;
	border: 2px solid #c6c6c6;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: rgba(255,255,255,1.0);
}

#myPage .account_coupon li{
	display: table-cell;
	width: 50%;
	margin: 0 auto 0 auto;
	padding: 0;
	font-size: 0.7rem;
	text-align: left;
}

#myPage .account_coupon .couponName{
	margin: 0;
	padding: 0;
	color: #ff9cba;
}

#myPage .account_coupon .use{
	margin: 0 5px 0 3px;
	padding: 5px;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	text-align: center;
	color: #fff;
	background: #ffb7cd;
}

#myPage .account_coupon .limit{
	margin: 0;
	padding: 5px;
	text-align: right;
	color: #acacac;
}


#myPage .account_point{
	list-style: none;
	box-sizing: border-box;
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#myPage .account_point .paid{
	display: table-cell;
	box-sizing: border-box;
	width: 50%;
	margin: 0;
	padding: 5px 0 5px 0;
	border-right: 1px solid #fff;
	text-align: center;
 	vertical-align:middle;
	background: rgba(255,255,255,0.6);
}

#myPage .account_point .free{
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 5px 1px 5px 1px;
	text-align: center;
	background: rgba(255,255,255,0.6);
}

#myPage .account_point .paid span,
#myPage .account_point .free span{
	font-size: 0.7rem;
	color: #9f9f9f;
}

#myPage .account_point .counter{
	margin: 0;
	padding: 5px 0 5px 0;
	font-size: 1.0rem;
	color: #fff;
}


#myPage .account_menu{
	box-sizing: border-box;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 15px 0; 
	padding: 0;
	background: rgba(255,255,255,0.6);
}

#myPage .account_menu tr{
	border: 1px solid #fff;
}

#myPage .account_menu td{

	box-sizing: border-box;
	width: 25%;
	margin: 0;
	padding: 5px;
	border-right: 1px solid #fff;
	text-align: center;
}

#myPage .account_menu td img{
	width: 70px;
}

#myPage .account_menu .batch{
	position: relative;
}


#myPage .account_menu .batch::after{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
	border-radius: 50px;		/* CSS3草案 */
	-webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50px;	/* Firefox用 */
	font-size: 3vw;
	color: #fff;
	background: #f7738a;
	content:""
}


#myPage h2{
	margin: 0;
	padding: 5px 0 5px 0;
	border-top: 1px solid #fff;
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	color: #f7738a;
	background: rgba(255,255,255,0.6);
}

#myPage .missionList{
	box-sizing: border-box;
	width: 100%;
	border-bottom: 1px dotted #fff;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 30px 0; 
	padding: 0;
	background: rgba(255,255,255,0.6);
}

#myPage .missionList tr{
	border: 1px solid #fff;
}

#myPage .missionList td{
	position: relative;
	box-sizing: border-box;
	width: 33.3%;
	margin: 0;
	padding: 30px 7px 30px 7px;
	border: 1px solid #fff;
}

#myPage .missionList_item_1{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.7rem;
	font-weight: 700;
	text-align: center;
	color: #9a9a9a;
}

#myPage .complete{
	color: #f7738a;
} 

#myPage .missionList_point{
	position: absolute;
	bottom: 10px;
	width: 80%;
    	left: 0;
    	right: 0;
    	margin: auto;
	padding: 5px 0 5px 0;
	border: 1px solid #fff;
	font-size: 0.6rem;
	font-weight: 700;
	text-align: center;
	color: #9a9a9a;
	background: rgba(255,255,255,0.5);
}

#myPage .complete2{
	border: 1px solid #ffb7cd;
	color: #ff9cba;
	background: rgba(255,255,255,1.0);
} 

/*----------------------------------------------------------------------*/
/*ポイント(チケット)----------------------------------------------------*/
/*----------------------------------------------------------------------*/

#point .point_wrap{
	margin: 0;
	padding: 60px 0 100px 0;

}

#point .pointCount{
	overflow: hidden;
	box-sizing: border-box;
	width: 96%;
	margin: 0 auto 5px auto;
	padding: 5px 10px 10px 10px;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: rgba(255,255,255,0.3);
}

#point .pointCount p{
	margin: 5px 0 5px 0;
	padding: 0;
	font-size: 1rem;
	text-align: center;
	font-weight: 700;
	color: #898989;
}

#point .pointCount .pointTop{
	display: table;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 5px 0;
	padding: 5px;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: #fff;
}

#point .pointCount .pointTop dt{
	display: table-cell;
	margin: 0;
	padding: 5px;
	font-size: 1.0rem;
	text-align: center;
	color: #f7738a;
 	vertical-align:middle;
}


#point .pointCount .pointTop dd{
	display: table-cell;
	margin: 0;
	padding: 5px;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	color: #f7738a;
 	vertical-align:middle;
}


#point .pointCount .pointBottom{
	display: flex;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	text-align: center;
}




#point .pointCount .pointBottom .paid{
	display: table;
	box-sizing: border-box;
	width: 100%;
	margin: 0 5px 0 0;
	padding: 5px 10px 5px 10px;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
	font-size: 0.8rem;
	color: #898989;
	background: #fff;
}


#point .pointCount .pointBottom .free{
	display: table;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 5px 10px 5px 10px;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */	
	font-size: 0.8rem;
	color: #898989;
	background: #fff;
}


#point .pointCount .paid dt,
#point .pointCount .free dt{
	
	display: table-cell;
	text-align: left;
}

#point .pointCount .paid dd,
#point .pointCount .free dd{

	display: table-cell;
	text-align: right;
}

#point .pointTab{
	list-style: none;
	overflow: hidden;
	clear: both;
	display: flex;
	box-sizing: border-box;
	width: 96%;
	margin: 0 auto 5px auto;
	padding: 5px 0 5px 5px;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: rgba(255,255,255,0.5);
}

#point .pointTab li{
	box-sizing: border-box;
	margin: 0 5px 0 0;
	width: 33%;
	padding: 10px 0 10px 0;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	font-size: 1.0rem;
	text-align: center;
	color: #898989;
	cursor: pointer;
	background: #fff;
}

#point .pointTab li:hover{
    	color: #fff;
	background: #f7738a;
}

#point .pointTab li.active{
      	/*display: block;*/
    	color: #fff;
	background: #f7738a;
}

#point .tabContent{
  	display: none;
	clear: both;
	overflow: hidden;
	margin: 0;
    	padding: 0;
}

#point .active{
    display: block;
}


#point .pointList_paid{
  	margin: 0; 
 	padding: 0;
}

#point .pointList_paid p{
  	margin: 0 0 5px 0;
 	padding: 0;
	font-size: 1.0em;
	text-align: center;
	color: #fff;	
}

#point .pointList_paid .paid_inner{
	overflow: hidden;
	display: table;
	clear: both;
	width: 96%;
  	margin: 0 auto 5px auto; 
 	padding: 0;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: #fff;
}

#point .pointList_paid .paid_ticket{
	display: table-cell;
	width: 70%;
  	margin: 0; 
 	padding: 0;
 	vertical-align:middle;
}


#point .pointList_paid .paid_point{
	display: table-cell;
	width: 30%;
  	margin: 0; 
 	padding: 0;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	color: #f7738a;
 	vertical-align:middle;
}

#point .pointList_paid a{
	text-decoration: none;
}

#point .pointList_free{
  	margin: 0; 
 	padding: 0;
}

#point .pointList_free p{
  	margin: 0 0 5px 0;
 	padding: 0;
	font-size: 1.0em;
	text-align: center;
	color: #fff;
}


#point .pointList_free .free_inner{
	overflow: hidden;
	display: table;
	clear: both;
	width: 96%;
  	margin: 0 auto 5px auto; 
 	padding: 0;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: rgba(255,255,255,0.6);
}


#point .pointList_free .free_timeLimit{
	display: table-cell;
	width: 60%;
  	margin: 0; 
 	padding: 0;
	vertical-align: middle;
}

#point .pointList_free .free_timeLimit span{
	display: block;
	width: 90%;
  	margin: 0 auto 0 auto; 
 	padding: 5px 0 5px 0;
	border-radius: 50px;		/* CSS3草案 */
	-webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50px;	/* Firefox用 */
	font-size: 0.8rem;
	text-align: center;
	color: #fff;
	background: #ff8fa3;
}

#point .pointList_free .free_point{
	display: table-cell;
	width: 40%;
  	margin: 0; 
 	padding: 5px 0 5px 0;
	color: #000;
}

#point .pointList_free .free_point .point{
  	margin: 0 0 5px 0; 
 	padding: 0;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	color: #898989;
}

#point .pointList_free .free_point .btn_change{
  	clear: both;
	width: 60%;
	margin: 0 auto 0 auto; 
 	padding: 3px 0 3px 0;
	border-radius: 50px;		/* CSS3草案 */
	-webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50px;	/* Firefox用 */
	font-size: 1.0rem;
	text-align: center;
	color: #fff;
	background: #c198ff;
}


#point .information{
	list-style: none;
	margin: 0 0 100px 0;
	padding: 0;
	border-top: 1px solid #fff;
	background: rgba(255,255,255,0.3);
}

#point .information li{
  	position: relative;
	margin: 0;
	padding: 10px;
	border-bottom: 1px solid #fff;
	font-size: 1rem;
	color: #898989;
}

#point .information li:after{
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border: 0;
	border-top: solid 2px #acacac;
	border-right: solid 2px #acacac;
	transform: rotate(45deg);
	content: '';

}

#point .information li a{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #898989;

}


/*----------------------------------------------------------------------*/
/*プロフィール----------------------------------------------------------*/
/*----------------------------------------------------------------------*/


#profileDetail .profileDetail_wrap{
	clear: both;
	margin: 41px 0 0 0;
	padding: 0 0 80px 0;
	background: rgba(255,255,255,0.5);
}

#profileDetail .profile_photo{
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
}

#profileDetail .profile_thumbnail{
	width: 100%;
	margin: 0;
	padding: 0 0 0 0;
}




#profileDetail .profile_data{
	list-style: none;
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
 	width: 100%;
	margin: 0;
	padding: 15px;
	background: rgba(255,255,255,0.3);
}

#profileDetail .profile_name{
	font-size: 1.2rem;
	font-weight: 700;
	text-align: left;

}

#profileDetail .profile_area{
	font-size: 0.8rem;
	text-align: left;
	color: #000;
}


#profileDetail .profile_icon{
	list-style: none;
	display: flex;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 0 15% 0 15%;
	background: rgba(255,255,255,0.5);
}

#profileDetail .profile_icon li{
	width: 33.3%;
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: center;
}

#profileDetail .profile_icon li img{
	width: 30px;
	border-radius: 8%;		/* CSS3草案 */
	-webkit-border-radius: 8%;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8%;

}


#profileDetail .profile_pr{
	box-sizing: border-box;
	width: 96%;
	margin: 0 auto 15px auto;
	padding: 10px;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;
	font-size: 1.0rem;
	text-align: left;
	color: #a3805f;
}


#profileDetail .profile_item{
  	width: 100%;
  	margin: 0 auto 15px auto; 
 	padding: 0;
	border-top: 1px dotted #fff;
	border-left: none;
	border-right: none;
	border-bottom: none;
  	border-collapse: collapse;
 	border-spacing: 0;
	background: rgba(255,255,255,0.3);
}

#profileDetail .profile_item tr{
  
	border-bottom: 1px dotted #fff;
}


#profileDetail .profile_item td{
  	margin: 0; 
 	padding: 5px 10px 5px 10px;
	font-size: 1.0rem;
	color: #898989;
}

#profileDetail .profile_item .left{width: 40%; text-align: left;}
#profileDetail .profile_item .right{width: 60%; text-align: right;}


#profileDetail .talk_btn{
	position: fixed;
	bottom: 0;
	z-index: 10000;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background: #f7738a;
}

#profileDetail .talk_btn a{

	display: block;
	margin: 0;
	padding: 10px 0 10px 0;
	text-decoration: none;
	color: #fff;
}

#profileDetail .talk_btn:before{
	display:inline-block;
  	position:absolute;
	top: 50%;
	left: 50px;
	width: 30px;
	height: 30px;
	margin: -15px 0 0 0;
	background: url(/img/www/wa/img/icon_talk.png) no-repeat;
  	background-size: contain;
	content: "";
}

/*プロフィール設定--------------------------*/


#profileSetting .profileForm_wrap{
	overflow: hidden;
	margin: 0;
	padding: 60px 0 150px 0;

}

#profileSetting .photo_upload{
	margin: 0;
	padding: 0;	
}


#profileSetting .profile_photo{
	position: relative;
	width: 30%;
	margin: 0 auto 15px auto;
	padding: 0;
}


#profileSetting .profile_photo img{
	overflow: hidden;
	display: block;
	border-radius: 50%;		/* CSS3草案 */
	-webkit-border-radius: 50%;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50%;
}

#profileSetting .profile_icon{
	list-style: none;
	display: table;
	width: 40%;
	margin: 0 auto 0 auto;
	padding: 0;
}

#profileSetting .profile_icon li{
	display: table-cell;
	width: 33.3%;
	margin: 0;
	padding: 0;
	text-align: center;
}

#profileSetting .profile_icon li img{
	width: 30px;
	margin: 0 auto 0 auto;
	padding: 0;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;
}

#profileSetting h2{

	margin: 0 auto 15px auto;
	padding: 0;
	font-size: 1.0rem;
	text-align: center;
	color: #fff;
}

#profileSetting .textPr{
	width: 96%;
	height: 150px;
	margin: 0 2% 15px 2%;
	padding: 0;
}

/*プロフィールMap--------------------------*/


#profileMap .profileMap_wrap{
	margin: 0;
	padding: 60px 0 150px 0;

}

#profileMap .profileMap_inner{
	width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0 0 150px 0;


}

#profileMap .talk_btn{
	position: fixed;
	bottom: 0;
	z-index: 10000;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background: #8305bd;
	background: linear-gradient(0deg, rgba(87,2,125,1) 0%, rgba(238,63,254,1) 100%);
}

#profileMap .talk_btn a{

	display: block;
	margin: 0;
	padding: 10px 0 10px 0;
	text-decoration: none;
	color: #fff;
}


/*----------------------------------------------------------------------*/
/*ご案内----------------------------------------------------------------*/
/*----------------------------------------------------------------------*/

/*ご案内詳細--------------------------*/

#newsDetail .newsArticle_wrap{
	margin: 0;
	padding: 50px 0 0 0;
}


#newsDetail .newsArticle_content{
	overflow: hidden;
	clear: both;
	box-sizing: border-box;
	width: 96%;
	margin: 0 auto 100px auto;
	padding: 10px;
	font-size: 1rem;
	text-align: left;
	color: #000;
}


/*----------------------------------------------------------------------*/
/*新規登録(エントリー)--------------------------------------------------------*/
/*----------------------------------------------------------------------*/

#entry .entryForm_wrap{
	clear: both;
	margin: 0;
	padding: 15px 0 70px 0;
}


#entry .check{
	margin: 0;
	padding: 10px 0 10px 0;
	font-size: 0.8rem;
	text-align: center;
	color: #898989;
}

#entry .takeOver{
	margin: 0;
	padding: 10px 0 10px 0;
	font-size: 0.8rem;
	text-align: center;
	color: #898989;
}


#entry .termsList{
	list-style: none;
	width: 100%;
	margin: 0;
	border-top: 1px dotted #fff;
	padding: 0;
}

#entry .termsList li{
  	position: relative;
	margin: 0;
	padding: 0;
	border-bottom:  1px dotted #fff;
	font-size: 0.8rem;
	text-align: left;
	color: #898989;
	background: rgba(255,255,255,0.3);
}


#entry .termsList li a{
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px;
  	text-decoration: none;
	color: #898989;
}


#entry .termsList li:after{
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border: 0;
	border-top: solid 2px #acacac;
	border-right: solid 2px #acacac;
	transform: rotate(45deg);
	content: '';
}

/*プロフィール画像--------------------------*/


#entryProfile .entryForm_wrap{
	clear: both;
	margin: 0;
	padding: 40px 0 70px 0;
}

#entryProfile p{
	font-size: 1.0rem;
	text-align: center;
	color: #898989;
}

#entryProfile .profile_photo{
	width: 80%;
	margin: 0 auto 15px auto;
	padding: 0;
	text-align: center;
}


#entryProfile .select{

	display: block;
	width: 40%;
	margin: 0 auto 0 auto;
	padding: 10px 0 10px 0;
	border: none;
	border-radius: 50px;		/* CSS3草案 */
	-webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50px;	/* Firefox用 */
	font-size: 0.8rem;
	text-align: center;
	color: #f7738a;
	background: #fff;
}

/*年齢認証--------------------------*/

#entryAge .entryAge_wrap{
	clear: both;
	margin: 0;
	padding: 50px 2% 70px 2%;
}

#entryAge .entryAge_wrap h2{
	margin: 0 0 15px 0;
	padding: 0 0 0 5px;
	border-left: 3px solid #ff98b8;
	border-bottom: 1px solid #ff98b8;
	font-size: 1.0rem;
	color: #000;
}


#entryAge .entryAge_wrap p{

	margin: 0 0 15px 0;
	padding: 0;
	font-size: 0.8rem;
	color: #000;
}


#entryAge .entryAge_wrap .entryAge_inner{
	margin: 0 0 15px 0;
	padding: 0;
}

#entryAge .entryAge_wrap .icon-link{

	border:none;
	text-decoration:none;
  	font-size:1rem;
	text-align:left;
	color: #000;
}

#entryAge .entryAge_wrap .icon-link img{
  
	width:4%;
	margin:0 5px 0 5px;
	vertical-align:middle;
}

#entryAge .entryAge_wrap .icon-link a{
	color: #000;
}


#entryAge .entryAge_wrap ul{
	list-style: none;
	display: table;
	width: 100%;
	height: auto;
	margin: 0 0 30px 0;
	padding: 0;
}

#entryAge .entryAge_wrap ul .pic{
	display: table-cell;
	width: 50%;
	margin: 0;
	padding:0;
}

#entryAge .entryAge_wrap ul .pic img{
	width:100%;
}

#entryAge .entryAge_wrap ul .cap{
	display: table-cell;
	margin: 0;
	padding: 2%;
	width: 50%;
	font-size: 0.8px;
	line-height:20px;
	color:#fff;
	vertical-align: top;
}

#entryAge input[type="file"] {display: none;}

#entryAge .photo_upload{
	display: block;
	box-sizing: border-box;
	width: 20%;
	margin: 0 auto 10px auto;
	padding: 10px;
	border-radius: 50%;		/* CSS3草案 */
	-webkit-border-radius: 50%;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50%;	/* Firefox用 */
	background: #ff02a3;
}

#entryAge .photo_upload_icon{
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	border-radius: 50px;		/* CSS3草案 */
	-webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50px;	/* Firefox用 */

}

#entryAge .entryAge_wrap .btn_entry{
	width: 40%;
	margin: 0 auto 0 auto;
	padding: 5px 0 5px 0;
	border-radius: 50px;		/* CSS3草案 */
	-webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50px;	/* Firefox用 */
	text-align: center;
	color: #fff;
	background: #f7738a;
}

#entryAge .entryAge_wrap .note{
	margin: 0 0 10px 0;
	color: #000;
}

/*--写真登録--------------------------*/

#entry .entryPhoto_wrap{
	margin: 54px 0 0 0;
	padding: 0;
}

#entry .entryPhoto_thumnail{
	position:relative; 
	width: 180px;
	height: 180px;
	margin: 15px auto 15px auto;
	padding: 0;
}

#entry .photoFiles{
	background: url(/img/www/wa/img/entry_icon_photo.png);
	background-size: cover;
    	background-position: center center;
}

#entry .noPhoto{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0.9rem;
	font-weight: 700;
	text-align: center;
  	text-shadow: 1px 1px 0 #000,
               	-1px 1px 0 #000,
               	1px -1px 0 #000,
               	-1px -1px 0 #000;
	color: #fff;
}

#entry .upload{}

#entry .upload_icon{
	overflow: hidden;
	box-sizing: border-box;
	position:relative; 
	width: 40%;
	margin: 0 auto 10px auto;
	padding: 5px;
	border-radius: 50px;		/* CSS3草案 */
	-webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50px;
	text-align: center;
	color: #fff;
	background: #ff98b8;
}

#entry .upload_icon::after{
	position: absolute;
	top: 50%;
	left: 10px;
  	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	content: "";
	background: url(/img/www/wa/img/album_icon_camera.png) no-repeat;
  	background-size: contain;
}


#entry .about{
	width: 85%;
	margin: 0 auto 0 auto;
	padding: 15px;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;
	background: #fff;
}

#entry .about p{
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 0.8rem;
	color: #333;
}

#entry .about .note{
	font-size: 0.8rem;
	color: #ff0000;
}

/*----------------------------------------------------------------------*/
/*設定----------------------------------------------------------------*/
/*----------------------------------------------------------------------*/

#setting .setting_wrap{
	clear: both;
	margin: 0;
	padding: 40px 0 70px 0;
}

#setting .settingList{
	list-style: none;
	width: 100%;
	margin: 0;
	border-top: 1px solid #fff;
	padding: 0;
}

#setting .settingList li{
  	position: relative;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
	font-size: 1.0rem;
	text-align: left;
	color: #898989;
	background: rgba(255,255,255,0.5);
}


#setting .settingList li a{
	display: block;
	margin: 0;
	padding: 10px;
  	text-decoration: none;
	color: #898989;
}


#setting .settingList li:after{
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border: 0;
	border-top: solid 2px #acacac;
	border-right: solid 2px #acacac;
	transform: rotate(45deg);
	content: '';
}

#setting .comment{
	margin: 0;
	padding: 10px;
  	font-size: 0.8rem;
	text-align: left;
	color: #000;
}


#setting .note{
	margin: 0;
	padding: 0 10px 10px 10px;
  	font-size: 0.8rem;
	text-align: left;
	color: #000;
}


/*クーポン--------------------------*/

#setting　.select{
	margin: 0;
	padding: 0;

}

#setting .couponList{
	list-style: none;
	width: 100%;
	margin: 0 auto 10px auto;
	padding: 0;
}

#setting .couponList li{
	display: table;
	box-sizing: border-box;
	width: 96%;
	margin: 0 auto 5px auto;
	padding: 0;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: rgba(255,255,255,0.6);
}

#setting .couponList .coupon_name{
	display: table-cell;
	margin: 0;
	padding: 10px 0 10px 5px;
	font-size: 1.0rem;
	text-align: left;
	color: #898989;
}

#setting .couponList .coupon_count{
	display: table-cell;
	margin: 0;
	padding: 10px 5px 10px 0;
	font-size: 1.0rem;
	text-align: right;
	color: #898989;
}

#setting .active{
	background: #ab0aff !important;
}


#setting .btn_use{
	width: 40%;
	margin: 0 auto 0 auto;
	padding: 5px 0 5px 0;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	font-size: 0.8rem;
	text-align: center;
	color: #f7738a;
	background: #fff;
}


/*設定詳細--------------------------*/

#settingDetail .settingArticle_wrap{
	clear: both;
	margin: 0;
	padding: 50px 0 70px 0;
}
	
#settingDetail .settingArticle_content{

	overflow: hidden;
	clear: both;
	box-sizing: border-box;
	width: 96%;
	margin: 0 auto 100px auto;
	padding: 10px;
	font-size: 1rem;
	text-align: left;
	color: #000;
	background: rgba(255,255,255,0.6);
}




/*----------------------------------------------------------------------*/
/*ヘルプ----------------------------------------------------------------*/
/*----------------------------------------------------------------------*/

#help .help_wrap{
	clear: both;
	margin: 0;
	padding: 40px 0 70px 0;
}


#help h2{
	margin: 0;
	padding: 10px 0 10px 0;
	font-size: 1rem;
	text-align: center;
	color: #fff;
}

#help .contact{
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#help .contact .contactText{
	width: 96%;
	height: 150px;
	margin: 0 2% 10px 2%;
	padding: 0;
}

#help .saveButton{
	display: block;
	width: 40%;
	margin: 0 auto 30px auto;
	padding: 10px 0 10px 0;
	border: none;
	border-radius: 50px;		/* CSS3草案 */
	-webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50px;	/* Firefox用 */
	font-size: 0.8rem;
	text-align: center;
	color: #f7738a;
	background: #fff;
}


#help .helpList{
	list-style: none;
	margin: 0;
	padding: 0;
	border-top: 1px dotted #fff;
	background: rgba(255,255,255,0.5);
}


#help .helpList li{
  	position: relative;
	margin: 0;
	padding: 10px;
	border-bottom: 1px dotted #fff;
	font-size: 1rem;
	color: #898989;
}

#help .helpList li:after{
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border: 0;
	border-top: solid 2px #acacac;
	border-right: solid 2px #acacac;
	transform: rotate(45deg);
	content: '';

}

#help .helpList li a{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #898989;

}



/*ヘルプ詳細--------------------------*/

#help .helpArticle_wrap{
	clear: both;
	margin: 0;
	padding: 40px 0 70px 0;
}

#help .helpArticle_wrap h2{
	margin: 0;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #fff;
	font-size: 1rem;
	text-align: left;
	color: #f7738a;
	background: rgba(255,255,255,1.0);
}

#help .helpArticle_content{
	margin: 0;
	padding: 10px;
	font-size: 1.0rem;
	text-align: left;
	color: #000;
	background: rgba(255,255,255,0.8);


}


/*----------------------------------------------------------------------*/
/*退会---------------------------------------------------------------*/
/*----------------------------------------------------------------------*/


#quit .quit_wrap{
	clear: both;
	margin: 0;
	padding: 40px 0 70px 0;

}

#quit .quit_wrap p{
	margin: 0 0 15px 0;
	padding: 10px;
	text-align: center;
	color: #898989;
}

#quit .reasonList{
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0 10px 0 10px;
}

#quit .reasonList li{
	margin: 0;
	padding: 0;
	font-size: 1rem;
	color: #898989;
}


#quit .quitButton{
	display: block;
	width: 40%;
	margin: 0 auto 30px auto;
	padding: 10px 0 10px 0;
	border: none;
	border-radius: 50px;		/* CSS3草案 */
	-webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50px;	/* Firefox用 */
	font-size: 0.8rem;
	text-align: center;
	color: #fff;
	background: #f7738a;;
}


/*---20230912 PWA追加---*/

#pwa{
 clear: both;
 overflow: hidden;
 margin: 0;
 padding: 5px 0 150px 0;
}

#pwa .video_hero{
 margin: 0 0 15px 0;
 pading: 0;
}

#pwa .next-arrow,
#pwa .prev-arrow{width: 25px;}

#pwa .appeal{
	position: fixed;
	bottom: 15px;
	left: 0;
	right: 0;
	width: 60%;
	margin: auto;
	padding: 10px;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: linear-gradient(0deg, rgba(255,239,0,1) 0%, rgba(255,192,0,1) 100%);
}

#pwa .appeal::before{
  	content: '';
  	position: absolute;
  	display: block;
  	width: 0;
  	height: 0;
  	left: 0;
  	right: 0;
 	bottom: -14px;
  	margin: 0 auto;
  	border-top: 15px solid #ffef00;
  	border-right: 15px solid transparent;
  	border-left: 15px solid transparent;
}

#pwa .appeal_android{
	position: fixed;
	top: 20px;
	right: 35px;
	z-index: 9999;
	width: 60%;
	margin: 0;
	padding: 10px;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: linear-gradient(0deg, rgba(255,239,0,1) 0%, rgba(255,192,0,1) 100%);
}

#pwa .appeal_android::before{
  	content: '';
  	position: absolute;
  	display: block;
  	width: 0;
  	height: 0;
  	right: -8px;
  	top: -10px;
  	border-left: 20px solid #ffc000;
  	border-top: 10px solid transparent;
  	border-bottom: 10px solid transparent;
  	transform: rotate(-45deg);
}

.updown {
animation-name:updown1;   /* アニメーション名の指定 */
animation-delay:0s;   /* アニメーションの開始時間指定 */
animation-duration: 3s;   /* アニメーション動作時間の指定 */
animation-timing-function: ease-in-out;  /* アニメーションの動き指定（徐々に早く）*/
animation-iteration-count: infinite; 
}
@keyframes updown1 {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-20px);
}
100% {
transform: translateY(0);
}
}

#pwa .detail_safari,
#pwa .detail_chrome,
#pwa .detail_android{
	margin: 0;
	padding: 0;
	font-size: 1rem;
	text-decoration: underline;
	text-align: center;
	color: #000;
}

#pwa .help_more{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1rem;
	text-decoration: underline;
	text-align: center;
	color: #02b6fa;
}


#pwa .btn_push_app:active{
	transform: scale(0.9);
}

#pwa .push_app{
	overflow: hidden;
	width: 96%;
	margin: 0 auto 0 auto;
	padding: 0;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: #fff;
}

#pwa .push_pic{
	margin: 0 0 15px 0;
	padding: 0;
}

#pwa .btn_push_app{
	width: 80%;
	margin: 0 auto 15px auto;
	padding: 0;
}

#pwa .btn_push_app:active{
	transform: scale(0.9);
}


/*--20231005 PWA 許可表示追加----------------------------------------------*/

#pwa .notice{
	overflow: hidden;
	width: 96%;
	margin: 15px auto 0 auto;
	padding: 0 0 15px 0;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */	
	background: #f9f9f9;
  	box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
}

#pwa .notice h2{
	margin: 0;
	padding: 8px 0 8px 10px;
	font-size: 0.8rem;
	font-weight: normal;
	text-align: left;
	color: #fff;
	background: #7f8c8d;
}

#pwa .notice p{
	margin: 0;
	padding: 15px;
	font-size: 0.8rem;
	text-align: left;
	color: #000;
}

#pwa .notice .detail_block{
	box-sizing: border-box;
	width: 90%;
	margin: 0 auto 0 auto;
	padding: 10px 0 10px 10px;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */	
	font-size: 0.8rem;
	color: #fff;
	background: #95a5a6;

}

#pwa .notice .detail_block::after{

	position: absolute;
	box-sizing: border-box;
	right: 35px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #fff;
	content:">";
}

/*20240614 マイル機能追加*/

#myPage .account_mile{
	overflow: hidden;
	box-sizing: border-box;
	width: 96%;
	margin: 0 auto 5px auto;
	padding: 5px 0 5px 0;
	border: 1px solid #fff;
	border-radius: 8px;	
	background: rgba(255,255,255,0.8);/* rgba(255,255,255,0.7) */
}

#myPage .account_mile a{
	display: block;
	width: 100%;
	border-radius: 4px;
	text-decoration: none;
}

#myPage .account_mile .th{
	float: left;
	box-sizing: border-box;
	width: 30%;
	margin: 0 0 0 5px;
	padding: 5px 0 5px 5px;
	border-radius: 4px;		
	font-size: 0.8rem;
	text-align: center;
	color: #000;/* a3805f */
	background: #fff;
}

#myPage .account_mile .td{
	float: left;
	box-sizing: border-box;
	width: 50%;
	margin: 0;
	padding: 6px 15px 4px 0;
	font-size: 1rem;
	text-align: right;
	color: #9f9f9f;
    	text-overflow: ellipsis;
    	white-space: nowrap;
}

#myPage .account_mile .exchage{
	float: right;
	box-sizing: border-box;
	width: 16%;
	margin: 3px 2%  0 0;
	padding: 3px 3px 2px 3px;
	border-radius: 4px;
	font-size: 0.8rem;
	text-align: center;
	color: #fff;
	background: #ffb7cd;

}

#myPage .account_mile .exchage a{text-decoration: none;}



#myPage .account_mile:active{
	transform: scale(0.9);
}


/*2024 ポイントページにマイル機能追加*/

#point .mileNow{
	box-sizing: border-box;
	width: 60%;
	margin:  0 auto 5px auto;
	padding: 5px;
	/*border-bottom: 1px solid #e6e6e6;*/
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.5);
}

#point .charge{
	display: flex;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
}

#point .mileDisplay{
        display: table;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 3px;
	border: 1px solid #e6e6e6;
	border-radius: 6px;
	font-size: 1.0rem;
	font-weight: normal;
	text-align: right;
	background: #fafafa;
}

#point .mileDisplay::before{
	position: absolute;
	top: 48%;
	left: 5px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	content: "";
	background: url(/img/www/wa/img/ic_mile.png) no-repeat;
	background-size: contain;
}

#point .mileDisplay dt{
	display: table-cell;
	box-sizing: border-box;
	width: 70%;
	margin: 0;
	padding: 0 0 0 30px;
	/*border: 1px solid #fff;*/
	/*border-radius: 6px;*/
	font-size: 0.8rem;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	color: #000;
	/*background: rgba(255, 255, 255, 0.5);*/
}

#point .mileDisplay dd{
	display: table-cell;
	box-sizing: border-box;
	width: 30%;
	margin: 0;
	padding: 0 5px 0 0;
	/*border: 1px solid #fff;*/
	/*border-radius: 6px;*/
	font-size: 0.8rem;
	font-weight: normal;
	text-align: right;
	vertical-align: middle;
	color: #000;
	/*background: rgba(255, 255, 255, 0.5);*/
}

#point .pointTab{
	align-items:center;
}

#point .pointTab li{
	position: relative;
	height: 58px;
}

#point .tabInner{
	position: absolute;
	top: 48%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 100%;
	text-align: center;
}

#point .small{font-size: 0.6rem;}