@charset "UTF-8";
/* ==================================================================
CSS information
style info :共通（汎用クラス）
================================================================== */

html,body { -webkit-text-size-adjust: none; }

html { font-size: 62.5%; }
body { font-size: 1.4rem; }

/*img { max-width:100%; height:auto; }*/

div, h1, h2, h3, h4, h5, p { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#contents ul, #contents li, #contents dl, #contents dt, #contents dd, #contents a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#contents img { max-width: 100%; height: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
/*#contents div, #contents p, #contents ul, #contents dl, #contents h1, #contents h2, #contents h3, #contents h4, #contents h5 { position: relative; } */
div, ul, dl, li, h2, h3, h4, h5, p { position: relative; } 

img {
user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-webkit-user-select:none;
-khtml-user-select:none;
-webkit-user-drag: none;
-khtml-user-drag: none;
-webkit-touch-callout: none;
}

@media screen and (max-width: 640px) {
#contents img { width: 100%; height: auto;}
}
/*
width : 98% ; IE8以下とAndroid4.3以下用フォールバック
width : -webkit-calc(100% - 20px) ;
width : calc(100% - 20px) ;
*/

/*テンプレート内にある記述*/
/*http://www.jp.square-enix.com/common/templates/css/template_rsp.css*/
body#black a:link,
body#black a:visited,
body#black a:hover,
body#black a:active {
	color:#ffffff
}
/* ------------------------
　▼contents　コンテンツ
--------------------------*/
#contents {
	margin: 0 auto;
	background: #fff;
	color:#000;
}
@media screen and (max-width: 640px) {
	#contents {
		width:100%;
	}
}
/* ------------------------
　▲contents　コンテンツ
--------------------------*/

/*上記を上書き*/
#contents {
	overflow:hidden;
}




/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents:after { content: ""; display: block; clear: both; }
#contents { zoom:1; background: #000; }
#contents { /*font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/}

#contents-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.ps #contents { background: #0a0613 url(../img/ps4/contents_bg_sp.jpg) top center repeat-y; background-size: 100%;}
.ds #contents { background: #240006 url(../img/3ds/contents_bg_sp.jpg) top center repeat-y; background-size: 100%;}


@media screen and (min-width: 641px) {
	.ps #contents { background: #0a0613 url(../img/ps4/contents_bg_pc.jpg) top center repeat-y;}
	.ds #contents { background: #240006 url(../img/3ds/contents_bg_pc.jpg) top center repeat-y;}
}


/* --------------------------------------------------------
nowloading
-------------------------------------------------------- */
#nowloading { position: fixed; width: 100%; height: 100%; height: 100%; top: 0px; left: 0px; background: #000; z-index: 10; }
#loadingicon { position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin-top: -16px; margin-left: -16px; text-align: center;  z-index: 9991; }
#nowloading { display: none;}

/* --------------------------------------------------------
#header-section
-------------------------------------------------------- */
#header-section-wrap { width: 100%; z-index:11;}
#header-section { background: #000 url(../img/header_bg_sp.png) top center repeat-x; background-size: auto; border-bottom: 2px solid #000;}

#header-section.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 9990;}

/* #h-logo -------------------------------------------------------- */
#header-section #h-logo { width: 34.6875%; max-width: 222px; position: relative; left: 0%; }

/* #hard-select -------------------------------------------------------- */
#header-section #hard-select { letter-spacing: -.45em; width: 49.21875%; position: absolute; top: 0; left: 34.6875%; }
#hard-select dt { letter-spacing: normal; vertical-align: top; }
#hard-select .btn { letter-spacing: normal; vertical-align: bottom; }
#hard-select dt { width: 100%; }
#hard-select .btn { display: inline-block; width: 47.9365079%; }
#hard-select .btn.typ { }
#hard-select .btn.tyd { margin-left: 3%; }
#hard-select .btn.active { z-index: 100; position: relative; }
#hard-select .btn.active::after { content: ""; display: block; width: 100%; height: 4px; position:absolute; bottom: -4px; left: 0; }
#hard-select .btn.tyd.active::after { background: #b80c12 url(../img/h_s_btn_3ds_btm_sp.png) top center no-repeat; background-size: 100% auto; }
#hard-select .btn.typ.active::after { background: #0976d2 url(../img/h_s_btn_ps4_btm_sp.png) top center no-repeat; background-size: 100% auto; }

/* #hs-text -------------------------------------------------------- */
#hs-text { width: 100%; position: relative; z-index: 10; }
.active-ds #hs-text { background: url(../img/3ds/hs_text_bg_sp.png) top center repeat-x; background-size: auto 100%; }
.active-ps #hs-text { background: url(../img/ps4/hs_text_bg_sp.png) top center repeat-x; background-size: auto 100%; }

/* #spbtn -------------------------------------------------------- */
#spbtn { width: 11.5625%; position: absolute; top: 35.6521739%; left: 85.3125%;}

@media screen and (min-width: 641px) {
	#header-section-wrap { }
	#header-section { background: #000 url(../img/header_bg_pc.png) top center repeat-x; background-size: auto; border-bottom: 1px solid #000;}
	#header-section-inner { width: 100%; max-width: 1400px; margin: 0 auto; z-index: 999; }	
	
	/* #h-logo -------------------------------------------------------- */
	#header-section #h-logo { width: 15.428571%; max-width: 216px; position: relative; left: 2.1428571%; }
	
	/* #hard-select -------------------------------------------------------- */
	#header-section #hard-select { width: 29.428571%; max-width: 412px; top: 0%; left: 68.285714%; }
	#hard-select dt { }
	#hard-select .btn { width: 48.5436893%; max-width: 200px; }
	#hard-select .btn.typ { }
	#hard-select .btn.tyd { margin-left: 2.5%; }
	#hard-select .btn.active { }
	#hard-select .btn.active::after { height: 5px; bottom: -5px; left: 0; }
	#hard-select .btn.tyd.active::after { background: #b80c12 url(../img/h_s_btn_3ds_btm_pc.png) top center no-repeat; background-size: 100% auto; }
	#hard-select .btn.typ.active::after { background: #0976d2 url(../img/h_s_btn_ps4_btm_pc.png) top center no-repeat; background-size: 100% auto; }
	
	/* #hs-text -------------------------------------------------------- */
	#hs-text {}
	#hs-text .inner { width: 100%; max-width: 1400px; margin: 0 auto;}	
	#hs-text .inner img { width: 30%; max-width: 420px; margin-left: 2.142857%; }
	.active-ds #hs-text { background: url(../img/3ds/hs_text_bg_pc.png) top center repeat-x; background-size: auto 100%; }
	.active-ps #hs-text { background: url(../img/ps4/hs_text_bg_pc.png) top center repeat-x; background-size: auto 100%; }

	/* #spbtn -------------------------------------------------------- */
	#spbtn { display: none;}
}
@media screen and (min-width: 1401px) {
	#header-section #h-logo { top: 0; left: 30px; }
	#header-section #gnav { top: 35px; left: 253px; }
	#header-section #hard-select { top: 0; left: 956px; }
}

/* #gnav -------------------------------------------------------- */
#header-section #gnav { display: none; }
#header-section #gnav { letter-spacing: -.45em; width: 100%; position: absolute; top: 0; left: 0; text-align: center; z-index: 999; background: #000; vertical-align: top;
padding-bottom: 4.6875%; 
background: #1e1e1e; /* Old browsers */
background: -webkit-linear-gradient(top, #1e1e1e 0%,#020202 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1e1e1e 0%,#020202 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.active-ds #header-section #gnav { background: #b80c12;}
.active-ps #header-section #gnav { background: #0976d2;}

.active-ds #header-section #gnav { border-bottom: 5px solid #b80c12; }
.active-ps #header-section #gnav { border-bottom: 5px solid #0976d2; }
#header-section #gnav::before { content: ""; display: block; position: absolute; bottom: -6px; left: 0px; width: 100%; height: 1px; background: #666; z-index: 1;}
#header-section #gnav::after { content: ""; display: block; position: absolute; bottom: -5px; left: 0px; width: 100%; height: 1px; background: #000; z-index: 1;}

#gnav li { letter-spacing: normal; display: inline-block; width: 42.96875%; margin: 4.6875% 2.34375% 0;}
#gnav li.inew .thumb::after ,
#gnav li.iupd .thumb::after { content: ""; display: block; width: 100%; height: 25%; position: absolute; bottom: 0; left: 0; margin-bottom: -4%;}
.active-ds #gnav li.inew .thumb::after { background: url(../img/3ds/icon_new_sp.png) center bottom no-repeat; background-size: contain; }
.active-ds #gnav li.iupd .thumb::after { background: url(../img/3ds/icon_upd_sp.png) center bottom no-repeat; background-size: contain; }
.active-ps #gnav li.inew .thumb::after { background: url(../img/ps4/icon_new_sp.png) center bottom no-repeat; background-size: contain; }
.active-ps #gnav li.iupd .thumb::after { background: url(../img/ps4/icon_upd_sp.png) center bottom no-repeat; background-size: contain; }

.g_f_Box { display: block; width: 100%; }
.g_f_Box .g_f { width: 100%; height: auto; border: 1px solid #d0a156; border-radius: 8px;}
.cs .g_f_Box .g_f { border: 1px solid #5a5a5a; }

.active-ps .g_f_Box .g_f { background: #000 url(../img/ps4/btn_sp.png) bottom center no-repeat; background-size: 100%; }
.active-ds .g_f_Box .g_f { background: #000 url(../img/3ds/btn_sp.png) bottom center no-repeat; background-size: 100%; }
.btn1 .g_f_Box .g_f .thumb { background: url(../img/gnav01_sp.png) center center no-repeat; background-size: 100%;}
.btn2 .g_f_Box .g_f .thumb { background: url(../img/gnav02_sp.png) center center no-repeat; background-size: 100%;}
.btn3 .g_f_Box .g_f .thumb { background: url(../img/gnav03_sp.png) center center no-repeat; background-size: 100%;}
.btn4 .g_f_Box .g_f .thumb { background: url(../img/gnav04_sp.png) center center no-repeat; background-size: 100%;}
.btn5 .g_f_Box .g_f .thumb { background: url(../img/gnav05_sp.png) center center no-repeat; background-size: 100%;}
.btn6 .g_f_Box .g_f .thumb { background: url(../img/gnav06_sp.png) center center no-repeat; background-size: 100%;}
.btn7 .g_f_Box .g_f .thumb { background: url(../img/gnav07_sp.png) center center no-repeat; background-size: 100%;}
.btn8 .g_f_Box .g_f .thumb { background: url(../img/gnav08_sp.png) center center no-repeat; background-size: 100%;}
.btn9 .g_f_Box .g_f .thumb { background: url(../img/gnav09_sp.png) center center no-repeat; background-size: 100%;}

a.g_f_Box.active .g_f { background-position: top center; background-size: 100%;}
/* ボタン領域
.g_f_Box .g_f .inner { position: relative; width: 100%; }
.g_f_Box .g_f .inner::before { content:""; display: block; padding-top: 32.824427%; }
.g_f_Box .g_f .inner .thumb { position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
 */
@media screen and (min-width: 641px) {
	
	#header-section #gnav { width: 48%; max-width: 672px; top: 0; left: 19.5%; text-align: left; background: none; padding-bottom: 0; border: none; display: block; }
	.active-ds #header-section #gnav { border-bottom: none; background: none; }
	.active-ps #header-section #gnav { border-bottom: none; background: none; }
	#header-section #gnav::before { display: none; }
	#header-section #gnav::after { display: none; }
	
	#gnav li { width: 23.809523%; max-width: 160px; margin: 1.339285% 1.339285% 0 0;}
	#gnav li:nth-child(4), #gnav li:nth-child(8) { margin-right: 0;}

	#gnav li.inew .thumb::after ,
	#gnav li.iupd .thumb::after { height: 28.571428%; margin-bottom: -4%;}
	.active-ds #gnav li.inew .thumb::after { background: url(../img/3ds/icon_new_pc.png) center bottom no-repeat; background-size: contain; }
	.active-ds #gnav li.iupd .thumb::after { background: url(../img/3ds/icon_upd_pc.png) center bottom no-repeat; background-size: contain; }
	.active-ps #gnav li.inew .thumb::after { background: url(../img/ps4/icon_new_pc.png) center bottom no-repeat; background-size: contain; }
	.active-ps #gnav li.iupd .thumb::after { background: url(../img/ps4/icon_upd_pc.png) center bottom no-repeat; background-size: contain; }

	.g_f_Box .g_f { border-radius: 4px;}
	
	.active-ps .g_f_Box .g_f { background: #000 url(../img/ps4/btn_pc.png) bottom center no-repeat; background-size: 100%; }
	.active-ds .g_f_Box .g_f { background: #000 url(../img/3ds/btn_pc.png) bottom center no-repeat; background-size: 100%; }
	.btn1 .g_f_Box .g_f .thumb { background: url(../img/gnav01_pc.png) center center no-repeat; background-size: 100%;}
	.btn2 .g_f_Box .g_f .thumb { background: url(../img/gnav02_pc.png) center center no-repeat; background-size: 100%;}
	.btn3 .g_f_Box .g_f .thumb { background: url(../img/gnav03_pc.png) center center no-repeat; background-size: 100%;}
	.btn4 .g_f_Box .g_f .thumb { background: url(../img/gnav04_pc.png) center center no-repeat; background-size: 100%;}
	.btn5 .g_f_Box .g_f .thumb { background: url(../img/gnav05_pc.png) center center no-repeat; background-size: 100%;}
	.btn6 .g_f_Box .g_f .thumb { background: url(../img/gnav06_pc.png) center center no-repeat; background-size: 100%;}
	.btn7 .g_f_Box .g_f .thumb { background: url(../img/gnav07_pc.png) center center no-repeat; background-size: 100%;}
	.btn8 .g_f_Box .g_f .thumb { background: url(../img/gnav08_pc.png) center center no-repeat; background-size: 100%;}
	.btn9 .g_f_Box .g_f .thumb { background: url(../img/gnav09_pc.png) center center no-repeat; background-size: 100%;}

	a.g_f_Box:hover .g_f { background-position: top center; background-size: 100%;}

}



/* --------------------------------------------------------
#contents-section
-------------------------------------------------------- */
#contents-section { padding-top: 6.25%; padding-bottom: 5%;}
@media screen and (min-width: 641px) {
	#contents-section { padding-top: 2.142857%; padding-bottom: 5.35714%;}/* h75 of w1400*/
}


#ttl-section { margin-bottom: 9.375%;}
#ttl-section #pagettl { margin-bottom: 4.6875%;}
#ttl-section #readtext { padding: 0 4.21875%;}
@media screen and (min-width: 641px) {
	#ttl-section { margin-bottom: 0%;}
	#ttl-section #pagettl { margin-bottom: 0%;}
	#ttl-section #readtext { padding: 0%;}
}


/* --------------------------------------------------------
#gnavBtm
-------------------------------------------------------- */
#gnavBtm { letter-spacing: -.45em; width: 100%; text-align: center; background: #000; vertical-align: top; padding-bottom: 10.6875%; border-top: 1px solid #000;}
.active-ds #gnavBtm { background: #b80c12;}
.active-ps #gnavBtm { background: #0976d2;}


#gnavBtm::before { content: ""; display: block; width: 100%; height: 1px; border-top: 1px solid #666666; background: #1d1d1d; border-bottom: 3px solid #0976d2;}
.active-ds #gnavBtm::before { border-bottom: 3px solid #b80c12;}
.active-ps #gnavBtm::before { border-bottom: 3px solid #0976d2;}
#gnavBtm li { letter-spacing: normal; display: inline-block; width: 42.96875%; margin: 4.6875% 2.34375% 0;}
#gnavBtm li.inew .thumb::after ,
#gnavBtm li.iupd .thumb::after { content: ""; display: block; width: 100%; height: 25%; position: absolute; bottom: 0; left: 0; margin-bottom: -4%;}
.active-ds #gnavBtm li.inew .thumb::after { background: url(../img/3ds/icon_new_sp.png) center bottom no-repeat; background-size: contain; }
.active-ds #gnavBtm li.iupd .thumb::after { background: url(../img/3ds/icon_upd_sp.png) center bottom no-repeat; background-size: contain; }
.active-ps #gnavBtm li.inew .thumb::after { background: url(../img/ps4/icon_new_sp.png) center bottom no-repeat; background-size: contain; }
.active-ps #gnavBtm li.iupd .thumb::after { background: url(../img/ps4/icon_upd_sp.png) center bottom no-repeat; background-size: contain; }

@media screen and (min-width: 641px) {
	#gnavBtm { display: none;}
	.active-ds #gnavBtm { background: none; }
	.active-ps #gnavBtm { background: none; }
}


/* --------------------------------------------------------
.frameBox
<a href="" class="frameBox">
	<div class="frame">
		<div class="inner">
			<div class="thumb">
				<img src="" alt="" class="iC"></div></div></div></a>
-------------------------------------------------------- */
.frameBox { display: block; }
.frameBox .frame { display: block; border: 1px solid #321900; background: #e6bd3c; padding: 1px; width: 100%; z-index: 1; }
.frameBox .frame .inner { display: block; border: 1px solid #321900; background: #ab6d0a; padding: 1px; }
.frameBox .frame .inner .thumb { border: 1px solid #321900; width: 100%; height: auto; overflow: hidden;}
.frameBox .frame .inner .thumb img.pic { width: 100%; max-width: none; height: auto;}

.frameBox .frame::before, 
.frameBox .frame .inner::before, 
.frameBox .frame .inner::after { content: ""; display: block; position: absolute; }
/*-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;*/

.frameBox .frame::before { top: -0px; left: -0px; z-index: 1;
width : 100%; width : -webkit-calc(100% + 1px); width : calc(100% + 1px);
height : 100%; height : -webkit-calc(100% + 0px); height : calc(100% + 0px);
background: 
url(../img/frame_img_tl_sp.png) top left no-repeat, url(../img/frame_img_tr_sp.png) top right no-repeat,
url(../img/frame_img_bl_sp.png) bottom left no-repeat, url(../img/frame_img_br_sp.png) bottom right no-repeat,
url(../img/frame_img_l_sp.png) left center no-repeat, url(../img/frame_img_r_sp.png) right center no-repeat,
url(../img/frame_img_t_sp.png) top center no-repeat, url(../img/frame_img_b_sp.png) bottom center no-repeat;
background-size: 
4.3103%, 4.3103%, 
4.3103%, 4.3103%,
4.3103%, 4.3103%,
24.8275%, 24.8275%;
}

a.frameBox .frame .inner .thumb img.text { display: none;}

@media screen and (min-width: 641px) {
	.frameBox .frame::before { top: -1px; left: -1px;
	width : 100%; width : -webkit-calc(100% + 3px); width : calc(100% + 3px);
	height : 100%; height : -webkit-calc(100% + 2px); height : calc(100% + 2px);
	background: 
	url(../img/frame_img_tl.png) top left no-repeat, url(../img/frame_img_tr.png) top right no-repeat,
	url(../img/frame_img_bl.png) bottom left no-repeat, url(../img/frame_img_br.png) bottom right no-repeat,
	url(../img/frame_img_l.png) left center no-repeat, url(../img/frame_img_r.png) right center no-repeat,
	url(../img/frame_img_t.png) top center no-repeat, url(../img/frame_img_b.png) bottom center no-repeat;
	background-size: auto;}
	
	a.frameBox:hover .frame { background: #f6dc8f; }
	a.frameBox:hover .frame .inner { background: #fff6c3; }
	a.frameBox:hover .frame .inner .thumb { }
	a.frameBox .frame .inner .thumb .pic { -webkit-transform: scale(1); transform: scale(1);　-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-backface-visibility: hidden;}
	a.frameBox:hover .frame .inner .thumb .pic { -webkit-transform: scale(1.02); transform: scale(1.02);}
	a.frameBox .frame .inner .thumb img.text { position: absolute; top: 0; left: 0; display: block;}
	
	.ds a.frameBox:hover .frame { background: #e6bd3c; }
	.ds a.frameBox:hover .frame .inner { background: #ab6d0a; }
	.ds a.frameBox .frame .inner .thumb .pic { -webkit-transform: none; transform: none;　-webkit-transition: none; transition: none; }
	.ds a.frameBox:hover .frame .inner .thumb .pic { -webkit-transform: none; transform: none;}

}




/* --------------------------------------------------------
専用ページ状態
-------------------------------------------------------- */
.monoText ,
.mono3DS #hard-select ,
.monoPS4 #hard-select { display: none;}

.mono3DS .monoText ,
.monoPS4 .monoText { display: block; position: absolute; top: 0; right: 15.625%; width: 49.53125%; margin-top: 1.875%; }

@media screen and (min-width: 641px) {

	.mono3DS .monoText ,
	.monoPS4 .monoText { right: 1.4%; width: 32.537313%; max-width: 436px; margin-top: 0%; }

	.mono3DS #header-section #gnav ,
	.monoPS4 #header-section #gnav { width: 78.571428%; max-width: 1100px; top: 0; left: 19.5%; text-align: left; background: none; padding-bottom: 0; border: none; display: block; }

	.mono3DS #gnav li ,
	.monoPS4 #gnav li { width: 11.818181%; max-width: 130px; margin: 4.363636% 0.779220% 0 0;}
	.mono3DS #gnav li:nth-child(4) ,
	.monoPS4 #gnav li:nth-child(4) { margin-right: 0.779220%;}
	.mono3DS #gnav li:nth-child(8) ,
	.monoPS4 #gnav li:nth-child(8) { margin-right: 0%;}

	.mono3DS .g_f_Box .g_f .thumb ,
	.monoPS4 .g_f_Box .g_f .thumb { padding: 8% 0;}
	.mono3DS.active-ps .g_f_Box .g_f ,
	.monoPS4.active-ps .g_f_Box .g_f { background-size: 100% 220%; }
	.mono3DS.active-ds .g_f_Box .g_f ,
	.monoPS4.active-ds .g_f_Box .g_f { background-size: 100% 220%; }

	.mono3DS .g_f_Box .g_f .thumb ,
	.monoPS4 .g_f_Box .g_f .thumb { background-size: 123.4375%;}

	.mono3DS #gnav li.inew .thumb::after ,
	.monoPS4 #gnav li.inew .thumb::after ,
	.mono3DS #gnav li.iupd .thumb::after ,
	.monoPS4 #gnav li.iupd .thumb::after { height: 22.222222%; margin-bottom: -4%;}
}


/* --------------------------------------------------------
汎用クラス
-------------------------------------------------------- */
.ds .psOnly { display: none; }
.ps .psOnly { display: block; }
.ps .dsOnly { display: none; }
.ds .dsOnly { display: block; }

.active-ds .active-psOnly { display: none; }
.active-ps .active-psOnly { display: block; }
.active-ps .active-dsOnly { display: none; }
.active-ds .active-dsOnly { display: block; }

.pc { display: none; }
.sp { display: block; }
@media screen and (min-width: 641px) {
.pc { display: block; }
.sp { display: none; }
}

/*Link Style (Base)
a:link { text-decoration:none; color:#ffffff; }
a:visited { text-decoration:none; color:#ffffff; }
a:hover { text-decoration:underline; color:#ffffff; }
a:active { text-decoration:none; color:#ffffff; }
----------------------------------------------------*/
a:focus { outline:none; }

/*clearfix
----------------------------------------------------*/
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { zoom:1; }

.cr { clear:both; }


/*pagetop
----------------------------------------------------*/
.pageTop { width: 100%; position: absolute; bottom: 0; right: 0; }
@media screen and (min-width: 641px) {
.pageTop { width: 100%; max-width: 1330px; text-align: right; margin: 0 auto; position: absolute; bottom: 0; right: 0; }
.pageTop a { display: inline-block; text-align: right; margin-right: 10px; width: 117px; height: 40px; position: relative; }
.pageTop img { }
}




/* ----------------------------------------------------------------------------------------------------------------
#colorbox
---------------------------------------------------------------------------------------------------------------- */
.forIMG #cboxContent ,
.forMV #cboxContent ,
.forITEM #cboxContent { background: none; /*margin-top: 0;*/}
.forIMG #cboxLoadedContent ,
.forMV #cboxLoadedContent ,
.forITEM #cboxLoadedContent { background: none; padding: 0;}
#cboxOverlay { background: #000!important;}
.forIMG .cboxIframe ,
.forMV .cboxIframe ,
.forITEM .cboxIframe { background: none;}
.forIMG #cboxClose ,
.forMV #cboxClose ,
.forITEM #cboxClose { width: 49px; height: 49px; }
.forIMG #cboxClose ,
.forMV #cboxClose ,
.forITEM #cboxClose { background: url(../img/btn_close.png) center center no-repeat; background-size: cover; top: -20px; right: 6px;}
.forIMG #cboxClose:hover ,
.forMV #cboxClose:hover ,
.forITEM #cboxClose:hover { background-position: inherit;}

/* #colorbox.forIMG
---------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 641px) {
.forIMG #cboxClose { width: 49px; height: 49px; }
.forIMG #cboxClose { top: -20px; right: 2px;}
}

/* #colorbox.forMV
---------------------------------------------------------------------------------------------------------------- */
.forMV #cboxClose { background: none;}
@media screen and (min-width: 641px) {
/*.forMV #cboxClose { width: 61px; height: 61px; }
.forMV #cboxClose { top: -30px; right: 6px;}*/
}

/* #colorbox.forITEM
---------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 641px) {
.forITEM #cboxClose { width: 49px; height: 49px; }
.forITEM #cboxClose { top: -20px; right: 2px;}
}