/* ------------------------
　▼書式設定
--------------------------*/
html {
	/*font-size: 62.5%;*/
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", 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%;
}

/* ------------------------
　▲書式設定
--------------------------*/

/* ------------------------
　▼アイコン
--------------------------*/
/* ゲーム */
.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 {
	width: 100%;
	height: auto; /* 50px */
	border-bottom: 1px solid #3c3838;
}

@media screen and (max-width: 640px) {
	#wp header {
		height: 100%;
	}
}

#header-title {
	max-width: 980px;
	height: auto; /* 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: 10px;
	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;
	float: left;
}

/* googleカスタム検索 */

div#___gcse_0 {
	width: 230px;
	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;
	padding-left:20px;
	background:url(http://www.jp.square-enix.com/common/images/gcse_icon_k.png) left center no-repeat !important;
}

div#___gcse_0 form input#gsc-i-id1 {
	width:137px;
	height:20px;
	margin-right:5px;
	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;
}
div#___gcse_0 form input#gsc-i-id1.gsc-input-focus {
	background-image:none !important;
}

div#___gcse_0 form input.gsc-search-button {
	width:52px;
	height:22px;
	cursor:pointer;
	font-size:10px;
	line-height:10px;
}
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;
		margin: 10px 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;
	}

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

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

	#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: 9999;
	}

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

	#phone-nav dl dt {
		height: auto; /* 23px */
		padding: 16px 0;
		text-align: center;
		color: #9d9d9d;
		background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.04, #3f3f3f), color-stop(0.07, #323131), color-stop(0.64, #272727), color-stop(0.98, #5b5a5a), to(#aaaaaa)); 	
		background: -webkit-linear-gradient(#ffffff, #3f3f3f 4%, #323131 7%, #272727 64%, #5b5a5a 98%, #aaaaaa);
		background: -moz-linear-gradient(#ffffff, #3f3f3f 4%, #323131 7%, #272727 64%, #5b5a5a 98%, #aaaaaa);
		background: -ms-linear-gradient(#ffffff, #3f3f3f 4%, #323131 7%, #272727 64%, #5b5a5a 98%, #aaaaaa);
		background: -o-linear-gradient(#ffffff, #3f3f3f 4%, #323131 7%, #272727 64%, #5b5a5a 98%, #aaaaaa);
		background: linear-gradient(#ffffff, #3f3f3f 4%, #323131 7%, #272727 64%, #5b5a5a 98%, #aaaaaa);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3f3f3f', endColorstr='#ff5b5a5a', GradientType=0);	
	}

	#phone-nav dl dd a {
		height: auto; /* 23px */
		padding: 28px 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 {
		margin-bottom: 6px;
		text-align: center;
	}

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

}

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

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

#contents {
	width: 100%;
	width: 980px\9; /* IE8 and below */
	max-width: 980px;
	height: 100%;
	margin: 1px auto 0;
	padding: 16px;
	background: #1d1d1d;
}

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



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

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

#main-images {
	width: 100%;
	max-width: 980px;
	margin-bottom: 10px;
	background: #656565;
}

@media screen and (max-width: 640px) {
	#main-images {
		/*max-width: 578px;*/
		margin-bottom: 15px;
	}
}

#main-images .bx-wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	*zoom: 1;
}

#main-images .bx-wrapper .bx-viewport {
	max-width: 100%;
	height: auto;
}

#main-images .bx-wrapper img {
	width: 100%;
	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 #656565;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;

}

#main-images .bx-wrapper .bx-viewport ul.slider li {
	max-width: 100%;
	height: auto;
}

#main-images .bx-wrapper .bx-viewport ul.slider li:after {
	position: absolute;
	top: 0;
	left: 0;
	content: "　";
	text-indent: -9999px;
}

#main-images .bx-wrapper .bx-controls {
	width: 100%;
	height: 16px;
	position: absolute;
	bottom: 0px;
	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: 185px;
	margin: 0 auto;
}

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

@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 {
	width: 100%;
	max-width: 980px;
	height: auto; /* 218px */
	margin-bottom: 15px;
	position: relative;
	border: 1px solid #656565;
	-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);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a3939', endColorstr='#ff030303', GradientType=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;
}

@media screen and (max-width: 640px) {
	#carousel {
		width: auto;
		/*max-width: 576px;
		max-height: 168px;*/
	}
}

#carousel .bx-wrapper {
	max-width: 100%;
	margin: 0 5.112474437% !important; /* 50px */
	padding: 0;
	position: relative;
	*zoom: 1;
}

@media screen and (max-width: 640px) {
	#carousel .bx-wrapper {
		margin: 0 7.986111111% !important;
	}
}

#carousel .bx-viewport {
	width: 100%;
	margin: 9px auto;
}

#carousel ul.slider li {
	width: 100%; /* 200px */
	height: auto;
	max-width: 200px;
	max-height: 200px;
	display: block;
	/*margin-right: 2.658486707%;*/
	float: left;
	overflow: hidden;
}

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

#carousel ul.slider li .cover {
	width: 90%;
	height: 90%;
	padding: 5%;
	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;
}


@media screen and (max-width: 640px) {
	#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;
	border: 1px solid #656565;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}



#carousel .bx-controls {
	width: 100%;
	height: 50px;
	position: absolute;
	top: 40px;
}

#carousel .controles {
	width: 100%;
	height: auto;
	position: absolute;
	top: 45.871559633%;
}

@media screen and (max-width: 640px) {
	#carousel .controles {
		top: 0;
		/*top: 39.285714285%;*/
	}
}

#carousel .controles a.prev {
	width: 1.533742331%;
	position: absolute;
	left: 1.773049645%;
}

@media screen and (max-width: 640px) {
	#carousel .controles a.prev {
		width: 3.993055555%;
		left: 1.5625%;
		padding: 12% 0;
	}
}

#carousel .controles a.next {
	width: 1.533742331%;
	position: absolute;
	right: 1.773049645%;
}

@media screen and (max-width: 640px) {
	#carousel .controles a.next {
		width: 3.993055555%;
		right: 1.5625%;
		padding: 12% 0;
	}
}

/* ------------------------
　▲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 {
	max-height: 40px;
	float: left;
}

#gnav li.game {
	width: 13.367346938%;
}

#gnav li.amusement {
	width: 15.204081632%;
}

#gnav li.magazine {
	width: 16.020408163%;
}

#gnav li.anime {
	width: 10%;
}

#gnav li.music {
	width: 13.163265306%;
}

#gnav li.goods {
	width: 9.795918367%;
}

#gnav li.store {
	width: 9.081632653%;
}

#gnav li.members {
	width: 13.367346938%;
}


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

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


#column2 {
	width: 100%;
	max-width: 980px;
	height: auto;
	margin-bottom: 15px;
}


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

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

#update .update-title {
	width: 100%; /* 484px */
	height: auto; /* 35px */
	min-height: 100%;
	max-width: 484px;
	padding: 1.239669421% 0; /* 6px */
	background: url(../img/update/update_title.png) no-repeat left top;
	-moz-background-size: cover;
	background-size: cover;
}

@media screen and (max-width: 640px) {
	#update .update-title {
		/*max-width: 576px;*/
		width: auto;
		max-width: 100%;
		min-height: 100%;
		padding: 1.730103806% 1px; /* 10px 1px */
		background: url(../img/update/update_title_640.png) no-repeat left top;
		-moz-background-size: cover;
		background-size: cover;
	}
}

#update .update-title h2 {
	width: 0;
	height: 23px;
	text-indent: -9999px;
	float: left;
}

@media screen and (max-width: 640px) {
	#update .update-title h2 {
		height: auto;
	}
}

#update .update-title ul.right-notice {
	width: 166px;
	height: auto;
	margin-right: 6px;
	max-height: 23px;
	float: right;
}

@media screen and (max-width: 640px) {
	#update .update-title ul.right-notice {
		/*width: 47.916666666%; /*  276px　*/
		width: 43.125%;
		max-height: 38px;
		margin-right: 1.5625%; /* 10px */
	}
}

#update .update-title ul li.rss {
	width: 57px;
	max-height: 23px;
	margin-right: 5px;
	float: left;
}

@media screen and (max-width: 640px) {
	#update .update-title ul li.rss {
		width: 30.797101449%; /* 85px */
		margin-right: 7.608695652%; /* 21px */
		max-height: 38px;
	}
}

#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: 61.594202898%; /* 170px */
		max-height: 38px;
		height: auto;
	}
}

#update .update-area {
	width: 95.867768595%;
	height: auto;
	max-width: 464px;
	padding: 1.859504132%; /* 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;
		max-width: 100%; /*558px;*/
		padding: 1.557093425%; /* 9px */
	}
}

#update .update-area .update-inner {
	width: 99.568965517%;
	height: auto; /* 745px */
	max-width: 462px;
	position: relative;
	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);
}

@media screen and (max-width: 640px) {
	#update .update-area .update-inner {
		width: auto; /* 616px;*/
		max-width: 100%;
	}
}

#update .update-area .update-inner p.important {
	height: auto;
	padding: 7px 9px;
	color: #c00;
	text-align: center;
}

@media screen and (max-width: 640px) {
	#update .update-area .update-inner p.important {
		padding: 1.618705035%; /* 9px */
		text-align: left;
	}
}
#update .update-area .update-inner li {
	width: 96.103896103%;
	height: 67px;
	max-width: 444px;
	padding: 0 1.948051948%; /* 0 9px */
	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 { 
		width: auto; /*538px;*/
		height: auto;
		max-width: 100%;
		padding: 0 1.618705035%; /* 0 9px */
	}

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

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

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

#update .update-area .update-inner dl.box {
	width: 100%;
	height: 49px;
	max-width: 444px;
	padding: 9px 0 8px;
	border-bottom: 1px dotted #656565;
	overflow: hidden;
}

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

#update .update-area .update-inner dl.box dt.img-area {
	width: 11.261261261%;
	height: auto;
	max-width: 50px;
	max-height: 50px;
	text-align: center;
	-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 #dadada;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	background: #f5f5f5;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5)); 	
	background: -webkit-linear-gradient(#ffffff, #f5f5f5);
	background: -moz-linear-gradient(#ffffff, #f5f5f5);
	background: -ms-linear-gradient(#ffffff, #f5f5f5);
	background: -o-linear-gradient(#ffffff, #f5f5f5);
	background: linear-gradient(#ffffff, #f5f5f5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff5f5f5', GradientType=0);
	float: left;
}

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

#update .update-area .update-inner dl.box dt.img-area img {
	width: auto;
	max-height: 48px;
	height: auto;
	display: inline-block;
}

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

#update .update-area .update-inner dl.box dd.info {
	width: 86.486486486%; /* 384px */
	margin-left: 2.252252252%; /* 10px */
	height: auto;
	float: left;
}

@media screen and (max-width: 640px) {
	#update .update-area .update-inner dl.box dd.info {
		width: 80.669144981%; /* 434px */ 
		margin-left: 1.858736059%;
	}
}

#update .update-area .update-inner dl.box dd.info dl dt.icon {
	width: 30%; /* 91px */
	height: auto; /* 15px */
	margin-bottom: 5px;
	text-align: center;
	color: #ffffff;
	float: left;
}

@media screen and (min-width: 641px) {
	#update .update-area .update-inner dl.box dd.info dl dt.icon {
		font-size: 8px;
	}
}

@media screen and (max-width: 640px) {
	#update .update-area .update-inner dl.box dd.info dl dt.icon {
		width: 38.709677419%; /* 168px */
		max-height: 100%;
		margin-bottom: 0;
	}
}

#update .update-area .update-inner dl.box dd.info dl dt.icon span {
	width: 100%;
	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;
	margin: 2px 0 2px 7px;
	float: left;
}

@media screen and (max-width: 640px) {
	#update .update-area .update-inner dl.box dd.info dl dd.date {
		width: 58.986175115%; /* 256px */
		max-height: 28px;
		margin: 0 0 0 2.304147465%; /*10px */
	}
}

#update .update-area .update-inner dl.box dd.info dl dd.text {
	width: 100%;
	height: 100%;
	float: left;
	/*font-size: 12px;*/
}

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

@media screen and (max-width: 640px) {
	#update .update-area .update-inner p.more {
		width: 67.532467532%; /* 416px*/
		height: 100%; /* 47px */
		margin: 10px auto;
	}
}


/* ------------------------
　▲update　更新情報
--------------------------*/


/* ------------------------
　▼pickup　注目ピックアップ
--------------------------*/
#pickup {
	width: 49.387755102%;
	max-width: 484px;
	height: 100%;
	float: right;
	margin-left: 1.224489795%; /*12px */
	line-height: 1.2em;
}

@media screen and (max-width: 640px) {
	#pickup {
		/*width: 100%;
		max-width: 578px;*/
		width: auto;
		max-width: 100%;
		margin: 15px 0 0;
		float: none;
	}
}

#pickup .pickup-title {
	width: 100%;
	height: auto; /* 35px */
	max-width: 484px;
	min-height: 100%;
	padding: 1.239669421% 0; /* 6px */
	background: url(../img/pickup/pickup_title.png) no-repeat left top;
	-moz-background-size: cover;
	background-size: cover;
}

@media screen and (max-width: 640px) {
	#pickup .pickup-title {
		/*width: 99.653979238%;
		max-width: 576px;*/
		/* height: 59px; */
		width: auto;
		max-width: 100%;
		padding: 2.5423728813% 1px; /* 15px 1px */
		background: url(../img/pickup/pickup_title_640.png) no-repeat left top;
		-moz-background-size: cover;
		background-size: cover;
	}
}

#pickup .pickup-title h2 {
	width: 100%;
	height: 23px;
	text-indent: -9999px;
}

@media screen and (max-width: 640px) {
	#pickup .pickup-title h2 {
		height: auto;
	}
}

#pickup .pickup-area {
	width: 95.867768595%;
	height: 100%;
	max-width: 464px;
	padding: 1.859504132%; /* 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; /*558px;*/
		max-width: 100%;
		padding: 1.557093425%; /* 9px */
	}
}

#pickup .pickup-area .pickup-inner {
	width: 95.905172413%;
	height: 100%;
	max-width: 445px;
	padding: 9px 1.724137931% 9px 1.939655172%;
	position: relative;
	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(GradientType=0, startColorstr='#fff5f5f5', endColorstr='#ffffffff');
	
}

@media screen and (max-width: 640px) {
	#pickup .pickup-area .pickup-inner {
		width: auto; /*538px;*/
		max-width: 100%;
		padding: 1.612903225%; /* 9px */
	}
}

/* ------ box-01 ------ */
#pickup .pickup-area .pickup-inner .box-01 {
	width: 99.550561797%;
	height: auto; /* 314px */
	max-width: 443px;
	margin-bottom: 9px;
	position: relative;
	border: 1px solid #e2dfdf;
	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);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbfbfc', endColorstr='#ffeeeeee', GradientType=0);
}

@media screen and (max-width: 640px) {
	#pickup .pickup-area .pickup-inner .box-01 {
		width: 99.628252788%;
		max-width: 536px;
		margin: 0 auto 9px;
	}
}

#pickup .pickup-area .pickup-inner .box-01 dl.box-01-inner dt.images{
	width: 93.453724605%;
	height: auto;
	max-width: 414px;
	max-height: 230px;
	margin: 14px 3.386004514% 14px 3.16027088%; /* 14px 15px 14px 14px */
	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);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbfbfc', endColorstr='#ffeeeeee', GradientType=0);
}

@media screen and (max-width: 640px) {
	#pickup .pickup-area .pickup-inner .box-01 dl.box-01-inner dt.images {
		width: 92.910447761%;
		max-width: 498px;
		max-height: 277px;
		margin: 3.544776119%; /* 19px */
	}
}


#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 .pickup-area .pickup-inner .box-01 dl.box-01-inner dt.images img {
		width: 100%;
	}
}


#pickup .pickup-area .pickup-inner .box-01 dl.box-01-inner dd.text {
	width: auto; /*415px; */
	height: 28px;
	padding: 14px 3.16027088%; /* 14px */
	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);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe4e8ec', endColorstr='#ffc2c9cc', GradientType=0);
}

@media screen and (max-width: 640px) {
	#pickup .pickup-area .pickup-inner .box-01 dl.box-01-inner dd.text {
		max-width: 536px;
		height: 48px;
		padding: 10px 2.611940298%; /* 14px */
	}
}

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

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

#pickup .pickup-area .pickup-inner .box-left {
	width: 48.988764044%;
	height: 100%; /* 197px */
	max-width: 216px;
	margin-right: 2.02247191%; /* 9px */
	-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 #e2dfdf;
	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);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbfbfc', endColorstr='#ffeeeeee', GradientType=0);
	float: left;
}

@media screen and (max-width: 640px) {
	#pickup .pickup-area .pickup-inner .box-left {
		width: 49.256505576%;
		max-width: 265px;
		margin-right: 1.486988847%; /* 8px */
	}
}

#pickup .pickup-area .pickup-inner .box-right {
	width: 48.988764044%;
	height: 100%; /* 197px */
	max-width: 218px;
	-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 #e2dfdf;
	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);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbfbfc', endColorstr='#ffeeeeee', GradientType=0);	
	float: left;
}

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

#pickup .pickup-area .pickup-inner dl.box-inner dt.images {
	width: 91.666666666%;
	max-width: 198px;
	max-height: 110px;
	margin: 4.166666666%; /* 9px */
	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);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbfbfc', endColorstr='#ffeeeeee', GradientType=0);
}

@media screen and (max-width: 640px) {
	#pickup .pickup-area .pickup-inner dl.box-inner dt.images {
		width: 89.811320754%;
		max-width: 238px;
		max-height: 133px;
		margin: 4.528301886%; /* 12px */
	}
}

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

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

#pickup .pickup-area .pickup-inner dl.box-inner dd.text {
	width: auto; /*202px;*/
	height: 43px;
	padding: 12px 2.777777777%;
	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);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe4e8ec', endColorstr='#ffc2c9cc', GradientType=0);
}

@media screen and (max-width: 640px) {
	#pickup .pickup-area .pickup-inner dl.box-inner dd.text {
		/* max-width: 263px; */
		height: 70px;
		padding: 6px 3.773584905%;
	}
}

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

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

/* ------------------------
　▼recommend　オススメ
--------------------------*/
#recommend {
	width: 100%;
	height: 100%;
	max-width: 980px;
	margin-bottom: 15px;
}

#recommend .recommend-title {
	width: 100%;
	height: 100%;
	max-width: 980px;
	min-height: 100%; /* 35px */
	padding: 0.612244897% 0; /* 6px */
	background: url(../img/recommend/recommend_title.png) no-repeat left top;
	-moz-background-size: cover;
	background-size: cover;

}

@media screen and (max-width: 640px) {
	#recommend .recommend-title {
		width: auto; /*576px;*/
		/* height: 59px; */
		max-width: 100%;
		padding: 2.5423728813% 1px; /* 15px 1px */
		background: url(../img/recommend/recommend_title_640.png) no-repeat left top;
		-moz-background-size: cover;
		background-size: cover;
	}
}

#recommend .recommend-title h2 {
	width: 100%;
	height: 23px;
	text-indent: -9999px;
}

@media screen and (max-width: 640px) {
	#recommend .recommend-title h2 {
		height: auto;
	}
}

#recommend .recommend-area {
	width: auto;
	height: 100%;
	max-width: 910px;
	background: #333333;
	border-left: 1px solid #656565;
	border-bottom: 1px solid #656565;
	border-right: 1px solid #656565;	
	padding: 24px 3.476482617%; /* 24px 34px */
}

@media screen and (max-width: 640px) {
	#recommend .recommend-area {
		max-width: 100%; /*554px;*/
		padding: 2.076124567%; /* 12px */
	}
}


/* オススメ　PC表示用 */
#recommend .recommend-inner ul.left {
	width: 31.428571428%;
	max-width: 286px;
	margin-right: 2.857142857%; /* 26px */
	float: left;
}

#recommend .recommend-inner ul.center {
	width: 31.428571428%;
	max-width: 286px;
	margin-right: 2.857142857%; /* 26px */
	float: left;
}

#recommend .recommend-inner ul.right {
	width: 31.428571428%;
	max-width: 286px;
	float: left;
}

#recommend .recommend-inner ul li {
	width: 100%;
	max-width: 286px;
	max-height: 96px;
	margin-bottom: 15px;
}

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

/* オススメ　スマホ表示用 */
#recommend .recommend-inner-sp {
	display: none;
}

@media screen and (max-width: 640px) {
	#recommend .recommend-inner-sp {
		width: auto;
		max-width: 553px;
		margin: 0 auto;
		display: block;
	}

	#recommend .recommend-inner-sp ul.left {
		width: 48.375451263%; /* 268px */
		max-width: 268px;
		margin-right: 3.249097472%; /* 18px */
		float: left;
	}

	#recommend .recommend-inner-sp ul.right {
		width: 48.375451263%; /* 268px */
		max-width: 268px;
		margin-right: 0;
		float: left;
	}

	#recommend .recommend-inner-sp ul li {
		max-width: 268px;
		max-height: 90px;
		margin-bottom: 9px;
	}

}

#recommend .recommend-area ul li:last-child {
	margin-bottom: 0;
}

#recommend .recommend-area ul li img {
	width: 100%;
	height: auto;
	max-width: 286px;
	max-height: 96px;
	/*border: 2px 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) {
	#recommend .recommend-area ul li img {
		max-width: 268px;
		max-height: 90px;
	}
}

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

/* ------------------------
　▼blog　公式ブログ
--------------------------*/
#blog {
	width: 100%;
	height: 100%;
	max-width: 980px;
	margin-bottom: 15px;
	line-height: 1.2em;
}

#blog .blog-title {
	width: 100%;
	height: auto;
	max-width: 980px;
	min-height: 100%; /* 35px */
	padding: 0.612244897% 0; /* 6px */
	background: url(../img/blog/blog_title.png) no-repeat left top;
	-moz-background-size: cover;
	background-size: cover;
}

@media screen and (max-width: 640px) {
	#blog .blog-title {
		width: auto; /*576px;*/
		/* height: 59px; */
		max-width: 100%;
		padding: 1.730103806% 1px; /* 10px 1px */
		background: url(../img/blog/blog_title_640.png) no-repeat left top;
		-moz-background-size: cover;
		background-size: cover;
	}
}

#blog .blog-title h2 {
	width: 0;
	height: 23px;
	text-indent: -9999px;
	float: left;
}

@media screen and (max-width: 640px) {
	#blog .blog-title h2 {
		height: auto;
	}

}

#blog .blog-title ul.right-notice {
	width: 104px;
	height: 23px;
	margin-right: 6px;
	float: right;
}

@media screen and (max-width: 640px) {
	#blog .blog-title ul.right-notice {
		width: 28.75%; /* 184px */
		max-height: 38px;
		margin-right: 1.5625%; /* 10px */
		height: auto;
	}
}

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

@media screen and (max-width: 640px) {
	#blog .blog-title ul li.list {
		width: 100%;
		height: auto;
		max-height: 38px;
	}
}

#blog .blog-area {
	width: auto;
	max-width: 960px;
	height: 100%;
	background: #333333;
	border-left: 1px solid #656565;
	border-bottom: 1px solid #656565;
	border-right: 1px solid #656565;
	padding: 0.918367346%; /* 9px */
}

@media screen and (max-width: 640px) {
	#blog .blog-area {
		/*max-width: 560px;*/
		max-width: 100%;
		padding: 1.607142857%; /* 9px */
	}
}

#blog .blog-area .blog-inner {
	width: 100%;
	height: auto;
	max-width: 958px;
	/*max-height: 203px;*/
	border: 1px solid #656565;
	margin-bottom: 9px;
	background: #ffffff;
}

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

#blog .blog-area .blog-inner ul {
	width: 50%;
	max-width: 479px;
	min-height: 67px;
	height: auto;
}

@media screen and (max-width: 640px) {
	#blog .blog-area .blog-inner ul {
		width: 100%;
		/*max-width: 558px;*/
		max-width: 100%;
		height: auto;
	}
}

#blog .blog-area .blog-inner ul.left {
	border-right: 1px solid #cdcdcd;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

#blog .blog-area .blog-inner ul.right {
	border-left: 1px solid #cdcdcd;
	float: right;
	-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) {
	#blog .blog-area .blog-inner ul.left,
	#blog .blog-area .blog-inner ul.right {
		float: none;
		border: none;
	}
}

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


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

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

@media screen and (max-width: 640px) {
	#blog .blog-area .blog-inner ul.right li:nth-child(odd) {
		background: #e2e3e3;
	}
	#blog .blog-area .blog-inner ul.right li:nth-child(even) {
		background: #ebebeb;
	}
	#blog .blog-area .blog-inner ul.right li:last-child {
		display: none;
	} 
}

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


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

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

#blog .blog-area .blog-inner dl.box {
	width: 100%;
	height: auto;
	max-width: 461px;
	min-height: 100%;
	display: block;
	padding: 9px 0;
	border-bottom: 1px dotted #656565;
}

@media screen and (min-width: 641px) {
	#blog .blog-area .blog-inner ul.left li:last-child dl.box,
	#blog .blog-area .blog-inner ul.right li:last-child dl.box {
		border-bottom: none;
	}
}

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


#blog .blog-area .blog-inner dl.box dt.img-area {
	width: 12.581344902%;
	height: 100%;
	max-width: 58px;
	max-height: 48px;
	float: left;
}

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

#blog .blog-area .blog-inner dl.box dt.img-area img {
	width: 100%;
	max-width: 56px;
	height: auto;
	text-align: center;
	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) {
	#blog .blog-area .blog-inner dl.box dt.img-area img {
		max-width: 112px;
	}
}

#blog .blog-area .blog-inner dl.box dd.info {
	width: 83.924843423%; /* 396px*/
	height: auto;
	margin-left: 2.087682672%; /* 10px */
	float: left;
}

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

#blog .blog-area .blog-inner dl.box dd.info dl dt.title {
	height: 2rem;
	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: 2rem;
}

@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: auto;
	color: #333333;
}

@media screen and (min-width: 641px) {
	#blog .blog-area .blog-inner p.more {
		display: none;
	}
}


@media screen and (max-width: 640px) {
	#blog .blog-area .blog-inner p.more {
		width: 67.532467532%; /* 416px*/
		height: 100%; /* 47px */
		margin: 10px auto;
		display: block;
	}
}


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

#sns {
	width: 100%;
	max-width: 958px;
	height: auto;
	border: 1px solid #e2dfdf;
	background: #fbfbfc;
	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) {
	#sns {
		width: auto; /*556px;*/
		max-width: 100%;
	}
}
#sns .sns-title {
	width: 98.121085595%; /* 940px */
	height: auto; /*23px;*/
	padding: 7px 0.939457202%; /* 9px */
	
}

@media screen and (max-width: 640px) {
	#sns .sns-title {
		width: auto;
		padding: 1.618705035% 0; /* 9px 0 */
	}
}

#sns .sns-title h3 {
	width: 377px;
	height: 14px;
	margin: 4px 0;
	float: left;
}

@media screen and (max-width: 640px) {
	#sns .sns-title h3 {
		width: 44.802867383%;
		height: 100%;
		max-width: 250px;
		max-height: 22px;
		margin: 1.43884892% 0 1.43884892% 1.798561151%; /* 8px 0 8px 10px*/
	}
}

#sns .sns-title ul.right-notice {
	width: 343px; /* 343px */
	height: auto;
	float: right;
}

@media screen and (max-width: 640px) {
	#sns .sns-title ul.right-notice {
		width: 35.46875%;  /*227px */
		height: auto;
		margin-right: 1.40625%; /* 9px */
		float: right;
	}
}

#sns .sns-title ul.right-notice li.twitter {
	width: 77px;
	height: 21px;
	margin: 1px 20px 1px 0;
	float: left;
}

@media screen and (max-width: 640px) {
	#sns .sns-title ul.right-notice li.twitter {
		display: none;
	}
}

#sns .sns-title ul.right-notice li.facebook {
	width: 112px;
	height: 21px;
	margin: 1px 20px 1px 0;
	float: left;
}

@media screen and (max-width: 640px) {
	#sns .sns-title ul.right-notice li.facebook {
		display: none;
	}
}

#sns .sns-title ul.right-notice li.list {
	width: 114px;
	height: 23px;
	float: left;
}

@media screen and (max-width: 640px) {
	#sns .sns-title ul.right-notice li.list {
		width: auto;
		max-width: 277px;
		float: none;
	}
}


#sns .sqexBCtwitter {
	width: auto;
	height: auto; /* 50px;*/
	max-width: 940px;
	margin: 0 9px 9px;
	padding: 5px 0;
	background: #d8d9da;
}

#sns ul.icon-list {
	width: 98.936170212%; /* 930px */
	margin: 0 auto;
}

@media screen and (max-width: 640px) {
	#sns ul.icon-list {
		width: auto;
		max-width: 526px;
		margin: 0 auto 9px;
		padding: 6px;
	}
}

#sns .icon-list li {
	width: 5.37634408%;
	height: auto; /*50px;*/
	max-width: 50px;
	margin: 0 0 0 0.53%; /*5px*/
	text-align: right;
	float: left;
}

#sns .icon-list li:first-child {
	margin: 0;
}

@media screen and (max-width: 640px) {
	#sns ul.icon-list li {
		width: 18.631178707%;
		height: auto;
		max-width: 98px;
		margin: 0 0 0 1.711026615%;
	}
	#sns ul.icon-list li:first-child {
		margin: 0;
	}
	#sns ul.icon-list li:nth-last-child(-n+12) {
		display: none;
	}
}

#sns ul.icon-list li img {
	width: 100%;
	max-width: 48px;
	height: auto; /*48px;*/
	border: 1px solid #ffffff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	float: left;
}

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


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

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

#store {
	width: 100%;
	height: 100%;
	max-width: 980px;
	margin-bottom: 15px;
	line-height: 1.2em;
}

#store .store-title {
	width: 100%;
	max-width: 980px;
	min-height: 100%; /* 35px; */
	padding: 0.612244897% 0; /* 6px */
	background: url(../img/store/store_title.png) no-repeat left top;
	-moz-background-size: cover;
	background-size: cover;
}

@media screen and (max-width: 640px) {
	#store .store-title {
		width: auto; /*576px;*/
		/* height: 59px; */
		max-width: 100%;
		padding: 1.730103806% 1px; /* 10px 1px */
		background: url(../img/store/store_title_640.png) no-repeat left top;
		-moz-background-size: cover;
		background-size: cover;
	}
}

#store .store-title h2 {
	width: 0;
	height: 23px;
	text-indent: -9999px;
	float: left;
}

@media screen and (max-width: 640px) {
	#store .store-title h2 {
		height: auto;
	}
}

#store .store-title ul.right-notice {
	width: 104px;
	margin-right: 6px;
	float: right;
}

@media screen and (max-width: 640px) {
	#store .store-title ul.right-notice {
		width: 28.28125%; /* 181x */
		max-height: 38px;
		margin-right: 1.730103806%; /* 10px */
	}
}

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

@media screen and (max-width: 640px) {
	#store .store-title ul li.list {
		width: 100%;
		height: 100%;
		max-height: 38px;
	}
}

#store .store-area {
	width: auto;
	max-width: 960px;
	height: 100%;
	padding: 0.9375%; /* 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 {
		max-width: 100%; /*558px;*/
		padding: 1.612903225%;
	}
}

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

#store .store-area .box {
	width: 24.375%; /*234px;*/
	height: auto; /*193px;*/
	margin-left: 0.833333333%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	background: #ffffff;
	border: 1px solid #656565;
	float: left;
}

#store .store-area .box:first-child {
	margin: 0;
}

@media screen and (max-width: 640px) {
	#store .store-area .box {
		width: 49.103942652%; /* 274px;*/
		margin-right: 1.792114695%; /* 10px */
	}
	#store .store-area .box:nth-child(2) {
		margin-right: 0;
	}
	#store .store-area .box:nth-last-child(-n+2) {
		display: none;
	}
}

@media screen and (max-width: 320px) {
	#store .store-area .box {
		width: 100%;
		float: none;
	}
	#store .store-area .box:nth-child(2) {
		margin-top: 10px;
	}
}

#store .store-area .box .category {
	/*width: 220px;*/
	height: auto;
	min-height: 13px;
	margin: 5px 2.586206896% 8px; /* 5px 6px 8px */
}

@media screen and (max-width: 640px) {
	#store .store-area .box .category {
		/* width: 254px; */
		margin: 9px 3.543307086%; /* 9px */
	}
}

#store .store-area .box .category ul.icon li {
	width: 48.636363636%; /* 107px */
	height: auto;
	text-align: center;
	color: #ffffff;
	float: left;
}

#store .store-area .box .category ul.icon li:first-child {
	margin-right: 2.272727272%; /* 5px */
}

#store .store-area .box .category ul.icon span {
	width: 100%;
	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;
}

@media screen and (max-width: 640px) {
	#store .store-area .box .category ul.icon li {
		width: 48.228346457%; /* 139px */
		margin-left: 3.543307086%; /*9px */
		float: left;
	}
	#store .store-area .box .category ul.icon li:first-child {
		margin-right: 0;
	}
}


#store .store-area .box .info {
	width: 93.103448275%; /* 216px */
	height: 88px;
	margin: 0px 3.448275862% 2px; /* 0 8px 8px */
	overflow: hidden;
	color: #363636;
}

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

@media screen and (max-width: 320px) {
		#store .store-area .box .info {
			height: auto;
		}
	}

#store .store-area .box .info dl dt.left {
	width: 35.185185185%;
	height: auto; /* 88px */
	max-width: 76px;
	max-height: 88px;
	display: block;
	float: left;
}

@media screen and (max-width: 640px) {
	#store .store-area .box .info dl dt.left {
		width: 29.921259842%;
	}
}


#store .store-area .box .info dl dd.right {
	width: 61.111111111%; /* 132px */
	height: auto;
	max-width: 128px;
	min-height: 88px;
	margin-left: 3.703703703px;
	float: left;
}

@media screen and (max-width: 640px) {
	#store .store-area .box .info dl dd.right {
		width: 68.11023622%;
		max-width: 173px;
		margin-left: 1.968503937%;
	}
}

#store .store-area .box .info dl dd.right dl.prace dt,
#store .store-area .box .info dl dd.right dl.prace dd {
	float: left;
}

#store .store-area .box .info dl dd.right dl.genre dt,
#store .store-area .box .info dl dd.right dl.genre dd {
	float: left;
}


#store .store-area .box .info dl dd.right dl.date dt, 
#store .store-area .box .info dl dd.right dl.date dd {
	float: left;
}

#main-content #store .store-area .box .item {
	height: auto;
	min-height: 13px;
	margin: 0 6px 8px;
	color: #363636;
}

#store .store-area .box .item ul li {
	margin-right: 10px;
	text-indent: -9999px;
	float: left;
}

#store .store-area .box .item ul li span{
	display: block;
	background: url(../img/icon/btn-normal-grid-2012a.gif) no-repeat;
}

/* 動画 */
#store .store-area .box .item ul li.itemcasset-video span.off{
	width: 40px;
	height: 20px;
	background-position: -170px -60px;
}

#store .store-area .box .item ul li.itemcasset-video span.on {
	width: 40px;
	height: 20px;
	background-position: -170px 0px;
}

/* 特典あり */
#store .store-area .box .item ul li.itemcasset-tokuten span.off{
	width: 55px;
	height: 20px;
	background-position: -170px -80px;
}

#store .store-area .box .item ul li.itemcasset-tokuten span.on {
	width: 55px;
	height: 20px;
	background-position: -170px -20px;
}

/* キャンペーン */
#store .store-area .box .item ul li.itemcasset-campaign span.off{
	width: 67px;
	height: 20px;
	background-position: -170px -100px;
}

#store .store-area .box .item ul li.itemcasset-campaign span.on {
	width: 67px;
	height: 20px;
	background-position: -170px -40px;
}

#store .store-area .box .text {
	width: auto; /*222px;*/
	height: 56px;
	padding: 2.155172413%; /* 5px */
	overflow: hidden;
	color: #0033cc;
	background: #c2c9cc;
	background: -webkit-gradient(linear, left top, left bottom, from(#f4f7f9), to(#c2c9cc)); 	
	background: -webkit-linear-gradient(#f4f7f9, #c2c9cc);
	background: -moz-linear-gradient(#f4f7f9, #c2c9cc);
	background: -ms-linear-gradient(#f4f7f9, #c2c9cc);
	background: -o-linear-gradient(#f4f7f9, #c2c9cc);
	background: linear-gradient(#f4f7f9, #c2c9cc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f7f9', endColorstr='#ffc2c9cc', GradientType=0);
}

@media screen and (max-width: 640px) {
	#store .store-area .box .text {
		height: 87px;
	}
}

@media screen and (max-width: 320px) {
	#store .store-area .box .text {
		height: auto;
	}
}

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

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

#corporation {
	width: 100%;
	height: 100%;
	max-width: 980px;
}

#corporation .corporation-title {
	width: 100%;
	max-width: 980px;
	min-height: 100%; /*35px;*/
	padding: 0.612244897% 0; /* 6px */
	background: url(../img/corporation/corporation_title.png) no-repeat left top;
	-moz-background-size: cover;
	background-size: cover;
}

@media screen and (max-width: 640px) {
	#corporation .corporation-title {
		width: auto; /*576px;*/
		/* height: 59px; */
		max-width: 100%;
		padding: 2.5423728813% 1px; /* 15px 1px */
		background: url(../img/corporation/corporation_title_640.png) no-repeat left top;
		-moz-background-size: cover;
		background-size: cover;
	}
}

#corporation .corporation-title h2 {
	width: 100%;
	height: 23px;
	text-indent: -9999px;
}

@media screen and (max-width: 640px) {
	#corporation .corporation-title h2 {
		height: auto;
	}
}

#corporation .corporation-area {
	width: auto;
	height: 100%;
	max-width: 920px;
	padding: 24px 2.959183673%;
	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 {
		max-width: 100%; /*558px;*/
		padding: 9px;
	}
}


#corporation .corporation-area .company,
#corporation .corporation-area .recruit {
	width: 31.304347826%; /*288px;*/
	height: 100%;
	margin-right: 3.04347826%;
	float: left;
}

#corporation .corporation-area .research {
	width: 31.304347826%; /*288px;*/
	height: 100%;
	float: left;
}

@media screen and (max-width: 640px) {
	#corporation .corporation-area .company {
		width: 48.745519713%; /*272px;*/
		margin-right: 2.508960573%;
	}
	
	#corporation .corporation-area .recruit {
		width: 48.745519713%; /*272px;*/
		margin-right: 0;
	}

	#corporation .corporation-area .research {
		width: 48.745519713%;
		margin-top: 22px;
	}

}

@media screen and (max-width: 320px) {
	#corporation .corporation-area .company {
		width: 100%;
		max-width: auto;
		float: none;
	}
	
	#corporation .corporation-area .recruit {
		width: 100%;
		max-width: auto;
		margin-top: 10px;
		float: none;
	}

	#corporation .corporation-area .research {
		width: 100%;
		max-width: auto;
		margin-top: 10px;
		float: none;
	}
}

#corporation .corporation-area .title {
	width: 100%; /*288px;*/
	height: auto; /*27px;*/
	padding: 6px 39.583333333%; /* 6px 114px */
	-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;
	border: 1px solid #e2dfdf;
	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);
}

#corporation .corporation-area .company .company-inner img,
#corporation .corporation-area .recruit .recruit-inner img,
#corporation .corporation-area .research .research-inner img {
	width: 100%; /*288px;*/
	background: #ffffff;
	margin-top: -1px;
	-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: 2px solid #dadada;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

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

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

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


/* ------------------------
　▼footer　フッター
--------------------------*/
#wp footer {
	border-top: 1px solid #3c3838;
}

@media screen and (max-width: 640px) {
	#wp footer {
		padding: 0 15px 0 16px;
	}
}

#footer-area {
	width: 100%;
	height: 100%;
	max-width: 980px;
	margin: 9px auto;
}

@media screen and (max-width: 640px) {
	#footer-area {
		margin: 18px 0;
	}
}

#footer-area .footer-inner nav#ft-nav {
	float: left;
}

#footer-area .footer-inner nav#ft-nav ul li {
	margin-right: 9px;
	padding-right: 9px;
	border-right: 1px solid #ffffff;
	float: left;
}

#footer-area .footer-inner nav#ft-nav ul li:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
	float: left;
}

#footer-area .footer-inner nav#ft-nav ul {
	margin-bottom: 10px;
}

#footer-area .footer-inner dl.qrcode {
	float: right;
}

#footer-area .footer-inner dl.qrcode dt,
#footer-area .footer-inner dl.qrcode dd {
	float: left;
}

#footer-area .footer-inner dl.qrcode dt {
	margin-right: 16px;
}

@media screen and (max-width: 640px) {
	#footer-area .footer-inner dl.qrcode {
		display: none;
	}
}

#footer-area p.copy {
	margin-top: 7px;
	text-align: center;
	color: #ffffff;
	line-height: 1.2em;
}


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