@charset "utf-8";

@media screen and (min-width: 681px){

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

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

html{
	height:100%;
}

body{ 
	margin: 0;
	padding: 0;
	height:100%;
	/*
    	background: url(/img/www/wa/img/bg.png) no-repeat;
    	-webkit-background-size: cover;
    	background-size: cover;
	background-attachment: fixed;
	*/
	background: #000;
	font-family: "Lucida Sans",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",MeiryoKe_PGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

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

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

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

#header{
	clear: both;	
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
	margin: 0;
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #656565;
	background: #000;
}


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


#footer .footer_inner{
	position: fixed;
	top: 43px;
	z-index: 9999;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #4e4d4e;
}


textarea {resize: none;}


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

#header h1{
	margin: 0;
	padding: 0;
	font-size: 15px;
	text-align: center;
	vertical-align: middle;
	color: #bc3efc;
}

.heaerIcon_left{
	position: fixed;
	top: 10px;
	left: 15px;
	box-sizing: border-box;
	width: 30px;
	margin: 0;
	padding: 0 0 0 5px;
	text-align: left;
}

.heaerIcon_right{
	position: fixed;
	top: 10px;
	right: 15px;
	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: none;}

/*-ヘッダーアイコン　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;}




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

#main{
   	overflow: hidden;
	clear: both;
	box-sizing: border-box;
	width: 680px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #1b1b1b;
}

#album #main{height: 100%;}

#albumPost #main{height: 100%;}

#albumDetail #main{padding: 144px 0 100px 0;}

#albumUser #main{padding: 144px 0 100px 0;}

#search #main{

	overflow: hidden;
	clear: both;
	position: relative;
	top: 146px;
	box-sizing: border-box;
	width: 680px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	background: #1b1b1b;
}

#talkList #main{
 	overflow: hidden;
	clear: both;
	position: relative;
	top: 146px;
	box-sizing: border-box;
	width: 680px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	background: #1b1b1b;
}

#newsList #main{
	overflow: hidden;
	clear: both;
	position: relative;
	top: 44px;
	box-sizing: border-box;
	width: 680px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	background: #1b1b1b;
}


#entry #main{height: 100%;}

#setting #main{height: 100%;}

#help #main{height: 100%;}

#quit #main{height: 100%;}

.male{color: #7d99ff;}

.woman{color: #ff7dab;}

.matching{
	position: fixed;
	bottom: 50px;
	right: 70px;
	width: 120px;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

label > input{
	display:none;
}

/*banner--------------------------------------------------*/

.poster{
	width: 640px;
	margin: 0 auto 10px auto;
	padding: 0;
	text-align: center;
}


.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;
	width: 680px;
	margin: 0 auto 0 auto;
	padding: 10px 0 10px 0;
}

#footer .footer_menus li{
	float: left;
	box-sizing: border-box;
	width: 20%;
	margin: 0;
	padding: 0;
	text-align: center;
}

#footer .footer_menus li img{
	width: 50px;

}

#albumPost .footer_inner{ display: none;}
#albumPost .footer_menus{ display: none;}

#talkChat .footer_menus{ display: none;}

#profileDetail .footer_menus{display: none;}

#profileSetting .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;}

#profileMap .menus_news_on,
#profileMap .menus_search_on,
#profileMap .menus_chat_on,
#profileMap .menus_myPage,
#profileMap .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追加---*/

.hide{display: none;}

#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{
   	overflow: hidden;
	clear: both;
	box-sizing: border-box;
	width: 680px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#logins #footer{background: none;}

#logins .footer_menus{ display: none;}

}/*-END--*/