@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
}
html {
	overflow: auto;/*「body」でスクロールバーの表示を設定しているが、ここでoverflowを設定しないと正しく動かない*/
  background-color: #000000;/*フッターより下が見える場合の背景色*/
  height: 100%;
}
body {
  font-family: Helvetica, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  color: #000000;
  text-align: left;
  height: 100%;
  word-wrap: break-word;
  background-color: #000000;
  font-size: 15px;
  line-height: 20px;
  -webkit-text-size-adjust: 100%; /*スマホ横向き時に文字サイズを拡大させない*/
}
a {
	color: #00ABFF;
}
a:hover {
	text-decoration: none;
}
a img {
    border-style:none;
}
p {
}
.container {
  height: 100%;
}
.content {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.content .block_flame {
	width: 100%;
	height: 100%;
}
.content .block_flame ul {
  width: 100%;
  height: 100%;
}
.content .block_flame ul li.block {
  width: 33%;
  height: 25%;
  float: left;
  background-position: center center;
  list-style-image: none;
  list-style-type: none;
}
.content .block_flame ul li.block:nth-child(3n+2) { /*中央列のみ34％幅にする*/
  width: 34%;
}
@media screen and (max-width: 640px) { /*スマホ縦・横向き時*/
.content .block_flame ul li.block {
  background-size: 233px 244px;
}
}
.content .block_flame ul li.block a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative; /*z-index指定のため*/
  z-index: 1; /*ロゴよりもリンクを上に持ってくるため*/
}
.content .block_flame ul li.block.block_shopmee {
  background-image: url(../images/design/thumb/shopmee.jpg);
}
.content .block_flame ul li.block.block_willcom {
  background-image: url(../images/design/thumb/willcom.jpg);
}
.content .block_flame ul li.block.block_busguides {
  background-image: url(../images/design/thumb/busguides.jpg);
}
.content .block_flame ul li.block.block_dior {
  background-image: url(../images/design/thumb/dior.jpg);
}
.content .block_flame ul li.block.block_rice {
  background-image: url(../images/design/thumb/rice.jpg);
}
.content .block_flame ul li.block.block_namco-bandai {
  background-image: url(../images/design/thumb/bng.jpg);
}
.content .block_flame ul li.block.block_bsc {
  background-image: url(../images/design/thumb/bsc.jpg);
}
.content .block_flame ul li.block.block_car {
  background-image: url(../images/design/thumb/car.jpg);
}
.content .block_flame ul li.block.block_huseikeiyu {
  background-image: url(../images/design/thumb/award.jpg);
}
.content .block_flame ul li.block.block_logo {
  background-image: url(../images/design/thumb/logo.jpg);
}
.content .block_flame ul li.block.block_somusho {
  background-image: url(../images/design/thumb/somusho.jpg);
}
.content .block_flame ul li.block.block_about {
  background-image: url(../images/design/thumb/about.jpg);
}
.content .logo {
  width: 100%;
  height: 30%;
  position: absolute;
  top: 60%;
  right: 0%;
  z-index: 0; /*ロゴよりもリンクを上に持ってくるため*/
  text-align: right;
  background-image: url(../images/sikeed_logo.png);
  background-size: 610px 115px;
  background-repeat: no-repeat;
  background-position: right top;
}
@media screen and (max-width: 640px) { /*スマホ横向き時*/
.content .logo {
  background-size: 325px 61px;
  right: -10px;
  margin-top: -5px;
}
}
@media screen and (max-width: 320px) { /*スマホ縦向き時*/
.content .logo {
  background-size: 276px 52px;
  right: -15px;
  margin-top: 16px;
}
}
.content .photo,
.content .text {
  width: 100%;
  height: 80%;
  overflow-y: hidden;
}
.content .text .text_flame {
  width: 70%;
  height: 100%;
  color: #CCC;
  font-size: 16px;
  line-height: 23px;
  font-weight: bold;
  padding: 40px;
}
.content .text .text_flame h1 {
  font-size: 36px;
  line-height: 32px;
  font-weight: bold;
  color: #FFF;
  margin-bottom: 15px;
}
.content .text .text_flame ul li {
  list-style-image: none;
  list-style-type: none;
  padding-left: 15px;
  background-image: url(../images/about_list.png);
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-position: left 0px top 2px;
}
.content .text .text_flame .button {
  width: 186px;
  height: 34px;
  background-size: 186px 34px;
  background-repeat: no-repeat;
}
.content .text .text_flame .button a {
  width: 186px;
  height: 34px;
  display: block;
}
.content .text .text_flame .button.twitter {
  background-image: url(../images/button_twitter.png);
  margin-top: 25px;
  margin-bottom: 30px;
}
.content .text .text_flame .button.mail {
  background-image: url(../images/button_mail.png);
  margin-top: 15px;
  padding-bottom: 30px;
}
@media screen and (max-height: 800px) { /*高さが狭いブラウザ用*/
.content .text {
  width: 100%;
  height: 80%;
  overflow-y: scroll;
}
}
@media screen and (max-width: 640px) { /*スマホ縦・横向き用*/
.content .text {
  overflow-y: scroll;
}
.content .text .text_flame {
  width: auto;
  font-size: 14px;
  line-height: 18px;
  padding: 15px;
}
.content .text .text_flame h1 {
  font-size: 26px;
  line-height: 28px;
  margin-bottom: 5px;
}
}
.content .caption {
  width: 100%;
  height: 20%;
  border-top: 1px solid #404040;
}
.content .caption p {
  color: #FFFFFF;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 61px;
  line-height: 55px;
  position: relative;
  top: 10%;
  left: 20px;
}
.content .caption p a {
  color: #FFF;
  text-decoration: none;
}
@media screen and (max-width: 640px) { /*スマホ縦・横向き用*/
.content .caption p {
  font-size: 28px;
  line-height: 25px;
  left: 10px;
}
}