/* 会員専用ページスタイルシート ***************************************************************/

/***************************************************************************************************
PC・タブレット・スマホ共通
***************************************************************************************************/
@media screen, print {
	/***********************************************************************************************
	ログインページ
	***********************************************************************************************/
	#member form#login {
		border:solid 3px #333;
		text-align:center;
	}
	
	#member form#login dl {
		text-align:left;
	}
	
	#member form#login dl dt {
		border-bottom:solid 1px #999;
		font-size:120%;
		font-weight:bold;
		padding:5px 0;
	}
	
	#member form#login dl dd {
		padding:5px 0;
		margin:5px 0 20px 0;
		text-align:center;
	}
	
	#member form#login dl dd .txt,
	#member form#login dl dd .pwd {
		line-height:1.5;
		width:80%;
	}
	
	#member form#login input.btn {
		font-size:150%;
		font-weight:bold;
		padding:7px 21px;
	}
	
	#member input.btn {
		font-size:150%;
		font-weight:bold;
		padding:7px 21px;
	}
	
	/***********************************************************************************************
	インデックスページ
	***********************************************************************************************/
	#member ul.menu {
		background-color:#006400;
		border:solid 10px #8b4513;
		list-style-type:none;
		margin:0 0 2.0em 0;
	}
	
	#member ul.menu li {
		line-height:1.5;
	}
	
	#member ul.menu li a.btn-01 {
		background-color:#ffff00;
		background: -moz-linear-gradient(top,#ffffcc 0%,#daa520);
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffcc), to(#daa520));
		color:#000;
	}
	
	#member div#tweet {
		border:solid 1px #999;
		margin:0 1em 5px 1em;
		padding:1em;
	}
	
	#member div#tweet ul {
		margin:0;
		padding:0 0 1em 1.5em;
	}
	
	#member div#tweet ul li {
		line-height:1.5;
	}
	
	#member form#tweet {
		margin:0 1em 25px 1em;
	}
	
	#member form#tweet textarea {
		display:block;
		height:10.2em;
		margin:0 0 5px 0;
		width:100%;
	}
	
	/***********************************************************************************************
	近況報告
	***********************************************************************************************/
	#member ul#kinkyou {
		padding-left: 10px !important;
	}
	#member ul#kinkyou li {
		display: flex;
		padding-bottom: 10px;
		margin-bottom: 10px;
		border-bottom: 1px dashed #666;
	}
	#member ul#kinkyou li .kinkyouPic {
		width: 240px;
		margin-right: 15px;
	}
	#member ul#kinkyou li .kinkyouPic img {
		width: 96%;
		max-width: 240px;
	}
	#member ul#kinkyou li .kinkyouBody {
		flex: 1;
	}
	#member ul#kinkyou li .kinkyouBody h3 {
		padding: 0 !important;
	}
	#member ul#kinkyou li .kinkyouBody h3 span {
		padding-left: 0;
		margin-right: 1em;
		font-weight: normal;
		font-size: 86%;
	}
	
	#member ul#kinkyouMassege li {
		list-style-type: none;
		margin-right: 1em;
		margin-bottom: 1em !important;
		border-bottom: 1px dashed #999;
		box-sizing: border-box;
	}
	#member ul#kinkyouMassege li h3 {
		padding: 0 !important;
	}
	#member ul#kinkyouMassege li h3 span {
		padding-left: 0;
		margin-right: 1em;
		font-weight: normal;
		font-size: 86%;
	}
	
	/***********************************************************************************************
	近況報告(投稿確認)ページ
	***********************************************************************************************/
	#member form#tweet_confirm {
		text-align:center;
	}
	
	#member form#tweet_confirm dl {
		text-align:left;
	}
	
	#member form#tweet_confirm dl dt {
		border-bottom:solid 1px #999;
		font-size:120%;
		font-weight:bold;
		padding:5px 0;
	}
	
	#member form#tweet_confirm dl dd {
		padding:5px 0;
		margin:5px 0 20px 0;
		text-align:center;
	}
	
	#member form#tweet_cancel {
		text-align:center;
	}
	
	/***********************************************************************************************
	写真館ページ
	***********************************************************************************************/

	/***********************************************************************************************
	パスワード変更ページ
	***********************************************************************************************/
	#member form#pwd01 {
		text-align:center;
	}
	
	#member form#pwd01 dl {
		text-align:left;
	}
	
	#member form#pwd01 dl dt {
		border-bottom:solid 1px #999;
		font-size:120%;
		font-weight:bold;
		padding:5px 0;
	}
	
	#member form#pwd01 dl dd {
		padding:5px 0;
		margin:5px 0 20px 0;
		text-align:center;
	}
	
	#member form#pwd01 dl dd .txt,
	#member form#pwd01 dl dd .pwd {
		line-height:1.5;
		width:90%;
	}
	
	#member form#pwd01 input.btn {
		font-size:150%;
		font-weight:bold;
		padding:7px 21px;
	}
	
}

/***************************************************************************************************
PC・タブレット 461px以上のディスプレイで表示(780pxで最適に見える)
***************************************************************************************************/
@media screen and (min-width:461px) {
	/***********************************************************************************************
	ログインページ
	***********************************************************************************************/
	#member form#login {
		margin:10px 20px 25px 20px;
		padding:20px 120px;
	}
	
	#member form#login dl {
		margin:0 auto;
	}
	
	#member form#login dl dd .txt,
	#member form#login dl dd .pwd {
		font-size:120%;
	}
	
	/***********************************************************************************************
	インデックスページ
	***********************************************************************************************/
	#member ul.menu {
		overflow:hidden;
		padding:2.0em 0 0 0;
	}
	
	#member ul.menu:after {
		content:"";
		display:block;
		clear:both;
		overflow:hidden;
	}
	
	#member ul.menu li {
		float:left;
		margin:0 0 2.0em 0;
		padding:0;
		text-align:center;
		width:50%;		//(380px - 20px) ÷ 780px
	}
	
	/***********************************************************************************************
	近況報告(投稿確認)ページ
	***********************************************************************************************/
	#member form#tweet_confirm {
		margin:10px 20px 10px 20px;
		padding:20px 120px;
	}
	
	#member form#tweet_confirm dl {
		margin:0 auto;
	}

	#member form#tweet_confirm dl dd textarea {
		width:100%;
	}
	
	#member form#tweet_cancel {
		margin:10px 20px 25px 20px;
		padding:20px 120px;
	}
	
	/***********************************************************************************************
	写真館ページ
	***********************************************************************************************/
	#member table.photo_index {
		margin-bottom:20px;
	}
	
	#member table.photo_index tr td {
		max-width:260px;
		width:33.3333%;
	}
	
	#member table.photo_index tr td p {
		margin:0 5px 10px 5px;
		padding:0;
		max-height:180px;
		overflow-x:hidden;
		overflow-y:scroll;
		text-align:left;
	}
	
	#member table.photo_index tr td img {
		max-width:250px;
	}
	
	/***********************************************************************************************
	活動ページ
	***********************************************************************************************/
	#member table.activity_index {
		margin-bottom:20px;
	}
	
	#member table.activity_index tr td {
		max-width:385px;
		width:50%;
	}
	
	#member table.activity_index tr td p {
		margin:0 5px 10px 5px;
		max-height:280px;
		padding:0;
		overflow-x:hidden;
		overflow-y:scroll;
		text-align:left;
	}
	
	#member table.activity_index tr td img {
		max-width:375px;
	}
	
	/***********************************************************************************************
	パスワード変更ページ
	***********************************************************************************************/
	#member form#pwd01 {
		margin:10px 20px 25px 20px;
		padding:20px 120px;
	}
	
	#member form#pwd01 dl {
		margin:0 auto;
	}
	
	#member form#pwd01 dl dd .txt,
	#member form#pwd01 dl dd .pwd {
		font-size:120%;
	}

}

/***************************************************************************************************
スマホ 460px以下のディスプレイで表示(460pxで最適に見える)
***************************************************************************************************/
@media screen and (max-width:460px) {
	/***********************************************************************************************
	ログインページ
	***********************************************************************************************/
	#member form#login {
		margin:10px 10px 25px 10px;
		padding:20px 10px;
	}
	
	#member form#login dl dd .txt,
	#member form#login dl dd .pwd {
		font-size:120%;
	}
	
	/***********************************************************************************************
	インデックスページ
	***********************************************************************************************/
	#member ul.menu {
		padding:1.0em 0 1.0em 0;
	}
	
	#member ul.menu li {
		margin:0 0 1.0em 0;
		padding:0;
	}
	
	/***********************************************************************************************
	近況報告
	***********************************************************************************************/
	#member ul#kinkyou li {
		flex-direction: column;
	}
	
	/***********************************************************************************************
	近況報告(投稿確認)ページ
	***********************************************************************************************/
	#member form#tweet_confirm {
		margin:10px 10px 10px 10px;
		padding:20px 10px;
	}
	
	#member form#tweet_confirm dl dd textarea {
		width:100%;
	}
	
	#member form#tweet_cancel {
		margin:5px 10px 10px 10px;
		padding:20px 10px;
	}
	
	/***********************************************************************************************
	写真館ページ
	***********************************************************************************************/
	
	
	
	/***********************************************************************************************
	パスワード変更ページ
	***********************************************************************************************/
	#member form#pwd01 {
		margin:10px 10px 25px 10px;
		padding:20px 10px;
	}
	
	#member form#pwd01 dl dd .txt,
	#member form#pwd01 dl dd .pwd {
		font-size:120%;
	}
}