/* CSS Document */
/*------------------------------
	reset
------------------------------*/
* {
	margin:0;
	padding:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border:0;
	outline:0;
	vertical-align:baseline;
	word-break:break-all;
}
img {
	vertical-align:bottom;
	font-size:0;
	line-height:0;
	border:0;
}
ul {
	list-style:none;
}
table {
    /*border-collapse:collapse;*/
    border-spacing:0;
	empty-cells:show;
    border:none;
}
/*------------------------------
	all
------------------------------*/
html,
body {
	width:100%;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color:#FFF;
	background-color:#000;
	background-image:url(img/bg.png);
	background-repeat:repeat;
	background-size:auto;
	-moz-background-size:auto;
	background-position:center top;
}
/*------------------------------
	container
------------------------------*/
#container {
	background-image:url(img/title.png);
	background-repeat:no-repeat;
	background-size:auto;
	-moz-background-size:auto;
	background-position:center top;
}
body.twitter > #container {
	background-image:url(img/title_twitter.png);
	background-position:center 10px;
}
/*------------------------------
	contents
------------------------------*/
#contents {
	margin:0 auto;
	padding:10px 0 100px 0;
	width:920px;
}
/*------------------------------
	ぱんくず
------------------------------*/
#crumbs {
	margin:0 auto 10px auto;
	width:100%;
	color:#666;
}
/*------------------------------
	main
------------------------------*/
.main {
	margin:0 auto;
	padding:480px 0 0;
	text-align:center;
	position:relative;
}
body.twitter .main {
	padding:470px 0 0;
}
/*------------------------------
	リード
------------------------------*/
.lead {
	margin:30px auto;
	text-align:center;
	font-size:1.6rem;
	line-height:2.0;
	font-weight:bold;
	text-shadow:2px 2px 30px #000,-2px -2px 30px #000,2px 2px 30px #000,-2px -2px 30px #000,2px 2px 30px #000,-2px -2px 30px #000;
}
/*------------------------------
	メニューボタン
------------------------------*/
.btnBox {
	margin:20px auto;
	text-align:center;
}
.btnBox > ul li {
	padding:5px 10px;
	display:inline-block;
	width:33%;
	vertical-align:middle;
}
.btnBox > ul li a {
	display:block;
}
.btnBox > ul li a:hover {
	opacity:0.75;
}
.btnBox > ul li p {
	background-color:#000;
	border-radius:57px;
}
.btnBox > ul li p img {
	opacity:0.5;
}
/*------------------------------
	リスト
------------------------------*/
.list {
	margin:10px auto;
	padding:0 2%;
	text-align:center;
	font-size:0;
}
.list li {
	padding:15px 2%;
	display:inline-block;
	vertical-align:top;
	width:50%;
}
.list li a {
	display:block;
	text-decoration:none;
	color:#FF0;
}
.list li a.tool {
	margin:0 auto 10px;
	display:block;
	width:90%;
}
.list li a:hover {
	opacity:0.7;
}
.list li div.inner {
	padding:1px 0;
	background-image:url(img/frame2.png);
	background-repeat:repeat-y;
	background-size:100% auto;
	-moz-background-size:100% auto;
	background-position:center top;
}
.list li p.img {
	margin:10px auto;
	width:90%;
	position:relative;
}
.list li p.img img[src*="soon_"] {
	position:absolute;
	bottom:0;
	left:0;
}
.list li p.img img[src*="new"] {
	position:absolute;
	top:-10px;
	left:-10px;
	width:30%;
}
.list li p.name {
	margin:10px auto 0 auto;
	width:90%;
	font-size:1.5rem;
	line-height:1.2;
	font-weight:bold;
}
.list li p.text {
	margin:5px auto 10px auto;
	width:90%;
	text-align:left;
	font-size:1.0rem;
	color:#FFF;
}
.list li div.soon p.img img[src$=".jpg"] {
	opacity:0.5;
}
.list li div.soon p.name,
.list li div.soon p.text {
	opacity:0.7;
}
/*------------------------------
	Twitterキャンペーン
------------------------------*/
body.twitter .content {
	margin:30px auto;
	text-align:center;
}
body.twitter .content:before,
body.twitter .content:after {
    content:"";
    display:table;
}
body.twitter .content:after {
    clear: both;
}
body.twitter .content img {
	margin:0 auto;
	display:block;
}
body.twitter .content a {
	margin:0 auto;
	display:block;
	width:660px;
}
body.twitter .content > a[href*="pmgpmgjp"] {
	margin:20px auto;
	padding:1.0rem 0;
	display:block;
	width:660px;
	font-size:1.25rem;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	background-color:#008abe;
	border-radius:5px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.5),0 0 5px #FFF inset;
}
body.twitter .content img[src*="oubo.png"] {
	width:670px;
	float:left;
}
body.twitter .content .tweet {
	width:250px;
	float:right;
}
body.twitter .content table {
	margin:20px auto;
}
body.twitter .content table td {
	padding:0 0.5rem;
}
body.twitter .content .twBox {
	margin:0 auto;
	padding:0.5rem 0.5rem 0 0;
	display:table;
	width:100%;
	font-size:0;
	background-color:rgba(255,255,0,0.25);
	border-radius:10px;
}
body.twitter .content .twBox p {
	display:table-cell;
	vertical-align:bottom;
}
body.twitter .content .twBox p.img {
	width:50%;
	height:200px;
	max-height:200px;
	text-align:center;
	overflow:hidden;
	border-radius:0 0 0 10px;
	position:relative;
}
body.twitter .content .twBox p.img img {
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform:translate(-50%, 0);
	-ms-transform:translate(-50%, 0);
	transform:translate(-50%, 0);
}
body.twitter .content .twBox p.link {
	padding-left:0.5rem;
	width:50%;
	font-size:1.0rem;
	text-align:center;
}
body.twitter .content .twBox p.link a {
	margin:1.0rem auto;
	padding:0.5rem 0;
	display:block;
	width:100%;
	color:#FFF;
	text-decoration:none;
	border-radius:5px;
	box-shadow:2px 2px 5px rgba(0,0,0,0.5),0 0 5px #FFF inset;
}
body.twitter .content .twBox p.link a.follow {
	background-color:#00acee;
}
body.twitter .content .twBox p.link a.now {
	background-color:#ff5311;
}
body.twitter .content .twBox p.link span.days {
	margin:0 auto;
	display:block;
	font-size:1.25rem;
	font-weight:bold;
	color:#FFF;
}
body.twitter .content .twBox p.link span.soon {
	margin:10px auto;
	padding:8px 0;
	display:block;
	border-radius:5px;
	color:#999;
	background-color:#666;
	opacity:0.9;
}
body.twitter .content .summary {
	margin:0 0.5rem;
	padding:2.0rem;
	font-size:0;
	text-align:left;
	color:#FFF;
	background-color:rgba(255,0,0,0.25);
	border-radius:10px;
}
body.twitter .content .summary b {
	margin-bottom:1.5rem;
	padding-bottom:1.0rem;
	display:block;
	text-align:center;
	font-size:1.25rem;
	line-height:1.0;
	border-bottom:solid 1px #FFF;
}
body.twitter .content .summary p {
	display:inline-block;
	vertical-align:middle;
	width:77%;
	font-size:1.0rem;
}
body.twitter .content .summary p + p {
	padding-left:1.0rem;
	width:23%;
}
body.twitter .content .summary p + p img {
	padding-right:1.0rem;
	transform:rotate(5deg);
}
body.twitter .content .summary p:before,
body.twitter .content .summary p:after {
    content:"";
    display:table;
}
body.twitter .content .summary p:after {
    clear:both;
}
body.twitter .content .summary p img[src*="present"] {
	padding:0 5px;
	width:27%;
	float:right;
}