/* CSS Document */

#special-present {
}

#special-present .box {
	margin-bottom:2em;
	color:#4d2600;
}
#special-present .presentfirst {
	margin-bottom:0;
}

#special-present .title {
	height:100px;
	background:url(../images/shikishipresent/title_sp.jpg) 50% 50% no-repeat;
	background-size:contain;
	text-indent:-9999px;
}
#special-present .presentimg {
	text-align:center;
}
#special-present .presentimg img {
	width:100%;
	max-width:640px;
	height:auto;
}

#special-present .box h3 {
	font-size:130%;
	font-weight:normal;
	border-left: 3px solid #ff5252;
	padding-left:6px;
	margin-bottom:0.5em;
}
#special-present .box h3 span {
	font-size:60%;
}
#special-present .box p {
	margin-bottom:1em;
}
#special-present .box p.indent {
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom:0.5em;
}
#special-present .box p span {
	display:block;
}
#special-present .box p span.right {
	padding-left:2em;
}
#special-present .box ul.caution li {
	margin:0 0 0.5em;
}
#special-present .box ul.caution,
#special-present .box ul.caution li:last-child {
	margin:0;
}
#special-present .box ul.caution li {
	font-size:85%;
	color:#800d16;
	padding-left: 1em;
	text-indent: -1em;
}

#special-present .box .shape {
	width:100%;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/twitterpresent/shape_sp.jpg) 50% 0 no-repeat;
	background-size:contain;
}

.tbutton {
	background-image:url(../images/twitterpresent/Twitter_logo_white.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:contain;
	width:100%;
	text-align:center;
	font-size:90%;
	margin-top:0;
	margin-bottom:0.5em;
	margin-left:auto;
	margin-right:auto;
	padding:15px 0;
	display:block;
	text-transform:none;
}
.rt,
.rt:hover,
.rtcomming,
.rtcomming:hover, .rtcomming:focus, .rtcomming:active {
	background-color:#666;
}

/**
 * Media Queries
 * -----------------------------------------------------------------------------
 */
 
@media screen and (min-width : 768px){
	#special-present .box p.indent,
	#special-present .box ul.caution li {
		margin-bottom:1em;
	}
	#special-present .box {
		clear:both;
		overflow:hidden;
	}
	#special-present .title {
		height:120px;
		background-image:url(../images/shikishipresent/title_pc.jpg);
		background-size:auto;
		margin-bottom:20px;
	}
	#special-present .box h3 {
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
		font-size:220%;
	}
	#special-present .box h3 span {
		font-size: 40%;
	}
	#special-present .box p span {
		display:inline;
	}
	#special-present .box .float {
		width:45%;
		float:left;
	}
	#special-present .box .shape {
		width:10%;
		float:left;
	}
	#special-present .box p.indent {
		font-size:80%;
	}
	#special-present .box p span.right {
		padding-left:0;
	}
	.tbutton {
		font-size:100%;
		height:40px;
		line-height:40px;
		background-image:url(../images/twitterpresent/Twitter_logo_white_pc.png);
		background-size:auto;
		margin-bottom:1em;
	}
	#special-present .box .shape {
		height:135px;
		background-image:url(../images/twitterpresent/shape_pc.jpg);
		background-position:50% 50%;
		background-size:auto;
	}
}