/* ------------------------
　▼書式設定
--------------------------*/
html {
	margin:0;
	padding:0;
}

body {
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	width: 100%;
	margin: 0 auto;
	color: #000000;
	font-size: 12px;
	background: #000;
}

a:link,
a:visited {
	color: #ffffff;
	text-decoration: none;
}

a:hover {
	color: #ffffff;
	text-decoration: underline;
}

a:active {	
	color: #ffffff;
	text-decoration: none;
}


/* モダンブラウザ */
img {
	max-width: 100%;
	height: auto;
	display: block;
}
/* IE8 */
img {
	width: auto\9;
}
/* IE7 */
*:img {
	width: 100%;
}

/* 表示振り分け */
.displaySP {display:none;}
img.imgSP {
	display: none;
}
@media screen and (max-width: 640px) {
	.displayPC {display:none;}
	.displaySP {display:block;}
	img.imgPC {display:none;}
	img.imgSP {display:block;}
}
/* ------------------------
　▲書式設定
--------------------------*/

/* ------------------------
　▼アイコン
--------------------------*/
/* ゲーム */
.icon span.game {
	background: #cc0000;
}

/* アミューズメント */
.icon span.amuse {
	background: #ff6600;
}

/* アニメ */
.icon span.anime {
	background: #d45b64;
}

/* グッズ */
.icon span.goods {
	background: #419b9f;
}

/* マガジン＆ブックス */
.icon span.magazine {
	background: #5d905d;
}

/* モバイル */
.icon span.mobile {
	background: #5a8fc5;
}

/* ミュージック */
.icon span.music {
	background: #65b82d;
}

/* オンライン */
.icon span.online {
	background: #336699;
}

/* オンラインゲーム */
.icon span.onlinegame {
	background: #cc0000;
}

/* その他 */
.icon span.other {
	background: #e2b11e;
}

/* ps3 */
.icon span.ps3 {
	background: #5578a5;
}

/* ------------------------
　▲アイコン
--------------------------*/

/* ------------------------
　▼header　ヘッダー
--------------------------*/
#wp header {
	height: 50px;
	border-bottom: 1px solid #3c3838;
}

@media screen and (max-width: 640px) {
	#wp header {
		height: auto;
		padding:10px 0;
	}
}

#header-title {
	width: 980px;
	height: 26px;
	margin: 0 auto;
	padding: 12px 0;
}

@media screen and (max-width: 640px) {
	#header-title {
		display: none;
	}
}

#header-title h1 {
	float: left;
}

#header-title h1 a {
	width: 208px;
	height: 19px;
	margin: 4px 0 3px;
	display: block;
	text-indent: -9999px;
	background: url(../img/header/square_logo.png) no-repeat left top;
}

#hd-nav {
	/* width: 425px; */
	height: 23px;
	float: right;
}

#hd-nav ul.company-info {
	padding: 5px 0;
	font-size: 11px;
	float: left;
}

#hd-nav ul.company-info li {
	margin-right: 9px;
	padding-right: 9px;
	border-right: 1px solid #ffffff;
	float: left;
}

#hd-nav ul.company-info li:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}

/* googleカスタム検索 */

div#___gcse_0 {
	width: 156px;
	padding-top:2px;
	margin-left: 10px;
	float:right;
}
div#___gcse_0 .gsc-control-cse {
	padding:0;
	border:none;
	background:none;
}

div#___gcse_0 form,
div#___gcse_0 input {
	margin: 0;
	padding: 0;
}

div#___gcse_0 form table.gsc-search-box {
	margin-bottom:0;
}
div#___gcse_0 form td.gsc-input {
	padding-right:0;
	background:url(http://www.jp.square-enix.com/common/images/gcse_icon_k.png) left center no-repeat !important;
}
div#___gcse_0 form td.gsc-clear-button {
	display:none;
}
div#___gcse_0 form input#gsc-i-id1 {
	width:137px;
	height:20px;
	border: 1px solid #333!important;
	font-size:11px;
	color:#333;
}

div#___gcse_0 form input#gsc-i-id1.gsc-input {
	background:url(http://www.jp.square-enix.com/common/images/gcse.gif) left center no-repeat #ffffff !important;
	line-height:20px;
}
div#___gcse_0 form input#gsc-i-id1.gsc-input-focus {
	background-image:none !important;
}

div#___gcse_0 form input.gsc-search-button {
	min-width:20px;
	width:20px;
	height:22px;
	cursor:pointer;
	text-indent:-9999px;
	background:url(http://www.jp.square-enix.com/common/images/gcse_icon_k.png) left center no-repeat !important;
}
div#___gcse_0 form div.gsc-clear-button {
	margin:0;
	padding:4px;
}

div#___gcse_0 div.gsc-results-wrapper-overlay {
	background:#1b1b1b;
}
div#___gcse_0 div.gsc-results-wrapper-overlay #resInfo-0{
	color:#ffffff;
}
div#___gcse_0 div.gsc-results-wrapper-overlay .gsc-orderby-label {
	color:#ffffff;
}
div#___gcse_0 div.gsc-results-wrapper-overlay .gsc-selected-option-container {
	border:1px solid #999;
	color:#999;
}
div#___gcse_0 div.gsc-results-wrapper-overlay .gcsc-branding {
	color:#999;
}
div#___gcse_0 div.gsc-results-wrapper-overlay .gsc-cursor-box {
	text-align:center;
}
div#___gcse_0 div.gsc-results-wrapper-overlay .gsc-cursor .gsc-cursor-page {
	background-color:#1b1b1b;
	color:#999;
}
div#___gcse_0 div.gsc-results-wrapper-overlay .gsc-cursor .gsc-cursor-page.gsc-cursor-current-page {
	background-color: #b6b6b6;
	color:#000;
}

div#___gcse_0 div.gsc-webResult.gsc-result {
	background-color: #ffffff;
	border: none;
	padding:10px;
	border-left:10px solid #ffffff;
}
div#___gcse_0 div.gsc-webResult.gsc-result:hover {
	border-left:10px solid #ff0000;
}

div#___gcse_0 div.gsc-webResult.gsc-result div.gs-title {
	margin-bottom:10px;
	text-decoration:none;
	font-weight:bold;
	height:21px;
}

div#___gcse_0 div.gsc-webResult.gsc-result div.gs-title a {
	color: #333;
	text-decoration:none;
}
div#___gcse_0 div.gsc-webResult.gsc-result div.gs-title a:hover,
div#___gcse_0 div.gsc-webResult.gsc-result div.gs-title a:hover em {
	text-decoration:underline;
	font-size:16px;!important
}
div#___gcse_0 div.gsc-webResult.gsc-result div.gs-title b {
	color: #000;
}
div#___gcse_0 div.gsc-webResult.gsc-result .gs-snippet {
	color:#333;
}

div#___gcse_0 div.gsc-webResult.gsc-result .gs-no-results-result .gs-snippet,
div#___gcse_0 div.gsc-webResult.gsc-result .gs-error-result .gs-snippet {
	background: none;
	border: none;
	padding:10px;
}


div#___gcse_0 div.gsc-webResult.gsc-result .gs-visibleUrl {
	color:#000;
	font-weight:bold;
}
div#___gcse_0 div.gsc-webResult.gsc-result div.gs-title.gs-bidi-start-align a em {
	text-decoration:underline;
	color:#000;
}

/* ------------------------
　▲header　ヘッダー
--------------------------*/

/* ------------------------
　▼　スマホ版　メニュー
--------------------------*/
@media screen and (min-width: 641px) {
	#phone-title {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	#phone-title {
		width: 100%; /* 608px;*/
		height: auto;
		position: relative;
	}

	#phone-title input {
		display: none;
	}

	#phone-title label {
		width: 12.5%; /* 80px; */
		min-height: 100%;
		margin: 0 2.5%;
		display: block;
		position: absolute;
		cursor: pointer;
		background: url(../img/header/btn_gnav_640.png) no-repeat top left;
		-moz-background-size: cover;
		background-size: cover;
	}

	#phone-title #menu-toggle:checked ~ #phone-nav {
		left: 0;
	}
	#phone-title #menu-toggle:checked ~ .handler {
		left: inherit;
		right: 0;
	}

	#phone-title.open #phone-nav {
		left: 0;
		-webkit-box-shadow:  0px 0px 5px 5px rgba(0, 0, 0, 0.5);
        box-shadow:  0px 0px 5px 5px rgba(0, 0, 0, 0.5);
	}

	#phone-title.open .handler {
		left: inherit;
		right: 0;
	}

	#phone-title h1 {
		width: 50%; /* 418px */
		/*height: auto; /* 35px */ 
		margin: 0 auto;
		padding: 3% 0;
		text-align: center;
	}
	#phone-title h1 img {display:inline;}

	#phone-nav {
		width: 80%; /* 512px */
		height: auto;
		position: absolute;
		top: -10px;
		left: -81%;
		overflow: hidden;
		background: #2a2a2a;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
		z-index: 999999;
	}

	#phone-nav dl {
		width: 100%;
	}

	#phone-nav dl dt {
		height: auto; /* 23px */
		padding: 16px 0;
		text-align: center;
		color: #9d9d9d;
		background: #333333;
		background: -moz-linear-gradient(top,  #333333 0%, #141414 50%, #000000 51%, #131313 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(50%,#141414), color-stop(51%,#000000), color-stop(100%,#131313));
		background: -webkit-linear-gradient(top,  #333333 0%,#141414 50%,#000000 51%,#131313 100%);
		background: -o-linear-gradient(top,  #333333 0%,#141414 50%,#000000 51%,#131313 100%);
		background: -ms-linear-gradient(top,  #333333 0%,#141414 50%,#000000 51%,#131313 100%);
		background: linear-gradient(to bottom,  #333333 0%,#141414 50%,#000000 51%,#131313 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#131313',GradientType=0 );
		text-shadow:-1px -1px 0 #000;
	}

	#phone-nav dl dd {
		position:relative;
		text-shadow:-1px -1px 0 #000;
	}
	#phone-nav dl dd:before {
		content: "";
		height: 1px;
		left: 0;
		position: absolute;
		top: -1px;
		width: 100%;
		background: #2a2a2a;
		background: -moz-linear-gradient(left,  #2a2a2a 1%, #333333 10%, #999999 50%, #333333 90%, #2a2a2a 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(1%,#2a2a2a), color-stop(10%,#333333), color-stop(50%,#999999), color-stop(90%,#333333), color-stop(100%,#2a2a2a));
		background: -webkit-linear-gradient(left,  #2a2a2a 1%,#333333 10%,#999999 50%,#333333 90%,#2a2a2a 100%);
		background: -o-linear-gradient(left,  #2a2a2a 1%,#333333 10%,#999999 50%,#333333 90%,#2a2a2a 100%);
		background: -ms-linear-gradient(left,  #2a2a2a 1%,#333333 10%,#999999 50%,#333333 90%,#2a2a2a 100%);
		background: linear-gradient(to right,  #2a2a2a 1%,#333333 10%,#999999 50%,#333333 90%,#2a2a2a 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2a2a', endColorstr='#2a2a2a',GradientType=1 );
	}
	#phone-nav dl dd:after {
		content: '';
		position: absolute;
		width: 100%;
		left: 0;
		height: 1px;
		bottom: -1px;
		background: #2a2a2a;
		background: -moz-linear-gradient(left,  #2a2a2a 0%, #2c2c2c 10%, #000000 51%, #2c2c2c 90%, #2a2a2a 99%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2a2a2a), color-stop(10%,#2c2c2c), color-stop(51%,#000000), color-stop(90%,#2c2c2c), color-stop(99%,#2a2a2a));
		background: -webkit-linear-gradient(left,  #2a2a2a 0%,#2c2c2c 10%,#000000 51%,#2c2c2c 90%,#2a2a2a 99%);
		background: -o-linear-gradient(left,  #2a2a2a 0%,#2c2c2c 10%,#000000 51%,#2c2c2c 90%,#2a2a2a 99%);
		background: -ms-linear-gradient(left,  #2a2a2a 0%,#2c2c2c 10%,#000000 51%,#2c2c2c 90%,#2a2a2a 99%);
		background: linear-gradient(to right,  #2a2a2a 0%,#2c2c2c 10%,#000000 51%,#2c2c2c 90%,#2a2a2a 99%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2a2a', endColorstr='#2a2a2a',GradientType=1 );
	}
	
	#phone-nav dl dd a {
		height: auto; /* 23px */
		padding: 20px 0;
		display: block;
		text-align: center;
		font-weight: bold;
		/*
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.02, #3f3f3f), color-stop(0.43, #151515), color-stop(0.79, #272727), to(#3e3e3e));	
		background: -webkit-linear-gradient(#ffffff, #3f3f3f 2%, #151515 43%, #272727 79%, #3e3e3e);
		background: -moz-linear-gradient(#ffffff, #3f3f3f 2%, #151515 43%, #272727 79%, #3e3e3e);
		background: -ms-linear-gradient(#ffffff, #3f3f3f 2%, #151515 43%, #272727 79%, #3e3e3e);
		background: -o-linear-gradient(#ffffff, #3f3f3f 2%, #151515 43%, #272727 79%, #3e3e3e);
		background: linear-gradient(#ffffff, #3f3f3f 2%, #151515 43%, #272727 79%, #3e3e3e);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3f3f3f', endColorstr='#ff272727', GradientType=0);
		*/
	}

	#phone-nav dl dd a:hover {
		display: block;
		/*
		background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), color-stop(0.02, #494949), color-stop(0.28, #272727), color-stop(0.93, #1e1e1e), color-stop(0.97, #3f3f3f), to(#ffffff)); 	
		background: -webkit-linear-gradient(#aaaaaa, #494949 2%, #272727 28%, #1e1e1e 93%, #3f3f3f 97%, #ffffff);
		background: -moz-linear-gradient(#aaaaaa, #494949 2%, #272727 28%, #1e1e1e 93%, #3f3f3f 97%, #ffffff);
		background: -ms-linear-gradient(#aaaaaa, #494949 2%, #272727 28%, #1e1e1e 93%, #3f3f3f 97%, #ffffff);
		background: -o-linear-gradient(#aaaaaa, #494949 2%, #272727 28%, #1e1e1e 93%, #3f3f3f 97%, #ffffff);
		background: linear-gradient(#aaaaaa, #494949 2%, #272727 28%, #1e1e1e 93%, #3f3f3f 97%, #ffffff);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff494949', endColorstr='#ff3f3f3f', GradientType=0);	
		*/
	}

	#phone-nav ul {
		padding-bottom: 6px;
		text-align: center;
		position:relative;
		background:#1a1a1a;
	}
	#phone-nav ul li:first-child:before {
		content: "";
		height: 1px;
		left: 0;
		position: absolute;
		top: -1px;
		width: 100%;
		background: #2a2a2a;
		background: -moz-linear-gradient(left,  #2a2a2a 1%, #333333 10%, #999999 50%, #333333 90%, #2a2a2a 100%);
		background: -webkit-gradient(linear, left top, right top, color-stop(1%,#2a2a2a), color-stop(10%,#333333), color-stop(50%,#999999), color-stop(90%,#333333), color-stop(100%,#2a2a2a));
		background: -webkit-linear-gradient(left,  #2a2a2a 1%,#333333 10%,#999999 50%,#333333 90%,#2a2a2a 100%);
		background: -o-linear-gradient(left,  #2a2a2a 1%,#333333 10%,#999999 50%,#333333 90%,#2a2a2a 100%);
		background: -ms-linear-gradient(left,  #2a2a2a 1%,#333333 10%,#999999 50%,#333333 90%,#2a2a2a 100%);
		background: linear-gradient(to right,  #2a2a2a 1%,#333333 10%,#999999 50%,#333333 90%,#2a2a2a 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2a2a', endColorstr='#2a2a2a',GradientType=1 );
	}

	#phone-nav ul li {
		padding-top: 6px;
	}

}

/* ------------------------
　▲	スマホ版　メニュー
--------------------------*/

/* ------------------------
　▼contents　コンテンツ
--------------------------*/

#contents {
	width: 980px;
	margin: 0 auto;
	padding: 16px;
	background: #1d1d1d;
}

@media screen and (max-width: 640px) {
	#contents {
		width:100%;
		max-width: 640px;
		padding:0 0 20px 0;
	}
}


/* ------------------------
　▲contents　コンテンツ
--------------------------*/
#loading {
	z-index:100000;
	position:absolute;
	left:0;
	background:#000;
	height:5000px;/*コンテンツを覆う大きさ*/
	width:100%;
}
.loading_pos {
	width:100%;
	text-align:center;
	position:fixed;
	top:50%;
	margin-top:-30px;
}

#loading img {
	display:inline;
}
#loading img.load {
	width:40px;
	-webkit-animation: spin 1.5s linear infinite;
	-moz-animation: spin 1.5s linear infinite;
	-ms-animation: spin 1.5s linear infinite;
	-o-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}


span.loading-text{
	font-size:24px;
	font-family:Verdana,"ヒラギノ角ゴ Pro W3","メイリオ";
	font-weight:bold;
	color:#666;
}

noscript {
	color:#fff;
	font-size:12px;
}

/* ------------------------
　▼main-images　メイン画像
--------------------------*/
#spot-wrap {

}

#main-images {
	margin-bottom: 10px;
	position:relative;
	overflow:hidden;
}

@media screen and (max-width: 640px) {
	#main-images {
		margin-bottom: 15px;
	}
	#main-images img {
		width:100%;
		margin:0 auto;
	}
}

#main-images .bx-controls {
	width:980px;
	height: 16px;
	position: absolute;
	bottom: 0px;
	bottom:-16px;
	background-color: rgba(76, 76, 76, 0.4);
	z-index: 100;
}

@media screen and (max-width: 640px) {
	#main-images .bx-wrapper .bx-controls {
		height: 10px;
	}
}

#main-images .bx-wrapper .bx-controls .bx-pager {
	width: auto;
	text-align: center;
}

#main-images .bx-wrapper .bx-controls .bx-pager-item {
	width: 11px;
	height: 11px;
	margin-right: 11px;
	margin-top: 3px;
	display: inline-block;
}

@media screen and (max-width: 640px) {
	#main-images .bx-wrapper .bx-controls .bx-pager-item {
		margin-top: 0;
	}
}

#main-images .bx-wrapper .bx-controls .bx-pager-item a {
	width: 11px;
	height: 11px;
	display: block;
	text-indent: -9999px;
	background: url(../img/main/icon_slide_980_off.png) no-repeat left top;
	-moz-background-size: cover;
	background-size: cover;
}

#main-images .bx-wrapper .bx-controls .bx-pager-item a.active {
	background: url(../img/main/icon_slide_980_on.png) no-repeat left top;
	-moz-background-size: cover;
	background-size: cover;
}

@media screen and (max-width: 640px) {
	#main-images .bx-wrapper .bx-controls {
		display: none;
	}
}

#main-images .bx-wrapper .bx-controls .bx-pager-item:last-child {
	margin-right: 0;
}

/* ------------------------
　▲main-images　メイン画像
--------------------------*/

/* ------------------------
　▼carousel　カルーセル画像
--------------------------*/
#carousel {
	margin-bottom: 15px;
	position: relative;
	border: 1px solid #656565;
	padding:9px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background: #030303;
	background: -webkit-gradient(linear, left top, left bottom, from(#3a3939), color-stop(0.35, #2b2a2a), color-stop(0.55, #1d1d1d), to(#030303)); 	
	background: -webkit-linear-gradient(#3a3939, #2b2a2a, #1d1d1d, #030303);
	background: -moz-linear-gradient(#3a3939, #2b2a2a, #1d1d1d, #030303);
	background: -ms-linear-gradient(#3a3939, #2b2a2a, #1d1d1d, #030303);
	background: -o-linear-gradient(#3a3939, #2b2a2a, #1d1d1d, #030303);
	background: linear-gradient(#3a3939, #2b2a2a, #1d1d1d, #030303);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 640px) {
	#carousel {
		border: none;
		background: none;
		padding:0;
	}
}

#carousel .bx-wrapper {
	margin: 0 auto;
	width:876px;
	padding: 0;
	position: relative;
	*zoom: 1;
}

@media screen and (max-width: 640px) {
	#carousel .bx-wrapper {
		width:85%;
	}
}

#carousel ul.slider li {
	max-width: 198px;
	max-height: 198px;
	display: block;
	float: left;
	overflow: hidden;
}

#carousel ul.slider li span {
	position: absolute;
	top: 0;
	left: 0;
}

#carousel ul.slider li .cover {
	width: 100%;
	height: 100%;
	font-size: 16px;
	line-height: 1.2em;
	color: #666;
	display: block;
	background: #ffffff;
	opacity: 0.8;
	position: absolute;
	top: 100%;
	overflow: hidden;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

#carousel ul.slider li a:hover .cover {
	top: 0;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-ms-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

#carousel ul.slider li .cover p {
	padding:5%;
}
#carousel ul.slider li a:hover {
	text-decoration:none!important;
}

@media screen and (max-width: 768px) {
	#carousel ul.slider li .cover {
		display: none;
	}	
}

#carousel ul.slider li img {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

#carousel .controles a.prev {
	width: 11px;
	height:18px;
	position: absolute;
	left:20px;
	top:50%;
	margin-top:-9px;
}

@media screen and (max-width: 640px) {
	#carousel .controles a.prev {
		left: 5px;
	}
}

#carousel .controles a.next {
	width: 11px;
	height:18px;
	position: absolute;
	right:20px;
	top:50%;
	margin-top:-9px;
}

@media screen and (max-width: 640px) {
	#carousel .controles a.next {
		right:5px;
	}
}

/* ------------------------
　▲carousel　カルーセル画像
--------------------------*/


/* ------------------------
　▼gnav　グローバルナビ
--------------------------*/
#gnav {
	width: 100%;
	max-width: 980px;
	height: auto; /* 40px */
	margin-bottom: 15px;
}

@media screen and (max-width: 640px) {
	#gnav {
		display: none;
	}
}

#gnav li {
	height: 40px;
	float: left;
}

#gnav li.game {
	width: 132px;
}

#gnav li.amusement {
	width: 148px;
}

#gnav li.magazine {
	width: 157px;
}

#gnav li.anime {
	width: 98px;
}

#gnav li.music {
	width: 129px;
}

#gnav li.goods {
	width: 96px;
}

#gnav li.store {
	width: 89px;
}

#gnav li.members {
	width: 131px;
}


/* ------------------------
　▲gnav　グローバルナビ
--------------------------*/

/* ------------------------
　▼main-content　メインコンテンツ
--------------------------*/


#column2 {
	margin-bottom: 15px;
}

/* ------------------------
　▼ 横断バナー
--------------------------*/
.bn-cross_left,
.bn-cross_right {
	width:484px;
}
.bn-cross_left {
	float:left;
}
.bn-cross_right {
	float:right;
}
@media screen and (max-width: 640px) {
	.bn-cross_left,
	.bn-cross_right {
		width:auto;
		float:none;
	}
}

/* message 災害時等で掲載 */
.message {margin:0 auto 15px auto;}

@media screen and (max-width: 640px) {
	.message {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		background:#C1C1C1;
		background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(154,154,154,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(100%,rgba(154,154,154,1)));
		background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(154,154,154,1) 100%);
		background: -o-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(154,154,154,1) 100%);
		background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(154,154,154,1) 100%);
		background: linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(154,154,154,1) 100%);
		margin-bottom:5px;
	}
	.message a {
		display:block;
		padding:5px;
	}
	.message a:hover {text-decoration:none;}
	.message .ttl {
		padding:10px;
		color:#333;
		font-size:12px;
		font-weight:bold;
		line-height:12px;
	}
}

/* annouce 会社からのアナウンス */
.announce {margin:0 auto 15px auto;}

@media screen and (max-width: 640px) {
	.announce {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		background:#C1C1C1;
		background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(154,154,154,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(100%,rgba(154,154,154,1)));
		background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(154,154,154,1) 100%);
		background: -o-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(154,154,154,1) 100%);
		background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(154,154,154,1) 100%);
		background: linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(154,154,154,1) 100%);
		margin-bottom:5px;
	}
	.announce a {
		display:block;
		padding:5px;
	}
	.announce a:hover {text-decoration:none;}
	.announce .ttl {
		padding:10px;
		color:#333;
		font-size:12px;
		line-height:12px;
	}
}

/* caution 注意喚起（警告色の強い会社からのアナウンス） */
.caution {margin:0 auto 15px auto;}

@media screen and (max-width: 640px) {
	.caution {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		background:#C1C1C1;
		background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(154,154,154,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,1)), color-stop(100%,rgba(154,154,154,1)));
		background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(154,154,154,1) 100%);
		background: -o-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(154,154,154,1) 100%);
		background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%,rgba(154,154,154,1) 100%);
		background: linear-gradient(to bottom, rgba(241,241,241,1) 0%,rgba(154,154,154,1) 100%);
	}
	.caution a {
		display:block;
		padding:5px;
	}
	.caution a:hover {text-decoration:none;}
	.caution .ttl {
		color:#ff0000;
		font-size:10px;
		line-height:10px;
		display:table;
		padding:3px 0;
	}
	.caution .ttl span {
		display:table-cell;
		vertical-align:middle;
	}
	.caution .ttl span.exclamation img {
		height:20px;
		margin-right:10px;
	}
}

/* ------------------------
　▼update　更新情報
--------------------------*/
#update {
	width: 484px;
	float: left;
	line-height: 1.2em;
}

@media screen and (max-width: 640px) {
	#update {
		width: 100%;
		float: none;
	}
}

#update .update-title {position:relative;}
#update .update-title h2 img {width:100%;}

#update .update-title ul.right-notice {
	position:absolute;
	top:50%;
	right:6px;
	width: 166px;
	height: 23px;
	margin: -12px 0 0 0;
}

@media screen and (max-width: 640px) {
	#update .update-title ul.right-notice {
		margin: -10px 0 0 0;
		height:19px;
		width:133px;
	}
}

#update .update-title ul li.rss {
	width: 57px;
	float: left;
}

@media screen and (max-width: 640px) {
	#update .update-title ul li.rss {
		width:42.5px;
	}
}

#update .update-title ul li.list {
	width: 104px;
	height: 23px;
	float: right;
}

@media screen and (max-width: 640px) {
	#update .update-title ul li.list {
		width:85px;
	}
}

#update .update-area {
	width: 464px;
	padding: 9px;
	border-right: 1px solid #656565;
	border-bottom: 1px solid #656565;
	border-left: 1px solid #656565;
	background: #333333;
}

@media screen and (max-width: 640px) {
	#update .update-area {
		width: auto;
		padding: 10px;
		border:none;
		margin-bottom:15px;
	}
}

#update .update-area .update-inner {
	border: 1px solid #656565;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#ffffff)); 	
	background: -webkit-linear-gradient(#f5f5f5, #ffffff);
	background: -moz-linear-gradient(#f5f5f5, #ffffff);
	background: -ms-linear-gradient(#f5f5f5, #ffffff);
	background: -o-linear-gradient(#f5f5f5, #ffffff);
	background:　linear-gradient(#f5f5f5, #ffffff);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffffffff', GradientType=0);
}

#update .update-area .update-inner p.important {
	height: auto;
	padding: 7px 9px 6px;
	text-align: center;
	border-bottom:1px solid #dedede;
	text-align:left;
}
#update .update-area .update-inner p.important a{
	color:#c00
}

@media screen and (max-width: 640px) {
	#update .update-area .update-inner p.important {
		padding: 9px; /* 9px */
		text-align: left;
		font-size:12px;
	}
}

#update .update-area .update-inner li {
	padding: 0 10px;
	display: block;
	background: #ebebeb;
}

#update .update-area .update-inner li:nth-child(odd) {
	background: #ebebeb;
}

#update .update-area .update-inner li:nth-child(even) {
	background: #e2e3e3;
}

#update .update-area .update-inner li:hover {
	background: #fbfbfb;
}

@media screen and (max-width: 640px) {
	#update .update-area .update-inner li:nth-child(n+6) {
		display: none;
	}
}

#update .update-area .update-inner li a {
	color: #1254ce;
	text-decoration:none;
}

#update .update-area .update-inner li a:hover {
	color: #3366ff;
}

#update .update-area .update-inner dl.box {
	padding: 9px 0;
	border-bottom: 1px dotted #656565;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	height:71px;
}

@media screen and (max-width: 640px) {
	#update .update-area .update-inner dl.box {
		height: auto;
	}
}

#update .update-area .update-inner dl.box dt.img-area {
	line-height:0;
	width: 50px;
	display:table-cell;
	vertical-align:top;
}

@media screen and (max-width: 640px) {
	#update .update-area .update-inner dl.box dt.img-area {
		width: 66px;
		height:66px;
	}
}

#update .update-area .update-inner dl.box dt.img-area img {
	width:48px;
	height:48px;
	border: 1px solid #dadada;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

@media screen and (max-width: 640px) {
	#update .update-area .update-inner dl.box dt.img-area img {
		width: 64px;
		height:64px;
	}
}

#update .update-area .update-inner dl.box dd.info {
	display:table-cell;
	padding-left:10px;
}

#update .update-area .update-inner dl.box dd.info dl dt.icon {
	display:table-cell;
	width: auto;
	height: 15px;
	margin:0 7px 5px 0;
	font-size: 8px;
	text-align: center;
	color: #ffffff;
	float: left;
}

#update .update-area .update-inner dl.box dd.info dl dt.icon span {
	width: 91px;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ffffff;
}

#update .update-area .update-inner dl.box dd.info dl dd.date {
	color: #333333;
	height: 15px;
	margin: 0 0 5px 0;
	padding-top:2px;
	float: left;
}

@media screen and (max-width: 640px) {
	#update .update-area .update-inner dl.box dd.info dl dd.date {
		margin: 0 0 5px 10px;
	}
}

#update .update-area .update-inner dl.box dd.info dl dd.text {
	height: 30px;/*JS動作の為に高さを固定で設定する必要あり*/
    overflow: hidden;
	text-decoration:none;
	clear: both;
}

#update .update-area .update-inner dl.box dd.info dl dd.text:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

@media screen and (max-width: 640px) {
	#update .update-area .update-inner dl.box dd.info dl dd.text {
	height: 100%;/*スマホではJSを動かさず可変にする為の設定*/
	}
		#update .update-area .update-inner a dl.box dd.info dl dd.text {
			text-decoration:none;
		}
}

#update .update-area .update-inner p.more {
	/* width: 44.827586206%; */
	width: 208px;
	height: 23px;
	margin: 7px auto 8px auto;
}

@media screen and (max-width: 640px) {
	#update .update-area .update-inner p.more {
		width: 240px;
		height:auto;
		margin: 10px auto;
	}
}
/* ------------------------
　▲update　更新情報
--------------------------*/


/* ------------------------
　▼pickup　注目ピックアップ
--------------------------*/
#pickup {
	width: 484px;
	float: right;
	line-height: 1.2em;
}

@media screen and (max-width: 640px) {
	#pickup {
		width: auto;
		float: none;
	}
}

#pickup .pickup-title h2 img {
	width: 100%;
}

#pickup .pickup-area {
	width: 464px;
	padding: 9px; /* 9px */
	border-left: 1px solid #656565;
	border-bottom: 1px solid #656565;
	border-right: 1px solid #656565;
	background: #333333;
}

@media screen and (max-width: 640px) {
	#pickup .pickup-area {
		width: auto;
		padding:9px 9px 10px 9px;
		border:none;
	}
}

#pickup .pickup-area .pickup-inner {
	width: 444px;
	padding: 9px;
	position: relative;
	border: 1px solid #656565;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); 	
	background: -webkit-linear-gradient(#ffffff, #eeeeee);
	background: -moz-linear-gradient(#ffffff, #eeeeee);
	background: -ms-linear-gradient(#ffffff, #eeeeee);
	background: -o-linear-gradient(#ffffff, #eeeeee);
	background: linear-gradient(#ffffff, #eeeeee);	
}

@media screen and (max-width: 640px) {
	#pickup .pickup-area .pickup-inner {
		width: auto;
		padding: 0;
		border:none;
		background:none;
	}
}

/* ------ box-01 ------ */
#pickup .pickup-area .pickup-inner .box-01 {
	margin-bottom: 9px;
	border: 1px solid #e2dfdf;
	background: #fff;
}
#pickup.bn-update .pickup-area .pickup-inner .box-01 {
	margin-bottom:22px;
}
	#pickup .pickup-area .pickup-inner a {
		text-decoration:none;
		display:block;
	}
	#pickup .pickup-area .pickup-inner a:hover img {
		opacity:0.8;
		filter:alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
	}

#pickup .pickup-area .pickup-inner .box-01 dl.box-01-inner dt.images{
	padding:14px;
}
#pickup .pickup-area .pickup-inner .box-01 dl.box-01-inner dt.images img {
	border: 1px solid #dadada;
}

@media screen and (max-width: 640px) {
	#pickup.bn-updates .pickup-area .pickup-inner .box-01 {
		margin-bottom:9px;
	}
	#pickup .pickup-area .pickup-inner .box-01 dl.box-01-inner dt.images {
		padding:10px 0 0 0;
		background:none;
	}
	#pickup .pickup-area .pickup-inner .box-01 dl.box-01-inner dt.images img {
		max-width:70%;
		margin:0 auto;
	}
}

#pickup .pickup-area .pickup-inner .box-01 dl.box-01-inner dd.text {
	width: auto;	
	height: 28px;
	padding: 14px 40px;
	overflow: hidden;
	color: #0033cc;
	background: #c2c9cc;
	background: -webkit-gradient(linear, left top, left bottom, from(#e4e8ec), to(#c2c9cc)); 	
	background: -webkit-linear-gradient(#e4e8ec, #c2c9cc);
	background: -moz-linear-gradient(#e4e8ec, #c2c9cc);
	background: -ms-linear-gradient(#e4e8ec, #c2c9cc);
	background: -o-linear-gradient(#e4e8ec, #c2c9cc);
	background: linear-gradient(#e4e8ec, #c2c9cc);
}

@media screen and (max-width: 640px) {
	#pickup .pickup-area .pickup-inner .box-01 dl.box-01-inner dd.text {
		padding: 10px;
		background:none;
		height:auto;
	}
}

/* ------ box-02 ------ */
#pickup .pickup-area .pickup-inner .box-02 {
	margin-bottom: 9px;
}
#pickup.bn-update .pickup-area .pickup-inner .box-02 {
	margin-bottom: 21px;
}

@media screen and (max-width: 640px) {
	#pickup .pickup-area .pickup-inner .box-02 {
		margin: 0;
	}
	#pickup.bn-update .pickup-area .pickup-inner .box-02 {
		margin: 0;
	}
}

#pickup .pickup-area .pickup-inner .box-left {
	width: 216px;
	border: 1px solid #e2dfdf;
	background: #ffffff;
	float: left;
}

@media screen and (max-width: 640px) {
	#pickup .pickup-area .pickup-inner .box-left {
		width: 48.5%;
	}
}

#pickup .pickup-area .pickup-inner .box-right {
	width: 216px;
	border: 1px solid #e2dfdf;
	background: #ffffff;
	float: right;
}

@media screen and (max-width: 640px) {
	#pickup .pickup-area .pickup-inner .box-right {
		width: 48.5%;
	}
}

#pickup .pickup-area .pickup-inner dl.box-inner dt.images {
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfc), to(#eeeeee)); 	
	background: -webkit-linear-gradient(#fbfbfc, #eeeeee);
	background: -moz-linear-gradient(#fbfbfc, #eeeeee);
	background: -ms-linear-gradient(#fbfbfc, #eeeeee);
	background: -o-linear-gradient(#fbfbfc, #eeeeee);
	background: linear-gradient(#fbfbfc, #eeeeee);
	width:216px;
	height:120px;
}

#pickup .pickup-area .pickup-inner dl.box-inner dt.images img {
	width:216px;
	height:120px;
}

@media screen and (max-width: 640px) {
	#pickup .pickup-area .pickup-inner dl.box-inner dt.images{
		width:auto;
		height:auto;
	}
	#pickup .pickup-area .pickup-inner dl.box-inner dt.images img{
		width: 100%;
		height:auto;
	}
}

#pickup .pickup-area .pickup-inner dl.box-inner dd.text {
	width: auto; /*202px;*/
	height: 43px;
	padding: 16px 10px;
	overflow: hidden;
	color: #0033cc;
	background: #c2c9cc;
	background: -webkit-gradient(linear, left top, left bottom, from(#e4e8ec), to(#c2c9cc)); 	
	background: -webkit-linear-gradient(#e4e8ec, #c2c9cc);
	background: -moz-linear-gradient(#e4e8ec, #c2c9cc);
	background: -ms-linear-gradient(#e4e8ec, #c2c9cc);
	background: -o-linear-gradient(#e4e8ec, #c2c9cc);
	background: linear-gradient(#e4e8ec, #c2c9cc);
}

@media screen and (max-width: 640px) {
	#pickup .pickup-area .pickup-inner dl.box-inner dd.text {
		padding: 6px 3.773584905%;
		background:none;
		height:90px;
		position:relative;
		top:0;
		left:0;
	}
}

@media screen and (max-width: 640px) {
	#pickup .pickup-area .pickup-inner .box-03 {
		display: none;
	}
}

#pickup .pickup-area #overlay01,
#pickup .pickup-area #overlay02,
#pickup .pickup-area #overlay03,
#pickup .pickup-area #overlay04 {
	display: none;
	width: 100%;
	height:100%;
	position: fixed;
	top: 0;
	left:0;
	z-index: 100;
	background: rgba(0,0,0,0.7);
}

#pickup .pickup-area #overlay01 .moviearea01,
#pickup .pickup-area #overlay02 .moviearea02,
#pickup .pickup-area #overlay03 .moviearea03,
#pickup .pickup-area #overlay04 .moviearea04 {
	display:block;
	width:560px;
	height:315px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-157px 0 0 -280px;
}

#pickup .pickup-area #overlay01 .moviearea01 iframe,
#pickup .pickup-area #overlay02 .moviearea02 iframe,
#pickup .pickup-area #overlay03 .moviearea03 iframe,
#pickup .pickup-area #overlay04 .moviearea04 iframe {
	-webkit-box-shadow: 0px 0px 10px rgb(0, 0, 0);
	-moz-box-shadow: 0px 0px 10px rgb(0, 0, 0);
	-ms-box-shadow: 0px 0px 10px rgb(0, 0, 0);
	box-shadow: 0px 0px 10px rgb(0, 0, 0);
	background:#000;
}

@media screen and (max-width: 640px) {
	#pickup .pickup-area #overlay01 .moviearea01,
	#pickup .pickup-area #overlay02 .moviearea02,
	#pickup .pickup-area #overlay03 .moviearea03,
	#pickup .pickup-area #overlay04 .moviearea04 {
		width:90%!important;
		height:auto;
		top:50%;
		left:5%;
		margin-left:0!important;
	}
	#pickup .pickup-area #overlay01 .moviearea01 iframe,
	#pickup .pickup-area #overlay02 .moviearea02 iframe,
	#pickup .pickup-area #overlay03 .moviearea03 iframe,
	#pickup .pickup-area #overlay04 .moviearea04 iframe {
		width: 100%;
	}
}

#pickup .pickup-area #close01,
#pickup .pickup-area #close02,
#pickup .pickup-area #close03,
#pickup .pickup-area #close04 {
	background:#333 url(/img/jac/movie_close.png) 5px center no-repeat;
	color: #fff;
	width: 80px;
	height:15px;
	margin: 10px auto 0 auto;
	text-align: center;
	font-size: 15px;
	padding:5px 0 5px 10px;
	border-radius: 3px;
	cursor: pointer;
}

/* ------------------------
　▲pickup　注目ピックアップ
--------------------------*/

/* ------------------------
　▼store　ストア情報 e-store
--------------------------*/

#store {
	margin-bottom: 15px;
	line-height: 1.2em;
	font-family:メイリオ,'meiryo';
}

#store .store-title {position:relative;}
#store .store-title h2 img {width:100%;}

@media screen and (max-width: 640px) {
	#store {
		font-family:inherit;
	}
}

#store .store-title ul.right-notice {
	position:absolute;
	top:50%;
	right:6px;
	width: 104px;
	height: 23px;
	margin: -12px 0 0 0;
}

@media screen and (max-width: 640px) {
	#store .store-title ul.right-notice {
		width:91px;
		height: 19px;
		margin: -10px 0 0 0;
	}
}

#store .store-area {
	padding: 9px;
	background: #333333;
	border-left: 1px solid #656565;
	border-bottom: 1px solid #656565;
	border-right: 1px solid #656565;
}

@media screen and (max-width: 640px) {
	#store .store-area {
		position:relative;
		border:none;
	}
}

/* ------ box ------ */

#store .store-area .box_limited {
	float: left;
}
@media screen and (max-width: 640px) {
	#store .store-area .box_limited {
		display: none;
	}
	/*
	#store .store-area .box_limited {
		float:none;
		position: relative;
		margin-bottom:10px;
	}
	#store .store-area .box_limited:after {
		padding-top: 26.408451%;
		display: block;
		content: "";
	}
	#store .store-area .box_limited a {
		display:block;
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		right: 0px;
		background:url(../img/store/bn_store_limited_sp.jpg) center center no-repeat;
		background-size:cover;
	}
	#store .store-area .box_limited img {
		display:none;
	}
	*/
}

#store .store-area .box:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}
	#store .store-area .box:hover a {
		text-decoration:none;
	}

#store .store-area .bx-controls a {
	display:block;
	height:18px;
	width:11px;
	position:absolute;
	cursor:pointer;
	width:11px;
	height:18px;
	text-indent:-9999px;
}
#store .store-area .bx-controls a.disabled {
	display:none;
}
#store .store-area .bx-controls a.bx-prev {
	left:-15px;
	top:50%;
	margin-top:-9px;
	background:url(../img/carousel/left_arrow_980_off.png) center center no-repeat;
}
#store .store-area .bx-controls a.bx-next {
	right:-15px;
	top:50%;
	margin-top:-9px;
	background:url(../img/carousel/right_arrow_980_off.png) center center no-repeat;
}

#store .store-area .store-productSlide {
	width:685px;
	float:right;
	margin-right:15px;
	position:relative;
}

@media screen and (max-width: 640px) {
	#store .store-area .store-productSlide {
		width:90%;
		margin-right:0;
		float:none;
		margin:0 auto;
	}
}

#store .store-area .store-productSlide .store-product {
	height:100%;
}

#store .store-area .store-productSlide .box {
	width:335px;
	float:left;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 61%, rgba(204,204,204,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(61%,rgba(255,255,255,1)), color-stop(100%,rgba(204,204,204,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 61%,rgba(204,204,204,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 61%,rgba(204,204,204,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 61%,rgba(204,204,204,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 61%,rgba(204,204,204,1) 100%);
	line-height:1.0;
}
#store .store-area .store-productSlide .box a {
	padding:10px;
	display:block;
}
@media screen and (max-width: 640px) {
	#store .store-area .store-productSlide .box a {
		padding:13px;
		display:block;
	}
}
#store .store-area .store-productSlide .box:last-child {
	margin-right:0;
}

#store .store-area .store-productSlide .box .title {
	min-height: 14px;
	background:#dddddd;
	border-left:5px solid #dd3737;
	color:#333333;
	padding:9px 0 9px 5px;
	margin-bottom:10px;
}

#store .store-area .store-productSlide .box .title span {
	display:block;
	height: 14px;
	width:100%;
	overflow:hidden;
	font-weight:bold;
}

@media screen and (max-width: 640px) {
	#store .store-area .store-productSlide .box .title {
		margin: 0 0 9px 0;
		font-size:12px;
	}
}

#store .store-area .box .info {
	color: #363636;
	margin-bottom:11px;
}

@media screen and (max-width: 640px) {
	#store .store-area .box .info {
		margin-bottom:0;
	}
}

#store .store-area .box .info dl dt.left {
	width: 46.031746%;
	height: 160px;
	display: block;
	float: left;
	overflow:hidden;
}
#store .store-area .box .info dl dt.left img {
	-webkit-box-shadow: 2px 2px 4px rgba(51,51,51,0.5);
	-moz-box-shadow: 2px 2px 4px rgba(51,51,51,0.5);
	-ms-box-shadow: 2px 2px 4px rgba(51,51,51,0.5);
	box-shadow: 2px 2px 4px rgba(51,51,51,0.5);
	display:block;
	margin:0 auto;
	max-width:145px;
	max-height:160px;
}
@media screen and (max-width: 640px) {
	#store .store-area .box .info dl dt.left {
		height: 140px;
		display: block;
		float: left;
	}
	#store .store-area .box .info dl dt.left img {
		max-width:100%;
		max-height:140px;
	}
}

#store .store-area .box .info dl dd.right {
	width: 50.793651%;
	height: auto;
	max-width: 170px;
	min-height:155px;
	float: right;
}


#store .store-area .box .info dl dd.right dl.prace dd {
	text-align:right;
	font-size:1.5em;
	font-weight:bold;
	margin-top:5px;
}
@media screen and (max-width: 640px) {
	#store .store-area .box .info dl dd.right dl.prace dd {
		text-align:center;
		font-size:14px;
	}
}
#store .store-area .box .info dl dd.right dl.date dt {
	float: left;
	line-height:1.5;
}
#store .store-area .box .info dl dd.right dl.date dd {
	font-size:1.5em;
	width:64.705882%;
	float:right;
}
#store .store-area .box .info dl dd.right dl.date dd span {
	display:block;
	color:#fff;
	background:#666666;
	font-size:0.55em;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	padding:3px 0;
}
@media screen and (max-width: 640px) {
	#store .store-area .box .info dl dd.right dl.date dt {
		display: none;
	}
	#store .store-area .box .info dl dd.right dl.date dd {
		font-size:1em;
		font-weight:bold;
		width:auto;
		float:none;
		text-align:center;
	}
	#store .store-area .box .info dl dd.right dl.date dd span {
		font-size:1em;
		font-weight:bold;
		margin:0;
	}
}
#store .store-area .box .info dl dd.right dl.category {
	margin-bottom:10px;
}
#store .store-area .box .info dl dd.right dl.category span {
	display:block;
	font-weight:bold;
	height:0.8rem;
	padding:5px 0;
	text-align:center;
}

#main-content #store .store-area .box .item {
	margin-bottom: 10px;
}

#store .store-area .box .item ul li {
	width:31.25%;
	margin-right: 2%;
	float: left;
	display:block;
}

#store .store-area .box .item ul li:last-child {
	margin-right: 0;
}
@media screen and (max-width: 640px) {
	#store .store-area .box .item ul li {
		width:26%;
		margin-right: 10%;
		float: left;
		display:block;
	}
}

/* ------------------------
　▲store　ストア情報 e-store
--------------------------*/

/* ------------------------
　▼recommend　オススメ
--------------------------*/
#recommend {
	margin-bottom: 15px;
}

#recommend .recommend-title h2 img {width:100%;}

#recommend .recommend-area {
	background: #333333;
	border-left: 1px solid #656565;
	border-bottom: 1px solid #656565;
	border-right: 1px solid #656565;	
	padding: 24px 21px 9px 21px;
}

#recommend .recommend-inner li {
	margin:0 13px 15px 13px;
	display:block;
	overflow:hidden;
	float:left;
	width:286px;
	height:96px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

#recommend .recommend-inner li a img:hover {
	opacity:0.9;
	filter:alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}

@media screen and (max-width: 640px) {
	#recommend .recommend-area {
		padding: 9px 0;
		border:none;
	}
	#recommend .recommend-inner li {
		width: 47.666667%; /* 286px */
		height:auto;
		margin: 0 1.1666665% 9px 1.1666665%;
		float: left;
	}
	#recommend .recommend-inner li img {
		width:100%;
	}
}

/* ------------------------
　▲recommend　オススメ
--------------------------*/

/* ------------------------
　▼blog　公式ブログ
--------------------------*/
#blog {
	width: 484px;
	line-height: 1.2em;
	float:left;
}
@media screen and (max-width: 640px) {
	#blog {
		width: auto;
		float: none;
		margin-bottom:15px;
		height:auto!important;
	}
}

#blog .blog-title {position:relative;}
#blog .blog-title h2 img {width:100%;}

#blog .blog-title ul.right-notice {
	position:absolute;
	top:50%;
	right:6px;
	width: 104px;
	height: 23px;
	margin: -12px 0 0 0;
}

@media screen and (max-width: 640px) {
	#blog .blog-title ul.right-notice {
		width:92px;
		height: 19px;
		margin: -10px 0 0 0;
	}
}

#blog .blog-area {
	background: #333333;
	border-left: 1px solid #656565;
	border-bottom: 1px solid #656565;
	border-right: 1px solid #656565;
	width: 464px;
	padding: 9px; /* 9px */
}

@media screen and (max-width: 640px) {
	#blog .blog-area {
		width:auto;
		border:none;
	}
}

#blog .blog-area .blog-inner {
	border: 1px solid #656565;
	background:#fff;
}

@media screen and (max-width: 640px) {
	#blog .blog-area .blog-inner {
		width: auto;
	}
}

#blog .blog-area .blog-inner ul li {
	padding: 0 9px;
}

#blog .blog-area .blog-inner ul li:nth-child(n+5){
	display:none;
}

#blog .blog-area .blog-inner ul li:nth-child(odd) {
	background: #ebebeb;
}

#blog .blog-area .blog-inner ul li:nth-child(even) {
	background: #e2e3e3;
}

#blog .blog-area .blog-inner ul li:hover {
	background: #fbfbfb;
}

#blog .blog-area .blog-inner a {
	color: #0033cc;
	text-decoration:none;
}

#blog .blog-area .blog-inner a:hover {
	color: #3366ff;
}

#blog .blog-area .blog-inner dl.box {
	display: block;
	padding: 9px 0;
	border-bottom: 1px dotted #656565;
}

#blog .blog-area .blog-inner ul li:nth-child(n+4) dl.box {
	border-bottom: none;
}


@media screen and (max-width: 640px) {
	#blog .blog-area .blog-inner dl.box {
		width: auto;
	}
}


#blog .blog-area .blog-inner dl.box dt.img-area {
	width: 58px;
	float: left;
}

@media screen and (max-width: 640px) {
	#blog .blog-area .blog-inner dl.box dt.img-area {
		width: 19.06354515%;
		max-width: 114px;
		max-height: 94px;
	}
}

#blog .blog-area .blog-inner dl.box dt.img-area img {
	width: 56px;
	text-align: center;
	border: 1px solid #dadada;
}

@media screen and (max-width: 640px) {
	#blog .blog-area .blog-inner dl.box dt.img-area img {
		width:100%;
	}
}

#blog .blog-area .blog-inner dl.box dd.info {
	width: 373px;
	margin-left: 10px; /* 10px */
	float: left;
}

@media screen and (max-width: 640px) {
	#blog .blog-area .blog-inner dl.box dd.info {
		width: 79.264214046%; /* 474px */
		margin-left: 1.623376623%; /* 10px */
	}
}

#blog .blog-area .blog-inner dl.box dd.info dl dt.title {
	height: 1rem;
	font-weight: bold;
	color: #333333;
	overflow: hidden;
}

@media screen and (max-width: 640px) {
	#blog .blog-area .blog-inner dl.box dd.info dl dt.title {
		height: auto;
	}
}

#blog .blog-area .blog-inner dl.box dd.info dl dd.text {
	height: 1rem;
	overflow:hidden;
}

@media screen and (max-width: 640px) {
	#blog .blog-area .blog-inner dl.box dd.info dl dd.text {
		height: auto;
	}
}


#blog .blog-area .blog-inner dl.box dd.info dl dd.date {
	width: 100%;
	color: #333333;
}

#blog .blog-area .blog-inner p.more {
	height: 23px;
	width:208px;
	margin: 8px auto;
}
	
@media screen and (max-width: 640px) {
	#blog .blog-area .blog-inner p.more {
		width: 240px;
		height:auto;
		margin: 10px auto;
	}
}

/* ------------------------
　▲blog　公式ブログ
--------------------------*/


/* ------------------------
　▼sns
--------------------------*/
/* ------ sns ------ */
#sns {
	width: 484px;
	line-height: 1.2em;
	float:right;
}

@media screen and (max-width: 640px) {
	#sns {
		width: auto;
		float: none;
	}
}

#sns .tweet {margin-bottom:10px;}

#sns .tweet .sns-title h2 img {width:100%;}


#sns .sns-area {
	background: #333333;
	border-left: 1px solid #656565;
	border-bottom: 1px solid #656565;
	border-right: 1px solid #656565;
	height: 100%;
	width: 464px;
	padding: 9px; /* 9px */
}

@media screen and (max-width: 640px) {
	#sns .sns-area {
		width: auto;
		padding: 0px; /* 9px */
		margin-bottom:15px;
		border:none;
	}
}

@media screen and (max-width: 640px) {
	.sns-area .sqexBCtwitter {
		padding: 6px;
	}
}

.sns-area .icon-list li a {color:#666; display:block;}
.sns-area .icon-list li a:hover {
	text-decoration:none;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

@media screen and (max-width: 640px) {
	.sns-area ul.icon-list li {
		max-width:none;
	}
}


/* twitter吹き出し */
.sns-area ul.icon-list li div.icon {
	float:left;
	position:relative;
	width: 100px;
	overflow:hidden;
}

@media screen and (max-width: 640px) {
	.sns-area ul.icon-list li div.icon {
		width: 15%;
	}
}

.sns-area ul.icon-list li .icon img {width:100%;}

.sns-area ul.icon-list li div.fuki {
	width:353px;
	float:right;
	color:#0033CC;
}
@media screen and (max-width: 640px) {
	.sns-area ul.icon-list li div.fuki {
		width:80%;
	}
}
.sns-area ul.icon-list li p.username {
	text-align:left;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.0;
	height:30px;
	overflow:hidden;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 1.0);
	color:#fff;
	display:table-cell;
	vertical-align:middle;
}
@media screen and (max-width: 640px) {
	.sns-area ul.icon-list li p.username {
		height:auto;
		vertical-align:auto;
		font-size:8px;
	}
}

.sns-area ul.icon-list li div.comment {
	width:301px;
	padding:9px 17px;
	margin:3px 0 10px 0;
	background:#fff;
	float:right;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.sns-area ul.icon-list li div.comment p {
	display:table-cell;
	height:92px;
	vertical-align:middle;
}

@media screen and (max-width: 640px) {
	.sns-area ul.icon-list li div.comment {
		width:90%;
		padding:3% 5%;
	}
	.sns-area ul.icon-list li div.comment p {
		height:120px;
	}
}

.sns-area ul.icon-list li div.comment .arrow {
	content: '';
	width:0;
	height:0;
	position: absolute;
	left:-15px;
	top:10px;
	border-right: 20px solid #fff;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}

@media screen and (max-width: 640px) {
	.sns-area ul.icon-list li div.comment .arrow {
		left:-9px;
		top:5px;
		border-right: 10px solid #fff;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
	}
}

.sns-area .bx-pager {margin-top:10px;}

.sns-area .bx-pager li {
	float:left;
	width:36px;
	margin-right:11px;
}

.sns-area .bx-pager li:last-child {margin-right:0;}
.sns-area .bx-pager li a {cursor:pointer;}

@media screen and (max-width: 640px) {
	.sns-area .bx-pager {text-align:center; margin:0;}
	.sns-area .bx-pager li {
		display:inline-block;
		float:none;
		width:15%;
		padding:1.68535%;
		margin:0;
	}
	.sns-area .bx-pager li img {width:100%;}
}


.sns-area .sqexBCtwitter .bx-wrapper .bx-controls {
	display:none;
}

/* アカウント一覧 */
.account_list {
	width:482px;
	position:relative;
	overflow:hidden;
	border: 1px solid #656565;
}

@media screen and (max-width: 640px) {
	.account_list {
		position:relative;
		bottom:0;
		width:auto;
		overflow:hidden;
	}
}
.account_list a {
	display:block;
}
.account_list img {
	width:482px;
}
@media screen and (max-width: 640px) {
	.account_list img {
		width:100%;
	}
}

/* ------------------------
　▲sns
--------------------------*/

/* ------------------------
　▼corporation　コーポレート情報
--------------------------*/
#corporation .corporation-title h2 img{width: 100%;}

#corporation .corporation-area {
	padding: 24px;
	border-left: 1px solid #656565;
	border-bottom: 1px solid #656565;
	border-right: 1px solid #656565;
	background: #333333;
}

@media screen and (max-width: 640px) {
	#corporation .corporation-area {
		padding: 9px;
		border:none;
	}
}

#corporation .corporation-area .company,
#corporation .corporation-area .recruit {
	width: 284px;
	margin-right: 39px;
	float: left;
}
#corporation .corporation-area .connect {
	width: 284px;
	float: left;
}

@media screen and (max-width: 640px) {	
	#corporation .corporation-area .company,
	#corporation .corporation-area .recruit {
		width: 47.666667%; /* 286px */
		height:auto;
		margin: 0 1.1666665% 1.1666665%;
		float: left;
	}
	#corporation .corporation-area .company img,
	#corporation .corporation-area .recruit img {
		width:100%;
	}
}

#corporation .corporation-area .title {
	padding:5px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	-webkit-border-radius: 2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0;
	-ms-border-radius: 2px 2px 0 0;
	-o-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	background: #c2c9cc;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfc), to(#c2c9cc)); 	
	background: -webkit-linear-gradient(#fbfbfc, #c2c9cc);
	background: -moz-linear-gradient(#fbfbfc, #c2c9cc);
	background: -ms-linear-gradient(#fbfbfc, #c2c9cc);
	background: -o-linear-gradient(#fbfbfc, #c2c9cc);
	background: linear-gradient(#fbfbfc, #c2c9cc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbfbfc', endColorstr='#ffc2c9cc', GradientType=0);
}
@media screen and (max-width: 640px) {
	#corporation .corporation-area .title {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		text-align: center;
		line-height:0;
		padding:5px;
	}
}

#corporation .corporation-area .title img.imgPC {
	display:block;
	margin:0 auto;
}
#corporation .corporation-area .title img.imgSP {
	display:none;
}
@media screen and (max-width: 640px) {
	#corporation .corporation-area .title img.imgPC {
		display:none;
	}
	#corporation .corporation-area .title img.imgSP {
		display:block;
		margin:0 auto;
		width:auto;
	}
}

/* ------------------------
　▲corporation　コーポレート情報
--------------------------*/

/* ------------------------
　▲main-content　メインコンテンツ
--------------------------*/


/* ------------------------
　▼footer　フッター
--------------------------*/
footer #ft-nav {font-size:10px;}
footer #ft-nav ul li {
	padding-left:7px;
	margin-right:10px;
	background:url(../img/common/ft_arw.gif) left center no-repeat;
	min-width:70px;
}

footer #ft-nav .ft-nav01 {
	border-top:1px solid #3c3837;
	border-bottom:1px solid #3c3837;
}
footer #ft-nav .footeropen {
	display:none;
	position:relative;
	color:#fff;
	background:#666;
	padding:5px;
	width:80%;
	margin:20px auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-align:center;
	cursor:pointer;
}
footer #ft-nav .footeropen div {
	line-height:16px;
	height:16px;
}
footer #ft-nav .footeropen span {
	display:block;
	float:left;
	color:#999;
	background:#333;
	font-size:10px;
	text-align:center;
	line-height:10px;
	position:absolute;
	top:5px;
	left:5px;
	padding:3px;
	width:10px;
	height:10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
@media screen and (max-width: 640px) {
	footer #ft-nav .footeropen {
		display:block;
	}
	footer #ft-nav .ft-nav01 {
		display:none;
	}
}

footer #ft-nav .ft-nav_column {
	width:1012px;
	margin:20px auto;
	background:url(../img/common/ft_line.gif) left top no-repeat;
	display:table;
}
@media screen and (max-width: 640px) {
	footer #ft-nav .ft-nav_column {
		width:100%;
		background:none;
	}
}

footer #ft-nav .ft-nav_column .ft-nav_column1 {
	display:table-cell;
	vertical-align:top;
	padding:0 0 0 15px;
	background:url(../img/common/ft_line.gif) right top repeat-y;
	width:322px;
}
@media screen and (max-width: 640px) {
	footer #ft-nav .ft-nav_column .ft-nav_column1 {
		width:auto;
		margin:0 0 20px 0;
		display:block;
		background:none;
	}
}

footer #ft-nav .ft-nav_column .ft-nav_column2 {
	display:table-cell;
	vertical-align:top;
	padding:0 0 0 15px;
	width:322px;
	background:url(../img/common/ft_line.gif) right top repeat-y;
}
@media screen and (max-width: 640px) {
	footer #ft-nav .ft-nav_column .ft-nav_column2 {
		width:auto;
		margin:0 0 20px 0;
		display:block;
		background:none;
	}
}

footer #ft-nav .ft-nav_column .ft-nav_column3 {
	display:table-cell;
	vertical-align:top;
	padding:0 0 0 15px;
	width:323px;
	background:url(../img/common/ft_line.gif) right top repeat-y;
}
@media screen and (max-width: 640px) {
	footer #ft-nav .ft-nav_column .ft-nav_column3 {
		width:auto;
		margin:0;
		display:block;
		background:none;
	}
}

footer #ft-nav .ft-nav_column .ft-nav_title {
	margin: 0 0 10px 0;
	position:relative;
	height:20px;
	vertical-align:middle;
}
footer #ft-nav .ft-nav_column .ft-nav_title a {
	display:block;
	height:20px;
}
footer #ft-nav .ft-nav_column .ft-nav_title img {
	float:left;
	margin-right:5px;
	background:#000;
}
footer #ft-nav .ft-nav_column .ft-nav_title span {
	padding:5px 0 5px 7px;
	display:block;
	float:left;
	height:10px;
	line-height:10px;
	background:url(../img/common/ft_arw.gif) center left no-repeat;
}
footer #ft-nav .ft-nav_column .ft-nav_category {
	margin: 0 0 5px 30px;
}
footer #ft-nav .ft-nav_column .ft-nav_link {
	margin:0 0 0 30px;
}
	footer #ft-nav .ft-nav_column .mb20 {margin-bottom:20px;}

footer p.btn-top {
	margin-top: 15px;
	text-align: right;
}


footer #ft-nav .ft-nav02 {
	width:980px;
	margin: 0 auto 20px auto;
	display:block;
	text-align:center;
}
@media screen and (max-width: 640px) {
	footer #ft-nav .ft-nav02 {
		width:auto;
		margin: 20px auto;
		display:block;
		text-align:left;
	}
}

footer #ft-nav .ft-nav02 .ft-nav_link li {
	display:inline;
	float:none;
}
@media screen and (max-width: 640px) {
	footer #ft-nav .ft-nav02 .ft-nav_link {
		padding:0 10px;
	}
	footer #ft-nav .ft-nav02 .ft-nav_link li {
		display:block;
		margin-right:10px;
		float:left;
	}
}

footer p.copy {text-align:center;}
footer p.copy img {display:inline;}

/* ------------------------
　▲footer　フッター
--------------------------*/