@media screen and (max-width: 680px){

/*基本設定--------------------------*/

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


html {
  height: -webkit-fill-available;
}

body{ 
	margin: 0;
	padding: 0;
  	min-height:100vh;
	min-height: -webkit-fill-available;
	background: #1b1b1b;
	font-family: "Lucida Sans",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",MeiryoKe_PGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

body::before {
  	display:block;
  	position:fixed;
  	top:0;
  	left:0;
  	z-index:-1;
  	width:100%;
	height: calc(100vh + 3em);
  	/* background:url(/img/www/wa/img/bg.png) center no-repeat; */ 
	background: #1b1b1b;
  	background-size:cover;
  	content:"";
}


img{
	max-width: 100%;
	height: auto;
	border-width: 0;
	vertical-align: middle;
} 

#wrapper{
	overflow: hidden;
	clear: both;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

#container{
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}

#header{
	display: table;
	clear: both;	
	position: fixed;
	top: 0;
	z-index: 9999;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	margin: 0 0 30px 0;
	padding: 6px 0 5px 0;
	border-bottom: 1px solid #333;
	background: #000;
}


#footer{
	clear: both;
	position: fixed;
	bottom: 0;
	z-index: 9999;
	width: 100%;
	margin: 0;
	padding: 0 0 10px 0;
	background: #000;
}

#talkChat #footer {background: none;}

.clearboth{ clear: both;}

.hide{display: none;}

textarea {resize: none;}


/*bodyカラー--------------------------------------------------*/

#albumPost{background: #000;}

#profileDetail{background: #000;}



/*header--------------------------------------------------*/

#header h1{
	display: table-cell;
	width: 80%;
	margin: 0;
	padding: 0;
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
	color: #bc3efc;
}

.heaerIcon_left{
	display: table-cell;
	box-sizing: border-box;
	width: 30px;
	margin: 0;
	padding: 0 0 0 5px;
	text-align: left;
}

.heaerIcon_right{
	display: table-cell;
	box-sizing: border-box;
	width: 30px;
	margin: 0;
	padding: 0 10px 0 0;
	text-align: right;
}

.heaerIcon_left img,
.heaerIcon_right img{

	width: 30px;
}

#albumPost #header{display: none;}

#albumDetail #header,
#albumUser #header{border-bottom: 1px solid #e6e6e6;}



/*-ヘッダーアイコン　current-------------------*/


#album .header_icon_back,
#album .header_icon_search,
#album .header_icon_news,
#album .header_icon_block,
#albumList .header_icon_back,
#albumList .header_icon_search,
#albumList .header_icon_news,
#albumList .header_icon_block{ display: none;}

#albumPost .header_icon_search,
#albumPost .header_icon_news,
#albumPost .header_icon_block{ display: none;}

#albumDetail .header_icon_search,
#albumDetail .header_icon_news,
#albumDetail .header_icon_block{ display: none;}

#albumUser .header_icon_search,
#albumUser .header_icon_news,
#albumUser .header_icon_block{ display: none;}


#search .header_icon_back,
#search .header_icon_news,
#search .header_icon_block{ display: none;}


#talkList .header_icon_back,
#talkList .header_icon_search,
#talkList .header_icon_news,
#talkList .header_icon_block{ display: none;}


#talkChat .header_icon_search,
#talkChat .header_icon_news{ display: none;}


#myPage .header_icon_back,
#myPage .header_icon_search,
#myPage .header_icon_news,
#myPage .header_icon_block{ display: none;}

#point .header_icon_back,
#point .header_icon_search,
#point .header_icon_news,
#point .header_icon_block{ display: none;}


#profileDetail .header_icon_search,
#profileDetail .header_icon_news{ display: none;}

#profileSetting .header_icon_search,
#profileSetting .header_icon_news,
#profileSetting .header_icon_block{ display: none;}

#profileMap .header_icon_search,
#profileMap .header_icon_news,
#profileMap .header_icon_block{ display: none;}


#newsDetail .header_icon_search,
#newsDetail .header_icon_news,
#newsDetail .header_icon_block{ display: none;}

#entry .header_icon_back,
#entry .header_icon_search,
#entry .header_icon_news,
#entry .header_icon_block{ display: none;}

#entryProfile .header_icon_back,
#entryProfile .header_icon_search,
#entryProfile .header_icon_news,
#entryProfile .header_icon_block{ display: none;}

#entryAge .header_icon_back,
#entryAge .header_icon_search,
#entryAge .header_icon_news,
#entryAge .header_icon_block{ display: none;}


#setting .header_icon_search,
#setting .header_icon_news,
#setting .header_icon_block{ display: none;}

#settingDetail .header_icon_search,
#settingDetail .header_icon_news,
#settingDetail .header_icon_block{ display: none;}

#help .header_icon_search,
#help .header_icon_news,
#help .header_icon_block{ display: none;}

#quit .header_icon_search,
#quit .header_icon_news,
#quit .header_icon_block{ display: none;}

#newsList .header_icon_search,
#newsList .header_icon_news,
#newsList .header_icon_block{ display: none;}

#map_page .header_icon_search,
#map_page .header_icon_news,
#map_page .header_icon_block{ display: none;}




/*main--------------------------------------------------*/

#main{
	clear: both;
	box-sizing: border-box;
        margin: 0;
	padding: 0;
}

#albumDetail #main,
#albumUser #main{
 	margin: 0 0 0 0;
	padding: 40px 0 0 0;
}


#search #main{
 	margin: 0 0 0 0;
	padding: 80px 0 200px 0;
}

#talkList #main{
 	margin: 0 0 0 0;
	padding: 80px 0 200px 0;
}

#newsList #main{
 	margin: 0 0 0 0;
	padding: 54px 0 200px 0;
}


.male{
color: #7d99ff !important;

}

.woman{
	color: #ff2773;
}


#search .matching{
	position: fixed;
	bottom: 100px;/* 260 */
	right: 15px;
	width: 20%;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

#search .shooting{
	position: fixed;
	bottom: 180px;
	right: 15px;
	width: 20%;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

#search .random{
	position: fixed;
	bottom: 100px;
	right: 15px;
	width: 20%;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

#talkList .matching{
	position: fixed;
	bottom: 100px;
	right: 15px;
	width: 20%;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}


#talkList .bunch{
	position: fixed;
	bottom: 100px;
	right: 15px;
	width: 20%;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

.good{
	width: 60px;
	margin: 0 0 0 10px;
	padding: 0;
	border: none;
	background: none;
}

.good img{
	/* width: 60px; */
	/* margin: 0 0 15px 15px; */
	/* padding: 0; */
	max-width: 100%;
	height: auto;
	border-width: 0;
	vertical-align: middle;
}



label > input{
	display:none;
}


/*banner--------------------------------------------------*/
.poster{
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto 10px auto;
	padding: 0 2% 0 2%;
	text-align: center;
}

#newsDetail .poster{
	top: 45px !important;
}

.flyer{
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto 5px auto;
	padding: 0 2% 0 2%;
	text-align: center;
}



/*footer--------------------------------------------------*/



#footer .footer_menus{
	list-style: none;
	overflow: hidden;
	clear: both;
	margin: 0;
	padding: 0;
}


#footer .footer_menus li{
	float: left;
	box-sizing: border-box;
	width: 20%;
	height: 72px;
	margin: 0;
	padding: 15px;
}


#footer .footer_menus li a{
	border: none;
}

#entryProfile #footer{background: none;}
#newsDetail #footer{background: none;}
#setting #footer{background: none;}
#help #footer{background: none;}
#quit #footer{background: none;}
#info #footer{background: none;}
#newsList #footer{background: none;}



#albumPost .footer_menus{ display: none;}

#talkChat .footer_menus{ display: none;}

#profileDetail .footer_menus{display: none;}

#profileSetting .footer_menus{display: none;}

#profileMap .footer_menus{display: none;}

#newsDetail .footer_menus{ display: none;}

#entry .footer_menus{ display: none;}

#entryProfile .footer_menus{ display: none;}

#entryAge .footer_menus{ display: none;}

#setting .footer_menus{ display: none;}

#settingDetail .footer_menus{ display: none;}

#help .footer_menus{ display: none;}

#quit .footer_menus{ display: none;}

#newsList .footer_menus{ display: none;}


/*-ページカレント-------------------*/

#album .menus_news_on,
#album .menus_search_on,
#album .menus_chat_on,
#album .menus_myPage_on,
#album .menus_point_on,
#albumList .menus_news_on,
#albumList .menus_search_on,
#albumList .menus_chat_on,
#albumList .menus_myPage_on,
#albumList .menus_point_on,
#albumDetail .menus_news_on,
#albumDetail .menus_search_on,
#albumDetail .menus_chat_on,
#albumDetail .menus_myPage_on,
#albumDetail .menus_point_on,
#albumUser .menus_news_on,
#albumUser .menus_search_on,
#albumUser .menus_chat_on,
#albumUser .menus_myPage_on,
#albumUser .menus_point_on{ display: none;}


#search .menus_news_on,
#search .menus_search,
#search .menus_chat_on,
#search .menus_myPage_on,
#search .menus_point_on{ display: none;}


#talkList .menus_news_on,
#talkList .menus_search_on,
#talkList .menus_chat,
#talkList .menus_myPage_on,
#talkList .menus_point_on{ display: none;}

#myPage .menus_news_on,
#myPage .menus_search_on,
#myPage .menus_chat_on,
#myPage .menus_myPage,
#myPage .menus_point_on{ display: none;}

#point .menus_news_on,
#point .menus_search_on,
#point .menus_chat_on,
#point .menus_myPage_on,
#point .menus_point{ display: none;}


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

#logins .header_icon_back,
#logins .header_icon_search,
#logins .header_icon_news,
#logins .header_icon_block,
#logins .header_icon_back,
#logins .header_icon_search,
#logins .header_icon_news,
#logins .header_icon_block{ display: none;}

#logins #main{
 	margin: 0 0 0 0;
	padding: 40px 0 0 0;
}

#logins #footer{background: none;}

#logins .footer_menus{ display: none;}

}/*--END--*/