@charset "UTF-8";
/* -----------------------------------------------------------
   FAN-MESSAGE
------------------------------------------------------------*/
.Msg .inner iframe#iframe{
	width:100%;
	border:none;
}
.Msg #leftBox .unit .inner{
	padding:20px;
	}
.Msg .inner p{
	font-size:85%;
	line-height:160%;
	}

.Msg .sendBtn a{
	display:block;
	height:0;
	overflow:hidden;
	background-image:url(../img/msg_btn.png);
	background-position:center center;
	background-repeat:no-repeat;
	text-indent:-9999px;
	background-size:cover;
	}
.Msg .sendBtn a:hover{
	filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;
	}

.Msg #leftBox h2{
	display:block;
	color:#aa704d;
	
	text-align:center;
	padding-top:20px;
	}
.Msg ul#caution{ 
	list-style:outside disc;
	font-size:85%;
	padding:30px 10px 0 20px;
	margin-bottom:50px;
	}
.Msg ul#caution li{
	line-height:140%;
	margin-bottom:10px;
	}
.Msg .inner .archive{
	list-style:none;
	}
.Msg .inner .archive li{
	float:left;
	font-size:80%;
	}
.Msg .inner .archive li a{
	background-color:#a6795e;	
	color:#fff;
	letter-spacing:0.06em;
	font-weight:bold;
	text-decoration: none;
	text-align:center;
	border-radius:4px;
	}
.Msg .inner .archive li a:hover{
	filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;
	}
	
/* NEXT-BACK*/
.Msg #prevnext ul{ 
	list-style:none;
	}
.Msg #prevnext p{ 
	display:none;
	}

.Msg #next{ 
	float:right;
	}
.Msg #prev{ 
	float:left;
	}

.Msg #prevnext a:hover{
	filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;
	}


@media all and (min-width: 768px) {
.Msg #next,.Msg #prev{ 
	text-indent:-9999px;
	}
.Msg #leftBox h1{
	background-image:url(../img/msg_ti.png);
	background-position:center center;
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
.Msg #leftBox h2{
	font-size:110%;
	}
.Msg #prevnext a{
	margin:20px 0 10px;
	}
.Msg #next a{
	display:block;
	width:140px;
	height:0;
	overflow:hidden;
	background:url(../img/msg_backnext.png) -140px 0 no-repeat;
	padding-top:28.57%;
	}
.Msg #prev a{
	display:block;
	width:140px;
	height:0;
	overflow:hidden;
	background:url(../img/msg_backnext.png) no-repeat;
	padding-top:28.57%;
	}
.Msg .sendBtn{
	width:280px;
	margin:0 auto;
	}
.Msg .sendBtn a{
	width:280px;
	padding-top:30%;
	margin:20px auto 30px;
	}
.Msg .inner .archive li{
	margin:20px 5px 20px 0;
	}
.Msg .inner .archive li a{
	padding:15px;
	}
}
@media all and (max-width: 767px) {
.Msg #leftBox h2{
	font-size:100%;
	}
.Msg .sendBtn a{
	width:60%;
	padding-top:18%;
	margin:0 auto 10px;
	}
.Msg #prevnext a{
	background-color:#eed9bd;
	display:block;
	padding:10px 15px;
	color:#8c540a;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:100%;
	}
.Msg #next span,.Msg #prev span{
	display:block;
	text-indent:-9999px !important;
	}
.Msg .inner .archive li{
	margin:20px 5px 6px 0;
	}
.Msg .inner .archive li a{
	padding:10px 15px;
	}
}