@charset "utf-8";
/* CSS Document */

#official_siteId {
	width:1200px;
	height:360px;
	overflow: hidden;
}
#official_siteId h1 {
	width:1200px;
}
#official_menuLayout {
			width:1200px;
		margin: 0px auto;
	}
#official_contents {
	width:1200px;
}
	#main_container1 {
					width:300px;
			padding-right:21px;
			}
	#main_container2 {
					width:879px;
			}
	#main_container3 {
			}
	.type2FloatRight {
		width:900px;
	}
	#main_container6,
	#main_container7 {
			}

#official_footerLayout .footerData,
#fdc_copyRight,
#fdc_shopCopyRight p,
#fdc_siteBanner .fdc_siteBannerList {
	width:1200px;
}
/*------------------------------------------------------------------------*/

#official_photoMailDiaryList {
	margin-bottom:21px;
}
#official_photoMailDiaryList .blockOuter {
			background-image: url(/upFu8/29796/official/officialConf/photomaildiarylist/img/photoMailDiaryListBg.jpg);
		background-repeat:repeat-y;
				background-color: transparent;
	}
#official_photoMailDiaryList .blockInner {
			background-image: url(/upFu8/29796/official/officialConf/photomaildiarylist/img/photoMailDiaryListBgBottom.jpg);
		background-repeat: no-repeat;
		background-position: left bottom;
	}
#official_photoMailDiaryList .blockDesign {
	padding:74px 19px 35px 19px;
			background-image: url(/upFu8/29796/official/officialConf/photomaildiarylist/img/photoMailDiaryListBgTop.jpg);
		background-repeat: no-repeat;
	}
#fdc_photoMailDiaryListLayout {
	width: 100%;
	position: relative;
	color:#1A1A1A;
}
#fdc_photoMailDiaryListLayout a,
#fdc_photoMailDiaryListLayout a:hover {
	color:#5BFF1A;
}
#fdc_photoMailDiaryList {
	float: right;
		width: 70%;
	}
#fdc_photoMailDiaryMenu {
	float: left;
		width: 28%;
	}
#fdc_photoMailDiaryList .photoMailDiaryTitle {
	margin-bottom: 8px;
	padding: 8px;
		font-size:14px;
		font-weight: bold;
	color:#FFFFFF;
	background-color:#5BFF1A;
}
#fdc_photoMailDiaryList ul {
	margin-bottom: 21px;
}
#fdc_photoMailDiaryList li {
	margin-bottom: 13px;
	padding-bottom: 13px;
	color:#1A1A1A;
	border-bottom:1px dotted #D1D1D1;
}
#fdc_photoMailDiaryList .marginClear {
	margin-bottom: 0px;
}
#fdc_photoMailDiaryList .borderClear {
	border-bottom: none;
}
#fdc_photoMailDiaryList .diaryBody {
	float: right;
		width: 70%;
	}
#fdc_photoMailDiaryList .diaryImage {
	float: left;
		width: 28%;
	}
#fdc_photoMailDiaryList .goodButton{
	display: inline-block;
	text-decoration:none;
	margin-left: 8px;
}
#fdc_photoMailDiaryList .goodButton > i{
	color:#999999;
}
#fdc_photoMailDiaryList .goodButton > i.lastAdd{
	color:#F0375F;
}
#fdc_photoMailDiaryList .goodButton > i:hover {
	color:#F0375F;
}
#fdc_photoMailDiaryList .goodButton > span {
	margin-left: 3px;
	color:#999999;
}
#fdc_photoMailDiaryList .goodButton > span.lastAdd{
	color:#000000;
}
#fdc_photoMailDiaryList .dayTime {
	margin-bottom: 8px;
	font-size: 10px;
}
#fdc_photoMailDiaryList .itemName {
	display: inline-block;
	margin-bottom: 8px;
		font-size:12px;
	}
#fdc_photoMailDiaryList .diaryTitle {
	display: inline-block;
	margin-bottom: 8px;
		font-size:12px;
	}
#fdc_photoMailDiaryList .diaryTitle a {
	color:#5BFF1A;
	font-weight: bold;
}
#fdc_photoMailDiaryList .diaryText {
		font-size:12px;
	}
#fdc_photoMailDiaryList .diaryImage img {
	width: 100%;
}
#fdc_photoMailDiaryList .paging {
	text-align: center;
	font-size: 12px;
}
#fdc_photoMailDiaryList .paging a,
#fdc_photoMailDiaryList .paging span {
	display: inline-block;
	margin: 0px 4px;
	padding: 5px;
	text-decoration: none;
	border: 1px solid;
}
#fdc_photoMailDiaryList .paging a,
#fdc_photoMailDiaryList .paging a:hover {
	color:#5BFF1A;
	border-color:#5BFF1A;
	background-color:#FFFFFF;
}
#fdc_photoMailDiaryList .paging span,
#fdc_photoMailDiaryList .paging .nowPage {
	color:#D1D1D1;
	border-color:#D1D1D1;
	background-color:#FFFFFF;
}
#fdc_photoMailDiaryList .paging a:hover {
	text-decoration: underline;
}
#fdc_photoMailDiaryMenu .photoMailDiaryItemList {
	margin-bottom: 13px;
	padding: 8px;
	border-radius: 5px;
	background-color:#EFFFE8;
	}
#fdc_photoMailDiaryMenu .newDiary {
}
#fdc_photoMailDiaryMenu .userList {
			line-height: 1.4;
	}
#fdc_photoMailDiaryMenu .listTitle {
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border-bottom:1px dotted #D1D1D1;
}
#fdc_photoMailDiaryMenu .newDiaryList a {
	display: inline-block;
	width: calc(100% / 3);
	text-align: center;
	margin: 0px 0px 3px 0px;
	vertical-align: top;
}
#fdc_photoMailDiaryMenu .newDiaryList img {
	width: 96%;
}
#fdc_photoMailDiaryMenu .noImage {
	text-align: center;
}
#official_photoMailDiaryList .diaryBody img {
	max-width: 100%;
	height: auto !important;
}

/*--------------------------------- calendar ---------------------------------------*/

#fdc_photoMailDiaryMenu .calendar #photoMailDiaryDatepicker {
	display: flex;
}
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker .ui-datepicker-title {
	margin: 0 !important;
	padding-top: 3px;
}
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker .ui-datepicker-prev,
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker .ui-datepicker-next {
	display: none;
}
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker th > span[title=Saturday] {
	color:#0000FF;
}
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker th > span[title=Sunday] {
	color:#FF0000;
}
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker td > a,
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker td > span {
	display:flex;
	justify-content: center;
	align-items: center;
	height: 20px;
		border: 0px;
	border-radius: 3px;
	margin: auto;
}
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker td.ui-state-disabled {
	user-select: none;
	opacity: 1;
}
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker > div {
	width:100%;
}
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker .ui-datepicker th {
	font-weight: normal;
}
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker .ui-datepicker select {
	margin: 0px 3px;
}
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker .ui-datepicker select.ui-datepicker-year {
	width: 70px;
	height: 22px;
}
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker .ui-datepicker select.ui-datepicker-month {
	width: 64px;
	height: 23px;
}
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker .ui-datepicker select.ui-datepicker-year option:enabled,
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker .ui-datepicker select.ui-datepicker-month option:enabled {
	background-color: #FFFFFF;
}
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker .ui-datepicker select.ui-datepicker-year option:disabled,
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker .ui-datepicker select.ui-datepicker-month option:disabled {
	background-color: #AAAAAA;
	color: #FFFFFF;
}
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker td.ui-datepicker-selected-day {
	opacity: 1;
}
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker td.ui-datepicker-selected-day span {
	background-color:#624E2F;
	color:#000000;
	font-weight: normal;
}
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker .ui-widget-header,
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker .ui-widget-content,
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker td:not(.photoMailDay):not(.ui-datepicker-selected-day) .ui-state-default {
	background: none;
	background-color:#EFFFE8;
	border: 0px;
}
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker td:not(.photoMailDay):not(.ui-datepicker-selected-day) .ui-state-default {
		
	opacity:0.4;
	color:#000000;
}
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker .ui-widget-header,
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker .ui-datepicker th {
	color:#000000;
}
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker td.photoMailDay > a {
	color:#000000;
}
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker td.photoMailDay .ui-state-default {
	background-color:#624E2F;
}
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker td.photoMailDay .ui-state-default:hover,
#fdc_photoMailDiaryListLayout #photoMailDiaryDatepicker td.photoMailDay .ui-state-default:hover > a {
	background-color:#624E2F;
	color:#000000;
}



/***** 画面毎の文字サイズの設定（一覧と詳細共通） （これより下に追加しないこと） ********************************************************************/

/* 写メ日記  メニューリンク */

	#fdc_photoMailDiaryMenu .photoMailDiaryItemList a
	{
		font-size:12px !important;
	}


/* 写メ日記  新着画像タイトル */

/* 写メ日記  日記欄（右）タイトル */

	#fdc_photoMailDiaryList .photoMailDiaryTitle
	{
		font-size:14px !important;
	}


/* 写メ日記  登録日時 */

/* 写メ日記  キャスト名 */

	#fdc_photoMailDiaryList.witdhOver320 .itemName,
	#fdc_photoMailDiaryList.witdhOver320 h3
	{
		font-size:12px !important;
	}


/* 写メ日記  件名 */

	#fdc_photoMailDiaryList.witdhOver320 .diaryTitle,
	#fdc_photoMailDiaryList.witdhOver320 .diaryTitle a
	{
		font-size:12px !important;
	}


/* 写メ日記  本文 */

	#fdc_photoMailDiaryList.witdhOver320 .diaryBody p:nth-of-type(n+2),
	#fdc_photoMailDiaryList.witdhOver320 .diaryBody div
	{
		font-size:12px !important;
	}



/* 写メ日記  ページネーション */