/* import style
------------------------------------------------------------------- */
@import url("/css/mod_default.css");
@import url("/css/mod_layout.css");
@import url("/css/mod_headerfooter.css");
@import url("/css/mod_common.css");
@import url("/css/library/mCustomScrollbar.css");
@import url("/css/library/animate.min.css");
@import url("/css/library/hover-min.css");
@import url("/css/library/colorbox.css");

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

#container #footerArea {
	margin:0 auto;
	width:830px;
	-webkit-border-radius:5px;

/* Safari,Google Chrome */
	-moz-border-radius:5px;

/* Firefox12まで */
	border-radius:5px;

/* Firefox13以降 */
	background-color:#F6F6F6;
	background-image:none;
}

#container .btnList {
	margin:0 auto;
}

/* 定型
------------------------------------------ */
.only_pc {
	display:inline-block;
}

.only_sp {
	display:none;
}

#special_cont {
	position:relative;
	padding-bottom:120px;
	background-position:0 0;
	background-repeat:repeat;
}

#special_cont a[class^="btn"] {
	z-index:100;
	display:inline-block;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}

#event {
	min-width:870px;
}

#special_cont a {
	opacity:1;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
}

#special_cont a:hover {
	opacity:.7;
	filter:alpha(opacity=70);
}

/*トップ*/
#special_cont #top_wrap {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	width:100%;
	height:200px;
	background-position:top left, top right;
	background-repeat:no-repeat;
}

/* メインコンテンツ */
#special_cont .main_contents {
	position:relative;
	margin:0 auto;
	padding-top:80px;
	width:912px;
	height:100%;
}

#special_cont .main_contents::after {
	position:absolute;
	bottom:-66px;
	left:0;
	padding-bottom:60px;
	width:900px;
	border:6px solid #75C2E0;
	border-top:none;
	border-radius:0 0 30px 30px;
	background-color:#FFF;
	content:"";
}

/* #special_cont .main_contents::before {
	position:absolute;
	left:0;
	z-index:1;
	display:block;
	width:100%;
	background-position:center bottom;
	background-repeat:no-repeat;
	content:"";
	transform:rotateZ(180deg);
} */

#special_cont .main_contents section {
	position:relative;
}

#special_cont .main_contents section:first-child {
	padding-top:0;
}

#special_cont .main_contents section.top {
	padding:0;
	border:none;
	background-color:transparent;
}

#special_cont .main_contents section.top .btn_special {
	margin-top:-10px;
	padding:30px 0;
	border:6px solid #75C2E0;
	border-top:none;
	border-bottom:none;
	background-color:#FFF;
}

/* #special_cont .main_contents section::after {
	position:absolute;
	bottom:-60px;
	left:0;
	z-index:1;
	display:block;
	width:100%;
	height:60px;
	background-position:center bottom;
	background-repeat:no-repeat;
	content:"";
} */

#special_cont .main_contents section .img {
	text-align:center;
}

@media (max-width:980px) {
	#special_cont .main_contents section.blog .img img,
	#special_cont .main_contents section.twitter .img img {
		width:95%;
	}

	#special_cont .main_contents section.blog .img a img,
	#special_cont .main_contents section.twitter .img a img {
		width:580px;
	}
}

/*ブログイベント*/
#special_cont .blog {
	position:relative;
	margin:0 auto;
}

#special_cont .blog .twitter-tweet {
	margin:0 auto;
}

#special_cont .blog a.btn_text {
	position:absolute;
	top:268px;
	left:455px;
	width:163px;
}

@media (max-width:980px) {
	#special_cont .blog a.btn_text {
		top:293px;
		left:455px;
		width:180px;
	}
}

#special_cont .twitter a.btn_text2 {
	position:absolute;
	bottom:26px;
	left:280px;
	width:195px;
	height:25px;
}

@media (max-width:980px) {
	#special_cont .twitter a.btn_text2 {
		position:absolute;
		bottom:35px;
		left:228px;
		width:255px;
		height:27px;
	}
}

#special_cont .twitter a.btn_text3 {
	position:absolute;
	top:115px;
	left:372px;
	width:200px;
	height:25px;
}

@media (max-width:980px) {
	#special_cont .twitter a.btn_text3 {
		position:absolute;
		top:127px;
		left:366px;
		width:218px;
		height:25px;
	}
}

#special_cont .blog a.btn_text:hover,
#special_cont .twitter a.btn_text2:hover,
#special_cont .twitter a.btn_text3:hover {
	background-color:#FFF;
	opacity:.5;
}

#special_cont .main_contents section.blog .img {
	padding-top:10px;
}

#special_cont .blog .blog_listbox {
	position:relative;
	margin:0 auto 30px;
	width:714px;
	height:335px;
	background-position:top center;
	background-repeat:no-repeat;
}

#special_cont .blog #blog_listbox_in {
	position:absolute;
	top:50px;
	left:25px;
	z-index:10;
	width:100%;
}

#special_cont #blog_minilist {
	position:relative;
	overflow:hidden;
	padding:10px;
	width:660px;
	height:233px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#special_cont .blog .newBlogList {
	padding-right:10px;
}

#special_cont .newBlogList dd.id a:link,
#special_cont .newBlogList dd.title a:link,
#special_cont .newBlogList dd.id a:visited,
#special_cont .newBlogList dd.title a:visited,
#special_cont .newBlogList dd.id span.category,
#special_cont .newBlogList dd.time span.category,
#special_cont .blog .newBlogList dd.post,
.newBlogList dd.id a:link,
.newBlogList dd.title a:link,
.newMessageList dd.title a:visited {
	color:#B08663;
}

.newBlogList dt a:link,
.newBlogList dt a:visited {
	color:#B08656;
	text-decoration:none;
}

#special_cont .blog .blog_listbox dt {
	overflow:hidden;
	width:60%;
	text-overflow:ellipsis;
}

#special_cont .blog .blog_listbox dd.title,
#special_cont .blog .blog_listbox dd.id {
	overflow:hidden;
	width:90%;
	text-overflow:ellipsis;
}

#special_cont .blog #btn_blog img {
	position:absolute;
	top:50px;
	left:120px;
	margin:0;
	width:429px;
	height:64px;
}

#special_cont .blog .blog_listbox #goto_list img {
	top:60px;
	left:240px;
	z-index:10;
	width:132px;
}

#special_cont .blog a.btn_gotoList {
	position:absolute;
	right:55px;
	bottom:30px;
	width:126px;
	height:20px;
	background-position:0 0;
	background-repeat:no-repeat;
}

#special_cont .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color:#FFF;
	-ms-filter:"alpha(opacity=75)";
	filter:"alpha(opacity=75)";
}

#special_cont .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
	background-color:#FFF;
}

/* ボタン共通 */
#special_cont .btn_special a,
#special_cont .btn_special p {
	display:block;
	overflow:hidden;
	margin:0 auto;
	width:434px;
	height:77px;
	background-position:top center;
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
}

@media (max-width:980px) {
	#special_cont .btn_special a {
		width:580px;
		height:103px;
		background-size:contain;
	}
}


/* Twitter */
#special_cont .main_contents section.twitter .img {
	position:relative;
	margin-top:20px;
}

#special_cont .main_contents section.twitter .img:nth-child(5) {
	margin-top:50px;
}

@media (max-width:980px) {
	#special_cont .main_contents section.twitter .img:nth-child(5) img {
		width:50%;
	}
}

#special_cont .twitter .Twittertext {
	margin-bottom:10px;
	width:100%;
	text-align:center;
	font-weight:700;
	font-style:normal;
	font-size:17pt;
	font-family:m-plus-rounded-1c, sans-serif;
}

#special_cont .twitter .Twittertext span a {
	color:#1D9BF0;
}

#special_cont .twitter .btn_special a {
	overflow:hidden;
	margin-bottom:40px;
	background-position:top center;
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
}

#special_cont .twitter .caution {
	margin:0 auto;
	padding:30px 0 0 0;
	width:750px;
}

#special_cont .twitter .caution2 {
	margin:0 auto;
	padding:30px 0 0 30px;
	width:750px;
}

@media (max-width:980px) {
	#special_cont .twitter .caution2 {
		padding:30px 0 0 0;
	}
}

#special_cont .twitter .caution ul {
	margin:20px auto 0;
	width:650px;
}

@media (max-width:980px) {
	#special_cont .twitter .caution ul {
		margin:20px auto 0;
		width:100%;
	}
}

#special_cont .twitter .caution li::before,
#special_cont .twitter .caution2 li::before {
	content:"※";
}

#special_cont .twitter .caution li,
#special_cont .twitter .caution2 li {
	margin:5px 0;
	padding-left:1em;
	text-indent:-1em;
	line-height:1.5;
}

@media (max-width:980px) {
	#special_cont .twitter .caution li,
	#special_cont .twitter .caution2 li {
		font-size:1.8em;
	}
}

/* ページトップへ戻る */
.pageTop-special-cont {
	position:relative;
	display:none;
	margin:0 auto;
	max-width:832px;
	width:100%;
	height:0;
}

.pageTop-special-cont a {
	position:fixed;
	bottom:200px;
	left:auto;
	z-index:9999;
	display:block;
	margin-left:850px;
}

.pageTop-special-cont a img {
	width:76px;
	height:58px;
}


/* 変更箇所
------------------------------------------ */
#special_cont {
	background-image:url(/image/event/september2025/anniversary/bg_special_cont.png);
	/* 最下背景のパターン画像 */
}

#special_cont #top_wrap {
	background-image:url(/image/event/september2025/anniversary/bg_top_wrap_l.png)
	/* タイトル左上の飾り */
	,
	url(/image/event/september2025/anniversary/bg_top_wrap_r.png)
	/* タイトル右上の飾り */
	;
}

/* #special_cont #top_wrap h1 {
	background-image:url(/image/event/september2025/anniversary/img_title.png);
} */

/* #special_cont .main_contents::before, */
/* section区切り画像 */
/* #special_cont .main_contents section::after {
	background-image:url(/image/event/september2025/anniversary/bg_hr.png);
} */

/* #special_cont .main_contents::before {
	top:-60px;

height:60px;

}

*/
#special_cont .main_contents section {
	padding-top:10px;
	border:6px solid #75C2E0;
	border-top:none;
	border-bottom:none;

/* bg_hr.pngの高さ値を入れる */
	background-color:#FFF;

	/* メインコンテンツの背景色 */
}

/* “みんなの投稿”枠画像 */
/* #special_cont .blog .blog_listbox {
	background-image:url(/image/event/september2025/anniversary/bg_blog_listbox.png);
} */

#special_cont .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color:#E0B06B;
	/* “みんなの投稿”スクロールバーの丸色 */
}

#special_cont .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
	background-color:rgb(241, 155, 155);
	/* “みんなの投稿”スクロールバーのバー色 */
}

#special_cont a.btn_gotoList {
	background-image:url(/image/event/september2025/anniversary/btn_gotoList.png);
	/* “一覧で見る”ボタン画像 */
}

#special_cont a.btn_write {
	background-image:url(/image/event/september2025/anniversary/btn_write.png);
	/* 日記を書くボタン画像 */
}

#special_cont a.btn_receive {
	background-image:url(/image/event/september2025/anniversary/btn_receive.png);
	/* 新規登録して日記を書くボタン画像 */
}

#special_cont p.btn_received {
	background-image:url(/image/event/september2025/anniversary/btn_received.png);
	/* 受け取り済み画像 */
}

#special_cont p.btn_end {
	background-image:url(/image/event/september2025/anniversary/btn_end.png);
	/* 受け取り済み画像 */
}

#special_cont .btn_special a.btn_twitter {
	margin-top:30px;
	background-image:url(/image/event/september2025/anniversary/btn_gotosite.png);
	/* Twitterへボタン画像 */
}

#special_cont .caution {
	background-image:url(/image/event/september2025/anniversary/bg_caution.png);
	/* 注意事項背景画像 */
}

special_cont .caution {
	background-image:url(/image/event/september2025/anniversary/bg_caution.png);
	/* 注意事項背景画像 */
}