/* import style
------------------------------------------------------------------- */
@import url("/css/mod_default.css");
@import url("/css/mod_headerfooter.css");
@import url("/css/mod_common.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 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 .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 .main_contents section.overview .img {
	position: relative;
}

#special_cont .main_contents section.overview figure {
	position: absolute;
	top: 211px;
	left: 170px;
	width: 560px;
	height: 315px;
}

#special_cont .overview a.btn_text {
	position: absolute;
	bottom: 8px;
	left: 238px;
	width: 425px;
	height: 20px;
}

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

/*ブログイベント*/
#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: 296px;
	left: 448px;
	width: 165px;
}

@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,
#special_cont .overview a.btn_text: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: 5px;
}

#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: 20px 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/september2026/anniversary/bg_special_cont.png);
	/* 最下背景のパターン画像 */
}

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

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

/* #special_cont .main_contents::before, */
/* section区切り画像 */
/* #special_cont .main_contents section::after {
	background-image:url(/image/event/september2026/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/september2026/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/september2026/anniversary/btn_gotoList.png);
	/* “一覧で見る”ボタン画像 */
}

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

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

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

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

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

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

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

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